BAB V IMPLEMENTASI SISTEM DAN PENGUJIAN SISTEM
5.3 Implementasi Sistem
Implementasi sistem ini untuk menjelaskan kepada pengguna yang akan menggunakan sistem ini. Sehingga pengguna tersebut dapat merespon
apa yang akan ditampilkan oleh sistem. Tahap ini merupakan dari tampilan sistem yang telah dibuat dari perancangan sistem. Implementasi sistem berupa desain dari halaman yang dibuat menggunakan Framework Codeigniter dan untuk menampilkan halaman agar menarik menggunakan
bootstrap dan css.
1. Halaman Login
Halaman login ditunjukkan pada Gambar 5.10 berikut ini:
Gambar 5.10 Halaman Login
Penjelasan untuk Gambar 5.10 halaman login merupakan halaman digunakan pengguna (admin dan user) untuk masuk ke sistem pengelolaan work order.
2. Halaman Home
Halaman home untuk admin dan user ditunjukkan pada Gambar 5.11 dan 5.12 berikut ini:
Gambar 5.11 Halaman Home Admin
Gambar 5.12 Halaman Home User
Penjelasan untuk Gambar 5.11 dan Gambar 5.12 halaman home merupakan halaman awal pada sistem yang menampilkan informasi kepada pengguna, hak akses apa saja yang bisa dilakukannya terhadap sistem.
3. Halaman Master Data - Department
Halaman master data - department ditunjukkan pada Gambar 5.13 berikut ini:
Gambar 5.13 Halaman Master Data – Department
Penjelasan untuk Gambar 5.13 halaman master data - department ini berfungsi bagi admin untuk melihat, menambahkan, mengubah, dan mencari data departemen.
4. Halaman Detail Master Data – Work Location
Halaman master data - work location ditunjukkan pada Gambar 5.14 berikut ini:
Gambar 5.14 Halaman Master Data – Work Location
Penjelasan untuk Gambar 5.14 halaman master data - work
location ini berfungsi bagi admin untuk melihat, menambahkan,
5. Halaman Master Data – Work Subject
Halaman master data - work subject ditunjukkan pada Gambar 5.15 berikut ini:
Gambar 5.15 Halaman Master Data – Work Subject
Penjelasan untuk Gambar 5.15 halaman master data - work
subject ini berfungsi bagi admin untuk melihat, menambahkan,
mengubah, dan mencari data subyek yang akan dikerjakan.
6. Halaman Master Data – Staff Maintenance
Halaman master data – staff maintenance ditunjukkan pada Gambar 5.16 berikut ini:
Gambar 5.16 Halaman Master Data – Staff Maintenance
Penjelasan untuk Gambar 5.16 halaman master data - staff
maintenance ini berfungsi bagi admin untuk melihat, menambahkan,
mengubah, dan mencari data staff yang bertugas mengerjakan work
7. Halaman New Work Order
Halaman new work order ditunjukkan pada Gambar 5.17 berikut ini:
Gambar 5.17 Halaman New Work Order
Penjelasan untuk Gambar 5.17 halaman new work order ini berfungsi bagi pengguna untuk melihat, menambahkan, mengubah, mencari, meng-authorized, dan mencetak form work order yang ditujukan untuk departemen engineering.
8. Halaman Form Create New Work Order
Halaman form create new work order ditunjukkan pada Gambar 5.18 berikut ini:
Gambar 5.18 Halaman Form Create New Work Order
Penjelasan untuk Gambar 5.18 halaman form create new work
9. Halaman Form Work Order
Halaman form work order ditunjukkan pada Gambar 5.19 berikut ini:
Gambar 5.19 Halaman Form Work Order
Penjelasan untuk Gambar 5.19 halaman form work order ini adalah hasil tampilan dari create new work order yang bisa dicetak dan nantinya di-authorized oleh admin.
10. Halaman Cetak Form Work Order
. Halaman cetak form work order ditunjukkan pada Gambar 5.20 berikut ini:
Gambar 5.20 Halaman Cetak Form Work Order
Gambar 5.20 adalah halaman cetak form work order yang selain dicetak bisa juga diunduh dalam format .pdf.
11. Halaman Authorized Work Order
Halaman authorized work order ditunjukkan pada Gambar 5.21 berikut ini:
Gambar 5.21 Halaman Authorized Work Order
Penjelasan untuk Gambar 5.21 halaman authorized work order ini adalah kumpulan dari work order baru yang sudah di-authorized oleh admin. Halaman ini berfungsi bagi admin untuk melihat, menambahkan, mengubah, dan mencari form authorized work order yang ditujukan untuk departemen engineering.
12. Halaman Form Work Order Setelah Di-authorized
Halaman form work order setelah di-authorized ditunjukkan pada Gambar 5.22 berikut ini:
Penjelasan untuk Gambar 5.22 halaman form work order setelah di-authorized adalah tampilan form work order yang dilengkapi dengan masukkan status work order, tanggal selesai, staff maintenance, dan gambar subyek setelah perbaikan.
13. Halaman Form Authorized Work Order – Status Done
Halaman form authorized work order – status done ditunjukkan pada Gambar 5.23 berikut ini:
Penjelasan untuk Gambar 5.23 halaman form authorized work
order – status done adalah contoh form work order yang sudah di-authorized dan selesai dikerjakan. Work order yang sudah selesai
dikerjakan atau memiliki status done akan tersimpan di old data. Sedangkan work order yang belum selesai dikerjakan atau memiliki status not yet, in progress, atau pending akan tersimpan di new data.
14. Halaman Dashboard
Halaman dashboard ditunjukkan pada Gambar 5.24 berikut ini:
Gambar 5.24 Halaman Dashboard
Penjelasan untuk Gambar 5.24 halaman dashboard ini berfungsi untuk memudahkan pengguna melihat semua work order yang sudah di-authorized lengkap dengan statusnya saat itu (real time).
15. Halaman Report Work Order
Halaman report work order ditunjukkan pada Gambar 5.25 berikut ini:
Gambar 5.25 Halaman Report Work Order
Penjelasan untuk Gambar 5.25 halaman report work order ini digunakan oleh pengguna untuk mencetak semua work order yang sudah di-authorized menyesuaikan dengan pilihan penyortiran yang diinginkan.
16. Halaman Contoh Report
Halaman contoh report ditunjukkan pada Gambar 5.26 berikut ini:
Penjelasan untuk Gambar 5.26 halaman ini merupakan contoh tampilan pencarian untuk report dengan penyortiran status Semua, dari tanggal masuk 1 sampai dengan 31 Januari 2019.
17. Halaman Error Page
Halaman error page ditunjukkan pada Gambar 5.27 berikut ini:
Gambar 5.27 Halaman Error Page
Penjelasan untuk Gambar 5.27 halaman error page merupakan halaman yang akan tampil jika pengguna (bukan admin) mengakses menu yang bukan menjadi hak aksesnya.
5.4 Pengujian Sistem
Pengujian sistem merupakan suatu tahapan untuk memastikan bahwa semua bagian telah diuji sesuai dengan desain awal. Untuk meminimalisir kesalahan dan memastikan keluaran yang dihasilkan sesuai dengan yang diharapkan. Tahapan pengujian dilakukan setelah proses implementasi selesai. Pada tahap pengujian akan menggunakan cara pengujian yaitu White
Box dan Black Box.
5.4.1 Pengujian Kotak Putih (White Box Testing)
1. Flowchart (Login)
Alur pada pengujian form login ditunjukkan pada gambar 5.28 berikut ini:
Gambar 5.28 Flowchart Login
Penjelasan Gambar 5.28 alur flowchart login dimulai dengan terminal kemudian dilanjutkan input user-password. Lalu decision menjalankan verifikasi dan menghasilkan output gagal atau berhasil masuk form utama. 2. Listing Program (Login)
Form yang diuji dengan metode white box adalah form login yang
ditampilkan pada tabel 5.1 berikut ini:
Tabel 5.1 Listing Program (Login)
<?php
defined('BASEPATH') OR exit('No direct script access allowed'); class Login extends CI_Controller {
function __construct(){ parent::__construct(); $this->load->library('session'); $this->load->model('user'); $this->load->model('Crud'); }
public function index(){
1 Mulai Input User dan Password Verifikasi User dan Password Login Gagal Halaman Home Selesai
$this->load->view('master'); }
public function login(){
$username = $this->input->post('username'); $password = $this->input->post('password'); $where = array( 'user' => $username, 'password' => md5($password) ); $cek = $this->user->cek_login("pengguna",$where)->num_rows(); if($cek > 0){ $data_session = array( 'nama' => $username, 'status' => "login" ); $this->session->set_userdata($data_session); $this->user(); } else{
echo "<script>alert('username atau password salah!'); window.location.href = '" . base_url() .
"login';</script>";
Penjelasan Tabel 5.1 Baris ke-1 adalah deklarasi dan inisialisasi program. Lalu baris lanjut ke kode pada baris ke-2 input user-password. Baris ke-3 adalah
statement untuk verifikasi, jika memenuhi syarat akan membaca kode program pada
baris ke-4 dan jika salah akan membaca kode program baris ke-5. 3. Flowgraph (Login)
Alur pada flowgraph form login ditunjukkan pada gambar 5.29 berikut ini:
Gambar 5.29 Flowgraph (Login)
2
3
5 4
Penjelasan Gambar 5.29 Node 1 merupakan awal dimulai penggunaan program. Lalu lanjut ke node 2 yaitu proses input username dan password. Setelah itu proses node 3 verifikasi username dan password, jika tidak benar maka menuju “login gagal” di node 5. Jika benar maka menampilkan “Form Utama” di node 5.
Node 6 program selesai merespon.
4. Cyclomatic Complexity Diketahui : Region (R) = 2 Node (N) = 6 Edge (E) = 6 Predicate Node (P) = 1 Perhitungan: V(G) = (E – N) + 2 = (6 – 6) + 2 = 2 V(G) = P + 1 = 1 + 1 = 2
Jadi, cyclomatic complexity untuk flowgraph login adalah 2. 5. Pengujian Basis Path
Jalur 1 : 1-2-3-4-6
Jalur 2 : 1-2-3-5-2
Hasil pengujian basis path dapat dilihat pada tabel 5.2 berikut ini:
Tabel 5.2 Pengujian Basis Path
Jalur Input Proses Output
1-2-3-4-6 Username : misna
Password : misna
Klik tombol “Sign In”
Login berhasil
menuju form utama.
1-2-3-5-2 Username : misna
Password : 12345
Klik tombol “Sign In”
Berdasarkan data dalam Tabel 5.2 sesuai dengan pengujian basis
path, dilakukan pengujian dengan memasukkan username dan password yang benar sesuai data pengguna dan satunya lagi
memasukkan username dan password yang salah.
5.4.2 Pengujian Kotak Hitam (Black Box Testing)
Black Box Testing adalah cara pengujian hanya dilakukan dengan
menjalankan atau mengeksekusi unit atau model, kemudian diamati apakah hasil aplikasi itu sesuai dengan hasil yang diinginkan.
Pengujian black box untuk login ke sistem pengelolaan work
order dapat dilihat pada Tabel 5.3 berikut ini:
Tabel 5.3 Tabel Pengujian Black Box Login
Input Proses Output Hasil Uji
Login Admin
(input
username dan password)
Login Admin Berhasil login
masuk pada halaman home Diterima Login User (input username dan password)
Login User Berhasil login
masuk pada halaman home
Diterima
Penjelasan Tabel 5.3 Pengujian black box untuk login ke sistem pengelolaan work order baik sebagai admin maupun user semua hasil ujinya diterima.
Pengujian black box untuk pengelolaan master data dari melihat, menambahkan, mengubah, dan mencari data yang ada pada master data dapat dilihat pada Tabel 5.4 berikut ini:
Tabel 5.4 Tabel Pengujian Black Box Master Data
Input Proses Output Hasil Uji
Pilih menu
master data - department
View, input, edit,
dan search data
department Data berhasil ditambahkan, update data tersimpan Diterima
Pilih menu
master data – work location
View, input, edit,
dan search data
work location Data berhasil ditambahkan, update data tersimpan Diterima Pilih menu master data - work subject
View, input, edit,
dan search data
work subject Data berhasil ditambahkan, update data tersimpan Diterima Pilih menu master data – staff maintenance
View, input, edit,
dan search data
staff maintenance Data berhasil ditambahkan, update data tersimpan Diterima
Penjelasan Tabel 5.4 Pengujian black box untuk pengelolaan master data dari melihat, menambahkan, mengubah, dan mencari data yang ada pada master data semua hasil ujinya diterima.
Pengujian black box untuk pengelolaan work order dari melihat, menambahkan, mengubah, mencari, mencetak, dan memberikan
authorize pada work order dapat dilihat pada Tabel 5.5 berikut ini: Tabel 5.5 Tabel Pengujian Black Box Work Order
Input Proses Output Hasil Uji
Pilih menu
work order – new work order
Create, edit work order Data berhasil ditambahkan, update data tersimpan Diterima Pilih menu work order – new work order
Print work order Data work order berhasil dicetak Diterima Pilih menu work order – new work order Authorize work order Work order berhasil di-authorize Diterima Pilih menu work order – athorized work order Edit authorize work order Update data tersimpan Diterima
Penjelasan Tabel 5.5 Pengujian black box untuk pengelolaan work
order dari melihat, menambahkan, mengubah, mencari, mencetak, dan
memberikan authorize pada work order semua hasil ujinya diterima. Pengujian black box untuk menu report, dashboard, home, dan
logout dapat dilihat pada Tabel 5.6 berikut ini:
Tabel 5.6 Tabel Pengujian Black Box Report, Dashboard, Home Dan Logout
Input Proses Output Hasil Uji
Pilih menu report Sortir kategori laporan yang diinginkan, save to excel
Tampil data laporan sesuai penyortiran, simpan laporan dalam bentuk excel (.xls) Diterima Pilih menu dashboard Lihat tampilan dashboard Data authorized
work order berhasil
ditampilkan Diterima Pilih button home Lihat tampilan home
Data hak akses pengguna berhasil ditampilkan
Diterima
Pilih button
logout
Proses logout Kembali ke menu
utama
Diterima
Penjelasan Tabel 5.6 Pengujian black box untuk pengelolaan work
order dari melihat, menambahkan, mengubah, mencari, mencetak, dan
memberikan authorize pada work order semua hasil ujinya diterima.