Web Statis

Web statis adalah halaman website yang murni disusun hanya menggunakan HTML (atau XHTML) tanpa menambahkan script. Ketika kita membuka sebuah halaman web statis saat ini, dan kemudian membuka lagi beberapa saat kemudian, tampilan web akan sama persis dan tanpa ada perubahan apapun. Demikian juga ketika kita membuka website itu besok, bulan depan bahkan 10 tahun kemudian (dengan catatan si pembuat web tidak melakukan updating apa-apa).

Web Dinamis

Kebalikan dengan web statis, maka web dinamis adalah website yang disusun dari kombinasi antara HTML (atau XHTML) dan script pemrograman web. Secara sederhana dapat kita katakan bahwa web dinamis adalah web yang mampu memberikan tampilan yang dinamis dan kemampuan berinteraksi dengan pengguna. Seperti contoh misalnya kalau halaman web kita tambahkan script untuk menampilkan jam yang real time, maka walaupun kita melakukan refresh[1] hanya 1 detik kemudian, hasil tampilan yang muncul dihalaman web tersebut pasti ada perbedaan dengan sebelumnya, yaitu pada tampilan jam yang sudah ter-update. Web dinamis biasanya menggunakan script membuat komponen web yang dinamis seperti: jam dan tanggal, kalender, menu pulldown, animasi mouse, news, artikel, buku tamu, database, dan lain-lain.

Ada 2 jenis script pemrograman web, yaitu:

1. Client Side Script: script pemrograman web sisi klien, contohnya seperti JavaScript, dan VBScript
2. Server Side Script: script pemrograman web sisi server, contohnya seperti PHP, ASP, dan JSP

Tabel 3.3 Perbedaan Table-based Layout vs CSS-P Layout

Walaupun kita dapat mengontrol tampilan dokumen web dengan menggunakan HTML saja -tanpa CSS-, tetapi kita tidak akan memperoleh fleksibilitas dan file yang dibuat akan menjadi lebih besar daripada seharusnya. Teknologi CSS dimaksudkan juga untuk mempermudah perancangan dokumen web yang indah dan fleksibel. Fleksibilitas adalah hal yang tidak akan diperoleh jika menggunakan HTML saja. Keuntungan lain yang diperoleh dari penggunaan CSS adalah satu file CSS (*.css) dapat digunakan untuk banyak halaman. Sebagai contoh, misalnya Kita memiliki website yang terdiri dari 1000 file HTML dengan tampilan layout yang identik. Tanpa menggunakan CSS, ketika kita ingin mengubah satu bagian berarti Kita harus mengedit 1000 file tersebut. Dengan menggunakan CSS, Kita hanya perlu mengedit satu atau beberapa file CSS saja.

Style

Style adalah semua elemen visual dalam dokumen web kita. Misalnya, jenis font, ukuran huruf, spasi, warna, gambar latar belakang (background image), posisi, dimensi, dan lain-lain. Untuk menggunakan/mengatur style, kita menggunakan inline Cascading Stylesheet, embedded atau external CSS. Contoh penggunaan inline CSS untuk mengatur style suatu paragraf:

<p style=”font-weight:bold;”>Paragraf ini dibuat bold</p>

Cascading

Cascading, secara harfiah, berarti bertumpuk/berlapis/bertingkat. Cascading Style Sheet berarti stylesheet yang bertumpuk di mana style yang didefinisikan terakhir akan menggantikan (overwrite) style sebelumnya.

Web scripting adalah jenis script yang kita tambahkan (embedded) pada halaman web yang sebelumnya hanya disusun dengan sintaks HTML. Penambahan script ini mempunyai tujuan tertentu. Misalnya untuk menambahkan informasi jam saat itu, tanggal hari itu, menu yang dinamis (seperti pull down menu), kontrol terhadap sebuah window, animasi sederhana, maupun untuk validasi form. Salah satu script sisi klien yang sering digunakan adalah Javascript.

Ketika kita membuka sebuah halaman web yang berisi script sisi klien, maka secara otomatis script tersebut akan ikut dalam halaman web tersebut, baru kemudian scriptnya dieksekusi oleh browser komputer kita. Sehingga proses eksekusi script sangat tergantung pada kemampuan browser menerjemahkan script tersebut.

