Pengenalan Tentang Internet

Pengenalan tentang Internet

Internet merupakan jaringan komputer global yang diperkirakan saat ini dipergunakan oleh lebih dari 275 juta orang di seluruh dunia. Cikal bakalnya adalah jaringan computer yang dipergunakan Departemen Pertahanan AS yang disebut ARPANET. Tak lama kemudian ARPANET dikembangkan menjadi jaringan yang lebih luas dan disebut Internet. Pada akhir decade 80 ,Internet sudah mulai tersebar ke seluruh dunia, namun masih terbatas pada dunia akademis. Karena Internet menawarkan banyak fasilitas seperti mengirim surat elektronik (email), transfer data, bahkan juga penggunaan video, maka tak heran kalau perkembangan Intenet dan jumlah penggunanya meningkat pesat. 

 Internet dapat dibayangkan sebagai sebuah “samudra” komputer di seluruh dunia yang masing-masing terkoneksi satu sama lain dengan menggunakan “kabel”. Mungkin timbul pertanyaan, jika demikian apakah berarti sebuah kabel yang digunakan begitu panjang? Tentu saja tidak. Jaringan Internet meminjam saluran telepon dan media pemancar sebagai “kabel” yang menghubungkan satu komputer dengan yang lain. Jadi sebetulnya, antara satu komputer dengan komputer lain, yang saling berkomunikasi satu sama lain lewat Internet, mungkin saja, menggunakan banyak sekali “kabel” (media komunikasi). Coba bayangkan, sekarang ini Anda bisa saja chatting dari Surabaya ke teman Anda yang sedang bersekolah di Boston. Ada berapa banyak “kabel” yang dibutuhkan untuk itu?

 Sedangkan untuk dapat tersambung ke Internet dari rumah, biasanya digunakan modem. Modem ini bertugas untuk mengokonversikan gelombang yang dikirimkan menjadi bahasa yang dimengerti oleh komputer. Dari sinilah muncul istilah Dial-Up Networking. Sebagai contoh praktis, untuk menghubungi TelkomNet Instan, digunakan software Dial-up Networking dengan media komunikasi modem.    Komunikasi Internet ini mempunyai bermacam-macam koneksi. Antaranya adalah seperti berikut : 1. Modem Modem paling banyak digunakan oleh orang, digunakan dengan menghubungkan dengan Internet melalui line telpon. Ketika browsing web menggunakan modem, kecepatan yang digunakan kebanyakan adalah 56 Kilobit per second (56 Kbps). 2. Cable Modem Kabel modem dapat melakukan transfer informasi dalam speed lebih dari 3000 Kilobit persecond (3000 Kbps) dengan menggunakan kabel seperti kabel yang digunakan pada televisi. Contoh yang ada sekarang adalah Kabel Vision. 3. ISDN Singkatan dari Integrated Service Digital Networking, adalah komunikasi telpon menggunakan digital. Kecepatan trasfernya adalah kebanyakan antara 64Kbps sampai 128 Kbps. Contoh penyedia ISDN adalah Telkom. 4. DSL DSL (Digital Subscriber Line), dengan kecepatan transfer 1000 Kbps sampai 9000 Kbps. (hampir seperti kecepatan LAN 10Kbps).
  Pengenalan tentang Internet

