Informasi Lporan
3.5.2.5 Rancangan Antar Muka (Interface Design)
Rancangan antar muka atau interface dari pengembangan sistem informasi ini
terbagi atas empat rancangan yaitu rancangan antar muka Interface ketua
kelompok, mahasiswa, BP-KKN, dan DPL.
1. Rancangan Antar Muka Laporan Kelompkok
Rancangan antar muka peserta atau pengguna sistem informasi ini ditunjukkan
pada gambar-gambar sebagai berikut:
2. Interface Utama
Gambar 11. Interface Beranda Utama
Pada Gambar 11, merupakan rancangan tampilan awal Interface Aplikasi. Pada
Interface ini terdapat dua menu yaitu menu beranda dan login.
3. Interface login
27
Pada Gambar 12, merupakan rancangan tampilan login yang digunakan utuk
melakukan login awal ke sistem informasi maka cukup memasukkan Username
dan Password.
4. Interface Beranda Ketua dan Anggota Kelompok
Pada Gambar 13, merupakan rancangan tampilan awal pada saat Ketua dan
anggota kelompok login. Pada Interface ini terdapat 10 menu yaitu menu beranda,
anggota kelompok, desa, input dusun, kegiatan kelompok, penentuan kriteria,
informasi sasaran, wirausaha, input laporan program kerja masing-masing
mahasiswa, dan Log out.
28
5. Interface Input Desa
Pada Gambar 14, ketua kelompok akan memasukkan identitas desa dan identitas
kepala desa yang ditempati oleh peserta KKN.
Gambar 14. Interface Input Desa
6. Interface Nama Anggota Kelompok
29
Pada Gambar 15, merupakan rancangan tampilan yang akan muncul apabila
memilih menu anggota kelompok, maka akan menampilkan nama nama anggota
kelompoknya. Yang ada pada tampilan ketua dan anggota.
7. Interface Input Dusun
Gambar 16. InterfaceInput Dusun
Pada Gambar 16, merupakan rancangan tampilan yang akan muncul apabila
memilih menu input dusun, maka ketua kelompok akan memasukkan nama nama
30
8. Interface Kegiatan Kelompok
Pada interface kegiatan kelompok ini terdapat 3 form yaitu interface
kewirausahaan, interface kesehatan, dan interface pendidikan.
a. Interface Kewirausahaan
Gambar 17. Ingterface Kewirausahaan
Pada Gambar 17, merupakan rancangan tampilan yang akan muncul apabila
memilih menu kegiatan kelompok, maka ketua kelompok akan memasukkan
kegiatan kewirausahaan yang ada pada desa.
b. Interface Kesehatan
31
Pada Gambar 18, merupakan rancangan tampilan yang akan muncul apabila
memilih menu kegiatan kelompok, maka ketua kelompok akan memasukkan
kegiatan kesehatan yang di desa.
c. Interface Pendidikan
Gambar 19. Interface Pendidikan
Pada Gambar 19, merupakan rancangan tampilan yang akan muncul apabila
memilih menu kegiatan kelompok, maka ketua kelompok akan memasukkan
kegiatan pendidikan yang ada pada desa.
9. Interface Penentuan Kriteria Desa
32
Pada Gambar 20, merupakan rancangan tampilan yang akan muncul apabila
memilih menu penentuan criteria. maka ketua kelompok akan memasukkan
penilaian kualitas yang ada pada desa.
10. Interface Informasi Sasaran
Pada interface kegiatan kelompok ini terdapat 8 form, yaitu:
a Interface Jumlah Penduduk Seluruh Wilayah Kerja Dusun
Gambar 21. Interface Jumlah Penduduk Seluruh Wilayah Kerja Dusun
Pada Gambar 21, ini ketua kelompok akan mendata jumlah penduduk seluruh
wilayah kerja dusun yang ada di desa dimana mereka ditempatkan.
b Interface Masyarakat yang Aktif Berpatisipasi dalam Dusun
Gambar 22. Interface Masyarakat yang Aktif Berpatisipasi dalam Dusun
33
berpatisipasi dalam dusun yang ada di desa dimana mereka ditempatkan.
c Interface Kegiatan Anggota Keluarga Dusun
Gambar 23. Interface Kegiatan Anggota Keluarga Dusun
Pada Gambar 23, ini ketua kelompok akan mendata kegiatan anggota keluarga
dusun yang ada di desa dimana mereka ditempatkan.
d Interface Kegiatan Keluarga Yang Mempunyai Balita, Remaja dan
Lansia
Gambar 24. Interface Kegiatan Keluarga Yang Mempunyai Balita, Remaja dan Lansia
Pada Gambar 24, ini ketua kelompok akan mendata kegiatan keluarga yang
mempunyai balita, remaja, dan lansia yang ada di desa dimana mereka
34
e Interface Kegiatan Balita Keluarga Dusun
Gambar 25. Interface Kegiatan Balita Keluarga Dusun
Pada Gambar 25, ini ketua kelompok akan mendata kegiatan balita keluarga
dusun yang ada di desa dimana mereka ditempatkan.
f Interface Kegiatan Remaja Keluarga Dusun
Gambar 26. Interface Kegiatan Remaja Keluarga Dusun
Pada Gambar 26, ini ketua kelompok akan mendata kegiatan remaja keluarga
35
g Interface Kegiatan Lansia Keluarga Dusun
Gambar 27.Interface Kegiatan Lansia Keluarga Dusun
Pada Gambar 27, ini ketua kelompok akan mendata kegiatan lansia keluarga
dusun yang ada di desa dimana mereka ditempatkan.
h Interface Usia Anak Sekolah Anggota Dusun
Gambar 28. Interface Usia Anak Sekolah Anggota Dusun
Pada Gambar 28, ini ketua kelompok akan mendata usia anak sekolah anggota
dusun yang ada di desa dimana mereka ditempatkan.
11. Interface Wirausaha
Pada interface kegiatan kelompok ini terdapat 2 menu yaitu interface wirausaha
36
a. Interface Wirausaha
Gambar 29. Interface Wirausaha
Pada Gambar 29, ini ketua kelompok akan mendata wirausaha yang ada di desa
dimana mereka ditempatkan.
b. Interface Koperasi
Pada Gambar 30, ini ketua kelompok akan mendata koperasi yang ada di desa
dimana mereka ditempatkan.
37
12. Interface Input Laporan Masing Masing Program Kerja Mahasiswa
Pada menu Input laporan KKN mahsasiswa akan memasukkan program kerja
masing-masing, dalam menu ini terdapat 3 menu yaitu interface input laporan
pendahuluan, interface input laporan rencana kerja pokok, dan interface input
laporan rencana kerja tambahan.
a Interface Input Laporan Pendahuluan
Gambar 31. InterfaceInput Laporan Pendahuluan
Pada Gambar 31, Masing-masing mahasiswa memasukkan laporan pendahuluan
38
b Interface Input Laporan Rencana Kegiatan
Gambar 32. InterfaceInput Laporan Rencana Kegiatan
Pada Gambar 32, Masing-masing mahasiswa memasukkan laporan rencana
kegiatan dari program kerjanya yang ada di desa dimana mereka ditempatkan.
c Interface Input Laporan Pelaksanaan Kegiatan
Gambar 33. Interface Input Laporan Pelaksanaan Kegiatan
Pada Gambar 33, Masing-masing mahasiswa memasukkan laporan pelaksanaan
39
d Interface Input Jurnal Harian
Gambar 34. InterfaceInput Jurnal Harian
Pada Gambar 34, Masing-masing mahasiswa memasukkan Jurnal Harian dari
program kerjanya yang ada di desa dimana mereka ditempatkan.
13. Interface Masing-Masing Mahasiswa
14. Interface Data Dusun
Gambar 35. Interface Data Dusun
Pada Gambar 35, mahasiswa hanya dapat melihat sudah atau belum ketua
40
15. Data Kegiatan Kelompok
Pada halaman ini terdapat 3 menu diantaranya:
a. Interface Data Kewirausahaan
Gambar 36. Interface Data Kewirausahaan
Pada Gambar 36, mahasiswa hanya dapat melihat sudah atau belum ketua
kelompok memasukkan data kewirausahaan.
b. Interface Data Kesehatan
Gambar 37. Interface Data Kesehatan
Pada Gambar 37, mahasiswa hanya dapat melihat sudah atau belum ketua
kelompok memasukkan data kesehatan.
41
Gambar 38. Interface Data Pendidikan
Pada Gambar 38, mahasiswa hanya dapat melihat sudah atau belum ketua
kelompok memasukkan data pendidikan.
16. Interface Data Penentuan Kriteria
Gambar 39. Interface Data Penentuan Kriteria
Pada Gambar 39, mahasiswa hanya dapat melihat sudah atau belum ketua
42
17. Data Informasi Sasaran
Pada halaman ini terdapat delapan menu diantaranya:
a. Interface Data Jumlah Penduduk Seluruh Wilayah Kerja Dusun
Gambar 40. Interface Data Jumlah Penduduk Seluruh Wilayah Kerja Dusun
Pada Gambar 40, mahasiswa hanya dapat melihat sudah atau belum ketua
kelompok memasukkan data jumlah penduduk seluruh wilayah kerja Dusun.
b. Interface Data Masyarakat Yang Aktive Berpatisipasi Dalam Dusun
Gambar 41. Interface Data Masyarakat Yang Aktif Berpatisipasi Dalam Dusun
Pada Gambar 41, mahasiswa hanya dapat melihat sudah atau belum ketua
43
c. Interface Data Kegiatan Anggota Keluarga Dusun
Gambar 42. Interface Data Kegiatan Anggota Keluarga Dusun
Pada Gambar 42, mahasiswa hanya dapat melihat sudah atau belum ketua
kelompok memasukkan data kegiatan anggota Dusun.
d. Interface Data Kegiatan Keluarga Yang Mempunyai Balita, Remaja dan
Lansia
Gambar 43. Interface Data Kegiatan Keluarga Yang Mempunyai Balita, Remaja, dan Lansia
Pada Gambar 43, mahasiswa hanya dapat melihat sudah atau belum ketua
kelompok memasukkan data kegiatan keluarga yang mempunyai balita, remaja,
44
e. Interface Data Kegiatan Balita Keluarga Dusun
Gambar 44. Interface Data Kegiatan Balita Keluarga Dusun
Pada Gambar 44, mahasiswa hanya dapat melihat sudah atau belum ketua
kelompok memasukkan data kegiatan balita.keluarga Dusun.
f. Interface Data Kegiatan Remaja Keluarga Dusun
Gambar 45. Interface Data Kegiatan Remaja Keluarga Dusun
Pada Gambar 45, mahasiswa hanya dapat melihat sudah atau belum ketua
45
g. Interface Data Kegiatan Lansia Keluarga Dusun
Gambar 46. Interface Data Kegiatan Lansia Keluarga Dusun
Pada Gambar 46, mahasiswa hanya dapat melihat sudah atau belum ketua
kelompok memasukkan data kegiatan lansia keluarga Dusun.
h. Interface Data Usia Anak Sekolah Anggota Dusun
Gambar 47. Interface Data Usia Anak Sekolah Anggota Dusun
Pada Gambar 47, mahasiswa hanya dapat melihat sudah atau belum ketua
kelompok memasukkan data usia anak sekolah anggota Dusun.
18. Interface Data Wirausaha
46
a. Interface Data Wirausaha
Gambar 48. Interface Data Wirausaha
Pada Gambar 48, mahasiswa hanya dapat melihat sudah atau belum ketua
kelompok memasukkan data wirausaha.
b. Interface Data Koperasi
Gambar 49. Interface Data Koperasi
Pada Gambar 49, mahasiswa hanya dapat melihat sudah atau belum ketua
47
19. Halaman BP-KKN (Admin)
Gambar 50. Halaman BP-KKN (Admin).
Pada Gambar 50, merupakan halaman utama yang menampilkan form menu dan
form isi disebelah kiri halaman terdapat 6 menu, yaitu menu beranda, kabupaten,
kecamatan, desa, laporan, dan Log Out.
20. Interface Input Atur Ketua Kelompok
Gambar 51. InterfaceInput Atur Ketua Kelompok
48
21. Interface Lihat Kelompok
Gambar 52. InterfaceInput Lihat Kelompok
Pada Gambar 52, BP-KKN dapat melihat hasil atur ketua kelompok.
22. Halaman Laporan Peserta
Pada Gambar ini terdapat tiga menu yaitu data laporan kelompok, data laporan
mahasiswa, data laporan keseluruhan.
23. Interface Data Laporan Kelompok
Gambar 53. Interface Data Laporan Kelompok
Pada Gambar 53, BP-KKN dan DPL akan melihat data laporan kelompok dari
49
24. Interface Data Laporan Mahasiswa
Gambar 54. Interface Data Laporan Mahasiswa
Pada Gambar 54, BP-KKN dan DPL akan melihat data laporan mahasiswa dari
masing masing kelompok KKN dari masing masing lokasi KKN.
25. Interface Data Laporan Keseluruhan
Gambar 55. Interface Data Laporan Keseluruhan
Pada Gambar 55, BP-KKN dan DPL akan melihat data laporan keseluruhan dari
50
26. Interface Dosen Pembimbing Lapangan
Gambar 56. Interface Dosen Pembimbing Lapangan
Pada Gambar 56, merupakan halaman utama yang menampilkan form menu dan
form isi disebelah kiri halaman terdapat 3 menu, yaitu menu beranda, laporan,
dan Log Out.
27. Interface Lihat Peserta Bimbinbgan
Gambar 57. Interface Lihat Peserta Bimbingan
Pada Gambar 57, merupakan halaman lihat anggota kelompok peserta KKN yang
BAB V