BAB V IMPLEMENTASI DAN PENGUJIAN. siap untuk dioperasikan. Dalam implementasi web dashboard lembur dan perjalanan dinas

Transkripsi

1 BAB V IMPLEMENTASI DAN PENGUJIAN 5.1 Implementasi Aplikasi Tahap implementasi sistem ini merupakan tahap meletakan sistem supaya dapat siap untuk dioperasikan. Dalam implementasi web dashboard lembur dan perjalanan dinas karyawan di Divisi Aircraft Integration PT. Dirgantara Indonesia. Ada beberapa tahapan implementasi sistem yang harus dijalankan diantaranya adalah : a. Persiapan sistem Langkah pertama yang harus dilakukan sebelum menuju ke konversi sistem yaitu mempersiapkan sistem terlebih dahulu, yang sebelumnya telah dijelaskan didalam bab III, mengenai kebutuhan hardware dan software sistem. b. Konversi sistem Tahap konversi sistem dilakukan setelah kode program selesai dibuat, penulisan script ke dalam desain program aplikasi web dengan bahasa pemrograman PHP. Penulisan script dimulai dengan mengkoneksikan database pada bahasa pemrograman PHP, kemudian pengolahan database pada umumnya seperti : script perintah tambah, simpan, edit, hapus data, dan penambahan modul JPGraph untuk merubah data menjadi grafik dan sarana pendukung telah dipersiapkan dengan baik, yaitu dengan merekam data-data yang diperlukan pada file baru, sehingga sistem yang baru siap untuk dioperasikan. 58

2 c. Pelatihan Tahapan selanjutnya adalah memberikan pelatihan kepada pengguna yang akan terlibat dengan sistem yang bersangkutan dengan memberikan petunjuk-petunjuk bagaimana sistem tersebut di operasikan, sehingga nantinya pengguna dapat mengoperasikan sistem yang baru sesuai dengan yang diharapkan. d. Pengujian sistem Tahap pengujian sistem merupakan tahap dilakukannya pengujian terhadap sistem yang baru, untuk meyakinkan bahwa sistem mampu bekerja secara optimal, tahap ini dilakukan setelah semua fasilitas tersedia yaitu Hardware, Software, sarana dan prasarana, serta sumber daya manusia yang telah diberikan pelatihan. Tujuan utamanya adalah untuk memastikan bahwa komponen-komponen sistem telah berfungsi sesuai dengan yang diharapkan. Pengujian sistem ini untuk memeriksa kekompakan antar komponen sistem dan pengujian pada program secara keseluruhan. Pengetesan program yang telah disatukan sangat perlu, hal ini untuk mengetahui apakah program dapat menerima input, memproses dan memberikan keluaran sesuai yang diharapkan e. Pengoperasian Pengoperasian sistem dapat dilakukan dengan cara pengoperasian secara parallel dimana sistem baru berjalan bersamaan dengan sistem yang lama untuk beberapa waktu tertentu. Setelah diyakini bahwa sistem baru berjalan seperti yang diharapkan, sistem lama diberhentikan dan digantikan secara keseluruhan dengan sistem yang baru. 59

3 5.1.1 Tampilan Menu Pengunjung/User 1. Tampilan Menu Utama (Index) Pada saat website dijalankan maka akan muncul beberapa menu utama seperti gambar dibawah ini, antara lain (Dashboard, Data Karyawan, Data Lembur, Perjalanan Dinas, Absen dan Berobat), menu utama ini dropdown yang beberapa menu tambahan. Gambar 5.1 Tampilan Menu Utama (Index) 2. Tampilan Menu Summary Dashboard Pada menu ini berisi summary dashboard, dimana semua data grafik utama ditampilkan sehingga user/pengunjung tidak perlu mencari grafik satu persatu, pada menu utama. 60

4 Gambar 5.2 Tampilan Menu Summary Dashboard 3. Tampilan Menu Lembur AI DIV/DEPT Pada bagian ini, dashboard data Lembur AI DIV/DEPT Gambar 5.3 Tampilan Menu Data Lembur AI DIV/DEPT 61

5 Gambar 5.4 Tampilan Grafik Data Lembur AI DIV/DEPT 4. Tampilan Menu Lembur AI Pada bagian ini, dashboard data Lembur AI Gambar 5.5 Tampilan Menu Data Lembur AI 62

6 Gambar 5.6 Tampilan Grafik Lembur AI 5. Tampilan Menu PDDN Pada bagian ini, dashboard data PDDN Gambar 5.7 Tampilan Menu Data PDDN 63

7 Gambar 5.8 Tampilan Grafik PDDN 64

8 6. Tampilan Menu PDLN Pada bagian ini, dashboard data PDLN Gambar 5.9 Tampilan Menu Data PDLN 65

