Istilah Penting Web: Glosarium Pemula

Glosarium ramah dengan bahasa sederhana untuk istilah inti web: client, server, request, response, HTTP, URL, DNS, IP, browser, frontend, backend, hosting, CDN, dan lainnya.

Diterbitkan 15 September 20269 menit bacaOleh ACY Partner Indonesia
Sampul glosarium istilah web dengan chip kode istilah dan makna
300 × 250Slot Iklan TersediaPasang iklan Anda di sini

Setiap bidang punya kosakatanya sendiri, dan dunia web tidak terkecuali. Begitu kamu mulai belajar cara kerja situs, ada segelintir kata yang terus muncul: client, server, request, HTTP, DNS, hosting. Kalau belum pernah ada yang menjelaskannya dengan gamblang, kata-kata itu terasa seperti tembok yang memisahkan kamu dari topik yang sebenarnya ingin kamu pahami.

Artikel ini adalah penjelasan itu. Anggap saja sebagai kamus kecil yang bisa kamu buka di tab sebelah. Setiap istilah dapat satu definisi yang jelas, sebuah analogi sederhana bila membantu, dan secukupnya konteks supaya kelihatan bagaimana istilah-istilah itu saling terhubung. Kamu tidak harus membacanya dari atas sampai bawah sekali duduk. Cari saja kata yang bikin kamu macet, tangkap idenya, lalu lanjut. Lama-lama kata-kata ini berhenti terasa asing dan mulai jadi alat berpikir.

Supaya lebih mudah ditangkap, kita kelompokkan istilahnya berdasarkan peran yang mereka mainkan, bukan diurutkan menurut abjad. Di akhir nanti, kamu akan bisa membaca kalimat seperti “browser mengirim request HTTP ke server” dan langsung membayangkan persis apa yang sedang terjadi.

Dua sisi: client dan server

Hampir semua hal di web adalah percakapan antara dua pihak. Memberi nama keduanya adalah langkah pertama.

Client adalah program yang meminta sesuatu. Sebagian besar waktu, client itu adalah browser kamu, tapi bisa juga berupa aplikasi ponsel atau perangkat lunak lain. Client-lah yang memulai percakapan: ia menginginkan sebuah halaman, gambar, atau data.

Server adalah komputer (beserta perangkat lunak yang berjalan di dalamnya) yang menunggu permintaan tersebut dan menjawabnya. Ia berada di suatu pusat data, siap siaga. Saat sebuah permintaan datang, server mencari tahu apa yang diminta lalu mengirimkan balasan. Namanya memang sesuai artinya: ia melayani (server) permintaan.

Cara mudah membayangkannya adalah sebuah restoran. Kamu, si pelanggan, adalah client. Kamu memesan. Dapur adalah server: ia menerima pesananmu, menyiapkan hidangannya, lalu mengantarkannya keluar. Kamu tidak melihat dapur bekerja, kamu cuma menerima piringnya.

  CLIENT                          SERVER
 ┌────────┐    request  ───▶    ┌────────┐
 │ browser│                     │ dapur  │
 │ (kamu) │    ◀───  response   │ (data) │
 └────────┘                     └────────┘

Client dan server itu peran, bukan jenis mesin

Komputer yang sama bisa menjadi client di satu momen dan server di momen lain. “Client” dan “server” menggambarkan apa yang sedang dilakukan sebuah program dalam suatu pertukaran, bukan jenis perangkat keras yang baku.

Percakapannya: request dan response

Dua pesan yang berlalu-lalang antara client dan server juga punya nama.

Request adalah pesan yang dikirim client untuk meminta sesuatu. Isinya kira-kira, “tolong berikan halaman ini” atau “ini ada data untuk disimpan.” Sebuah request membawa rincian: apa yang diinginkan, siapa yang meminta, dan kadang informasi tambahan yang menyertainya.

Response adalah balasan yang dikirim server. Isinya bisa berupa halaman web yang kamu minta, sebuah gambar, sejumlah data, atau sekadar status yang berkata “selesai” atau “tidak ditemukan.” Setiap request yang dibuat client mendapat tepat satu response sebagai balasan.

