BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah melakukan analisa dan perancangan secara rinci, maka tahap selanjutnya adalah implementasi. Implementasi merupakan tahap membuat aplikasi sehingga menjadi aplikasi yang siap untuk digunakan. Bahasa pemrograman yang digunakan dalam pembuatan aplikasi adalah PHP dan basis data yang digunakan adalah MySQL. 4.1.1 Perangkat Lunak Terdapat 2 jenis perangkat lunak yang digunakan dalam pembuatan aplikasi ini yaitu perangkat lunak yang digunakan dalam pengembangan aplikasi dan perangkat lunak yang digunakan dalam pengujian aplikasi. Perangkat lunak yang digunakan dalam pengembangan aplikasi adalah: 1. Notepad ++ 2. Dreamweaver 3. Framework CodeIgniter 4. PhpMyAdmin Dalam pengujian aplikasi penulis menggunakan beberapa web browser. Tujuan dari penggunaan beberapa web browser adalah menguji keseragaman tampilan dan fungsi pada web browser berbeda. Beberapa web browser yang digunakan adalah: 1. Mozilla 2. Google Chrome 4.1.2 Implementasi Basis Data Pada pembuatan prototipe aplikasi sistem informasi akademik Universitas Mercu Buana modul pendaftaran mahasiswa baru penulis menggunakan basis data
MySQL. Perangkat lunak yang digunakan dalam pengolahan basis data MySQL adalah phpmyadmin. PhpMyAdmin adalah perangkat lunak yang ditulis dalam bahasa pemrograman PHP. PhpMyAdmin merupakan salah satu paket perangkat lunak yang ada pada XAMPP. Berikut ini merupakan langkah-langkah dalam implementasi basis data: 1. Pertama buka browser kemudian ketikkan http://localhost/phpmyadmin pada url addressnya, sehingga muncul tampilan seperti pada gambar 4.1 Gambar 4.1 Tampilan phpmyadmin 2. Pada menu Database, pada kolom create database diisi dengan nama basis data kemudian klik create. Pada langkah ini penulis menggunakan nama basis data Pendaftaran. Gambar 4.2 Membuat Basis Data
3. Setelah database dibuat, maka otomatis akan muncul di sidebar sebelah phpmyadmin seperti ditunjukan pada gambar 4.3. Kemudian pilih sia. Gambar 4.3 Basis Data Telah Sukses Dibuat 4. Didalam basis data sia klik create table. kemudian isi kolom table name dengan nama tabel yang akan kita buat. Dan isi juga kolom name, type, lenght/values dan sebagainya sesuai dengan perancangan basis data yang telah dibuat kemudian. Jika sudah selesai klik save untuk menyimpan. Gambar 4.4 Membuat Tabel dan Mengisi Atribut-Atributnya 5. Buat tabel lain yang dibutuhkan dalam basis data. Pada gambar 4.5 merupakan tabel-tabel yang ada pada basis data pendaftaran yang akan digunakan dalam prototipe sistem informasi akademik Universitas Mercu Buana modul pendaftaran mahasiswa baru.
Gambar 4.5 Tabel Prototipe Sistem Informasi Akademik Pendaftaran Mahasiswa Baru 4.1.3 Implementasi Antar Muka Antarmuka yang telah dirancang kemudian diimplementasikan menggunakan bahasa pemrograman PHP yang terintergrasi dengan CSS dan Jquery. CSS dan Jquery digunakan oleh penulis untuk memformat tampilan halaman web sehingga tampilan itu menjadi sesuai dengan keinginan. File-file tersebut selanjutnya dapat diakses dan akan menjadi penghubung antara pengguna dengan sistem. Untuk mempermudah menjelaskan bentuk dari implementasi antarmuka berikut ini adalah beberapa antarmuka SIA Mercu Buana modul pendaftaran mahasiswa baru yang telah dibuat. 4.1.3.1 Tampilan Halaman Utama atau Beranda Gambar 4.6 Tampilan Utama atau Beranda
Keterangan gambar 4.6 : Tampilan Utama atau Beranda ini dapat diakses oleh semua pengunjung SIA Universitas Mercu Buana. Pada tampilan utama atau beranda ini terdapat beberapa menu yaitu beranda dan pendaftaran dan dibagian informasi ada tombol login. 4.1.3.2 Tampilan Halaman Form Pendaftaran Mahasiswa Baru Gambar 4.7 Tampilan Halaman Form Pendaftaran Mahasiswa Baru Keterangan gambar 4.7 : Halaman Form Pendaftaran Mahasiswa Baru ini dapat diakses ketika tombol Formulir Pendaftaran diklik. Form ini akan menampilkan serangkaian pertanyaan mengenai data diri calon mahasiswa. Kemudian hasil masukkan tersebut dimasukkan kedalam basis data yang selanjutnya akan diproses dari calon mahasiswa menjadi mahasiswa. 4.1.3.3 Tampilan Pengesahan Pembayaran Gambar 4.8 Tampilan Halaman Pengesahan Pembayaran Bagian BAK (Biro Administrasi Keuangan)
Keterangan gambar 4.8 : Halaman Pengesahan Pembayaran ini dapat diakses apabila menu login telah dilalui setelah username dan password diverifikasi. Form ini yang digunakan bagian BAK (Biro Administrasi Keuangan) untuk mengubah status pembayaran dari belum bayar menjadi sudah bayar apabila calon mahasiswa datang membawa bukti pembayaran. 4.1.3.4 Tampilan Halaman Verifikasi Calon Mahasiswa Gambar 4.9 Tampilan HalamanVerifikasiPembayaran Bagian BAA (Biro Administrasi Akademik) Keterangan gambar 4.9 : Halaman Verifikasi Pembayaran ini sama seperti halaman notifikasi, yang hanya dapat diakses apabila menu login telah dilalui setelah username dan password diverifikasi. Form ini yang digunakan bagian BAA untuk mengubah status kelulusan berdasarkan status dari bagian pemasaran dan keuangan. 4.2 Pengujian Pada tahap ini merupakan kelanjutan dari tahap implementasi yaitu melakukan pengujian terhadap aplikasi yang dibuat. Tahap ini bertujuan untuk mengetahui apakah aplikasi yang dibuat dengan baik dan sesuai dengan apa yang telah diterapkan pada tahap perancangan sebelumnya. Dalam pengujiannya penulis menggunakan metode black box.
Metode Blackbox digunakan untuk menentukan langkah-langkah dalam pengujian dan memeriksa apakah bagian dari spesifikasinya yang belum atau tidak diimplementasikan. 4.2.1 Skenario Pengujian Terhadap Form Beranda Skenario pengujian untuk aplikasi SIA Universitas Mercu Buana modul pendaftaran mahasiswa baru pada form beranda dapat dilihat pada Tabel 4.1 berikut ini: Tabel 4.1 Hasil Pengujian Form Beranda No. 1 3 Antar Muka yang diuji Halaman Beranda Bagian antar muka yang diuji Menu Beranda Menu Pendaftaran 4 Menu Login Aksi Pengujian tombol beranda tombol pendaftaran tombol login Hasil yang diharapkan halaman beranda halaman pendaftaran halaman login Status 4.2.2 Skenario Pengujian Terhadap Form Pendaftaran Skenario pengujian untuk aplikasi SIA Universitas Mercu Buana modul pendaftaran mahasiswa baru pada form pendaftaran dapat dilihat pada Tabel 4.2 berikut ini: No. 1 3 Tabel 4.2 Hasil Pengujian Form Pendaftaran Antar Muka yang diuji Bagian antar muka yang diuji Menu Beranda Menu Pendaftaran Aksi Pengujian tombol beranda tombol pendaftaran Hasil yang diharapkan halaman beranda halaman pendaftaran 4 Menu Login tombol login halaman login Halaman Pendaftaran 5 Form User mengisi form Akan terisi teks 6 Tombol Submit 7 Tombol Back tombol submit tombol back Akan mengirimkan data kedalam basis data Akan kembali ke halaman beranda Status
4.2.3 Skenario Pengujian Terhadap Form Pengesahan Pembayaran Skenario pengujian untuk aplikasi SIA Universitas Mercu Buana modul pendaftaran mahasiswa baru pada form pengesahan pembayaran yang digunakan pada bagian BAK (Biro Administrasi Keuangan) dapat dilihat pada Tabel 4.3 berikut ini: Tabel 4.3 Hasil Pengujian Form Pengesahan Pembayaran No. Antar Muka yang diuji Bagian antar muka yang diuji Aksi Pengujian Hasil yang diharapkan 1 Tombol Logout tombol beranda Akan mengakhiri sesi 2 Halaman Pengesahan Pembayaran Form User mengisi form Akan terisi teks 3 Tombol Submit tombol submit Akan mengirimkan data kedalam basis data Status 4.2.4 Skenario Pengujian Terhadap Form Verifikasi Calon Mahasiswa Skenario pengujian untuk aplikasi SIA Universitas Mercu Buana modul pendaftaran mahasiswa baru pada form verifikasi calon mahasiswa yang digunakan pada bagian BAA (Biro Administrasi Akademik) dapat dilihat pada Tabel 4.4 berikut ini: Tabel 4.4 Hasil Pengujian Form Verifikasi Calon Mahasiswa No. Antar Muka yang diuji Bagian antar muka yang diuji Aksi Pengujian Hasil yang diharapkan 1 Tombol Logout tombol beranda Halaman Akan mengakhiri sesi 2 Verifikasi Calon Mahasiswa Form User mengisi form Akan terisi teks 3 Tombol Submit tombol submit Akan mengirimkan data kedalam basis data Status