BAB 1

Pemrograman Web

Tujuan Instruksional Khusus:

Pembaca dapat memberikan penjelasan tentang sejarah web, apa html,
pengertian Client Side Scripting (CSS), pengertian Server Side Scripting
(SSS), pengertian www, pengertian http, pengertian web statis, pengertian
web dinamis, serta jenis dan manfaat dari website.

1.1. Pemrograman Web

Web Programming adalah adalah proses menulis, mencoba, memeriksa dan
memperbaiki (debug), serta memelihara kode untuk membuat sebuah program
komputer. Kode ini ditulis dalam berbagai bahasa pemrograman. Tujuan dari
pemrograman adalah untuk memuat suatu program yang dapat melakukan
suatu pekerjaan manusia atau proses sesuai dengan keinginan si pemrogram
(Simarmata, 2010). Web programming adalah proses pembuatan program
yang outputnya disajikan oleh Web Browser. Disini belum akan dijelaskan
web programming secara detail dimana ada program berupa server side
ataupun client side, dan bahasa yang digunakan adalah bahasa HTML.
HTML merupakan turunan atau pengembangan dari SGML (Standar
Generalized Markup Language). HTML sendiri dikembangkan oleh Tim
Berners-Lee sewaktu masih bekerja di CERN yang pertama kali dipopulerkan
oleh browser Mosaic yang dikembangkan NCSA. Selama awal tahun 1990an,
HTML terus mengalami kemajuan yang sangat cepat. Tapi pengembangan
resmi HTML ini baru dikeluarkan pada tahun 1995 yang dikembangkan oleh
Internet Engineering Task Force (IETF). HTML2 yang dikembangkan ini
merupakan turunan dari HTML+ pada tahun 1993. HTML3 yang juga dirilis
2 Pemrograman Web Dasar

pada tahun 1995 mempunyai kemampuan yang jauh lebih bagus dari versi
sebelumnya. Merupakan hasil usaha yang dikembangan oleh World Wide
Web Consortium’s (W3C) dan kemudian menghasilkan HTML3.2 pada tahun
1996. Dan akhirnya terbitlah HTML4 dan HTML4.1 pada akhir tahun 1997
dan 1998. HTML ini merupakan sebuah text biasa yang dirancang untuk tidak
tergantung pada sistem operasi apapun (Anggraini, 2012).
Pemrograman web diambil dari 2 suku kata yaitu pemrograman dan web.
Pemrograman yang dalam bahasa English adalah programming dan diartikan
proses, cara, perbuatan program (secara bahasa indonesia). Definisi Web:
jaringan komputer yang terdiri dari kumpulan situs internet yang menawarkan
teks dan grafik dan suara dan sumber daya animasi melalui protokol transfer
hypertext. Orang banyak mengenal web dengan istilah WWW (world wide
web), World Wide Web adalah layanan internet yang paling populer saat ini
internet dan dikenal juga sebagai halaman-halaman website yang dapat saling
terkoneksi satu dengan lainnya (hyperlink) yang membentuk samudra
belantara informasi. WWW berjalan dengan protokol HyperText Transfer
Protokol (HTTP). Halaman Web merupakan file teks murni (plain text) yang
berisi sintaks-sintaks HTML yang dapat dibuka/ dilihat/ diterjemahkan dengan
Internet Browser. Sintaks HTML mampu memuat konten text, gambar, audio,
video dan animasi. Kini internet identik dengan web, karena kepopuleran web
sebagai standar interface pada lanyanan-layanan yang ada di internet, dari
awalnya sebagai penyedia informasi, ini digunakan juga untuk komunikasi
dari email sampai dengan chatting, sampai dengan melakukan transaksi binsin
(commerce). Banyak keuntungan yang diberikan oleh Aplikasi berbasis Web
dari pada aplikasi berbasis destop, sehingga aplikasi berbasis web telah
diadopsi oleh perusahaan sebagai bagian dari strategi teknologi informasinya,
karena beberapa HTTP (HyperTextTransfer Protocol) adalah protokol yang
dipergunakan untuk mentransfer dokumen dalam World Wide Web (Sidik,
2012).
Sejarah Protokol HTTP pertama kali dipergunakan dalam WWW pada tahun
1990. Pada saat tersebut yang dipakai adalah protokol HTTP versi 0.9. Versi
0.9 ini adalah protokol transfer dokumen secara mentah, maksudnya adalah
data dokumen dikirim sesuai dengan isi dari dokumen tersebut tanpa
memandang tipe dari dokumen. Kemudian pada tahun 1996 protokol HTTP
diperbaiki menjadi HTTP versi 1.0. Perubahan ini untuk mengakomodasi tipe-
tipe dokumen yang hendak dikirim beserta enkoding yang dipergunakan
dalam pengiriman data dokumen. Sesuai dengan perkembangan infrastruktur
Bab 1 Pemrograman Web 3

