BAB V IMPLEMENTASI DAN PENGUJIAN

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 http://digilib.mercubuana.ac.id/

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 Training 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.


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 Training


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


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


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


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 Form 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.


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 Training

Gambar 5. 12 Tampilan Antarmuka Master Training


Pada menu Master Training 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 Training

Gambar 5. 13 Tampilan-Antarmuka Tambah Data Training Berikut adalah tampilan form untuk menambahkan data training baru, terdiri dari ID Training, 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 mengosongkan isian form, dan tabel tutup untuk membatalkan penambahan data.


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 mengosongkan isian form, dan tabel tutup untuk membatalkan penambahan data.


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


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 mengosongkan 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 Training

Gambar 5. 19 Tampilan Antarmuka Review Training


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 Training dimana menu tersebut adalah hak akses dari Peserta


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 Uji Coba 5.2.1.1 Skenario Uji Coba Login Id. Uji 1

Nama Uji Login dengan mengosongkan mandatory field

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 mengosongkan field

dengan mandatory

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

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.

Tabel 5. 1 Skenario Uji Coba-Login 5.2.1.2 Id. Uji 1

Skenario Uji Coba Master Training

Nama Uji Tambah data training dengan mengosongkan mandatory field

Fungsi yang Diuji Form tambah data training

Skenario Menambahkan data training dengan mengosongkan mandatory field pada form tambah data training

  

2

Tambah data training dengan mengisi mandatory field

Form tambah data training

Mengisi form tambah data training dengan mengisi mandatory field


 

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

3

Ubah data training dengan mengosongkan mandatory field

Form ubah data training

Merubah data training pada form ubah data training dengan mengosongkan mandatory field

4

Ubah data training dengan tidak mengosongkan mandatory field


Merubah data training pada form ubah data training dengan tidak mengosongkan mandatory field

 Data muncul pada list training  Muncul tanda peringatan  Sistem tidak merubah data pada database  Muncul pesan berhasil  Sistem merubah data pada database

Tabel 5. 2 Skenario Uji Coba Kelola Master Training

5.2.1.3 Id. Uji 1

Skenario Uji Coba Kelola Registrasi Training

Registrasi Training dengan mengisi mandatory field.

Fungsi yang Diuji Menu Registrasi Training

2

Registrasi Training dengan mengosongkan mandatory field

Menu Registrasi Training

Mengisi form training mengosongkan field

3

Tampil Status Registrasi Training

4

Membatalkan training

Halaman Status Registrasi Form status training

Melihat status training dengan mengklik menu status registrasi Membatalkan registrasi training dengan menekan tombol “Cancel”

Nama Uji

registrasi

Skenario Mengisi form registrasi training dengan mengisi madatory field

registrasi dengan madatory

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

Tabel 5. 3 Skenario Uji Coba-Kelola Data Peserta


5.2.1.4

Skenario Uji Coba Kelola Master Role

1

Tampil Data Role

2

Tambah data Role dengan mengosongkan mandatory field

Fungsi yang Diuji Menu Master Role Form tambah data Role

3

Tambah data Role dengan mengisi mandatory field

Form tambah data Role

Mengisi form tambah data Role dengan mengisi madatory field

4

Ubah data Role dengan mengosongkan mandatory field

Form ubah data Role

5

Ubah data Role dengan tidak mengosongkan mandatory field

Form ubah data Role

6

Hapus data Role

Data Role

Mengubah data Role pada form ubah data Role dengan mengosongkan madatory field Mengubah data Role pada form ubah data Role dengan tidak mengosongkan madatory field Menghapus data Role

Id. Uji

Nama Uji

Skenario

Hasil yang Diharapkan

Pilih menu “Master Role” Mengisi form tambah data Role dengan mengosongkan madatory field

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  Muncul pesan konfirmasi  Jika “Ya” maka sistem menghapus data dari database. Jika “Tidak” maka data tidak terhapus

Tabel 5. 4 Skenario Uji Coba-Kelola Master Role

5.2.1.5 Id. Uji 1 2

Skenario Uji Coba Kelola Master Kategori Nama Uji

Tampil Data Kategori Training Tambah data Kategori Training dengan mengosongkan mandatory field

Fungsi yang Diuji Menu Master Kategori Form tambah data Kategori

Skenario Pilih menu Kategori”

Hasil yang Diharapkan “Master

Sistem menampilkan data Kategori Training

Mengisi form tambah data Kategori mengosongkan madatory field

 Muncul pesan peringatan  Sistem tidak menyimpan data pada database  Data tidak muncul


3

Tambah data Kategori Training dengan mengisi mandatory field

Form tambah data Kategori

Mengisi form tambah data Kategori dengan mengisi madatory field

Ubah data Kategori Training dengan mengosongkan mandatory field

Form ubah data Kategori

