Jaringan Dasar komputer

Dalam blog ini anda akan mendapatkan pemahaman lengkap semua yang berhubungan dengan jaringan komputer dari pemahaman seorang awam sampai detail teknis pengetahuan jaringan dan keamanannya.

Apa itu jaringan komputer (Jarkom)?

Pada dasarnya jarkom adalah sekumpulan perangkat jaringan yang bisa saling berkomunikasi satu sama lain melalui media jaringan baik lewat media kabel atau lewat media gelombang radio untuk membentuk jaringan local (LAN) atau bahkan melintasi geografis (WAN). Dari pengertian dasar kita bisa membuat jaringan paling sederhana yang terdiri dari dua komputer yang dipasang back to back, atau terdiri lebih dari dua PC dengan menggunakan switch Ethernet atau lewat jaringan wifi dengan menggunakan wireless access point, dan juga jarkom dengan kebutuhan koneksi internet lewat sebuah modem.

Perangkat jaringan bisa meliputi komputer itu sendiri yang didalamnya ada kartu jaringan yang merupakan interface ke media transmisi baik berupa koneksi kabel ataupun lewat gelombang radio (atau jaringan wifi), perangkat Switch ethernet (hub), ataupun modem serta router yang menghubungkan jaringan local private kita dengan dunia luar (alias internet).

Jaringan komputer awalnya merupakan jaringan local yang terikat pada jarak yang pendek saja yang hanya sekitaran 100 meter atau paling jauh 500 meter saja dan ini disebut jaringan lokal (LAN). Untuk kemudian berkembang saling terhubung satu sama lain membentuk jaringan global lewat koneksi internet.

Untuk memahami lebih detail, klik disini apa itu jaringan komputer …..

Manfaat dan keuntungan jaringan computer

Satu hal yang sering dipertanyakan dalam suatu system apapun itu adalah untuk apa semua itu dibangun. Dalam kaitan dengan jaringan computer pun kita akan sering ditanyakan oleh sebagian besar orang untuk apa sich jarkom itu dibuat? Apa keuntungan, manfaat dan mungkin kerugian dari suatu system jarkom itu dibuat. Tentu saja wajar hal ini dipertanyakan mengingat bagi sebagian orang khususnya pemilik suatu bisnis dari mulai bisnis kecil, menengah sampai perusahaan besar yang tidak mengerti fungsi dan manfaat dari jaringan maka anda harus bisa meyakinkan keuntungan dan manfaat dari jaringan computer itu sendiri, apalagi jika dalam hitungan ada biaya yang terkait dari mulai membeli sebuah router, switch dan system perkabelan untuk menghubungkan satu computer dengan laiinya agar bisa saling berkomunikasi.

Untuk bisa memahami lebih jelas apa manfaat dan keuntungan serta kerugian jaringan computer silahkan ikutin link tersebut untuk memahami lebih jelas masalah ini.

Pengenalan Praktis Jaringan Komputer

Bagi sebagian orang awam yang tidak mempunyai background teknis tentang jaringan komputer akan sangat sulit memahami apa itu jarkom dan kenapa juga harus membuat suatu jaringan serta kapan kita butuh suatu jaringan.

Urgensi pembuatan suatu jaringan utamanya bagi kantoran atau pengguna rumahan yang mempunyai lebih dari satu komputer dengan hanya satu sambungan internet misal Speedy atau layanan internet Cable lainnya adalah sangat mendesak mengingat beberapa keuntungan dalam suatu jaringan.

Keuntungan suatu jarkom adalah sangat dirasakan diantaranya:

1. Untuk berbagi satu sambungan internet
2. Setiap user dalam jaringan bisa melakukan tugas masing-masing dengan salingberbagi data lewat jaringan
3. Pengamanan system keamanan secara sentralisasi
4. Bermain multiplayer game online atau antar kolega dalam jaringan local
5. Berbagi perangkat jaringan misal printer