Internet merupakan jaringan komputer global yang diperkirakan saat ini dipergunakan oleh lebih dari 275 juta orang di seluruh dunia. Cikal bakalnya adalah jaringan computer yang dipergunakan Departemen Pertahanan AS yang disebut ARPANET. Tak lama kemudian ARPANET dikembangkan menjadi jaringan yang lebih luas dan disebut Internet. Pada akhir decade 80 ,Internet sudah mulai tersebar ke seluruh dunia, namun masih terbatas pada dunia akademis. Karena Internet menawarkan banyak fasilitas seperti mengirim surat elektronik (email), transfer data, bahkan juga penggunaan video, maka tak heran kalau perkembangan Intenet dan jumlah penggunanya meningkat pesat. 

 Internet dapat dibayangkan sebagai sebuah “samudra” komputer di seluruh dunia yang masing-masing terkoneksi satu sama lain dengan menggunakan “kabel”. Mungkin timbul pertanyaan, jika demikian apakah berarti sebuah kabel yang digunakan begitu panjang? Tentu saja tidak. Jaringan Internet meminjam saluran telepon dan media pemancar sebagai “kabel” yang menghubungkan satu komputer dengan yang lain. Jadi sebetulnya, antara satu komputer dengan komputer lain, yang saling berkomunikasi satu sama lain lewat Internet, mungkin saja, menggunakan banyak sekali “kabel” (media komunikasi). Coba bayangkan, sekarang ini Anda bisa saja chatting dari Surabaya ke teman Anda yang sedang bersekolah di Boston. Ada berapa banyak “kabel” yang dibutuhkan untuk itu?

 Sedangkan untuk dapat tersambung ke Internet dari rumah, biasanya digunakan modem. Modem ini bertugas untuk mengokonversikan gelombang yang dikirimkan menjadi bahasa yang dimengerti oleh komputer. Dari sinilah muncul istilah Dial-Up Networking. Sebagai contoh praktis, untuk menghubungi TelkomNet Instan, digunakan software Dial-up Networking dengan media komunikasi modem.    Komunikasi Internet ini mempunyai bermacam-macam koneksi. Antaranya adalah seperti berikut : 1. Modem Modem paling banyak digunakan oleh orang, digunakan dengan menghubungkan dengan Internet melalui line telpon. Ketika browsing web menggunakan modem, kecepatan yang digunakan kebanyakan adalah 56 Kilobit per second (56 Kbps). 2. Cable Modem Kabel modem dapat melakukan transfer informasi dalam speed lebih dari 3000 Kilobit persecond (3000 Kbps) dengan menggunakan kabel seperti kabel yang digunakan pada televisi. Contoh yang ada sekarang adalah Kabel Vision. 3. ISDN Singkatan dari Integrated Service Digital Networking, adalah komunikasi telpon menggunakan digital. Kecepatan trasfernya adalah kebanyakan antara 64Kbps sampai 128 Kbps. Contoh penyedia ISDN adalah Telkom. 4. DSL DSL (Digital Subscriber Line), dengan kecepatan transfer 1000 Kbps sampai 9000 Kbps. (hampir seperti kecepatan LAN 10Kbps).


Dalam berkomunikasi di Internet dibutuhkan alamat. Untuk alamat internet ini biasanya dikenal dengan Uniform Resource Locator. (URL). Untuk tiap web memiliki alamat yang berbeda dan unik. Sebuah web mempunyai URL dengan skema terdiri dari nama web server itu sendiri dan alamatnya.Skema ini mengidentifikasikan akan bahasa, protocol yang digunakan untuk mengakses web. Nama sebuah web server juga dikenal sebagai nama domain, mengidentifikasikan nama server yang disimpan di web. Ada beberapa jenis protocol harus dikenal di internet yaitu :

- FTP (File Transfer Protocol), digunakan untuk tukar menukar file antar pengguna Internet. - Telnet, digunakan untuk berkomunikasi dan berhubungan dengan komputer lain di intenet. - Gopher, digunakan mengakses topik-topik informasi dari server yang mendukung Gopher. - POP3-mail (Post Office Protocol versi 3), layanan e-mail yang biasanya diberikan oleh ISP tempat kita berlangganan internet. Electronic Mail (E-mail) adalah layanan surat elektronik, digunakan untuk mengirim dan menerima surat. - IRC (internet Relay Chat), layanan yang digunakan untuk bercakap-cakap (dengan modus teks/ tulisan) dengan seluruh pengguna internet didunia dengan topik tak terbatas. - HTTP (Hypertext Transfer Protocol), Protokol ini merupakan basis dari WWW (World Wide Web), yang dapat digunakan untuk mengakses informasi-informasi atau dokumen dari server yang ditulis dengan menggunakan bahasa HyperText Markup Language (HTML). Pengguna yang menerima informasi atau dokumen tersebut sering disebut sebagai client, dan menggunakan sebuah browser untuk melihat isi dari informasi dokumen tersebut. Untuk mengakses dokumen dari sebuah server www, pengguna melakukannya dengan mengetikkan alamat dari dokumen tersebut di Internet, didahului dengan http://