5

Ubah data Kategori Training dengan tidak mengosongkan mandatory field

Form ubah data Kategori

6

Hapus data Training

Data Kategori

Mengubah data Kategori pada form ubah data Kategori dengan mengosongkan madatory field Mengubah data Kategori pada form ubah data Kategori dengan tidak mengosongkan madatory field Menghapus data Kategori

4

Kategori

    

pada daftar data Kategori Training. Muncul pesan berhasil Sistem menyimpan data pada database Data muncul pada daftar data Kategori Training Muncul pesan peringatan Sistem tidak merubah data pada database

 Muncul pesan berhasil  Sistem merubah data pada database  Muncul pesan konfirmasi  Jika “Ya” maka sistem menghapus data dari database. Jika “Tidak” maka data tidak terhapus

Tabel 5. 5 Skenario Uji Coba-Kelola Master Kategori

5.2.1.6

Skenario Uji Coba Kelola Master User

1

Tampil Data User

2

Tambah data User dengan mengosongkan mandatory field

Fungsi yang Diuji Menu Master User Form tambah data User

3

Tambah data User dengan mengisi mandatory field

Form tambah data User

Mengisi form tambah data User dengan mengisi madatory field

4

Ubah data User dengan mengosongkan mandatory field

Form ubah data User

Mengubah data User pada form ubah data User dengan mengosongkan madatory

Id. Uji

Nama Uji

Skenario Pilih menu “Master User” Mengisi form tambah data User dengan mengosongkan madatory field


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

5

Ubah data User dengan tidak mengosongkan mandatory field

Form ubah data User

6

Hapus data User

Data User

field Mengubah data User pada form ubah data User dengan tidak mengosongkan madatory field Menghapus data User

data pada database  Muncul pesan berhasil  Sistem merubah data pada database  Muncul pesan konfirmasi  Jika “Ya” maka sistem menghapus data dari database. Jika “Tidak” maka data tidak terhapus

Tabel 5. 6 Skenario Uji Coba Kelola Master User

5.2.1.7 Id. Uji 1 2

Skenario Uji Coba Review Training

Nama Uji Tampil Data Review Training Review Training

Fungsi yang Diuji Menu Review Training Form Review Training

3

Approve Training

Form Review Training

4

Reject Training

Form Review Training

Skenario Pilih menu Training”

Hasil yang Diharapkan “Review

Sistem menampilkan data Training yang akan di review oleh Approver

Klik link pada email atau klik menu “Review Training” yang ada pada Menu Approver User melakukan approve Training dengan mengklik tombol “Approve”

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. User melakukan reject  Sistem melakukan update status training dengan mengklik training dan tanggal reject pada tombol “Reject” 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.

Tabel 5. 7Skenario Uji Coba Review Training


5.2.2 Hasil Uji Coba 5.2.2.1 Id. Uji 1 2

Hasil Uji Coba Login Nama Uji

Fungsi yang Diuji

Skenario

Login dengan mengosongkan mandatory field Login dengan username atau password yang salah

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

User login dengan mengosongkan mandatory field

3

Login dengan username dan password yang salah

4

Login dengan username dan password yang benar

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

Hasil Pengujian SUKSES SUKSES SUKSES SUKSES

Tabel 5. 8 Hasil Uji Coba-Login

5.2.2.2

1

2 3

4

1

Id. Uji

Hasil Uji Coba Kelola Master Training Nama Uji

Fungsi yang Diuji

Skenario

Tambah data training dengan mengosongkan mandatory field


Tambah data training dengan mengisi mandatory field Ubah data training dengan mengosongkan mandatory field


Ubah data training dengan tidak mengosongkan mandatory field Tambah data training dengan mengosongkan mandatory field


Menambahkan data training dengan mengosongkan mandatory field pada form tambah data training Mengisi form tambah data training dengan mengisi mandatory field Merubah data training pada form ubah data training dengan mengosongkan mandatory field Merubah data training pada form ubah data training dengan tidak mengosongkan mandatory field Menambahkan data training dengan mengosongkan mandatory field pada form tambah data training



Tabel 5. 9 Hasil Uji Coba Kelola Master Training


Hasil Pengujian SUKSES

SUKSES SUKSES

SUKSES

SUKSES

5.2.2.3

1

Id. Uji

2 3

Hasil Uji Coba Kelola Registrasi Training Nama Uji

Registrasi Training dengan mengisi mandatory field. Registrasi Training dengan mengosongkan mandatory field Tampil Status Registrasi Training

4

Membatalkan training

1

Registrasi Training dengan mengisi mandatory field. Registrasi Training dengan mengosongkan mandatory field

2

registrasi

Fungsi yang Diuji Menu Registrasi Training Menu Registrasi Training Halaman Status Registrasi Form training

status

