BAB III ANALISA DAN PERANCANGAN. Dalam tugas akhir ini, akan dibuat sebuah aplikasi pembelajaran

Transkripsi

1 BAB III ANALISA DAN PERANCANGAN 3.1 ANALISA SISTEM Dalam tugas akhir ini, akan dibuat sebuah aplikasi pembelajaran matematika, dimana akan sangat membantu para siswa dalam mempelajari matematika khususnya dalam materi tentang Matriks 3D dan Determinan dengan bantuan komputer. Dalam hal ini penyampaian materi pembelajaran dilakukan secara interaktif dengan menggunakan bantuan aplikasi multimedia, yaitu Adobe Flash. Aplikasi multimedia dalam dunia pendidikan digunakan untuk menvisualisasikan pelajaran-pelajaran yang sulit diterangkan secara lisan. Aplikasi ini terdiri dari materi tentang matriks 3D, determinan, jenis-jenis matriks, latihan dan menu keluar. Aplikasi pembelajaran Matriks 3D dan Determinan berbasis multimedia ini terdiri dari beberapa menu, yaitu : 1. Matriks 3D Pada bagi ini akan ditampilkan sebuah tampilan yang menjelaskan mengenai apa itu matriks, cara penulisan matriks, dan contoh matriks beserta penjelasannya. Dimana untuk masuk ke setiap sub bahasan, pengguna tinggal meng-klik tombol panah yang terdapat pada kanan bawah pada setiap halaman. 1

2 2. Determinan Pada bagian ini akan ditampilkan sebuah tampilan yang menjelaskan tentang apa itu determinan, cara mencari atau menentukan determinan dari sebuah matriks dengan cara biasa dan menentukan determinan sebuah matriks dengan cara Sarrus. Dimana untuk masuk ke setiap sub bahasan, pengguna tinggal meng-klik tombol panah yang terdapat pada kanan bawah pada setiap halaman. 3. Jenis-jenis Matriks Pada bagian ini akan ditampilkan sebuah tampilan yang memuat jenis jenis matriks seperti transpose matriks, matriks kofaktor dan matriks invers. Disertai dengan contoh dari masing-masing jenis matriks dan cara mencarinya. 4. Latihan Pada bagian ini akan ditampilkan terlebih dahulu mengenai ketentuan-ketentuan dari latihan ini. Dimana, pengguna harus menjawab 10 pertanyaan yang telah tersedia dalam bentuk pilihan ganda. Pada tampilan ini terdapat tombol panah yang apabila di klik maka pengguna akan masuk ketampilan berikutnya yakni memulai untuk menyelesaikan soal latihan. Setelah menjawab semua pertanyaan yang tersedia maka aplikasi akan menampilkan berapa banyak jumlah soal benar yang anda kerjakan serta nilai yang anda peroleh. Apabila nilai yang anda peroleh belum tuntas atau belum memenuhi standar yang ditentukan aplikasi maka aplikasi akan memberitahukan hal ini dan meminta anda untuk kembali 2

3 mengerjakan soal latihan dengan menekan tombol panah yang tersedia. Dan pengguna akan kembali dihadapkan dengan tampilan soal latihan dengan urutan soal yang tidak sama dengan sebelumnya. 5. Keluar Bagian ini akan menampilkan sebuah tampilan yang berupa pilihan untuk keluar dari aplikasi atau tidak. Pada halaman ini, terdapat dua pilihan, yaitu pilihan Ya untuk keluar dari aplikasi dan pilihan Tidak untuk tetap pada aplikasi dan akan kembali ke menu awal aplikasi. 3.2 PERANCANGAN Pada bagian ini akan dijelaskan mengenai tahap-tahap perancangan aplikasi pembelajaran matriks 3D dan determinan berbasis multimedia yang meliputi use case diagram, activity diagram dan sequence diagram Use Case Diagram Bagian ini menjelaskan dimana aktor/pengguna memperlihatkan suatu hubungan saling berinteraksi antara aktor dengan sistem yang akan digunakan. Disini, kita harus dapat mengidentifikasikan aktor / 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 3

4 aplikasi pembelajaran matriks 3D dan determinan berbasis multimedia secara umum dapat dilihat pada gambar berikut Mengakses materi Matriks 3D Mengakses materi Determinan Siswa Mengakses materi Jenis jenis matriks Mengakses halaman menu Latihan Mengakses halaman menu Keluar Gambar 3.1 Diagram Use Case Dari gambar diatas dapat diuraikan sebagai berikut : 1. Nama : Matriks 3D Aktor : User Uraian : user akan mendapatkan penjelasan mengenai matriks 3D dengan cara memilih menu Matriks 3D. Skenario : 4