Fungsi dari browser adalah untuk mengirimkan dan mengambil data dari sebuah web server kemudian menerjemahkan bahasa HTML dari web server tersebut yang hasilnya kemudian ditampilkan pada layer monitor. Browser yang paling banyak digunakan sekarang adalah Microsoft Internet Explorer (MSIE) dan Netscape Navigator (NN).

 Hypertext Markup Language (HTML) 

Ketika pertama kali WWW dipopulerkan, HTML merupakan satu-satunya bahasa pemrograman yang digunakan untuk merancang halaman web. Fasilitas yang telah didukung oleh HTML adalah kemampuan untuk menampilkan teks, gambar, frame juga multimedia. 

Sayangnya walaupun terus menerus dikembangkan, HTML dirasakan memiliki banyak kekurangan di dalam perancangan sebuah halaman web, terutama untuk merancang halaman web yang dinamis dan interaktif. HTML  hanya melulu menampilkan halaman yang penuh informasi tanpa memberi kesempatn kepada  pengguna untuk berinteraksi dengan halaman web tersebut. Interaksi hanya dapat terjadi jika sebuah halaman web mengirimkan respon pengguna ke web server untuk diolah, baru kemudian server mengirimkan umpan balik ke browser. Hal ini selalu membutuhkan waktu yang relatif lama juga menambah kepadatan lalu lintas jaringan internet.

 Untunglah para pakar internet dan WWW segera menyadari kekurangan tersebut dan menyimpulkan bahwa mereka membutuhkan sesuatu yang lebih daripada sekedar HTML. Akhirnya HTML dikembangkan sedemikian rupa sehingga ke dalam HTML tersebut dapat ditambahkan suatu bahasa pemrograman script (scripting language) yang dapat digunakan untuk meningkatkan kemampuan perancangan sebuah halaman web.

 Bahasa script merupakan suatu tipe bahasa pemrograman yang menyediakan kontrol untuk lingkungan pemrograman selain daripada lingkungan asal bahasa script itu sendiri. Contohnya adalah VBScript dan JavaScript. Bahasa script lebih bersifat interpreter daripada compiler, yang berarti bahwa program yang disusun dengan bahasa script harus dijalankan di dalam suatu lingkungan yang mampu menginterpretasikan bahasa script tersebut dan tidak dapat dijalankan sebagai aplikasi yang berdiri sendiri. HTML tidak dapat menginterpretasikan bahasa script, namun HTML dapat memanggil interpreter dari bahasa script tersebut.

 Dalam internet juga ada beberapa istilah yang harus dipahami, antara lain: 1. Upload/ Download File Jika Anda memiliki akses ke web server/ internet server ( tempat penyimpanan dokumen web di internet), maka Anda dapat mempublikasikan dokumen web Anda ke Internet dengan cara mengirimkan file dokumen web Anda ke web server. Jika Anda tidak memiliki akses, Anda masih dapat mempublikasikan dokumen web Anda dengan menggunakan jasa website yang menawarkan server gratis (www.tripod.com , www.freeserver.com, dll). Pengiriman file ke web server disebut dengan cara Upload. Lawannya adalah download yaitu mengkopi file dari webserver ke local drive.

2. HTML Editor Ada beberapa HTML Editor yang dapat Anda gunakan yaitu: Microsoft FrontPage, Adobe Photoshop, Adobe Pagemill, Macromedia Dreamweaver, Macromedia Dreamweaver Ultradev, dll. Kebanyakan dari HTML Editor ini sifatnya adalah WYSIWYG (What You See Is What You Get), dalam arti yang Anda lihat di layar adalah apa yang nanti Anda tampilkan.  Fungsi dari HTML Editor ini adalah untuk mempermudah pengeditan dari suatu dokumen web. Dibandingkan dengan jika kita mengetikkan kode script HTML di dalam format teks dan baru bisa dilihat jika dibuka di browser, HTML Editor versi WYSWYG sangat membantu sekali. Disamping itu HTML Editor yang ada saat ini juga menawarkan fasilitas wizard (tool pembantu) yang dapat mempercepat pembuatan web Anda. 

 #Hypertext Markup Language (HTML) 

