BAB V IMPLEMENTASI DAN PENGUJIAN 5.1 Implementasi Setelah sistem dianalisis dan di desain secara rinci, maka akan menuju tahap implementasi. Implementasi merupakan tahap meletakkan sistem sehingga siap untuk dioperasikan. Implementasi bertujuan untuk mengkonfirmasi modul-modul perancangan, sehingga pengguna dapat memberikan masukan kepada pembangun sistem. 5.1.1 Batasan Implementasi Sistem operasi yang digunakan pada pembuatan aplikasi ini menggunakan Windows 10, sedangkan untuk browser yang digunakan adalah Google Chrome. Tidak ada alasan khusus mengapa pembuatan aplikasi ini menggunakan sistem operasi dan browser tersebut, penulis hanya terbiasa menggunakan sistem operasi dan browser tersebut dan khawatir jika aplikasi tidak berjalan sebagaimana mestinya jika menggunakan sistem operasi dan browser lain. 5.1.2 Spesifikasi Kebutuhan Sistem Perangkat keras dan perangkat lunak yang digunakan untuk melakukan implementasi dan pengujian aplikasi yaitu sebagai berikut : 1. Laptop 2. Processor Intel (R) Celeron (R) CPU N2840 3. RAM 2Gb 4. Monitor 10 Sedangkan untuk perangkat lunak yang digunakan untuk mengimplemetasikan sistem adalah sebagai berikut: 1. Sistem Operasi Window 10 Pro 64-bit 2. XAMPP v3.2.1 49
3. Notepad++ 4. Google Chrome 5.1.3 Implementasi Database Pembuatan database dilakukan dengan menggunakan aplikasi yang terdapat dalam paket instalasi XAMPP. Berikut akan dijelaskan langkah-langkah pembuatan database Aplikasi Manajemen di Bank ABC. 1. Buka aplikasi XAMPP Control Panel dan nyalakan service Apache dan Mysql nya. Gambar 5. 1 Tampilan-XAMPP 3.2.1 Running State 2. Masuk ke browser Google Chrome dan ketikkan pada address bar : localhost/phpmyadmin untuk dapat masuk ke database engine XAMPP dan mulai membuat database. 50
Gambar 5. 2 Tampilan-Halaman Awal phpmyadmin 3. Create database dengan nama nida terlebih dahulu dengan perintah query berupa CREATE DATABASE nida atau melalui GUI yang disediakan oleh phpmyadmin. 4. Selanjutnya buat tabel training dengan struktur sebagai berikut. Gambar 5. 3 Tampilan Tabel 51
5. Lalu buat tabel daftar dengan struktur sebagai berikut. Gambar 5. 4 Tampilan Tabel Daftar 6. Buat tabel role dengan struktur sebagai berikut. Gambar 5. 5 Tampilan Tabel Role 52
7. Buat tabel status dengan struktur sebagai berikut. Gambar 5. 6 Tampilan Tabel Status 8. Buat tabel kategori dengan struktur sebagai berikut. Gambar 5. 7 Tampilan Tabel Kategori 53
9. Buat tabel level dengan struktur sebagai berikut. Gambar 5. 8 Tampilan Tabel Level 10. Buat tabel user dengan struktur sebagai berikut. Gambar 5. 9 Tampilan Tabel User 54
5.1.4 Implementasi Antarmuka Antar muka adalah bentuk realisasi dari aplikasi yang dibuat berdasarkan aplikasi yang dibangun yang merupakan tampilan sebenarnya saat seseorang membuka / menjalankan aplikasi tersebut, Dalam aplikasi ini, dirancang bentuk antar muka hasil realisasi sebagai berikut : 5.1.4.1 Tampilan Antarmuka Login Gambar 5. 10 Tampilan Antarmuka Login Untuk memulai menggunakan aplikasi, Anda diharuskan untuk login terlebih dahulu. Hal ini dapat Anda lakukan dengan membuka peramban web Anda (Mozilla Firefox atau Google Chrome atau Internet Explorer atau Safari) sampai muncul halaman login. Lalu masukkan Alamat Email dan Password yang sudah Anda dapatkan dari Administrator. Setelah berhasil masuk, Anda akan di arahkan sesuai dengan role. Adapun role tersebut dibagi menjadi 3 yaitu Administrator, Approver, dan Peserta, yang masing-masing memiliki akses penuh yang berbeda-beda. 55
5.1.4.2 Tampilan Antarmuka Halaman Utama Admin Gambar 5. 11 Tampilan Antarmuka Halaman Utama Admin Pada halaman utama Admin, terdapat 3 menu master yaitu master training, master kategori, dan master user dimana ketiga menu tersebut adalah hak akses dari Administrator. 5.1.4.3 Tampilan Antarmuka Master Gambar 5. 12 Tampilan Antarmuka Master 56
Pada menu Master ini, seorang Admnistrator dapat menambahkan data training yang akan dilaksakan dengan menekan tombol tambah pada bagian bawah form, serta dapat merubah dan menghapus data training yang sudah ada dengan menekan tombol pada kolom action. 5.1.4.3.1 Tampilan Antarmuka Tambah Data Gambar 5. 13 Tampilan-Antarmuka Tambah Data Berikut adalah tampilan form untuk menambahkan data training baru, terdiri dari ID, kategori training, level training, judul training, tanggal pelaksanaan training, tanggal selesai training, alamat pelaksaan training, harga training, vendor, serta kapasitas training. Administrator dapat menambahkan data dengan menekan tombol submit di bawah, serta tombol reset untuk isian form, dan tabel tutup untuk membatalkan penambahan data. 57
5.1.4.4 Tampilan Antarmuka Master Kategori Gambar 5. 14 Tampilan-Antarmuka Master Kategori Pada menu Master Kategori ini, seorang Admnistrator dapat menambahkan data kategori training dengan menekan tombol tambah pada bagian bawah form, serta dapat merubah dan menghapus data training yang sudah ada dengan menekan tombol pada kolom action. 5.1.4.4.1 Tampilan Antarmuka Tambah Data Kategori Gambar 5. 15 Tampilan Antarmuka Tambah Kategori Berikut adalah tampilan form untuk menambahkan kategori training baru, cukup dengan mengisi kategori training saja, lalu tekan tombol submit di bawah untuk menambahkan data, serta tombol reset untuk isian form, dan tabel tutup untuk membatalkan penambahan data. 58
5.1.4.5 Tampilan Antarmuka Master User Gambar 5. 16 Tampilan Antarmuka Master User Berikut ini adalah halaman user, halaman ini berfungsi untuk mengatur pengguna aplikasi. Pengguna dibedakan menjadi 3 akses: 1. Administrator, role ini memiliki akses penuh kepada aplikasi. 2. Approver, role ini memiliki akses penuh kepada modul review training, dimana seorang approver bertugas untuk me-review training yang sudah di pilih oleh peseta dan menentukan apakah training akan di approve atau di reject. 3. Peserta, role ini memiliki akses penuh kepada modul registrasi training, dan status training. 5.1.4.5.1 Tampilan Antarmuka Tambah Data User Gambar 5. 17 Tampilan Antarmuka Tambah Data User 59
Berikut adalah tampilan form untuk menambahkan user, isi username, password, email dan tentukan rolenya, kemudian tekan tombol submit di bawah untuk menambahkan data, serta tombol reset untuk isian form, dan tabel tutup untuk membatalkan penambahan data. 5.1.4.6 Tampilan Antarmuka Halaman Utama Approver Gambar 5. 18 Tampilan Antarmuka Halaman Utama Approver Pada halaman utama Approver, terdapat menu review training dimana menu tersebut adalah hak akses dari Approver. 5.1.4.6.1 Tampilan Antarmuka Review Gambar 5. 19 Tampilan Antarmuka Review 60
Berikut adalah tampilan form untuk me-review training sebelum training tersebut di approve, tekan tombol review pada kolom action, kemudian approver dapat mengambil keputusan terhadap training tersebut. 5.1.4.7 Tampilan Antarmuka Halaman Utama Peserta Gambar 5. 20 Tampilan Antarmuka Halaman Utama Peserta Pada halaman utama Peserta, terdapat menu Registrasi dimana menu tersebut adalah hak akses dari Peserta 61
5.2 Pengujian Setelah tahap implementasi, maka tahap selanjutnya adalah tahap pengujian. Pengujian program aplikasi ini dilakukan dengan metode Black Box testing. Metode Black Box ini merupakan pengujian program berdasarkan fungsi dari program. Tujuan dari metode Black Box testing ini adalah untuk menemukan kesalahan fungsi pada program. 5.2.1 Skenario Coba 5.2.1.1 Skenario Coba Login Id. Nama 1 Login dengan 2 Login dengan username atau password yang salah 3 Login dengan username dan password yang salah 4 Login dengan username dan password yang benar Fungsi yang Diuji Field username dan password pada form login Field username atau password pada form login Field username dan password pada form login Field username dan password pada form login Skenario User login dengan mandatory field User login dengan memasukkan username atau password yang salah User login dengan memasukkan username dan password yang salah User login dengan memasukkan username dan password yang benar Tabel 5. 1 Skenario Coba-Login Hasil yang Diharapkan Muncul tanda peringatan dan sistem tidak akan menampilkan halaman utama. Muncul pesan gagal dan sistem tidak akan menampilkan halaman utama Muncul pesan gagal dan sistem tidak akan menampilkan halaman utama Login berhasil dan sistem menampilkan halaman utama. 5.2.1.2 Skenario Coba Master Id. Nama 1 Tambah data training dengan 2 Tambah data training dengan mengisi Fungsi yang Diuji tambah data training tambah data training Skenario Menambahkan data training dengan pada form tambah data training Mengisi form tambah data training dengan mengisi Hasil yang Diharapkan Muncul tanda peringatan Sistem tidak menyimpan data ke database Data tidak muncul pada list training Muncul pesan berhasil Sistem menyimpan data ke database 62
3 Ubah data training dengan 4 Ubah data training dengan tidak ubah data training ubah data training Merubah data training pada form ubah data training dengan Merubah data training pada form ubah data training dengan tidak Tabel 5. 2 Skenario Coba Kelola Master Data muncul pada list training Muncul tanda peringatan Sistem tidak merubah data pada database Muncul pesan berhasil Sistem merubah data pada database 5.2.1.3 Skenario Coba Kelola Registrasi Id. Nama 1 Registrasi dengan mengisi. 2 Registrasi dengan 3 Tampil Status Registrasi 4 Membatalkan registrasi training Fungsi yang Diuji Menu Registrasi Menu Registrasi Halaman Status Registrasi status training Skenario Mengisi form registrasi training dengan mengisi Mengisi form registrasi training dengan madatory field Melihat status training dengan mengklik menu status registrasi Membatalkan registrasi training dengan menekan tombol Cancel Tabel 5. 3 Skenario Coba-Kelola Data Peserta Hasil yang Diharapkan Muncul pesan berhasil Sistem menyimpan data pada database Data muncul pada halaman status registrasi Email notifikasi training terkirim ke approver Muncul pesan peringatan Sistem tidak menyimpan data pada database Data tidak muncul pada halaman status registrasi Sistem menampilkan status registrasi training Muncul pesan konfirmasi pembatalan Sistem merubah data pada database Email notifikasi training dibatalkan 63
Id. 5.2.1.4 Skenario Coba Kelola Master Role Nama Fungsi yang Diuji 1 Tampil Data Role Menu Master Role 2 Tambah data Role dengan 3 Tambah data Role dengan mengisi 4 Ubah data Role dengan 5 Ubah data Role dengan tidak tambah data Role tambah data Role ubah data Role ubah data Role Skenario Pilih menu Master Role Mengisi form tambah data Role dengan Mengisi form tambah data Role dengan mengisi Mengubah data Role pada form ubah data Role dengan madatory field Mengubah data Role pada form ubah data Role dengan tidak Hasil yang Diharapkan Sistem menampilkan data Role Muncul pesan peringatan Sistem tidak menyimpan data pada database Data tidak muncul pada daftar data Role. Muncul pesan berhasil Sistem menyimpan data pada database Data muncul pada daftar data Role Muncul pesan peringatan Sistem tidak merubah data pada database Muncul pesan berhasil Sistem merubah data pada database 6 Hapus data Role Data Role Menghapus data Role Muncul pesan konfirmasi Jika Ya maka sistem menghapus data dari database. Jika Tidak maka data tidak terhapus Tabel 5. 4 Skenario Coba-Kelola Master Role 5.2.1.5 Skenario Coba Kelola Master Kategori Id. Nama 1 Tampil Data Kategori 2 Tambah data Kategori dengan Fungsi yang Diuji Menu Master Kategori tambah data Kategori Skenario Pilih menu Master Kategori Mengisi form tambah data Kategori Hasil yang Diharapkan Sistem menampilkan data Kategori Muncul pesan peringatan Sistem tidak menyimpan data pada database Data tidak muncul 64
3 Tambah data Kategori dengan mengisi 4 Ubah data Kategori dengan 5 Ubah data Kategori dengan tidak 6 Hapus data Kategori tambah data Kategori ubah data Kategori ubah data Kategori Data Kategori Mengisi form tambah data Kategori dengan mengisi pada daftar data Kategori. Muncul pesan berhasil Sistem menyimpan data pada database Data muncul pada daftar data Kategori Muncul pesan peringatan Sistem tidak merubah data pada database Mengubah data Kategori pada form ubah data Kategori dengan madatory field Mengubah data Kategori Muncul pesan berhasil pada form ubah data Sistem merubah data Kategori dengan tidak pada database madatory field Menghapus data Kategori Muncul pesan konfirmasi Jika Ya maka sistem menghapus data dari database. Jika Tidak maka data tidak terhapus Tabel 5. 5 Skenario Coba-Kelola Master Kategori 5.2.1.6 Skenario Coba Kelola Master User Id. Nama Fungsi yang Diuji 1 Tampil Data User Menu Master User 2 Tambah data User dengan 3 Tambah data User dengan mengisi 4 Ubah data User dengan tambah data User tambah data User ubah data User Skenario Pilih menu Master User Mengisi form tambah data User dengan Mengisi form tambah data User dengan mengisi Mengubah data User pada form ubah data User dengan madatory Hasil yang Diharapkan Sistem menampilkan data User Muncul pesan peringatan Sistem tidak menyimpan data pada database Data tidak muncul pada daftar data User. Muncul pesan berhasil Sistem menyimpan data pada database Data muncul pada daftar data User Muncul pesan peringatan Sistem tidak merubah 65
5 Ubah data User dengan tidak ubah data User field Mengubah data User pada form ubah data User dengan tidak data pada database Muncul pesan berhasil Sistem merubah data pada database 6 Hapus data User Data User Menghapus data User Muncul pesan konfirmasi Jika Ya maka sistem menghapus data dari database. Jika Tidak maka data tidak terhapus Tabel 5. 6 Skenario Coba Kelola Master User 5.2.1.7 Skenario Coba Review Id. Nama 1 Tampil Data Review 2 Review 3 Approve 4 Reject Fungsi yang Diuji Menu Review Review Review Review Skenario Pilih menu Review Klik link pada email atau klik menu Review yang ada pada Menu Approver User melakukan approve dengan mengklik tombol Approve User melakukan reject training dengan mengklik tombol Reject Tabel 5. 7Skenario Coba Review Hasil yang Diharapkan Sistem menampilkan data yang akan di review oleh Approver Muncul data training yang akan di review untuk selanjutnya diapprove/direject Sistem melakukan update status training, dan tanggal approve pada database Email notifikasi approve training terkirim ke peserta Status training berubah menjadi Approve Tanggal Approve muncul beserta waktu approve sesuai dengan waktu dan tanggal tombol Approve diklik. Sistem melakukan update status training dan tanggal reject pada database Email notifikasi reject training terkirim ke peserta Status training berubah menjadi Reject Tanggal Reject muncul beserta waktu reject sesuai dengan waktu dan tanggal tombol Reject diklik. 66
5.2.2 Hasil Coba 5.2.2.1 Hasil Coba Login Id. Nama Fungsi yang Diuji Skenario Hasil Pengujian 1 Login dengan Field username dan User login dengan password pada form login 2 Login dengan username atau password yang salah Field username atau password pada form User login dengan memasukkan username atau password yang 3 Login dengan username dan password yang salah 4 Login dengan username dan password yang benar login Field username dan password pada form login Field username dan password pada form login Tabel 5. 8 Hasil Coba-Login salah User login dengan memasukkan username dan password yang salah User login dengan memasukkan username dan password yang benar 5.2.2.2 Hasil Coba Kelola Master Id. Nama Fungsi yang Diuji Skenario Hasil Pengujian 1 Tambah data training tambah data Menambahkan data training dengan training dengan pada form tambah data training 2 Tambah data training tambah data Mengisi form tambah data dengan mengisi training training dengan mengisi 3 Ubah data training ubah data Merubah data training pada dengan training form ubah data training dengan 4 Ubah data training ubah data Merubah data training pada dengan tidak training form ubah data training dengan tidak 1 Tambah data training tambah data Menambahkan data training dengan training dengan pada form tambah data training Tabel 5. 9 Hasil Coba Kelola Master 67
5.2.2.3 Hasil Coba Kelola Registrasi Id. Nama 1 Registrasi dengan mengisi. 2 Registrasi dengan 3 Tampil Status Registrasi 4 Membatalkan registrasi training 1 Registrasi dengan mengisi. 2 Registrasi dengan Fungsi yang Diuji Menu Registrasi Menu Registrasi Halaman Status Registrasi training status Menu Registrasi Menu Registrasi Skenario Mengisi form registrasi training dengan mengisi Mengisi form registrasi training dengan Melihat status training dengan mengklik menu status registrasi Membatalkan registrasi training dengan menekan tombol Cancel Mengisi form registrasi training dengan mengisi Mengisi form registrasi training dengan Tabel 5.10 Hasil Coba-Kelola Registrasi Hasil Pengujian 5.2.2.4 Hasil Coba Kelola Master Role Id. Nama Fungsi yang Diuji Skenario Hasil Pengujian 1 Tampil Data Role Menu Master Role Pilih menu Master Role 2 Tambah data Role tambah data Mengisi form tambah data dengan Role Role dengan 3 Tambah data Role dengan mengisi 4 Ubah data Role dengan 5 Ubah data Role dengan tidak tambah data Role ubah data Role ubah data Role Mengisi form tambah data Role dengan mengisi Mengubah data Role pada form ubah data Role dengan Mengubah data Role pada form ubah data Role dengan tidak madatory field 6 Hapus data Role Data Role Menghapus data Role Tabel 5. 11 Hasil Coba Kelola Master Role 68
5.2.2.5 Hasil Coba Kelola Master Kategori Id. Nama 1 Tampil Data Kategori 2 Tambah data Kategori dengan 3 Tambah data Kategori dengan mengisi 4 Ubah data Kategori dengan 5 Ubah data Kategori dengan tidak 6 Hapus data Kategori Fungsi yang Diuji Menu Master Kategori tambah data Kategori tambah data Kategori ubah data Kategori ubah data Kategori Skenario Pilih menu Master Kategori Mengisi form tambah data Kategori Mengisi form tambah data Kategori dengan mengisi Mengubah data Kategori pada form ubah data Kategori dengan Mengubah data Kategori pada form ubah data Kategori dengan tidak Hasil Pengujian Data Kategori Menghapus data Kategori Tabel 5. 12 Hasil Coba-Kelola Master Kategori 5.2.2.6 Hasil Coba Kelola Master User Id. Nama Fungsi yang Diuji 1 Tampil Data User Menu Master User 2 Tambah data User tambah dengan data User 3 Tambah data User tambah dengan mengisi data User 4 Ubah data User ubah data dengan User 5 Ubah data User ubah data dengan tidak User Skenario Pilih menu Master User Mengisi form tambah data User dengan madatory field Mengisi form tambah data User dengan mengisi Mengubah data User pada form ubah data User dengan Mengubah data User pada form ubah data User dengan tidak Hasil Pengujian 6 Hapus data User Data User Menghapus data User Tabel 5. 13 Hasil Coba-Kelola Master User 69
5.2.2.7 Hasil Coba Review Id. Nama Fungsi yang Diuji 1 Tampil Data Menu Review Review 2 Review Review 3 Approve Review 4 Reject Review 1 Tampil Data Menu Review Review 2 Review Review 3 Approve Review Skenario Pilih menu Review Klik link pada email atau klik menu Review yang ada pada Menu Approver User melakukan approve dengan mengklik tombol Approve User melakukan reject training dengan mengklik tombol Reject Pilih menu Review Klik link pada email atau klik menu Review yang ada pada Menu Approver User melakukan approve dengan mengklik tombol Approve Tabel 5. 14 Hasil Coba Review Hasil Pengujian 70