Jaringan

1.1 Pengantar Jaringan Komputer
Jaringan komputer telah berkembang selama lebih dari 40 tahun, dan dalam kurun waktu tersebut fungsinya telah berubah dari sekedar alat percobaan di laboratorium menjadi suatu sistem yang digunakan oleh berjuta-juta orang setiap harinya.

Jaringan komputer pertama bernama Arpanet, yang merupakan cikal bakal internet dimana jutaan orang diberbagai belahan dunia dapat mengakses untuk saling berkomunikasi, berbagi informasi dan mencari informasi dengan cepat dan sangat mudah tanpa dibatasi oleh waktu dan wilayah, dan semakin hari perkembangannya semakin meningkat.

1.2    Internet
Pada tahun 1963, RAND Coorporation membangun suatu jaringan yang menghubungkan semua tempat strategis di Amerika Serikat dengan UCLA sebagai pusat jaringannya. Pada tahun 1964 dikeluarkan proposal RAND yang intinya membentuk jaringan yang sifatnya tidak terpusat pada satu tempat dan tetap berfungsi sekalipun dalam keadaan hancur. Proposal ini diilhami oleh munculnya NET di awal tahun 1960-an. Pada tahun 1969 empat buah IMP (interface Message Processor) dikirimkan ke 4 perguruan tinggi yaitu, UCLA, SRI (standart research Institute), UCSB (University of California Santa Barbara) dan University of Utah. Jaringan ini kemudian disebut ARPANET yang kemudian hari hari berkembang menjadi internet seperti sekarang.
Sampai saat ini belum ada istilah/definisi  yang cocok untuk mendefinisikan internet, alasannya adalah perbedaan makna antara dahulu, sekarang dan masa yang akan datang. Hal ini disebabkan kekomplekan yang ada pada internet serta perubahan yang terjadi setiap saat pada arsitekturnya serta cara pandang orang yang memiliki berbagai persepsi mengenai internet.
Secara umum internet merupakan suatu jaringan komputer yang terdiri dari berbagai macam ukuran jaringan komputer diseluruh dunia mulai dari sebuah PC, jaringan-jaringan lokal skala kecil, jaringan-jaringan skala menengah hingga jaringan-jaringan utama yang menjadi backbound internet.
Sebelum mengenal internet lebih jauh, ada baiknya kita mengetahui lebih dulu pengertian dari jaringan komputer. Jaringan komputer adalah suatu gabungan nberbagai peralatan komunikasi dan komputer yang dihubungkan satu sama lain lewat medium komunikasi secara elaktronik. Komunikasi dapat dengan menggunakan kabel untuk jenis LAN (Local Area Network) , sedang untuk cakupan wilayah yang lebih luas sperti WAN (Wide Area Network) dapat menggunakan saluran telepon, gelombang mikro maupun satelit.
Untuk dapat mengakses internet dibutuhkan perlengkapan yang disebut modem (modulation/demodulation) yang berfungsi sebagai pembawa signal dari tempat asal ketempat tujuan dengan menggunakan gelombang frekuansi tinggi. Mesin komputer yang terhubung ke jaringan di sebut node. Tempat pemakai jaringan berada disebut terminal.
Semua perlengkapan jaringan saling berkomunikasi lewat suatu aturan umum yang disebut protokol. Ada beberapa jenis protokol yang dapat  yang digunakan di internet, namun yang paling umum adalah TCP/IP (Transmission Control Protocol/Internet Protocol).

1.3    Perangkat Akses
Agar dapat terkoneksi ke jaringan internet, diperlukan beberapa perangkat tambahan selain komputer, diantaranya adalah :
a.    Hardware
Modem : internal atau eksternal menghubungkan antara komputer dengan jalur komunikasi.
Saluran komunikasi : media yang digunakan untuk menerima atau mengirim data dari dan ke internet.
b.    Software
Software untuk mengakses internet seperti web browser  ( Internet Explorer, Mozilla, Netscape, Mosaic dll), software Email (Microsoft Outlook, pegasus mail), software pengirim/penerima data ( Cute FTP, BFTP dll)
c.    Penyedia akses
Untuk dapat mengakses ke internet kita harus menggunakan suatu provider penyedia jasa internet (Centrin, Telkomnet Instan, Indonet, Wasantara dll).

