BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

BAB IV

IMPLEMENTASI DAN PENGUJIAN SISTEM

4.1 Implementasi

Tahap implementasi adalah tahap penerapan aplikasi yang dibuat sesuai dengan analisis dan perancangan yang telah dilakukan sebelumnya dan diharapkan aplikasi dapat menjadi solusi dalam proses pendistribusian merchandise ke pelanggan. Aplikasi dibuat berbasis web menggunakan bahasa pemrograman PHP dan database MySQL. Selain berbasis web aplikasi ini juga dibuat berbasis mobile yang menggunakan bahasa pemrograman JavaScript.

4.1.1 Network diagram

Perancangan network diagram menggambarkan hubungan jaringan dalam mendukung sebuah sistem, berikut adalah penggambaran network diagram sistem :

User

Laptop

Smartphone Komputer

Apache Web Server

My SQL Database

Gambar 4. 1 Network Diagram

Gambar diatas mengambarkan alur Network diagram dalam membangun sistem informasi pendistribusian merchandise semen3roda di PT.Kharisma Mulia Abadijaya. User dapat menggunakan komputer, laptop atau smartphone yang dihubungkan ke sistem melalui jaringan internet kemudian terhubung dengan apache web server sehingga user dapat mengakses sistem pendistribusian tersebut.

4.1.2 Spesifikasi Perangkat Keras

Perangkat keras yang digunakan dalam pembuatan Sistem Informasi Pengawasan Distribusi Merchandise adalah sebagai berikut :

1. Komputer Server

Spesifikasi perangkat keras pada komputer server yang diperlukan untuk implementasi rancangan aplikasi kepegawaian adalah sebagai berikut:

Tipe Komputer : Laptop

Processor : Intel(R) Core(TM) i3-2365M CPU @1.40GHz 1.40 GHz Memory (RAM) : 2.00 GB

2. Smartphone

Tipe Smartphone : Samsung Grand Duos Processor : Android OS 4.1.2 Jelly Bean Memory (RAM) : 1.00 GB

3. Koneksi Internet

Untuk implementasi aplikasi akan berjalan menggunakan koneksi internet kerena aplikasi ini berbasis website dan mobile

4.1.3 Perancangan Aplikasi (Application Design)

Gambar 4. 2 Application Design

Perancangan aplikasi diatas menjelaskan bahwa aplikasi yang diakai adalah browser yang dapat diakses melalui website maupun mobile. Server yang digunakan adalah Apache 2.4. Dalam pembuatan coding aplikasi web menggunakan PHP dengan framework CodeIgniter dan coding aplikasi mobile menggunakan JavaScript dengan framework Cordova . Database yang digunakan adalah MySQL.

4.1.4 Spesifikasi Perangkat Lunak

Untuk mengimplementasikan rancangan Sistem Informasi Pengawasan Distribusi Merchandise yang telah dibuat, diperlukan perangkat lunak dengan spesifikasi dibawah ini.

Tabel 4. 1 Spesifikasi Perangkat Lunak

Operating System Microsoft Windows

Database MySQL 5.5.16

Server Apache 2.4

Framework Website CodeIgniter

Framework Mobile Cordova

4.2 Implementasi Database

4.2.1 Tampilan Layar Pembuatan Database

Dalam pembuatan aplikasi, tahap awal yang dilakukan adalah membuat basis data. Basis data yang digunakan pada Sistem Informasi Pengawasan Distribusi Semen3Roda yaitu MySQL. Implementasi basis data yang digunakan dalam pembuatan aplikasi ini memiliki spesifikasi sebagai berikut :

Gambar 4. 4 Spesifikasi Implementasi Database

4.2.2 Tampilan Layar Tabel User

4.2.3 Tampilan Layar Tabel Role

Gambar 4. 6 Spesifikasi Tabel Roler

4.2.4 Tampilan Layar Tabel Toko

4.2.5 Tampilan Layar Tabel Merchandise

Gambar 4. 8 Spesifikasi Tabel Merchandise

4.2.6 Tampilan Layar Tabel Request Order

4.2.7 Tampilan Layar Tabel Request Order Detail

