id_sn Varchar
15 Id Serial Number
id_perangkat Varchar
15 Id Perangkat
id_user Varchar
15 Id User
4.2.3 Perancangan Antarmuka
Berikut ini adalah tahap perancangan antarmukainterface yang akan menggambarkan struktur menu dan tampilan pada sistem informasi inventori.
Sistem Informasi Inventori
Home Registrasi
User Login
Master Data
Perangkat Manajemen
Admin Manajemen
User Booking
Approval Booking
Daftar Booking
Pengiriman Return
Laporan Perangkat
Masuk Monitoring
Stok Perangkat
Keluar Perangkat
Return Kategori
Logout Profil
Grafik Perangkat
Keluar Stok
Perangkat History
Order Pick Up
Gambar 4.34
Struktur Menu Sistem Informasi Inventori Berdasarkan Gambar 4.34 akan dijelaskan mengenai fungsi dari setiap
menu pada struktur menu sistem informasi inventori, yaitu: 1. Home
Home merupakan halaman utama pada sistem informasi inventori. Pada halaman ini berisi daftar perangkat yang dapat di booking.
2. Profil Profil merupakan menu yang mendeskripsikan profil perusahaan dan
department Inventory Management.
3. Registrasi User Registrasi User merupakan menu yang berisi form registrasi. Setelah user
melakukan registrasi, maka user dapat mengakses 2 dua menu sebagai berikut:
a. Login Login
merupakan menu yang berfungsi untuk validasi username dan password
. Jika username dan password sesuai, maka user dapat masuk kedalam sistem.
b. Logout Logout
merupakan menu yang berfungsi keluar dari sistem. 3. Master Data
Master Data merupakan menu yang dapat diakses oleh Admin untuk mengelola master data. Pada menu ini terdapat 4 empat sub menu yang
terkait yaitu: a. Kategori
Pada menu ini admin dapat melakukan tambah, edit, dan hapus kategori perangkat.
b. Perangkat Pada menu ini admin dapat melakukan tambah, edit, dan hapus data
perangkat. Proses perangkat masuk dapat diinput pada opsi tambah perangkat. Selain itu, admin juga dapat melakukan upload gambar dan
data spesifikasi perangkat. c. Manajemen Admin
Pada menu ini admin dapat melakukan tambah, edit, dan hapus data admin.
d. Manajemen User Pada menu ini admin dapat melakukan tambah, edit, dan hapus data
admin. 4. Booking
Booking merupakan menu yang dapat diakses oleh user yang digunakan
untuk pemesanan perangkat. User dapat memilih jumlah perangkat yang akan di booking dan menginput data pelanggan. Pada menu ini terdapat 1 satu
sub menu yang terkait, yaitu: a. History Order
Pada menu ini sistem menampilkan daftar booking yang dapat memberikan informasi pada user mengenai status perangkat.
5. Daftar Booking Daftar Booking merupakan menu yang dapat diakses oleh admin yang
digunakan untuk melihat daftar pemesanan perangkat. Pada menu ini terdapat 3 satu sub menu yang terkait, yaitu:
a. Approval Booking Menu ini berfungsi untuk menginformasikan bahwa status perangkat telah
disiapkan di gudang kemudian user dapat mencetak packing slip. b. Pick up
Pada menu ini, admin dapat memilih SN perangkat dan menginput form pick up
.
c. Pengiriman Pada menu ini, admin dapat memilih SN perangkat dan menginput form
pengiriman dan mengupload nomer AWB. 6. Return
Return merupakan menu yang dapat diakses oleh admin. Pada menu ini
admin dapat melakukan searching SN perangkat yang akan dikembalikan. Kemudian admin menginput kondisi perangkat.
7. Laporan Laporan merupakan menu yang dapat diakses oleh manajer dan admin. Pada
menu ini terdapat 4 empat sub menu, yaitu: a. Perangkat Masuk
Pada menu ini manajer dapat memilih periode perangkat masuk, kemudian manajer dapat melihat laporan yang sesuai dengan periode tersebut.
b. Monitoring Stok Pada menu ini manajer dapat memilih kategori dan tipe perangkat,
kemudian manajer dapat melihat laporan yang sesuai dengan kategori dan tipe perangkat tersebut.
c. Perangkat Keluar Pada menu ini manajer dapat memilih periode perangkat keluar, kemudian
manajer dapat melihat laporan yang sesuai dengan periode tersebut. d. Perangkat Return
Pada menu ini manajer dapat memilih periode return, kemudian manajer dapat melihat laporan yang sesuai dengan periode tersebut.
8. Grafik Grafik merupakan menu yang dapat diakses oleh manajer dan admin. Pada
menu ini terdapat 2 dua sub menu, yaitu: a. Perangkat Keluar
Pada menu ini manajer dapat memilih periode perangkat masuk, kemudian manajer dapat melihat grafik yang sesuai dengan periode tersebut.
b. Stok Perangkat Pada menu ini manajer dapat memilih kategori dan tipe perangkat,
kemudian manajer dapat melihat grafik yang sesuai dengan kategori dan tipe perangkat tersebut.
Berdasarkan struktur menu yang telah dijelaskan pada Gambar 4.34, tahap selanjutnya adalah melakukan desain antarmuka sebagai berikut:
1. Tampilan Menu Home a. Home User
Gambar 4.35
Tampilan Menu Home User
b. Home Admin
Gambar 4.36
Tampilan Menu Home Admin
2. Tampilan Menu Profil
Gambar 4.37
Tampilan Menu Profil
3. Tampilan Menu Registrasi User
Gambar 4.38
Tampilan Menu Registrasi User
4. Login
Gambar 4.39
Tampilan Menu Login
5. Logout
Gambar 4.40 Tampilan Menu Logout
6. Tampilan Menu Master Data a. Kategori
Gambar 4.41 Tampilan Menu Kategori
b. Perangkat
Gambar 4.42 Tampilan Menu Perangkat
c. Manajemen Admin
Gambar 4.43
Tampilan Menu Manajemen Admin
d. Manajemen User
Gambar 4.44
Tampilan Menu Manajemen User
7. Tampilan Menu Booking a. Booking
Gambar 4.45 Tampilan Menu Booking
b. History Order
Gambar 4.46 Tampilan Menu History Order
8. Tampilan Menu Daftar Booking a. Approval Booking
Gambar 4.47
Tampilan Menu Approval Booking
b. Pick up
Gambar 4.48 Tampilan Menu Pick up
c. Pengiriman
Gambar 4.49
Tampilan Menu Pengiriman
9. Tampilan Menu Return
Gambar 4.50
Tampilan Menu Return
10. Tampilan Menu Laporan a. Perangkat Masuk
Gambar 4.51
Tampilan Menu Laporan Perangkat Masuk
b. Monitoring Stok
Gambar 4.52
Tampilan Menu Laporan Monitoring Stok
c. Perangkat Keluar
Gambar 4.53
Tampilan Menu Laporan Perangkat Keluar
d. Perangkat Return
Gambar 4.54
Tampilan Menu Laporan Perangkat Return
11. Tampilan Menu Grafik a. Perangkat Keluar
Gambar 4.55
Tampilan Menu Grafik Perangkat Keluar b. Stok Perangkat
Gambar 4.56
Tampilan Menu Grafik Stok Perangkat
4.3 Implementasi
4.3.1 Pemrograman
Fase pemrograman dilakukan untuk membangun sebuah sistem. Pada fase ini, peneliti menggunakan bahasa pemrograman PHP sebagai bahasa
pemrograman yang membantu dalam proses manipulasi kegiatan yang ada dalam perancangan sistem informasi inventori.
Sedangkan untuk web server local software yang digunakan dalam pembuatan aplikasi ini yaitu My Structured Query Language MySQL yang
berfungsi untuk penyimpanan data dari setiap perubahan data, dan browser Google Chrome untuk menampilkan aplikasi dan pengujiannya.
4.3.2 Pengujian Sistem
Pada fase ini akan menggambarkan kegiatan pengujian tes sistem untuk memastikan bahwa program atau sistem yang dibuat masih terdapat bug
kesalahan atau tidak. Dari setiap tes pengujian tidak menutup kemungkinan masih terdapat bug kesalahan dari sistem yang telah dites, namun pengujian ini
setidaknya dapat meminimilisasikan bug yang terdapat di dalam sistem. Dalam pengujian sistem ini akan dilakukan dengan cara pengujian black
box. Pengujian secara black box, yaitu suatu pendekatan untuk menguji apakah setiap fungsi di dalam program dapat berjalan dengan benar. Pengujian terhadap
sistem informasi inventori ini akan ditekankan terhadap menu-menu yang terdapat pada sistem informasi inventori sebagai berikut:
Kategori