5 a. User memilih menu Matriks 3D b. Sistem akan menampilkan menu halaman Matriks s3d c. User meng-klik tombol panah untuk melihat penjelasan berikutnya. d. Sistem akan menampilkan halaman berikutnya yang masih tentang Matriks 3D hingga materi Matriks 3D selesai dan secara otomatis akan kembali ke menu utama. 2. Nama : Determinan Aktor : User Uraian : user akan mendapatkan penjelasan mengenai determinan dengan memilih menu Determinan. Skenario : a. User memilih menu Determinan b. Sistem akan menampilkan menu halaman Determinan c. User meng-klik tombol panah untuk melihat penjelasan berikutnya tentang determinan. 5

6 d. Sistem akan menampilkan penjelasan determinan berikutnya hingga materi determinan selesai dan secara otomatis akan kembali ke menu utama sistem. 3. Nama : Jenis jenis matriks Aktor : User Uraian : dengan memilih menu Jenis jenis Matriks, user akan memperoleh penjelasan mengenai transpose matriks, matriks invers dan matriks kofaktor. Skenario : a. User memilih menu Jenis jenis Matriks b. Sistem menampilkan menu halaman Jenis jenis Matriks c. User memilih salah satu menu dari Jenis jenis Matriks d. Sistem menampilkan keterangan tentang menu yang di pilih oleh user. 4. Nama : Latihan Aktor : User 6

7 Uraian : dengan memilih menu Latihan, User akan dihadapkan pada halaman yang berisikan soal latihan tentang materi sebelumnya yang mengharuskan user untuk mengerjakannya. Skenario : a. User memilih menu Latihan b. Sistem menampilkan menu halaman Latihan c. User mengerjakan soal latihan yang ada d. Sistem akan lanjut ke soal latihan berikutnya e. Apabila user telah selesai mengerjakan soal latihan f. Sistem akan menampilkan berapa soal benar yang user kerjakan 5. Nama : Keluar Aktor : User Uraian : dengan memilih menu Keluar, user dihadapkan pada dua pilihan, pilih Ya untuk keluar dari aplikasi dan pilih Tidak maka user tetap berhadapan dengan aplikasi. Skenario : 7

8 a. User memilih menu Keluar b. Sistem menampilkan halaman menu Keluar c. User memilih Ya akan keluar dari Aplikasi dan memilih Tidak akan kembali ke halaman menu utama Pemodelan Activity Diagram Sebuah diagram aktifitas menjelaskan bagaimana kejadian dari sebuah Use Case. Diagram aktifitas manggambarkan 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 ditunjukkan oleh gambar 3.2, menu Matriks 3D ditunjukkan oleh gambar 3.3, menu Determinan ditunjukkan oleh gambar 3.4, menu Jenis jenis Matriks ditunjukkan oleh gambar 3.5, menu Latihan ditunjukkan oleh gambar 3.6, dan menu keluar ditunjukkan oleh gambar

9 Siswa Sistem Jalankan aplikasi Menampilkan menu pilihan Matriksn 3D Determinan Jenis-jenis matriks Latihan Keluar Memilih salah satu menu pilihan Menampilkan halaman menu yang dipilih Gambar 3.2. Diagram aktivitas untuk aplikasi pembelajaran Matriks 3D dan Determinan Pada Gambar 3.2 dimulai pada halaman pembukaan yg berisikan animasi nama pembuat aplikasi, selanjutnya pengguna memilih tombol masuk dengan meng-klik kalimat click here kemudian sistem akan menampilkan halaman menu utama. Selanjutnya, pengguna memilih menu yang terdiri dari Matriks 3D, Determinan, Jenis jenis Matriks, Latihan dan Keluar. Kemudian sistem akan menampilkan halaman sesuai dengan menu yang dipilih oleh pengguna. 9

10 Diagram Aktivitas Untuk Menu Matriks 3D Siswa Sistem Memilih menu Matriks 3D Menampilkan menu yang dipilih Menekan tombol anak panah Menampilkan penjelasan selanjutnya Gambar 3.3 Diagram aktivitas untuk Menu Matriks 3D Pada Gambar 3.3 aktivitas dimulai pada saat user memilih menu Matriks 3Ddan sistem menampilkan halaman menu Matriks 3D dilanjutkan dengan user meng-klik tombol anak panah sehingga sistem akan menampilkan penjelasan selanjutnya mengenai Matriks 3D. 10