Keuntungan utama dari script sisi klien ini adalah bahwa waktu eksekusi relatif lebih cepat dari script sisi server dan dalam hal tertentu kita lebih memerlukan client side daripada server side seperti misalnya untuk menu, kontrol elemen halaman web dan validasi form. Tetapi kekurangan atau kelemahan utama dari client side ini adalah bahwa script yang kita buat pada halaman kita otomatis akan terlihat isinya oleh siapapun yang membuka halaman web tersebut, sehingga dapat saja di-copy-paste untuk digunakan orang lain dengan mudah. Kita juga tentunya bisa dengan mudah mengambil script JavaScript dari website lain yang menurut kita dapat kita pakai pada website kita.

Pemrosesan Web sisi Client dan Server

Server Side Script

Sama seperti client side, skript server side juga merupakan script yang kita tambahkan pada halaman web kita. Perbedaan utama adalah pada proses eksekusinya. Jika client side script itu dieksekusi di sisi klien, maka server side script dieksekusi di sisi server. Proses eksekusi yang dilakukan di server akan memberikan hasil dalam format HTML. Hasil tersebut yang akan dikirim ke browser client.

Keuntungan sisi server ini adalah dari segi keamanan script-nya, sehingga biasanya digunakan untuk membuat aplikasi web khusus yang membutuhkan koneksi dengan database, seperti web dinamis dengan News, User Management maupun aplikasi database.

Saat ini ada sejumlah teknologi scripting sisi server yang bisa digunakan yaitu:

• PHP: sifatnya open source dan banyak digunakan luas
• Active Server Pages (ASP) dan ASP.Net, teknologi yang dikembangkan oleh Microsoft
• ColdFusion, dikembangkan oleh Macromedia
• Java Server Pages dan Servlet dikembangkan oleh Sun Microsystem
• Common Gateway Interface (CGI), yang dibuat dengan bahasa pemrograman C++ atau Perl
• Server Side Include (SSI), seperti misalnya Frontpage Server Extension

XHTML dibuat dan distandarisasi sebagai bahasa universal di Internet yang tidak hanya digunakan oleh browser di komputer tetapi juga semua software dan hardware yang memiliki kemampuan akses Internet, misalnya PDA dan ponsel. Jadi, jika Kita ingin membuat website yang bisa diakses dengan berbagai macam peralatan/divais dengan berbagai macam browser maka Kita harus menggunakan XHTML.

Setiap browser mempunyai perbedaan dalam menterjemahkan instruksi HTML. Perbedaan ini tidak terlihat apabila dokumen web yang dibuat tidak kompleks dan tidak berisi apapun selain teks dan gambar. Jika Anda seorang web designer, maka Anda harus bisa membuat website yang dapat mengatasi perbedaan antar browser tersebut. Memilih satu jenis browser dan mengabaikan yang lain adalah keputusan yang tidak bijak, baik bagi Anda sendiri maupun bagi klien Anda. Lebih jauh lagi, seorang web designer profesional tidak dapat mengabaikan para penyandang cacat yang mengakses web dengan peralatan dan browser khusus.

File HTML berekstensi .htm / .html sebenarnya merupakan file teks biasa. File teks adalah file yang hanya berisi teks (karakter) yang dapat dibuka, dilihat isinya maupun diedit dengan program teks editor seperti Notepad di Windows. Teks adalah bahasa universal yang dapat dipahami oleh semua komputer. Semua file teks yang kita buat di Windows tanpa peduli apa ekstensinya, termasuk file HTML, dapat digunakan oleh komputer lain yang menggunakan Sistem Operasi lain, misalnya Linux, Sun OS, Mac OS, dan lain-lain.

Ada satu perbedaan utama antara file HTML dengan file teks biasa yaitu file HTML dibuat dengan mengikuti aturan tertentu yang membuatnya bisa berfungsi sebagaimana mestinya. Misalnya, membuka halaman web yang lain, menampilkan gambar, dan sebagainya. Semua file teks, termasuk file HTML dapat dibuat dengan menggunakan editor apapun misalnya Notepad, Wordpad, atau bahkan Microsoft Word.