1.4    DNS (Domain Name Sevice)
Setiap komputer yang terkoneksi ke jaringan TCP/IP didefinisikan melalui IP Address. Suatu nama (disebut host name) juga dapat diberikan ke setiap device yang memiliki IP Adrress. IP address terdiri dari 4 segmen, masing –masing segmen terdiri dari 3 digit angka.
Contoh : 167.205.xxx.xxx
200.169.xxx.xxx
Dimana xxx diisi dengan angka 0-255
Alamat inilah yang dipakai sebagai pengenal suatu perangkat yang terkoneksi ke internet. Apakah manusia dapat menghapal angka-angka tersebut ketika ia akan mengakses alamat-alamat yang ada di internet ? tentu saja tidak. Oleh karena itu manusia sebagai pengguna network memerlukan metode penamaan yang mudah diingat dan diketik dengan tepat dibandingkan harus mengingat dan mengetikkan IP Address suatu komputer.
Pada internet setiap mesin diberi nama informatif. Dengan melihat nama suatu mesin, minimal orang dapat membayangkan dimana mesin berada dan service apa yang diberikannya. Bentuk hostname yang dipakai pada internet mirip dengan IP Address yaitu terdiri dari segmen berupa tingkatan. Contoh hostname :
Dns.unikom.ac.id
If.unikom.ac.id
Dns.inkom.lipi.go.id
Arti dari nama dns.unikom.ac.id adalah suatu mesin yang diberi nama dns, fungsinya sebagai domain name server, mesin ini berada di UNIKOM, tergabung dalam domain ac (academic) dan berada di Indonesia (id). Sedang dns.inkom.lipi.go.id berada di LIPI Bandung tergabung dalam domain go (government) dan berada di Indonesia (id).
Top level domain yang dipakai pada internet adalah singkatan nama negara (geografis). Beberapa contoh top level ini adalah :
id: Indonesia
fr: Perancis
nl: Belanda
jp: Jepang
kr: Korea
Adapun level-level domain yang lainnya seperti :
gi/gov: Lembaga Pemerintah
ac/edu: Lembaga Pendidikan
co/com: Lembaga Komersial
mil : Lembaga Militer
net : Pensupport Network
org : Milik Organisasi

1.5    Komponen Internet
Komponen-komponen yang ada dalam internet beranaeka ragam menurut sifat maupun manfaatnya. Komponen yang dimaksud bisa berupa layanan internet, piranti, utility atau suatu sistem tertentu di internet. Seiring perkembangannya maka komponen-komponen ini pun berubah-ubah jumlahnya setiap ssaat. Hanya saja terdapat 3 tiga komponen utama yang paling banyak dipakai yaitu, Telnet, FTP dan Mail.

Telnet
Merupakan suatu utility untuk dapat mengendalikan komputer dari komputer lain dengan menggunakan perintah text command.
FTP (File Transfer Protocol)
Digunakan untuk mengirim file/data (upload) ke suatu server atau mengambil file/data (download) dari server
Mail
Digunakan untuk bekirim pesan/surat secara elekrtonik menggunakan komputer sehingga disebut Electronic Mail (E-mail)

Bab.2 Web Browser

2.1 Definisi Web Browser
Web browser adalah suatu perangkat lunak yang digunakan untuk menampilkan halaman-halaman web (website) yang berada di internet. Adapun beberapa istilah yang sering muncul pada saat kita menggunakan web browser adalah sebagai berikut :