Gambar 4. 10 Spesifikasi Tabel Request Order Detail

4.2.8 Tampilan Layar Tabel Receive Note

4.2.9 Tampilan Layar Tabel Receive Note Detail

Gambar 4. 12 Spesifikasi Tabel Request Note Detail

4.2.10 Tampilan Layar Tabel Delivery Form

4.2.11 Tampilan Layar Tabel Delivery Form Detail

Gambar 4. 14 Spesifikasi Tabel Delivery Form Detail

4.3

Tampilan Layar Sistem Web

4.3.1 Tampilan Menu Login

4.3.2 Tampilan Halaman Utama

Gambar 4. 16 Tampilan Halaman Utama

4.3.3 Tampilan Menu Tambah User

4.3.4 Tampilan Menu Lihat User

Gambar 4. 18 Tampilan Menu Lihat User

4.3.5 Tampilan Menu Edit User

4.3.6 Tampilan Menu Tambah Toko

Gambar 4. 20 Tampilan Menu Tambah Toko

4.3.7 Tampilan Menu Lihat Toko

4.3.8 Tampilan Menu Edit Toko

Gambar 4. 22 Tampilan Menu Edit Toko

4.3.9 Tampilan Menu Tambah Merchandise

4.3.10 Tampilan Menu Lihat Merchandise

Gambar 4. 24 Tampilan Menu Lihat Merchandise

4.3.11 Tampilan Menu Edit Merchandise

4.3.12 Tampilan Menu Buat Request Order

4.3.13 Tampilan Menu Lihat Request Order

Gambar 4. 27 Tampilan Menu Lihat Request Order

4.3.14 Tampilan Menu Detail Request Order

4.3.15 Tampilan Cetak Request Order

Gambar 4. 29 Tampilan Cetak Request Order

4.3.16 Tampilan Menu Buat Receive Note

4.3.17 Tampilan Menu Lihat Receive Note

Gambar 4. 31 Tampilan Menu Lihat Receive Note

4.3.18 Tampilan Menu Detail Receive Note

4.3.19 Tampilan Menu Edit Receive Note

4.3.20 Tampilan Cetak Receive Note

4.3.21 Tampilan Menu Buat Delivery Form

4.3.22 Tampilan Menu Lihat Delivery Form

4.3.23 Tampilan Menu Edit Delivery Form

4.3.24 Tampilan Menu Detail Delivery Form

4.3.25 Tampilan Menu Detail Delivery Form setelah diterima oleh toko

4.3.26 Tampilan Cetak Delivery Form

Gambar 4. 40 Tampilan Cetak Delivery Form

4.3.27 Tampilan Menu Lihat Stok Merchandise

4.3.28 Tampilan Cetak Laporan Stok Merchandise

Gambar 4. 42 Tampilan Cetak Laporan Stok Merchandise

4.4

Tampilan Layar Sistem Mobile

4.4.1 Tampilan Login

4.4.2 Tampilan Detail Data Delivery Form

4.4.3 Tampilan Form Delivery Form

4.5

Pengujian Sistem

4.5.1 Metode Pengujian

Metode pengujian ini dilakukan dengan menggunakan metode black box testing yaitu suatu pengujian yang berfokus pada persyaratan fungsional perangkat lunak tanpa memperdulikan source code program. Pengujian ini untuk menentukan sejauh mana sistem dapat membantu pegawai.

Pengujian dengan metode black box dilakukan dengan cara memberikan sejumlah masukkan pada program aplikasi yang kemudian diproses sesuai dengan kebutuhan fungsionalnya untuk melihat apakah sistem pengawasan distribusi ini menghasilkan keluaran yang diinginkan sesuai dengan fungsi dari program aplikasi tesebut.

Bila dari input yang diberikan menghasilkan output yang sesuai dengan kebutuhan fungsionalnya, maka program aplikasi yang penulis rancang berhasil. Tetapi bila output yang dihasilkan tidak sesuai dengan kebutuhan fungsionalnya, maka masih terdapat kesalahan pada program aplikasi tersebut.