Jika digabung, irama web sebenarnya hanya request, response, request, response, berulang ribuan kali selama kamu menjelajah. Klik sebuah tautan, dan browser-mu mengirim request; halaman yang muncul itulah response-nya.

Aturan main percakapan: protocol dan HTTP

Agar dua komputer bisa saling mengerti, mereka harus sepakat soal cara berbicara. Kesepakatan itu disebut protocol (protokol) — seperangkat aturan tentang format pesan dan urutan kemunculannya. Protokol itu ibarat etika menelepon: kamu bilang halo, lawan bicara menjawab, kalian bergantian, lalu berpamitan. Tanpa etika bersama, yang terdengar cuma kebisingan.

HTTP adalah singkatan dari HyperText Transfer Protocol, dan inilah protokol khusus yang dipakai web untuk memindahkan halaman dan data antara client dan server. Saat browser meminta sebuah halaman, ia menyusun request dalam bahasa HTTP, dan server menjawab dalam HTTP juga. Kamu mungkin pernah melihatnya di awal alamat web.

HTTPS adalah protokol yang sama dengan tambahan lapisan enkripsi (huruf “S” berarti Secure, alias aman). Ia mengacak pesannya sehingga siapa pun yang mengintip koneksi tidak bisa membacanya. Sekarang mayoritas situs memakai HTTPS, makanya browser menampilkan ikon gembok.

GET /about HTTP/1.1
Host: acy-partner.com

Contoh mungil itu adalah sebuah request yang ditulis dalam HTTP: client sedang meminta untuk GET halaman di /about dari host acy-partner.com. Server akan membalas dengan halamannya beserta kode status yang memberi tahu browser bagaimana hasilnya.

Istilah Makna singkat
Protocol Seperangkat aturan yang disepakati soal cara dua komputer bertukar pesan
HTTP Protokol yang dipakai web untuk memindahkan halaman dan data
HTTPS HTTP dengan tambahan enkripsi, supaya pesan tetap rahasia

Memberi nama dan menemukan: URL, domain, DNS, dan IP

Setelah paham cara percakapannya berjalan, muncul pertanyaan berikutnya: bagaimana client tahu ke mana harus mengirim request? Beberapa istilah mengurus soal alamat ini.

