54
Pada halaman ini, user dapat menambah data list masalah. Setelah selesai mengisi datanya, ditekan button Add untuk menyelesaikan proses penambahan dan
kembali ke halaman list masalah.
3.5.16 Rancangan Halaman List Member
Gambar 3.22 Rancangan Halaman List Member
Keterangan : 1. Nomor 1 adalah label untuk judul program.
2. Nomor 2 adalah picture box untuk foto HP 3. Nomor 3 adalah button Log Out
4. Nomor 4 adalah button List HP 5. Nomor 5 adalah button List Gejala
6. Nomor 6 adalah button Index 7. Nomor 7 adalah button About
8. Nomor 8 adalah text box yang menampilkan ID, username dan type login 9. Nomor 9 adalah button Edit
10. Nomor 10 adalah button Delete 11. Nomor 11 adalah button Add
1
3 4
5 6
7 9
11 10
8 2
55
Pada halaman ini, user dapat melihat database list member, dan dapat mengakses halaman edit list member, halaman add list member, dan menghapus list
member dalam database.
3.5.17 Rancangan Halaman Edit Member
Gambar 3.23 Rancangan Halaman Edit Member
Keterangan : 1. Nomor 1 adalah label untuk judul program.
2. Nomor 2 adalah picture box untuk foto HP 3. Nomor 3 adalah button Log Out
4. Nomor 4 adalah button List HP 5. Nomor 5 adalah button List Gejala
6. Nomor 6 adalah button List Member 7. Nomor 7 adalah button About
8. Nomor 8 adalah text field Username Baru 9. Nomor 9 adalah text field Password Baru
10. Nomor 10 adalah drop list Type 11. Nomor 11 adalah button Edit
Pada halaman ini, user dapat merubah data member yang telah dipilih pada halaman list member. Setelah selesai mengisi datanya, ditekan button Edit untuk
menyelesaikan proses perubahan dan kembali ke halaman list member.
1
3 4
5 6
7 11
8 9
10 2
56
3.5.18 Rancangan Halaman Add Member
Gambar 3.24 Rancangan Halaman Add Member
Keterangan : 1. Nomor 1 adalah label untuk judul program.
2. Nomor 2 adalah picture box untuk foto HP 3. Nomor 3 adalah button Log Out
4. Nomor 4 adalah button List HP 5. Nomor 5 adalah button List Gejala
6. Nomor 6 adalah button List Member 7. Nomor 7 adalah button About
8. Nomor 8 adalah text field No Member 9. Nomor 9 adalah text field Username
10. Nomor 10 adalah text field Password 11. Nomor 11 adalah drop list Type login
12. Nomor 12 adalah button Add Pada halaman ini, user dapat menambah data list member. Setelah selesai
mengisi datanya, ditekan button Add untuk menyelesaikan proses penambahan dan kembali ke halaman list member.
1
3 4
5 6
7 12
8 9
2
10 11
57
BAB 4 IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi Aplikasi
