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

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.

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

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.

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.

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.

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.

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.

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.

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.

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.

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

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

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

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.

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.

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

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

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

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

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

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

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

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

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

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.

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.

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.

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.

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

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.

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

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

82