Hypertext

Beberapa instruksi (mark-up) tertentu dalam HTML memungkinkan sebuah teks memiliki koneksi (link) dengan halaman atau material web yang lain. Link ini disebut hyperlink dan teks yang mempunyai kemampuan hyperlink disebut hypertext. Hyperlink adalah elemen yang mempersatukan berbagai dokumen web yang ada di Internet sehingga menjadi dunia informasi tak terbatas seperti sekarang ini.

Markup

Web browser dibuat secara khusus untuk membaca instruksi-instruksi HTML (markup) dan menampilkannya. Markup berada dalam file teks berekstensi HTML dan ditulis dengan mengikuti aturan-aturan tertentu. Analogi markup (penanda) sama seperti ketika kita membuat highlight teks tertentu pada sebuah buku atau catatan kita menggunakan marker (stabilo). Markup dalam dokumen html ditandai dengan adanya TAG (disimbolkan dengan tanda “< >”) yang mempunyai kode tertentu dan biasanya mempunya TAG pembuka dan TAG penutup. Misalnya untuk membuat tebal suatu teks, kita menggunakan markup <b>:

<b>Huruf Tebal</b>

hasilnya:

Huruf Tebal

Uniform Resource Locator (URL)

URL adalah alamat resource yang yang ada di Internet, yang kita ketikkan pada address bar browser. Misalnya :

http://www.sun.com/developers/evangcentral/bios.htm

Dari contoh tersebut, nama domainnya adalah www.sun.com sedangkan http adalah protokol yang digunakan. Bios.html adalah file yang kita akses dan terletak pada path developers/evangcentral.

Domain

Adalah nama alamat website yang telah terdaftar di Internet dalam sebuah sistem yang disebut Domain Name System (DNS). Sebenarnya domain adalah nama alias dari alamat komputer yang berupa alamat IP. Semua komputer yang terhubung dengan Internet memiliki alamat unik berbentuk sederetan angka yang disebut Internet Protocol address (IP). Satu nama domain bisa saja memiliki lebih dari satu alamat IP.

Sebagai contoh :

www.yahoo.com

www.yahoo.com internet address = 66.94.230.35

www.yahoo.com internet address = 66.94.230.37

www.yahoo.com internet address = 66.94.230.40

www.yahoo.com internet address = 66.94.230.42

www.yahoo.com internet address = 66.94.230.75

Alamat www.yahoo.com tentu lebih mudah diingat daripada deretan nomor- nomor tersebut di atas. Alamat IP dan nama domain, dapat dipertukarkan, artinya kita dapat menggunakan nama domain maupun nomor alamat IP untuk mengakses sebuah website. Sebagai contoh, jika kita ingin membuka website Yahoo!, maka kita dapat mengetikkan di address bar browser salah satu dari alamat berikut:

www.yahoo.com

66.94.230.35

66.94.230.37

66.94.230.40

66.94.230.42

66.94.230.75

Nama domain juga biasa disebut sebagai : hostname atau sitename.

Top-level Domain

Top level domain (TLD) adalah deretan 2 huruf atau lebih yang ditulis pada bagian belakang alamat suatu website misalnya : .net, .com, .org. Ada dua kategori TLD yaitu Generic TLD (gTLD) dan Country Code TLD (ccTLD). Domain kategori gTLD digunakan untuk identitas secara umum dari sebuah domain. Saat ini terdapat sejumlah gTLD yang dapat digunakan pada nama domain sebuah website seperti ditunjukkan dalam Tabel 3.1.

Tabel 3.1 Daftar Generic Top Level Domain

Sedangkan ccTLD adalah nama domain untuk identitas kode negara. Penggunaan ccTLD biasanya digabungkan dengan gTLD dalam format dua karakter, misalnya com menjadi co, org menjadi or, dan ac untuk akademik (perguruan tinggi). Kode negara untuk Indoensia adalah id. Jadi alamat domain www.brawijaya.ac.id artinya adalah domain untuk (Universitas) Brawijaya di Indonesia. Saat ini ada kurang lebih 240-an kode negara dalam ccTLD. Tabel 3.2 menunjukkan beberapa kode negara untuk ccTLD.

