BAB IV IMPLEMENTASI DAN PENGUJIAN Bab ini menjelaskan mengenai implementasi dari sistem Aplikasi Database Manajemen Sistem Matrik Penilaian Borang Akreditasi Standar Sub BAB V yang telah dibuat beserta faktor pendukung yang dibutuhkan oleh sistem dan hasil pengujian terhadap sistem. Pada bagian implementasi akan dibahas mengenai rancangan antarmuka aplikasi dan kode program yang akan diterapkan, sedangkan pengujian aplikasi menggunakan metode pengujian kotak hitam (black box testing). Metode pengujian ini dilakukan untuk mengetahui apakah sistem dapat berjalan sesuai keinginan pengguna. 4.1 Implementasi Implementasi merupakan tahap menterjemahkan perancangan berdasarkan analisis. Sehingga, dengan adanya implementasi ini maka dapat dipahami jalannya suatu sistem/aplikasi. Implementasi dibagi menjadi 2 (dua) bagian, yaitu implementasi antarmuka aplikasi (interface) dan implementasi kode program aplikasi. 4.1.1 Implementasi Antarmuka Aplikasi (Interface) Antarmuka atau interface adalah media penghubung antara pengguna dan sistem. Melalui antarmuka, sistem dan pengguna dapat saling bertukar informasi hingga ditemukan alur untuk melakukan suatu proses. Antarmuka harus dibuat senyaman mungkin untuk memudahkan pengguna menggunakan suatu sistem/aplikasi. Dalam implementasi ini penulis menggunakan web-browser Google Chrome sebagai penghubung antarmuka aplikasi. 99
100 4.1.1.1 Antarmuka Halaman Utama Aplikasi Halaman ini merupakan tampilan awal aplikasi, terdapat sedikit deskripsi dari materi penilaian borang akreditasi standar sub bab v, juga terdapat navigasi home, login admin dan about. Pengguna harus melakukan login untuk masuk ke dalam halaman utama penilaian. 1. Halaman Index Utama Halaman ini merupakan halaman pertama yang akan dilihat oleh pengguna saat memulai aplikasi. Gambar 4.1 Halaman Utama Aplikasi 2. Halaman Login Pengguna dapat memilih navigasi login admin, kemudian mengisi formulir login agar dapat masuk ke dalam aplikasi penilaian. Gambar 4.2 Halaman Login Admin
101 4.1.1.2 Antarmuka Halaman Utama Penilaian Halaman ini merupakan tampilan awal setelah login aplikasi. Pengguna dapat langsung melakukan input data penilaian dengan memilih navigasi yang desediakan untuk memulai aplikasi. Gambar 4.3 Halaman Beranda Penilaian 4.1.1.3 Antarmuka Halaman Sub Bab Kurikulum Pada sub bab kurikulum terdapat beberapa halaman input data penilaian yaitu kompetensi, struktur jumlah sks minimum program studi, struktur kurikulum berdasarkan mata kuliah, mata kuliah pilihan yang dilaksanakan dalam 3 tahun terakhir dan substansi praktikum/praktek. Pada setiap halaman ini pengguna dapat menambah, mengubah dan menghapus setiap data input penilaian.
102 1. Halaman Uraian Kompetensi Gambar 4.4 Halaman Uraian Kompetensi Lulusan 2. Halaman Struktur Jumlah SKS Minimum Kelulusan Program Studi Gambar 4.5 Halaman Struktur Jumlah SKS
103 3. Halaman Struktur Kurikulum Berdasarkan Urutan Mata Kuliah Gambar 4.6 Halaman Struktur Kurikulum Berdasarkan Urutan Mata Kuliah 4. Halaman Mata Kuliah Pilihan Tiga Tahun Terakhir Gambar 4.7 Halaman Mata Kuliah Pilihan Tiga Tahun Terakhir
104 5. Halaman Substansi Praktikum/Praktik Gambar 4.8 Halaman Substansi Praktikum/Praktek 4.1.1.4 Antarmuka Halaman Sub Bab Peninjauan Kurikulum Dalam 5 Tahun Terakhir Pada sub bab peninjauan kurikulum dalam 5 tahun terakhir ini, terdapat beberapa halaman input data penilaian yaitu peninjauan kurikulum dan hasil peninjauannya. Pada setiap halaman ini pengguna dapat menambah, mengubah dan menghapus setiap data input penilaian.
105 1. Antarmuka Halaman Mekanisme Peninjauan Kurikulum Gambar 4.9 Halaman Mekanisme Peninjauan Kurikulum 2. Antarmuka Halaman Hasil Peninjauan Kurikulum Gambar 4.10 Halaman Hasil Peninjauan Kurikulum
106 4.1.1.5 Antarmuka Halaman Sub Bab Pelaksanaan Proses Pembelajaran Pada sub bab pelaksanaan proses pembelajaran ini, terdapat beberapa halaman input data penilaian yaitu mekanisme penyusunan materi mata kuliah dan monitoring perkuliahan dan lampiran contoh soal ujian,. Pada setiap halaman ini pengguna dapat menambah, mengubah dan menghapus setiap data input penilaian. 1. Halaman Mekanisme Penyusunan Materi Mata Kuliah dan Monitoring Perkuliahan Gambar 4.11 Halaman Penyusunan Materi Kuliah dan Monitoring Perkuliahan
107 2. Halaman Lampiran Contoh Soal Ujian Gambar 4.12 Halaman Lampiran Contoh Soal Ujian 4.1.1.6 Antarmuka Halaman Sub Bab Sistem Pembimbingan Akademik Pada sub bab sistem pembimbingan akademik ini, terdapat beberapa halaman input data penilaian yaitu nama dosen pembimbing akademik, proses pembimbingan akademik. Pada setiap halaman ini pengguna dapat menambah, mengubah dan menghapus setiap data input penilaian.
108 1. Halaman Dosen Pembimbing Akademik Gambar 4.13 Halaman Dosen Pembimbing Akademik 2. Halaman Proses Pembimbingan Akademik Gambar 4.14 Halaman Proses Pembimbingan Akademik
109 4.1.1.7 Antarmuka Halaman Sub Bab Pembimbingan Tugas Akhir/Skripsi Pada sub bab pembimbingan tugas akhir ini, terdapat beberapa halaman input data penilaian yaitu pelaksanaan pembimbingan tugas akhir/skripsi, dosen pembimbing tugas akhir, ketersediaan paduan tugas akhir dan rata-rata lama penyelesaian tugas akhir. Pada setiap halaman ini pengguna dapat menambah, mengubah dan menghapus setiap data input penilaian. 1. Halaman Pelaksanaan Pembimbingan Tugas Akhir Gambar 4.15 Halaman Pelaksanaan Pembimbingan Tugas Akhir
110 2. Halaman Dosen Pembimbing Tugas Akhir/Skripsi Gambar 4.16 Halaman Dosen Pembimbing Tugas Akhir/Skripsi 3. Halaman Ketersediaan Panduan Pembimbingan Tugas Akhir Gambar 4.17 Halaman Ketersediaan Panduan Pembimbingan Tugas Akhir
111 4. Halaman Rata-Rata Penyelesaian Tugas Akhir/Skripsi Gambar 4.18 Halaman Rata-Rata Penyelesaian Tugas Akhir/Skripsi
112 4.1.1.8 Antarmuka Halaman Sub Bab Upaya Perbaikan Pembelajaran Pada halaman ini, pengguna dapat menambah, mengubah dan menghapus setiap data input penilaian upaya perbaikan pembelajaran. Gambar 4.19 Halaman Sub Bab Upaya Perbaikan Pembelajaran
113 4.1.1.9 Antarmuka Halaman Sub Bab Upaya Peningkatan Suasana Akademik Pada halaman ini, pengguna dapat menambah, mengubah dan menghapus setiap data input penilaian upaya peningkatan suasana akademik. Gambar 4.20 Halaman Sub Bab Upaya Peningkatan Suasana Akademik
114 4.1.1.10 Antarmuka Halaman Report Keseluruhan Penilaian Pada halaman ini pengguna dapat melihat tampilan dari keseluruhan data penilaian yang telah dimasukkan ke dalam basis data. Halaman report ini juga menyediakan navigasi print untuk mencetak laporan. Gambar 4.21 Halaman Report Keseluruhan Penilaian Gambar 4.22 Halaman Report Keseluruhan Penilaian
115 Gambar 4.23 Halaman Report Keseluruhan Penilaian Gambar 4.24 Halaman Report Keseluruhan Penilaian Gambar 4.25 Halaman Report Keseluruhan Penilaian
116 Gambar 4.26 Halaman Report Keseluruhan Penilaian Gambar 4.27 Halaman Report Keseluruhan Penilaian Gambar 4.28 Halaman Report Keseluruhan Penilaian
117 4.1.2 Implementasi Kode Program Pada pembuatan aplikasi database manajemen sistem matrik borang akreditasi standar sub bab v ini, penulis menggunakan bahasa pemrograman PHP dengan sedikit tambahan CSS dan Javascript untuk menjalankan beberapa fungsi pada aplikasi, serta menggunakan MySQL sebagai tempat penyimpanan basis datanya. Software editor yang digunakan adalah Adobe Dreamweaver CS 5. Berikut dibawah ini merupakan beberapa penggalan penulisan kode program pada aplikasi : 4.1.2.1 Penulisan Kode Program Halaman Index Utama <body> <div id="tittle"><b><center>aplikasi Database Manajemen Sistem Matrik Penilaian Borang Akreditasi Standar Sub BAB V</center></b></div> <div id="backgroundtop"></div> <div id="header"><!-- start header --> <div id="menu"><!-- start menu --> <ul class = "menu"> <li><a href="index.php">home</a></li> <li><a href="adminweb/index.php">login Admin</a></li> <li><a href="about.php">about</a></li> </ul> </div><!-- end menu --> <div id="content"><!-- start content --> <p align='center'><strong>selamat Datang Di Aplikasi Database Manajemen Sistem Matrik Borang Akreditasi Standar SUB Bab V</strong><br> <h2><strong>description</strong></h2> </div> </body> 4.1.2.2 Penulisan Kode Program Halaman Koneksi Database <?php // panggil fungsi validasi xss dan injection require_once('fungsi_validasi.php'); // definisikan koneksi ke database $server = "localhost"; $username = "root"; $password = ""; $database = "db_borang"; // Koneksi dan memilih database di server $link = mysql_connect($server,$username,$password) or die("koneksi gagal"); mysql_select_db($database) or die("database tidak bisa dibuka"); // buat variabel untuk validasi dari file fungsi_validasi.php
118 $val = new borang;?> 4.1.2.3 Penulisan Kode Program Halaman Beranda Penilaian <body> <div id="header"> <div id="menu"> <ul> <li><a href=?mode=home> Home</a></li> <?php include "menu.php";?> <li><a href=logout.php> Logout</a></li> </ul> <p> </p> </div> <div id="content"> <?php include "content.php";?> </div> <div id="footer"> <center>copyright 2013 by Setiadhy Agung.</center> </div> </div> </div> </body> 4.1.2.4 Penulisan Kode Program Config Koneksi Modul Menu <?php include "../config/koneksi.php"; if ($_SESSION['leveluser']=='admin'){ $sql=mysql_query("select * from modul where aktif='y' order by urutan"); while ($m=mysql_fetch_array($sql)){ echo "<li><a href='$m[link]'> $m[nama_modul]</a></li>"; } } elseif ($_SESSION['leveluser']=='user'){ $sql=mysql_query("select * from modul where status='user' and aktif='y' order by urutan"); while ($m=mysql_fetch_array($sql)){ echo "<li><a href='$m[link]'> $m[nama_modul]</a></li>"; } }?> 4.2 Pengujian Fungsionalitas Aplikasi Pengujian pada aplikasi ini dilakukan dengan metode blackbox untuk lebih memfokuskan pada keperluan fungsional dari aplikasi. Dengan metode ini, maka validitas fungsi aplikasi akan diuji, apakah menghasilkan keluaran (output) sesuai yang diharapkan atau tidak.
119 Pengujian fungsionalitas pada aplikasi ini dilakukan untuk mengetahui apakah aplikasi berjalan sesuai dengan perancangan sebelumnya. Pengujian dan analisis dari aplikasi ini dititik beratkan pada suskses atau tidaknya proses manipulasi data penilaian di dalam basis data, serta menampilkan laporan data penilaian secara keseluruhan. 4.2.1 Lingkungan Pengujian Aplikasi ini di-hosting secara internal pada server localhost, sedangkan klien pada aplikasi ini adalah notebook ASUS A43SV dengan spesifikasi : 1. Intel Core i3-2310m CPU @ 2.10GHz, 2100 Mhz, 2 Core(s) 2. Nvidia GeForce GT 540M 1Gb 3. HDD 500Gb SATA HDD 5400rpm 4. 4Gb DDR3 Memory 5. 13.0 HD LED LCD Spesifikasi kebutuhan software : 1. Sistem Operasi Windows 7 Ultimate 2. Adobe Dreamweaver CS5 3. XAMPP Control Panel 2.5 4.2.2 Skenario Pengujian Pengujian aplikasi ini dilakukan pada tanggal 24 Juli 2013 dengan menggunakan browser Google Chrome dan localhost sebagai server. Table 4.1 Skenario Pengujian No. Nama Tes Hasil Yang Diharapkan 1. Masuk halaman utama menu utama aplikasi
120 No. Nama Tes Hasil Yang Diharapkan 2. Memilih menu halaman login administrator 3. Mengakses halaman utama penilaian dengan login 4. Memilih menu penilaian kompetensi 5. Memilih menu edit data penilaian kompetensi 6. Memilih menu tambah data penilaian kompetensi Menampilkan form login utama penilaian penilaian kompetensi edit data penilaian kompetensi tambah data penilaian kompetensi 5. Memilih menu jumlah SKS penilaian jumlah SKS program studi 6. Memilih menu struktur kurikulum 7. Memilih menu mata kuliah pilihan 8. Memilih menu mekanisme peninjauan kurikulum 9. Memilih menu hasil peninjauan kurikulum 10. Memilih menu mekanisme penyusunan mata kuliah dan monitoring 11. Memilih menu lampiran contoh soal ujian penilaian struktur kurikulum penialaian mata kuliah pilihan penilaian mekanisme peninjauan kurikulum penilaian hasil peninjauan kurikulum penilaian mekanisme penyusunan mata kuliah dan monitoring penilaian lampiran contoh soal ujian
121 No. Nama Tes Hasil Yang Diharapkan 12. Memilih menu dosen pembimbing akademik 13. Memilih menu proses pembimbingan akademik 14. Memilih menu pelaksanaan pembimbingan tugas akhir 15. Memilih menu dosen pembimbing skripsi 16. Memilih menu ketersediaan panduan pembimbingan 17. Memilih menu rata-rata penyelesaian tugas akhir 18. Memilih menu upaya perbaikan pembelajaran 19. Memilih menu upaya peningkatan suasana akademik penilaian dosen pembimbing akademik penilaian proses pembimbingan akademik penilaian pelaksanaan pembimbingan tugas akhir penilaian dosen pembimbing skripsi penilaian ketersediaan panduan pembimbingan penilaian ratarata penyelesaian tugas akhir penilaian upaya perbaikan pembelajaran penilaian upaya peningkatan suasana akademik 20. Memilih menu report report keseluruhan penilaian 21. Memilih navigasi logout keluar aplikasi
122 4.2.3 Hasil Pengujian Tabel 4.2 Hasil Pengujian No. Nama Tes Hasil Yang Diharapkan Hasil Pengujian 1. Masuk halaman utama Menampilkan menu utama aplikasi halaman 2. Memilih menu halaman login administrator Menampilkan form login 3. Mengakses halaman Menampilkan halaman utama penilaian utama penilaian dengan login 4. Memilih menu penilaian kompetensi Menampilkan penilaian kompetensi halaman 5. Memilih menu edit data penilaian kompetensi 6. Memilih menu tambah data penilaian kompetensi edit data penilaian kompetensi tambah data penilaian kompetensi 5. Memilih menu jumlah SKS penilaian jumlah SKS program studi 6. Memilih menu Menampilkan halaman struktur kurikulum penilaian struktur kurikulum
123 No. Nama Tes Hasil Yang Diharapkan Hasil Pengujian 7. Memilih menu mata kuliah pilihan 8. Memilih menu mekanisme peninjauan kurikulum penialaian MK pilihan penilaian mekanisme peninjauan kurikulum 9. Memilih menu hasil peninjauan kurikulum 10. Memilih menu mekanisme penyusunan mata kuliah dan monitoring 11. Memilih menu lampiran contoh soal ujian 12. Memilih menu dosen pembimbing akademik 13. Memilih menu proses pembimbingan akademik 14. Memilih menu pelaksanaan pembimbingan TA 15. Memilih menu dosen pembimbing skripsi penilaian hasil peninjauan kurikulum penilaian mekanisme penyusunan mata kuliah dan monitoring penilaian lampiran contoh soal ujian penilaian dosen pembimbing akademik penilaian proses pembimbingan akademik penilaian pelaksanaan pembimbingan TA penilaian dosen pembimbing skripsi
124 No. Nama Tes Hasil Yang Diharapkan Hasil Pengujian 16. Memilih menu ketersediaan panduan pembimbingan 17. Memilih menu ratarata penyelesaian tugas akhir 18. Memilih menu upaya perbaikan pembelajaran penilaian ketersediaan panduan pembimbingan penilaian rata-rata penyelesaian tugas akhir penilaian upaya perbaikan pembelajaran 19. Memilih menu upaya Menampilkan halaman peningkatan suasana penilaian upaya akademik peningkatan suasana akademik 20. Memilih menu report report keseluruhan penilaian 21. Memilih navigasi Menampilkan halaman logout keluar aplikasi 4.2.4 Kesimpulan Hasil Pengujian Setelah melakukan pengujian dengan menjalakan program aplikasi, maka didapatkan kesimpulan sebagai berikut : 1. Fungsi tambah data penilaian Hasil pengujian pada fungsi tambah data dapat sesuai karena aplikasi telah dirancang agar dapat menambahkan data dan menyimpannya ke dalam basis data. 2. Fungsi ubah data penilaian
125 Hasil pengujian pada fungsi ubah data dapat sesuai karena aplikasi telah dirancang agar dapat mengubah data dan menyimpannya ke dalam basis data. 3. Fungsi hapus data penilaian Hasil pengujian pada fungsi hapus data dapat sesuai karena aplikasi telah dirancang agar dapat menghapus data dari dalam basis data. 4. Fungsi menampilkan report keseluruhan penilaian Hasil pengujian pada fungsi report keseluruhan penilaian dapat sesuai karena aplikasi telah dirancang agar dapat menampilkan report keseluruhan penilaian.