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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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.
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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)
http://digilib.mercubuana.ac.id/
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 berjalan dengan baik dan sesuai dengan apa yang telah diterapkan pada tahap perancangan sebelumnya. Dalam pengujiannya penulis menggunakan metode black box.
http://digilib.mercubuana.ac.id/
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.
Antar Muka yang diuji
1 3
Halaman Beranda
4
4.2.2
Bagian antar muka yang diuji
Aksi Pengujian
Hasil yang diharapkan
Status Aplikasi
Menu Beranda
User mengklik tombol beranda
Akan menampilkan halaman beranda
Aplikasi berjalan
Menu Pendaftaran
User mengklik tombol pendaftaran
Akan menampilkan halaman pendaftaran
Aplikasi berjalan
Menu Login
User mengklik tombol login
Akan menampilkan halaman login
Aplikasi berjalan
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: Tabel 4.2 Hasil Pengujian Form Pendaftaran Antar Muka yang diuji
Bagian antar muka yang diuji
Aksi Pengujian
Hasil yang diharapkan
Status Aplikasi
1
Menu Beranda
User mengklik tombol beranda
Akan menampilkan halaman beranda
Aplikasi berjalan
3
Menu Pendaftaran
User mengklik tombol pendaftaran
Akan menampilkan halaman pendaftaran
Aplikasi berjalan
4
Menu Login
User mengklik tombol login
Akan menampilkan halaman login
Aplikasi berjalan
Form
User mengisi form
Akan terisi teks
Aplikasi berjalan
6
Tombol Submit
User mengklik tombol submit
7
Tombol Back
User mengklik tombol back
No.
5
Halaman Pendaftaran
http://digilib.mercubuana.ac.id/
Akan mengirimkan data kedalam basis data Akan kembali ke halaman beranda
Aplikasi berjalan Aplikasi berjalan
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
1 2
Bagian antar muka yang diuji
Aksi Pengujian
Hasil yang diharapkan
Tombol Logout
User mengklik tombol beranda
Akan mengakhiri sesi
Form
User mengisi form
Akan terisi teks
Tombol Submit
User mengklik tombol submit
Akan mengirimkan data kedalam basis data
Halaman Pengesahan Pembayaran
3
Status Aplikasi Aplikasi berjalan Aplikasi berjalan Aplikasi berjalan
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
1 2 3
Halaman Verifikasi Calon Mahasiswa
Bagian antar muka yang diuji
Aksi Pengujian
Hasil yang diharapkan
Status Aplikasi
Tombol Logout
User mengklik tombol beranda
Akan mengakhiri sesi
Aplikasi berjalan
Form
User mengisi form
Akan terisi teks
Aplikasi berjalan
Tombol Submit
User mengklik tombol submit
Akan mengirimkan data kedalam basis data
Aplikasi berjalan
http://digilib.mercubuana.ac.id/
