← Learn

KELAS GRATIS / BAHASA INDONESIA

Lacak perjalanan satu data

Fundamental Engineering · Materi 2 dari 20

0 / 20 completeSaved in this browser

MATERI 02 / 20

Lacak perjalanan satu data

Saat menekan Simpan, ada beberapa langkah yang mungkin terjadi. Memetakan perjalanan data membantu kamu mengetahui bagian yang harus diperiksa ketika hasil tidak sesuai.

Input, proses, output

Input adalah data yang masuk, misalnya judul dan isi catatan. Proses memeriksa atau mengubahnya. Output adalah hasil yang bisa diamati, seperti pesan berhasil dan daftar yang diperbarui. Penyimpanan menambah pertanyaan: apakah catatan masih ada setelah halaman dimuat ulang?

Browser dan server punya peran berbeda

Browser menampilkan halaman dan mengirim permintaan. Pada aplikasi dengan backend, server memeriksa permintaan dan berhubungan dengan penyimpanan. HTTP menyediakan cara bertukar pesan; respons berhasil dari jaringan saja belum membuktikan seluruh kebutuhan bisnis terpenuhi. Halaman statis seperti portofolio dapat bekerja tanpa database.

Cari titik pertama yang menyimpang

Ketika catatan hilang, jangan langsung mengganti seluruh kode. Periksa apakah tombol menerima input, apakah request terkirim, apa responsnya, apakah data tersimpan, lalu apakah tampilan membaca hasil yang benar. Gunakan data contoh. Hindari memasukkan token, password atau data pribadi ke screenshot dan log diagnosis.

CONTOH UNTUK DIPIKIRKAN
Input: judul = Rapat Senin
Browser: mengirim permintaan simpan
Server: memeriksa pengguna dan data
Penyimpanan: menyimpan catatan
Output: catatan muncul dan tetap ada setelah reload

Giliran kamu.

Gambar perjalanan satu data dari formulir sampai dibuka lagi. Tandai bagian di browser, server, dan penyimpanan. Jika aplikasimu statis, tulis bagian yang memang tidak ada.

  • Input dan hasil yang diharapkan jelas
  • Penyimpanan dibedakan dari tampilan
  • Diagnosis dimulai dari bukti
Cek pemahaman

Catatan terlihat di layar, lalu hilang setelah reload. Apa yang perlu diperiksa?

Bacaan pendamping

MDN: Overview of HTTP