BAB III ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Dalam tugas akhir ini, akan dibuat sebuah aplikasi peenyelesaian perhitungan matematika, dimana akan sangat membantu para mahasiswa dalam mempelajari matematika khususnya dalam materi tentang Determinan dan Matriks n×n dengan bantuan komputer. Dalam hal ini penyampaian materi pembelajaran dilakukan secara interaktif dengan menggunakan bantuan software development atau object oriented programming yaitu Visual Basic.Net. Aplikasi perhitungan dalam dunia pendidikan digunakan untuk menvisualisasikan pelajaran-pelajaran yang sulit diterangkan secara lisan. Aplikasi Penyelesaian Perhitungan Determinan dan Matriks n×n yang menggunakan visual basic.net ini terdiri dari beberapa menu, yaitu: 1. Materi Pada bagian ini akan ditampilkan sebuah tampilan yang menjelaskan tentang materi determinan dan matriks , cara mencari atau menentukan determinan dari sebuah matriks dengan cara biasa dan menentukan matriks. Untuk awal materi pengguna langsung menuju ke materi determinan, untuk melihat materi matriks pengguna tinggal mengklik tombol “Selanjutnya” yang terdapat pada kanan bawah di halaman materi determinan. 2. Contoh Soal Determinan dan Contoh Soal Matriks Pada bagian ini akan ditampilkan sebuah tampilan yang memuat contoh soal determinan dan matriks. Pengguna memilih di antara salah satu dahulu untuk melihat di antara contoh soal determinan atau matriks. Contoh soal ini disertai dengan petunjuk penggunaan dan penjelasan atau penyelesaian cara dari contoh soal tersebut. 3. kalkulator
49
http://digilib.mercubuana.ac.id/
50
Pada bagian ini akan ditampilkan sebuah tampilan kalkulator atau alat hitung yang membantu pengguna untuk sedikit lebih memudahkan menghitung determinan dan operasi-operasi matriks yaitu penjumlahan, pengurangan,
dan
perkalian
matriks.
Disertai
dengan
petunjuk
penggunaan. 4. Latihan Soal Pada bagian ini akan ditampilkan langsung soal nomor satu dan di sebelah soal si berikan tombol petunjuk soal apabila pengguna ingin melihat petunjuk soal. Pengguna harus menjawab 10 pertanyaan yang telah tersedia dalam bentuk pilihan ganda. Pada tampilan ini terdapat tombol konfirmasi jawaban yang apabila di klik maka sistem akan menampilkan jawaban yang telah dipilih. Setelah menjawab semua pertanyaan yang tersedia maka aplikasi akan menampilkan pilihan antara cek skor atau exit. Apabila pengguna pilih cek skor maka akan tampil berapa skor yang di peroleh, sedangkan jika pengguna pilih exit maka kembali ke halaman menu. 5.
Profil Pada bagian ini akan menampilkan sebuah tampilan tentang profil dari penulis. Untuk kembali ke menu awal aplikasi pengguna close halaman profil.
6. Keluar Pada bagian ini akan menampilkan sebuah tampilan yang berupa pilihan untuk keluar dari aplikasi atau tidak. Pada halaman ini, terdapat dua pilihan, yaitu pilihan “Yes” untuk keluar dari aplikasi dan pilihan “No” untuk tetap pada aplikasi.
3.2 Perancangan Pada bagian ini akan dijelaskan mengenai tahap-tahap perancangan aplikasi pembelajaran determinan dan matriks 4×4 yang menggunakan visual basic.net yang meliputi use case diagram, activity diagram dan sequence diagram.
http://digilib.mercubuana.ac.id/
51
3.2.1 Use Case Diagram Bagian ini menjelaskan dimana aktor atau pengguna memperlihatkan suatu hubungan saling berinteraksi antara aktor dengan sistem yang akan digunakan. Disini, kita harus dapat mengidentifikasikan aktor atau pengguna dan mengetahui bagaimana terjadinya interaksi antara aktor dan sistem yang akan digunakan. Use case diagram merupakan diagram yang menggambarkan fungsional yang diharapkan dari sebuah sistem. Use case diagram aplikasi penyelesaian perhitungan determinan dan matriks n×n berbasis multimedia secara umum dapat dilihat pada gambar berikut.
Gambar 3.1 Use Case Diagram Aplikasi Penyelesaian Perhitungan Determinan dan Matriks n×n
http://digilib.mercubuana.ac.id/
52
Dari gambar diatas dapat diuraikan sebagai berikut : 1. Nama
: Materi
Aktor
: Mahasiswa
Uraian
: Mahasiswa
akan
mendapatkan
materi
mengenai determinan dan matriks dengan cara memilih menu Materi. Skenario : a. Mahasiswa memilih menu materi. b. Sistem
akan
menampilkan
halaman
determinan. c. Mahasiswa
meng-klik
tombol
selanjutnya
untuk melihat materi matriks. d. Mahasiswa
meng-klik
kembali
akan
menampilkan halaman materi determinan dan meng-klik close akan kembali ke halaman menu. 2. Nama
: Contoh Soal Determinan
Aktor
: Mahasiswa
Uraian
: Mahasiswa
akan
mendapatkan penjelasan
mengenai contoh soal determinan dengan cara memilih menu Contoh Soal determinan. Skenario : a. Mahasiswa
memilih
menu
contoh
soal
determinan. b. Sistem akan menampilkan halaman contoh soal determinan.. c. Mahasiswa meng-klik petunjuk penggunaan untuk melihat petunjuk dan meng-klik tombol penyelesaian untuk melihat penjelasan atau penyelesaian dari contoh soal.
http://digilib.mercubuana.ac.id/
53
d. Sistem menampilkan petunjuk penggunaan dan menampilkan penjelasan atau penyelesaian dari contoh soal. e. Mahasiswa memilih close untuk kembali ke halaman menu. 3. Nama
: Contoh Soal Matriks
Aktor
: Mahasiswa
Uraian
: Mahasiswa
akan
mendapatkan penjelasan
mengenai contoh soal matriks dengan cara memilih menu Contoh Soal matriks. Skenario : a.
Mahasiswa memilih menu contoh soal matriks.
b.
Sistem akan menampilkan pilihan halaman contoh soal matriks.
c.
Mahasiswa meng-klik tombol sama dengan (=) untuk melihat penjelasan atau penyelesaian dari contoh soal.
d.
Sistem menampilkan petunjuk penggunaan dan
menampilkan
penjelasan
atau
penyelesaian dari contoh soal. e.
Mahasiswa memilih close untuk kembali ke halaman menu.
4. Nama
: Kalkulator
Aktor
: Mahasiswa
Uraian
: Mahasiswa akan mendapatkan hasil perhitungan determinan dan matriks dengan cara memilih menu kalkulator.
Skenario : a. Mahasiswa memilih menu kalkulator. b. Sistem akan menampilkan menu kalkulator determinan dan matriks. c. Mahasiswa meng-klik petunjuk penggunaan.
http://digilib.mercubuana.ac.id/
54
d. Sistem menampilkan petunjuk penggunaan. e. Mahasiswa memilih kalkulator determinan. f. Mahasiswa memilih ordo determinan dengan cara
mengisi
angka
pada
kotak
ordo
determinan sebanyak yang diinginkan. g. Sistem
menampilkan
jumlah
ordo
yang
ditentukan. h. Mahasiswa mengisi ordo determinan. i. Sistem menampilkan ordo determinan yang akan dihitung. j. Mahasiswa meng-klik tombol determinan. k. Sistem akan menampilkan hasil perhitungan determinan. l. Mahasiswa memilih kalkulator matriks. m. Mahasiswa memilih ordo matriks dengan cara mengisi angka pada kotak ordo matriks sebanyak yang diinginkan. n. Sistem
menampilkan
jumlah
ordo
yang
ditentukan. o. Mahasiswa
mengisi
ordo
masing-masing
matriks. p. Sistem menampilkan ordo matriks yang akan dihitung. q. Mahasiswa meng-klik tombol tambah, kurang, kali untuk menentukan operasi matriks. r. Sistem akan menampilkan hasil perhitungan matriks. s. Mahasiswa memilih close untuk kembali ke halaman menu.
http://digilib.mercubuana.ac.id/
55
5. Nama
: Latihan Soal
Aktor
: Mahasiswa
Uraian
: Dengan memilih menu latihan soal, mahasiswa akan dihadapkan pada halaman yang berisikan soal latihan tentang materi
sebelumnya.
Skenario : a. Mahasiswa memilih menu halaman latihan. b. Sistem akan menampilkan menu halaman latihan. c. mahasiswa mengerjakan soal latihan yang ada. d. Sistem akan menampilkan jawaban yang dipilih. e. Apabila mahasiswa telah selesai mengerjakan soal latihan. f. Sistem akan menampilkan pilihan cek skor atau exit. g. Mahasiswa pilih cek skor. h. Sistem menampilkan skor. i. Mahasiswa pilih exit. j. Sistem akan kembali ke halaman menu. 6. Nama
: Profil
Aktor
: Mahasiswa
Uraian
: Menu ini menampilkan tentang nama dan nomor induk mahasiswa penulis.
Skenario : a. Mahasiswa memilih menu profil. b. Sistem akan menampilkan menu profil. c. Mahasiswa memilih close kembali ke halaman menu.
http://digilib.mercubuana.ac.id/
56
7. Nama
: Keluar
Aktor
: Mahasiswa
Uraian
: Dengan
memilih
menu
keluar,
mahasiswa dihadapkan pada dua pilihan, pilih “Yes” untuk keluar dari aplikasi dan pilih “No” maka user tetap berhadapan dengan aplikasi. Skenario : a. Mahasiswa memilih menu keluar. b. Sistem akan menampilkan menu halaman keluar. c. Mahasiswa memilih “Yes” akan keluar dari aplikasi dan memilih “No” akan tetap berada pada aplikasi.
3.2.2 Pemodelan Activity Diagram Sebuah diagram aktifitas menjelaskan bagaimana kejadian dari sebuah use case. Diagram aktifitas menggambarkan langkah mana yang harus dijalankan secara berurutan dan langkah mana yang bisa dijalankan secara bersamaan. Aliran pengaturan dari aktifitas satu langkah ke langkah berikutnya disebut dengan transition. Diagram aktifitas untuk memulai aplikasi pembelajaran ditunjukan oleh gambar 3.2, menu Materi ditunjukan oleh gambar 3.3, menu Contoh Soal determinan ditunjukan oleh gambar 3.4, menu contoh soal matriks ditunjukan oleh gambar 3.5, menu Kalkulator ditunjukan oleh gambar 3.6, menu Latihan Soal ditunjukan oleh gambar 3.7, menu Profil ditunjukan oleh gambar 3.8 dan menu Keluar ditunjukan oleh gambar 3.9.
http://digilib.mercubuana.ac.id/
57
Gambar 3.2 Diagram Aktivitas untuk Aplikasi Pembelajaran Determinan dan Matriks n×n Pada gambar 3.2 dimulai pada halaman pembukaan yang berisikan nama pembuat aplikasi, selanjutnya langsung ditampilkan dengan halaman utama. Pengguna memilih tombol dengan meng-klik tombol atau menu yang terdapat di halaman utama yang terdiri dari Materi, Contoh Soal Determinan, Contoh Soal Matriks, Kalkulator, Latihan Soal, Profil dan Keluar. Kemudian sistem akan menampilkan halaman sesuai dengan menu yang dipilih oleh pengguna.
http://digilib.mercubuana.ac.id/
58
3.2.2.1 Diagram Aktivitas Untuk Halaman Materi
Gambar 3.3 Diagram Aktivitas untuk Halaman Materi
Pada gambar 3.3 aktivitas dimulai pada saat mahasiswa memilih menu materi dan sistem menampilkan halaman materi determinan, mahasiswa memilih selanjutnya maka akan muncul ke halaman materi matriks. Jika mahasiswa memilih kembali maka akan kembali ke halaman menu materi determinan, sedangkan mahasiswa pilih close maka akan kembali ke halaman menu.
http://digilib.mercubuana.ac.id/
59
3.2.2.2 Diagram Aktivitas Untuk Halaman Contoh Soal Determinan
Gambar 3.4 Diagram Aktivitas untuk halaman menu Contoh Soal Determinan Pada gambar 3.4 aktivitas dimulai pada saat mahasiswa memilih menu contoh soal determinan dan sistem menampilkan halaman contoh soal determinan. Apabila mahasiswa pilih petunjuk penggunaan lalu sistem akan menampilkan petunjuk penggunaan dan pilih tombol penyelesaian akan muncul penjelasan atau penyelesaian contoh soal-soal determinan.
http://digilib.mercubuana.ac.id/
60
3.2.2.3 Diagram Aktivitas Untuk Halaman Contoh Soal Matriks
Gambar 3.5 Diagram Aktivitas untuk Halaman Contoh Soal Matriks
Pada gambar 3.5 aktivitas dimulai pada saat mahasiswa memilih menu contoh soal matriks dan sistem menampilkan halaman contoh soal matriks. Apabila mahasiswa pilih tombol penyelesaian akan muncul penjelasan atau penyelesaian contoh soal-soal determinan. Dan mahasiswa pilih close maka sistem akan kembali ke halaman menu
http://digilib.mercubuana.ac.id/
61
3.2.2.4 Diagram Aktivitas Untuk Halaman Kalkulator
Diagram 3.6 Diagram Aktivitas untuk Halaman Kalkulator Pada Gambar 3.6 mahasiswa memilih menu kalkulator selanjutnya sistem akan menampilkan halaman kalkulator. Pada halaman ini akan ditampilkan dua
http://digilib.mercubuana.ac.id/
62
kalkulator yaitu: kalkulator determinan dan kalkulator matriks. Kemudian mahasiswa mengisi ordo untuk menentukan berapa jumlah ordo yang akan dihitung dengan mengisi angka pada kotak ordo dan pilih apply maka sistem akan menampilkan kotak-kotak ordo yang ditentukan. Kemudian mahasiswa mengisi masing-masing ordo dan pilih tombol tambah, kurang, dan kali untuk operasi matriks. Sedangkan untuk melihat hasil perhitungan determinan, mahasiswa memilih tombol determinan dan sistem akan menghasilkan perhitungan determinan. Dan pilih close untuk kembali ke halaman menu.
3.2.2.5 Diagram Aktivitas Untuk Halaman Latihan Soal
Gambar 3.7 Gambar Diagram Aktivitas untuk Halaman Latihan Soal
http://digilib.mercubuana.ac.id/
63
Pada gambar 3.7 aktivitas dimulai saat pengguna memilih menu atau tombol Latihan Soal, kemudian sistem menampilkan halaman latihan soal. Pengguna akan dihadapkan pada soal. Kemudian pengguna mengerjakan soal dan sistem akan menampilkan jawaban yang telah dipilih, begitu seterusnya hingga semua soal selesai dikerjakan dan sistem akan menampilkan pilihan cek skor atau exit. Apabila mahasiswa pilih cek skor maka sistem akan menampilkan skor dan apabila mahasiswa pilih exit maka sistem akan kembali ke halaman menu.
3.2.2.6 Diagram Aktivitas Untuk Halaman Profil
Gambar 3.8 Diagram Aktivitas untuk Halaman Profil
Pada gambar 3.8 aktivitas dimulai pada saat mahasiswa berada pada halaman menu utama aplikasi dan kemudian memilih menu profil. Maka sistem akan menampilkan halaman menu profil. Halaman ini berisi tentang profil penulis. Apabila mahasiswa ingin keluar dari aplikasi maka memilih close.
http://digilib.mercubuana.ac.id/
64
3.2.2.7 Diagram Aktivitas Untuk Halaman Keluar
Gambar 3.9 Diagram Aktivitas untuk Halaman Keluar
Pada gambar 3.9 aktivitas dimulai pada saat pengguna berada pada halaman menu utama aplikasi dan kemudian memilih menu keluar. Maka sistem akan menampilkan halaman keluar. Apabila pengguna ingin keluar dari aplikasi maka memilih “Yes” dan apabila pengguna ingin menjalankan menu lain dari aplikasi maka memilih “No”.
3.2.3 Pemodelan Sequence Diagram Sebuah sequence diagram secara khusus menjabarkan aktivitas sebuah skenario tunggal. Diagram tersebut menunjukan sejumlah objek contoh dan pesan-pesan yang melewati objek di dalam use case diagram (fowler, 2005:81). Sequence diagram menunjukan interaksi dengan menampilkan setiap partisipasi dengan garis alir secara vertikal dan pengurutan pesan dari atas ke bawah.
http://digilib.mercubuana.ac.id/
65
Sequence diagram menggambarkan sebuah skenario atau langkah-langkah untuk menghasilkan suatu keluaran tertentu.
3.2.3.1 Diagram Sekuensial Untuk Halaman Materi
Gambar 3.10 Diagram Sekuensial untuk Halaman Materi
http://digilib.mercubuana.ac.id/
66
Gambar 3.10 ini merupakan gambaran proses yang terjadi pada halaman materi, ini merupakan gambaran skenario langkah-langkah yang dilakukan oleh pengguna. Dimulai pada saat pengguna masuk ke halaman menu pada aplikasi dan pengguna memilih menu materi maka sistem akan menampilkan halaman materi determinan dan matriks. 3.2.3.2 Diagram Sekuensial Untuk Halaman Contoh Soal Determinan
Gambar 3.11 Diagram Sekuensial untuk Halaman Contoh Soal Determinan
http://digilib.mercubuana.ac.id/
67
Gambar 3.11 diatas menggambarkan proses yang terjadi pada halaman menu contoh soal determinan, ini merupakan gambaran skenario langkah-langkah yang dilakukan oleh pengguna. Dimulai pada saat pengguna masuk ke halaman menu pada aplikasi dan pengguna memilih menu contoh soa determinan maka sistem akan menampilkan halaman menu contoh soal determinan. 3.2.3.3 Diagram Sekuensial Untuk Halaman Contoh Soal Matriks
Gambar 3.12 Diagram Sekuensial untuk Halaman Contoh Soal Matriks
http://digilib.mercubuana.ac.id/
68
Gambar 3.12 diatas menggambarkan proses yang terjadi pada halaman contoh soal matriks, ini merupakan gambaran skenario langkah-langkah yang dilakukan oleh pengguna. Dimulai pada saat pengguna masuk ke halaman menu pada aplikasi dan pengguna memilih menu contoh soal matriks maka sistem akan menampilkan halaman contoh soal matriks.
3.2.3.4 Diagram Sekuensial Untuk Halaman Kalkulator
Gambar 3.13 Diagram Sekuensial untuk Halaman Kalkulator
http://digilib.mercubuana.ac.id/
69
Gambar 3.13 menggambarkan langkah-langkah yang dilakukan oleh pengguna pada halaman kalkulator. Dimulai pada saat pengguna berada di halaman menu dan memilih menu kalkulator maka sistem akan menampilkan halaman menu kalkulator dan selanjutnya pengguna memilih menu kalkulator determinan dan kalkulator matriks.
3.2.3.5 Diagram Sekuensial Untuk Halaman Latihan Soal
Gambar 3.14 Diagram Sekuensial untuk Halaman Latihan Soal
http://digilib.mercubuana.ac.id/
70
Gambar 3.14 menggambarkan skenario langkah-langkah yang dilakukan pengguna di halaman latihan soal. Dimulai pada saat pengguna memilih menu latihan soal maka sistem akan menampilkan halaman latihan soal dengan soal nomor satu dan pengguna akan mengerjakan soal, kemudian sistem akan menampilkan jawaban yang dipilih, begitu seterusnya hingga soal selesai. Maka sistem akan menampilkan pilihan cek skor dan exit. Apabila pilih cek skor maka sistem akan menampilkan skor dan pilih exit maka sistem akan kembali ke halaman menu. 3.2.3.6 Diagram Sekuensial Untuk Halaman Profil
Gambar 3.15 Diagram Sekuensial untuk Halaman Profil
http://digilib.mercubuana.ac.id/
71
Gambar 3.15 menggambarkan skenario langkah-langkah yang dilakukan oleh pengguna pada halaman profil. Dimulai saat pengguna masuk ke halaman utama dan memilih menu profil dan sistem akan menampilkan halaman profil yang berisi profil penulis.
3.2.3.7 Diagram Sekuensial Untuk Menu Keluar
Gambar 3.16 Diagram Sekuensial untuk Halaman Keluar
http://digilib.mercubuana.ac.id/
72
Gambar 3.16 menggambarkan skenario langkah-langkah yang dilakukan oleh pengguna pada halaman keluar. Dimulai saat pengguna masuk ke halaman utama dan memilih menu keluar. Apabila pengguna ingin keluar dari aplikasi maka memilih “Yes” dan apabila pengguna ingin kembali ke halaman utama aplikasi maka memilih “No”.
3.3 Perancangan Antar Muka 3.3.1
Perancangan Antar Muka Halaman Pembuka Pada tahap perancangan ini, yang dilakukan adalah merancang secara
visual tampilan-tampilan antar-muka (interface) aplikasi yang akan dibuat, interface pertama adalah splash screen. Splash screen ini merupakan tampilan awal yang berisi mengenai judul aplikasi, logo universitas, logo jurusan, dan copyright.
Gambar 3.17 Rancangan Halaman Pembuka
http://digilib.mercubuana.ac.id/
73
Splash Screen ini akan ditampilkan pada permulaan aplikasi dijalankan. Splash Screen akan ditampilkan hanya beberapa detik saja (karena sudah dirancang dengan memanfaatkan komponen timer) kemudian akan ditutup dan disusul ditampilkannya Form halaman utama.
3.3.2
Perancangan Antar Muka Halaman Menu Desain halaman setiap menu merupakan tampilan utama yang terdiri dari
beberapa objek multimedia teks, gambar, dan juga tombol-tombol navigasi. Tombol-tombol navigasi digunakan untuk menuju ke menu-menu yang lain, seperti tombol navigasi yang digunakan untuk menuju ke materi, contoh soal determinan, contoh soal matriks, kalkulator, latihan soal, profil dan keluar.
Gambar 3.18 Rancangan Halaman Menu
3.3.3
Perancangan Antar Muka Halaman Materi
3.3.3.1 Perancangan Antar Muka Halaman Materi Determinan Perancangan antar muka pada menu materi ini terdiri dari penjelasan mengenai materi determinan dan disertai dengan rumus determinan. Pada halaman
http://digilib.mercubuana.ac.id/
74
menu ini juga terdapat tombol “Selanjutnya” pada kanan bawah halamanyang berfungsi untuk menuju ke materi matriks. Kemudian pilih close untuk kembali ke halaman menu.
Gambar 3.19 Rancangan halaman menu materi determinan
3.3.3.2 Perancangan Antar Muka Halaman Materi Matriks Perancangan antar muka pada menu materi ini terdiri dari penjelasan mengenai materi matriks dan disertai dengan rumus matriks. Pada halaman menu ini juga terdapat tombol “Selanjutnya” pada kanan bawah halaman dan tombol “kembali” pada kiri bawah halaman yang berfungsi untuk menuju ke materi determinan. Kemudian pilih close untuk kembali ke halaman menu.
http://digilib.mercubuana.ac.id/
75
Gambar 3.20 Rancangan halaman menu materi matriks
3.3.4
Perancangan Antar Muka Halaman Contoh Soal Determinan Perancangan antar muka halaman menu contoh soal determinan ini terdiri
penjelasan-penjelasan mengenai contoh soal determinan, penjelesan bagaimana mencari hasil dari determinan. Pada halaman ini, terdapat tombol penyelesaian yang berfungsi untuk menuju melihat penjelasan atau cara penyelesaian dari soal contoh. Pada halaman ini terdapat tombol “Petunjuk Penggunaan” untuk melihat petunjuk penggunaan.
http://digilib.mercubuana.ac.id/
76
Gambar 3.21 Rancangan Halaman Contoh Soal Determinan
3.3.5
Perancangan Antar Muka Halaman Contoh Soal Matriks Perancangan antar muka halaman contoh soal matriks ini terdiri
penjelasan-penjelasan mengenai contoh soal matriks , penjelesan bagaimana mencari hasil dari matriks 4×4. Pada halaman ini, terdapat tombol sama dengan (=) yang berfungsi untuk menuju melihat penjelasan atau cara penyelesaian dari soal contoh.
http://digilib.mercubuana.ac.id/
77
Gambar 3.22 Rancangan Halaman Contoh Soal Matriks
3.3.6
Perancangan Antar Muka Halaman Kalkulator Perancangan antar muka halaman kalkulator ini terdiri dari kalkulator
determinan dan kalkulator matriks. Apabila mahasiswa memilih salah satu kalkulator, maka untuk pertama harus menentukan jumlah ordo yang akan dihitung dengan cara mengisi angka pada kotak ordo dan pilih apply untuk menampilkan ordo yang ditentukan. Kemudian mahasiswa mengisi ordo dan pilih tombol determinan untuk melihat hasil perhitungan determinan. Dan pilih tombol tambah, kurang, kali pada kalkulator matriks untuk melihat hasil perhitungan operasi matriks. Dan terdapat tombol “Petunjuk” berfungsi untuk melihat petunjuk penggunaan.
http://digilib.mercubuana.ac.id/
78
Gambar 3.23 Rancangan Halaman kalkulator
3.3.6.1 Perancangan Antar Muka Halaman Hasil Kalkulator Determinan Perancangan antar muka halaman hasil kalkulator determinan ini terdiri dari hasil jumlah perhitungan determinan. Dan terdapat tombol “OK” berfungsi untuk keluar dari halaman ini.
Gambar 3.24 Rancangan Halaman hasil kalkulator determinan
http://digilib.mercubuana.ac.id/
79
3.3.7
Perancangan Antar Muka Halaman Latihan Soal Perancangan antar muka pada halaman
latihan soal ini terdiri dari
petunjuk soal yang terdapat pada tombol “Petunjuk Soal”. Kemudian mahasiswa memilih jawaban dan konfirmasi jawaban sehingga akan muncul soal-soal berikutnya hingga soal selesai. Perancangan antar muka pada halaman latihan soal ini terdiri dari soal-soal yang berhubungan dengan materi determinan dan matriks 4×4 dalam bentuk pilihan ganda yang akan dikerjakan oleh mahasiswa. Mahasiswa dapat memilih salah satu jawaban yang menurutnya paling benar dari 4 pilihan jawaban yang disediakan baik itu pilihan A atau B atau C atau D.
Gambar 3.25 Rancangan Halaman Latihan Soal
3.3.7.1 Perancangan Antar Muka Halaman Cek Skor Latihan Soal Perancangan antar muka pada halaman cek skor ini terdiri dari tombol “cek skor” dan tombol “exit”, cek skor untuk menampilkan skor yang diperoleh sedangkan exit untuk kembali ke halaman menu.
http://digilib.mercubuana.ac.id/
80
Gambar 3.26 Rancangan Halaman Cek Skor Latihan Soal
3.3.7.2 Perancangan Antar Muka Halaman Hasil Cek Skor Latihan Perancangan antar muka pada halaman hasil cek skor ini terdiri dari penyampaian berapa nilai yang mahasiswa dapat. Terdapat pula tombol “exit” untuk kembali ke halaman menu.
Gambar 3.27 Rancangan Halaman Hasil Cek Skor Latihan Soal
http://digilib.mercubuana.ac.id/
81
3.3.8
Perancangan Antar Muka Halaman Profil Perancangan antar muka halaman menu Keluar ini terdiri dari profil
penulis.Untuk pada halaman ini pilih close untuk kembali ke halaman menu.
Gambar 3.28 Rancangan halaman menu Profil
3.3.9
Perancangan Antar Muka Halaman Keluar Perancangan antar muka halaman menu keluar ini terdiri dari pilihan
yaitu tombol “Yes” untuk keluar dari aplikasi dan “No” untuk kembali ke halaman utama.
Gambar 3.29 Rancangan halaman menu keluar
http://digilib.mercubuana.ac.id/
82
http://digilib.mercubuana.ac.id/