11 Diagram Aktivitas Untuk Menu Determinan Siswa Sistem Memilih menu Determinan Menampilkan halaman menu yang dipilih Meng-klik tombol anak panah Menampilkan penjelasan selanjutnya Gambar 3.4 Diagram aktivitas untuk Menu Determinan Pada G ambar 3.3 aktivitas dimulai pada saat user memilih menu Matriks 3Ddan sistem menampilkan halaman menu Matriks 3D dilanjutkan dengan user meng-klik tombol anak panah sehingga sistem akan menampilkan penjelasan selanjutnya mengenai Matriks 3D. 11

12 Diagram Aktivitas Untuk Menu Jenis jenis Matriks Siswa Sistems Memilih menu Jenis-jenis Matriks Menampilkan menu Jenis-jenis Matriks Transpose matriks Matriks Kofaktor Matriks Invers Menampilkan halaman menu yang dipilih Gambar 3.5 Diagram aktivitas untuk menu Jenis-jenis Matriks Pada Gambar 3.5 use memilih menu Jenis-jenis Matriks, selanjutnya sistem akan menampilkan halaman menu jenis-jenis Matriks. Pada halaman ini akan ditampilkan beberapa menu pilihan jenis-jenis matriks yaitu : transpose matriks, matriks invers dan matriks kovaktor. Diamana apabila user memilih salah satu menu jenis matriks tersebut maka sistem akan menampilkan halaman menu yang dipilih. 12

13 Diagram Aktivitas Untuk Menu Latihan n Siswa Sistem Memilih menu Latihan Menampilkan halaman menu Latihan Memilih tombol anak panah untuk memulai Menampilkan Soal latihan nomor 1 Memilih jawaban Menampilkan soal latihan nomor 2 Memilih Jawaban Menampilkan soal latihan nomor 3 Memilih Jawaban Menampilkan soal latihan nomor 4 Memilih Jawaban Menampilkan soal latihan nomor 5 Memilih jawaban Menampilkan soal latihan nomor 6 Memilih Jawaban Menampilkan soal latihan nomor 7 Memilih Jawaban Menampilkan soal latihan nomor 8 Memilih Jawaban Menampilkan soal latihan nomor 9 Memilih Jawaban Menampilkan soal latihan nomor 10 Memilih jawaban Menampilkan hasil benar dan salah Gambar 3.6 Diagram aktivitas untuk menu Latihan 13

14 Pada gambar 3.6 aktivitas dimulai saat pengguna memilih menu Latihan, kemudian sistem menampilkan halaman menu latihan. Pengguna akan dihadapkan pada soal pertama. Kemudian pengguna mengerjakan soal dan sistem akan menampilkan soal berikutnya, begitu seterusnya hingga semua soal selesai dikerjakan dan sistem akan menampilkan berapa jumlah soal benar yang pengguna kerjakan Diagram Aktivitas Untuk Menu Keluar Siswa Sistem Masuk halaman utama Menampilkan halaman menu utama Memilih menu Keluar Menampilkan halaman Keluar Tampilan halaman Memilih tombol Ya Keluar dari Aplikasi Memilih tombol Tidak Menampilkan halaman menu utama kembali Gambar 3.7 Diagram Aktivitas halaman Keluar 14

15 Pada gambar 3.7 akti vitas dimulai pada saat pengguna berada pada halaman menu utama aplikasi dan kemudian memilih menu keluar. Maka sistem akan menampilkan halaman menu keluar. Apabila pengguna ingin keluar dari aplikasi maka memilih Ya dan apabila pengguna ingin menjalakan menu lain dari aplikasi maka memilih tidak 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 ata ke bawah. Sequence Diagram menggambarkan sebuah skenario atau langkahlangkah untuk menghasilkan suatu keluaran tertentu. 15

16 Halaman utama Halaman menu Halaman menu yang dipilih Siswa Tampilan aplikasi Tampilan aplikasi Tampilan aplikasi Menuju ke halaman utama Menuju ke halaman menu Memilih menu: Matriks 3D Determinan Jenis-jenis matriks Latihan Keluar Gambar 3.8 Diagram sekuensial Aplikasi Matriks 3D dan Determinan Pada gambar 3.8 menggambarkan skenario langkah-langkah yang dilakukan oleh pengguna saat menjalankan aplikasi. Dimulai pada saat pengguna menjalankan aplikasi dan berada pada halaman utama aplikasi, selanjutnya pengguna akan masuk ke halaman menu dan sistem akan menampilkan menu-menu utama dari aplikasi, dari sini pengguna dapat memilih menu mana yang hendak di lihat maka sistem akan menampilkan halaman sesuai yang dipilih oleh pengguna. 16