internet maka pada tahun 1999 dikeluarkan HTTP versi 1.1 untuk
mengakomodasi proxy, cache dan koneksi yang persisten(admin, 2012).
Secara umum pemrograman web dapat dibagi 2, yaitu: client side scripting dan
server side scripting. perbedaan dari kedua jenis script ini adalah pada
bagaimana script tersebut di proses dan tentu saja dari sintaks program yang
digunakan (Simarmata, 2006).
1. Client side scripting (CSS), merupakan jenis script yang pengolahannya
dilakukan di sisi client. pengolahan disini berarti “di terjemahkan/
interpreted”. yang memiliki tugas untuk menterjemahkan script jenis ini
disisi client adalah web browser. agar semua script yang masuk kategori
ini dapat diterjemahkan oleh web browser maka didalam web browser
terdapat sebuah komponen/ modul/ “engine” yang memiliki daftar
pustaka (library) yang mampu mengenali semua perintah-perintah yang
terdapat pada kategori client side scripting. berikut contoh web browser
yang populer digunakan: internet explorer, mozilla firefox, opera., safari.
berikut adalah contoh client side scripting: HTML (hypertext markup
language), java script, XML (extensible markup language), CSS
(cascading style sheet). client side scripting merupakan script yang
digunakan untuk membuat halaman web statis.
2. Server side scripting (SSS), merupakan script yang pengolahannya (baca:
diterjemahkan) di sisi server. server yang dimaksud disini adalah sebuah
komponen yang biasa disebut web server yang didalamnya terintegrasi
dengan sebuah mesin (engine)/ modul yang didalamnya terdapat daftar
pustaka (library) yang mampu menterjemahkan script-script tersebut
yang kemudian setelah di terjemahkan di server kemudian dikirim
(ditampilkan) ke client (web browser) dalam format HTML (hypertext
markup language). mesin (engine) tersebut harus di install terlebih dahulu
karena mesin-mesin tersebut memiliki karakteristik yang berbeda untuk
tiap script (bahasa pemrograman) yang digunakan. berikut contoh server
side scripting: PHP (Hypertext Pre Processor), ASP (active server
pages), JSP (java server pages). server side scripting digunakan untuk
membuat halaman web dinamis. hal ini disebabkan karena server side
scripting memiliki kelebihan, diantaranya: mampu berinteraksi dengan
banyak perangkat lunak basis data (database), mampu mengelola sumber
daya yang terdapat di sistem operasi dan perangkat keras komputer,
mampu dijalankan di semua sistem operasi (multi plattform), aman
karena scriptnya di proses di server yang tidak dapat dilihat dari sisi client.
4 Pemrograman Web Dasar

1.2 Pengertian Pemrograman Web

Web merupakan fasilitas hypertext untuk menampilkan data berupa teks,
gambar, suara, animasi, dan data multimedia lainnya jika ingin meguasai web
maka perlu mengenal itu bahasa HTML dan PHP. HTML merupakan bahasa
pemrogrman web yang merupakan pada kategori script client side sedangkan
PHP merupakan salah satu script (perintah-perintah program) server side yang
sangat populer diterapkan dalam sebuah web. Web dapat menjadi alat untuk
mempromosikan suatu produk maupun diri sendiri jika ingin terkenal lewat
web. Web mengalami perkembangan yang sangat pesat dewasa ini (Limbong
et al., 2020). Mulai dari situs web e-commerce sampai web non-profit.
Situs/web dapat dikategorikan menjadi dua yaitu web statis dan web dinamis.

a. Web statis
Web statis adalah web yang berisi/menampilkan informasi-informasi yang
sifatnya statis (tetap). Disebut statis karena pengguna tidak dapat berinteraksi
dengan web tersebut. Singkatnya, untuk mengetahui suatu web bersifat statis
atau dinamis dapat dilihat dari tampilannya. Jika suatu web hanya
berhubungan dengan halaman web lain dan berisi informasi yang tetap maka
web tersebut disebut dengan web statis. Pada sebuah web statis, pengguna
hanya dapat melihat isi dokumen pada halaman web dan apabila diklik akan
berpindah ke halaman web yang lain. Interaksi pengguna hanya terbatas dapat
melihat informasi yang ditampilkan, tetapi tidak dapat mengolah informasi
yang dihasilkan. Web statis biasanya merupakan HTML yang ditulis pada
editor teks dan disimpan dalam bentuk .html atau .htm.
b. Web Dinamis
Web dinamis adalah sebuah web yang menampilkan informasi serta dapat
berinteraksi dengan pengguna. Web yang dinamis memungkinkan pengguna
untuk berinteraksi menggunakan form sehingga dapat mengolah informasi
yang ditampilkan web dinamis bersifat interaktif, tidak kaku, dan terlihat lebih
indah..
Bab 1 Pemrograman Web 5

