BAB IV IMPLEMENTASI DAN PENGUJIAN

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 dengan 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

Spesifikasi Intel(R) Celeron(R) CPU 10370 @

Processor

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

http://digilib.mercubuana.ac.id/

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

4.2

Fungsi

Xampp (dengan Apache & MySql)

Web Server & Database Server

Microsoft Word 2016

Dokumentasi dan penulisan

Implementasi Basis Data

Implementasi basis data yang digunakan untuk aplikasi ini disesuaikan dengan 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

http://digilib.mercubuana.ac.id/

`Acf2id` varchar(5) NOT NULL, `Nama` varchar(50) NOT NULL, `Jenis_Kelamin` enum('L','P','','') NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1;

Gambar 4.2 Implementasi Tabel Akun 4.2.2

Implementasi Tabel Barang Keluar

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

http://digilib.mercubuana.ac.id/

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

http://digilib.mercubuana.ac.id/

) 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

http://digilib.mercubuana.ac.id/

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 halaman 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 dengan rolenya.

64

http://digilib.mercubuana.ac.id/

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 dengan 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

http://digilib.mercubuana.ac.id/

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

http://digilib.mercubuana.ac.id/

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

http://digilib.mercubuana.ac.id/

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

http://digilib.mercubuana.ac.id/

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

http://digilib.mercubuana.ac.id/

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 dengan rancangan awal atau tidak. Pengujian yang akan dilakukan yaitu menguji semua proses pada semua halaman yaitu halaman login, Menu Dashboard, Inventory Asset, Input Barang Masuk, Input Barang Keluar, Laporan dan User. 70

http://digilib.mercubuana.ac.id/

4.5

Skenario Pengujian Uji coba dilakukan setelah pembuatan perangkat lunak selesai dengan

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 dengan 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 Status antar Aplikasi muka yang diuji

Skenario Pengujian

Hasil yang Hasil diinginkan Pengujian

1.

Login

Proses Tampilan input di halaman form login login sudah terbuka

Memasuka n username dan password

2.

Dashboard Proses Menampilk an grafik

Data user login akan di cek, jika benar maka masuk ke halaman utama, jika salah maka tidak bisa masuk halaman utama dan menampilkan pesan error Menampilka n grafik inventory

Tampilan halaman dashboard sudah terbuka

Menampilk an grafik

71

http://digilib.mercubuana.ac.id/

Sesuai dengan yang diinginkan

Sesuai dengan yang diinginkan

Tabel 4.5 Skenario pengujian Black Box lanjutan No

Antar Muka

Bagian antar Status muka yang Aplikasi diuji

Skenario Pengujian

Hasil yang Hasil diinginkan Pengujian

3.

Asset Inventory

Menguji Tampilan tambah, edit, halaman hapus 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 dengan permintaan

Sesuai dengan yang diinginkan

5.

Input Barang Masuk

Menguji Tampilan tambah, edit, halaman input hapus barang masuk sudah terbuka

Memasukan data barang masuk yang ingin di tambah, edit atau hapus

Data barang masuk berhasil dieksekusi sesuai dengan permintaan

Sesuai dengan yang diinginkan

Tabel 4.6 Skenario dan hasil pengujian Black Box lanjutan Bagian antar Status Skenario Hasil yang Hasil muka yang Aplikasi Pengujian diinginkan Pengujian diuji

No

Antar Muka

6.

Input Barang Keluar

Menguji Tampilan tambah, edit, halaman hapus input barng keluar sudah terbuka

7.

Halaman Pencaria n

Menguji fungsi pencarian

Memasuka n data barang keluar yang ingin di tambah, edit atau hapus

Tampilan Memasuka halaman n kata pencarian pencarian sudah ada di menu asset inventory, 72

http://digilib.mercubuana.ac.id/

Data barang keluar berhasil dieksekusi sesuai dengan permintaan

Sesuai dengan yang diinginkan

Menampilk an data sesuai dengan kata pencarian

Sesuai dengan yang diinginkan

input barang masuk dan keluar 8.

Laporan

Menguji Tampilan fungsi cetak halaman laporan cetak laporan sudah terbuka

Menekan tombol cetak laporan de

9.

Tambah User

Menguji tambah user

Menambah Berhasil di kan user tambahkan atau admin sebagai user atau admin

4.6

Tampilan halaman tambah user sudah terbuka

Berhasil Sesuai export data dengan ke pdf yang diinginkan

Sesuai dengan yang diinginkan

Analisa Hasil Pengujian

Dari keseluruhan proses pengujian dapat dianalisa bahwa : 1. Koneksi ke basis data berhasil dilakukan sehingga proses berjalan dengan sesuai. 2. Proses login berhasil dilakukan, dengan memasukan username dan password yang sesuai maka aplikasi akan mengarahkan halaman sesuai dengan aksesnya 3. Proses CRUD (Create, Read, Update, Delete) untuk data inventory asset, input barang masuk dan barang keluar berhasil dilakukan. 4. Proses Pencarian dengan kats pencarian berhasil dilakukan. 5. Proses cetak laporan data inventory ke pdf berhasil dilakukan.

73

http://digilib.mercubuana.ac.id/