website    :    Halaman-halaman web yang saling terhubung dalam suatu website
homepage    :    Halaman awal ketika suatu situs dimunculkan, biasanya juga sebagai penghubung ke website-website yang lain
URL    :    Alamat unik pada suatu halaman web, yang digunakan web server untuk mengirimkan halaman web tersebut ke komputer yang mengaksesnya
www    :    Kumpulan dari dokumen-dokumen elektronik yang kemudian disebut web diap dokumen tersebut dinamakan web page
Portal    :    Website yang menyediakan berbagai jenis layanan misal pencarian, olahraga, hiburan dsb

Terdapat beberapa macam web browser yang dapat kita pakai untuk menampilkan halaman-halaman website. 3 jenis web browser yang sering dipakai adalah :
1. Internet Explorer
2. Netscape
3. Mozilla
2.2 Fungsi Web Browser
fungsi utama dari web browser adalah untuk menampilkan halaman-halaman web yang terdapat di internet, selain itu kita dapat menyimpan website terbut dan dapat kita panggil lagi kemudian (bookmark), website juga dapat disimpan (save) hingga informasi-informasi didalamnya dapat kita ambil.
2.3 Internet Explorer
Microsoft Internet Explorer, merupakan software yang built-in dengan sistem operasi Windows.Versi dari Internet Explorer berbeda-beda sesuai dengan sistem operasi windows yang digunakan (IE 4.0 untuk Windows 98/Me, IE 5/6 untuk Windows XP)

Bab.3 HTML (Hyper Text Markup Language)

3.1 Definisi HTML
HTML (Hyper Text Markup Languange) adalah  bahasa pengkodeaan untuk menghasilkan dokumen-dokumen hypertext untuk digunakan di World Wide Web. HTML terlihat seperti bahasa pengkodean lama, yang di awali dan diakhiri dengan kode-kode html dimana menunjukkan bagaimana keluarannya pada saat di jalankan pada sebuah web browser.

3.2 Program Editor HTML
Untuk membuat aplikasi web, dalam hal ini menggunakan HTML , maka kita membutuhkan  suatu editor guna mengetikkan,mengedit atau  menyimpan dokumen-dokumen HTML. Editor untuk memdesain suatu web dibagi 2 yaitu yang bersifat text murni dan yang WYSIWYG (Graphic) Editor  untuk text, anatara lain Notepad dan Ultra Edit. Sedang editor WYSIWYG adalah Netscape dan Front Page.

3.3 Struktur Dasar HTML
Seperti umumnya dokumen lain, dokumen HTML terdiri dari teks-teks dan bahkan lebih dari dari itu. Dokumen HTML juga dapat mengandung suatu gambar, suara, ataupun video. Satu hal yang membedakan dokumen HTML dengan dokumen-dokumen lainnya adalah adanya elemen-elemen HTML beserta tag-tagnya. Elemen dan tag HTML berfungsi untuk menformat atau menandai suatu bagian tertentu dari dokumen HTML dan juga untuk menentukan struktur bagian tersebut dalam dokumen HTML. Elemen dan Tag inilah yang merupakan ciri utama dari suatu dokumen HTML. Secara garis besar, untuk menulisakn sebuah dokumen HTML dibutuhkan kerangka penulisan dengan tag-tag dasar sebagai berikut HTML, HEAD,TITLE dan BODY.
Sebagai contoh berikut ini adalah penulisan HTML minimal yang menggunakan tag-tag dasar tersebut
<HTML>
<HEAD>
<TITLE> Judul dokumen </TITLE>
</HEAD>
<BODY>
data-data yang akan di tampilkan
</BODY>
</HTML>

TAG    FUNGSI
HTML    Untuk penenda bahwa dokumen yang dibuat adalah dokumen web
HEAD    Untuk bagian judul, boleh ada atau tidak
TITLE    Judul untuk masing-masing halaman, ditampilkan diatas browser
BODY    Informasi yang ingin dimunculkan diletakkan di bagian ini

