3. CARA PENGGUNAAN APLIKASI
3.2 Pengguna Admin
3.2.1 Halaman Login Admin
Halaman login admin dapat diakses melalui beranda sicika.id, disini admin harus memasukkan email dan password yang sudah terdaftar.
7 3.2.2 Halaman Dashboard Admin
Halaman dashboard admin menampilkan sistem informasi geografis serta jumlah data yang sudah ada di sicika.id yaitu data gedung bangunan, data air minum dan penyehatan lingkungan (ampl), data pengguna yang terdaftar dan data ruang terbuka hijau (rth). Pada sidebar aplikasi sicika.id terdapat halaman menu home, dashboard admin, air limbah domestik dan persampahan.
Gambar 2 Halaman Dashboard Admin Kab/Kota
Pada halaman dashboard admin ini juga menampilkan grafik dari data sebaran bangunan gedung, capaian akses air limbah domestik dan capaian akses persampahan.
Gambar 3 Grafik Sebaran Gedung
8 Terdapat filter pencarian pada grafik capaian akses air limbah domestik dan capaian akses persampahan, agar mempermudah user saat ingin mencari data yang diinginkan sesuai dengan kabupaten dan tahunnya.
Gambar 4 Grafik Capaian Akses
3.2.3 Halaman Air Limbah Domestik 3.2.3.1 Halaman Infrastruktur ALD
Saat user mengklik menu air limbah domestik pada sidebar aplikasi terdapat submenu yaitu infrastruktur terbangun, didalam infrastruktur terbangun tersebut terdapat menu halaman infrastruktur ALD. Dimana user otomatis akan diarahkan ke halaman air limbah domestik. Halaman ini berisikan informasi air limbah domestik yang lengkap pada kab/kota tersebut dan user dapat melakukan tambah, edit dan detail. Dimana user dapat melakukan edit data yang tersedia dan melihat data secara detail. Pada halaman ini juga terdapat button download, untuk mengunduh file dengan format csv atau pdf.
9
Gambar 5 Halaman Infrastruktur Air Limbah Domestik
Pada halaman infrastruktur air limbah domestik juga terdapat filter data untuk melakukan pencarian sesuai data yang diinginkan oleh user.
10
Gambar 6 Filter Infrastruktur ALD
Saat user mengklik button tambah pada halaman air limbah domestik, maka user akan diarahkan ke halaman tambah air limbah domestik. Pada halaman ini user dapat mengisi data baru untuk dimasukkan ke database. Halaman tambah ini terdapat fitur penangkap koordinat untuk memudahkan user mendapatkan titik koordinat yang tepat saat mengisikan data titik koordinat.
Gambar 7 Halaman Tambah Air Limbah Domestik
3.2.3.2 Halaman IPLT
Saat user mengklik menu air limbah domestik pada sidebar aplikasi terdapat submenu yaitu infrastruktur terbangun, didalam infrastruktur terbangun tersebut terdapat menu halaman IPLT. Pada halaman IPLT ini berisikan informasi data IPLT yang lengkap pada kab/kota tersebut. Table yang ada pada halaman ini terdapat
11 button aksi edit, dimana user dapat melakukan edit data yang tersedia. Halaman ini juga tersedia button download untuk mengunduh file dengan format csv atau pdf.
Gambar 8 Halaman Infrastruktur IPLT
Pada halaman IPLT ini juga terdapat filter data untuk melakukan pencarian sesuai data yang diinginkan oleh user.
12
Gambar 9 Filter Infrastruktur IPLT
3.2.3.3 Halaman IPAL
Saat user mengklik menu air limbah domestik pada sidebar aplikasi terdapat submenu yaitu infrastruktur terbangun, didalam infrastruktur terbangun tersebut terdapat menu halaman IPAL. Pada halaman IPAL ini berisikan informasi data IPAL yang lengkap pada kab/kota tersebut. Table yang ada pada halaman ini terdapat button aksi edit, dimana user dapat melakukan edit data yang tersedia.
Halaman ini juga tersedia button download untuk mengunduh file dengan format csv atau pdf.
13
Gambar 10 Halaman Infrastruktur IPAL
Pada halaman IPAL ini juga terdapat filter data untuk melakukan pencarian sesuai data yang diinginkan oleh user.
Gambar 11 Filter Infrastruktur IPAL
3.2.3.4 Halaman Tangki Septik
Saat user mengklik menu air limbah domestik pada sidebar aplikasi terdapat submenu yaitu infrastruktur terbangun, didalam infrastruktur terbangun tersebut terdapat menu halaman tangki septik. Pada halaman tangki septik ini berisikan informasi data tangki septik yang lengkap pada kab/kota tersebut. Table yang ada pada halaman ini terdapat button aksi edit, dimana user dapat melakukan edit data yang tersedia. Halaman ini juga tersedia button download untuk mengunduh file dengan format csv atau pdf.
14
Gambar 12 Halaman Infrastruktur Tangki Septik
Pada halaman tangki septik ini juga terdapat filter data untuk melakukan pencarian sesuai data yang diinginkan oleh user.
Gambar 13 Filter Infrastruktur Tangki Septik
3.2.3.5 Halaman Capaian Akses ALD
Saat user mengklik menu air limbah domestik pada sidebar aplikasi terdapat submenu yaitu capaian akses ALD. Dimana user otomatis akan diarahkan ke halaman capaian akses ALD. Pada halaman ini berisikan informasi data capaian akses ALD yang lengkap pada kab/kota tersebut. Table yang ada pada halaman ini terdapat button aksi edit, dimana user dapat melakukan edit data yang tersedia.
Halaman ini tersedia button download untuk mengunduh file dengan format csv
15 atau pdf, dan juga filter data untuk melakukan pencarian data sesuai data yang diinginkan oleh user.
Gambar 14 Halaman Capaian Akses ALD
3.2.4 Halaman Persampahan
3.2.4.1 Halaman Infrastruktur Persampahan
Saat user mengklik menu persampahan pada sidebar aplikasi terdapat submenu yaitu infrastruktur terbangun, didalam infrastruktur terbangun tersebut terdapat menu halaman infrastruktur persampahan. Dimana user otomatis akan diarahkan ke halaman persampahan. Halaman ini berisikan informasi infrastruktur persampahan yang lengkap pada kab/kota tersebut dan user dapat melakukan tambah, edit dan detail. Dimana user dapat melakukan edit data yang tersedia dan melihat data secara
16 detail. Pada halaman ini juga terdapat button download, untuk mengunduh file dengan format csv atau pdf.
Gambar 15 Halaman Infrastruktur Persampahan
Pada halaman persampahan juga terdapat filter data untuk melakukan pencarian sesuai data yang diinginkan oleh user.
17
Gambar 16 Filter Infrastruktur Persampahan
Saat user mengklik button tambah pada halaman persampahan, maka user akan diarahkan ke halaman tambah persampahan. Pada halaman ini user dapat mengisi data baru untuk dimasukkan ke database. Halaman tambah ini terdapat fitur penangkap koordinat untuk memudahkan user mendapatkan titik koordinat yang tepat saat mengisikan data titik koordinat.
Gambar 17 Halaman Tambah Persampahan
3.2.4.2 Halaman TPA
Saat user mengklik menu persampahan pada sidebar aplikasi terdapat submenu yaitu infrastruktur terbangun, didalam infrastruktur terbangun tersebut terdapat menu halaman TPA. Pada halaman TPA ini berisikan informasi data TPA yang lengkap pada kab/kota tersebut. Table yang ada pada halaman ini terdapat button
18 aksi edit, dimana user dapat melakukan edit data yang tersedia. Halaman ini juga tersedia button download untuk mengunduh file dengan format csv atau pdf.
Gambar 18 Halaman Infrastruktur TPA
Pada halaman TPA juga terdapat filter data untuk melakukan pencarian sesuai data yang diinginkan oleh user.
19
Gambar 19 Filter Infrastruktur TPA
3.2.4.3 Halaman Bank Sampah
Saat user mengklik menu persampahan pada sidebar aplikasi terdapat submenu yaitu infrastruktur terbangun, didalam infrastruktur terbangun tersebut terdapat menu halaman bank sampah. Pada halaman bank sampah ini berisikan informasi data bank sampah yang lengkap pada kab/kota tersebut. Table yang ada pada halaman ini terdapat button aksi edit, dimana user dapat melakukan edit data yang tersedia. Halaman ini juga tersedia button download untuk mengunduh file dengan format csv atau pdf.
20
Gambar 20 Halaman Infrastruktur Bank Sampah
Pada halaman bank sampah juga terdapat filter data untuk melakukan pencarian sesuai data yang diinginkan oleh user.
Gambar 21 Filter Infrastruktur Bank Sampah
3.2.4.4 Halaman TPS3R
Saat user mengklik menu persampahan pada sidebar aplikasi terdapat submenu yaitu infrastruktur terbangun, didalam infrastruktur terbangun tersebut terdapat menu halaman TPS3R. Pada halaman ini berisikan informasi data TPS3R yang lengkap pada kab/kota tersebut. Table yang ada pada halaman ini terdapat button aksi edit, dimana user dapat melakukan edit data yang tersedia. Halaman ini juga tersedia button download untuk mengunduh file dengan format csv atau pdf.
21
Gambar 22 Halaman Infrastruktur TPS3R
Pada halaman TPS3R juga terdapat filter data untuk melakukan pencarian sesuai data yang diinginkan oleh user.
Gambar 23 Filter Infrastruktur TPS3R
3.2.4.5 Halaman PDU
Saat user mengklik menu persampahan pada sidebar aplikasi terdapat submenu yaitu infrastruktur terbangun, didalam infrastruktur terbangun tersebut terdapat menu halaman PDU. Pada halaman ini berisikan informasi data PDU yang lengkap pada kab/kota tersebut. Table yang ada pada halaman ini terdapat button aksi edit, dimana user dapat melakukan edit data yang tersedia. Halaman ini juga tersedia button download untuk mengunduh file dengan format csv atau pdf.
22
Gambar 24 Halaman Infrastruktur PDU
Pada halaman PDU juga terdapat filter data untuk melakukan pencarian sesuai data yang diinginkan oleh user.
Gambar 25 Filter Infrastruktur PDU
3.2.4.6 Halaman Akses Persampahan
Saat user mengklik menu persampahan pada sidebar aplikasi terdapat submenu akses persampahan. Dimana user otomatis akan diarahkan ke halaman akses persampahan. Pada halaman ini berisikan informasi data capaian akses persampahan yang lengkap pada kab/kota tersebut. Table yang ada pada halaman ini terdapat button aksi edit, dimana user dapat melakukan edit data yang tersedia.
Halaman ini tersedia button download untuk mengunduh file dengan format csv
23 atau pdf, dan juga filter data untuk melakukan pencarian data sesuai data yang diinginkan oleh user.
Gambar 26 Halaman Capaian Akses Persampahan
3.2.5 Fitur Lainnya
Fitur lainnya yang terdapat di aplikasi website sicika.id adalah fitur logout, manual book, dan bersihkan cache yang terdapat disisi kanan paling atas pada sicika.id.
Gambar 27 Fitur Lainnya