1.3 Jenis dan Manfaat Website

Ada berbagai jenis website yang bisa ditemukan di internet. Namun, ada tiga
jenis website berdasarkan kepemilikan (Dewaweb, 2020), yaitu:
a. Website pribadi
Jenis website yang satu ini dikelola perorangan. Biasanya, website pribadi
dibuat menjadi sebuah blog gratis menggunakan layanan blogging,
seperti WordPress, Blogger, Wix, dan sebagainya. Namun, ada pula
website yang digunakan untuk portfolio, seperti galeri fotografi, artikel
blog, portfolio video atau desain, dan sebagainya.

Beberapa contoh website yang bisa dijadikan patokan sebagai website

pribadi adalah galeri foto milik Paul Nicklen, website portofolio milik
sutradara Lisette Donkersloot, gabungan portofolio foto dan videografi
dari Taylor Gray, atau resumé interaktif milik Robby Leonardi.
b. Website bisnis dan website perusahaan
Jenis website ini dibuat untuk menampilkan informasi terkait brand atau
profil perusahaan terkait yang bertujuan untuk menginformasikan kepada
pengguna mengenai identitas mereka. Jika berniat membuat website jenis
ini, ada baiknya jika membuat halaman khusus yang diisi dengan blog
berisi artikel yang SEO-friendly demi meningkatkan popularitas website-
mu.
c. Website komunitas
Website komunitas biasanya menggunakan ekstensi domain “.org”.
Tujuan pembuatan website yang satu ini adalah untuk saling berbagi
informasi antaranggota, sebagai papan informasi virtual, atau forum
untuk sarana diskusi. Semua bisa mendapatkan domain gratis berekstensi
“.org” dengan membeli paket hosting minimal Warrior di Dewaweb.
d. Website e-commerce
Jenis website yang satu ini mengacu pada situs apa pun yang telah dibuat
dengan tujuan untuk menjual barang atau layanan online. Selain menjual
barang, juga bisa memanfaatkan website e-commerce untuk
menampilkan informasi brand atau campaign yang sedang dijalankan
dalam bisnis.

Setelah mengetahui pengertian website hingga apa saja jenis website untuk
menambah wawasan, kini waktunya mengetahui apa saja manfaat website
6 Pemrograman Web Dasar

yang bisa didapatkan. Sebagai penyedia informasi yang sering digunakan baik
untuk perusahaan, organisasi, atau individu, ternyata website punya beberapa
manfaat penting(Dewaweb, 2020), yaitu:

a. Memperluas jangkauan promosi

Baik untuk perusahaan atau individu, website sangat mungkin digunakan

sebagai sarana promosi diri. Bagaimana tidak, selain meningkatkan
kredibilitas, jika website-mu berhasil masuk di halaman pertama hasil
pencarian Google dengan SEO yang baik, bukan tak mungkin website-
mu bisa dikenal oleh lebih banyak orang dan dikunjungi banyak
pengguna internet. Artinya, peningkatan traffic!

b. Media tanpa batas

Melalui website, dapat menyediakan informasi kepada para pengunjung

dan membantu mereka mendapatkan informasi hingga solusi atas
masalah yang mereka miliki. Website bisa diandalkan sebagai media
promosi tanpa batas untuk produk atau jasamu selama 24 jam. Kabar
baiknya, ini berarti website juga dapat membantumu menghasilkan
konversi yang bagus.

c. Wadah komunitas

Sesuai dengan jenis website di atas, juga bisa memanfaatkan website

untuk menjadi wadah komunitas sesuai ketertarikan masing-masing.
Misalnya, jika pecinta reptil, harus bisa membuat website berisi
pengetahuan tentang cara merawat reptil hingga mengumpulkan orang-
orang dengan ketertarikan yang sama hingga membuat organisasi.

Soal Latihan
1. Kapan istilah kata website mulai populer dan bahasa pemrograman
apa pertama sekali yang dikembangkan untuk merancang sebuah
website?
2. Apa yang dimasksud dengan website/web, serta jelaskan pengertian
dari www dan http?
Bab 1 Pemrograman Web 7

3. Jelaskan apa yang dimaksud dengan Client Side Scripting (CSS) dan
Server Side Scripting (SSS)!
4. Apa yang dimaksud dengan pemrograman web, dan script apa yang
pertama sekali dipergunakan membangun website disamping
menggunakan HTML?
5. Jelaskan apa perbedaan web statis dengan web dinamis!
6. Jelaskan secara ringkas apa manfaat website dalam kehidupan sehar-
hari baik secara individu maupun organisasi!