Dokumen HTML merupakan sebuah file teks. Karena hanya berisi teks, maka dokumen HTML menjadi sangat sederhana, sehingga mudah untuk ditransfer ke sebuah jarungan internet. Namun karena sederhana, HTML memiliki kelemahan, salah satunya adalah Anda harus mengetikkan sendiri semua kode HTML jika ingin membuat sebuah halaman web. Memang sekarang telah banyak beredar HTML editor yang dapat membantu Anda dalam membuat sebuah halaman web tanpa menyentuh kode HTML sama sekali., namun dalam pengembangan halaman web dengan menggunakan bahasa script seperti VBScript dan Java Script, pengetahuan mengenai HTML harus mutlak diperlukan, karena Anda harus tahu dengan pasti di mana harus menyisipkan script yang diinginkan dalam HTML. Untuk menuliskan HTML VBScript dan JavaScript dapat menggunakan teks editor sederhana, seperti Notepad atau EditPad.

Sebuah dokumen HTML berisi elemen-elemen kode HTML yang disebut HTML Tag. Penulisannya diapit oleh apa yang disebut delimiter (pembatas). Delimiter adalah suatu karakter atau kumpulan karakter yang mengawali dan mengakhiri suatu tag. Untuk HTML delimiter yang dipakai adalah dengan karakter  <  dan  > . Sebuah kode program HTML selalu diawali dan diakhiri dengan sebuah tag. Tag pada awal kode disebut opening tag, dan pada akhir kode disebut ending tag. Ending Tag ditandai dengan karakter/ diikuti dengan opening Tag. 

Contoh tag :

<HTML> -----Kode program. </HTML>

Sebuah dokumen HTML dibagi menjadi 2 bagian yaitu body (badan) dan head (kepala). Bagian head ditandai dengan tag <HEAD> sedangkan bagian body ditandai dengan tag <BODY>. Bagian head digunakan untuk menyimpan informasi mengenai dokumen tersebut , misalnya judul, nama penulis, komentar-komentar ,dan lain-lain. Sedangkan bagian body digunakan untuk menuliskan isi utama dari dokumen web tersebut.

Contoh  dari tag dokumen web sederhana :

<HTML> <HEAD><H1>Pelatihan WEB dasar</H1> </HEAD> <BODY>  Selamat datang ke pelatihan web dasar. </BODY> </HTML>

Berikut ini adalah beberapa tag dasar yang penting dari HTML (penulisan tidak case sensitive, boleh huruf besar atau kecil.)

1. <HTML> … </HTML>. Menjelaskan bahwa teks file adalah merupakan HTML format. Diletakkan pada awal dan akhir dari setiap halaman web.

2. <HEAD> … </HEAD> Diantaranya adalah area dari heading halaman. Digunakan untuk script/perintah khusus yang tidak mempunyai hubungan dengan format dari halaman.

3. <TITLE> … </TITLE> Memberi judul yang ditampilkan pada ujung kiri atas dari browser window.

4. <BODY> … </BODY> Setelah tag <HEAD> dan digunakan untuk area dimana yang dilihat adalah merupakan tampilan dari web/ isi dari halaman. Pada tag <BODY> di dalamnya dapat ditambahkan beberapa atribut seperti tampak di bawah ini o bgcolor=”…” Æ memberikan warna latar/ background halaman. o text=”…” Æ memberikan warna tulisan / teks. o link=”…” Æ memberikan warna pada hyperlinks (link halaman) o vlink=”…” Æ memberi warna pada hyperlink yang telah dimasuki/ diklik. o alink=”…” Æ memberi warna pada link yang aktif. Warna yang diberikan merupakan kode hexadecimal . contoh #000000 warna putih, #FF0000 warna merah, #00FF00 warna hijau dan #0000FF warna biru.

5. <B> … </B> Membuat tulisan tebal (Bold Text )

