S ecara terminologi, website adalah kumpulan dari halaman-halaman situsyang biasanya terangkum
dalam sebuah domain atau subdomain yang mana tempatnya berada di dalam World Wide Web
(WWW) diInternet.WWW terdiridariseluruhsitus webyangtersedia kepada publik.Halaman-halaman
sebuah situs web (webpage) diakses dari sebuah URL yang menjadi “akar”(root) yang disebut homepage
(halaman induk; sering diterjemahkan menjadi“beranda” atau “halaman muka”. URL mengatur web page
untuk menjadi sebuah hierarki, meskipun hyperlink-hyperlinkyangadadihalamantersebutmengatur
para pembaca dan memberitahu mereka susunan keseluruhan dan bagaimana arus informasi ini
berjalan. Sebuah dokumen web page ditulis dalam format HTML (Hyper Text Markup Language). Hal
yang hampir selalu bisa diakses melalui HTTP yaitu protokol yang menyampaikan informasi dari server
website untuk ditampilkan kepada para pemakai melalui web browser.
Gambar 1. Logo World Wide Web
Sumber: http://gg.gg/e20o9
Semua publikasi dari website-website tersebut dapat membentuk sebuah jaringan informasi
yang sangat besar. Web page layaknya sebuah buku yang dapat menampung berbagai informasi
tentang banyak hal, baik bersifat komersil maupun non komersil. Melalui media web inilah, seseorang
dapat memberikan informasi tertentu kepada orang lain yang berada di seluruh dunia. Salah satu
keunggulan World Wide Web adalah hyperlink. Hyperlink adalah teks yang biasanya berwarna biru dan
bergaris bawah yang dapat di klik untuk menuju ke halaman web yang lain. Hyperlink ini dapat diletakkan
di mana saja di dalam halaman web dan boleh diatur untuk menuju ke mana saja di seluruh web. Saat
pengguna mengunjungi sebuah halaman web, pengguna dapat secara langsung mengklik sebuah
hyperlink sehingga komputer tersebut akan mengambil (mendownload) situs/halaman pada hyperlink
tersebut dan menampilkannya di web browser.
HTML (Hyper Text Markup Language) merupakan bahasa standar web yang didefinisikan dan
dikelola penggunaannya oleh W3C (World Wide Web Consurtium). HTML dibuat dan
dikembangkan oleh Tim Berners-Lee yang selanjutnya bahasa tersebut dipopulerkan oleh browser
Mosaic. Selama tahun 90-an, telah muncul berbagai versi HTML dengan berbagai macam fiturnya.
Versi HTML yang ada antara lain sebagai berikut.
1) HTML Versi 1.0
HTML Versi 1.0 merupakan versi pertama setelah lahirnya HTML dan mempunyai
kemampuan untuk heading, paragraph, hypertext, list, cetak tebal, dan cetak miring pada
teks. Selain itu, HTML Versi 1.0 juga memiliki kemampuan wrapping, yaitu dukungan
peletakan image pada dokumen dengan tidak memperbolehkan peletakan teks di
sekelilingnya.
2) HTML Versi 2.0
HTML Versi 2.0 diliris pada tanggal 14 Januari 1996 dengan beberapa kemampuan
tambahan, seperti penambahan form. Hal ini menjadi pionir untuk membuat sebuah web yang
interaktif.
3) HTML Versi 3.0
HTML Versi 3.0 diliris pada tanggal 18 Desember 1997, yang dikenal dengan HTML+. Versi
3.0 ini memiliki beberapa vitur tambahan, seperti fitur table dalam paragraph.
4) HTML Versi 3.2
HTML Versi 3.2 diliris pada buan Mei 1998 yang merupakan versi terbaru dan
penyempurnaan dari versi 3.0.
5) HTML Versi 4.0
HTML Versi 4.0 diliris pada tanggal 24 Desember 1999 dengan penambahan beberapa fitur,
seperti adanya link, imagemaps, image, dan lain-lain.
6) HTML Versi 5.0
HTML Versi 5.0 diliris pada tahun 2009 yang menjadi standar baru untuk HTML, XHTML, dan
DOM HTML. HTML 5 ini merupakan proyek kerja sama antara W3C (World Wide Web
Consurtium) dan WHATG (Web Hypertext Application Technology Working Group). Saat ini,
spesifikasi HTML 5 belum final. Namun, banyak orang yang meyakini bahwa HTML 5 akan
menjadi standar yang diterima di masa depan.
Sumber: http://gg.gg/e211k
Teknologi web programming dibagi menjadi dua jenis, yaitu Client-side Web Programming
dan Server-side Web Programming. Berikut penjelasan mengenai dua jenis teknologi web
programming.
a. Client-side WebProgramming
Client side scripting merupakan salah satu jenis bahasa pemrograman web yang
proses pengolahannya dilakukan di sisi client. Proses penerjemahan atau
pengolahannya dilakukan oleh web browser sebagai client-nya. Dalam web browser, terdapat
library yang mampu menerjemahkan semua perintah di halaman web yang menggunakan
client side scripting. Library ini juga disebut web engine yang dimiliki setiap web browser.
Web engine yang berbeda-beda terkadang membuat tampilan layout web berbeda di setiap
browser. Untuk menghindari hal itu, sebaiknya menggunakan web browser yang telah
disertifikasi oleh world wide web consortium (W3C). Contoh client side scripting antara lain
HTML,XHTML,CSS,JavaScript,XML, dan JQUERY.
b. Server-side WebProgramming
Server side scripting merupakan bahasa pemrograman web yang pengolahannya dilakukan
dalam server. Maksudnya ialah web server telah terintegrasi oleh web engine. Dalam hal ini,
peran web engine ialah memproses semua script yang ada, termasuk kategori client side
scripting. Web engine biasanya harus diinstal dalam komputer terlebih dahulu dari bagian
terpisah web server. Contoh server side scripting ialah Active Server Pages (ASP), PHP:
Hypertext Preprocessor (PHP), Java Sever Pages (JSP), ColdFusion, Lasso, dan SSI.
C. Macam-macam Browser
Sumber: http://gg.gg/e2164
Kelebihan Mozilla Firefox antara lain sebagai berikut.
1) Banyak fitur tambahan (add ons). Jika diibaratkan seperti kepingan puzzle, maka
add ons ini bisa dibongkar pasang sesuai dengan kebutuhan pengguna.
2) Bandel, cocok untuk membuka situs-situs multimedia.
3) Updatenya yang cukup mudah.
4) Sistem security yang cukup kuat.
Kekurangan Mozilla Firefox antara lain sebagai berikut.
1) Loading lama saat mulai start (jika banyak add ons yang terinstal).
2) Untuk merender Javascript, Firefox masih kalah cepat dengan Google Chrome, Safari,
dan Opera.
3) Firefox cocok digunakan untuk membuka situs-situs multimedia (seperti Youtube dan
Metacafe). Download manager-nya juga lebih bagus karena tetap bekerja ketika browser
ditutup sehingga praktis bagi pengguna yang suka mengunduh file-file yang besar.
4) Terkadang bisa crash secara tiba-tiba karena management memory yang kurang baik.
b. Google Chrome
Browser andalan milik raksasa iklan Google ini sebenarnya memulai debutnya dari Engine
Webkit yang sama-sama dikembangkan oleh Apple, KDE, Nokia, RIM, Palm, dan Google sendiri.
Chrome adalah browser yang paling banyak penggunanya, yaitu sebesar 51.7%. Hal ini tidak dapat
dipungkiri karena Chrome adalah browser yang paling up to date dalam menyesuaikan
supportnya terhadap HTML 5 dan CSS3.
Web Server adalah software yang memberikan informasi layanan data yang memiliki fungsi
menerima permintaan dari HTTP ataupun HTTPS dari client (yang disebut dengan browser web)
dan akan mengirimkan kembali hasilnya berbentuk halaman-halaman web.
1) Cara Kerja Web server
Perangkat lunak web server terdapat pada komputer server dan di komputer inilah data- data website
tersimpan dengan rapi. Sama halnya dengan komputer client, komputer server juga harus
terhubung dengan jaringan internet atau jaringan intranet untuk dapat diakses oleh client.
Pada saat client (browser) meminta data web page kepada server, maka instruksi permintaan
data oleh browser tersebut akan dikemas dalam TCP yang merupakan protokoltransportdan
dikirim ke alamat protokol berikutnya, yaitu Hyper TextTransfer Protocol (HTTP) dan atau Hyper
Text Transfer Protocol Secure (HTTPS). Data yang diminta dari browser ke web server disebut
dengan HTTP request, yang kemudian akan dicarikan oleh web server di dalam komputer server.
Jika ditemukan, data tersebut akan dikemas oleh web server dalam TCP dan dikirim kembali ke
browser untuk ditampilkan. Data yang dikirim dari server ke browser dikenal dengan HTTP
response. Jika data yang diminta oleh browser tersebut ternyata tidak ditemukan oleh web
server, maka web server akan menolak permintaan tersebut dan browser akan menampilkan
notifikasi error 404 atau Page Not Found.
b. Pada tampilan selanjutnya, akan muncul pilihan mengenai komponen mana dari XAMPP
yang ingin dan tidak ingin Anda instal. Beberapa pilihan (seperti Apache dan PHP)
adalah bagian penting untuk menjalankan website dan akan otomatis diinstal. Silakan
centang MySQL dan phpMyAdmin (untuk pilihan lainnya biarkan saja).
c. Berikutnya, silakan pilih folder tujuan di mana XAMPP ingin Anda instal (pada tutorial
ini pada direktori C:\xampp).
d. Pada halaman selanjutnya, akan ada pilihan apakah Anda ingin menginstal Bitnami untuk
XAMPP, yang nantinya dapat Anda gunakan untuk install WordPress, Drupal, dan Joomla
secara otomatis.
e. Pada langkah ini, proses instalasi XAMPP akan dimulai. Silakan klik tombol Next. Setelah
berhasil diinstal, akan muncul notifikasi untuk langsung menjalankan control panel.
Silakan klik Finish. Silakan buka aplikasi XAMPP kemudian klik tombol Start pada Apache
dan MySQL. Jika berhasil dijalankan, Apache dan MySQL akan berwarna hijau seperti
gambar di bawah ini.
Untuk melakukan pengecekan, silakan akses link berikut melalui browser Anda
http://localhost.
E. Macam-macam Editor Teks
Editor teks merupakan sebuah software yang digunakan oleh seorang programmer dalam
menulis kode program. Editor teks umumnya mempunyai fungsi untuk menulis kode program tanpa
disertai compiler yang terintegrasi. Di dalam Editor teks, biasannya terdapat fitur umum, seperti syntax
highlighting, search, replace, memberikan komentar pada sebuah blok kode program, code folding, line
number, line marking, snippet, dan lainnya.
1) Notepad
Notepad merupakan Editor teks asli bawaan windows. Bagi pengguna sistem operasi
Windows, pasti sudah terbiasa menggunakan aplikasi ini. Untuk pemula, Notepad
merupakan rekomendasi yang tepat karena memiliki tampilan yang sederhana dan mudah
dalam menuliskan kode program.
2) Notepad++
Notepad++ hampir sama dengan Notepad bawaan Windows. Notepad++ memiliki fitur yang
banyak dibandingkan Notepad. Fitur-fitur yang terdapat pada Notepad++ antara lain syntax
highlighting, syantax folding, user defined syntax highlighting and folding, perl compatible regular
expression search/replace, customizable GUI, document map, auto completion, multi-language,
enviroment supported, bookmark, macro recording and playback, launch with different argument,
multi editing, column-mode editing, dan line number. Notepad++ dapat berjalan di sebagian besar
POXIX compatible OS, termasuk linux, FreeBSD, MacOS-X, OpenBSD, dan Solaris.
3) Sublime
Sublime memiliki banyak fitur untuk mempermudah pengguna dan memiliki tampilan yang
menarik atau eye cathing. Sublime text merupakan aplikasi berbayar, namun pengguna bisa
menggunakan versi demonya. Walaupun versi demo, tidak ada batasan dalam penggunaanya.