Tabel 3.2 Daftar Country Code Top Level Domain

Subdomain

Subdomain adalah istilah untuk menyebut sebuah domain yang merupakan “anak” dari domain induk. Contohnya mail.google.com yang merupakan subdomain dari www.google.com. Untuk mengakses sebuah subdomain, kita tidak perlu mengetikkan “www” di depan nama subdomain tersebut, cukup dengan nama_subdomain. nama_domain.top_level_domain

Untuk memiliki sebuah alamat domain, kita perlu mendaftar ke lembaga yang menyediakan jasa Network Information Center (NIC), atau untuk lebih mudahnya kita dapat mendaftar melalui perusahaan webhosting yang kita pilih. Subdomain umumnya dapat dimiliki secara gratis karena sudah termasuk layanan yang diberikan oleh webhost. Di Indonesia pendaftaran domain id saat ini ditangani oleh Kementrian Komunikasi dan Komunikasi (DepKomInfo) dan sampai saat ini masih diberikan secara gratis dan berlaku seumur hidup sementara menunggu regulasi yang akan dibuat. Sebelumnya domain id ditangani oleh IDNIC (Indonesia NIC) yang dipimpin oleh Budi Rahardjo dosen ITB.

(Artikel ditulis tahun 2007)

1. Gunakan kata kunci yang lebih spesifik yang mengarah langsung ke informasi yang ingin anda cari. Misalnya: perkembangan teknologi internet Indonesia.
2. Gunakan tanda petik (“ “) untuk kata kunci yang berupa kata tersambung.
   Misalanya: ”medan elektromagnetik” atau ”rangkaian elektrik”.
3. Kita dapat menggunakan aljabar boolean untuk kombinasi kata kunci.
   Misalnya: ”rangkaian listrik” OR ”rangkaian elektrik” AND ”latihan soal”
4. Kita bisa mengatur supaya hasil pencarian hanya berupa file dengan format tertentu yang diinginkan. Caranya dengan menggunakan tambahan kata filetype:nama_ekstension_jenis_file setelah kata kunci yang ingin kita cari. Misalnya kita ingin mencari contoh file materi kuliah Jaringan Komputer dengan format PowerPoint (.ppt) maka isikan pada kolom pencarian: ”Computer Networks” ”Lecture Notes” filetype:ppt.
   Untuk jenis file lain maka tuliskan saja nama ekstension filenya. (pdf, doc, swf, xls, dan lain-lain)
5. Kita juga bisa mengatur supaya hasil pencarian hanya dari website tertentu saja. Misalnya hanya dari website pendidikan di Indonesia. Contoh: Silabus ”Teknik Elektro” site:.ac.id.
6. Buka link hasil pencarian dengan menggunakan klik kanan dan pilih menu Open As New Window (atau Open as New Tab), jangan langsung klik pada link tersebut.
7. Biasanya hasil pencarian akan banyak sekali.  Informasi singkat pada link tersebut mungkin bisa membantu anda menentukan apakah link tersebut perlu dibuka atau tidak.

Berbagai aplikasi dikembangkan untuk diimplementasikan pada jaringan internet. Istilah internet killer application digunakan untuk menyebut aplikasi internet yang populer digunakan oleh banyak pengguna dan bahkan mampu merubah pola perilaku penggunanya. Sejumlah aplikasi internet yang bisa dianggap sebagai killer internet application adalah sebagai berikut.

1. Electronic Mail