17 Diagram Sekuensial Untuk Menu Matriks 3D Halaman menu Halaman menu Matriks 3D Siswa Tampilah aplikasi Tampilan aplikasi Menuju halaman utama Menampilkan halaman menu utama Memilih menu Matriks 3D Menampilkan halaman menu Matriks 3D Gambar 3.9 Diagram sekuensial untuk menu Matriks 3D Gambar 3.9 ini merupakan gambaran proses yang terjadi pada halaman menu matriks 3D, ini merupakan gambaran skenario langkah langkah yang dilakukan oleh pengguna. Dimulai pada saat pengguna masuk ke halaman utama pada aplikasi dan pengguna memilih menu matriks 3D maka sistem akan menampilkan halaman menu matriks 3D. 17

18 Diagram Sekuensial Untuk Menu Determinan Menu Menu Materi Utama Determinan Siswa Tampilan aplikasi Tampilan aplikasi Menuju ke halaman utama Tampilan halaman menu utama Memilih menu Determinan Tampilan halaman menu Determinan Gambar 3.10 Diagram sekuensial untuk menu Determinan Pada gambar 3.10 diatas mengambarkan skenario langkah-langkah yang dilakukan oleh pengguna pada halaman menu Dterminan. Dimulai pada saaat pengguna berada di halaman menu utama dan memilih menu Determinana maka sistem akan menampilkan halaman menu Determinan. 18

19 Diagram Sekuensial Untuk Menu Jenis-jenis Matriks Halaman Utama Menu Halaman menu jenis jenis matriks Halaman menu yang dipilih Siswa Tampilan aplikasi Tampilan aplikasi Tampilan aplikasi Menuju ke halaman utama Memilih Menu jenis jenis Matriks Menampilkan halaman jenis jenis matriks Memilih Menu: Menampilkan halaman yang dipilih Matriks Kofaktor Transpose Matriks Matriks Invers Gambar 3.11 Diagram Sekuensial Menu Jenis jenis Matriks Gambar 3.11 menggambarkan skenario langkah langkah yang dilakukan oleh pengguna pada halaman menu jenis-jenis matriks. Dimulai pada saat pengguna berada di halaman utama dan memilih menu jenisjenis matriks maka sistem akan menampilkan halaman menu jenis-jenis 19

20 matriks dan selanjutnya pengguna memilih menu matriks kofaktor, transpose matriks invers Diagram Sekuential Untuk Menu Latihan Soal Latihan Nilai yang diperoleh Siswa Tampilan aplikasi Tampilan aplikasi Memilih menu Latihan Tampilkan soal Latihan Pilih jawaban Tampilkan soal selanjutnya Soal selesai Tampilkan nilai yang diperoleh Gambar 3.12 Diagram Sekuential menu Latihan Gambar 3.12 mengambarkan skenario langkah-langkah yang dilakukan pengguna di halaman Latihan. Dimulai pada saat pengguna memilih menu Latihan maka sistem akan menampilkan halaman menu latihan dengan soal nomor 1 dan pengguna akan mengerjakan soal kemudian sistem akan menampilkan soal berikutnya, begitu seterusnya hingga soal selesai. Maka sistem akan menampilkan berapa soal benar yang telah pengguna kerjakan. 20

21 Diagram Sekuensial Untuk Menu Keluar Halaman menu utama Halaman Keluar Keluar dari aplikasi Kembali ke halaman utama Siswa Tampilan aplikasi Tampilan aplikasi Tampilan aplikasi Tampilan aplikasi Masuk halaman menu utama Memilih Keluar Memilih Ya Memilih Tidak Gambar 3.13 Diagram Sekuential Menu Keluar Gambar 3.13 menggambarkan skenario langkah-langkah yang dilakukan oleh pengguna pada halaman menu keluar. Dimulai saat pengguna masuk ke halaman utama dan memilih menu keluar. Apabila pengguna ingin keluar dari aplikasi maka memilih Ya dan apabila pengguna ingin kembali ke halaman utama aplikasi maka memilih tidak. 3.3 Desain Antar Muka Aplikasi Desain Antar Muka Halaman Pembuka 21

