BAB IV IMPLEMENTASI DAN PENGUJIAN

Transkripsi

1 BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah tahap analisa dan tahap perancangan sistem aplikasi, maka tahap selanjutnya merupakan tahap implementasi. Akan dibahas mengenai tahap implementasi pembuatan basis data dan implementasi perancangan antar muka Sistem Pencatatan Service Point Office, menggunakan PHP MySQL dan diperlukan sebuah Web Server digunakan sebagai tempat penyimpanan program. Web server digunakan berupa XAMPP Apache dan MySQL sebagai database server, untuk membuka program, jalankan browser modern seperti Chrome atau Firefox dan ketik alamat dan mulai login. Implementasi dilakukan menggunakan sebuah perangkat komputer untuk pembuatan dan uji coba. Berikut spesifikasi perangkat keras sebagai berikut : Tabel 4.1 Spesifikasi Perangkat Keras Perangkat Keras Processor RAM Spesifikasi AMD QuadCore A M 4096 MB Graphic card AMD Radeon HD8610G Adapun perangkat lunak digunakan untuk melakukan implementasi pembuatan aplikasi ini adalah sebagai berikut : Tabel 4.2 Fungsi perangkat lunak Perangkat Lunak Fungsi Windows 10 Pro 64-bit Notepad++ Sistem Operasi IDE untuk scripting PHP 55

2 56 Tabel 4.3 Lanjutan Fungsi perangkat lunak Perangkat Lunak Xampp ( Apache & MySql) Microsoft Word 2013 Fungsi Web Server & Database Server Dokumentasi dan penulisan 4.2 Implementasi Basis Data Implementasi basis data digunakan untuk aplikasi ini disesuaikan class diagram. Pada gambar berikut dapat dilihat bahwa tabel dirancang terpasang sesuai kebutuhan : Implementasi Tabel Cabang Gambar 4.1 Implementasi Tabel Basis Data CREATE TABLE `tbcabang` ( `kode_cabang` VARCHAR(20) NOT NULL, `nama_cabang` VARCHAR(50) NULL DEFAULT NULL, `alamat_cabang` VARCHAR(70) NULL DEFAULT NULL, `no_telpon_cabang` VARCHAR(15) NULL DEFAULT NULL, `manager_cabang` VARCHAR(20) NOT NULL, `no_telpon_manager` VARCHAR(15) NULL DEFAULT NULL, ` ` VARCHAR(30) NOT NULL, `status_kcp` CHAR(1) NOT NULL DEFAULT '1' COMMENT '1 Aktif, 0 Inactive (dihapus)', PRIMARY KEY (`kode_cabang`) ) COLLATE='latin1_swedish_ci' ENGINE=InnoDB ;

3 57 Gambar 4.2 Implementasi Tabel Cabang Implementasi Tabel SPO CREATE TABLE `tbspo` ( `kode_spo` VARCHAR(20) NOT NULL, `nama_spo` VARCHAR(50) NULL DEFAULT NULL, `alamat_spo` VARCHAR(70) NULL DEFAULT NULL, `no_telpon_spo` VARCHAR(15) NULL DEFAULT NULL, `manager_spo` VARCHAR(20) NOT NULL, `no_telpon_manager` VARCHAR(15) NULL DEFAULT NULL, ` ` VARCHAR(30) NOT NULL, `kode_cabang` VARCHAR(20) NOT NULL, `status_spo` CHAR(1) NOT NULL DEFAULT '1' COMMENT '1 Aktif, 0 Inactive (dihapus)', PRIMARY KEY (`kode_spo`), INDEX `fk_spo_cabang` (`kode_cabang`), CONSTRAINT `fk_spo_cabang` FOREIGN KEY (`kode_cabang`) REFERENCES `tbcabang` (`kode_cabang`) ON UPDATE CASCADE ) COLLATE='latin1_swedish_ci' ENGINE=InnoDB ;

