BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah tahap analisa dan tahap perancangan sistem aplikasi, maka tahap selanjutnya merupakan tahap implementasi. Akan dibahas mengenai tahap implementasi pembuatan basis data dan implementasi perancangan antar muka Sistem Informasi Dashboard untuk Monitoring Inventory, menggunakan PHP MySQL dan diperlukan sebuah Web Server yang digunakan sebagai tempat penyimpanan program. Web server yang digunakan berupa XAMPP Apache dan MySQL sebagai database server, untuk membuka program, jalankan browser modern seperti Chrome, Internet Explorer atau Firefox dan ketik alamat http://localhost/systemdashboard dan mulai login. Implementasi yang dilakukan menggunakan sebuah perangkat komputer untuk pembuatan dan uji coba. Berikut spesifikasi perangkat keras sebagai berikut : Tabel 4.1 Spesifikasi Perangkat Keras Perangkat Keras Processor Spesifikasi Intel(R) Celeron(R) CPU 10370 @ 1.80Ghz RAM 2,00 GB Graphic card Ideapad S210 Adapun perangkat lunak yang digunakan untuk melakukan implementasi pembuatan aplikasi ini adalah sebagai berikut : 59
Tabel 4.2 Fungsi perangkat lunak Perangkat Lunak Fungsi Windows 10 Pro 32-bit Sistem Operasi Sublime Text 2 Tools untuk scripting PHP Tabel 4.3 Lanjutan Fungsi perangkat lunak Perangkat Lunak Fungsi Xampp ( Apache & MySql) Web Server & Database Server Microsoft Word 2016 Dokumentasi dan penulisan 4.2 Implementasi Basis Data Implementasi basis data yang digunakan untuk aplikasi ini disesuaikan class diagram. Pada gambar berikut dapat dilihat bahwa tabel yang dirancang sudah terpasang sesuai kebutuhan : Gambar 4.1 Impleme ntasi Tabel Basis Data 4.2.1 Implementasi Tabel Akun CREATE TABLE IF NOT EXISTS `akun` ( 60
`Acf2id` varchar(5) NOT NULL, `Nama` varchar(50) NOT NULL, `Jenis_Kelamin` enum('l','p','','') NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; 4.2.2 Implementasi Tabel Barang Keluar Gambar 4.2 Implementasi Tabel Akun CREATE TABLE IF NOT EXISTS `barang_keluar` ( `Kode_BarangKeluar` varchar(10) NOT NULL, `Nama_BarangKeluar` varchar(15) NOT NULL, `Type_BarangKeluar` varchar(10) NOT NULL, `SN_BarangKeluar` varchar(10) NOT NULL, `Tanggal_Keluar` date NOT NULL, `Kode_BarangMasuk` varchar(10) NOT NULL, `Kode_Barang` varchar(10) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; Gambar 4.3 Implementasi Tabel barang_keluar 4.2.3 Implementasi Tabel Barang Masuk CREATE TABLE IF NOT EXISTS `barang_masuk` ( `Kode_BarangMasuk` varchar(10) NOT NULL, `Nama_BarangMasuk` varchar(15) NOT NULL, `Type_BarangMasuk` varchar(10) NOT NULL, `SN_BarangMasuk` varchar(10) NOT NULL, `Tanggal_Masuk` date NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; 61
Gambar 4.4 Implementasi Tabel barang_masuk 4.2.4 Implementasi Tabel Inventory Data CREATE TABLE IF NOT EXISTS `inventory_data` ( `Kode_Barang` varchar(10) NOT NULL, `User` varchar(50) NOT NULL, `Acf2id` varchar(5) NOT NULL, `Dept` varchar(50) NOT NULL, `Kategori_Barang` enum('pc','monitor','laptop','mouse','keyboard','printer','lain-lain') NOT NULL, `Type_Barang` varchar(50) NOT NULL, `SN` varchar(50) NOT NULL, `Status` enum('new','replacement','','') NOT NULL, `Keterangan` varchar(200) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; Gambar 4.5 Implementasi Tabel inventory_data 4.2.5 Implementasi Tabel User CREATE TABLE IF NOT EXISTS `user` ( `Id_User` int(11) NOT NULL, `Id_Usergroup_User` int(11) NOT NULL, `Username` varchar(50) NOT NULL, `Password` varchar(255) NOT NULL 62
) ENGINE=InnoDB AUTO_INCREMENT=39 DEFAULT CHARSET=latin1; Gambar 4.6 Implementasi Tabel user 4.2.6 Implementasi Tabel Usergroup CREATE TABLE IF NOT EXISTS `usergroup` ( `Id_Usergroup` int(11) NOT NULL, `Nama_Usergroup` varchar(50) NOT NULL ) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=latin1; Gambar 4.7 Implementasi Tabel Usergroup 63
4.2.7 Implementasi Relasi Tabel Gambar 4.8 Implementasi Relasi Tabel Class Diagram 4.3 Implementasi Antar Muka Aplikasi 4.3.1 Implementasi Antar Muka Login Pada saat aplikasi dijalankan, maka akan muncul login. Pada form ini pengguna diwajibkan mengisi username dan password. Antar muka login menampilkan textbox username dan password yang berfungsi untuk pengecekan hak akses. Aplikasi juga akan melakukan pengecekan apakah pengguna login sesuai rolenya. 64
Gambar 4.9 Implementasi Antar Muka Login 4.3.2 Implementasi Antar Muka Dashboard Admin Setelah proses login berhasil maka pengguna diarahkan menuju dashboard sesuai role masing-masing. Untuk dashboard admin pada bagian sisi kiri menampilkan menu dashboard grafik, inventory asset, input barang masuk, input barang keluar, laporan dan tambah user. Masing-masing menu berfungsi melakukan input, edit dan hapus kecuali dashboard grafik dan laporan. Gambar 4.10 Implementasi Halaman Utama Admin Sedangkan dashboard user hanya menampilkan menu dashboard grafik, inventory asset dan laporan. 65
Gambar 4.11 Implementasi Halaman Utama Dashboard User 4.3.3 Implementasi Antar Muka Inventory Asset Untuk menu inventory asset menampilkan data inventory IT yang sudah di inputkan Gambar 4.12 Implementasi Halaman View Inventory Asset dan terdapat tombol add yang berfungsi untuk menginput data inventory IT. Field yang harus di isi terdiri dari Kode Barang, Nama User, ACF2ID, Departemen, Kategori, Type Barang, Serial Number, Pilih Status dan Keterangan. 66
Gambar 4.13 Implementasi Halaman Add Inventory Asset 4.3.4 Implementasi Antar Muka Input Barang Masuk Untuk menu input barang masuk menampilkan data inventory IT yang sudah di inputkan Gambar 4.14 Implementasi Halaman View Barang Masuk dan terdapat tombol add yang berfungsi untuk menginput barang yang masuk. Field yang harus di isi terdiri dari Kode Barang, Nama Barang, Type Model, SN, Tanggal Masuk. 67
Gambar 4.15 Implementasi Halaman Add Barang Masuk 4.3.5 Implementasi Antar Muka Input Barang Keluar Untuk menu input barang keluar menampilkan data inventory IT yang sudah di inputkan Gambar 4.16 Implementasi Halaman View Barang Keluar dan terdapat tombol add yang berfungsi untuk menginput barang yang keluar. Field yang harus di isi terdiri dari Kode Barang, Nama Barang, Type Model, SN, Tanggal Keluar. 68
Gambar 4.17 Implementasi Halaman Add Barang Keluar 4.3.6 Implementasi Antar Muka Pencarian Untuk menu pencarian data terdapat di setiap masing masing menu yang terletak di bagian ujung kanan. Gambar 4.18 Implementasi Halaman Field Pencarian Pada field pencarian hanya masukkan keyword atau kata yang ingin di cari data nya dan kemudian aplikasi akan menampilkan data sesuai keyword yang di masukkan. Gambar 4.19 Implementasi Halaman View hasil pencarian 4.3.7 Implementasi Antar Muka Cetak Laporan Pada menu laporan tersedia button cetak laporan, ketika button di klik laporan dalam bentuk pdf berhasil di download 69
Gambar 4.20 Implementasi Halaman Cetak Laporan Dan ketika data berhasil di download akan muncul hasil laporan dalam bentuk pdf seperti gambar di bawah ini. Gambar 4.21 Implementasi Halaman Cetak Laporan 4.4 Verifikasi Pengujian Pengujian perlu dilakukan untuk menguji sistem / aplikasi yang telah dibuat apakah sudah sesuai rancangan awal atau tidak. Pengujian yang akan dilakukan yaitu menguji semua proses pada semua yaitu login, Menu Dashboard, Inventory Asset, Input Barang Masuk, Input Barang Keluar, Laporan dan User. 70
4.5 Skenario Pengujian Uji coba dilakukan setelah pembuatan perangkat lunak selesai percobaan pada komputer tampilan pengguna. Dengan melakukan uji coba ini dapat dilakukan untuk mengetahui kemungkinan terjadinya kesalahan dan untuk memastikan fungsi-fungsi yang terdapat pada modul-modul aplikasi ini apakah sudah berjalan baik. Dalam proses pengujiannya metode yang digunakan adalah black box. Metode ini dipilih karena pengetesan cukup mengetahui semua fungsi fungsi yang ada dalam sistem berjalan tanpa ada kesalahan dan tidak memerlukan pengetesan secara detail / logis. Tabel 4.4 Skenario dan hasil pengujian Black Box No Antar Muka Bagian antar muka yang diuji Status Aplikasi Skenario Pengujian Hasil yang Hasil Pengujian 1. Login Proses input di form login 2. Dashboard Proses Menampilk an grafik login sudah terbuka dashboard sudah terbuka Memasuka n username dan password Menampilk an grafik Data user login akan di cek, jika benar maka masuk ke utama, jika salah maka tidak bisa masuk utama dan menampilkan pesan error Menampilka n grafik inventory yang yang 71
Tabel 4.5 Skenario pengujian Black Box lanjutan No Antar Muka Bagian antar muka yang diuji Status Aplikasi Skenario Pengujian Hasil yang Hasil Pengujian 3. Asset Inventory Menguji tambah, hapus edit, Data asset inventorysuda h terbuka Memasukan data yang ingin di tambah, edit atau hapus serta dapat melakukan pencarian data Data inventory asset berhasil dieksekusi sesuai permintaan yang 5. Input Barang Masuk Menguji tambah, hapus edit, input barang masuk sudah terbuka Memasukan data barang masuk yang ingin di tambah, edit atau hapus Data barang masuk berhasil dieksekusi sesuai permintaan yang No Antar Muka Tabel 4.6 Skenario dan hasil pengujian Black Box lanjutan Bagian antar Status Skenario Hasil yang muka yang Aplikasi Pengujian diuji Hasil Pengujian 6. Input Barang Keluar Menguji tambah, hapus edit, input barng keluar sudah terbuka Memasuka n data barang keluar yang ingin di tambah, edit atau hapus Data barang keluar berhasil dieksekusi sesuai permintaan yang 7. Halaman Pencaria n Menguji fungsi pencarian pencarian sudah ada di menu asset inventory, Memasuka n kata pencarian Menampilk an data sesuai kata pencarian yang 72
input barang masuk dan keluar 8. Laporan Menguji fungsi laporan cetak cetak laporan sudah terbuka Menekan tombol cetak laporan de Berhasil export data ke pdf yang 9. Tambah User Menguji tambah user tambah user sudah terbuka Menambah kan user atau admin Berhasil di tambahkan sebagai user atau admin yang 4.6 Analisa Hasil Pengujian Dari keseluruhan proses pengujian dapat dianalisa bahwa : 1. Koneksi ke basis data berhasil dilakukan sehingga proses berjalan sesuai. 2. Proses login berhasil dilakukan, memasukan username dan password yang sesuai maka aplikasi akan mengarahkan sesuai aksesnya 3. Proses CRUD (Create, Read, Update, Delete) untuk data inventory asset, input barang masuk dan barang keluar berhasil dilakukan. 4. Proses Pencarian kats pencarian berhasil dilakukan. 5. Proses cetak laporan data inventory ke pdf berhasil dilakukan. 73