6. <P> … </P> Merupakan perintah paragraph yang termasuk diantaranya pengaturan posisi tulisan, indentansi dan jarak. Antara lain seperti berikut <P ALIGN=”left”> … </P>  Æ untuk pengaturan paragraph rapat kiri (left)
<P ALIGN=”center”> … </P>  Æ untuk pengaturan paragraph di tengah (center) <P ALIGN=”right”> … </P>  Æ untuk pengaturan paragraph rapat kanan (right) <P NOWRAP> … </P> Æ untuk membuat penulisan paragraph tanpa pemotongan  batas pinggir halaman untuk berganti baris, dan hanya bisa berganti baris dengan tag <BR>

7. <BR> Untuk memberikan baris baru / pergantian baris. Diletakkan pada bagian teks yang mau berganti baris.

8. <A>  …. </A> Membuat link antar dua halaman web. Tag <A> adalah merupakan tag penghubung (anchor tag). Biasanya dituliskan dengan <A HREF link file > … </A>. Tatacara penulisan letak file ini juga bergantung dari letak filenya dimana. Untuk itu disini akan dijelaskan beberapa cara penulisan letak relative dari link file sbb( file web referensi adalah file dimana kita menuliskan link halaman) :

o HREF=”file.html” Æ file.html terletak di direktori yang sama dengan file web referensi. o HREF=”dir/file.html” Æ letak file.html di dalam direktori dir dan direktori dir terletak pada direktori yang sama dengan file web referensi o HREF=”dir/dir2/file.html” Æ letak file.html di dalam direktori dir2 dimana direktori ini di dalam direktori dir. o HREF=”../file.html” Æ letak file.html di direktori yang berada satu level di atas direktori posisi file web referensi sekarang. o HREF=”../../dir/file.html” Æ letak file.html pada dua level di atas. 

Untuk beberapa tambahan pada penulisan alamat adalah sbb: o <A HREF=mailto:email@yahoo.com> … <A> Penulisan seperti ini adalah untuk memberikan link email dari seseorang/ perusahaan. o <A HREF=http://www.satu.com> … <A> Memberikan link ke website lainnya. o <A NAME=”nama”> dan  <A HREF=”#nama”> … <A> Kedua tag di atas memberikan hubungan saling terkait, dimana jika kita meletakkan tag pertama di atas dari halaman (top) dan tag kedua merupakan link yang diletakkan pada paling bawah halaman sendiri, jika link diklik, maka posisi kursor langsung menuju pada letak pemberian tag pertama. Hal ini biasa dibuat untuk membuat link ke atas dan ke bawah dari satu halaman.

9. <IMG SRC=”gambar.jpg” … >…</IMG> Jika Anda ingin meletakkan gambar / file photo di web Anda, maka dapat dilakukan dengan memberikan tag ini. Perlu diingat bahwa tag ini juga mempunyai beberapa atribut yang dituliskan di belakang keterangan nama file seperti:

o width=”...”  Æ memberikan lebar dari gambar. o height=”…” Æ tinggi dari gambar. o border=”…” Æ memberikan ketebalan dari bingkai gambar. o alt=”…” Æ memberi nama dari gambar. o align=”…” Æ memberikan posisi dari gambar. Pemberian link web/ dokumen dengan gambar juga bisa dilakukan. Contohnya jika kita mempunyai file gambar : web.gif dan kita ingin membuat link dengan file tersebut. Maka cara penulisannya adalah dengan :

<A HREF=”link.html’> <IMG SRC=”web.gif” WIDTH=”50” HEIGHT=”50” BORDER=”1” ALT=”web”> </A>

Jenis file yang dipakai bisa berupa file bmp, gif dan jpg.

10. Pengaturan bentuk, ukuran, dan warna tulisan. Pengaturannya dilakukan dengan tag-tag seperti contoh berikut

