Implementasi Fungsi dan Rancangan Antarmuka

85

C. TAHAP IMPLEMENTASI CODE

Setelah melakukan analisis kebutuhan dan membuat rancangan sistem dari aspek rekayasa perangkat lunak dengan menggunakan Unified Modelling Language UML, desain basis data, dan desain antarmuka, maka selanjutnya dilakukan implementasi sistem termasuk di dalamnya proses pengkodean dan konfigurasi sistem. Berikut hasil dari proses implementasi sistem:

1. Implementasi Fungsi dan Rancangan Antarmuka

Implementasi fungsi dan rancangan antarmuka dilakukan menggunakan framework CodeIgniter, Bootstrap, dan AdminLTE. Implementasi fungsi dan rancangan antarmuka untuk aplikasi Material Request Form adalah sebagai berikut: a. Halaman Order Request Implementasi fungsi dan rancangan antarmuka halaman order request untuk aplikasi Material Request Form adalah sebagai berikut: Gambar 58. Implementasi Halaman Order Request 86 b. Halaman Detail Notifikasi Order Request Implementasi fungsi dan rancangan antarmuka halaman detail notifikasi order request untuk aplikasi Material Request Form adalah sebagai berikut: Gambar 59. Implementasi Halaman Detail Notifikasi Order Request c. Halaman Login Implementasi fungsi dan rancangan antarmuka halaman login untuk aplikasi Material Request Form adalah sebagai berikut: Gambar 60. Implementasi Halaman Login 87 d. Halaman Utama Supervisor Implementasi fungsi dan rancangan antarmuka halaman utama supervisor untuk aplikasi Material Request Form adalah sebagai berikut: Gambar 61. Implementasi Halaman Utama Supervisor e. Halaman Stock Item Supervisor Implementasi fungsi dan rancangan antarmuka halaman stock item supervisor untuk aplikasi Material Request Form adalah sebagai berikut: Gambar 62. Implementasi Halaman Stock Item Supervisor 88 f. Halaman Administrator Implementasi fungsi dan rancangan antarmuka halaman administrator untuk aplikasi Material Request Form adalah sebagai berikut: Gambar 63. Implementasi Halaman Administrator g. Halaman Reviewed Order Administrator Implementasi fungsi dan rancangan antarmuka halaman reviewed order administrator untuk aplikasi Material Request Form adalah sebagai berikut: Gambar 64. Implementasi Halaman Reviewed Order Administrator 89 h. Halaman Order Report Administrator Implementasi fungsi dan rancangan antarmuka halaman order report administrator untuk aplikasi Material Request Form adalah sebagai berikut: Gambar 65. Implementasi Halaman Order Report Administrator i. Halaman Restock Report Administrator Implementasi fungsi dan rancangan antarmuka halaman restock report administrator untuk aplikasi Material Request Form adalah sebagai berikut: Gambar 66. Implementasi Halaman Restock Report Administrator 90 j. Halaman Manage Stock Administrator Implementasi fungsi dan rancangan antarmuka halaman manage stock administrator untuk aplikasi Material Request Form adalah sebagai berikut: Gambar 67. Implementasi Halaman Manage Stock Administrator k. Halaman Utama Superadmin Implementasi fungsi dan rancangan antarmuka halaman utama superadmin untuk aplikasi Material Request Form adalah sebagai berikut: Gambar 68. Implementasi Halaman Utama Superadmin 91 l. Halaman Manage Employee Superadmin Implementasi fungsi dan rancangan antarmuka halaman manage employee superadmin untuk aplikasi Material Request Form adalah sebagai berikut: Gambar 69. Implementasi Halaman Manage Employee Superadmin m. Halaman Manage User System Superadmin Implementasi fungsi dan rancangan antarmuka halaman manage user system superadmin untuk aplikasi Material Request Form adalah sebagai berikut: Gambar 70. Implementasi Halaman Manage User System Superadmin 92 n. Halaman Ubah Password Implementasi fungsi dan rancangan antarmuka halaman ubah password untuk aplikasi Material Request Form adalah sebagai berikut: Gambar 71. Implementasi Halaman Ubah Password

2. Implementasi Basis Data