BAB IV HASIL IMPLEMENTASI DAN PEMBAHASAN 4.1. Implementasi Sistem Pada tahap implementasi, merupakan tahapan penerapan dan pengujian dari aplikasi yang sudah dirancang. Penerapan rancangan yang telah dibuat dituangkan ke dalam bentuk kode pemrograman. Selain itu juga implementasi terhadap hasil dari analisis pada tahap perancangan dengan operasional perangkat lunak yang dibuat agar terjadi kesesuaian dalam kinerjanya. 4.2. Implementasi Perangkat Keras Pada proses pengujian software terdapat beberapa komponen pengujian yang harus diperhatikan, diantaranya adalah kebutuhan hardware dan software untuk pengujian. Di bawah ini adalah tabel kebutuhan hardware digunakan pada saat pengujian aplikasi Distribusi Barang Pada PT. STS : Tabel 4. 1Spesifikasi Perangkat Keras Kebutuhan Hardware Processor Memory (RAM) Hard Disk Drive Display Keyboard Mouse Spesifikasi Intel Core i5-4200m CPU @2.5GHz 4 GB DDR3 1 TB Nvidia Geforce 930M Standart US Version (embedded) Touchpad 4.3. Implementasi Perangakat Lunak Perangkat lunak yang digunakan untuk perancangan dan implementasi aplikasi ini memiliki spesifikasi sebagai berikut : Tabel 4. 2Spesifikasi Perangkat Lunak Kebutuhan Software Web Engine DB Engine Spesifikasi XAMPP (Apache) PHPMyadmin (MySQL)
Program Compiler Browser Adobe Dreamweaver Google Chrome 4.4. Tampilan Layar Berikut ini adalah tampilan layar yang telah dibuat sesuai dengan rancangan layar pada aplikasi Distribusi Barang Pada PT. STS. Tampilan dibawah ini merupakan tampilan aplikasi yang sudah berjalan: 4.4.1. Halaman Login Halaman login merupakan halaman yang melakukan otorisasi yang dilakukan oleh seorang user dengan memasukkan username dan password. Gambar 4. 1Halaman Login Berikut ini adalah table penjelasan dari gambar di atas : Tabel 4. 3 Tabel penjelasan login No. Field Keterangan 1 Username Tempat menampung username sebelum dilakukan otorisasi oleh sistem 2 Password Tempat menampung password sebelum dilakukan otorisasi oleh sistem
Terdapat beberapa user role yang akan digunakan dalam sistem Distribusi Barang Pada PT. STS ini. Masing masing username akan di-assign dalam satu user role. Berikut ini adalah user role yang terdapat di dalam sistem : 1. Sales, yaitu user role yang dapat melakukan pembuatan sales order untuk selanjutnya diproses oleh manager sales dan dibuatkan invoice terhadap sales order tersebut, hingga proses pembuatan surat jalan berawal dari sales order yang dibuat oleh sales. 2. Manager Sales, role user yang memiliki hak akses pada sales order yang telah diajukan oleh sales. Tugas utama seorang Manager Sales didalam sistem ini adalah untuk memberikan keputusan pada setiap pengajuan Sales Order yang diajukan oleh Sales. 3. Admin, yaitu user role yang memiliki akses untuk pembuatan invoice terhadap Sales Order yang telah disetujui oleh manager. Pembuatan invoice ini nantinya akan membutuhkan persetujuan oleh manager admin sebelum dilanjutkan ke proses selanjutnya. Admin juga melakukan pembuatan surat jalan terhadap pengajuan invoice yang sudah disetujui oleh manager admin 4.4.2. Halaman Utama Sales Setelah proses login sebagai sales berhasil dilakukan, maka akan tampil halaman utama pada aplikasi ini. Pada halaman ini, Sales dapat melihat daftar sales order yang sudah pernah dibuat. Pada menu Create Sales Order, Sales dapat melakukan pembuatan sales order.pada menu inventory, sales dapat melihat stok barang yang ada. Pada menu signature sales dapat melakukan pembuatan signature digital. Pada menu Customer, sales order dapat mengelola data customer Gambar 4. 2halaman utama Sales Berikut ini adalah table penjelasan dari gambar halaman utama Sales : Tabel 4. 4 Tabel penjelasan halaman utama Sales
No. Menu Keterangan 1 Create Sales Order Menu yang digunakan untuk melakukan pembuatan sales order 2 History Sales Order Menu yang digunakan untuk melihat daftar sales order yang sudah pernah dibuat 3 Inventory Menu yang digunakan untuk melihat stok barang yang ada 4 Signature Menu yang digunakan untuk melakukan pembuatan signature digital 5 Customer Menu yang digunakan untuk mengelola data customer 4.4.3. Halaman UtamaManager Sales Setelah proses login sebagai Manager Sales berhasil dilakukan, maka akan tampil halaman utama pada aplikasi ini. Pada menu data sales order membutuhkan persetujuan. Manager dapat memberikan persetujuan maupun menolaknya pada data tersebut. Gambar 4. 3halaman utamamanager Sales Berikut ini adalah table penjelasan dari gambar halaman utama Manager Sales : Tabel 4. 5 Tabel penjelasan halaman utama Sales No. Menu Keterangan 1 Sales Order Menu yang menampilkan daftar sales order yang diajukan oleh Sales sebelumnya 2 Inventory Menu yang digunakan untuk melihat data stok barang yang ada
3 Signature Menu yang dilakukan untuk pembuatan digital signature 4.4.4. Halaman Utama Admin Setelah proses login sebagai Admin berhasil dilakukan, maka akan tampil halaman utama pada aplikasi ini. Halaman awal menampilkan history sales order yang sudah disetujui oleh manager sales.hal tersebut dikarenakan hanya sales order yang disetujui oleh manager sales yang dapat masuk ke proses selanjutnya yakni proses pembuatan invoice. Proses pembuatan invoice juga dilakukan oleh admin yang nantinya akan membutuhkan persetujuan dari manager admin. Admin juga dapat membuat surat jalan atau delivery order melalui invoice yang sudah disetujui oleh manager admin. Pada menu signature, admin juga dapat melakukan pembuatan digital signature. Gambar 4. 4halaman utama Admin Berikut ini adalah table penjelasan dari gambar halaman utama Manager Sales : Tabel 4. 6 Tabel penjelasan halaman utama Admin No. Menu Keterangan 1 Sales Order Menu yang menampilkan daftar sales order yang telah disetujui oleh manager sales 2 Inventory Menu yang digunakan untuk melakukan pembuatan invoice melalui sales order yang telah disetujui oleh manager sales 3 Delivery Order Menu yang digunakan untuk melakukan pembuatan surat jalan melalui invoice yang telah disetujui oleh manager admin 4 Signature Menu yang dilakukan untuk pembuatan digital signature
4.4.5. Halaman Utama Manager Admin Setelah proses login sebagai Manager Admin berhasil dilakukan, maka akan tampil halaman utama pada aplikasi ini. Pada menu data invoice membutuhkan persetujuan. Manager dapat memberikan persetujuan maupun menolaknya pada data tersebut.. Gambar 4. 5halaman utama Manager Admin Berikut ini adalah table penjelasan dari gambar halaman utama Manager Admin : Tabel 4. 7 Tabel penjelasan halaman utama Admin No. Menu Keterangan 1 Invoice Menu yang digunakan untuk melakukan pembuatan invoice melalui sales order yang telah disetujui oleh manager sales 2 Signature Menu yang dilakukan untuk pembuatan digital signature 4.4.6. Halaman Utama Gudang Setelah proses login sebagai Gudang berhasil dilakukan, maka akan tampil halaman utama pada aplikasi ini. Pada menu data Delivery Order membutuhkan persetujuan. Gudangdapat memberikan persetujuan maupun menolaknya pada data tersebut. Gudang juga bertanggung jawab atas data inventory (stok barang)..
Gambar 4. 6halaman utama Manager Admin Berikut ini adalah table penjelasan dari gambar halaman utama Gudang : Tabel 4. 8 Tabel penjelasan halaman utama Gudang No. Menu Keterangan 1 Inventory Menu yang digunakan untuk melakukan pengelolaan data stok barang 3 Delivery Order Menu yang digunakan untuk melakukan persetujuan terhadap surat jalan yang telah diajukan oleh admin 4 Signature Menu yang dilakukan untuk pembuatan digital signature 4.4.7. Halaman Data Create Sales Order Berikut adalah tampilan data Create Sales Order Gambar 4. 7halaman data Create Sales Order
4.4.8. Halaman Data Inventory Berikut adalah tampilan data inventory. 4.4.9. Halaman Data sales order Berikut adalah tampilan data sales order Gambar 4. 8halaman data cuti Gambar 4. 9 halaman data reimburse 4.4.10. Halaman Data Signature Berikut adalah tampilan data Signature
Gambar 4. 10halaman data Signature 4.5. Metode Pengujian Pada metode pengujian ini akan dijelaskan apa saja yang akan dilakukan pada sistem aplikasi Distribusi Barang Pada PT. STS. Pengujian akan dilakukan dengan metode black box, artinya pengujian dilakukan dengan memperhatikan masukan dan keluaran sistem. Berikut ini adalah skenario pengujian yang akan dilakukan pada sistem aplikasi : 4.5.1. Pengujian Halaman Login Tabel 4. 9 Rencana pengujian halaman login Antarmuka Skenario uji Hasil yang diharapkan Hasil pengujian Tampil halaman menu utama Input Login (jika benar) Sesuai sesuai dengan tipe user Login Tampil konfirmasi bahwa Input Login (jika salah) Sesuai terdapat kesalahan 4.5.2. Pengujian Halaman Create Sales Order Tabel 4. 10Rencana pengujian halaman Sales Order Antarmuka Skenario uji Hasil yang diharapkan Hasil pengujian Akan muncul notifikasi yang Create Sales Input data sales order menginformasikandata sales Order (jika benar) order sudah tersimpan pada Sesuai sistem aplikasi
Input data sales order (jika salah) Tampil konfirmasi bahwa terdapat kesalahan Sesuai 4.5.3. Pengujian Halaman Pemrosesan Sales Order Tabel 4. 11Rencana pengujian halaman Pemrosesan Order Antarmuka Skenario uji Hasil yang diharapkan Hasil pengujian Accept Sales Order Akan muncul notifikasi yang menginformasikan data sales order berhasil di terima dan Sesuai Sales Order Reject Sales Order data sales order diubah statusnya menjadi Accepted Akan muncul notifikasi yang menginformasikan data sales order berhasil di tolak dan data sales order diubah statusnya menjadi Rejected. Sesuai 4.5.4. Pengujian Halaman Pemrosesan Invoice Tabel 4. 12Rencana pengujian halaman Pemrosesan Invoice Antarmuka Skenario uji Hasil yang diharapkan Hasil pengujian Accept Invoice Akan muncul notifikasi yang menginformasikan data invoice berhasil di terima dan Sesuai Invoice Reject Invoice data sales order diubah statusnya menjadi Accepted Akan muncul notifikasi yang menginformasikan data invoice berhasil di tolak dan data invoice diubah statusnya menjadi Rejected. Sesuai 4.5.5. Pengujian Halaman Pemrosesan Surat Jalan Tabel 4. 13Rencana pengujian halaman Pemrosesan Invoice Antarmuka Skenario uji Hasil yang diharapkan Hasil pengujian
Deliv. Order Accept Surat Jalan Reject Surat Jalan Akan muncul notifikasi yang menginformasikan data Surat Jalan berhasil di terima dan data sales order diubah statusnya menjadi Accepted Akan muncul notifikasi yang menginformasikan data Surat Jalan berhasil di tolak dan data Surat Jalan diubah statusnya menjadi Rejected. Sesuai Sesuai 4.6. Hasil Pengujian Berikut ini adalah hasil scenario pengujian berdasarkan scenario butir uji yang sudah dijabarkan pada sub bab sebelum nya. 4.6.1. Hasil Uji Halaman Login Pada saat login aplikasi harus menginputkan username dan password yang valid, berikut tampilan login yang berhasil dan masuk pada tampilan utama setiap user role. Gambar 4. 11Hasil uji login berhasil Berikut tampilan login gagal ketika tidak memasukkan username dan password atau username dan password tidak valid.
Gambar 4. 12 Hasil uji login gagal 4.6.2. Hasil Uji Halaman Create Sales Order Berikut tampilan input data Data Create Sales Order yang berhasil dengan kriteria harus memasukkan semua data pada setiap field data Data sales order dengan valid. Gambar 4. 13 Hasil uji data sales order sukses Berikut tampilan input data Data sales orderyang gagal dikarenakan semua field tidak diinputkan atau terjadi duplikasi data.
Gambar 4. 14 Hasil uji data sales order gagal 4.6.3. Hasil Uji Halaman Pemrosesan Sales Order Berikut tampilan pemrosesan sales order yang sukses disetujui. Ketika sales order disetujui oleh manager maka aplikasi akan menampilkan pop-up window berisikan informasi bahwa sales order berhasil disetujui. Selanjutnya aplikasi juga akan merubah status sales order menjadi accepted. Gambar 4. 15 Hasil uji data sales order sukses disetujui
Gambar 4. 16 Hasil uji data sales order berubah status setelah disetujui Gambar 4. 17 Hasil uji data sales order berubah status pada detail setelah disetujui Berikut tampilan pemrosesan sales order yang sukses ditolak Ketika sales order ditolak oleh manager maka aplikasi akan menampilkan pop-up window berisikan informasi bahwa sales order berhasil ditolak. Selanjutnya aplikasi juga akan merubah status sales order menjadi rejected. Gambar 4. 18 Hasil uji Data sales order gagal
Gambar 4. 19 Hasil uji data sales order berubah status setelah ditolak Gambar 4. 20 Hasil uji data sales order berubah status pada detail setelah disetujui 4.6.4. Hasil Uji Halaman Pemrosesan Invoice Berikut tampilan pemrosesan invoice yang sukses disetujui. Ketika invoice disetujui oleh manager maka aplikasi akan menampilkan pop-up window berisikan informasi bahwa invoice berhasil disetujui. Selanjutnya aplikasi juga akan merubah status invoice menjadi accepted.
Gambar 4. 21 Hasil uji data invoice sukses disetujui Gambar 4. 22 Hasil uji data invoice berubah status setelah disetujui Gambar 4. 23 Hasil uji data invoice berubah status pada detail setelah disetujui
Berikut tampilan pemrosesan invoice yang sukses ditolak Ketika invoice ditolak oleh manager maka aplikasi akan menampilkan pop-up window berisikan informasi bahwa invoice berhasil ditolak. Selanjutnya aplikasi juga akan merubah status invoice menjadi rejected. Gambar 4. 24 Hasil uji Data invoice gagal Gambar 4. 25 Hasil uji data invoice berubah status setelah ditolak Gambar 4. 26 Hasil uji data invoice berubah status pada detail setelah ditolak 4.6.5. Hasil Uji Halaman Pemrosesan Surat Jalan Berikut tampilan pemrosesan Surat Jalan yang sukses disetujui. Ketika Surat Jalan disetujui oleh manager maka aplikasi akan menampilkan pop-up window berisikan informasi bahwa Surat Jalan berhasil disetujui. Selanjutnya aplikasi juga akan merubah status Surat Jalan menjadi accepted.
Gambar 4. 27 Hasil uji data Surat Jalan sukses disetujui Gambar 4. 28 Hasil uji data Surat Jalan berubah status setelah disetujui Gambar 4. 29 Hasil uji data Surat Jalan berubah status pada detail setelah disetujui
Berikut tampilan pemrosesan Surat Jalan yang sukses ditolak Ketika Surat Jalan ditolak oleh manager maka aplikasi akan menampilkan pop-up window berisikan informasi bahwa Surat Jalan berhasil ditolak. Selanjutnya aplikasi juga akan merubah status Surat Jalan menjadi rejected. Gambar 4. 30 Hasil uji Data Surat Jalan gagal Gambar 4. 31 Hasil uji data Surat Jalan berubah status setelah ditolak Gambar 4. 32 Hasil uji data Surat Jalan berubah status pada detail setelah ditolak