Pengujian dilakukan dengan mencoba semua kemungkinan yang terjadi dan dilakukan secara berulang-ulang. Jika dalam pengujian terdapat kesalahan, maka akan dilakukan pencarian dan perbaikan untuk memperbaiki kesalahan yang terjadi. Jika telah selesai melakukan perbaikan maka akan dilakukan pengujian kembali. Pengujian dan perbaikan dilakukan terus-menerus hingga diperolah hasil yang terbaik.

4.5.2 Skenario Pengujian

Skenario pengujian dilakukan untuk mengetahui aplikasi telah berjalan sesuai fungsinya, dan memastikan bahwa aplikasi sudah sesuai dengan spesifikasi dan berfungsi dengan baik. Skenario pengujian dilakukan dengan cara memilih dari setiap pilihan yang ada pada aplikasi. Kemudian dilakukan pengujian dengan menekan tombol yang ada pada halaman form dari aplikasi, apakah tombol sudah sesuai dengan kegunaan dan yang diharapkan. Berikut beberapa skenario pengujian yang akan dilakukan :

4.5.2.1 Pengujian aplikasi web

Tabel 4. 2 Pengujian aplikasi web No Antar muka yang diuji Bagian antar muka yang diuji Status aplikasi

Skenario pengujian Hasil Pengujian

1 Halaman Login Login Menampilkan halaman login Masukkan username dan password lalu klik "Kirim" Jika verifikasi berhasil maka aplikasi akan menampilkan halaman utama. Jika verifikasi tidak berhasil maka user memasukkan kembali username dan password yang sesuai 2 Menu tambah data user Membuat data user baru Menampilkan form input data user

Mengisi data user berupa : Nama lengkap, username, password, privilege, alamat, email, nomor telepon lalu klik "Submit"

Data user berhasil disimpan sesuai yang diinput 3 Menu lihat data user Mengubah data user Menampilkan form edit data user

Klik "Edit" ubah data user yang tidak sesuai lalu klik "Edit Data"

Data user berhasil diubah sesuai yang diinput 4 Menu lihat data user Menghapus data user Menampilkan tabel data user

Pilih data user yang ingin dihapus lalu klik "Hapus"

Data user berhasil dihapus 5 Menu tambah data toko Membuat data toko baru Menampilkan form input data toko

Mengisi data toko berupa : Nama toko, nama pemilik, alamat, nomor

Data toko berhasil disimpan sesuai yang diinput

telepon, daerah lalu klik "Submit" 6 Menu lihat data toko Mengubah data toko Menampilkan form edit data toko

Klik "Edit" ubah data user yang tidak sesuai lalu klik "Submit"

Data toko berhasil diubah sesuai yang diinput 7 Menu lihat data toko Menghapus data toko Menampilkan tabel data toko

Pilih data toko yang ingin dihapus lalu klik "Hapus"

Data toko berhasil dihapus 8 Menu tambah data merchandise Membuat data merchadise baru Menampilkan form input data merchandise Mengisi data merchandise berupa : Nama merchandise, jenis merchandise, warna lalu klik "Submit"

Data merchandise berhasil disimpan sesuai yang diinput

9 Menu lihat data merchandise Mengubah data merchandise Menampilkan form edit data merchandise

Klik "Edit" ubah data merchandise yang tidak sesuai lalu klik "Submit"

Data merchandise berhasil diubah sesuai yang diinput

10 Menu lihat data merchandise Mengubah data merchandise Menampilkan tabel data merchandise Pilih data merchandise yang ingin dihapus lalu klik "Hapus" Data merchandise berhasil dihapus 11 Menu buat request order Membuat request order baru Menampilkan form input data request order

Mengisi data request order berupa : Nama merchandise, Id merchandise, jenis merchandise, jumlah request lalu klik "Tambah" lalu klik "Simpan Request Order"

Data yang sudah diinput berhasil disimpan dan muncul pada tabel list merchandise yang ada dibawah form input data request order

12 Menu lihat request order Mengubah data request order Menampilkan form edit request order

Klik "Edit" ubah data request order yang tidak sesuai lalu klik "Simpan Request Order"

Data request order berhasil diubah sesuai yang diinput

13 Menu lihat request order Menghapus data request order Menampilkan tabel request order

Pilih request order yang ingin dihapus lalu klik "Hapus"

