WEB01 / BELAJAR DAN MENCOBA
Browser dan server
Masih dalam pengembangan. Belajar pelan-pelan. Gunakan komputer sendiri dan data contoh.
Isi pelajaran ini
Kita belajar apa?
Browser adalah aplikasi pembuka website. Server adalah program yang menjawab permintaan browser. Browser bisa menampilkan hasilnya menjadi tulisan, tombol, dan gambar. Keduanya bisa berada di komputer yang sama.
Bayangkan seperti ini
Seperti memesan makanan: browser mengirim pesanan dan server menyiapkan jawaban.
Arti kata yang mungkin baru
- server
- program yang menerima permintaan lalu memberi jawaban
- browser
- aplikasi untuk membuka website
- HTTP
- aturan bertukar pesan antara klien dan server web
Penjelasan tambahan jika kamu ingin tahu lebih jauh
Browser mengirim request dan memproses HTML, CSS, serta JavaScript. Server dapat mengirim file statis atau membentuk respons dinamis. DevTools Elements menampilkan DOM yang dapat berubah, sedangkan View Source menampilkan sumber respons awal.
Persiapan
Siapkan catatan dan baca panduan perangkat. Pakai data buatan, bukan data pribadi. Baca satu langkah, kerjakan, lalu periksa hasilnya sebelum melanjutkan.
Jalankan lab hanya jika langkah latihan memintanya. Untuk lab dasar: python server_aman.py, lalu buka http://127.0.0.1:8000/. Untuk latihan menggambar atau membaca file, server tidak diperlukan.
Langkah latihan
- Jalankan server aman.
- Buka http://127.0.0.1:8000/.
- Lihat sumber halaman dengan View Source dari menu browser.
- Lihat tampilan biasa dan bandingkan dengan tulisan HTML.
- Gambar alur browser meminta, server menjawab, browser menampilkan.
Hasil yang diharapkan
Kamu dapat menjelaskan alur website dengan tiga langkah.
Bandingkan dengan hasilmu sendiri. Jika berbeda, tulis apa yang terlihat lalu baca bagian bantuan di bawah. Jangan mengaku berhasil jika langkahnya belum kamu coba.
Jika terhambat
Berhenti sebentar dan baca pesan yang muncul. Periksa nama file, folder, alamat, dan apakah program latihan masih berjalan. Ulangi satu langkah saja. Jika tetap bingung, minta bantuan guru atau pendamping; jangan mematikan keamanan perangkat.
Petunjuk khusus untuk pelajaran ini
Jika Elements tidak tersedia pada ponsel, gunakan desktop untuk praktik ini; bacaan tetap bisa diakses ponsel.
Apa yang perlu kamu catat?
Tulis langkah yang kamu lakukan dan hasil yang benar-benar terlihat. Tambahkan satu kalimat: “Saya belajar bahwa …”. Untuk latihan menggambar, simpan gambar dan jawabanmu.
Cek pemahamanmu
Apakah browser dan server harus pada komputer berbeda?
Buka pembahasan
Tidak; keduanya dapat berjalan lokal.
Tantangan mandiri
Bedakan respons jaringan dengan DOM hasil modifikasi.
Pedoman penilaian tantangan
Jawaban harus sesuai hasil aktual, menyebut batas kesimpulan, dan tidak keluar scope. Gunakan langkah serta hasil harapan pelajaran sebagai pembanding; nilai 0 bila belum ada, 1 bila sebagian, 2 bila jelas dan dapat ditinjau.
Perbaikan & retest
Jangan percaya kontrol browser sebagai kontrol akses server.