Jelas merupakan aplikasi internet pertama yang paling populer. Penemuan email pada awal perkembangan internet membuat orang tertarik untuk mengenal, menggunakan dan mengembangkan teknologi internet. Aplikasi akses email berbasis web yang gratis dan paling populer saat ini adalah Yahoo! (http://www.yahoo.com) karena kemudahan dan fasilitas yang diberikan oleh Yahoo!

2. mIRC

Awal mula booming internet di Indonesia adalah ketika pada awal penetrasi internet akhir era 90-an hingga awal milenium (2000-an). Saat itu banyak pennguna internet yang umumnya generasi muda berbondong-bonding mencari warnet untuk chatting menggunakan aplikasi yang namanya mIRC (m Internet Chat Relay). Dengan aplikasi ini kita bisa melakukan obrolan virtual berbasis teks dengan siapa saja dimana saja yang juga menjalankan aplikasi yang sama. Aplikasi mIRC dibuat oleh Khaled Mardam-Bey seorang warga Inggris keturunan Lebanon. Aplikasi ini yang mendorong kepada munculnya kebiasaan chat, mencari teman melalui internet, bahkan ikut memicu terjadinya kejahatan carding (lihat pada penjelasan tentang Efek Lain Internet).

3. Yahoo Messenger

Kesuksesan mIrc dengan mudah berlanjut kepada aplikasi chatting baru yang dikembangkan Yahoo, yaitu Yahoo Messenger (YM). Budaya komunikasi melalui internet telah terbentuk sehingga pengguna internet dengan mudah berpindah untuk menggunakan YM karena kemudahan dan fasilitas yang tersedia. Dengan YM kita bisa menyimpan informasi (id) user lain,  melakukan voice chat dan bahkan video chat. Saat ini bermunculan aplikasi lain yang dapat digunakan untuk melakukan chatting dengan id YM, seperti misalnya: YM dengan teks pada Meebo (www.meebo.com), aplikasi Gaim, atau eBuddy untuk pengguna telepon seluler .

4. E-Commerce

Kehadiran internet memicu perubahan dalam proses perdagangan. Metode perdagangan elektronik (e-commerce) mulai tumbuh dan berkembang. Dengan memanfaatkan internet, proses transaksi dapat dilakukan melalui sebuah website atau aplikasi e-commerce. Beberapa web layanan e-commerce yang sangat populer adalah Amazon (http://www.amazon.com) layanan penjualan buku online;  dan E-Bay (www.e-bay.com), situs lelang online;

5. Internet Game

Memainkan game melalui internet merupakan hal baru yang kemudian menjadi populer di kalangan penggemar game. Internet game lebih memberikan tantangan karena dapat dimainkan bersama-sama dengan orang lain yang entah berada di mana. Di Indonesia salah satu internet game yang populer adalah Ragnarok (www.ragnarok.co.id) dan Seal.

6. Blog

Web Blog adalah sebuah aplikasi web yang berfungsi seperti buku harian bagi pemiliknya. Pemilik blog dapat menulis sesuka hatinya dan dapat dikelompokkan berdasarkan kategori tertentu. Blog menjadi populer akhir-akhir ini baik sebagai media untuk curhat atau menulis tentang apa saja yang kemudian dapat diakses oleh siapa saja melalui internet. Beberapa web penyedia blog yang populer adalah: Blogger (www.blogger.com); Blogspot (www.blogspot.com) WordPress (www.wordpress.org)  dan fasilitas blog yang disediakan oleh situs-situs komunitas online seperti myspace dan friendster.

7. Social Networking

Beberapa tahun terakhir ini aplikasi social networking atau juga disebut komunitas online, yaitu aplikasi web yang bertujuan menjalin komunikasi dan link antar personal, semakin diminati oleh pengguna internet. Situs yang paling sukses mengawali booming social networking (khususnya di Indonesia) adalah Friendster (www.friendster.com), Hi5 (www.hi5.com), kemudian diikuti oleh Multiply (www.multiply.com), dan MySpace (www.myspace.com). Situs-situs tersebut menyediakan fasilitas pertemanan dan kemudahan yang memungkinkan kita saling berbagi informasi profil, foto, blog, komentar, dan bahkan video. Situs social networking yang sedang sangat popular saat ini adalah Facebook (www.facebook.com).

1. World Wide Web

World Wide Web (WWW) bisa dikatakan merupakan layanan internet yang paling populer saat ini. World Wide Web adalah istilah untuk halaman-halaman web yang dapat diakses dari komputer kita.

Browsing adalah istilah yang diberikan untuk kegiatan mengakses berbagai halaman web yang ada di internet. Istilah lain untuk aktifitas tersebut adalah surfing (berselancar), disebut demikian karena kita terlihat seperti sedang berselancar ketika membuka-buka berbagai halaman web tersebut.

Untuk bisa membuka suatu halaman web maka kita harus menggunakan program aplikasi yang disebut Internet Browser (selanjutnya hanya disebut browser saja). Browser pertama yang dibuat adalah Lynx, browser berbasis teks yang dikembangkan oleh Berners-Lee. Tahun 1992 muncul browser berbasis grafis pertama yaitu Mosaic. Kemudian disusul Netscape (1994) dan Microsoft Internet Explorer (1995). Saat ini telah banyak browser yang dibuat, diantaranya yang paling sering digunakan adalah:

• Internet Explorer
• Netscapa Navigator
• Mozilla Firefox, dan
• Opera

Kebanyakan orang melakukan browsing internet untuk mengakses website yang diinginkan untuk memenuhi kebutuhannya, misalnya untuk mencari data, informasi, berita, artikel, atau untuk mencari lowongan pekerjaan, bahkan mungkin untuk mencari jodoh.

2. Electronic Email

Electronic Mail (E-Mail) adalah aplikasi surat menyurat berbasis internet. Dengan e-mail kita bisa mengirimkan dan menerima (membaca) email secara elektronik (digital) guna berkorespondensi dengan siapa saja dan dimana saja. Email merupakan aplikasi populer pertama yang dikembangkan dan digunakan pada awal terciptanya internet.

Untuk dapat mengakses email kita bisa menggunakan aplikasi email yang dibuat khusus atau menggunakan akses email berbasis web. Program aplikasi client untuk mengirim dan menerima email yang saat ini sering digunakan adalah:

• Microsoft Outlook
• Outlook Explorer
• Eudora Pro

Selain itu kita juga dapat mengirimkan/menerima email dengan akses email berbasis web (Client web based email access). Ada sejumlah web yang menyediakan layanan email tak berbayar (gratis) dan memberikan fasilitas yang lengkap, misalnya untuk attachment file, serta kapasitas penyimpanan email yang cukup besar. Web mail gratis tersebut antara lain:

• Yahoo (http://mail.yahoo.com)
• Gmail (http://www.gmail.com)
• HotMail (http://www.hotmail.com)
• Lycos (http://mail.lycos.com)

3. Mailing List

Mailing list merupakan layanan internet yang memungkinkan kita dapat mengelompokkan email-email pengguna dalam grup list tertentu sehingga dapat saling berkomunikasi melalui email dengan semua anggota grup sebuah mailing list cukup dengan hanya mengirimkan email ke sebuah alamat email yang dikenal sebagai alias dari grup mailing list tersebut. Contoh website yang menyediakan layanan mailing list adalah: www.yahoogroups.com

4. Transfer File

Adalah layanan untuk melakukan transfer file dari sebuah host ke host yang lain dalam jaringan internet. Layanan ini menggunakan protokol File Transfer Protokol (FTP). Dengan layanan ini kita dapat mengambil dan mengirim file melalui jaringan internet dengan sangat mudah. Sejumlah penyedia layanan web memberikan fasilitas penyimpanan file pada FTP server yang memungkinkan kita melakukan upload dan download file ke / dari FTP server tersebut seperti layaknya kita mengkases sebuah direktori dari komputer kita sendiri.

5. Chatting

Adalah jenis layanan di internet yang memungkinkan kita melakukan chatting (mengobrol) dengan orang lain melalui internet. Aplikasi chatting saat ini tersedia untuk chat berbasis teks seperti mIRC, ICQ dan Yahoo Messenger, mapun chat langsung dengan komunikasi suara bahkan video seperti yang difasilitasi oleh Yahoo Messenger.

6. Search Engine

Adalah aplikasi web yang bertujuan membantu kita melakukan pencarian dokumen (teks, gambar maupun lainnya seperti file musik maupun video) yang tersebar pada belantara luasnya samudra internet. Search engine memiliki database yang sangat besar yang menyimpan informasi keberadaan suatu kata pada sebuah halaman web. Aplikasi web untuk search engine yang paling populer digunakan saat ini adalah Google (http://www.google.com).