4 58 Gambar 4.3 Implementasi Tabel SPO Implementasi Tabel User CREATE TABLE `tbuser` ( `userlogin` VARCHAR(20) NOT NULL, `passwd` CHAR(32) NOT NULL, `nama_karyawan` VARCHAR(50) NULL DEFAULT NULL, `nik` VARCHAR(20) NULL DEFAULT NULL, `role_karyawan` VARCHAR(9) NOT NULL, `kode_cabang` VARCHAR(20) NOT NULL, `status_karyawan` CHAR(1) NOT NULL, PRIMARY KEY (`userlogin`), INDEX `fk_user_cabang` (`kode_cabang`), CONSTRAINT `fk_user_cabang` FOREIGN KEY (`kode_cabang`) REFERENCES `tbcabang` (`kode_cabang`) ON UPDATE CASCADE ) COLLATE='latin1_swedish_ci' ENGINE=InnoDB ;

5 59 Gambar 4.4 Implementasi Tabel User Implementasi Tabel Header Transaksi CREATE TABLE `tbtrans_hdr` ( ìdtrans_hdr` VARCHAR(12) NOT NULL, `tanggal_upload` DATETIME NOT NULL, ùserlogin` VARCHAR(20) NOT NULL, `kode_spo` VARCHAR(20) NOT NULL, `status` CHAR(1) NOT NULL, PRIMARY KEY (ìdtrans_hdr`), INDEX `fk_hdr_userlogin` (ùserlogin`), INDEX `fk_hdr_spo` (`kode_spo`), CONSTRAINT `fk_hdr_spo` FOREIGN KEY (`kode_spo`) REFERENCES `tbspo` (`kode_spo`) ON UPDATE CASCADE, CONSTRAINT `fk_hdr_userlogin` FOREIGN KEY (ùserlogin`) REFERENCES `tbuser` (ùserlogin`) ON UPDATE CASCADE ) COLLATE='latin1_swedish_ci' ENGINE=InnoDB ; Gambar 4.5 Implementasi Tabel Header Transaksi

6 Implementasi Tabel Detail Transaksi CREATE TABLE `tbtrans_dtl` ( ìdtrans_dtl` INT(11) NOT NULL AUTO_INCREMENT, ìdtrans_hdr` VARCHAR(20) NOT NULL DEFAULT '0', `nama_tk` VARCHAR(100) NOT NULL DEFAULT '0', `no_kpj` VARCHAR(50) NOT NULL DEFAULT '0', `tanggal_pengajuan` DATETIME NOT NULL, `tanggal_status` DATETIME NOT NULL, `tanggal_dokumen` DATE NOT NULL, `status_dokumen` VARCHAR(50) NOT NULL, `no_agenda` VARCHAR(50) NOT NULL, `no_penetapan` VARCHAR(50) NULL DEFAULT NULL, `nominal_bersih` DECIMAL(16,2) NULL DEFAULT '0.00', `no_rekening_debet` VARCHAR(25) NULL DEFAULT '0', `no_rekening_tujuan` VARCHAR(25) NULL DEFAULT '0', `tanggal_pencarian` DATE NULL DEFAULT NULL, `kode_cabang` VARCHAR(5) NOT NULL DEFAULT '0', `nama_cabang` VARCHAR(20) NOT NULL DEFAULT '0', `kantor_cabang` VARCHAR(20) NOT NULL DEFAULT '0', `status` VARCHAR(50) NOT NULL DEFAULT '0', `created_user` VARCHAR(20) NOT NULL DEFAULT '0', PRIMARY KEY (ìdtrans_dtl`), INDEX `fk_dtl_hdr` (ìdtrans_hdr`), CONSTRAINT `fk_dtl_hdr` FOREIGN KEY (ìdtrans_hdr`) REFERENCES `tbtrans_hdr` (ìdtrans_hdr`) ON UPDATE CASCADE ) COLLATE='latin1_swedish_ci' ENGINE=InnoDB ; Gambar 4.6 Implementasi Tabel Detail Transaksi

7 Implementasi Relasi Tabel Gambar 4.7 Implementasi Relasi Tabel 4.3 Implementasi Antar Muka Aplikasi Implementasi Antar Muka Login Pada saat aplikasi dijalankan, maka akan muncul login. Pada form ini pengguna diwajibkan mengisi username dan password. Antar muka login menampilkan logo BPJS Ketenagakerjaan dan textbox username dan password berfungsi untuk pengecekan hak akses. Gambar 4.8 Implementasi Antar Muka Login