3.4 Elemen dan Tag HTML
Dua komponen utama pembentuk dokumen HTML adalah  Elemen dan Tag Dengan adanya dua komponen ini, maka kita dapat membuat dokumen HTML dengan baik

3.4.1 Elemen
Dalam dokumen HTML, elemen dibagi menjadi dua kategori utama, yaitu elemen-elemen <HEAD> yang berikan informasi tentang dokumen tersebut, seperti judul dokumen astau hubungannya dengan dokumen lain. Elemen-elemen <BODY> yang menentukan bagaimana isi suatu dokumen ditampilkan oleh browser, seperti paragraf, list (daftra), tabel dan lain-lain. Di dalam elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut.

3.4.2 Tag
Pada saat web browser menampilkan suatu web page, browser tersebut akan membaca teks-teks pada dokumen HTML, dan mencari kode khusus yang disebut tag. Tag diapit oleh tanda <>. Tag biasanya merupakan pasangan, yang disebut tag awal dan tag akhir. Tag awal dinyatakan dalam bentuk <nama tag> sedang tag akhir dinyatakan dalam bentuk </nama tag>.
Format umum suatu tag berpasangan adalah :

<nama tag> Teks yang akan ditampilkan </nama tag>

Catatan :
?    HTML tidak membedakan penulisan huruf besar dan huruf kecil pada penulisan elemen maupun tag. Penulisan <i> dan <I> dianggap sama, campuran antara huruf besar dan kecil pun tidak berpengaruh <i>text</I>
?    Tidak semua tag didukung oleh semua browser. Jika suatu browser tidak mengenali suatu tag tertentu, browser tersebut akan mengabaikan tag yang tidak dikenalnya dan menuliskan isi di dalam tag tersebut sebagai teks biasa.

Sebagai contoh untuk menampilkan teks dalam format miring digunakan elemen I (italic), seperti contoh di bawah ini:
<i> Teks ini akan tercetak miring bila dilihat di browser </i>
Penulisan program yang baik adalah secara terstruktur. Artinya antara tag pertama dan tag berikutnya tidak saling tumpang tindih.
Kemungkinan kesalahan yang terjadi adalah lupa memberi tag awal atau tag akhir sehingga web page yang dihasilkan akan terlihat lain dari yang diinginkan.
Tidak semua tag mengikuti aturan seperti diatas, terdapat beberapa macam bentuk tag yang dikenal oleh HTML, di mana umumnya tag-tag dalam HTML muncul dalam bentuk seperti berikut :

<nama tag>teks</nama tag>
<nama tag>
<nama tag atribut1=argumen atribut2=argumen dst>
<nama tag antribut=argumen>teks</nama tag>

Sebagai contoh :

<Title> Home Page Irawan </Title>
<BR>
<HR Width=10 color=”red”>
<A Href=http://www.unikom.ac.id/>WebSite UNIKOM </a>

3.5 Desain HTML
Untuk mempermudah pemahaman diberikan contoh dalam bentuk file HTML

<html>
<head>
<title>Modul Pengantar Ilmu Komputer</title>
</head>
<body>
<h1>Klasifikasi dan Kegunaan Komputer</h1>
Komputer berasal dari kata <i>to compute</i> yaitu menghitung.Jadi pada awalnya komputer hanya digunakan sebagai alat hitung, namun perbedaan yang mendasar dengan kalkulator adalah bahwa komputer mempunyai perkembangan zaman, komputer digunakan manusia untuk memproses pemecahan masalah.
<hr>
Untuk lebih jelas tentang kegunaan komputer, komputer dibagi dalam beberapa klasifikasi, yaitu :
<h5>
<ol>
<li><a href=”jenis_data.html”>Berdasarkan Jenis Data Yang Diolah </a> </li>
<li><a href=”kemampuan.html”>Berdasarkan Kemampuan Komputer </a> </li>
<li><a href=”ukuran_fisik.html>Berdasarkan Ukuran Fisik</a></li>
<li><a href=”bidang_masalah.html> Berdasarkan Bidang Masalah </a> </li>
</ol>
</h5>
</body>
</html>
Untuk menampilkan hasilnya, kita buka internet explorer dan buka file html tersebut.

