63 BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Sistem Sistem ini dirancang menggunakan bahasa pemrograman PHP yang berjalan diatas protocol HTTP. Proses implementasi ini menggunakan tools pendukung sebagai berikut : 1. Web Server : Apache 2.0 2. Database : MySQL 3. Tools : Netbeans Dalam pembuatan program ini, penulismenggunakan XAMPP sebagai salah satu tools dalam menjalankan program ini, dengan bantuan Apache dan MySQL. Berikut ini adalah tahapan dalam instalasi program ini : 1. Download aplikasi XAMPP kemudian install sesuai dengan petunjuk yang ada 2. Jalankan fungsi Apache dan MySQL pada XAMPP tersebut 3. Buka Localhost/PHPMyAdmin 4. Klik databases lalu create database 5. Buat database dengan nama HR 6. Lalu import database tersebut dari file yang ada pada folder program ini 7. Jalankan aplikasi pada browser pada localhost/mobilisasi 8. Masukkan username dan password sesuai dengan role yang diberikan
64 4.2 Interface (Tampilan antar muka) Halaman awal adalah halaman login, dimana terdapat 3 field yang harus diisi, yaitu : username, password dan role akses. Gambar 4-1. Menu Login Setelah sistem selesai melakukan autentifikasi dan berhasil, maka tahap selanjutnya adalah masuk ke dalam halaman utama. Pada halaman ini terdapat menu-menu utama untuk melakukan setup guna membuat transaksi maupun melakukan input transaksi. Gambar 4-2. Menu Utama
65 Hal pertama yang dilakukan setelah selesai melakukan login adalah melakukan setup User Sistem, user sistem adalah menu untuk menambahkan user guna melakukan transaksi. Untuk dapat mengakses user sistem ini, role yang dapat melakukan adalah role Administrator. Gambar 4-3. Tampilan Menu User Sistem Pengguna juga dapat menambahkan data karyawan pada menu Employee List, pada menu ini semua data karyawan diinput sesuai dengan jabatan dan digunakan untuk mencatat kegiatan karyawan-karyawan tersebut dan keterlibatan karyawan tersebut pada project-project yang ditangani oleh perusahaan. Gambar 4-4. Tampilan Menu Employee List Tampilan awal Employee List berupa grid yang berisii summary data karyawan, untuk form lengkap dengan klik tombol Add New sehingga tampil form input employee.
66 Gambar 4-5. Tampilan Form Add Employee List Pada form inii semua data karyawan tersimpan, dari dataa pribadi hingga history pekerjaan sebelumnya. Selesai pengisian data karyawan tahap selanjutnya adalah melakukan setup terhadap master data, setup master data ini adalah datadata yang digunakan pada transaksi mobilisasi dan demobilisasi. Pada master data setting ini terdapat 4 sub-menu, yaitu : a. Mobilisasi via digunakan untuk membuat master data angkutan yang digunakan pada mobilisasi. Contoh : Pesawat Terbang, Kereta Api, Kendaraan Dinas, dan lainnya. Gambar 4-6. Tampilan sub-menu Mobilisasi Via
67 b. Schedule digunakan untuk melakukan pencatatan schedulee keberangkatan. Gambar 4-7. Tampilan sub-menu Schedule c. Departement digunakan untuk membuat master data departement induk karyawan tersebut. Gambar 4-8. Tampilan sub-menu Departement d. Posisi digunakan pada form employee list, posisi digunakan sebagai master data jabatan pada employee tersebut. Gambar 4-9. Tampilan sub-menu Posisi Tahap selanjutnya adalah menambahkan data project yang sedang ditangani oleh perusahaan, untuk role yang dapat melakukan input data project ini adalah Administrator dan HR Manager sesuai request dari project manager.
68 Gambar 4-10. Tampilan Menu Project Proses utamaa dalam program yang dibuat penulis adalah pencatatan karyawan yang terlibat pada suatu project secara real-time dan akurat guna membantu departemen human resource dalam melakukan management resource dan akurat dalam melakukan perhitungan jumlah uang yang harus dibayarkan kepada setiap karyawan yang terlibat pada project tersebut. Menu untuk melakukan pencatatan tersebut adalah menu Mobilisasi. Dimanaa pada menu ini, dibuat suatu pencatatan project beserta karyawan yang in-charge pada project tersebut. Gambar 4-11. Tampilan form input Mobilisasi Gambar 4-12. Tampilan data Mobilisasi yang sukses ditambahkan
69 Untuk menambahkann data karyawan yang terlibat klik tombol tampil form sebagai berikut : Ubah sehingga Gambar 4-13. Tampilan sub-form Edit data Mobilisasi Kemudian klik tombol Add Employee untuk menambahkan data karyawan. Gambar 4-14. Tampilan form edit data mobilisasi dengan data karyawan Pada saat awal pembuatan data mobilisasi statusnya adalah Open, ketika mobilisasi tersebut dijalankan maka dilakukan perubahan status mobilisasi tersebut menjadi Close dengan klik link Service Request dan ubah menjadi Close.
70 Gambar 4-15. Tampilan sub-form ubah status mobilisasi Setelah data mobilisasi sukses diubah status, maka dataa tersebut masuk pada menu Demobilisasi, pada saat mobilisasi karyawan yang terlibat pada mobilisasi namanya tidak akan muncul pada saat pemilihan karyawan pada pembuatan mobilisasi selanjutnya. Sesuai dengan manfaat pada aplikasi ini yaitu mempermudah HR Departement terutama HR Manager dalam mengelola resource yang ada, kedepannya dapat mempermudah HR Departemen dalam melakukan analisa kebutuhan tenaga kerja sesuai dengan banyaknya project yang dijalankan perusahaan. Demobilisasi berfungsi untuk membuat data karyawan yang ada pada mobilisasi kembali pada status available, dengan melakukan perubahan status pada demobilisasi tersebut. Klik service request pada demobilisasi yang sudah selesai dilakukan kemudian ubah status demobilisasi menjadi Close.
71 Gambar 4-16. Tampilan data demobilisasi yang berhasil diubah status menjadi close 4.3 Metode Pengujian Pengujian adalah tahap selanjutnya pada proses software development, dimana metode pengujian yang dilakukan pada aplikasi ini adalah metode Blackbox. Blackbox testing adalah metode pengujian yang terfokus pada hasil keluaran dari sebuah proses pengujian atau juga biasa disebut User Acceptance Test (UAT) Nama Aplikasi / Obyek UAT Aplikasi Pencatatan Mobilisasi dan Demobilisasi Karyawan Project Tujuan UAT Memastikan bahwa proses-proses aplikasi dapat dioperasionalkan. pada Fungsi button pada tiap-tiap menu berfungsi Pelaksana UAT Tanggal Pelaksanaan Penulis 12 Juli 2015
72 No. Menu Keterangan OK Hasil NOT OK 1. Login 2. Home 3. Mobilisasi 4. Add New pada Mobilisasi 5. Hapus pada Mobilisasi 6. Hapus pada Demobilisasi Mampu melakukan validasi berdasarkan 3 inputan, yaitu : Username, Password dan Role Access Mampu menampilkan halaman utama dari aplikasi tersebut Mampu menampilkan halaman mobilisasi Mampu menampilkan form input mobilisasi Mampu melakukan hapus data pada database table Mobilisasi Mampu melakukan hapus data pada database table Demobilisasi 7. Tambahkan baru pada Project Mampu menampilkan form input Project 8. Ubah pada Project 9. Hapus pada Project 10. Cari pada Employee List Mampu menampilkan form input sesuai dengan ID Project Mampu menghapus data project sesuai dengan ID yang dipilih Mampu melakukan pencarian data pada database sesuai dengan parameter yang dipilih 11. Add New pada Employee List Mampu menampilkan form input Employee List
73 12. Hapus Data Keluarga ini Pada Employee List Mampu menghapus data ke database table keluarga 13. Tambah Kolom Keluarga pada Employee List Mampu menampilkan list tambahan untuk input data keluarga 14. Hapus Data Pendidikan pada Employee List Mampu menghapus data ke database table pendidikan 15. Hapus Data Pekerjaan ini Pada Employee List Mampu menghapus data ke database table pekerjaan 16. Submit pada Employee List 17. Cancel pada Employee List 18. Add New pada User Sistem 19. Ubah pada User Sistem 20. Hapus pada User Sistem 21. Setting Mampu menyimpan data kedalam database Mampu kembal ipada form awal Employee List tanpa menyimpan record sebelumnya Mampu menampilkan form input user sistem Mampu menampilkan form input sesuai dengan ID User Sistem yang dipilih Mampu menghapus data User Sistem sesuai dengan ID yang dipilih Mampu menampilkan submenu
74