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. 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
2
meminta
anda
untuk
kembali
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.
3.2.1
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
aplikasi pembelajaran matriks 3D dan determinan berbasis multimedia secara umum dapat dilihat pada gambar berikut
Mengakses materi Matriks 3D
Mengakses materi Determinan Mengakses materi Jenis‐jenis matriks
Siswa 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
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
d.
Sistem
akan
determinan
menampilkan
berikutnya
penjelasan
hingga
materi
determinan selesai dan secara otomatis akan kembali ke menu utama sistem. 3. Nama Aktor Uraian
: Jenis – jenis matriks : User : 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 Aktor
: Latihan : User
6
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
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
3.2.2
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 3.7.
8
Siswa
Sistem
Menampilkan menu pilihan
Jalankan aplikasi
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
3.2.2.1 Diagram Aktivitas Untuk Menu Matriks 3D
Siswa
Sistem
Menampilkan menu yang dipilih
Memilih menu Matriks 3D
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
3.2.2.2 Diagram Aktivitas Untuk Menu Determinan
Siswa
Memilih menu Determinan
Sistem
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
3.2.2.3 Diagram Aktivitas Untuk Menu Jenis – jenis Matriks
Siswa
Memilih menu Jenis-jenis Matriks
Transpose matriks
Matriks Kofaktor
Sistems
Menampilkan menu Jenis-jenis Matriks
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
3.2.2.4 Diagram Aktivitas Untuk Menu Latihan n
Siswa
Memilih menu Latihan
Sistem
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
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. 3.2.2.5 Diagram Aktivitas Untuk Menu Keluar Siswa
Masuk halaman utama
Sistem
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
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”. 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 ata ke bawah. Sequence Diagram menggambarkan sebuah skenario atau langkahlangkah untuk menghasilkan suatu keluaran tertentu.
15
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
3.2.3.1 Diagram Sekuensial Untuk Menu Matriks 3D
Halaman menu
Siswa
Tampilah aplikasi
Halaman menu Matriks 3D 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
3.2.3.2 Diagram Sekuensial Untuk Menu Determinan Menu
Utama
Siswa
Tampilan aplikasi
Menu Materi Determinan 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
3.2.3.3 Diagram Sekuensial Untuk Menu Jenis-jenis Matriks
Halaman Utama Menu
Siswa
Tampilan aplikasi
Halaman menu yang dipilih
Halaman menu jenis‐jenis matriks
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
matriks dan selanjutnya pengguna memilih menu matriks kofaktor, transpose matriks invers.
3.2.3.4 Diagram Sekuential Untuk Menu Latihan Soal Latihan
Siswa
Tampilan aplikasi
Nilai yang diperoleh 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
3.2.3.5 Diagram Sekuensial Untuk Menu Keluar
Halaman menu utama
Keluar dari aplikasi
Halaman Keluar
Siswa
Kembali ke halaman utama
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 3.3.1 Desain Antar Muka Halaman Pembuka
21
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
3.3.2
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
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
3.3.3
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
Pengertian Determinan
Penjelasan dan contoh tentang determinan
Kembali
Gambar 3.16 Rancangan halaman menu determinan
3.3.4
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
Jam
Matriks 3D dan Determinan
Matriks Kofaktor
Transpose Matriks
Matriks Invers Kembali
Gambar 3.17 Rancangan Halaman Menu Jenis-jenis Matriks
3.3.5
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
3.3.6
Desain Antar Muka Halaman Latihan Soal Desain antar muka pada halaman latihan soal ini terdiri dari soal-
soal 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
3.3.7
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
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
3.3.8
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