Untuk pengguna rumahan ada baiknya anda memahami system jaringan praktis dengan menggunakan perangkat yang sudah jadi dipasaran seperti wireless router atau wireless ADSL modem (biasanya untuk koneksi Speedy Telkom) yang bisa kita instalasi tanpa harus mempunyai pengetahuan detail tentang jaringan, cukup pasang dan ikuti pentunjuk dari buku manualnya maka system akan jalan secara instan.

Pelajari lebih detail pengenalan jaringan praktis komputer  ………..

Jaringan Komputer untuk perusahaan

Dengan daftar keuntungan dari system jarkom seperti sebagian telah disebutkan diatas, tentunya sebuah perusahaan mempunyai urgensi untuk membangun system ini untuk menunjang produktifitas dari semua pelaku roda perusahaan dengan segala kebutuhan penunjangnya.

Jarkom sudah menjadi suatu kebutuhan yang pada urgensinya menjadi suatu infrastructure baik secara fisik maupun logical menjadi critical asset dari suatu perusahaan yang harus selalu ada. Kalo jaringan komputer untuk kebutuhan rumahan biasanya diperuntukkan setidaknya untuk browsing internet secara bersamaan dan paling berat kalo sudah bermain game online atau streaming video walau kebutuhan untuk menunjang bisnis rumahan tidak bisa dipungkiri sangatlah bergantung pada koneksi internet.

Sementara pada jarkom untuk kebutuhan perusahaan dimana system menjadi suatu kebutuhan kritis yang tidak boleh ada downtime setidaknya tingkat downtime system ditekan ke level seminimum mungkin, kebutuhan akan system keamanan menjadi prioritas utama agar memenuhi prinsip High Availability (HA); Integrity dan Confidentiality atau lazim disebut segitiga CIA (confidentiallity, integrity dan availabilitity).

Special for Pak Heri Soedjatmiko 

BELAJAR DASAR HTML

 Pengenalan Tag Pada HTML

Dalam HTML tag merupakan code sekaligus perintah dimana kita dapat mengatur tampilan yang kita inginkan. Tag pada HTML selalu diawali dengan <x> dan ditutup dengan </x> dimana x adalah perintah dari apa yang kita inginkan.

·         Daftar Tag Pada HTML

ELEMEN DASAR
Jenis Dokumen	<HTML></HTML>	(terdapat pada awal dan akhir dari file HTML)
Judul	<TITLE></TITLE>	(harus selalu terdapat pada mukadimah)
Mukadimah (Header)	<HEAD></HEAD>	(keterangan umum, seperti judul dsb.)
Batang Tubuh	<BODY></BODY>	(isi dari halaman HTML)

FORMAT TAMPILAN
Huruf Tebal	<B></B>	(Bold)
Huruf Miring	<I></I>	(Italic)
Garis Bawah	<U></U>	(Underline - jarang digunakan)
Rata Tengah	<CENTER></CENTER>	(Center - berlaku untuk teks maupun gambar)
Huruf Kedip	<BLINK></BLINK>	(Blinking - tag terlucu sampai kini)
Ukuran Huruf	<FONT SIZE=?></FONT>	(Font Size - boleh diisi dari 1 sampai 7)
Warna Huruf	<FONT COLOR="#$$$$$$"></FONT>
Pilih Jenis Huruf	<FONT FACE="***"></FONT>

PEMISAH
Paragraf	<P></P>	(tag penutup seringkali tak diperlukan)
Align Text	<P ALIGN=LEFT|CENTER|RIGHT></P>
Pndah Baris	<BR>	(pindah ke baris berikut)
Garis Datar	<HR>	(Horizontal Rule)
Penataan Letak Garis	<HR ALIGN=LEFT|RIGHT|CENTER>
Tebal Garis	<HR SIZE=?>	(dalam satuan pixel)
Lebar Garis	<HR WIDTH=?>	(dalam satuan pixel)
Lebar Garis Persentasi	<HR WIDTH="%">	(dalam persentasi terhadap lebar halaman)

