Coba buka situs apa pun hari ini, dan banyak hal terjadi sekaligus: konten muncul saat kamu scroll, kamu bisa login, menulis komentar, menggeser peta, atau ngobrol dengan orang di belahan dunia lain. Dulu, waktu web pertama kali ada, semua itu belum mungkin. Sebuah situs saat itu lebih mirip brosur cetak yang ditempel di dinding: bisa kamu baca, dan ya cuma sebatas itu.
Memahami bagaimana web berubah dari “halaman yang dibaca” menjadi “aplikasi yang dipakai” adalah salah satu hal paling berguna untuk dipelajari sejak awal. Cerita ini menjelaskan kenapa web modern dibangun seperti sekarang, kenapa tool-tool tertentu ada, dan kenapa para developer sering menyebut istilah seperti server, API, dan browser. Artikel ini akan memandu perjalanan itu dengan bahasa yang sederhana, langkah demi langkah.
Dulu, apa sih yang dimaksud “web”?
Banyak orang memakai kata “internet” dan “web” seolah artinya sama, padahal beda. Internet adalah jaringan raksasa berisi kabel, router, dan komputer yang membuat mesin-mesin di seluruh dunia bisa saling mengirim data. Anggap saja internet itu seperti pipa salurannya.
Sementara web (kependekan dari World Wide Web) adalah salah satu hal yang berjalan di atas pipa saluran itu. Web adalah sistem dokumen dan aplikasi yang saling terhubung, yang kamu buka lewat browser seperti Chrome, Firefox, atau Safari. Email, video call, dan game online juga memakai internet, tapi mereka bukan bagian dari web. Jadi waktu kita bicara soal web yang berevolusi, yang dimaksud adalah bagian yang kamu akses lewat browser dengan mengetik atau mengklik sebuah alamat.
Web pertama kali diusulkan tahun 1989 oleh Tim Berners-Lee, seorang ilmuwan di CERN, dan situs-situs pertama mulai online di awal 1990-an. Sejak itu, web berubah lewat kira-kira tiga fase besar. Ketiga fase ini sering diberi label Web 1.0, Web 2.0, dan era aplikasi modern. Label-label ini sifatnya longgar dan saling tumpang tindih, bukan tanggal yang pasti, jadi anggap saja sebagai alur cerita yang membantu, bukan garis waktu yang kaku.
Web 1.0: web yang cuma bisa dibaca
Versi paling awal dari web biasanya disebut Web 1.0, dan cara paling gampang menggambarkannya adalah cuma bisa dibaca. Situs umumnya berupa halaman statis: sepotong teks dan gambar yang isinya tetap dan tampil sama untuk semua pengunjung. Kalau mau mengubah isi halaman, seseorang harus menyunting filenya secara manual lalu menaruh versi barunya di server.
Begini gambaran dasar bagaimana sebuah halaman sampai ke kamu:
Kamu (browser) ──── "kasih saya /about.html" ───▶ Server web
Kamu (browser) ◀──── ini filenya ──────────────── Server webTugas server saat itu sederhana: ketika browser kamu meminta sebuah file, server menyerahkan file itu apa adanya. Semua pengunjung dapat isi yang sama. Tidak ada proses login, tidak ada personalisasi, dan nyaris tidak ada yang bisa pengunjung lakukan selain membaca dan mengklik tautan ke halaman lain.
Halaman Web 1.0 pada umumnya ditulis dengan HTML murni, yaitu bahasa yang mendeskripsikan struktur sebuah halaman (judul, paragraf, tautan, gambar). Gaya tampilannya terbatas, interaksinya jarang, dan banyak situs dibuat serta dirawat oleh segelintir orang yang paham cara menulis filenya. Bayangkan ensiklopedia online sebelum siapa pun bisa menyuntingnya, “homepage” perusahaan zaman awal, atau halaman pribadi yang sebenarnya cuma selebaran digital.
Statis tetap penting
Kata “statis” terdengar kuno, tapi halaman statis biasa tidak pernah benar-benar hilang. Halaman seperti ini cepat, murah dihosting, dan sangat aman karena nyaris tidak ada yang bisa dirusak penyerang. Banyak blog dan situs dokumentasi modern sengaja dibuat statis. Blog yang sedang kamu baca ini pun dibangun seperti itu.
Keterbatasan utama Web 1.0 ada pada arahnya. Informasi mengalir sebagian besar satu arah: dari pemilik situs ke pembaca. Sebagai pengunjung, kamu cuma jadi penonton, bukan peserta.
Web 2.0: web sosial yang bisa baca-tulis
Pergeseran besar berikutnya, yang sering disebut Web 2.0, paling pas dirangkum sebagai bisa baca sekaligus tulis. Bukan cuma menikmati halaman, orang biasa kini bisa membuat konten langsung di dalam situs, tanpa menyentuh file apa pun dan tanpa harus bisa coding.
Inilah era blog yang bisa kamu terbitkan dalam hitungan menit, forum yang penuh diskusi, situs video tempat siapa saja bisa mengunggah, toko online dengan ulasan pelanggan, serta kemunculan jejaring sosial. Konten yang mengisi situs-situs ini makin banyak datang dari pengguna, bukan cuma dari pemilik situs. Istilah yang sering kamu dengar untuk ini adalah user-generated content, alias konten buatan pengguna.
Ada dua perubahan praktis yang membuat semua ini mungkin:
- Basis data jadi inti. Alih-alih satu file tetap untuk tiap halaman, situs menyimpan konten di dalam basis data lalu menyusun halaman sesuai permintaan. Ketika Jane Doe menulis komentar, komentar itu disimpan lalu ditampilkan kembali ke semua orang yang mengunjungi halaman itu sesudahnya.
- Halaman jadi dinamis. Alamat yang sama kini bisa menampilkan isi berbeda untuk orang berbeda, atau berubah seiring waktu. Beranda kamu tidak persis sama dengan milik orang lain.
Cara sederhana membayangkan bedanya:
| Aspek | Web 1.0 | Web 2.0 |
|---|---|---|
| Arah konten | Pemilik ke pembaca (baca saja) | Semua ikut menyumbang (baca-tulis) |
| Siapa pembuatnya | Beberapa editor | Banyak pengguna |
| Halaman itu apa | Sebuah file tetap | Disusun sesuai permintaan dari data |
| Aktivitas khasnya | Membaca, mengklik tautan | Memposting, mengomentari, berbagi |
| Rasa contohnya | Brosur digital | Pasar atau forum yang ramai |
Web 2.0 juga sangat bergantung pada akun. Dengan login, situs bisa mengingat siapa kamu, menyimpan preferensimu, dan mengaitkan konten dengan identitasmu. Satu ide itu, yaitu situs tahu bahwa ini kamu, adalah kunci yang membuka beranda yang dipersonalisasi, profil, dan rekomendasi.
Patokan cepat yang berguna
Kalau sebuah situs sebagian besar cuma membiarkan kamu membaca konten yang sudah disiapkan, gayanya condong ke Web 1.0. Kalau situs membiarkan kamu login dan memasukkan kontenmu sendiri, ia bekerja dengan gaya Web 2.0. Kebanyakan situs sekarang memadukan keduanya.
Era aplikasi modern: web sebagai perangkat lunak
Web tidak berhenti di ranah sosial. Dalam kurang lebih satu dekade terakhir, situs makin sering bertingkah seperti aplikasi utuh, jenis perangkat lunak yang dulu harus kamu instal di komputer. Dokumen online yang bisa disunting bareng, alat desain, dasbor, peta, dan aplikasi chat kini semuanya berjalan di dalam browser. Fase ini belum punya satu nama yang disepakati, jadi kita sebut saja era aplikasi modern.
Ada beberapa ide yang mendorong perubahan ini. Tidak satu pun butuh pengetahuan teknis mendalam untuk dipahami.
Single-page application (SPA)
Di web zaman awal, mengklik sebuah tautan berarti browser membuang halaman yang sedang dibuka lalu memuat halaman baru sepenuhnya dari server. Cara itu jalan, tapi bisa terasa lambat dan kaku.
Single-page application mengambil pendekatan berbeda. Browser memuat satu halaman sekali saja, lalu diam-diam mengambil hanya data baru yang dibutuhkan dan memperbarui tampilan di tempat, tanpa memuat ulang seluruh halaman. Itulah kenapa aplikasi web modern terasa mulus, seolah layar langsung merespons, bukan berkedip pindah ke halaman baru tiap kali.
Cara lama: klik ─▶ muat halaman baru sepenuhnya (layar berkedip)
Cara SPA: klik ─▶ ambil hanya data baru ─▶ perbarui bagian yang berubahAPI: cara aplikasi saling bicara
Untuk mengambil “hanya data baru” tadi, browser butuh cara rapi untuk meminta informasi ke server. Cara itulah yang disebut API (Application Programming Interface). Bayangkan API seperti pelayan restoran: kamu tidak masuk sendiri ke dapur, melainkan menyampaikan pesanan yang jelas, lalu pelayan membawakan persis yang kamu minta dalam format yang bisa ditebak.
API adalah alasan besar kenapa aplikasi modern terasa saling terhubung. Satu situs bisa menarik peta, pembayaran, atau cuaca dari layanan lain lewat API-nya, alih-alih membangun semuanya dari nol. Datanya biasanya kembali dalam format ringan bernama JSON, yang bentuknya seperti ini:
{
"kota": "Jakarta",
"suhu": 31,
"kondisi": "lembap"
}Struktur seperti itu mudah dibaca program lalu diubah menjadi sesuatu yang kamu lihat di layar.
Ponsel mengubah aturan main
Kekuatan besar lainnya datang dari ponsel. Begitu kebanyakan orang berselancar lewat layar sentuh yang kecil, situs harus nyaman dipakai di ponsel sama seperti di laptop. Hal ini mendorong seluruh industri ke arah desain responsif, yaitu satu situs yang menata ulang dirinya agar pas di layar apa pun, sekaligus mendorong kebiasaan memikirkan pengguna ponsel lebih dulu, bukan sebagai pertimbangan belakangan.
Gabungkan semua ini, pembaruan mulus di tempat, API yang menyalurkan data antarlayanan, dan desain yang pas di layar mana pun, dan jadilah web yang kamu pakai sehari-hari: cepat, interaktif, dan tersedia di mana saja.
Jadi, kenapa web hari ini bentuknya seperti ini?
Tiap fase menjawab kekesalan dari fase sebelumnya:
- Web 1.0 membuat informasi mudah diterbitkan dan ditautkan, tapi pengunjung cuma bisa membaca.
- Web 2.0 membuat semua orang bisa menyumbang konten, yang menuntut adanya basis data, akun, dan halaman yang disusun secara langsung.
- Era aplikasi modern membuat situs dinamis itu terasa seperti perangkat lunak sungguhan, lewat SPA, API, dan desain yang ramah ponsel.
Inilah juga sebabnya pemula sering mendengar banyak istilah sekaligus. Browser, server, HTML, basis data, API, dan JSON bukan kata-kata keren yang muncul asal-asalan; masing-masing hadir untuk memecahkan masalah tertentu dalam cerita ini. Saat kamu mempelajarinya, sebenarnya kamu sedang mempelajari lapisan-lapisan yang ditambahkan web dari waktu ke waktu.
Jangan terlalu percaya pada labelnya
“Web 1.0”, “Web 2.0”, dan label-label pemasaran yang lebih baru itu hanyalah rangkuman praktis, bukan versi resmi dengan tanggal mulai yang tegas. Situs nyata selalu merupakan campuran. Pakai label-label ini untuk memahami arah pergerakannya, bukan untuk menghafal garis waktu yang kaku.
Rangkuman
Web bermula sebagai perpustakaan halaman yang tenang dan hanya bisa dibaca, lalu tumbuh menjadi ruang sosial yang ramai tempat siapa pun bisa menulis, dan akhirnya matang menjadi platform yang menampung aplikasi utuh yang bisa kamu pakai dari perangkat apa pun. Teknologi yang akan terus kamu temui, mulai dari server dan browser, HTML dan basis data, sampai API dan JSON, masing-masing muncul untuk memungkinkan langkah berikutnya terjadi.
Kamu tidak perlu menghafal tanggal untuk mengambil manfaat dari cerita ini. Intinya ada pada bentuk perjalanannya: dari membaca, ke membaca dan menulis, lalu ke memakai seperti aplikasi. Pegang peta mental itu, dan seluruh mesin web lainnya akan jauh lebih mudah ditempatkan.
Langkah lanjutan yang wajar adalah melihat lebih dekat dua sisi mesin tadi: apa yang sebenarnya dilakukan browser saat kamu membuka sebuah halaman, dan apa yang dilakukan server saat ia menjawab. Begitu kedua peran itu mulai jelas di kepala, hampir semua hal lain tentang cara kerja web akan terasa masuk akal.