9 Gambar 5.10 Tampilan Grafik PDLN 7. Tampilan Menu Komentar Pada bagian ini, dashboard menu komentar dan form komentar z Gambar 5.11 Tampilan Menu Komentar 66

10 8. Tampilan Menu Login Pada bagian ini, dashboard menu form login Gambar 5.12 Tampilan Menu Login Tampilan Menu Admin 1. Tampilan Manajemen Komentar Bagian ini berisi data komentar dari user, yang di atur oleh admin, admin dapat menghapus komentar user. Gambar 5.13 Tampilan Menu Manajemen Komentar 67

11 2. Tampilan Menu Admin Lembur AI DIV/DEPT Pada bagian ini berisi data Lembur AI DIV/DEPT, admin dapat menginput, mengedit dan menghapus data yang terdapat pada menu tersebut. Untuk mengupdate data sistem akan menu edit (gambar 5.15), dan untuk menambah data (Gambar 5.16) admin dapat langsung memasukkan inputan data baru pada form tersebut. Gambar 5.14 Tampilan Admin Data Lembur AI DIV/DEPT Gambar 5.15 Tampilan Update Data Lembur AI DIV/DEPT 68

12 Gambar 5.16 Tampilan Tambah Data Lembur AI DIV/DEPT 3. Tampilan Menu Admin Lembur AI Pada bagian ini berisi data Lembur AI, admin dapat menginput, mengedit dan menghapus data yang terdapat pada menu tersebut. Untuk mengupdate data sistem akan menu edit (gambar 5.18), dan untuk menambah data (Gambar 5.19) admin dapat langsung memasukkan inputan data baru pada form tersebut. 69

13 Gambar 5.17 Tampilan Admin Lembur AI Gambar 5.18 Tampilan Update Data Lembur AI Gambar 5.19 Tampilan Tambah Data Lembur AI 70

14 4. Tampilan Menu Admin PDDN Pada bagian ini berisi data PDDN, admin dapat menginput, mengedit dan menghapus data yang terdapat pada menu tersebut. Untuk mengupdate data sistem akan menu edit (gambar 5.21), dan untuk menambah data (Gambar 5.22) admin dapat langsung memasukkan inputan data baru pada form tersebut. Gambar 5.20 Tampilan Admin PDDN Gambar 5.21 Tampilan Update Data PDDN 71

15 Gambar 5.22 Tampilan Tambah Data PDDN 5. Tampilan Menu Admin PDLN Pada bagian ini berisi data PDDN, admin dapat menginput, mengedit dan menghapus data yang terdapat pada menu tersebut. Untuk mengupdate data sistem akan menu edit (gambar 5.24), dan untuk menambah data (Gambar 5.25) admin dapat langsung memasukkan inputan data baru pada form tersebut. 72

16 Gambar 5.23 Tampilan Admin PDLN Gambar 5.24 Tampilan Update PDLN 73

17 Gambar 5.25 Tampilan Tambah Data PDLN 5.2 Pengujian Sistem 1. Uji Form Login KODE D01 D02 SKENARIO klik tombol login maka akan masuk ke menu admin Jika username atau password salah maka muncul peringatan HASIL KETERANGAN SUKSES GAGAL Tabel 5.1 Uji Form Login HASIL YANG DIHARAPKAN Index dengan hak akses Admin. Pop-up peringatan bahwa username atau password salah. 2. Uji Form Komentar KODE D03 SKENARIO Mengisi komentar, maka komentar akan ditampilkan ke daftar komentar HASIL SUKSES GAGAL KETERANGAN HASIL YANG DIHARAPKAN Menu komentar yang telah teupdate dengan komentar baru. 74

18 D04 Mengisi form komentar dengan data kosong kemudian submit Tabel 5.2 Uji Form Komentar Pesan yang keluar seharusnya data gagal dimasukan menolak dengan mengeluarkan Pop-up peringatan bahwa data null. 3. Uji Menu Summary Dashboard KODE D05 SKENARIO Gambar grafik di klik, maka akan grafik dengan resolusi gambar yang besar HASIL SUKSES GAGAL KETERANGAN Tabel 5.3 Uji Menu Summary Dashboard HASIL YANG DIHARAPKAN halaman spesifik dengan tampilan grafik lebih besar sesuai dengan grafik yang dipilih. 4. Uji Menu Lembur AI DIV/DEPT KODE D06 D07 D08 D09 SKENARIO klik tombol edit, maka akan masuk ke menu edit data. klik tombol delete, maka data akan terhapus klik tombol tambah data, maka akan masuk ke menu tambah data. Merubah data baru dan klik tombol update maka data & grafik akan berubah HASIL SUKSES GAGAL KETERANGAN HASIL YANG DIHARAPKAN Sistem halaman Edit Data. menghapus data spesifik sesuai dengan pilihan admin. halaman Tambah Data. halaman dengan data yang telah terupdate. 75

