Redesign UI MHEWS Fiture

[milakhaerunnisa]

Circular Navigation

Pembuatan Circular Navigation untuk data yang berasal dari K/L Lain dan ditampilkan per kabupaten untuk datanya (perlu dipotong kembali datanya berdasarkan kabupaten/kota yang ada di Indonesia pada backend)

Contoh Sebelumnya:

Contoh Revisi:

Keterangan: *keterangan icon berikut ini berurutan dari sebelah kiri gambar yang kita lihat

1. Icon Awan Berisikan data CH, radar dan yang berhubungan dengan prediksi cuaca yang dikeluarkan oleh BMKG
2. Icon Multihazard Berisikan data yang berasal dari BNPB
3. Icon Gunung Api Berisikan data yang berasal dari PVMBG
4. Icon Air dan Bumi Berisikan data yang berasal dari PusAir
5. Icon Lup dan Bencana Berisikan data prediksi yang berasal dari Smartclim ITB
6. Icon Statistik dan Manusia Berisikan data statistik kependudukan yang berasal dari BPS
7. Icon Layer Berisikan data lain yang ada pada backend dari Geostech

Modal Window

Modal Window untuk menampilkan data-data berupa tabel dan grafik yang ada pada circular navigation

Data Grafik

Data Grafik

• Judul dan Sumber Grafik

• Tanggal Tampilan default untuk tanggal adalah pada saat user membuka halaman. Ketika dipilih tanggal lainnya, maka user dapat memperoleh informasi grafik yang diinginkan. Tanggal yang dipilih hanya bisa menampilkan data di hari sebelumnya.

• Provinsi Provinsi default adalah provinsi pada saat user mengklik lokasi yang diinginkan. User dapat membandingkan provinsi lain dengan menceklis nama provinsi pada data yang ada.

• Running Text Berisikan informasi bencana terbaru yang diambil dari source di backend.

Contoh:

Data Tabel

• Judul dan Sumber Tabel

• Tanggal Tampilan default untuk tanggal adalah pada saat user membuka halaman. Ketika dipilih tanggal lainnya, maka user dapat memperoleh informasi tabel yang diinginkan. Tanggal yang dipilih hanya bisa menampilkan data di hari sebelumnya.

• Provinsi Provinsi default adalah provinsi pada saat user mengklik lokasi yang diinginkan. User dapat membandingkan provinsi lain dengan menceklis nama provinsi pada data yang ada.

• Running Text Berisikan informasi bencana terbaru yang diambil dari source di backend.

• Disclaimer

Contoh:

Pop Up Window/Notifikasi

Pop up window/Notifikasi pada saat mengklik informasi icon “?” untuk menjelaskan legenda dari masing-masing status bencana yang dikeluarkan oleh masing-masing K/L Terkait.

Contoh:

Tooltip/Small Pop Up

Tooltip/Small Pop Up pada saat user mengklik icon menu pada bar paling atas untuk menjelaskan judul icon tersebut.

Contoh:

Icon Pop Up

Icon aktif yang selalu muncul ketika terjadi bencana.

Contoh:

[senoadiw]

This issue was moved to pastigana/mhews#9