Penjelasan dari elemen dan tag html yang digunakan untuk program diatas :

1.    Perintah HTML digunakan sebagai awalan untuk suatu dokumen html.
2.    Perintah HEAD digunakan untuk menunjukkan bagian judul dokumen. Sifatnya opsional (boleh ditulis/tidak)
3.    PerintahTITLE digunakan untuk memberikan judul pada masing.masing dokumen. Judul ini akan ditampilkan dibagian atas web browser.
4.    Perintah BODY menunjukkan bagian isi dari dokumen html tersebut.
5.    Perintah H1 digunakan untuk penetapan besar huruf (heading). Apabila angka yang menyertai  huruf H semakin besar, maka huruf semakin kecil.
6.    Perintah HR digunakan untuk membuat garis
7.    Perintah OL digunakan untuk membuat daftar. LI untuk isi daftar.
8.    Perintah A HREF digunakan untuk membuat link.

3.6 Elemen Dasar HTML
HTML tidak hanya menyediakan teks saja dalam dokumennya, tetapi juga mampu menampilkan objek-objek multimedia seperti gambar, suara, video, dan bahkan telah merambah lebih jauh dengan adanya VRML serta applet-applet Java. Untuk informasi yang berupa teks, HTML telah menyediakan bermacam-macam elemen, seperti :
•    PARAGRAPH untuk membuat suatu paragraf
•    BLOCKQUOTE untuk membuat suatu kutipan teks
•    PREFORMATTED TEXTuntuk menampilkan teks seperti yang dituliskan
•    DIVIDER digunakan untuk mengelompokkan suatu teks tertentu

3.6.1 Paragraf
Elemen <P>………..</P> digunakan untuk menandai sekumpulan teks sebagai suatu paragraf.Tag <P> untuk awal paragraf dan tag </P> digunakan untuk mengakhiri paragraf.
Tag paragraf memiliki atribut yang dapat dipakai sebagai tambahan untuk pemformatan paragraf

Atribut    Argumen    Keterangan
Align    Right
Center
Left
Justify    Digunakan untuk perataan suatu paragraf, apakah rata kiri,kanan, tengah ataupun rata kiri/kanan (justify)

3.6.2 Blockqoute
Tag <BLOCKQUOTE> digunakan untuk menuliskan suatu kutipan teks. Browser biasanya menampilkan kutipan teks dengan mengidentifikasikan teks tersebut atau dengan mengabaikan spasi dalam teks seperti tag paragraf . kutipan teks dinyatakan dengan indentasi yang menjorok ke dalam dan berbeda dalam satu paragraf.
Berikut ini, contoh dokumen HTML yang menggunakan tag blockquote :

<html>
<body>
<h3>Teknologi Universal Serial Bus (USB)</h3>
<blockquote>
Pada awal tahun 1977 tepatnya komputer dengan prosesor Pentium, beberapakomputer sudah mempunyai piranti baru untuk memudahkan pengguna komputer dalam menangani masalah kabel yang bayak.<br>
Teknologi baru tersebut dinamalan Universal Serial Bus atau yang lebih
dikenal dengan USB. Memang masih bayak yang tidak mengetahui apa dan
fungsi teknologi ini. Oleh sebab itu bab ini akan memperkenalkan apa yang
dimaksud dengan USB dan kegunaannya.
</blockquote>
<h5>Disadur dari Buku ” Pengantar Sistem Komputer” Hal:134 <h5>
</body>
</html>

