BAB V IMPLEMENTASI SISTEM
PERENCANAAN DAN ANALISA PERANCANGAN SISTEM
5.1 Implementasi Sistem
5.1.1 Implementasi Database
Rancangan database yang telah dibuat selanjutnya di implementasi ke dalam database MySQL. Dalam implementasi database ini terdapat 7 tabel yaitu tabel karyawan, tabel pengguna, tabel supplier, tabel barang, tabel barang masuk, table barang keluar , tabel detail barang masuk, dan tabel detail barang keluar. Berikut adalah hasil implementasi database Sistem Informasi Inventory pada restoran Sambal Van Java berbasis web Responsive.
1. Tabel Pengguna
Pengguna adalah tabel data user sistem, user sistem antara lain admin, owner dan user sedangkan bial dibutuhkan dapat ditambahkan user atau pengguna lain.
65
Gambar 5.1 menjelaskan implementasi data pengguna pada database yang mempunyai field id_pengguna (int) sebagai primary key berisi record nomer dari id_pengguna. Field nama_lengkap ( varchar) berisi record nama dari pengguna. Field alamat ( varchar) berisi record alamat dari pengguna. Field notelp ( varchar) berisi record nomor telepon dari pengguna . Field username ( varchar ) berisi record username dari pengguna. Field password ( varhcar ) berisi record password dari pengguna. Field hak_akses ( enum) berisi record hak akses dari pengguna. Field status ( enum ) berisi record status dari pengguna.
2. Tabel Supplier
Tabel Supplier terdiri dari id_supplier, nama_supplier,Alamat, dan no_tlp. Apabila terdapat supplierr baru maka data – data supplier tersebut dapat di tambahkan dan data supplier dapat di ubah atau di hapus sesuai dengan kebutuhan .
Gambar 5.2 Tampilan Tabel Supplier
Gambar 5.2 menjelaskan implementasi data supplier pada database yang mempunyai field id_supplier ( int ) sebagai primary key berisi record nomor dari id_supplier . Field nama_supplier ( varchar ) berisi record nama supplier dari tabel supplier. Field alamat_supplier ( varchar ) berisi record alamat supplier dari tabel supplier. Field no_telepon ( varchar ) berisi record nomor telepon dari tabel supplier
3. Tabel Barang
Data barang restoran Sambal Van Java digunakan untuk karyawan sebagai data pencarian dan acuan data persediaan barang.
Gambar 5.3 Tampilan Tabel Data Barang
Gambar 5.3 menjelaskan implementasi data barang pada database yang mempunyai field id_barang ( int ) sebagai primary key berisi record nomor dari id_barang. Field nama_barang ( varchar ) berisi record nama barang pada tabel barang. . Field satuan ( varchar ) berisi record satuan dari tabel barang. Field Stok_barang_terakhir ( int ) berisi record stok barang terakhir pada tabel barang. Filed harga_beli_terakhir ( int ) berisi record harga beli terakhir pada tabel barang.
4. Tabel Barang Masuk
Tabel Barang Masuk terdiri dari id_barangmasuk,tgl_barang, Id_supplier,no_nota,id_pengguna. Apabila terdapat barang masuk maka data – data tersebut dapat di tambahkan dan dapat diubah maupun di hapus sesuai dengan kebutuhan.
Gambar 5.4 Tampilan Tabel Barang Masuk
Gambar 5.4 menjelaskan implementasi data barang masuk pada database yang mempuyai field id_barangmasuk (int) sebagai primary key berisi nomor dari id_barangmasuk. Field tgl_barangmasuk (datetime) berisi record tanggal barang masuk pada tabel barang masuk. Field id_supplier (int) berisi record nama supplier pada tabel barang masuk. Field no_nota (varchar) berisi record nomor nota dari tabel barang masuk. Field id_pengguna (int) berisi record nama pengguna pada tabel barang masuk.
67
5. Tabel Barang Keluar
Tabel Barang Keluar terdiri dari id_barangkeluar,id_pengguna. Apabila terdapat barang keluar maka data – data barang tersebut dapat di tambahkan dan dapat diubah ataupun dihapus sesuai dengan kebutuhan.
Gambar 5.5 Tampilan Tabel Barang keluar
Gambar 5.5 menjelaskan implementasi data barang masuk pada database yang mempuyai field id_barangkeluar (int) sebagai primary key berisi nomor dari id_barangkeluar. Field tgl_barangkeluar(datetime) berisi record tanggal barang keluar pada tabel barang keluar. Field id_pengguna (int) berisi record nama pengguna pada tabel barang keluar.
6. Tabel Detail Barang Masuk
Tabel Detail Barang Masuk digunakan untuk melihat data – data yang telah di masukan baik itu data baru maupun data yang sudah lama.
Gambar 5.6 Tampilan Tabel Detail Barang Masuk
Gambar 5.6 menjelaskan implementasi data detail barang masuk pada database yang mempuyai field id_detailbarangmasuk (int) sebagai primary key berisi nomor dari id_detailbarangmasuk. Field id_barangmasuk(int) berisi record nama barang masuk pada tabel detail barang masuk. Field id_barang (int) berisi record nomor barang pada detail barang masuk. Field jumlah_barangmasuk(float) berisi record jumlah barang masuk. Field harga_barangmasuk(int) berisi record harga barang masuk.
7. Tabel Detail Barang Keluar
Tabel Detail Barang Keluar digunakan untuk melihat data – data yang telah dikuluarkan baik itu data baru maupun data yang sudah lama.
Gambar 5.7 Tampilan Tabel Detail Barang Keluar
Gambar 5.7 menjelaskan implementasi data detail barang keluar pada database yang mempuyai field id_detailbarangkeluar (int) sebagai primary key berisi nomor dari id_detailbarangkeluar. Field id_barangkeluar (int) berisi record nama barang keluar pada tabel detail barang keluar. Field id_barang (int) berisi record nomor barang pada detail barang keluar. Field jumlah_barangkeluar (float) berisi record jumlah barang keluar. Field harga_barangkeluar (int) berisi record harga barang keluar.
8. Tabel Skema Database
Tabel skema database di gunakan untuk melihat relasi antar tabel
Gambar 5.8 Tampilan Skema Database 5.2 Implementasi Antarmuka
Implementasi sistem merupakan tahap akhir dari pengembangan sistem, tahap ini merupakan tindakan nyata dari tahap perencanaan dan
69
perancangan sistem. Langkah-langkah implementasi akan berjalan baik jika perencanaan dan perancangan sistem memang terencana secara rapi. Implementasi sistem ini berupa desain dari halaman yang dibuat menggunakan bahasa pemrograman PHP dan MySQL.
1. Hasil Tampilan Menu Utama
Tampilan menu utama yang berfungsi sebagai tampilan awal sistem sebelum masuk ke dalam sistem dan juga berfungsi sebagai menampilkan info.
Gambar 5.9 Hasil Tampilan Halaman Menu Utama
Gambar 5.9 menggambarkan antarmuka menu utama pada saat user login dengan tampilan sedinamis mungkin dengan tujuan untuk mempermudah user menggunakan aplikasi.
2. Hasil Tampilan Login
Tampilan untuk Login Admin, User dan Owner untuk dapat masuk ke halaman masing-masing.
Gambar 5.10 Hasil Tampilan Form Login
Gambar 5.10 menggambarkan antarmuka menu login yang di gunakan saat user akan login dengan tampilan sedinamis mungkin dengan tujuan untuk mempermudah user menggunakan aplikasi.
3. Hasil Tampilan Login yang Gagal
Ketika kita salah menginputkan user atau password maka akan muncul peringatan agar kita mengulangi inputan login.
71
Gambar 5.11 Hasil Tampilan Ulangi Login
Gambar 5.11 menggambarkan antarmuka menu utama pada saat user gagal login dengan tampilan sedinamis mungkin dengan tujuan untuk mempermudah user menggunakan aplikasi.
4. Hasil Tampilan Menu Edit Akun
Menu Edit Akun merupakan implementasi pada tampilan menu kelola Edit Akun yang dilakukan admin, owner, dan user yang berguna untuk mengganti data – data pemilik akun yang bersangkutan.
Gambar 5.12 Hasil Tampilan Tabel Edit Akun
Gambar 5.12 menggambarkan antarmuka menu edit akun yang bertujuan untuk mengganti data user dengan tampilan sedinamis mungkin dengan tujuan untuk mempermudah user menggunakan aplikasi.
5. Hasil Tampilan Master Data Pengguna
Master Data Pengguna merupakan implementasi pada tampilan menu data user yang berfungsi untuk menambah, menampilkan, menghapus atau melakukan edit pada data user.
Gambar 5.13 Hasil Tampilan Master Data Pengguna
73
Gambar 5.15 Hasil Tampilan Update Data Pengguna
Gambar 5.13, 5.14, 5.15 menggambarkan antarmuka menu master data pengguna yang berfungsi untuk menambahkan, mengedit atau menghapus akun pengguna dengan tampilan sedinamis mungkin dengan tujuan untuk mempermudah user menggunakan aplikasi.
6. Hasil Tampilan Menu Master Data Barang
Menu Master Data Barang merupakan implementasi pada data barang yang dapat menambahkan data, melakukan update data atau menghapus data barang.
Gambar 5.17 Hasil Tampilan Form Tambah Data Barang
Gambar 5.18 Hasil Tampilan Edit Data Barang
Gambar 5.16, 5.17, 5.18 menggambarkan antarmuka menu master data barang yang berfungsi untuk menambahkan, mengedit atau menghapus barang dengan tampilan sedinamis mungkin dengan tujuan untuk mempermudah user menggunakan aplikasi.
7. Hasil Tampilan Menu Master Data Supplier
Menu Master Data Supplier berfungsi untuk menambahkan data supplier .
75
Gambar 5.19 Hasil Tampilan Master Data Supplier
Gambar 5.20 Hasil Tampilan Form Tambah Supplier
Gambar 5.21 Hasil Tampilan Fomr Edit Supplier
Gambar 5.19, 5.20, 5.21 menggambarkan antarmuka menu master data supplier yang berfungsi untuk menambahkan, mengedit atau menghapus akun
supplier dengan tampilan sedinamis mungkin dengan tujuan untuk mempermudah user menggunakan aplikasi.
8. Hasil Tampilan Menu Barang Masuk
Menu Barang Masuk merupakan Form barang masuk pada restoran Sambal Van Java.
Gambar 5.22 Hasil Tampilan Form Barang Masuk
77
Gambar 5.24 Hasil Tampilan bagian Edit Barang Masuk
Gambar 5.22, 5.23, 5.24 menggambarkan antarmuka menu barang masuk yang berfungsi untuk menambahkan, mengedit atau menghapus barang dengan tampilan sedinamis mungkin dengan tujuan untuk mempermudah user menggunakan aplikasi.
9. Hasil Tampilan Menu Barang Keluar
Menu Barang Keluar merupakan sebuah form untuk barang keluar di restoran Sambal Van Java.
Gambar 5.25 Hasil Tampilan Form Barang Keluar
Gambar 5.27 Hasil Tampilan Edit Barang Keluar
Gambar 5.25, 5.26, 5.27 menggambarkan antarmuka barang keluar yang berfungsi untuk menambahkan, mengedit atau menghapus barang keluar dengan tampilan sedinamis mungkin dengan tujuan untuk mempermudah user menggunakan aplikasi.
10. Hasil Tampilan Menu Laporan
Menu Laporan merupakan sebuah form yang berisikan laporan barang masuk, laporan barang keluar, dan laporan stok di restoran Sambal Van Java.
Gambar 5.28 Hasil Tampilan Menu Laporan Barang Masuk
79
Gambar 5.29 Hasil Tampilan Menu PDF Laporan Barang Masuk
Gambar 5.30 Hasil Tampilan Menu Laporan Barang Keluar
Gambar 5.32 Hasil Tampilan Menu Stok
Gambar 5.33 Hasil Tampilan PDF Menu Stok
Gambar 5.28, 5.29, 5.30, 5.31, 5.32, 5.33 menggambarkan antarmuka menu laporan yang berfungsi untuk melihat data yang ada dengan tampilan sedinamis mungkin dengan tujuan untuk mempermudah user menggunakan aplikasi.
5.3 Pengujian Sistem
Pengujian terhadap sistem yang telah dibuat sangat diperlukan untuk mengetahui apakah sistem yang telah dibuat berjalan dengan baik dan sesuai harapan pengguna atau masih terdapat error. Dalam pengujian ini metode yang digunakan adalah menggunakan metode White Box dan Black Box.