LATAR BELAKANG DAN WARNA
Latar Belakang Gambar	<BODY BACKGROUND="URL">	(Tiled Background)
Warna Latar Belakang	<BODY BGCOLOR="#$$$$$$"	(Background Color - urutan: merah/hijau/biru)
Warna Huruf Teks	<BODY TEXT="#$$$$$$">

TABEL
Rancangan Tabel	<TABLE></TABLE>
Garis Batas Tabel	<TABLE BORDER=?></TABLE>
Lebar Tabel	<TABLE WIDTH=?>	(dalam satuan pixel)
Lebar Tabel Persentasi	<TABLE WIDTH="%">	(dalam satuan persen terhadap lebar halaman)
Baris dalam Tabel	<TR></TR>
Penataan Letak Baris	<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE>
Sel dalam Tabel	<TD></TD>	(harus ada dalam setiap baris tabel)
Penataan Letak Sel	<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE>
Kepala Tabel	<TH></TH>	(Table Header - seperti data dengan Bold dan Center)
Penataan Letak Kepala Tabel	<TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE>
Warna Kepala Tabel	<TH BGCOLOR="#$$$$$$">

A.    Dasar dasar HTML

1.      Membuat judul tab dalam halaman web, buka notepad++ terlebih dahulu, kemudian ketikan code dibawah ini:

<html>

<head>

  <title> My First HTML Project </title>

</head>

  <body BGCOLOR=“Green” TEXT=“Red”>

     WELCOME TO MY WEBSITE

</body>

<body bgcolor=”#00ff00”>

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 1 berikut:

 

Gambar 1.  Judul Tab Halaman

2.      Mengatur paragraf texs, buka notepad++ kemudin ketikan code dibawah ini:

<html>

<head>

 <title> Tag P, Br dan Hr </title>

</head>

<body>

 <p>Ini adalah paragraf pertama, yang berisi 3 baris.  Baris satu, dua dan tiga. <br><br></p>

 <p>Ini adalah paragraf kerdua, yang berisi garis horizontal</p>

<hr> Ini adalah garis horizontal.

</body>

<body bgcolor=”#00ff00”>

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 2 berikut:

 

Gambar 2. Mengatur Paragraf

3.      Mengatur ukuran huruf, buka notepad++,  kemudian ketikan code dibawah ini:

<html>

<head>

<title> Tag Heading </title>

</head>

<body>

<h1> Heading 1 </h1>

<h2> Heading 2 </h2>

<h3> Heading 3 </h3>

<h4> Heading 4 </h4>

<h5> Heading 5 </h5>

<h6> Heading 6 </h6>

</body>

<body bgcolor=”#00ff00”>

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 3 berikut:

Cara Membuat Gambar, Link, Tabel , Frame pada HTML

Cara Membuat Gambar, Link, Tabel , Frame pada HTML

1. Pertama  kali kita Buka Menu Notepad yang dapat kita buka di Accessories
2. Setelah Terbuka kita ketikkan Coding-an HTML yang akan kita gunakan seperti gambar dibawah ini :

Pembuka HTML

 
<html> ini merupakan pembuka jika kita membuat HTML
<head> ini merupakan tanda bahwa kita sudah memulai membuat dokumen
<title>Putri Meilani (HTML)</title> ini merupakan judul dari HTML yang kita buat
</head> ini merupakan penutup dari dokumen yang kita buat
<h1 align=”center”>Selamat Datang di HTML saya
Rumus diatas merupakan header yang jenis ukuran hurufnya paling besar (h1) dan terletak di rata tengah ( center ) . Header ini bertuliskan “ Selamat Datang di HTML saya “
<body text=”purple” bgcolor=”pink”> ini merupakan isi dari dokumen yang madsudnya adalah warna tulisan dokumen adalah Ungu, dan latar belakang dokumen adalah Pink .
</body> ini merupakan penutup dari isi dokumen
</html> ini merupakan penutup dari kepala HTML
</p> ini merupakan spasi baris

