PANDUAN PENGGUNAAN SISTEM INFORMASI ... -...

62
PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMEN BERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI UNTUK USER 1 KEMENTERIAN PEKERJAAN UMUM DIREKTORAT JENDERAL CIPTA KARYA PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMEN BERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI UNTUK USER www.prohamsan.com

Transcript of PANDUAN PENGGUNAAN SISTEM INFORMASI ... -...

Page 1: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER1

Kementerian PeKerjaan UmUmDireKtorat jenDeral CiPta Karya

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMEN BERBASIS WEBSITE

PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

www.prohamsan.com

Page 2: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGOPERASIAN DAN PENGUNAAN HIBAH AIR MINUM DAN SANITASI UNTUK USER2

Page 3: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

Kementerian PeKerjaan UmUmDireKtorat jenDeral CiPta Karya

Edisi September 2013

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMEN BERBASIS WEBSITE

PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

Page 4: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis
Page 5: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USERi

Kata PengantarDirektur Bina Program

Sebagai upaya dalam pencapaian kesejahteraan masyarakat, dunia international berkomitmen pada sebuah tujuan global Millenium Development Goals (MDG’s). Direktorat Jenderal Cipta Karya telah menyusun kebijakan dan program Bidang Cipta Karya yang telah ditetapkan dalam Rencana

Strategis (Renstra) Ditjen Cipta Karya Tahun 2010-2014 dalam mendukung percepatan pencapaian MDG’s Tahun 2015.

Direktorat Jenderal Cipta Karya dalam upaya percepatan pencapaian sasaran Renstra Direktorat Jenderal Cipta Karya Tahun 2010-2014 dan percepatan pencapaian MDG's Tahun 2015 membutuhkan pendanaan yang cukup tinggi, sehingga pembiayaan yang bersumber dari Hibah Pemerintah Australia melalui Program Hibah Air Minum dan Sanitasi, merupakan salah satu program yang sangat penting dalam mendukung sasaran dan target tersebut, khususnya dalam peningkatan layanan infrastruktur air minum dan sanitasi.

Sistem Informasi Manajemen (SIM) berbasis Website menjadi sangat diperlukan dalam pelaksanaan Program Hibah Air Minum dan Sanitasi, yang meliputi : perencanaan, pembangunan dan monitoring evaluasi mengacu pada pemanfaatan teknologi yang lebih efektif, efisien dan transparan sehingga dapat dimanfaatkan sebagai media informasi dan pelaporan oleh para pelaksana program ditingkat kabupaten/kota, Propinsi dan Pusat.

Kami berharap Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis Website Program Hibah Air Minum dan Sanitasi ini dapat memberikan pemahaman bagi para pengguna aplikasi, sehingga Sistem Informasi Manajemen berbasis Website ini dapat digunakan sebaik mungkin dalam mendukung keberhasilan pelaksanaan Program Hibah Air Minum dan Sanitasi.

Jakarta, September 2013

Direktur Bina Program Direktorat Jenderal Cipta Karya

Antonius Budiono

Page 6: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

ii

Sambutan

Program Hibah Air Minum dan Sanitasi Tahap II merupakan kelanjutan program hibah Pemerintah Australia yang dilaksanakan oleh Ditjen Cipta Karya Kementerian Pekerjaan Umum. Program ini bertujuan untuk membantu meningkatkan layanan infrastruktur air minum dan sanitasi dalam

