materi
Pengantar Pemrograman Web dan Arsitektur Client-Server
Pengantar Pemrograman Web: Arsitektur Client-Server, Protokol Internet, dan Ekosistem Web
Modul perkuliahan perdana mata kuliah Pemrograman Web yang meletakkan landasan konseptual mengenai cara kerja internet global, model pertukaran data web modern, serta peranan teknologi front-end triad (HTML, CSS, dan JavaScript).
1. Arsitektur Client-Server dan Siklus Request-Response
Web beroperasi di atas arsitektur komputasi terdistribusi client-server:
- Client (Klien / Browser): Antarmuka pengguna (seperti Chrome, Firefox, Safari) yang mengirimkan permintaan HTTP/HTTPS, mem-parsing respons data, dan merender antarmuka visual.
- Server: Mesin peladen web (seperti Nginx, Apache, Node.js) yang mendengarkan permintaan jaringan pada port tertentu (port 80 untuk HTTP, port 443 untuk HTTPS), memproses logika bisnis, dan menyajikan berkas statis atau data dinamis.
2. Siklus Pertukaran Protokol HTTP/HTTPS
- Resolusi DNS (Domain Name System): Mengonversi nama domain manusiawi (contoh:
rynds.my.id) menjadi alamat IP numerik server host. - Koneksi TCP Handshake & TLS Negotiation: Pembentukan sesi transport yang aman dan terenkripsi menggunakan sertifikat SSL/TLS.
- HTTP Request Header & Body: Pengiriman metode request (
GET,POST,PUT,DELETE), header otorisasi, dan format payload (JSON/FormData). - HTTP Response Status Code: Evaluasi kode status balasan server (200 OK, 301 Moved, 400 Bad Request, 404 Not Found, 500 Internal Server Error).
3. Peran Front-End Triad
- HTML5 (HyperText Markup Language): Kerangka struktural dan makna semantik konten halaman.
- CSS3 (Cascading Style Sheets): Presentasi estetika visual, tipografi, warna, dan tata letak responsif.
- JavaScript (ECMAScript 6+): Interaktivitas dinamis pada browser, manipulasi Document Object Model (DOM), dan komunikasi asinkron melalui Fetch API.