mas Tgl_kegiatan
Date NOT
NULL Uraian_anggaran
Varch ar
200 NOT
NULL Lokasi
Varch ar
100 NOT
NULL Total
Varch ar
100 NOT
NUL Keterangan
Text NOT
NULL Bukti_Lampiran
Varch ar
100 NOT
NULL Waktu
Int 11
NOT NULL
3.2.2 Perancangan Struktur Menu
Struktur menu dari Sistem Monitoring Pemberian Bantuan dapat dilihat
pada gambar 3.15.
Gambar 3.19
Struktur Menu Pegawai_Teknis
Login
Profil Lupa Password
Monitoring Logout
Gambar 3.20
Struktur Menu Kepala BOK
Login
Proposal Logout
Proposal LPJ Lupa Password
Profil
Gambar 3.21
Struktur Menu Bendahara
Login
Rencana Kegiatan Logout
POA Lupa Password
Profil
Gambar 3.22
Struktur Menu Pegawai Puskesmas
3.2.3 Perancangan Antarmuka
Perancangan antarmuka interface menggambarkan bagaimana sebuah perangkat lunak dapat berkomukasi dengan dirinya sendiri, dengan sistem yang
berinteroperasi dengannya dan dengan manusia sebagai penggunanya
1. Perancangan Antarmuka Halaman Home
Perancangan antarmuka halaman home dapat dilihat pada gambar 3.17.
A01
Keteranga: Ukuran layar : 1024x788
Font : Normal 11px Calibri
Warna latar : Biru, Biru tua
Tentang BOK
Footer Navigasi
1. Isi field nomor 1 dengan username 2.Isi field nomor 2 dengan password
3. tombol login untuk masuk ke halaman utama sistem F03
4. Klik lupa password untuk menuju ke F01
Bantuan Operasional Kesehatan
1.Usernamer 2.Password
3.Login 4.Lupa password
Gambar 3. 23 Perancangan Antarmuka Halaman Home
2. Perancangan Antarmuka Halaman Lupa Password
Perancangan antarmuka halaman lupa password dapat dilihat pada gambar
3.18.
FO2
Keteranga: Ukuran layar : 1024x788
Font : Normal 11px Calibri
Warna latar : Biru, Biru tua
Selamat datang
Footer Navigasi
1. Isi field nomor 1 dengan username 2.Isi field nomor 2 dengan password
3. Klik tombol login untuk masuk ke halaman utama sistem
4. Klik lupa password untuk menuju ke F02 5. Isi field nomor 3 dengan email yang sudah
di daftarkan 6. Klik reset pasword untuk mengirim pesan
untuk mereset password ke email yang sudah di daftarkan
1. Username 2. password
Login Lupa
Password
3 Masukkan email anda
Reset passsword
Bantuan Operasional Kesehatan
Gambar 3. 24
Perancangan Antarmuka Halaman Lupa password
3. Perancangan Antarmuka Pegawai teknis
Perancangan antarmuka halaman utama Pegawai teknis dapat dilihat pada gambar 3.19.
A03
Keteranga: Ukuran layar : 1024x788
Font : Normal 11px Calibri
Warna latar : Biru, Biru tua
Tentang BOK
Footer Navigasi
1. Klik to bol Puskes as halaman utama
pengolahan puskesmas 2.
Klik to bol A alisis halaman utama pengolahan analisis
3. Klik to bol Kriteria halaman utama
pengolahan kriteria 4.
Klik to bol Profil halaman edit profil 5.
Klik to bol logout
2. Analisis 4. Profil
1. Puskesmas 3. Kriteria
5. Logout
Bantuan Operasional Kesehatan
Gambar 3. 25
Perancangan Antarmuka Halaman Utama Pegawai Teknis
4. Perancangan Antarmuka pengolahan analisis
Perancangan antarmuka halaman utama pengolahan analisis dapat dilihat pada gambar 3.26.
A03
Keteranga: Ukuran layar : 1024x788
Font : Normal 11px Calibri
Warna latar : Biru, Biru tua Footer
Navigasi 1.
Klik to bol Puskes as halaman utama pengolahan puskesmas
2. Klik to bol A alisis halaman utama
pengolahan analisis 3.
Klik to bol Kriteria halaman utama pengolahan kriteria
4. Klik to bol Profil halaman edit profil
5. Klik to bol logout
2. Analisis 4. Profil
1. Puskesmas 3. Kriteria
5. Logout
Bantuan Operasional Kesehatan
Tambah Analisis
Search
4 3
2 1
Pegawai Analisis Tanggal Analisis
Aksi Edit
Edit Edit
Edit
ANALISIS
Gambar 3. 26
Perancangan Antarmuka Halaman Utama pengolahan analisis
5. Perancangan Antarmuka Edit analisis
Perancangan antarmuka halaman utama edit analisis dapat dilihat pada gambar 3.27.
A03
Keteranga: Ukuran layar : 1024x788
Font : Normal 11px Calibri
Warna latar : Biru, Biru tua Footer
Navigasi 1.
Klik to bol Puskes as halaman utama pengolahan puskesmas
2. Klik to bol A alisis halaman utama
pengolahan analisis 3.
Klik to bol Kriteria halaman utama pengolahan kriteria
4. Klik to bol Profil halaman edit profil
5. Klik to bol logout
2. Analisis 4. Profil
1. Puskesmas 3. Kriteria
5. Logout
Bantuan Operasional Kesehatan
Ke Analis
Search
2 1
Nama Puskesmas Tanggal Pengajuan
Detail Analisis
Total Biaya Status
Anggaran Dana
Gambar 3. 27
Perancangan Antarmuka edit analisis