URL (Uniform Resource Locator) adalah alamat lengkap suatu hal di web — yang kamu ketik di bilah alamat. URL punya bagian-bagian: protokolnya (https://), domain-nya (acy-partner.com), dan sering kali jalur ke halaman tertentu (/blog/glosarium). Ia menunjuk ke satu sumber daya yang persis.

Domain (atau nama domain) adalah nama situs yang ramah dibaca manusia, seperti acy-partner.com atau blog.acy-partner.com. Inilah bagian yang benar-benar diingat dan diketik orang. Domain ada karena alamat asli yang dipakai komputer jauh lebih sulit dihafal.

Alamat IP adalah alamat asli tersebut: deretan angka (misalnya 93.184.216.34) yang secara unik menandai sebuah komputer di internet. Setiap server punya satu. Komputer mengarahkan pesan menggunakan alamat IP, bukan nama yang ramah dibaca.

Jadi kalau manusia memakai domain tapi komputer memakai alamat IP, pasti ada sesuatu yang menerjemahkan keduanya. Sesuatu itu adalah DNS (Domain Name System). DNS itu ibarat buku telepon internet: kamu beri ia nama domain, dan ia mengembalikan alamat IP yang cocok supaya request-mu bisa menemukan server yang tepat.

 Kamu ketik:  blog.acy-partner.com

                    ▼  (pencarian DNS)
 DNS jawab:    93.184.216.34   ← alamat IP-nya


 Browser kirim request ke IP itu

Cara mudah mengingat rantainya

Kamu mengetik domain, yang merupakan bagian dari sebuah URL. DNS mengubah domain itu menjadi alamat IP, lalu request-mu menuju server di IP tersebut. Domain untuk manusia, IP untuk mesin, DNS sebagai penerjemahnya.

Yang kamu pandangi: browser

Browser adalah program yang kamu pakai untuk mengunjungi situs — Chrome, Firefox, Safari, Edge, dan lainnya. Inilah jenis client yang paling umum. Tugasnya lebih besar dari kelihatannya: browser mengirim request, menerima response, lalu mengubah kode mentah di dalam response itu menjadi halaman yang kamu lihat, lengkap dengan teks, gambar, warna, dan tombol. Ia juga menjalankan program-program kecil yang membuat halaman menjadi interaktif.

Singkatnya, browser adalah jendelamu ke dunia web. Hampir semua hal lain di glosarium ini tidak terlihat; browser-lah bagian yang langsung kamu sentuh.

Membangun situsnya: frontend dan backend

Saat orang membicarakan soal membuat situs, ada dua kata yang membelah pekerjaannya jadi dua bagian.

Frontend adalah segala sesuatu yang terjadi di dalam browser — bagian yang dilihat dan dipakai pengguna. Tata letak, warna, teks, tombol, animasi: itu semua frontend. Bagian ini berjalan di sisi client, di perangkatmu.

Backend adalah segala sesuatu yang terjadi di server, di balik layar. Ia mengurus logika, menyimpan dan mengambil data, memeriksa siapa yang sedang login, dan menentukan apa yang harus dikirim balik. Saat kamu mengirim sebuah formulir dan datamu tersimpan, pekerjaan itulah backend yang sedang menjalankan tugasnya.

Gambaran yang berguna adalah sebuah gedung. Frontend adalah lobi dan ruangan yang kamu lewati — bagian yang dirancang untuk orang. Backend adalah pipa air, kabel, dan fondasi di balik tembok: penting, tapi bukan bagian yang seharusnya dilihat pengunjung.

Istilah Berjalan di mana Kira-kira bertanggung jawab atas
Frontend Di browser (client) Apa yang kamu lihat dan kamu pakai
Backend Di server Logika, data, dan keputusan di balik layar

Menaikkannya ke internet: hosting dan CDN

Situs yang dibangun di laptop seseorang belum berada di web. Dua istilah lagi mengurus cara mengeluarkannya ke khalayak dan menjaganya tetap cepat.

Hosting berarti menyewa ruang di sebuah server yang selalu menyala dan terhubung ke internet, supaya berkas-berkas situsmu berada di tempat yang bisa dijangkau publik kapan saja. Penyedia hosting adalah perusahaan yang memiliki server-server itu dan menyewakannya. Tanpa hosting, tidak ada alamat publik yang bisa dikunjungi orang.

CDN (Content Delivery Network) adalah jaringan server yang tersebar di banyak lokasi di seluruh dunia, masing-masing menyimpan salinan berkas situsmu. Saat seseorang berkunjung, mereka dilayani dari lokasi yang paling dekat dengannya. Hasilnya pemuatan jadi lebih cepat, karena datanya menempuh jarak yang lebih pendek. Pengunjung di Jakarta menerima berkas dari server terdekat, bukan dari server di belahan bumi lain.

Hosting dan CDN bekerja bersama

Hosting adalah rumah tempat situsmu tinggal. CDN adalah sekumpulan titik pengiriman cepat yang menyalin sebagian situsmu lebih dekat ke pengunjung. Kamu bisa punya hosting tanpa CDN, tapi CDN hampir selalu berada di depan hosting, bukan menggantikannya.

Tabel rujukan cepat

Ini seluruh glosariumnya dalam satu tempat, supaya nanti bisa kamu pindai tanpa membaca ulang tiap bagian.

Istilah Definisi singkat
Client Program yang meminta sesuatu (biasanya browser-mu)
Server Komputer yang menunggu request dan mengirim balasan
Request Pesan yang dikirim client untuk meminta halaman atau data
Response Balasan yang dikirim server
Protocol Seperangkat aturan yang disepakati soal cara komputer bertukar pesan
HTTP Protokol yang dipakai web untuk memindahkan halaman dan data
HTTPS HTTP dengan enkripsi, supaya pesan tetap rahasia
URL Alamat web lengkap dari suatu sumber daya tertentu
Domain Nama situs yang ramah dibaca manusia
Alamat IP Alamat berupa angka yang menandai sebuah komputer di internet
DNS Sistem yang mengubah domain menjadi alamat IP
Browser Program yang kamu pakai untuk mengunjungi dan melihat situs
Frontend Bagian situs yang berjalan di browser dan kamu pakai langsung
Backend Bagian yang berjalan di server dan mengurus logika serta data
Hosting Ruang sewaan di server yang selalu menyala, tempat berkas situsmu tinggal
CDN Jaringan server yang mengirim berkasmu dari lokasi dekat tiap pengunjung

Rangkuman

Web berjalan di atas sebuah putaran sederhana: client mengirim request ke server, lalu server mengirim balik response. Mereka bisa saling mengerti karena berbagi sebuah protocol — di web, itu adalah HTTP (atau bentuk terenkripsinya, HTTPS). Untuk menemukan server yang tepat, browser-mu berangkat dari sebuah URL, membaca domain di dalamnya, lalu memakai DNS untuk mencari alamat IP yang cocok.

Program yang melakukan semua ini di sisimu adalah browser. Situsnya sendiri terbagi menjadi frontend (yang kamu lihat) dan backend (yang berjalan di server). Dan supaya bisa dijangkau sama sekali, situs itu butuh hosting, sering kali dengan CDN di depannya agar tetap cepat untuk pengunjung di mana pun.

Simpan halaman ini sebagai penanda. Seiring kamu membaca lebih banyak tentang cara kerja web, kata-kata ini akan terus berseliweran, dan tiap kali muncul, kamu akan mengenalinya seperti kawan lama, bukan rintangan baru. Dari sini, langkah lanjutan yang wajar adalah menelusuri satu istilah ke penjelasannya yang lebih dalam — bagaimana sebuah request HTTP disusun, atau apa yang sebenarnya terjadi saat pencarian DNS — sekarang setelah kamu tahu di mana posisi tiap potongannya dalam gambaran besar.

Tag:dasar webglosariumpemulahttpdnsfrontend
728 × 90Slot Iklan TersediaPasang iklan Anda di sini

Artikel Terkait

Lihat Semua Artikel

Artikel yang Mungkin Kamu Suka

Ilustrasi DOM sebagai pohon dari node HTML
Dasar-Dasar Web / Browser

Apa Itu DOM?

Penjelasan DOM untuk pemula: pohon HTML yang hidup di memori browser. Pahami apa itu DOM, bagaimana pohonnya dibentuk, dan kenapa ia begitu penting.

15 Sep 20267 menit baca
Ilustrasi berjudul Apa Itu Web Browser dengan code chip fetch ke render
Dasar-Dasar Web / Browser

Apa Itu Web Browser?

Penjelasan sederhana soal web browser: program yang mengambil berkas dari web lalu menyusunnya menjadi halaman yang kamu lihat, satu tab dan satu klik setiap saat.

15 Sep 20268 menit baca
Ilustrasi engine browser menjalankan skrip lewat event loop
Dasar-Dasar Web / Browser

Cara Browser Menangani JavaScript

Penjelasan ramah pemula soal bagaimana browser membaca, mengubah, dan menjalankan JavaScript, kenapa hanya punya satu jalur utama, dan bagaimana cara memuat skrip memengaruhi tampilan halaman.

15 Sep 20268 menit baca
Sampul biru gelap bertuliskan Cara Kerja Browser dengan chip kode parse ke layout ke paint
Dasar-Dasar Web / Browser

Cara Kerja Browser: Gambaran Umum

Penjelasan ramah pemula tentang apa yang dilakukan browser dari kamu mengetik URL sampai halaman muncul: jaringan, parsing, render tree, layout, paint, compositing, dan mesin JavaScript.

15 Sep 20268 menit baca
Sampul Critical Rendering Path dengan chip timer first paint
Dasar-Dasar Web / Browser

Critical Rendering Path

Ikuti langkah persis yang dilakukan browser untuk mengubah HTML, CSS, dan JavaScript menjadi piksel pertama yang terlihat, dan pahami kenapa posisi CSS dan JS menentukan secepat apa halaman muncul.

15 Sep 20267 menit baca
Sampul Dasar Keamanan Browser dengan chip kode berlambang perisai same-origin
Dasar-Dasar Web / Browser

Dasar Keamanan Browser: Cara Browser Diam-Diam Melindungimu

Panduan ramah untuk pemula tentang cara browser menjaga keamananmu: same-origin policy, sandboxing antar-tab, gembok HTTPS, mixed content, dan pengantar lembut soal kenapa input bisa berbahaya.

15 Sep 202610 menit baca