19 D10 D11 Mengisi data baru dan klik tombol create maka data & grafik baru akan bertambah dan data masuk kedalam database Jumlah tahun, AI0000_personil, AI0100_personil, AI0200_personil, AI0300_personil, BI_personil, CI_personil, OI_personil, AI0000_lembur, AI0100_lembur, AI0200_lembur, AI0300_lembur, BI_lembur, CI_lembur, OI_lembur tidak bisa diisi selain oleh bilangan numerik Apabila diisi oleh karakter keluaran yang dihasilkan adalah 0 Tabel 5.4 Uji Menu Lembur AI DIV/DEPT halaman dengan data yang telah bertambah (terupdate). mengisi data dengan null (0) bila isian tidak sesuai dengan tipe datanya. 5. Uji Menu Lembur AI KODE D12 D13 D14 D15 SKENARIO klik tombol edit, maka akan masuk ke menu edit data. klik tombol delete, maka data akan terhapus klik tombol tambah data, maka akan masuk ke menu tambah data. Merubah data baru dan klik tombol update maka data & grafik akan berubah HASIL SUKSES GAGAL KETERANGAN HASIL YANG DIHARAPKAN Sistem halaman Edit Data. menghapus data spesifik sesuai dengan pilihan admin. halaman Tambah Data. halaman dengan data yang telah terupdate. 76

20 D16 D17 Mengisi data baru dan klik tombol create maka data & grafik baru akan bertambah dan data masuk kedalam database Jumlah data tahun, biaya_personil, jumlah_lembur tidak bisa diisi selain oleh bilangan numerik Apabila diisi oleh karakter keluaran yang dihasilkan adalah 0 Tabel 5.5 Uji Menu Lembur AI halaman dengan data yang telah bertambah (terupdate). mengisi data dengan null (0) bila isian tidak sesuai dengan tipe datanya. 6. Uji Menu PDDN KODE D12 D13 D14 D15 SKENARIO klik tombol edit, maka akan masuk ke menu edit data. klik tombol delete, maka data akan terhapus klik tombol tambah data, maka akan masuk ke menu tambah data. Merubah data baru dan klik tombol update maka data & grafik akan berubah HASIL SUKSES GAGAL KETERANGAN HASIL YANG DIHARAPKAN Sistem halaman Edit Data. menghapus data spesifik sesuai dengan pilihan admin. halaman Tambah Data. halaman dengan data yang telah terupdate. D16 Mengisi data baru dan klik tombol create maka data & grafik baru akan bertambah dan data masuk kedalam database halaman dengan data yang telah bertambah (terupdate). 77

21 D17 Jumlah data tahun, jumlah_personil, jml_allw tidak bisa diisi selain oleh bilangan numerik Tabel 5.6 Uji Menu PDDN Apabila diisi oleh karakter keluaran yang dihasilkan adalah 0 mengisi data dengan null (0) bila isian tidak sesuai dengan tipe datanya. 7. Uji Menu PDLN KODE D12 D13 D14 D15 SKENARIO klik tombol edit, maka akan masuk ke menu edit data. klik tombol delete, maka data akan terhapus klik tombol tambah data, maka akan masuk ke menu tambah data. Merubah data baru dan klik tombol update maka data & grafik akan berubah HASIL SUKSES GAGAL KETERANGAN HASIL YANG DIHARAPKAN Sistem halaman Edit Data. menghapus data spesifik sesuai dengan pilihan admin. halaman Tambah Data. halaman dengan data yang telah terupdate. D16 Mengisi data baru dan klik tombol create maka data & grafik baru akan bertambah dan data masuk kedalam database halaman dengan data yang telah bertambah (terupdate). D17 Jumlah data tahun, jumlah_personil, jml_allw_idr_to_usd, usd tidak bisa diisi selain oleh bilangan numerik Tabel 5.7 Uji Menu PDLN Apabila diisi oleh karakter keluaran yang dihasilkan adalah 0 mengisi data dengan null (0) bila isian tidak sesuai dengan tipe datanya. 78

22 8. Uji Form Logout KODE D30 SKENARIO klik tombol logout maka akan muncul peringatan HASIL KETERANGAN SUKSES GAGAL Tabel 5.8 Uji Form Logout HASIL YANG DIHARAPKAN Pop-up peringatan konfirmasi logout (OK dan Cancel). 9. Uji Form Manajemen Komentar KODE SKENARIO D31 Menghapus Komentar D32 Muncul peringatan saat komentar akan diihapus HASIL SUKSES GAGAL KETERANGAN Seharusnya muncul peringatan persetujuan data akan dihapus Tabel 5.9 Uji Form Manajemen Komentar HASIL YANG DIHARAPKAN menghapus komentar dan halaman manajemen komentar dengan data yang telah terupdate. mengeluarkan Pop-up peringatan konfirmasi penghapusan komentar. 79