Menu Registrasi Training Menu Registrasi Training

Skenario Mengisi form registrasi training dengan mengisi madatory field Mengisi form registrasi training dengan mengosongkan madatory field Melihat status training dengan mengklik menu status registrasi Membatalkan registrasi training dengan menekan tombol “Cancel” Mengisi form registrasi training dengan mengisi madatory field Mengisi form registrasi training dengan mengosongkan madatory field

Hasil Pengujian SUKSES SUKSES SUKSES SUKSES SUKSES SUKSES

Tabel 5.10 Hasil Uji Coba-Kelola Registrasi Training

5.2.2.4

1 2 3 4 5

6

Id. Uji

Hasil Uji Coba Kelola Master Role Nama Uji

Fungsi yang Diuji

Skenario

Tampil Data Role Tambah data Role dengan mengosongkan mandatory field Tambah data Role dengan mengisi mandatory field Ubah data Role dengan mengosongkan mandatory field Ubah data Role dengan tidak mengosongkan mandatory field

Menu Master Role Form tambah data Role

Hapus data Role

Data Role

Pilih menu “Master Role” Mengisi form tambah data Role dengan mengosongkan madatory field Mengisi form tambah data Role dengan mengisi madatory field Mengubah data Role pada form ubah data Role dengan mengosongkan madatory field Mengubah data Role pada form ubah data Role dengan tidak mengosongkan madatory field Menghapus data Role

Form tambah data Role Form ubah data Role Form ubah data Role

Tabel 5. 11 Hasil Uji Coba Kelola Master Role


Hasil Pengujian SUKSES SUKSES SUKSES SUKSES SUKSES

SUKSES

5.2.2.5

1

Id. Uji

2

3 4

5

6

Hasil Uji Coba Kelola Master Kategori Nama Uji

Tampil Data Kategori Training Tambah data Kategori Training dengan mengosongkan mandatory field Tambah data Kategori Training dengan mengisi mandatory field Ubah data Kategori Training dengan mengosongkan mandatory field Ubah data Kategori Training dengan tidak mengosongkan mandatory field Hapus data Kategori Training

Fungsi yang Diuji Menu Master Kategori Form tambah data Kategori Form tambah data Kategori Form ubah data Kategori Form ubah data Kategori Data Kategori

Skenario Pilih menu “Master Kategori”


Mengisi form tambah data Kategori mengosongkan madatory field

SUKSES

Mengisi form tambah data Kategori dengan mengisi madatory field Mengubah data Kategori pada form ubah data Kategori dengan mengosongkan madatory field Mengubah data Kategori pada form ubah data Kategori dengan tidak mengosongkan madatory field Menghapus data Kategori

SUKSES SUKSES

SUKSES

SUKSES

Tabel 5. 12 Hasil Uji Coba-Kelola Master Kategori

5.2.2.6

1 2 3 4 5

6

Id. Uji

Hasil Uji Coba Kelola Master User Nama Uji

Tampil Data User Tambah data User dengan mengosongkan mandatory field Tambah data User dengan mengisi mandatory field Ubah data User dengan mengosongkan mandatory field Ubah data User dengan tidak mengosongkan mandatory field Hapus data User

Fungsi yang Diuji Menu Master User Form tambah data User Form tambah data User Form ubah data User Form ubah data User Data User

Skenario Pilih menu “Master User”


Mengisi form tambah data User dengan mengosongkan madatory field Mengisi form tambah data User dengan mengisi madatory field

SUKSES

Mengubah data User pada form ubah data User dengan mengosongkan madatory field Mengubah data User pada form ubah data User dengan tidak mengosongkan madatory field

SUKSES

Menghapus data User

SUKSES

Tabel 5. 13 Hasil Uji Coba-Kelola Master User


SUKSES

SUKSES

5.2.2.7 Id. Uji 1

Hasil Uji Coba Review Training

Nama Uji

2

Tampil Data Review Training Review Training

3

Approve Training

4

Reject Training

1 2

Tampil Data Review Training Review Training

3

Approve Training

Fungsi yang Diuji Menu Review Training Form Review Training Form Review Training Form Review Training Menu Review Training Form Review Training Form Review Training

Skenario Pilih menu “Review Training”


Klik link pada email atau klik menu “Review Training” yang ada pada Menu Approver User melakukan approve Training dengan mengklik tombol “Approve” User melakukan reject training dengan mengklik tombol “Reject” Pilih menu “Review Training”

SUKSES

Klik link pada email atau klik menu “Review Training” yang ada pada Menu Approver User melakukan approve Training dengan mengklik tombol “Approve”

SUKSES

Tabel 5. 14 Hasil Uji Coba Review Training


SUKSES SUKSES SUKSES

SUKSES

BAB V IMPLEMENTASI DAN PENGUJIAN

Recommend Documents