rangka pencapaian terget Millenium Development Goals (MDG's).

Pemerintah Australia melalui Program Hibah Air Minum dan Sanitasi Tahap II ini memberikan bantuan untuk sektor Air Minum dan Penyehatan Lingkungan Permukiman (PLP) yang bersifat multi years sampai dengan Tahun 2015 sebesar AUD 190 Juta. Bantuan tersebut akan digunakan untuk membiayai Program Hibah Air Minum sebesar AUD 90 Juta, Program Hibah Sanitasi (sAIIG) sebesar AUD 40 Juta, Program Hibah Air Limbah sebesar AUD 5 Juta, Pembangunan Sistem Air Limbah terpusat sebesar AUD 30 juta dan Pembangunan sistem penyediaan air minum perdesaan melalui masyarakat (CBO) sebesar AUD 25 Juta, yang akan dilaksanakan di lebih 200 kab/kota di seluruh Indonesia.

Dalam rangka mempermudah pengendalian pelaksanaan Program Hibah Air Minum dan Sanitasi ini, Ditjen Cipta Karya selaku executing agency telah melakukan penyusunan Sistem Informasi Manajemen (SIM) berbasis Website, yang akan digunakan sebagai media informasi dan pelaporan dari tingkat kabupaten/kota, Propinsi dan Pusat, yang cepat, tepat dan akurat.

Kemudahan dalam pelayanan informasi dan pelaporan melalui Sistem Informasi Manajemen (SIM) berbasis Website ini menjadi sangat penting dalam meningkatkan kinerja pelaksanaan program serta mendukung proses keterbukaan informasi (transparansi) terhadap pelaksanaan Program Hibah Air Minum dan Sanitasi.

Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis Website Program Hibah Air Minum dan sanitasi ini merupakan manual bagi pengguna di tingkat pusat, propinsi dan kabupaten/kota untuk mempermudah penggunaan aplikasi ini. Kami menyadari masih banyak penyempurnaan yang perlu dilakukan dalam Sistem Informasi Manajemen berbasis Website Program Hibah Air Minum dan sanitasi ini, sehingga saran dan masukannya sangat kami harapkan.

Jakarta, September 2013

Kepala CPMU Hibah Air Minum dan Sanitasi Direktorat Jenderal Cipta Karya

Chandra R.P. Situmorang

Page 7: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USERiii

KATA PENGANTAR DIREKTUR BINA PROGRAM ...................................................................................................... i

SAMBUTAN ........................................................................................................................................................................ ... ii

DAFTAR ISI ............................................................................................................................................. .............................. iii

DAFTAR GAMBAR ............................................................................................................................................................ iv

BAB I PENDAHULUAN ..................................................................................................................................................... 1

BAB II WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI ................................................................... 5

A. Cara Mengakses Website Program Hibah Air Minum dan Sanitasi .................................................... 5

B. Tampilan Website pada Menu Beranda ................................................................................................... 8

C. Tampilan Website pada Menu Laporan ................................................................................................... 18

D. Tampilan Website pada Menu Warta ........................................................................................................ 22

E. Tampilan Website pada Menu Unduh ...................................................................................................... 24

F. Tampilan Website pada Menu Album Kegiatan ................................................................................... 25

G. Tampilan Website pada Menu Kalender Acara .................................................................................... 27

H. Tampilan Website pada Menu Forum ...................................................................................................... 28

I. Tampilan Website pada Menu Kontak .................................................................................................... 29

J. Tampilan Website pada Menu Pengaduan ............................................................................................ 32

K. Tampilan Website pada Menu Login ......................................................................................................... 34

L. Tampilan Website pada Menu Sitemap ................................................................................................... 36

BAB III SISTEM INFORMASI MANAJEMEN (SIM) PROGRAM HIBAH AIR MINUM DAN SANITASI ... 39

A. Login ....................................................................................................................................................... ..................... 39

B. Progress Pelaksanaan Fisik ........................................................................................................................... 43

C. Daftar Masyarakat Berpenghasilan Rendah (MBR) ............................................................................ 46

Daftar Isi

Page 8: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

iv

Gambar 2.1 : Tampilan Beranda Depan www.prohamsan.com ................................................................... 5

Gambar 2.2 : Tampilan Beranda Selanjutnya www.prohamsan.com ......................................................... 6

Gambar 2.3 : Menu-menu pada Website ............................................................................................................. 7

Gambar 2.4 : Latar Belakang Program Hibah Air Minum dan Sanitasi ....................................................... 8

Gambar 2.5 : Tampilan Latar Belakang Program Hibah Air Minum dan Sanitasi ................................... 8

Gambar 2.6 : Tujuan dan Sasaran Program Hibah Air Minum dan Sanitasi ............................................. 9

Gambar 2.7 : Tampilan Tujuan dan Sasaran Program Hibah Air Minum dan Sanitasi .......................... 9

Gambar 2.8 : Prinsip dan Pendekatan Program Hibah Air Minum dan Sanitasi ..................................... 10

Gambar 2.9 : Tampilan Prinsip dan Pendekatan Program Hibah Air Minum dan Sanitasi ......... 10

Gambar 2.10 : Komponen Program Hibah Air Minum dan Sanitasi ............................................................ 11

Gambar 2.11 : Tampilan Komponen Program Hibah Air Minum dan Sanitasi ........................................ 11

Gambar 2.12 : Cakupan Program Hibah Air Minum dan Sanitasi ................................................................ 12

Gambar 2.13 : Tampilan Cakupan Program Hibah Air Minum dan Sanitasi .............................................. 12

Gambar 2.14 : Replikasi Program Hibah Air Minum dan Sanitasi ................................................................. 13

Gambar 2.15 : Tampilan Replikasi Program Hibah Air Minum dan Sanitasi ............................................... 13

Gambar 2.16 : Struktur Organisasi Program Hibah Air Minum dan Sanitasi ............................................. 14

Gambar 2.17 : Tampilan Struktur Organisasi Program Hibah Air Minum dan Sanitasi .......................... 14

Gambar 2.18 : Master Schedule Program Hibah Air Minum dan Sanitasi .................................................. 15

Gambar 2.19 : Tampilan Master Schedule Program Hibah Air Minum dan Sanitasi .............................. 15

Gambar 2.20 : Istilah Program Hibah ....................................................................................................................... 16

Gambar 2.21 : Tampilan Istilah Program Hibah .................................................................................................... 16

Gambar 2.22 : Link .......................................................................................................................................................... 17

Gambar 2.23 : Tampilan Link ...................................................................................................................................... 17

Gambar 2.24 : Quick Status Kabupaten .................................................................................................................. 18

Gambar 2.25 : Tampilan Quick Status Kabupaten .............................................................................................. 18

Gambar 2.26 : Kemajuan Program ............................................................................................................................ 19

Gambar 2.27 : Tampilan Kemajuan Program ........................................................................................................ 19

Gambar 2.28 : Grafik Kemajuan Propinsi ................................................................................................................ 20

Gambar 2.29 : Tampilan Grafik Kemajuan Propinsi ............................................................................................. 20

Daftar Gambar

Page 9: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USERv

Gambar 2.30 : Daftar Alokasi Hibah ........................................................................................................................ 21

Gambar 2.31 : Tampilan Daftar Alokasi Hibah ..................................................................................................... 21

Gambar 2.32 : Berita ....................................................................................................................................................... 22

Gambar 2.33 : Tampilan Berita ................................................................................................................................... 22

Gambar 2.34 : Warta ....................................................................................................................................................... 23

Gambar 2.35 : Tampilan Warta ................................................................................................................................... 23

Gambar 2.36 : File Unduh ............................................................................................................................................ 24

Gambar 2.37 : Foto ......................................................................................................................................................... 25

Gambar 2.38 : Tampilan Foto ...................................................................................................................................... 25

Gambar 2.39 : Video ....................................................................................................................................................... 26

Gambar 2.40 : Tampilan Video .................................................................................................................................... 26

Gambar 2.41 : Kalender Acara .................................................................................................................................... 27

Gambar 2.42 : Tampilan Kalender Acara ................................................................................................................ 27

Gambar 2.43 : Forum ..................................................................................................................................................... 28

Gambar 2.44 : Tampilan Forum .................................................................................................................................. 28

Gambar 2.45 : Kontak Kantor Pusat ......................................................................................................................... 29

Gambar 2.46 : Tampilan Kontak Kantor Pusat .................................................................................................... 29

Gambar 2.47 : Kontak Propinsi .................................................................................................................................. 30

Gambar 2.48 : Tampilan Kontak Propinsi ................................................................................................................ 30

Gambar 2.49 : Kontak Kabupaten ............................................................................................................................. 31

Gambar 2.50 : Tampilan Kontak Kabupaten ......................................................................................................... 31

Gambar 2.51 : Pengaduan Online ............................................................................................................................ 32

Gambar 2.52 : Tampilan Pengaduan Online ......................................................................................................... 32

Gambar 2.53 : FAQ .......................................................................................................................................................... 33

Gambar 2.54 : Tampilan FAQ ....................................................................................................................................... 33

Gambar 2.55 : Daftar Member Tamu ........................................................................................................................ 34

Gambar 2.56 : Tampilan Daftar Member Tamu .................................................................................................... 34

Gambar 2.57 : Lupa Password ..................................................................................................................................... 35

Gambar 2.58 : Tampilan Lupa Password ................................................................................................................. 35

Gambar 2.59 : Sitemap ................................................................................................................................................. 36

Gambar 2.60 : Tampilan Sitemap .............................................................................................................................. 36

Gambar 3.1 : Cara Login ............................................................................................................................................ 39

Page 10: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

vi

Gambar 3.2 : Tampilan Berhasil Login .................................................................................................................. 40

Gambar 3.3 : Ubah Keanggotaan ........................................................................................................................... 40

Gambar 3.4 : Tampilan Form Ubah Keanggotaan ............................................................................................ 41

Gambar 3.5 : Daftar Alokasi Hibah ........................................................................................................................ 41

Gambar 3.6 : Tampilan Tabel Status Hibah ......................................................................................................... 42

Gambar 3.7 : Progress Pelaksanaan Fisik ............................................................................................................. 43

Gambar 3.8 : Tampilan Progress Pelaksanaan Fisik .......................................................................................... 44

Gambar 3.9 : Edit Progress Pelaksanaan Fisik .................................................................................................... 45

Gambar 3.10 : Data MBR ............................................................................................................................................. 46

Gambar 3.11 : Tampilan Pilihan Provinsi Data MBR ............................................................................................ 46

Gambar 3.12 : Tampilan Tabel Data MBR ............................................................................................................... 47

Page 11: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER11

Pendahuluan

1

Page 12: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

12

Page 13: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER1

Kebutuhan informasi dewasa ini semakin meningkat, kemudahan dalam mengakses informasi mutlak diperlukan untuk memberikan pelayanan yang lebih baik kepada Masyarakat yang membutuhkan. Tuntutan pelayanan informasi dan pengelolahan informasi secara terintegrasi menjadi sangat penting di setiap lembaga, termasuk pada pelaksanaan Program Hibah Air Minum dan Sanitasi Bantuan Pemerintah Australia Tahap II.

Pemerintah Australia melalui Program Hibah Air Minum dan Sanitasi Tahap II ini memberikan bantuan untuk sektor Air Minum dan Penyehatan Lingkungan Permukiman (PLP) yang bersifat multy years sampai dengan tahun 2015, yang akan dilaksanakan di lebih dari 200 kab/kota penerima hibah.

Pengolahan data secara modern mutlak diperlukan untuk memenuhi kebutuhan akan pengolahan data yang lebih baik dan kemudahan pengaksesan data yang lebih cepat. Hal ini sangat menguntungkan karena dapat mengurangi data rangkap dan memudahkan dalam pencarian data.

Tuntutan kemudahan dalam pelayanan informasi pada Program Hibah Air Minum dan Sanitasi Bantuan Pemerintah Australia Tahap II semakin meningkat, seperti kemudahan dalam mengakses informasi yang dibutuhkan oleh pimpinan dan kemudahan dalam membuat laporan monitoring dan evaluasi serta kemudahan dalam komunikasi dengan pemerintah Daerah.

Pelayanan informasi secara online mulai diminati banyak pihak, karena dapat meningkatkan pelayanan informasi yang lebih baik di mana informasi dapat diakses oleh siapa saja, kapan saja dan di mana saja tanpa terbatas ruang dan waktu.

Berkenaan dengan hal tersebut, diperlukan suatu pengembangan aplikasi sistem informasi manajemen berbasis website yang mendukung Pelaksanaan Program Hibah Air Minum dan Sanitasi Bantuan Pemerintah Australia Tahap II untuk mempermudah pengaksesan informasi, penyampaian informasi dan mengefisiensikan waktu dalam pelaksanaan monitoring dan evaluasi yang transparan.

Untuk itu, hanya cukup dengan ‘meng-klik’ www.prohamsan.com maka dengan mudah semua informasi mengenai Program Hibah Air Minum dan Sanitasi dapat diakses.

Bab 1Pendahuluan

Page 14: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

14

Page 15: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER15

Website Program HibahAir Minum dan Sanitasi

2

Page 16: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

16

Page 17: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER5

Bab 2Website Program HibahAir Minum dan Sanitasi

A. Cara Mengakses Website Program Hibah Air Minum dan Sanitasi

Website ini dapat diakses melalui Web Client atau Browser seperti Internet Explorer, Mozilla Firefox maupun Opera dengan alamat www.prohamsan.com.

Pada address bar, ketik www.prohamsan.com, kemudian tekan tombol enter yang ada pada keyboard sehingga akan tampil website Program Hibah Air Minum dan Sanitasi seperti gambar berikut :

 

Gambar 2.1 : Beranda Depan www.prohamsan.com

Page 18: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

6

Gambar 2.2 : Tampilan Beranda Selanjutnya www.prohamsan.com

Berikut adalah halaman interface awal saat anda berhasil membuka Website Program Hibah Air Minum dan Sanitasi pada Browser :

 

Page 19: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER7

Halaman pertama pada Website Program Hibah Air Minum dan Sanitasi terdapat 11 (sebelas) Menu utama seperti gambar berikut ini :

 

  1   2   3   4   5   6   7   8   9      10      11  

Gambar 2.3 : Menu-menu pada Website

1. Beranda, pada menu ini berisi submenu tentang hibah dan link lainnya, yang mempunyai rincian Latar Belakang, Tujuan dan Sasaran, Prinsip Pendekatan, Komponen Program, Cakupan Program, Replikasi, Struktur Organisasi, Master Schedule, Istilah Program Hibah, dan Link.

2. Laporan, pada menu ini berisi submenu Hibah Air Minum, Hibah Air Limbah, Hibah sAIIG, Hibah CBO, dan Hibah AL WTP yang masing-masing mempunyai rincian Quick Status Kabupaten, Kemajuan Program, Daftar Alokasi Hibah dan Grafik Kemajuan Program.

3. Warta, pada menu ini berisi submenu Berita dan Artikel.4. Unduh, pada menu ini berisi file atau dokumen yang bisa di unduh.5. Album Kegiatan, pada menu ini berisi foto-foto dan video kegiatan Program Hibah Air Minum dan

Sanitasi.6. Kalender Acara, pada menu ini berisi Agenda Kegiatan Program Hibah Air Minum dan Sanitasi7. Forum, untuk diskusi seputar Program Hibah Air Minum dan Sanitasi8. Kontak, pada menu ini berisi alamat dan nomor telepon Program Hibah Air Minum dan Sanitasi di

Pusat, Propinsi dan Kabupaten.9. Pengaduan, pada menu ini berisi tanya jawab dan pengaduan mengenai Program Air Minum dan

Sanitasi.10. Login, untuk mengakses menu Program Hibah Air Minum dan Sanitasi (khusus user yang memiliki

User ID dan Password)11. Sitemap, untuk melihat menu secara keseluruhan didalam website Program Hibah Air Minum dan

Sanitasi.

Page 20: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

8

B. Tampilan Website pada Menu Beranda

Pada menu Beranda terdapat 2 Submenu yaitu tentang Hibah dan Link lainnya.

1. Beranda, Latar Belakang Arahkan mouse pada menu Beranda, kemudian klik Latar Belakang,

Gambar 2.4 : Latar Belakang Program Hibah Air Minum dan Sanitasi

 

  Klik Latar Belakang

 

maka akan tampil gambar berikut ini :

Gambar 2.5 : Tampilan Latar Belakang Program Hibah Air Minum dan Sanitasi

Page 21: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER9

Gambar 2.6 : Tujuan dan Sasaran Program Hibah Air Minum dan Sanitasi

2. Beranda, Tujuan dan Sasaran Arahkan mouse pada menu Beranda, kemudian klik Tujuan dan Sasaran,

 

  Klik Tujuan dan Sasaran

Gambar 2.7 : Tampilan Tujuan dan Sasaran Program Hibah Air Minum dan Sanitasi

maka akan tampil gambar berikut ini :

 

Page 22: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

10

Gambar 2.8 : Prinsip dan Pendekatan Program Hibah Air Minum dan Sanitasi

3. Beranda, Prinsip dan Pendekatan Arahkan mouse pada menu Beranda, kemudian klik Prinsip dan Pendekatan,

 

 Klik Prinsip dan Pendekatan

Gambar 2.9 : Tampilan Prinsip dan Pendekatan Program Hibah Air Minum dan Sanitasi

 

maka akan tampil gambar berikut ini :

Page 23: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER11

Gambar 2.10 : Komponen Program Hibah Air Minum dan Sanitasi

4. Beranda, Komponen Program Arahkan mouse pada menu Beranda, kemudian klik Komponen Program,

 

  Klik Komponen Program

Gambar 2.11 : Tampilan Komponen Program Hibah Air Minum dan Sanitasi

 

maka akan tampil gambar berikut ini :

Page 24: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

12

Gambar 2.12 : Cakupan Program Hibah Air Minum dan Sanitasi

5. Beranda, Cakupan Program Arahkan mouse pada menu Beranda, kemudian klik Cakupan Program,

 

 Klik Cakupan Program

Gambar 2.13 : Tampilan Cakupan Program Hibah Air Minum dan Sanitasi

 

maka akan tampil gambar berikut ini :

Page 25: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER13

Gambar 2.14: Replikasi Program Hibah Air Minum dan Sanitasi

6. Beranda, Replikasi Arahkan mouse pada menu Beranda, kemudian klik Replikasi,

 

  Klik Replikasi

Gambar 2.15: Tampilan Replikasi Program Hibah Air Minum dan Sanitasi

 

maka akan tampil gambar berikut ini :

Page 26: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

14

Gambar 2.16: Struktur Organisasi Program Hibah Air Minum dan Sanitasi

7. Beranda, Struktur Organisasi Arahkan mouse pada menu Beranda, kemudian klik Struktur Organisasi,

 

  Klik Struktur Organisasi

maka akan tampil gambar berikut ini :

Gambar 2.17: Tampilan Struktur Organisasi Program Hibah Air Minum dan Sanitasi

 

Page 27: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER15

Gambar 2.18: Master Schedule Program Hibah Air Minum dan Sanitasi

8. Beranda, Master Schedule Arahkan mouse pada menu Beranda, kemudian klik Master Schedule,

 

  Klik Master Shedule

Gambar 2.19: Tampilan Master Schedule Program Hibah Air Minum dan Sanitasi

 

maka akan tampil gambar berikut ini :

Page 28: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

16

Gambar 2.20: Istilah Program Hibah

9. Beranda, Istilah Program Hibah Arahkan mouse pada menu Beranda, kemudian klik Istilah Program Hibah,

 

  Klik Istilah Program Hibah

Gambar 2.21: Tampilan Istilah Program Hibah

 

maka akan tampil gambar berikut ini :

Page 29: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER17

Gambar 2.22: Link

10. Beranda, Link Arahkan mouse pada menu Beranda, kemudian klik Link,

 

  Klik Link

Gambar 2.23: Tampilan Link

 

maka akan tampil gambar berikut ini :

Page 30: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

18

Gambar 2.24: Quick Status Kabupaten

C. Tampilan Website pada Menu Laporan

Pada menu Laporan terdapat 6 Submenu yaitu Hibah Air Minum, Hibah Air Limbah, Hibah sAIIG, Hibah CBO dan lainnya.

1. Laporan, Quick Status Kabupaten Arahkan mouse pada menu Laporan, kemudian klik Quick Status Kabupaten,

 

  Klik Quick Status Kabupaten

Gambar 2.25: Tampilan Quick Status Kabupaten

maka akan tampil gambar berikut ini :

 

Page 31: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER19

Gambar 2.26: Kemajuan Program

2. Laporan, Kemajuan Program Arahkan mouse pada menu Laporan, kemudian klik Kemajuan Program,

 

 Klik Kemajuan Program

Gambar 2.27: Tampilan Kemajuan Program

maka akan tampil gambar berikut ini :

 

Page 32: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

20

Gambar 2.28: Grafik Kemajuan Propinsi

3. Laporan, Grafik Kemajuan Propinsi Arahkan mouse pada menu Laporan, kemudian klik Grafik Kemajuan Propinsi,

 

  Klik Grafik Kemajuan Propinsi

Gambar 2.29: Tampilan Grafik Kemajuan Propinsi

maka akan tampil gambar berikut ini :

 

Page 33: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER21

Gambar 2.30: Daftar Alokasi Hibah

4. Laporan, Daftar Alokasi Hibah Arahkan mouse pada menu Laporan, kemudian klik Daftar Alokasi Hibah,

 

 Klik Daftar Alokasi Hibah

Gambar 2.31: Tampilan Daftar Alokasi Hibah

maka akan tampil gambar berikut ini :

 

Page 34: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

22

D. Tampilan Website pada Menu Warta

Pada menu Warta terdapat 2 Submenu yaitu Berita dan Artikel

1. Warta, Berita Arahkan mouse pada menu Warta, kemudian klik Berita,

Gambar 2.32: Berita

 

 Klik Berita

Gambar 2.33: Tampilan Berita

maka akan tampil gambar berikut ini :

 

Page 35: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER23

2. Warta, Artikel Arahkan mouse pada menu Warta, kemudian klik Artikel,

Gambar 2.34: Warta

 

 Klik Artikel

Gambar 2.35: Tampilan Warta

maka akan tampil gambar berikut ini :

 

Page 36: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

24

E. Tampilan Website pada Menu Unduh

Pada menu Unduh dipergunakan untuk meng-unduh file atau dokumen dari Website Program Hibah Air Minum dan Sanitasi.

1. Unduh Arahkan mouse pada menu Unduh, kemudian klik file atau dokumen yang ingin kita Unduh,

sesuai dengan gambar berikut ini :

Gambar 2.36: File Unduh

 

 File yang Bisa di unduh

Page 37: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER25

F. Tampilan Website pada Menu Album Kegiatan

Pada menu Album Kegiatan dipergunakan untuk mengakses Foto dan Video dari Website Program Hibah Air Minum dan Sanitasi.

1. Album Kegiatan Arahkan mouse pada menu Album Kegiatan, kemudian klik Foto

Gambar 2.37: Foto

 

 Klik Foto

Gambar 2.38: Tampilan Foto

maka akan tampil gambar berikut ini :

 

Page 38: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

26

 

2. Album Kegiatan Arahkan mouse pada menu Album Kegiatan, kemudian klik Video,

Gambar 2.39 : Video

Gambar 2.40: Tampilan Video

maka akan tampil gambar berikut ini :

 

 Klik Video

Page 39: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER27

G. Tampilan Website pada Menu Kalender Acara

Pada menu Kalender Acara berisi agenda kegiatan di Program Hibah Air Minum dan Sanitasi

1. Kalender Acara Klik Kalender Acara,

Gambar 2.41: Kalender Acara

 

  Klik Kalender Acara

Gambar 2.42: Tampilan Kalender Acara

maka akan tampil gambar berikut ini :

 

Page 40: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

28

H. Tampilan Website pada Menu Forum

Menu Forum berisi tentang diskusi seputar Program Hibah Air Minum & Sanitasi

1. Forum Klik Forum,

Gambar 2.43: Forum

Gambar 2.44: Tampilan Forum

maka akan tampil gambar berikut ini :

 

 

  Klik Forum

Page 41: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER29

I. Tampilan Website pada Menu Kontak

Menu Kontak berisi tentang Alamat Kantor Program Hibah Air Minum dan Sanitasi

1. Kontak, Kantor Pusat Arahkan mouse pada menu Kontak, kemudian klik Kantor pusat,

Gambar 2.45: Kontak Kantor Pusat

 

 Klik Pusat

Gambar 2.46: Tampilan Kontak Kantor Pusat

maka akan tampil gambar berikut ini :

 

Page 42: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

30

2. Kontak, Kantor Propinsi Arahkan mouse pada menu Kontak, kemudian klik Kantor Propinsi,

Gambar 2.47: Kontak Propinsi

Gambar 2.48: Tampilan Kontak Propinsi

maka akan tampil gambar berikut ini :

 

 

 Klik Propinsi

Page 43: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER31

3. Kontak, Kantor Kabupaten Arahkan mouse pada menu Kontak, kemudian klik Kantor Kabupaten,

Gambar 2.49: Kontak Kabupaten

 

  Klik Kantor Kabupaten

Gambar 2.50: Tampilan Kontak Kabupaten

maka akan tampil gambar berikut ini :

 

Page 44: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

32

J. Tampilan Website pada Menu Pengaduan

Pada menu Pengaduan berisi tentang Pengaduan seputar Program Hibah Air Minum dan Sanitasi

1. Pengaduan, Pengaduan Online Arahkan mouse pada menu Pengaduan, kemudian klik Pengaduan Online,

Gambar 2.51: Pengaduan Online

Gambar 2.52: Tampilan Pengaduan Online

maka akan tampil gambar berikut ini :

 

 

 Klik Pengaduan online

Page 45: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER33

2. Pengaduan, FAQ Arahkan mouse pada menu Pengaduan, kemudian klik FAQ

Gambar 2.53: FAQ

 

 Klik FAQ

Gambar 2.54: Tampilan FAQ

maka akan tampil gambar berikut ini :

 

Page 46: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

34

K. Tampilan Website pada Menu Login

Pada menu Login digunakan untuk mengakses menu Program Hibah Air Minum dan Sanitasi (khusus user yang memiliki User ID dan Password)

1. Login, Daftar Member Tamu Arahkan mouse pada menu Login, kemudian klik Daftar Member Tamu,

Gambar 2.55: Daftar Member Tamu

Gambar 2.56: Tampilan Daftar Member Tamu

maka akan tampil gambar berikut ini :

 

 

  Klik Daftar Member Tamu

Page 47: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER35

2. Login, Lupa Password Arahkan mouse pada menu Login, kemudian klik Lupa Password,

Gambar 2.57: Lupa Password

 

 Klik Lupa Password

Gambar 2.58: Tampilan Lupa Password

maka akan tampil gambar berikut ini :

 

Page 48: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

36

L. Tampilan Website pada Menu Sitemap

Pada menu Sitemap untuk melihat menu secara keseluruhan di dalam website Program Hibah Air Minum dan Sanitasi

1. Sitemap Klik Sitemap,

Gambar 2.59: Sitemap

 

 Klik SITEMAP

Gambar 2.60: Tampilan Sitemap

maka akan tampil gambar berikut ini :

 

Page 49: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER49

3Sistem Informasi Manajemen (SIM)

Program Hibah Air Minumdan Sanitasi

Page 50: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

50

Page 51: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER39

Bab 3Sistem Informasi Manajemen (SIM)

Program Hibah Air Minumdan Sanitasi

A. Login

Untuk menggunakan Sistem Informasi Manajemen (SIM) Program Hibah Air Minum dan Sanitasi, terlebih dahulu harus meng-input ID pengguna dan password pada menu Login, ID pengguna dan password akan diberikan oleh admin Website Program Hibah Air Minum dan Sanitasi.

1. Cara Masuk ke SIM Arahkan Mouse ke Menu Login, Kemudian Klik Login, maka akan keluar tampilan berikut ini :

 

Gambar 3.1: Cara Login

Page 52: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

40

Gambar 3.2: Tampilan Berhasil Login

Kemudian masukkan ID Pengguna dan Password sesuai yang telah ditentukan untuk masing-masing kabupaten/ kota, kemudian klik Login, maka akan keluar tampilan berikut ini :

 

2. Ubah Data Member Arahkan Mouse ke Menu Logout, kemudian Klik Sub Menu Ubah Keanggotaan,

Gambar 3.3: Ubah Keanggotaan

 

 Klik Ubah Keanggotaan

Page 53: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER41

Gambar 3.4: Tampilan Form Ubah Keanggotaan

maka akan tampil gambar berikut ini :

 

3. Menambah, Mencari, Mengedit, dan menghapus data Daftar Alokasi Hibah. Arahkan Mouse ke Menu Laporan, kemudian Klik Sub Menu Daftar Alokasi Hibah.

Gambar 3.5: Daftar Alokasi Hibah

 

 Klik Daftar Alokasi Hibah

Page 54: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

42

Gambar 3.6: Tampilan Tabel Status Hibah

maka akan tampil gambar berikut ini :

Tambah data digunakan untuk menambah data kabupaten/kota yang ikut dalam Program Hibah Air Minum dan Sanitasi.

Filter digunakan untuk mencari data kabupaten/kota yang ikut dalam Program Hibah Air Minum dan Sanitasi.

Edit digunakan untuk merubah data kabupaten/kota yang ikut Program Hibah Air Minum dan Sanitasi.

Hapus digunakan untuk Menghapus data kabupaten/kota yang ikut Program Hibah Air Minum dan Sanitasi.

 

  Tambah Data  Filter

 Edit

 Hapus

Page 55: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER43

B. Progress Pelaksanaan Fisik

Untuk mengetahui Pencapaian Progress Pelaksanaan Fisik Program Hibah Air Minum dan Sanitasi, dapat dilakukan dengan cara :

Arahkan Mouse ke Menu Laporan, kemudian Klik Progres Pelaksanaan Fisik,

Gambar 3.7: Progres Pelaksanaan Fisik

 

 Klik Progres Pelaksanaan Fisik

Page 56: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

44

Filter digunakan untuk mencari progres pelaksanaan Fisik Program Hibah Air Minum dan Sanitasi di kabupaten/kota,

Detail digunakan untuk melihat detail progres Pelaksanaan Fisik Program Hibah Air Minum dan Sanitasi dalam satu kabupaten/kota.

Gambar 3.8: Tampilan Progres Pelaksanaan Fisik

maka akan tampil gambar berikut ini :

 

 Filter

 Klik Detail

Page 57: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER45

 

  Tambahh

 Edit

 Hapus

Gambar 3.9: Edit Progres Pelaksanaan Fisik

Tambah digunakan untuk menambah data kabupaten/kota yang ikut dalam Program Hibah Air Minum dan Sanitasi.

Edit digunakan untuk merubah progres pelaksanaan fisik data kabupaten/kota yang ikut Program Hibah Air Minum dan Sanitasi.

Hapus digunakan untuk Menghapus data kabupaten/kota yang ikut Program Hibah Air Minum dan Sanitasi.

Arahkan Mouse Ke Menu Laporan, kemudian Klik Progres Pelaksanaan Fisik,

Page 58: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

46

C. Daftar Masyarakat Perpenghasilan Rendah (MBR)

Daftar MBR dapat dilihat pada Menu Laporan, dan submenu lainnya.

Arahkan Mouse ke Menu Laporan, kemudian Klik submenu lainnya,

 

  Klik MBR

Gambar 3.10: Data MBR

Gambar 3.11: Data MBR

maka akan tampil gambar berikut ini :

 

Page 59: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER47

 

Gambar 3.12: Data MBR

Kemudian pilih tahun dan propinsi yang diinginkan,

Maka akan tampil gambar berikut ini :

Page 60: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

60

Page 61: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASI

UNTUK USER61

Page 62: PANDUAN PENGGUNAAN SISTEM INFORMASI ... - …prohamsan.com/admin/download/BukuPanduan_PROHAMSAN_edisi_30_Sep_13.pdf · Buku Panduan Penggunaan Sistem Informasi Manajemen berbasis

PANDUAN PENGGUNAAN SISTEM INFORMASI MANAJEMENBERBASIS WEBSITE PROGRAM HIBAH AIR MINUM DAN SANITASIUNTUK USER

62

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.comwww.prohamsan.com www.prohamsan.com www.prohamsan.com www.prohamsan.com

www.prohamsan.com

Jl. Pattimura No. 20, Kebayoran Baru, Jakarta SelatanTelp.(021) 7397754, Fax. (021) 7395226E-mail : [email protected] [email protected]

Kementerian PeKerjaan UmUmDireKtorat jenDeral CiPta KaryaCPmU Program HibaH air minUm Dan SanitaSi