<FONT size="2" color="#FFFF00" face="arial">...</font>
Contoh
Mengubah ukuran,warna dan bentuk tulisan. Ukurannya antara 1 - 7 atau angka relatif +1 (lebih besar 1 kali dari sebelumnya). Warna berdasarkan kode warna heksadesimal.Jenis tulisan biasanya seperti Arial, Times New Roman, Helvetica, Tahoma, or Courier. Zed h: <font face="verdana, arial black, arial">
<BASEFONT size="2" color="#FFFF00" face="arial"> 
- Mengeset untuk default dari bentuk font baik ukuran, warna dan juga jenisnya. <BIG>...</BIG> Example Membuat tulisan lebih besar. <SMALL>...</SMALL> Example Membuat tulisan lebih kecil <B>...</b> Example Huruf cetak tebal (BOLD) <I>...</I> Example Huruf cetak miring (ITALIC) <S>...</S> Example Mencoret kata (overSTRIKE) <STRIKE>...</STRIKE> Example Mencoret kata
<U>...</U> Example
Memberi garis bawah text (biasanya sering membuat bingung dengan link), UNDERLINE <TT>...</TT> Example Huruf Teletype / spasi tunggal <H1>...</H1> Example Head #1 <H2>...</H2> Example Head #2 <H3>...</H3> Example Head #3
<H4>...</H4> Example Head #4
<H5>...</H5> Example Head #5 <H6>...</H6> Example Head #6

11. <OL>… </OL> , <UL>… </UL>dan  <LI>… </LI> Biasanya untuk membuat list / memberikan penomoran langsung pada list baris. Contohnya 

<ol> <li>List item #3</li> <li>List item #4</li> </ol>

akan tampak seperti berikut :  1. List item #1  2. List item #2  3. List item #3  4. List item #4 

Selain itu dapat juga dengan mengganti tag <OL> dengan <UL> maka akan tampak seperti berikut : • List item #1  • List item #2  • List item #3  • List item #4  12. <HR> Pemberian tag ini bertujuan untuk membuat garis horizontal  pada dokumen web. Dapat diberikan attribute seperti pada atribut gambar/ image.

13. Tag Tabel. Untuk membuat tabel di dokumen web dapat dilakukan dengan memberikan tag-tag Tabel. Dalam tag-tag tabel ini terdiri dari beberapa tag seperti contoh berikut. Untuk membuat tabel seperti tampak di bawah ini :

Sel 1, baris 1 Sel 2, baris 1 Sel 3, baris 1 Sel 4, baris 1 Sel 1, baris 2 Sel 2, baris 2 Sel 3, baris 2 Sel 4, baris 2

 Maka tag yang harus ditulis  adalah sbb:

<table border="1"> <tr> <!--baris 1 awal--> <td>Sel 1, baris 1</td> <td>Sel 2, baris 1</td> <td>Sel 3, baris 1</td> <td>Sel 4, baris 1</td> </tr> <!--baris 1 akhir-->
 <tr> <!--baris 2 awal--> <td>Sel 1, baris 2</td> <td>Sel 2, baris 2</td> <td>Sel 3, baris 2</td> <td>Sel 4, baris 2</td> </tr> <!--baris 2 akhir-->

</table>

Pemberian Tag <!-- ... --> adalah sebagai pemberian komentar pada pengkodean dengan tujuan mempermudah pengecekan baris script. Penulisan dari tag table adalah diawail dengan tag <table> dan untuk memberikan sel pertama dengan tag <td>, sedangkan untuk ganti baris dengant tag <tr>

  14. <!-- komentar --> Tujuannya memberikan komentar terhadap dokumen dan membantu pengecekan dokumen. 

Saat ini barangkali yang paling penting dari spesifikasi HTML 3.2 (Wilbur) adalah tabel. 

<table Border="1">   <caption>Skor bulan Agustus</caption>   <tr>     <th Rowspan="2">&nbsp;</th>     <th Colspan="2">Total</th>   </tr>   <tr>     <th>Menang</th>     <th>Kalah</th>   </tr>   <tr>     <th Align="left">ELITS-Junior</th>     <td>22</td>     <td>55</td>   </tr>
  <tr>     <th Align="left">PIKSI-ITS</th>     <td>84</td>     <td>8</td>   </tr> </table>




OKE SEGITU AJA DULU
SEKIAN DAN TERIMAKASIH
JANGAN LUPA MAMPIR SELALU MATERI AKAN DILANJUTKAN DILAIN WAKTU
Powered By AnonTeror7 A.K.A Zilion