8 Implementasi Antar Muka Dashboard Setelah proses login berhasil maka pengguna diarahkan menuju dashboard sesuai role masing-masing. Untuk dashboard admin menampilkan menu User, Cabang dan SPO. Masing-masing menu berfungsi melakukan manajemen master. Gambar 4.9 Implementasi Antar Muka Dashboard Admin Dashboard keuangan menampilkan menu Upload berfungsi untuk upload data laporan SPO. Gambar 4.10 Implementasi Antar Muka Dashboard Keuangan

9 63 Dashboard pelayanan menampilkan menu pencarian dan klaim JHT berfungsi untuk penarikan data SPO. Gambar 4.11 Implementasi Antar Muka Dashboard Keuangan Implementasi Antar Muka Cabang Untuk menu cabang menampilkan grid cabang dari BPJSTK menggunakan sistem pencatatan SPO ini, grid menampilkan detail nama, alamat, nomor telepon dan manager cabang. Serta terdapat tombol create cabang berfungsi untuk menambah cabang. Gambar 4.12 Implementasi Antar Muka Indeks Cabang

10 64 Ketika tombol create ditekan maka akan menampilkan form tambah cabang, di dalam form tersebut terdapat textbox data cabang ingin di buat seperti kode, nama, alamat, nomor telepon, manager dan nomor telepon manager dan . Gambar 4.13 Implementasi Antar Muka Form Cabang Implementasi Antar Muka SPO Untuk menu SPO menampilkan grid SPO terdaftar dalam sistem pencatatan SPO ini, grid menampilkan detail kode, nama, alamat, manager dan nomor telepon. Serta terdapat tombol create SPO berfungsi untuk menambah SPO. Gambar 4.14 Implementasi Antar Muka Indeks SPO

11 65 Ketika tombol create ditekan maka akan menampilkan form tambah SPO, di dalam form tersebut terdapat textbox data SPO ingin di buat seperti kode, nama, nomor telepon, manager dan nomor telepon manager, cabang SPO terdaftar dan . Gambar 4.15 Implementasi Antar Muka Form SPO Implementasi Antar Muka User Untuk menu User menampilkan grid User terdaftar dalam sistem pencatatan SPO ini, grid menampilkan detail username, nama, nik, dan role. Serta terdapat tombol create User berfungsi untuk menambah User. Gambar 4.16 Implementasi Antar Muka Indeks User

12 66 Ketika tombol create ditekan maka akan menampilkan form tambah User, di dalam form tersebut terdapat textbox data User ingin di buat seperti username,password, nama, NIK, role, dan cabang User terdaftar. Gambar 4.17 Implementasi Antar Muka Form User Implementasi Antar Muka Upload Untuk menu upload pada bagian keuangan, akan menampilkan grid riwayat data SPO diupload sebelum nya, detail data antara lain ID upload hasil generate, tanggal upload, user melakukan upload dan kode SPO. Gambar 4.18 Implementasi Antar Muka Indeks Upload

13 67 Ketika tombol Create Upload ditekan maka akan menampilkan form upload, terdapat tombol pilih file dropdown SPO sesuai cabang terdaftar oleh user keuangan. Gambar 4.19 Implementasi Antar Muka Form Upload Implementasi Antar Muka Pencarian Untuk menu pencarian di bagian pelayanan, akan menampilkan form pencarian berbagai kriteria berdasarkan data diupload oleh keuangan. Kriteria tersebut antara lain, nama, nomor kartu, bank SPO, cabang, dan nomor rekening. Gambar 4.20 Implementasi Antar Muka Form Pencarian