Request order berhasil dihapus 14 Menu lihat request order Menyetujui request order (hanya dilakukan oleh manager) Menampilkan tabel data request order

Klik "Approve" Request order berhasil disetujui 15 Menu lihat request order Mencetak request order Menampilkan tabel daftar request order

Pilih request order yang akan ingin dicetak lalu klik "Detail" kemudian akan muncul detail data request order lalu pilih "Download As PDF" Request order berhasil tercetak 16 Menu buat receive note Membuat receive note Menampilkan form input receive note Masukkan id request order yang akan dijadikan receive note kemudian klik "Preview" dan sistem akan menampilkan data request order yang diinginkan lalu klik "Gunakan RO Ini"

Data receive note berhasil disimpan

17 Menu lihat receive note Mengubah data receive note yang telah tersimpan Menampilkan form edit receive note Mengubah data receive note yang tidak sesuai lalu klik "Simpan Receive Note"

Data receive note yang telah diubah berhasil tersimpan 18 Menu lihat request order Menghapus data receive note Menampilkan tabel receive note

Pilih receive note yang ingin dihapus lalu klik "Hapus"

Receive note berhasil dihapus 19 Menu lihat receive note Mencetak receive note Menampilkan tabel daftar receive note

Pilih receive note yang akan ingin dicetak lalu klik "Detail" kemudian akan muncul detail data receive note lalu pilih "Download As PDF" Receive note berhasil tercetak 20 Menu buat delivery form Membuat delivery form baru Menampilkan form input data delivery form Mengisi data

delivery form berupa : Nama toko, nama merchandise, jumlah request lalu akan muncul data toko dan merchandise secara lengkap serta terdapat data sisa stok merchandise kemudian klik "Tambah". Setelah data muncul pada tabel list

merchandise yang terdapat dibagian bawah form klik "Simpan Delivery Form"

Data delivery form baru tersimpan

21 Menu lihat delivery form Mengubah data delivery form yang telah tersimpan Menampilkan form edit delivery form Mengubah data delivery form yang tidak sesuai lalu klik "Simpan Delivery Form"

Data delivery form yang telah diubah berhasil tersimpan 22 Menu lihat delivery form Menghapus delivery form Menampilkan tabel daftar delivery form

Pilih delivery form yang akan dihapus lalu klik "Hapus"

Data delivery form berhasil terhapus 23 Menu lihat delivery form Mencetak delivery form Menampilkan tabel daftar delivery form

Pilih delivery form yang akan ingin dicetak lalu klik "Detail" kemudian akan muncul detail data delivery form lalu pilih "Download As PDF" Delivery form berhasil tercetak 24 Menu lihat stok Mencetak laporan stok Menampilkan tabel daftar stok merchandise Klik "Download As PDF" Laporan stok merchandise berhasil tercetak

4.5.2.2 Pengujian aplikasi mobile

Tabel 4. 3 Pengujian aplikasi mobile

No

Antarmuka yang Diuji Fungsi yang Diuji Status Aplikasi

Skenario Pengujian Hasil yang Dinginkan 1 Halaman login Login Menampilka n halaman login Masukan username dan password lalu klik "Login"

Jika hasil verifikasi username dan password sesuai, maka aplikasi akan menampilkan tabel data delivery form.

Jika hasil verifikasi tidak sesuai, pengguna harus memasukan kembali username dan password yang sesuai.

2

Delivery form Melengkapi delivery from dengan foto dan lokasi toko by GPS Menampilka n form input data delivery form

Pilih delivery form sesuai toko yang dituju lalu klik "Submit". Aplikasi akan nampilkan detail data delivery form lalu klik "Get Coordinate" untuk mendapatkan titik lokasi toko by GPS kemudian klik "Simpan". Klik "Start Camera" untuk membuka kamera smartphone, klik "Stop Camera" untuk keluar dari kamera smartphone, klik "Switch Camera" untuk mengubah arah bidik kamera, klik "Take Picture" untuk mengambil gambar yang diinginkan. Setalah itu klik "Simpan"

Data delivery form yang telah

dilengkapi foto dan lokasi toko telah tersimpan