Mengembangkan tampilan statistik untuk data AWLR (Automatic Water Level Recorder) dan mengintegrasikannya dengan peta. 


Tampilan halaman AWLR


Halaman detail AWLR

Berikut adalah langkah-langkah yang kami lakukan:

  1. Pembuatan Tampilan Grafik: Membuat tampilan grafik untuk menampilkan data AWLR. Grafik ini menampilkan informasi mengenai ketinggian air dari data AWLR yang diperoleh dari service API.

  2. State Management untuk Data AWLR Detail: Menambahkan state management untuk menyimpan data AWLR detail. Hal ini memungkinkan untuk dengan mudah mengakses dan memanipulasi data AWLR pada berbagai komponen di dalam aplikasi.

  3. Analisis Services API AWLR: Melakukan analisis terhadap services API AWLR yang digunakan. Saya memperhatikan parameter-parameter seperti 'current' dan 'time', serta parameter 'By Location AWLR'. Kami menggunakan VARIABLE(WaterLevelToNormal)  untuk menampilkan nilai AWLR terakhir, dan CONSTANT(OverflowToNormal) untuk menampilkan nilai konstan.

  4. Integrasi Data AWLR dengan Komponen Ketinggian Air: Mengintegrasikan data AWLR dari API ke dalam komponen ketinggian air rata-rata, normal hingga overflow, dan juga ke dalam grafik. Ini memungkinkan pengguna untuk melihat informasi secara visual dan detail mengenai tingkat ketinggian air.

  5. Integrasi dengan Maps: Menyertakan integrasi dengan peta, dimana lokasi dan detail AWLR ditampilkan di peta menggunakan marker. Saya menambahkan popup informasi yang muncul ketika marker di-klik. Popup ini menampilkan detail data AWLR, statistik, ketinggian rata-rata, normal hingga overflow, serta grafik ketinggian air berdasarkan data terakhir.

  6. Halaman Detail dengan Maps: Pada halaman detail, memastikan bahwa peta mengarahkan pengguna ke lokasi detail AWLR. Pengguna dapat melihat informasi detail seperti data AWLR, statistik, ketinggian rata-rata, normal hingga overflow, dan grafik ketinggian air berdasarkan data terakhir.

Dengan mengimplementasikan semua langkah tersebut, berharap dapat menyediakan pengalaman yang informatif dan interaktif bagi pengguna dalam memantau dan menganalisis data AWLR secara efektif.