3.6.3 Preformatted Text
Pada tag paragraf, penekanan tombol ENTER, Tab, Spasi tidak memberikan pengaruh pada web page yang kita buat. Bagaimana jika misalnya kita betul-betul ingin menambahkan spasi dan enter pada teks dalam web page kita. Masalah ini dapat dipecahkan dengan menggunakan tag <PRE>…..</PRE>. Sehingga teks yang berada di dalam tag pre akan mengikuti sesuai dengan pengetikan yang kita lakukan. Berikut ini adalah contoh dokumen HTML yang menggunakan Tag <PRE>

<html>
<body>
<h3>CONTOH PENGGUNAAN TAG PRE </h3>
<pre>
Teks ini menggunakan s p a s i dan ENTER
untuk berpindah ke baris ini.
</pre>
<p>Tag pre juga sangat cocok untuk menampilkan baris-baris kode program
seperti dibawah ini</p>
<pre>
<b>for i = 1 to 10
print i
next i
</pre></b>
<p>Kita Juga dapat membuat gambar dengan format teks seperti berikut :</p>
<pre>
/\_/\
( o o )
–     meooongg……..
</pre>
</body>
</html>
Bandingkan hasilnya jika tag pre dihilangkan.

3.6.4 Divider dan Center
Elemen DIV digunakan untuk membagi-bagi dokumen HTML dalam suatu hieraki yang terstruktur. Teks yang dikelilingi oleh tag <DIV>……..</DIV> akan diformat menurut nilai atribut ALIGN yang ditentukan di dalamnya. Nilai atribut ALIGN yaitu, Left, Center dan Right.
Penggunaan DIV dengan Align=”center” dapat diganti dengan tag <CENTER>….<CENTER>. Keduanya menghasilkan hasil yang sama

<html>
<body>
<div align=”left”>Teks rata kiri dalam tag DIV</div>
<div align=”right”>Teks rata kanan dalam tag DIV</div>
<div align=”center”>Teks rata tengah dalam tag DIV</div>
<br>
<center>
teks ini menggunakan perintah center sebagai pengganti align center pada div
</center>
</body>
</html>

3.6.5 Karakter Spesial
Karakter-karakter spesial adalah karakter-karakter yang penggunaannya dalam HTML harus menggunakan kode-kode tertentu. Tanda < dan > adalah salah satu contoh dari karakter spesial. Karakter-karakter ini merupakan karakter khusus yang digunakan untuk menandai suatu tag HTML. Untuk menampilkan karakter-karakter ini dalam suatu web page diperlukan suatu kode khusus yang disebut entity . Terdapat dua macam entity dalam HTML, yaitu karakter entity dan numerik entity yang menggunakan suatu kode angka untuk mewakili suatu karakter spesial.
Karakter entity menggunakan suatu nama tertentu sebagai ganti karakter spesial dan diawali dengan tanda & serta diakhiri dengan tanda ;. Beberapa contoh karakter entity adalah :

&lt;    Mewakili karakter <
&gt;    Mewakili karakter >
&copy;    Mewakili karakter ©

Numerik entity menggunakan suatu kode angka untuk mewakili suatu karakter spesial dan diawali dengan tanda &# dan diakhiri dengan tanda ;. Salah satu contoh numerik entity adalah &#187 yang mewakili karakter >>. Berikut ini adalah contoh penggunaan karakter-karakter spesial dalam HTML.

<html>
<body>
<h1>Contoh Penggunaan Karakter Spesial</h1>
<hr>
<pre>
» Tag<i>&lt;I&gt;</i> digunakan untuk memiringkan teks
» Kurt G&ouml;del adalah seorang ahli matematika Jerman
» Menggunakan karakter Spesial
¹ <b>&amp;copy;</b> untuk membuat tanda &copy;
² <b>&amp;reg;</b> untuk membuat tanda &reg;
³ <b>&amp;trade</b> untuk membuat tanda &trade;
</pre>
</body>
</html>

Like this:

Be the first to like this.

Tinggalkan Balasan