DAFTAR ISI................................................................................................................................................ i
DAFTAR GAMBAR................................................................................................................................... iii
1. Cara Mengakses Website Program Hibah Air Minum dan Sanitasi ................................................ 1
2. Tampilan Website pada Menu Beranda.......................................................................................... 4
2.1. Beranda, Latar Belakang ......................................................................................................... 4
2.2. Beranda, Tujuan dan Sasaran ................................................................................................. 5
2.3. Beranda, Prinsip dan Pendekatan ........................................................................................... 6
2.4. Beranda, Komponen Program................................................................................................. 7
2.5. Beranda, Cakupan Program .................................................................................................... 8
2.6. Beranda, Replikasi ................................................................................................................... 9
2.7. Beranda, Istilah Program Hibah ............................................................................................ 10
2.8. Beranda, Link......................................................................................................................... 11
3. Tampilan Website pada Menu Laporan ........................................................................................ 12
3.1. Laporan, Quick Status Kabupaten ......................................................................................... 12
3.2. Laporan, Kemajuan Program ................................................................................................ 13
3.3. Laporan, Grafik Kemajuan Propinsi....................................................................................... 15
3.4. Laporan, Daftar Alokasi Hibah .............................................................................................. 16
4. Tampilan Website pada Menu Warta ........................................................................................... 17
4.1. Warta, Berita ......................................................................................................................... 17
4.2. Warta, Artikel ........................................................................................................................ 18
5. Tampilan Website pada Menu Unduh .......................................................................................... 19
5.1. Submenu Buku Hibah Air Minum dan Sanitasi ..................................................................... 19
5.2. Submenu Paparan Lokakarya dan Workshop ....................................................................... 20
6. Tampilan Website pada Menu Galeri............................................................................................ 20
7. Tampilan Website pada Menu Kalender Acara............................................................................. 21
8. Tampilan Website pada Menu Kontak .......................................................................................... 21
8.1. Kontak, Kantor Pusat............................................................................................................. 21
8.2. Kontak, Kantor Propinsi ........................................................................................................ 22
8.3. Kontak, Kantor Kabupaten .................................................................................................... 22
9. Tampilan Website pada Menu FAQ .............................................................................................. 23
9.1. Pengaduan, FAQ.................................................................................................................... 23
9.2. Pengaduan, Pengaduan Online ............................................................................................. 23
10. Tampilan Website pada Menu Sitemap .................................................................................... 24
i
11. Tampilan Website pada Menu Login ........................................................................................ 24
11.1. Login .................................................................................................................................. 24
11.2. Daftar Member Baru ......................................................................................................... 24
11.3. Lupa Password .................................................................................................................. 25
12. Penginputan Data ................................................................................................................... 246
ii
DAFTAR GAMBAR
iii
Gambar 4.3 Tampilan Halaman Artikel ................................................................................................. 18
Gambar 5.1 Akses Submenu Buku Hibah Air Minum dan Sanitasi ....................................................... 19
Gambar 5.2 Tampilan Halaman Submenu Buku Hibah Air Minum dan Sanitasi .................................. 19
Gambar 5.3 Tampilan Halaman Paparan Lokakarya dan Workshop .................................................... 20
Gambar 6.1 Akses Submenu Foto ......................................................................................................... 20
Gambar 6.2 Tampilan Halaman Foto .................................................................................................... 20
Gambar 7.1 Tampilan Halaman Kalender Acara ................................................................................... 21
Gambar 8.1 Tampilan Submenu Kantor Pusat ...................................................................................... 21
Gambar 8.2 Tampilan Halaman Kontak Propinsi .................................................................................. 22
Gambar 8.3 Tampilan Halaman Kontak Kabupaten.............................................................................. 22
Gambar 9.1 Tampilan Halaman FAQ..................................................................................................... 23
Gambar 9.2 Tampilan Halaman Pengaduan Online .............................................................................. 23
Gambar 10.1 Halaman Sitemap ............................................................................................................ 24
Gambar 11.1 Halaman Login................................................................................................................. 24
Gambar 11.2 Halaman Daftar Member Tamu ...................................................................................... 25
Gambar 11.3 Halaman Lupa Password ................................................................................................. 25
Gambar 12.1 Menu Laporan ................................................................................................................. 26
Gambar 12.2 Daftar Alokasi Hibah........................................................................................................ 26
Gambar 12.3 Tambah Data Baru Alokasi Hibah .................................................................................... 26
Gambar 12.4 Daftar Progress Pelaksanaan Fisik................................................................................... 27
Gambar 12.5 Tambah Detail Fisik ......................................................................................................... 27
Gambar 12.6 Tambah Detail Data......................................................................................................... 28
Gambar 12.7 Input File Untuk Detail Baseline ...................................................................................... 28
Gambar 12.8 Format Excel Data Baseline ............................................................................................. 28
Gambar 12.9 Lihat ID Baseline .............................................................................................................. 29
Gambar 12.10 Ceklist Data Nomor Id Baseline ..................................................................................... 29
Gambar 12.11 Progress Pelaksanaan Fisik Telah di Approve ............................................................... 30
Gambar 12.12 Detail Progress Pelaksanaan Fisik Telah di Approve ..................................................... 30
Gambar 12.13 Popup Approve Data ..................................................................................................... 31
Gambar 12.14 Popup Approve Data Yang Telah Diverifikasi ................................................................ 31
Gambar 12.15 Detail Status Hibah ........................................................................................................ 31
Gambar 12.16 Chart Kemajuan Program Hibah ................................................................................... 32
iv
1. Cara Mengakses Website Program Hibah Air Minum dan Sanitasi
Website ini dapat diakses melalui beberapa web client atau browser seperti Mozilla Firefox,
Google Chrome, Microsoft Edge dan lain-lain dengan alamat ciptakarya.pu.go.id/prohamsan.
Pada address bar, ketikkan link ciptakarya.pu.go.id/prohamsan , kemudian tekan enter sehingga
akan muncul website Program Hibah Air Minum dan Sanitasi seperti berikut:
1
Dan berikut adalah potongan interface awal setelah website Program Hibah Air Minum dan
Sanitasi:
2
Halaman pertama pada website Program Hibah Air Minum dan Sanitasi terdapat 11 menu utama,
sebagai berikut :
1 2 3 4 5 6 7 8 9 10
1. Beranda, berisi submenu tentang hibah dan link lainnya yang terdiri dari Latar Belakang,
Tujuan dan Sasaran, Prinsip Pendekatan, Komponen Program, Cakupan Program, Replikasi,
Struktur Organisasi, Master Schedule, Istilah Program Hibah, dan Link,
2. Laporan, berisi submenu yang terdiri dari Hibah Air Minum, Hibah Air Limbah, Hibah sAIIG,
Hibah CBO, dan Hibah AL WTP yang masing-masing memiliki rincian yang terdiri dari Quick
Status Kabupaten, Kemajuan Program, Daftar Alokasi Hibah, dan Grafik Kemajuan Program.,
3. Warta, berisi submenu Berita dan Artikel,
4. Unduh, berisi file atau dokumen yang dapat diunduh,
5. Galeri, berisi hasil dokumentasi berupa foto dan video kegiatan,
6. Kalender Acara, berisi agenda kegiatan Program Hibah Air Minum dan Sanitasi,
7. Kontak, berisi alamat dan nomor telepon di pusat, propinsi, dan kabupaten,
8. FAQ, berisi tanya jawab dan pengaduan mengenai Program Hibah Air Minum dan Sanitasi,
9. Sitemap, menu untuk melihat website secara keseluruhan,
10. Login, untuk mengakses menu di website (khusus pengguna yang sudah terdaftar).
3
2. Tampilan Website pada Menu Beranda
4
2.2. Beranda, Tujuan dan Sasaran
Arahkan cursor pada menu Beranda, kemudian klik Tujuan dan Sasaran,
5
2.3. Beranda, Prinsip dan Pendekatan
Arahkan cursor pada menu Beranda, kemudian klik Prinsip dan Pendekatan,
6
2.4. Beranda, Komponen Program
7
2.5. Beranda, Cakupan Program
8
2.6. Beranda, Replikasi
9
2.7. Beranda, Istilah Program Hibah
Arahkan cursor pada menu Beranda, kemudian klik Istilah Program Hibah,
10
2.8. Beranda, Link
11
3. Tampilan Website pada Menu Laporan
Pada menu Laporan terdiri dari sub-sub menu. Berikut diambil dari satu sub menu sebagai
contoh, yaitu sub menu Hibah Air Minum Pedesaan :
3.1. Laporan, Quick Status Kabupaten
Klik menu laporan, lalu klik sub menu Quick Status Kabupaten, maka akan muncul tampilan
sebagai berikut:
Gambar 3.1 Tampilan Halaman Submenu Hibah Air Minum Quick Status Kabupaten
Untuk melihat data yg tersedia, pengguna harus memilih filter berupa bulan, tahun, dan
checklist jenis data seperti berikut :
12
Gambar 3.4 Checklist Data yang Ingin Difilter
Klik tombol Filter, lalu akan muncul data-data sesuai filter yang diinginkan sebagai berikut :
Data-data tersebut juga dapat diunduh dengan format pdf ataupun excel dengan klik icon
pdf atau excel yang ada di kiri atas daftar seperti yang ditampilkan di Gambar 1.24.
Klik menu Laporan, lalu klik sub menu Kemajuan Progam, lalu setelah tampil, pilih tahun
(contoh tahun 2015) untuk melihat data seperti pada gambar berikut :
13
Gambar 3.6 Tampilan Halaman dan Data Kemajuan Program
Jika ingin mengunduh data berformat pdf atau excel, skrol ke bawah halaman sehingga
menemukan icon pdf dan excel (yang dilingkari merah) di kanan bawah tabel data tersebut
seperti gambar di bawah ini :
14
3.3. Laporan, Grafik Kemajuan Propinsi
Klik menu Laporan, lalu klik sub menu Grafik Kemajuan Propinsi, sehingga muncul halaman
seperti pada gambar berikut :
Sama halnya seperti submenu Quick Status Kabupaten, untuk melihat grafik yang diinginkan,
pengguna harus memilih filter berupa bulan dan tahun (yang dilingkari merah), sebagai
contoh, Tahun: 2013; Bulan: Agustus, maka akan muncul grafik sebagai berikut :
15
3.4. Laporan, Daftar Alokasi Hibah
Klik menu Laporan, lalu klik sub menu Daftar Alokasi Hibah, sehingga muncul halaman
seperti pada gambar berikut :
Untuk melihat data per propinsi, pilih tahun dan propinsi sebagai filter terlebih dahulu seperti
langkah berikut :
16
Gambar 3.12 Contoh Data Alokasi Propinsi
Arahkan cursor pada menu Warta, kemudian klik Berita, sehingga muncul halaman sebagai
berikut :
Jika ingin melihat berita tertentu, dapat dilakukan dengan memilih filter berupa bulan dan
tahun pada bagian yang dilingkari merah pada Gambar 1.33. Sebagai contoh filter Bulan:
Januari dan Tahun: 2015, sehingga akan muncul daftar berita sesuai filter sebagai berikut :
17
4.2. Warta, Artikel
Arahkan cursor pada menu Warta, kemudian klik Artikel, sehingga muncul halaman sebagai
berikut :
Sama halnya seperti pada submenu Berita, di submenu juga dapat dilakukan filter artikel
sesuai bulan dan tahun.
18
5. Tampilan Website pada Menu Unduh
Menu ini terdiri dari beberapa submenu yang berisi link unduh beberapa dokumen, berikut
diambil dua submenu sebagai contoh :
5.1. Submenu Buku Hibah Air Minum dan Sanitasi
Arahkan cursor pada menu Unduh, kemudian klik submenu Buku Hibah Air Minum dan
Sanitasi seperti berikut :
Gambar 5.1 Akses Submenu Buku Hibah Air Minum dan Sanitasi
Gambar 5.2 Tampilan Halaman Submenu Buku Hibah Air Minum dan Sanitasi
Untuk mengunduh dokumen, klik link yang dilingkari merah pada Gambar 1.37.
19
5.2. Submenu Paparan Lokakarya dan Workshop
Di bagian kiri menu unduh, klik submenu Paparan Lokakarya dan Workshop (yang dilingkari
merah), sehingga akan muncul tampilan seperti gambar di bawah ini :
Untuk mengunduh dokumen, dapat dengan klik link yang tertera di halaman tersebut.
Terdiri dari dua submenu, keduanya memiliki tampilan yang sama berikut digunakan contoh
submenu Foto sebagai berikut :
Arahkan cursor pada menu Galeri, kemudian klik submenu Foto :
20
7. Tampilan Website pada Menu Kalender Acara
Klik menu Kalender Acara, sehingga akan muncul tampilan sebagai berikut :
Filter agenda kegiatan juga dapat dilakukan dengan memilih bulan dan tahun pada bagian yang
dilingkari merah.
Terdiri dari tiga submenu yang berisi kontak dan alamat dari berbagai kantor.
8.1. Kontak, Kantor Pusat
Arahkan cursor pada menu Kontak, kemudian klik Kantor Pusat sehingga muncul tampilan
sebagai berikut :
21
8.2. Kontak, Kantor Propinsi
Arahkan cursor pada menu Kontak, kemudian klik Kantor Propinsi sehingga muncul tampilan
sebagai berikut :
Arahkan cursor pada menu Kontak, kemudian klik Kantor Propinsi sehingga muncul tampilan
sebagai berikut :
22
9. Tampilan Website pada Menu FAQ
Pada bagian kiri halaman FAQ, klik link Pengaduan Online, sehingga muncul halam sebagai
berikut :
Pada halaman ini juga dapat dilakukan pencarian terkait pengaduan yang masuk.
23
10. Tampilan Website pada Menu Sitemap
Menampilkan link-link menu di website Program Hibah Air Minum dan Sanitasi secara
keseluruhan. Klik menu Sitemap, kemudian akan muncul halaman sebagai berikut :
11.1. Login
Arahkan cursor pada menu Daftar Member Baru kemudian klik submenu Login dan akan
muncul halaman sebagai berikut :
24
Gambar 11.2 Halaman Daftar Member Tamu
Arahkan cursor pada menu Daftar Member Baru kemudian klik submenu Login dan akan
muncul halaman sebagai berikut :
25
12. Penginputan Data User
Setelah login maka pada menu “Laporan” akan terdapat menu tambahan yang bisa digunakan
sebagai penginputan data
Sebagai catatan menu tersebut tergantung pada jenis login user, apakah itu air minum
perkotaan, air minum perdesaan, air limbah atau saiig.
Kemudian untuk menambahkan data untuk pengisian data status hibah maka pilihlah sub menu
“Daftar Alokasi Hibah” :
26
Gambar 12.3 Daftar Alokasi Hibah
List yang ada pada tabel tersebut akan muncul apabila dari sisi admin sudah mengentrikan data
untuk status hibah di masing – masing kota di provinsi masing – masing.
Untuk melihat detail dari hibah masing – masing program, klik lah nama provinsi yang akan di
lihat list nya, sehingga akan keluar tampilan sebagai berikut:
Terdapat tombol pdf apabila menginginkan untuk menyimpan data tersebut kedalam pdf.
27
Kemudian terdapat pula menu “Progres Pelaksanaan Fisik” yang nanti terdapat halaman yang
digunakan untuk menginputkan detail fisik dari program di masing – masing provinsi.
Kilk lah tombol detail pada list yang akan di tambahkan detail fisiknya
28
Gambar 12.5 Tambah Detail Fisik
Kemudian klik menu tambah, untuk membuka popup detail data kemudian isikan data nya yang
sesuai
Lalu kemudian mesti memasukan file untuk detail baseline yang akan di masukan, perlu diingat
data ini tidak bisa sembarangan diisi karena akan menyesuaikan dengan data yang sudah ada
29
format excel sendiri adalah seperti ini
Dan untuk format excelnya bisa di download di atas kolom detail status hibah. Setelah
diinputkan maka akan keluar list mengenai proses pemasangan di detail hibah status, lalu klik
tombol “lihat id baseline”, untuk membuka popup list dari data nomor baseline yang telah
diinputkan seperti ini :
Setelah itu maka pengguna harus men ceklist semua data nomor id baseline yang nantinya
akan di verifikasi oleh admin kemudian tekan tombol pilih.
30
Gambar 12.10 Ceklist Data Nomor Id Baseline
Kemudian klik tombol pilih untuk mensubmit data mana saja yang akan di verifikasi sehingga
tampilannya akan menjadi hijau seperti ini :
Kemudian tunggulah data tersebut hingga di approve oleh admin. Apabila sudah di approve
oleh admin maka akan di lihatkan perubah status menjadi “approved”, seperti ini :
31
Apabila terdapat kekeliruan dari nama maupun nomor baseline bisa d edit dari tombol action
bagi data yang belum di approve. Pilihlah menu edit maka akan keluar tampilan untuk
merubah masing – masing data yang ingin diperbaiki
Selain itu juga bisa menambah data di list nomor id baseline tersebut, dengan mengklik
tombol tambah pada tampilan tabel nomor id baseline kemudian akan muncul tampilan
sebagai berikut :
Setelah terapprove maka akan terlihat status di perubahan pada tabel detail status hibah
Dari situ tertulis kolom “approved id sr” akan bertambah sesuai dengan data yang di approve
oleh admin, maka akan kelihatan pergerakan dengan data yang di usulkan oleh user dengan
data yang sudah di approve oleh admin. Selain itu juga akan terlihat pergerakan pada chart
nya pada halaman awal di beranda.
32
Gambar 12.16 Chart Kemajuan Program Hibah
33