Rancangan Antarmuka Halaman Input Laporan Pertanggungjawaban Rancangan Antarmuka Halaman Review Proposal Kegiatan Rancangan Rancangan Antarmuka Halaman Pengaturan UKM

49

f. Rancangan Antarmuka Halaman Input Laporan Pertanggungjawaban

Halaman input laporan pertanggungjawaban adalah halaman untuk menambah data laporan pertanggungjawaban yang selanjutnya diproses dan disimpan dalam database. Rancangan antarmuka halaman input laporan pertanggungjawaban disajikan pada Gambar 24. Gambar 24. Rancangan antarmuka halaman input lpj

g. Rancangan Antarmuka Halaman Review Proposal Kegiatan

Halaman review proposal kegiatan adalah halaman untuk menambah data review proposal kegiatan yang selanjutnya diproses dan disimpan dalam database. Rancangan antarmuka halaman review proposal kegiatan disajikan pada Gambar 25. USER DOWNLOAD PROPOSAL UPLOAD FILE TERIMA REVISI KOMENTAR OBROLAN REVIEW PROPOSAL PROPOSAL LPJ DAFTAR KEGIATAN UKM Gambar 25. Rancangan antarmuka halaman review proposal kegiatan 50

h. Rancangan

Antarmuka Halaman Review Laporan Pertanggungjawaban Halaman review laporan pertanggungjawaban kegiatan adalah halaman untuk menambah data review pertanggungjawaban yang selanjutnya diproses dan disimpan dalam database . Rancangan antarmuka halaman review pertanggungjawaban disajikan pada Gambar 26. Gambar 26. Rancangan antarmuka halaman review LPJ

i. Rancangan Antarmuka Halaman Pengaturan UKM

Halaman pengaturan UKM adalah halaman untuk menambah data UKM yang selanjutnya diproses dan disimpan dalam database. Rancangan antarmuka halaman pengaturan UKM disajikan pada Gambar 27. Gambar 27. Rancangan antarmuka halaman pengaturan UKM 51

C. Implemetasi

Implementasi merupakan penerapan dari sistem yang telah dirancang dengan bahasa pemograman yang telah ditentukan dan digunakan dalam pembuatan sistem. Implementasi perancangan aplikasi pengelolaan administrasi proposal kegiatan adalah sebagai berikut.

1. Implementasi Antarmuka

Implementasi antarmuka merupakan penerapan dari rancangan antarmuka yang sudah dirancang sebelumnya. Implementasi antarmuka sistem informasi persediaan barang habis pakai dibangun menggunakan PHP, HTML, MySQL dan framework Bootstrap. Implementasi antarmuka masing-masing halaman adalah sebagai berikut.

a. Implementasi Antarmuka Halaman Login

Halaman login merupakan halaman yang berisi username, password dan level user untuk masuk dan mengakses perancangan aplikasi pengelolaan administrasi proposal kegiatan. Implementasi antarmuka halaman login ditampilkan pada Gambar 28. Gambar 28. Implementasi antarmuka halaman login