14 68 Untuk hasil pencarian menampilkan nomor upload, nama tenaga kerja, nomor KPJ, nomor agenda, nomor penetapan, tanggal pengajuan, tanggal status, dan tanggal dokumen, dan bisa di export dalam bentuk excel atau pdf. Gambar 4.21 Implementasi Antar Muka Hasil Pencarian Implementasi Antar Muka Klaim JHT Untuk menu klaim JHT di bagian pelayanan, akan menampilkan form pencarian klaim JHT berbagai kriteria berdasarkan data diupload oleh keuangan. Kriteria tersebut antara lain tanggal mulai, tanggal selesai dan cabang SPO. Gambar 4.22 Implementasi Antar Muka Klaim JHT 4.4 Verifikasi Pengujian Pengujian perlu dilakukan untuk menguji sistem / aplikasi telah dibuat apakah sesuai rancangan awal atau tidak. Pengujian akan dilakukan yaitu menguji semua proses pada semua yaitu login, Menu Admin, Keuangan, Pelayanan, Upload SPO, Pencarian Data,

15 69 Penarikan Data Klaim JHT, dan Manajemen data master cabang, SPO dan pengguna 4.5 Skenario Pengujian Uji coba dilakukan setelah pembuatan perangkat lunak selesai percobaan pada komputer tampilan pengguna. Dengan melakukan uji coba ini dapat dilakukan untuk mengetahui kemungkinan terjadinya kesalahan dan untuk memastikan fungsi-fungsi terdapat pada modul-modul aplikasi ini apakah berjalan baik. Dalam proses pengujiannya metode digunakan adalah black box. Metode ini dipilih karena pengetesan cukup mengetahui semua fungsi fungsi ada dalam sistem berjalan tanpa ada kesalahan dan tidak memerlukan pengetesan secara detail / logis. Tabel 4.4 Skenario pengujian Black Box No Antar Muka Bagian antar muka diuji 1. Login Proses input form login di 2. Dashboard Menguji tampilan dashboard dan menu 3. Master Cabang Menguji tambah, edit dan hapus cabang Status Aplikasi login dashboard master cabang Skenario Pengujian Memasukan username dan password Pengecekan dashboard dan klik semua menu Memasukan data cabang ingin di tambah, edit atau hapus Hasil Data user login akan di cek, jika benar maka masuk ke utama, jika salah maka tidak bisa masuk utama menu dan dashboard sesuai jabatan user login Data cabang berhasil dieksekusi sesuai Hasil Pengujian

16 70 permintaan Tabel 4.5 Skenario pengujian Black Box lanjutan No Antar Muka 4. Master User 5. Master SPO 6. Halaman Upload SPO Bagian antar muka diuji Menguji tambah, edit dan hapus user Menguji tambah, edit dan hapus SPO Menguji fungsi upload file SPO Status Aplikasi master user master SPO upload SPO Skenario Pengujian Memasukan data user ingin di tambah, edit atau hapus Memasukan data SPO ingin di tambah, edit atau hapus Memasukan file SPO ingin disimpan Hasil Data user berhasil dieksekusi sesuai permintaan Data SPO berhasil dieksekusi sesuai permintaan File SPO berhasil di upload dan disimpan Hasil Pengujian 7. Halaman Pencarian Menguji fungsi pencarian pencarian Memasukan klasifikasi pencarian Menampilk an data sesuai klasifikasi pencarian 8. Halaman Klaim JHT Menguji fungsi klaim JHT klaim JHT Memasukan filter data untuk klaim JHT Menampilk an data klaim JHT sesuai filter

17 71 9. Export dokumen Menguji fungsi export hasil pencarian dan klaim JHT export Menekan tombol export data ditampilkan Berhasil export data ke excel 4.6 Analisa Hasil Pengujian Dari keseluruhan proses pengujian dapat dianalisa bahwa : 1. Koneksi ke basis data berhasil dilakukan sehingga proses berjalan sesuai. 2. Proses login berhasil dilakukan, memasukan username dan password sesuai maka aplikasi akan mengarahkan sesuai jabatan nya. 3. Proses CRUD (Create, Read, Update, Delete) untuk data master Cabang, User dan SPO berhasil dilakukan. 4. Proses Upload file SPO berhasil dilakukan oleh bagian keuangan 5. Proses Pencarian klasifikasi data berhasil dilakukan bagian pelayanan. 6. Proses klaim JHT berhasil dilakukan oleh bagian pelayanan. 7. Proses export hasil pencarian dan klaim JHT ke excel berhasil dilakukan.