93 BAB IV IMPLEMENTASI SISTEM 4.1 Implementasi Sistem Pada bab ini akan dilakukan implementasi dan pengujian terhadap sistem. Tahapan ini dilakukan setelah perancangan selesai dilakukan dan selanjutnya akan diimplementasikan pada bahasa pemrograman. Setelah diimplementasikan maka dilakukan pengujian terhadap sistem yang telah dibangun apakah sistem telah sesuai dengan tujuannya atau tidak. 4.1.1 Implementasi Perangkat Keras Perangkat keras yang digunakan untuk mengimplementasikan Sistem Monitoring Proyek Fire Extinguisher (Firepro) Berbasis Web pada PT. Api Pratama Abadiadalah sebagai berikut: Processor : Intel Core i3-4005u (1.70 GHz, 3M Cache) RAM : 4GB DDR3L Harddisk : 500GB 4.1.2 Implementasi Perangkat Lunak Perangkat lunak yang digunakan untuk mengimplementasikan Sistem Monitoring Proyek Fire Extinguisher (Firepro) Berbasis Web pada PT. Api Pratama Abadi adalah sebagai berikut: Windows 7 (64 bit) Xampp Versi 3.2.2 Web Browser Sublime Text 3 MySQL Versi 5.7 PHP Versi 7.0.13
94 4.2 Implementasi Database Implementasi database menjelaskan basis data dari sistem yang menggunakan Database Management System (DBMS). Query SQL, dan XAMPP yang berfungsi sebagai database server dan web server yang digunakan dalam implementasi sistem Sistem Monitoring Proyek Fire Extinguisher (Firepro) Berbasis Web pada PT. Api Pratama Abadi adalah sebagai berikut: 4.2.1 Tabel customers Gambar 4.1 Tabel Customers
95 4.2.2 Tabel employee Gambar 4.2 Tabel Employee 4.2.3 Tabel payments Gambar 4.3 Tabel Payment
96 4.2.4 Tabel users Gambar 4.4 Tabel Users 4.2.5 Tabel products Gambar 4.5 Tabel Products
97 4.2.6 Tabel productsstock Gambar 4.6 Tabel Products Stock 4.2.7 Tabel projectsdetails Gambar 4.7 Tabel Projects Details
98 4.2.8 Tabel projects Gambar 4.8 Tabel Projects 4.2.9 Tabel projectsnotes Gambar 4.9 Tabel Project Notes
99 4.2.10 Tabel projectbast Gambar 4.10 Tabel Project BAST 4.3 User Interface Design User Interface design atau disebut juga dengan tampilan layar antar muka yang dari bab sebelumnya telah dirancang, maka di bab ini akan di implementasikan dengan memberikan gambarannya secara lebih jelas. Adapun hasil user interface design adalah sebagai berikut: 4.3.1 Menu Login Menu Login digunakan oleh user untuk masuk ke dalam aplikasi sistem Monitoring. Sebelum login user diminta untuk mengisi Username dan Password dengan benar. Gambar 4.11 Tampilan Halaman Login
100 4.3.2 Dashboard Admin Halaman utama atau Dashboard adalah halaman yang muncul pertama kali setelah user berhasil melakukan login dan didalamnya bisa dilihat terdapat banyak menu yaitu, Menu Dashboard, Customers, Product, Employee, Projects, Payment, Change Password, dan Logout Gambar 4.12 Tampilan Halaman Utama Admin 4.3.3 Customers Halaman customers menampilkan list customers yang sudah pernah di input sebelumnya, pada list customer juga menampilkan menu edit untuk mengupdate informasi customer dan menu delete. Gambar 4.13 Tampilan Halaman List Customers
101 4.3.4 Mengelola Customers Pada halaman ini admin mampu menambahkan customers baru dengan mengisi form add customers dengan baik dan benar dan jika customer sudah pernah di input sebelumnya, maka customers tersebut tidak akan bisa di input kembali. Gambar 4.14 Tampilan Halaman Add Customers 4.3.5 Product Halaman ini menampilkan list product beserta stocknya untuk memudahkan user mengetahui ketersediaan jumlah suatu barang yang dibutuhkan dalam pekerjaan project. Gambar 4.15 Tampilan List Product
102 4.3.6 Mengelola Product Halaman ini digunakan untuk menambahkan product baru, dengan menginput nama product, memilih kategori satuan product yaitu, unit, pak, lot. Kemudian mengisi jumlah qty nya, dan jika menginput nama product yang sudah pernah di input sebelumnya, maka product tersebut tidak bisa di input kembali. Gambar 4.16 Tampilan Halaman Add Product 4.3.7 Stock Adjustment Halaman ini menampilkan rincian product yang stock nya telah berhasil di kurangi atau di tambahkan. Gambar 4.17 Tampilan Halaman List Stock Adjustment
103 4.3.8 Mengelola Stock Adjustment Halaman ini untuk mengatur stock product dengan meng adjust nya menambahkan atau mengurangi stock, jika tanpa menceklist maka product akan mengurang karna dimaksud out product ataupun sebaliknya jika di ceklist maka product akan in atau bertambah, dan disana juga bisa ditambahkan remarks untuk mengetahui alasan bertambah dan berkurangnya stock. Gambar 4.18 Tampilan Halaman Mengelola Stock 4.3.9 Employee Halaman ini menampilkan list employee atau user yang dapat mengakses aplikasi disana terdapat menu edit untuk mengupdate informasi user dan menu delete untuk menghapus account user. Gambar 4.19 Tampilan Halaman List Employee
104 4.3.10 Mengelola Employee Halaman ini untuk menambahkan employee atau user account baru dengan mengisi nama lengkap karyawan, memilih role atau divisi employee, memilih gender, dan mengisi username dan password sesuai yang yang dikehendaki oleh employee Gambar 4.20 Tampilan Halaman Add Employee 4.3.11 Project Halaman ini menampilkan rincian project untuk mengetahui informasi project dan progress dari statusnya, pada halaman ini terdapat menu edit supaya admin bisa mengupdate informasi mengenai project yang telah di input sebelumnya, atau tombol detail untuk mengetahui informasi project yang lebih detail lagi. Gambar 4.21 Tampilan Halaman List Project
105 4.3.12 Mengelola Project Halaman ini untuk menambahkan project baru kedalam sistem dengan memilih customers yang sudah tersedia dalam daftar, mengisi no po dari customers, nama project, alamat project, cp project, dan remarks untuk memberikan catatan kepada spv dan teknisi perihal project tersebut. Dan tidak lupa mengisi project order detail yang dibutuhkan untuk project tersebut beserta quantity nya. Gambar 4.22 Tampilan Halaman Add Project 4.3.13 Add Product Project Halaman ini berisi list product beserta rincian stocknya yang akan ditambahkan pada project order details, admin tidak bisa menginput qty melebihi stock qty. Gambar 4.23 Tampilan Halaman List Product Project
106 4.3.14 Payment Halaman ini menampilkan list project beserta detail payment nya yang mana sesuai SOP perusahaan pembayaran hanya dilakukan dengan 3 termin, jika customers telah melakukan DP atau payment 1 maka product yang dimasukan dalam project order detail akan berkurang secara otomatis. Gambar 4.24 Tampilan Halaman List Payment 4.3.15 Mengelola Payment Halaman ini digunakan untuk menchecklist payment yang telah dilakukan customers. Jika payment berhasil di update maka status payment pada list payment dan list project akan berubah menjadi paid secara otomatis. Gambar 4.25 Tampilan Halaman Add Payment
107 4.3.16 Dashboard SPV dan Teknisi Halaman ini adalah halaman utama yang akan mucul jika SPV dan Teknisi berhasil login, halaman ini berbeda tampilan dengan dashboard milik admin yang tidak memiliki banyak menu, pada halaman ini hanya memiliki menu yaitu, Dashboard, Product, Project View, Change Password, dan Logout. Gambar 4.26 Tampilan Halaman Utama SPV dan Teknisi 4.3.17 Project Complete Halaman ini adalah form untuk mengupload BAST setelah tombol validasi complete di tekan maka akan muncullah form ini untuk mengisi informasi selesainya pekerjaan, dengan mengisi tgl transaksi BAST, memilih teknisi siapa yang ttd di bast, dan PIC user yang juga menandatangani bast alias mengesahkan BAST bahwa pekerjaan telah selesai. Gambar 4.27 Project Complete
108 4.3.18 Report Halaman ini adalah khusus direktur untuk mengetahui report, dengan memilih tanggal mulai report hingga tanggal akhir report untuk mengetahui report yang di inginkan direktur. Gambar 4.28 Report 4.3.19 Change Password Halaman ini untuk mengubah password yang, dengan mengisi password lama kemudian mengisi password baru dan mengulangi pengisian password baru sebagai konfirmasi bahwa password baru yang di input sudah benar. Gambar 4.29 Tampilan Halaman Ubah Password
109 4.4 Pengujian Pengujian merupakan hal terpenting yang bertujuan untuk menemukan kesalahan-kesalahan atau kekurangan-kekurangan pada perangkat lunak yang akan di uji. Pengujian bermaksud untuk mengetahui perangkat lunak yang telah dibuat sudah sesuai kriteria dan sesuai dengan tujuan. 4.4.1 Metode Pengujian Metode pengujian yang akan dilakukan yaitu menggunakan pengujian blackbox. Black box testing yaitu menguji perangkat lunak dari segi spesifikasi fungsional tanpa menguji desain dan kode program. Pengujian dimaksudkan untuk mengetahui apakah fungsi-fungsi, masukan dan keluaran dari perangkat lunak sesuai dengan spesifikasi yang dibutuhkan. Pengujian kotak hitam dilakukan dengan membuat kasus uji yang bersifat mencoba semua fungsi dengan memakai perangkat lunak apakah sesuai dengan spesifikasi yang dibutuhkan. Rosa A. S. dan M. Shalahuddin (2013, p275) Tabel 4.1 Pengujian Aplikasi No Tampilan Skenario Skenario Pengujian Hasil yang diharapkan Hasil Pengujian 1 Menu Login Proses Login Memasukan username & Halaman utama akan muncul password Menu Melihat list 2 Customers Customers list Customers yang sudah list Customers yang di cari pernah dibuat sebelumnya Menu add Menambahkan Input data Data yang di 3 Customers baru Customers Customers baru input kemudian akan muncul pada list Customers
110 Menu Product Melihat list 4 Product list Product yang sudah list Product yang di cari pernah dibuat sebelumnya Menu add Menambahkan Input data Data yang di 5 Product baru Product Product baru input kemudian akan muncul pada list Product 6 Menu add Stock Menambahkan dan Mengurangi Menambah dan Mengurangi Stock barang berkurang atau Adjustment Stock Barang Stock Barang bertambah Menu Melihat list 7 Employee Employee list Employee yang sudah list Employee yang di cari pernah dibuat sebelumnya Menu add Menambahkan Input data Data yang di 8 Employee baru Employee Employee baru input kemudian akan muncul pada list Employee Menu Project Melihat list 9 Project list Project yang sudah list Project yang di cari pernah dibuat sebelumnya Menu add Menambahkan Input data Data yang telah 10 Project baru Project atau pekerjaan baru Project dengan detail beserta di input kemudian akan detail Product muncul pada list untuk Project Project
111 Menu Payment Melihat list 11 Payment list Payment yang sudah Payment Project yang berhasil di pernah di input perbaharui sebelumnya Menu add Menambahkan Checklist Payment yang 12 Payment Payment untuk Project Payment sesuai termin telah di checklist kemudian akan memperbaharui status Payment Menu Project Memvalidasi Menekan Setelah di Validation project baru tombol In validasi status untuk di Progress untuk project akan ter 13 progress dan memvalidasi memulai project/meneka update. project yang n tombol sudah selesai Complete untuk project yang telah selesai Menu Project Menambahkan Input data Setelah di Validation data project pekerjaan yang validasi 14 Compelete selesai telah selesai dan complete maka status project mengupload terupdate bast menjadi complete Menu Project Menambahkan Input informasi 15 Notes notes untuk project atau yang diperoleh sebagai laporan notes yang telah di input menginput progress project progress project
112 Menu Report Melihat semua Input tanggal Mendapatkan informasi report yang informasi kegiatan pada kemudian print mengenai 16 aplikasi untuk di check sebagai project bahan pengawasan project dari direktur Menu Change Mengubah Input old password 17 Password password lama ke password password dan new password berhasil di ubah baru 18 Menu LogOut Keluar dari aplikasi klik menu Logout halaman Login 4.4.2 Analisa Hasil Pengujian Berdasarkan hasil pengujian alpha (fungsional) dengan pendekatan metode black box. Pengujian alpha dilakukan apabila perangkat lunak digunakan sebagaimana mestinya, atau dengan kata lain ujicoba alpha dilakukan dalam lingkungan yang terkontrol. Dengan kasus uji diatas dapat ditarik kesimpulan sebagai berikut : 1. Jika data atau informasi yang di input adalah benar maka sistem secara fungsional akan mengeluarkan keluaran sesuai harapan. 2. Jika data atau informasi yang di input sudah salah maka sistem akan mengeluarkan pesan kesalahan dan data keluaran tidak akan sesuai dengan harapan. Dengan kata lain, bahwa pembangunan Sistem ini bebas kesalahan dan secara fungsional mengeluarkan hasil yang sesuai dengan yang diharapkan.