Dalam tahap ini dari pengembangan aplikasi DEWaS, fokus saya berpindah ke pembuatan tampilan dashboard yang akan menjadi pusat kendali untuk pengelolaan dan pemantauan keadaan darurat. Dashboard ini dirancang dengan tiga bagian utama: peta interaktif yang mendominasi 50% dari layar, daftar laporan keadaan darurat yang sedang ditangani sebanyak 25%, dan daftar laporan yang sudah selesai ditangani juga sebanyak 25%.

Tampilan halaman dashboard

Selain itu, setelah menerima catatan dari mentor, saya menyadari pentingnya menambahkan detail dan halaman edit untuk memperbarui data yang sedang ditangani. Saya mulai melanjutkan dengan pembuatan halaman update data dan menghadapi beberapa tantangan teknis terkait manajemen API. Namun, saya berhasil mengatasi kendala tersebut dengan membuat route API pada NextJs untuk menampilkan data berdasarkan ID serta API untuk melakukan pembaruan data berdasarkan ID.

Tampilan halaman detail

Langkah selanjutnya adalah menampilkan marker pada peta berdasarkan status keadaan darurat dan menampilkan daftar data sesuai dengan statusnya. Saya juga memastikan bahwa saat salah satu item dalam daftar diklik, pengguna akan diarahkan ke halaman detail edit yang menampilkan detail lokasi pada peta beserta formulir untuk memperbarui data.

Dengan berbagai upaya ini, saya berhasil membuat kemajuan signifikan dalam pengembangan dashboard DEWaS. Saya yakin bahwa dengan terus menggali lebih dalam dan menerapkan fitur-fitur penting ini, saya akan membawa pengembangan aplikasi ini ke tingkat berikutnya.