Menyisipkan Gambar di HTML

 
Sebelum kita menyisipkan gambar terlebih dahulu kita memastikan bahwa gambar yang akan kita masukkan sudah berada didalam folder laptop yang kita gunakan .
<img src=”../pictures/meilani.jpg” width=”120″ height=”120″> ini merupakan rumus bila kita ingin memasukkan gambar kita ke dalam HTML yang kita buat .
<hr align=”left”|”center”|”right” size=”pixel” width=”persen” noshade> ini merupakan spasi baris
Bila Rumus yang kita masukkan sudah benar maka tampilannya adalah sebagai berikut :
 

 Memasukkan Teks ke dalam HTML

 
<h1 align=”center”><i>Perkenalkan nama saya Putri Meilani, saya mahasiswi semester 2 di Universitas Gunadarma. Saat ini saya duduk di kelas 1DA03 dengan jurusan Akuntansi Komputer, ini adalah Homepage HTML saya yang pertama.HTML ini masih dalam tahap pengembangan, oleh karena itu tampilannya masih sederhana .</i>

Rumus diatas merupakan header yang jenis ukuran hurufnya paling besar (h1) dan terletak di rata tengah ( center ) . Header ini bertuliskan “Perkenalkan nama saya Putri Meilani ….. “
Bila kita ingin memiringkan tulisan kita, maka kita gunakan <i> dan penutupnya </i>
<hr align=”left”|”center”|”right” size=”pixel” width=”persen” noshade> ini merupakan spasi baris .
Maka tampilannya jika sudah jadi sebagai berikut :
 

 Memasukkan Link ke dalam HTML

 
Disini saya akan memasukkan Link Blog WordPress saya kedalam HTML yang saya buat dengan cara :
<a href=”http://meilaniputrimarpaung94.wordpress.com/&#8221;
target=”_top”>Silahkan klik disini link saya</a><br>
Rumus diatas merupakan sebuah rumus yang digunakan untuk memasukkan Link kedalam HTML
<br> ini dimadsudkan sebagai spasi baris .
<hr align=”left”|”center”|”right” size=”pixel” width=”persen” noshade> Rumus ini dimadsudkan sebagai spasi baris
Maka tampilannya adalah sebagai berikut :
 

Menyisipkan Frame pada HTML

Sebelumnya terlebih dahulu kita membuka menu Notepad untuk membuat Frame, karna Frame tidak bias digabungkan dengan Rumus sebelumnya .
 
<html> ini merupakan pembuka dari HTML
<head> ini merupakan awal dokumen HTML
<title>Meilani Frame-This is my Frame ^_^</title> ini merupakan judul pembuka HTML yang kita buat
</head> ini merupakan penutup dari dokumen
<frameset cols=”148,*”> ini merupakan ukuran Frame yang akan kita gunakan
 <frameset rows=”164,*” border=”0″>
 <frame src=”../pictures/niy.jpg” scrolling=”no” marginwidth=”0″ marginheight=”0″>
<frame src=”../pictures/yuyu.jpg”> ini merupakan isi dari Frame yang kita gunakan, disini saya mengisikan sebuah foto untuk mengisi frame yang saya buat
</frameset> Ini merupakan sebuah penutup himpunan frame
 <frame src=”../pictures/eke.png” noresize> ini merupakan isi dari Frame yang kita gunakan, disini saya mengisikan sebuah foto untuk mengisi frame yang saya buat
</frameset> ini merupakan sebuah penutup himpunan frame

• Maka setelah itu kita simpan file HTML kita dengan judul Frame1.Html
• Lalu kita ketikkan Rumus seperti gambar dibawah ini :

 

<a href=”frame1.html”
 target=”_top”>silahkan klik frame disini</a><br>
Ini merupakan rumus untuk menyisipkan alamat Frame yang telah kita buat tadi
<hr align=”left”|”center”|”right” size=”pixel” width=”persen” noshade> Ini merupakan spasi baris
Maka tampilannya akan sebagai berikut :
 
