Implementasi Antarmuka Halaman Login Implementasi Antarmuka Halaman Beranda Implementasi Antarmuka Halaman Input Pengguna Implementasi Antarmuka Halaman Input Daftar Kegiatan Implementasi Antarmuka Halaman Input Proposal Kegiatan Implementasi

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 52

b. Implementasi Antarmuka Halaman Beranda

Halaman beranda adalah yang pertama kali diakses pengguna setelah berhasil login. Implementasi antarmuka halaman beranda ditampilkan pada Gambar 29. Gambar 29. Implementasi antarmuka halaman beranda

c. Implementasi Antarmuka Halaman Input Pengguna

Halaman input pengguna adalah halaman untuk menambah data pengguna yang selanjutnya diproses dan disimpan dalam database. Implementasi antarmuka halaman input pengguna disajikan pada Gambar 30. Gambar 30. Implementasi antarmuka halaman input pengguna 53

d. Implementasi Antarmuka Halaman Input Daftar Kegiatan

Halaman input daftar kegiatan adalah halaman untuk menambah data daftar kegiatan yang selanjutnya diproses dan disimpan dalam database. Implementasi antarmuka halaman input daftar kegiatan disajikan pada Gambar 31. Gambar 31. Implementasi antarmuka halaman input daftar kegiatan

e. Implementasi Antarmuka Halaman Input Proposal Kegiatan

Halaman input proposal kegiatan adalah halaman untuk menambah data proposal kegiatan yang selanjutnya diproses dan disimpan dalam database. Implementasi antarmuka halaman input proposal kegiatan pada Gambar 32. Gambar 32. Implementasi antarmuka halaman input proposal kegiatan 54

f. Implementasi

Antarmuka Halaman Input Laporan Pertanggungjawaban Halaman input laporan pertanggungjawaban adalah halaman untuk menambah data laporan pertanggungjawaban yang selanjutnya diproses dan disimpan dalam database. Implementasi antarmuka halaman input laporan pertanggungjawaban disajikan pada Gambar 33. Gambar 33. Implementasi antarmuka halaman input LPJ

g. Implementasi Antarmuka Halaman Review Proposal Kegiatan