BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 IMPLEMENTASI Setelah melakukan analisa dan perancangan tahap selanjutnya adalah implementasi dan pengujian. Pada tahapan ini menjelaskan metode pengumpulan bahan, pembuatan yang menggunakan Dreamweaver cs 6, pengujian, spesifikasi perangkat keras (hardware), perangkat lunak (software) dan hal lain yang berhubungan dengan aplikasi ini. 4.2 PENGUMPULAN BAHAN Pengumpulan bahan materi berupa file-file teks, gambar dan tombol-tombol yang diperoleh dari berbagai sumber kemudian dibuat sendiri: 1. Teks Teks diambil sebagian dari buku-buku pelajara yang ada di perpustakaan kampus dan dari media internet. 2. Gambar Gambar-gambar diambil dari koleksi penulis dan dari media internet. 3. Tombol navigasi Tombol navigasi berupa buttom yang terdalamnya terdapat link yang menghubungkan satu halaman dengan halaman lainnya. Tombol yang ada dalam aplikasi ini ada yang penulis buat sendiri dan ada pula yang diambil dari media internet. 77
78 Tabel 4.1 Tombol Navigasi Tombol Kegunaan Ini adalah tombol yang akan membawa penguna menuju halaman home atau halaman awal saat pertama kali user menjalankan aplikasi. Tombol yang digunakan penguna menuju halaman untuk melihat materi. Tombol yang digunakan pengguna menuju halaman penjelasan tentang invers matriks. Tombol yang akan membawa pengguna pada halaman soal latihan untuk. Tombol yang akan membawa pengguna pada halaman soal latihan untuk. Tombol yang digunakan oleh pengguna untuk menuju halaman hitung, agar dapat melakukan proses perhitungan secara otomatis. Tombol yang digunakan oleh pengguna untuk menuju halaman hitung matriks, agar dapat melakukan proses perhitungan invers matriks secara otomatis. Tombol yang akan membawa pengguna kembali ke halaman sebelumnya yang telah dibuka. Tombol yang akan membawa pengguna kembali ke halaman sebelumnya pada setiap slide yang telah dibuka
79 4.3 PEMBUATAN APLIKASI Semua macam data, filr-file dan bahan-bahan yang digunakan dalam aplikasi ini diintergrasikan menggunaka Macromedia Dreamweaver CS 6, termasuk melakukan coding dengan bahasa pemrograman yang berhubungan denga Dreamweaver ini yaitu bahasa pemrograman html, dan php. 4.4 PENGUJIAN Proses pengujian dilakukan apabila setelah aplikasi di produksi atau dibuat, guna memastikan apakah aplikasi berjalan sesuai dengan perencanaan atau tidak. Aplikasi ini diuji dengan mengggunakan metode blackbox testing dalam penujiannya. 4.4.1 Metode Pengujian Sistem 4.4.1.1 Metode Pengujian Blackbox Testing Skenario yang akan dijelaskan dalam aplikasi ini diantaranya: skenario home, materi, materi matriks, soal, soal matriks, hitung dan hitung matriks. Tabel 4.2 Skenario Pengujian Menu yang diuji Bagian yang diuji Input Home Tombol home Menampilkan halaman home Tombol materi Menampilkan halaman Materi materi Determinan Tombol back Kembali pada frame/halaman
80 Materi Matriks Soal Determinan Soal Matriks Hitung Determinan Hitung Matriks Tombol next Tombol materi matriks Tombol back Tombol next Tombol soal Tombol soal matriks Tombol hitung Tombol hitung matriks sebelumnya Lanjut pada frame/halaman berikutnya Menampilkan halaman materi matriks Kembali pada frame/halaman sebelumnya Lanjut pada frame/halaman berikutnya Menampilkan halaman soal Menampilkan halaman soal matriks Menampilkan halaman hitung Menampilkan halaman hitung matriks 4.4.1.2 Hasil Pengujian Setetlah melakukan pengujian terhadap aplikasi yang sudah diproduksi maka kita akan mengetahui seberapa besar keberhasilan dari pengujian yang telah kita lakukan apakah sama dengan yang telah dikonsepkan sebelumnya atau tidak.
81 Tabel 4.3 Hasil Pengujian Menu yang diuji Home Materi Determinan Materi Matriks Soal Determinan Bagian yang diuji Tombol home Tombol materi Tombol back Tombol next Tombol materi matriks Tombol back Tombol next Tombol soal Input Output Keterangan Menampilkan Sukses Sesuai halaman home Menampilkan Sukses Sesuai halaman materi Kembali pada Sukses Sesuai frame atau halaman Sukses Sesuai sebelumnya Lanjut pada frame atau halaman berikutnya Menampilkan Sukses Sesuai halaman materi matriks Kembali pada Sukses Sesuai frame atau halaman Sukses Sesuai sebelumnya Lanjut pada frame atau halaman berikutnya Menampilkan Sukses Sesuai halaman soal
82 Tombol Menampilkan Sukses Sesuai submit hasil jawaban Tombol soal Menampilkan Sukses Sesuai matriks halaman proses Soal penghitungan Matriks matriks Tombol Menampilkan Sukses Sesuai submit hasil jawaban Tombol Menampilkan Sukses Sesuai hitung halaman proses penghitungan Hitung Determinan Tombol mulai Menampilkan Sukses Sesuai proses perhitungan Determinan Tombol Menampilkan Sukses Sesuai hitung matriks halaman hitung Hitung Matriks Tombol mulai matriks Menampilkan proses Sukses Sesuai perhitungan matriks 4.4.1.3 Kesimpulan Hasil Pengujian Setelah melakukan pengujian terhadap aplikasi pembelajaran ini dengan menjalankan program aplikasi tersebut maka didapat kesimpulannya adalah sebagai berikut :
83 Pada menu home bagian yang diuji adalah tombol home dimana tombol ini merupakan yang akan menampilkan output utama saat alikasi ini di jalankan oleh pengguna dan sesuai apa yang telah di konsepkan. Pada menu materi ini bagian yang diuji adalah tombol menu, tombol next dan tombol back. Dimana menu akan sesuai menampilkan halaman menu materi, sedangkan tombol next yang di input dari sistem akan menampilkan frame berikutnya output yang dihasilkan pun sukses, begitu juga sebaliknya tombol back yang di input dari sistem akan menampilkan frame sebelumnya dan output yang dihasilkan juga sukses dan sesuai dengan yang diharapkan. Pada menu materi matriks ini bagian yang diuji adalah tombol menu, tombol next dan tombol back. Dimana menu matriks akan sesuai menampilkan halaman menu materi matriks, sedangkan tombol next yang di input dari sistem akan menampilkan frame berikutnya output yang dihasilkan pun sukses, begitu juga sebaliknya tombol back yang di input dari sistem akan menampilkan frame sebelumnya dan output yang dihasilkan juga sukses dan program aplikasi ini sesuai dengan yang diharapkan. Pada menu soal yang diuji pada bagian ini adalah tombol menu soal yang akan menampilkan soal latihan dan saat di jalankan apliksai sesuai dengan yang diharapkan. Selain itu juga ada tombol submit yang akan
84 memproses hasil jawaban dari soal yang akan dikerjakan dan menapilkan hasil jawan yang sesuai. Pada menu soal yang diuji pada bagian ini adalah tombol menu soal yang akan menampilkan soal latihan dan saat di jalankan apliksai sesuai dengan yang diharapkan. Selain itu juga ada tombol submit yang akan memproses hasil jawaban dari soal yang akan dikerjakan dan menapilkan hasil jawaban yang sesuai. Pada menu soal matriks yang diuji pada bagian ini adalah tombol menu soal matriks yang akan menampilkan soal latihan matiks dan saat di jalankan apliksai sesuai dengan yang diharapkan. Selain itu ada juga tombol submit yang akan memproses hasil jawaban dari soal yang akan dikerjakan dan menapilkan hasil jawaban yang sesuai. Selanjutnya yaitu menu hitung yang diuji pada bagian ini adalah tombol menu hitung yang akan menampilkan tabel input ordo matriks. Dan pada menu ini juga diuji coba tombol mulai yang akan mempilkan tabel sesuai jumlah ordo yang dimasukkan dan harus di input angka-angka matriks, dan sesuai dengan yang diharapkan. Pada menu hitung matriks yang diuji pada bagian ini adalah tombol menu hitung matriks yang akan menampilkan tabel input ordo matriks. Dan pada menu ini juga diuji coba tombol mulai yang akan mempilkan tabel sesuai jumlah ordo yang dimasukkan dan harus
85 di input angka-angka matriks, dan sesuai dengan yang diharapkan. Hasil dari pengujian memperlihatkan bahwa aplikasi ini dapat berjalan dengan baik. Secara fungsionalitas program tidak ditemukan kesalahan, dan sudah sesuai dengan proses yang ada pada sistem. 4.5 DISTRIBUSI 4.5.1 Spesifikasi Hardware dan Software Aplikasi pembelajaran matriks nxn dan nxn berbasis web ini dibuat dengan kebutuhan spesifikasi dibawah ini: 1. Perangkat Keras Pentium IV 1.5 GHz Monitor dengan Resolusi 1280 x 800 RAM 1 GB VGA 128 MB 2. Perangkat Lunak Microsoft Windows XP XAMPP PHP Macromedia Dreamveaver CS 6 Google Chrome, Mozilla Firefox
86 4.5.2 Cara Pengoperasian Program Cara pengoperasian aplikasi ini sangatlah mudah karena tidak perlu melakukan proses instalasi. 4.6 TAMPILAN APLIKASI 4.6.1 Implementasi Antar Muka Aplikasi Tampilan aplikasi ini berbasis web yang memiliki beberapa tombol navigasi berupa penjelasan tentang materi, contoh soal, dan cara penghitungan. Gambar 4.1 Tampilan Awal Aplikasi 4.6.2 Implementasi Antar Muka Halaman Determinan Pada halaman ini terdapat penjelasan secara umum tentang apa itu determnan.
87 Gambar 4.2 Tampilan Halaman Determinan 4.6.3 Implementasi Antar Muka Metode Kofaktor Pada halaman Materi Determinan ini menjelasakan salah satu cara mencari suatu nilai yaitu menggunakan metode Kofaktor yang disertakan juga dengan contoh mencari menggunakan metode ini. Gambar 4.3 Tampilan Halaman Materi Metode Kofaktor 4.6.4 Implementasi Antar Muka Metode Chio Metode Chio ini merupakan salah satu metode menghitung nilai nxn, pada halaman ini terdapat penjelasan materi
88 tentang metode chio berikut dengan contoh pencarian penghitungan dengan metode tersebut. Gambar 4.4 Tampilan Halaman Materi Metode Chio 4.6.5 Implementasi Antar Muka Materi Matriks Tampilan halaman matriks ini menjelaskan secara umum apa itu yang dimaksud dengan Matriks dan invers matriks. Gambar 4.5 Tampilan Halaman Matriks 4.6.6 Implementasi Antar Muka Metode Adjoint
89 Penjelasan pada halaman ini berupa materi adjoint untuk mencari nilai suatu matriks nxn dan juga disertai dengan contoh penghitungan nilai invers matrik menggunakan metode ini. Gambar 4.6 Tampilan Halaman Metode Adjoin 4.6.7 Implementasi Antar Muka Halaman Metode Adomian Penjelasan pada halaman ini berupa materi adomian untuk mencari nilai suatu matriks nxn dan juga disertai dengan contoh penghitungan nilai invers matrik menggunakan metode ini. Gambar 4.7 Tampilan Halaman Metode Adomian
90 4.6.8 Implementasi Antar Muka Halaman Latihan Determinan Pada halaman ini terdapat contoh soal latihan yang harus dikerjakan para user yang terdiri dari 10 soal latihan. Gambar 4.8 Tampilan Halaman Soal Determinan 4.6.9 Implementasi Antar Muka Hasil Soal Determinan Berikut ini adalah tampilan berupa nilai yang diberikan kepada user jika sudah menjawa semua soal latihan yang tersedia. Gambar 4.9 Tampilan Hasil Nilai Jawaban Soal 4.6.10 Implementasi Antar Muka Hitung Determinan Pada halaman ini adalah proses penghitungan nilai bermula dari menginput nilai ordo dan dilanjutkan
91 dengan memasukkan nilai matriks, dan saat ditekan tombol hitung akan menghasilkan nilai dari matriks yang dimasukkan. Gambar 4.10 Tampilan Input Nilai Ordo Gambar 4.11 Tampilan Halaman Input Nilai Matriks
92 Gambar 4.12 Tampilan Proses Hitung Determinan 4.6.11 Implementasi Antar Muka Hitung Invers Matriks Halaman ini adalah tampilan halaman untuk menghitung suatu matriks untuk mendapatkan nilai inversnya. Prosesnya adalah dengan memasukkan nilai ordo matriksnya dan setelah itu menginput angkanya dan akan dihasilkan nilai inversnya setelah dilakukan proses. Gambar 4.13 Tampilan Inputan Nilai Matriks
Gambar 4.14 Tampilan Proses Hitung Invers Matriks 93