Dan isi Frame yang kita buat adalah sebagai berikut :
 

Membuat Tabel di HTML

 

<table style=”background:#FFFF00″ width=”50%” border=”1″>  Ini merupakan rumus untuk mendesain table yang kita buat , dengan arti table ini saya beri warna Merah muda, dengan besar 50%, dan garis bordernya 1
<tr> Ini merupakan baris pada tabel dan element ini harus berada di dalam element TABLE

<th style=”background:white;width:50%;”>Data Siswa Perempuan</th> ini merupakan informasi dari isi table yang kita buat, yang isinya adalah “ Data siwa Perempuan “
<th style=”background:white;”>Data Siswa Laki-laki</th> ini merupakan informasi dari isi table yang kita buat, yang isinya adalah “ Data siwa Laki-laki “
</tr> ini merupakan tanda bahwa kita telah keluar dari baris pada table .
<tr>
<td>Aditya Ramadhani</td>
<td>Ahmad Fathoni</td>      
</tr>
<tr>
<td>Ratih Pratiwi</td>
<td>John Ericson</td>
</tr>
</table>
Rumus diatas bermadsud bahwa kita telah memasukkan data kedalam table yang kita buat.
Maka tampilan table yang kita buat adalah sebagai berikut :
 

Memasukkan Form ke dalam HTML

Sama seperti pada saat kita membuat Frame, disini kita juga membuat Form dengan cara membuka menu Notepad baru .
 
 
<html> Ini merupakan kepala dari HTML
<head> Ini merupakan awal dari dokumen HTML
<title> Membuat Forms</title> Ini merupakan isi dokumen Html
</head> Ini merupakan penutup dari isi dokumen html
<body text=”purple” bgcolor=”pink”> Ini merupakan isi dokumen html yang kita buat yang artinya bahwa isi dari html kita adalah warna tulisannya Ungu dan latar belakangnya Merah muda
</body> Ini merupakan penutup dari isi dokumen .
Rumus dibawah ini adalah isi dari Form yang kita buat .
Masukkan Nama<br>
<form>
Nama Depan: <input type=”text” name=”Nama Depan” /><br/>
<br>
Nama Belakang: <input type=”text” name=”Nama Belakang” />
</form>
Masukkan Password<br>
<form>
Password: <input type=”password” name=”pwd” />
</form>
Jenis Kelamin<br>
<form>
<input type=”radio” name=”sex” value=”male” /> Lakilaki<br />
<input type=”radio” name=”sex” value=”female” /> Perempuan
</form>
Pilih salah satu :<br>
<form>
<input type=”checkbox” name=”vehicle” value=”Motor Cycle” /> Saya Mempunyai Sepeda Motor<br />
<input type=”checkbox” name=”vehicle” value=”Car” /> Saya mempunyai mobil
</form>
Tombol Input<br>
<form name=”input” action=”html_form_action.asp” method=”get”>
Username: <input type=”text” name=”user” />
<input type=”submit” value=”Submit” />
<br>
<br>
</body>
</html>
Jika kita sudah membuat Form Html kita, maka kita simpan Form HTML kita dengan format penyimpanan, Form.HTML
Setelah itu kita kembali ke dokumen HTML yang sebelumnya dan melanjutkan rumus kita :
 
<hr align=”left”|”center”|”right” size=”pixel” width=”persen” noshade> Ini merupakan spasi baris
<a href=”form.html” Ini merupakan Rumus untuk memasukkan Form yang kita buat tadi .
target=”_top”>silahkan klik form disini</a><br>

Maka tampilan Form kita sebagai berikut :


Maka selesailah HTML yang kita buat, dan tampilannya adalah sebagai berikut :

About these ads

Share this:

• Twitter
• Facebook
• 
  

Loading...

Post navigation

← Cara membuat html

PENGERTIAN DASAR SISTEM INFORMASI MANAJEMEN →

Search

Recent