22 Desain halaman setiap menu merupakan tampilan utama yang terdiri dari beberapa objek multimedia teks, gambar, suara latar dan juga tombol tombol navigasi. Tombol tombol navigasi digunakan untuk menuju ke menu menu yang lain, seperti tombol navigasi yang digunakan untuk menuju ke matriks 3D, determinan, jenis-jenis matriks,latihan dan Jam Matriks 3D dan Determinan [ Aplikasi Pembelajaran Matriks 3D dan Determinan] Matriks 3D Determinan Jenis jenis Matriks Latihan Keluar Gambar 3.14 Rancangan Halaman Utama Desain Antar Muka Halaman Matriks 3D Desain antar muka halam menu matriks 3D ini terdiri dari pengertian dan penjelasan-penjelasan mengenai matriks 3D disertai 22

23 dengan contohnya. Pada halaman ini, terdapat anak panah pada kanan bawah halaman yang berfungsi untuk menuju ke penjelasan berikutnya. Dan terdapat juga tombol kembali yang berfungi untuk kembali ke halaman utama apabila semua penjelasan mengenai matriks 3D telah selesai. Pengrtian Matriks 3D Penjelasan mengenai matriks 3D dan contoh matriks 3D Kembali Gambar 3.15 Rancangan Halaman Menu Matriks 3D Desain Antar Muka Menu Determinan Desain antar muka pada menu determinan ini terdiri dari penjelasan mengenai determinan dan disertai dengan contohnya. Pada halaman menu ini juga terdapat anak panah pada kanan bawah halaman yang berfungsi untuk menuju ke penjelasan berikutnya. Dan terpada juga tombol kembali yang berfungsi untuk kembali ke halaman utama apabila penjelasan mengenai determinan telah selesai. 23

24 Pengertian Determinan Penjelasan dan contoh tentang determinan Kembali Gambar 3.16 Rancangan halaman menu determinan Desain Antar Muka Halaman Menu Jenis jenis Matriks Desain antar muka halaman menu jenis-jenis matriks ini terdiri dari matriks kofaktor, transpose matriks dan matriks invers. Apabila pengguna meng-klik setiap jenis matriks di atas maka akan ditampilkan penjelasanpenjelasan sesuai menu apa yang dipilih. Dan terdapat tombol kembali berfungsi untuk kembali ke halaman utama. 24

25 Jam Matriks 3D dan Determinan Matriks Kofaktor Transpose Matriks Matriks Invers Kembali Gambar 3.17 Rancangan Halaman Menu Jenis-jenis Matriks Desain Antar Muka Halaman Utama Menu Latihan Desain antar muka pada halaman utama menu latihan ini terdiri dari ketentuan-ketentuan latihan dan terdapat anak panah pada kanan bawah halaman yang berfungsi untuk menuju ke halaman berikutnya yaitu untuk memulai mengerjakan soal-soal latihan. Ketentuan Latihan Selamat mengerjakan Mulai Latihan Gambar 3.18 Rancangan Halaman Utama Menu Latihan 25

26 3.3.6 Desain Antar Muka Halaman Latihan Soal Desain antar muka pada halaman latihan soal ini terdiri dari soalsoal yang berhubungan dengan materi matriks 3D dan determinan dalam bentuk pilihan ganda yang akan dikerjakan oleh pengguna. Pengguna 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. Latihan Soal : a. Pilihan jawaban 1 b. Pilihan jawaban 2 c. Pilihan jawaban 3 d. Pilihan jawaban 4 Gambar 3.19 Rancangan halaman menu latihan soal Desain Antar Muka Halaman Nilai Desain antar muka pada halaman nilai ini terdiri dari penyampaian berapa nilai yang pengguna dapat, berapa banyak soal benar yang pengguna kerjakan dan berapa banyak soal salah yang pengguna kerjakan. 26

27 Terdapat pula tombol anak panah untuk kembali mengerjakan soal-soal latihan dan ada juga tombol kembali untuk kembali ke halaman utama. Kamu telah mengerjakan 10 soal latihan Nilai Kamu : Jawaban Kamu yang Benar : Jawaban Kamu yang Salah : Ayo Kerjakan lagi.. \ Kembali Gambar 3.20 Rancangan halaman nilai Desain Antar Muka Halaman Menu Keluar Desain antar muka halaman menu keluar ini terdiri dari pilihan tombol yaitu Ya untuk keluar dari aplikasi dan tidak untuk kembali ke halaman utama. Apakah Anda Yakin Untuk Keluar Ya tidak Gambar 3.21 Rancangan halaman menu keluar 27