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
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
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 menampilkan 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
Gambar 5.2 Tampilan Menu Summary Dashboard 3. Tampilan Menu Lembur AI DIV/DEPT Pada bagian ini, dashboard menampilkan data Lembur AI DIV/DEPT
Gambar 5.3 Tampilan Menu Data Lembur AI DIV/DEPT
61
Gambar 5.4 Tampilan Grafik Data Lembur AI DIV/DEPT 4. Tampilan Menu Lembur AI Pada bagian ini, dashboard menampilkan data Lembur AI
Gambar 5.5 Tampilan Menu Data Lembur AI
62
Gambar 5.6 Tampilan Grafik Lembur AI 5. Tampilan Menu PDDN Pada bagian ini, dashboard menampilkan data PDDN
Gambar 5.7 Tampilan Menu Data PDDN 63
Gambar 5.8 Tampilan Grafik PDDN
64
6. Tampilan Menu PDLN Pada bagian ini, dashboard menampilkan data PDLN
Gambar 5.9 Tampilan Menu Data PDLN
65
Gambar 5.10 Tampilan Grafik PDLN 7. Tampilan Menu Komentar Pada bagian ini, dashboard menampilkan menu komentar dan form komentar
z Gambar 5.11 Tampilan Menu Komentar
66
8. Tampilan Menu Login Pada bagian ini, dashboard menampilkan menu form login
Gambar 5.12 Tampilan Menu Login 5.1.2 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
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 menampilkan 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
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 menampilkan menu edit (gambar 5.18), dan untuk menambah data (Gambar 5.19) admin dapat langsung memasukkan inputan data baru pada form tersebut.
69
Gambar 5.17 Tampilan Admin Lembur AI
Gambar 5.18 Tampilan Update Data Lembur AI
Gambar 5.19 Tampilan Tambah Data Lembur AI
70
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 menampilkan 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
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 menampilkan menu edit (gambar 5.24), dan untuk menambah data (Gambar 5.25) admin dapat langsung memasukkan inputan data baru pada form tersebut.
72
Gambar 5.23 Tampilan Admin PDLN
Gambar 5.24 Tampilan Update PDLN
73
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 SUKSES GAGAL
KETERANGAN
√
√
HASIL YANG DIHARAPKAN Sistem akan menampilkan Index dengan hak akses Admin. Sistem akan menampilkan Pop-up peringatan bahwa username atau password salah.
Tabel 5.1 Uji Form Login
2. Uji Form Komentar
KODE
D03
SKENARIO Mengisi komentar, maka komentar akan ditampilkan ke daftar komentar
HASIL SUKSES GAGAL
√
74
KETERANGAN
HASIL YANG DIHARAPKAN Sistem akan menampilkan Menu komentar yang telah teupdate dengan komentar baru.
D04
Mengisi form komentar dengan data kosong kemudian submit
√
Pesan yang keluar seharusnya data gagal dimasukan
Sistem akan menolak dengan mengeluarkan Pop-up peringatan bahwa data null.
Tabel 5.2 Uji Form Komentar
3. Uji Menu Summary Dashboard
KODE
D05
HASIL SUKSES GAGAL
SKENARIO Gambar grafik di klik, maka akan menampilkan grafik dengan resolusi gambar yang besar
KETERANGAN
√
HASIL YANG DIHARAPKAN Sistem akan menampilkan halaman spesifik dengan tampilan grafik lebih besar sesuai dengan grafik yang dipilih.
Tabel 5.3 Uji Menu Summary Dashboard
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
HASIL SUKSES GAGAL √
√
klik tombol tambah data, maka akan masuk ke menu tambah data.
√
Merubah data baru dan klik tombol update maka data & grafik akan berubah
√
75
KETERANGAN
HASIL YANG DIHARAPKAN Sistem menampilkan halaman Edit Data. Sistem akan menghapus data spesifik sesuai dengan pilihan admin. Sistem akan menampilkan halaman Tambah Data. Sistem akan menampilkan halaman dengan data yang telah terupdate.
D10
D11
Mengisi data baru dan klik tombol create maka data & grafik √ baru akan bertambah dan data masuk kedalam database Jumlah tahun, Apabila diisi oleh AI0000_personil, karakter keluaran AI0100_personil, yang dihasilkan AI0200_personil, adalah 0 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 Tabel 5.4 Uji Menu Lembur AI DIV/DEPT
Sistem akan menampilkan halaman dengan data yang telah bertambah (terupdate). Sistem akan 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
HASIL SUKSES GAGAL √
√
klik tombol tambah data, maka akan masuk ke menu tambah data.
√
Merubah data baru dan klik tombol update maka data & grafik akan berubah
√
76
KETERANGAN
HASIL YANG DIHARAPKAN Sistem menampilkan halaman Edit Data. Sistem akan menghapus data spesifik sesuai dengan pilihan admin. Sistem akan menampilkan halaman Tambah Data. Sistem akan menampilkan halaman dengan data yang telah terupdate.
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
√
Sistem akan menampilkan halaman dengan data yang telah bertambah (terupdate). Sistem akan mengisi data dengan null (0) bila isian tidak sesuai dengan tipe datanya.
Tabel 5.5 Uji Menu Lembur AI
6. Uji Menu PDDN
KODE
D12
D13
D14
D15
D16
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
Mengisi data baru dan klik tombol create maka data & grafik baru akan bertambah dan data masuk kedalam database
HASIL SUKSES GAGAL √
√
√
√
KETERANGAN
HASIL YANG DIHARAPKAN Sistem menampilkan halaman Edit Data. Sistem akan menghapus data spesifik sesuai dengan pilihan admin. Sistem akan menampilkan halaman Tambah Data. Sistem akan menampilkan halaman dengan data yang telah terupdate. Sistem akan menampilkan halaman dengan data yang telah bertambah (terupdate).
√
77
D17
Jumlah data tahun, jumlah_personil, jml_allw tidak bisa diisi selain oleh bilangan numerik
Apabila diisi oleh karakter keluaran yang dihasilkan adalah 0
√
Sistem akan mengisi data dengan null (0) bila isian tidak sesuai dengan tipe datanya.
Tabel 5.6 Uji Menu PDDN 7. Uji Menu PDLN
KODE
D12
D13
D14
D15
D16
D17
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
Mengisi data baru dan klik tombol create maka data & grafik baru akan bertambah dan data masuk kedalam database Jumlah data tahun, jumlah_personil, jml_allw_idr_to_usd, usd tidak bisa diisi selain oleh bilangan numerik
HASIL SUKSES GAGAL
KETERANGAN
√
√
√
√
HASIL YANG DIHARAPKAN Sistem menampilkan halaman Edit Data. Sistem akan menghapus data spesifik sesuai dengan pilihan admin. Sistem akan menampilkan halaman Tambah Data. Sistem akan menampilkan halaman dengan data yang telah terupdate. Sistem akan menampilkan halaman dengan data yang telah bertambah (terupdate).
√
Apabila diisi oleh karakter keluaran yang dihasilkan adalah 0
√
Tabel 5.7 Uji Menu PDLN
78
Sistem akan mengisi data dengan null (0) bila isian tidak sesuai dengan tipe datanya.
8. Uji Form Logout
KODE
D30
HASIL SUKSES GAGAL
SKENARIO klik tombol logout maka akan muncul peringatan
KETERANGAN
√
HASIL YANG DIHARAPKAN Sistem akan menampilkan Pop-up peringatan konfirmasi logout (OK dan Cancel).
Tabel 5.8 Uji Form Logout
9. Uji Form Manajemen Komentar
KODE
D31
D32
HASIL SUKSES GAGAL
SKENARIO
KETERANGAN
√
Menghapus Komentar
Muncul peringatan saat komentar akan diihapus
√
Seharusnya muncul peringatan persetujuan data akan dihapus
Tabel 5.9 Uji Form Manajemen Komentar
79
HASIL YANG DIHARAPKAN Sistem akan menghapus komentar dan menampilkan halaman manajemen komentar dengan data yang telah terupdate. Sistem akan mengeluarkan Pop-up peringatan konfirmasi penghapusan komentar.
