BAB III ANALISA DAN PERANCANGAN

Transkripsi

1 BAB III ANALISA DAN PERANCANGAN 3.1 Analisa Sistem Tahap analisis merupakan tahapan yang awal dalam membuat sebuah perangkat lunak dimana penulis menganalisa kebutuhan dasar sistem. Analisa dilakukan untuk mengetahui spesifikasi kebutuhan sistem yang akan dibangun. Penulis merancang bangun aplikasi pembelajaran matematika dengan metode Math Magic yang terdiri dari materipenjumlahan, Perkalian silang dua angka, Perkalian silang tiga angka dan Kuadrat bilangan 2 angka. Aplikasi ini juga disertai dengan suara latar dan beberapa suara pemandu pada materi, sehingga pengguna dapat menggunakan aplikasi ini dengan mudah memahami pelajaran yang diberikan. Program ini dibuat untuk mempermudah pembelajaran khususnya pelajaran matematika pada tingkat anak anak dimana fasilitas yang memungkinkan siswa mengulang sendiri materi yang belum dipahaminya dan memberikan kesempatan kepada siswa untuk lebih memahami materi yang disampaikan. Program ini menyediakan tampilan yang menarik dan interaktif karena ditunjang oleh gambar, animasi dan suara, sehingga memiliki daya tarik tersendiri bagi anak - anak yang dapat memicu semangat belajar siswa untuk meningkatkan hasil belajar serta siswa tidak cepat merasa jenuh dalam proses belajar. Penulis merancang aplikasi pembelajaran matematika dengan metode Math Magic dengan memasukkan 3 tahap yang merupakan sistem kerja dari aplikasi tersebut, diantaranya adalah sebagai berikut : Tahap proses pengambilan gambar dimana gambar disimpan terlebih dahulu ke dalam direktori file penyimpanan gambar sebagai masukan kemudian terjadi pengambilan gambar tersebut dari direktori berkas penyimpanannya dan langsung tereksekusi kemudian muncul pada layar sebagai keluaran. Tahap proses pengambilan suara dimana suara yang digunakan dalam aplikasi ini berformat.mp3 yang disimpan ke dalam direktori berkas penyimpanan

2 36 suara sebagai masukan kemudian dalam tahap proses terjadi pengaturan sewaktu gambar atau teks keluar lalu suara tereksekusi lalu munculah keluaran berupa bunyi. Tahap proses penilaian, pertanyaan dan jawaban dibuat di dalam aplikasi kemudian diproses oleh sistem, dimana penulis menyajikan pertanyaan. Siswa (user) menjawab pertanyaan yang ada kemudian terjadi pencocokan jawaban, jika jawaban benar maka sistem akan memberitahu bahwa jawaban benar, dan begitupun sebaliknya. 3.2 Konsep Aplikasi ini dirancang menggunakan metode pengembangan multimedia dengan melalui 6 tahap yaitu konsep, perancangan, pengumpulan material, pembuatan, pengujian dan pendistribusian.aplikasi ini menggunakan teks pada penjelasannya, gambar sebagai pendukung penjelasan, dan animasi supaya ptidak bosan dan menarik minat pengguna. Aplikasi ini juga dimaksudkan untuk menggantikan pembelajaran yang bersifat manual menjadi digital selain bisa cepat mengerti, menggunakannya akan lebih mengasikkan karena lebih menarik. Tabel 3.1 Deskripsi Konsep Aplikasi Judul Pengguna Gambar Suara Animasi teks Interaktif Rancang bangun aplikasi pembelajaran Matematika dengan Metode Math Mgic Siswa kelas TK B 2 SD Menggunakan file berformat.jpg yang dibuat sendiri Menggunakan file.mp3 Animasi pada teks dan gambar dibuat sendiri Menggunakan tombol navigasi animasi dan pemanfaatan media suara pada aplikasi

3 Perancangan Pada bagian ini akan dijelaskan secara rinci Perancangan Aplikasi Pembelajaran Matematika dengan metode Math Magic berbasis Multimedia yang meliputi pemodelan use casediagram, peta navigasi, perancangan storyboard, sequencediagram, activitydiagram dan perancangan antarmuka Pemodelan Use Case Diagram Pada aplikasi pembelajaran matematika dengan Metode Math Magic berbasis multimedia ini, dapat diidentifikasi bahwa actor utamanya adalah user (pengguna). Dari identifikasi actor tersebut, maka akan didapatkan satu diagramuse case dan beberapa skenario yang memperlihatkan interaksi-interaksi use case dengan aktor. Use case diagram aplikasi ini dapat dilihat pada gambar 3.1. Aplikasi Materi Permainan <<extend>> <<extend>> Memilih Submateri Submateri Memilih Latihan Latihan Pengguna Gambar 3.1 Use Case Diagram Rancang Bangun Aplikasi Matematika Dengan Metode Math Magic

4 38 Tabel 3.2 Use Case Materi Nama Belajar matematika dari BAB 1 hingga BAB 4 Aktor Deskripsi Skenario Siswa kelastk B 2 SD Pengguna dapat memilih menu BAB 1 sampai 4 yang di dalamnya berisi materi beserta latihan dari masingmasing BAB tersebut 1. Pengguna memilih menu materi mengenai operasi hitung penjumlahan bilangan 2. Sistem masuk ke halaman materi operasi hitung penjumlahan 3. Pengguna memilih menu contoh soal 4. Sistem masuk ke menu contoh soal 5. Pengguna memilih menu latihan 6. Sistem masuk ke halaman latihan yang berisi soalsoal 7. Pengguna mengerjakan soal-soal yang disediakan 8. Sistem mengecek jawaban pengguna 9. Pengguna memilih kembali ke menu materi untuk melanjutkan materi berikutnya 10. Sistem masuk ke halaman utama materi pelajaran 11. Pengguna memilih menu perkalian 12. Sistem masuk ke halaman materi perkalian yang terdiri dari 1 submateri di dalamnya 13. Pengguna memilih submateri yang ada 14. Sistem masuk ke halaman submateri yang dipilih 15. Pengguna memilih menu contoh soal

5 Sistem masuk ke menu contoh soal 17. Pengguna memilih menu latihan 18. Sistem masuk ke halaman latihan yang berisi soalsoal 19. Pengguna mengerjakan soal-soal yang disediakan 20. Sistem mengecek jawaban pengguna 21. Pengguna memilih sub materi perkalian 3 angka 22. Pengguna memilih menu perkalian 3 angka 23. Sistem masuk ke halaman materi perkalian 3 angka 24. Pengguna memilih menu contoh soal 25. Sistem masuk ke menu contoh soal 26. Pengguna memilih menu latihan 27. Sistem masuk ke halaman latihan yang berisi soalsoal 28. Pengguna mengerjakan soal-soal yang disediakan 29. Sistem mengecek jawaban pengguna 30. Pengguna memilih kembali ke menu materi untuk melanjutkan materi berikutnya 31. Sistem masuk ke halaman utama materi pelajaran 32. Pengguna memilih menu materi perhitungan kuadrat 33. Sistem masuk ke halaman perhitungan kuadrat 34. Sistem masuk ke halaman materi perhitungan kuadrat 35. Pengguna memilih menu contoh soal 36. Sistem masuk ke menu contoh soal 37. Pengguna memilih menu latihan 38. Sistem masuk ke halaman latihan yang berisi soal-

6 40 soal 39. Pengguna mengerjakan soal-soal yang disediakan 40. Sistem mengecek jawaban pengguna 41. Pengguna memilih kembali ke menu materi untuk melanjutkan materi berikutnya 42. Sistem masuk ke halaman utama materi pelajaran 43. Pengguna memilih menu materi pembagian 44. Sistem masuk ke halaman materi pembagian 45. Pengguna memilih menu pembagian 46. Sistem masuk ke menu contoh soal Kondisi Awal 1. Pengguna menerima halaman materi pelajaran operasi penjumlahan. 2. Pengguna menerima halaman latihan operasi penjumlahan 3. Pengguna menerima halaman materi perkalian yang terdiri dari 1submateri yaitu perkalian silang 3 angka 4. Pengguna menerima halaman latihan pelang 2 angka 5. Pengguna menerima halaman materi pelajaran pembagian 6. Pengguna menerima halaman materi pelajaran kuadrat. 7. Pengguna menerima halaman kuadrat

7 41 Kondisi Akhir 1. Pengguna mempelajari materi operasi hitung penjumlahan 2. Pengguna mengisi jawaban pada soal latihan materi operasi hitung penjumlahan 3. Pengguna mempelajari materi perkalian silang 2 angka 4. Pengguna mengisi jawaban pada soal latihan materi perkalian silang 2 angka 5. Pengguna mempelajari materi perkalian silang 3 angka 6. Pengguna mengisi jawaban pada soal latihan materi perkalian silang 3 angka 7. Pengguna mempelajari materi pembagian 8. Pengguna mempelajari materi kuadrat 9. Pengguna mengisi jawaban pada soal latihan materi kuadrat Tabel 3.3 Use Case Permainan Nama Permainan Aktor Deskripsi Skenario Siswa kelas TK B 2 SD Pengguna dapat menjawab soal soal yang disediakan dalam tempo yang singkat. 1. Pengguna memilih Permainan 2. Sistem masuk ke halaman permainan yang berisi soal - soal 3. Pengguna mengerjakan soal-soal yang disediakan

8 42 4. Sistem mengecek jawaban pengguna dan menampilkan nilai dari hasil pekerjaan pengguna 5. Pengguna memilih kembali ke menu utama materi Kondisi Awal Kondisi Akhir 1. Pengguna menerima halaman permainan 1. Pengguna mengisi soal soalyang sudah disediakan Perancangan Storyboard Storyboard merupakan deskripsi dari masing-masing tampilan suatu kejadian dari movie yang akan dimainkan. Dengan mencantumkan semua objek atau elemen multimedia serta komponen-komponen aplikasi yang akan dibuat. Secara umum rancangan storyboard yang dibuat oleh penulis sebagai berikut. Tabel 3.4 Perancangan Storyboard Scene 1 Visual JUDUL x Gambar masuk Form Name : Halaman Pembuka Link : Scene 2 Keterangan : Halaman pembuka aplikasi pembelajaran matematika dengan metode Math Magic

9 43 Tabel 3.5 Perancangan Storyboard (lanjutan 1) Scene Visual 2 JUDUL MENU X PENJUMLAHAN Permainan Perkalian Kuadrat Form Name : Menu Materi Pembagian Link : Scene 2, 5, 10, 15 dan movie permainan Keterangan : Menampilkan menu utama materi pembelajaran matematika 3 JUDUL back X MATERI PENJUMLAHAN LATIHAN CONTOH Form Name : Bab I Link : Scene 8 dan scene 9 Keterangan : Menampilkan halaman materi bab I mengenai penjumlahan

10 44 Tabel 3.6 Perancangan Storyboard (lanjutan 2) Scene 4 Visual JUDUL SOAL acak koreksi Form Name : Bab1-Latihan Link : Scene 2 Keterangan : Menampilkan soal untuk materi penjumlahan 5 JUDUL bac X MATERI PERKALIAN 2 ANGKA Perkalian 3 angka LATIHAN CONTOH Form Name : Bab II Link : Scene 2, 9 dan 11 Keterangan : Menampilkan halaman materi bab II mengenai perkalian

11 45 Tabel 3.7 Perancangan Storyboard (lanjutan 3) Scene 6 Visual JUDUL SOAL acak koreksi Form Name : Bab II Latihan Link : Scene 2 Keterangan : Menampilkan soal untuk materi perkalian 7 JUDUL bac X MATERI PERKALIAN 3 ANGKA LATIHAN Form Name : Bab II CONTOH Link : Scene 2, 12 dan 14 Keterangan : Menampilkan halaman sub materi bab II mengenai perkalian 3 angka

12 46 Tabel 3.8 Perancangan Storyboard (lanjutan 4) Scene 8 Visual JUDUL SOAL acak koreksi Form Name : Bab II Latihan sub materi Link : Scene 2 Keterangan : Menampilkan soal untuk materi perkalian 3 angka 9 JUDUL bac X KUADRAT LATIHAN CONTOH Form Name : Bab III Link : Scene 2, 16 dan 17 Keterangan : Menampilkan halaman sub materi bab III mengenai kuadrat

13 47 Tabel 3.9 Perancangan Storyboard (lanjutan 5) Scene 10 Visual JUDUL SOAL acak koreksi Form Name : Bab II Latihan sub materi Link : Scene Keterangan : Menampilkan soal untuk materi kuadrat 11 JUDUL bac X PEMBAGIAN KELUAR CONTOH Form Name : Bab III Link : Scene 2 dan 6 Keterangan : Menampilkan halaman sub materi bab IV mengenai pembagian

14 Pemodelan Sequence Diagram Sequence diagram digunakan untuk mengambarkan perilaku pada sebuah skenario. Diagram ini menunjukan sejumlah contoh objek dan message (pesan) yang diletakan diantara objek-objek ini di dalam use case. Sequence diagram menggambarkan interaksi antar objek di dalam dan disekitar sistem (termasuk pengguna, display, dan sebagainya) berupa pesanyang digambarkan terhadap waktu.sequence diagramterdiri atas dimensi waktu dan objek-objek yang terkait. Sequence diagram biasa digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai respon dari sebuah event untuk menghasilkan keluaran tertentu. Dari bentuk use case yang telah digambarkan sebelumnyahanya satu aktor yang akan dibuat sequence diagram sesuai dengan use case yang telah dibuat sebelumnya.

15 49 Menu materi Materi Submateri Latihan Pengguna Akses menu materi Menampilkan menu materi Pilih materi Menampilkan halaman dari materi Pilih submateri Menampilkan submateri Masuk halaman latihan Menampilkan halaman latihan Menjawab soal Cek jawaban Menampilkan hasil Gambar 3.2 Sequence Diagram Materi Pelajaran

16 50 Menu Permainan Permainan Pengguna Akses menu permainan Menampilkan menu permainan Akses menu permainan Menampilkan soal permainan Menjawab soal Cek jawaban Menampilkan hasil Gambar 3.3 Sequence Diagram Permainan Pemodelan Activity Diagram Activity diagram adalah teknik untuk menggambarkan logika procedural, proses bisnis, dan jalur kerja. Dalam beberapa hal, diagram ini memainkan peran mirip sebuahdiagram alir, tetapi perbedaan prinsip antar diagram ini dan notasi diagram alir adalah diagram ini mendukung behavior parallel. (Fowler, 2005)

17 51 Pengguna aplikasi Sistem Masuk ke dalam halaman utama Menampilkan halaman utama yang berisi menu materi Memilih menu materi Menampilkan halaman menu materi Submateri Menampilkan halaman sub materi Gambar 3.4 Activity Diagram Materi Pelajaran Pada Gambar 3.4 dapat dijelaskan bahwa aplikasi dimulai ketika pengguna memilih menu materi yang tersedia yaitu operasi penjumlahan, perkalian dan kuadrat. Kemudian sistem akan menampilkan halaman masingmasing menu sesuai yang dipilih. Selanjutnya pengguna dapat memilih menu yang terdiri dari beberapa submateri.ketika pengguna memilih menu submateri maka sistem akan menampilkan halaman submateri.

18 52 Pengguna Aplikasi Sistem Memilih Menu Materi Menampilkan menu materi Memilih menu latihan Memilih menu latihan Soal = Soal + 1 Input Jawaban Verifikasi Jawaban Coba Lagi True False Menampilkan Jawaban Salah True False Gambar 3.5 Activity Diagram Menu Latihan Pada Gambar 3.5 dapat dijelaskan bahwa ketika pengguna memilih menu latihan yang tersedia maka sistem akan menampilkan halaman latihan. Lalu pengguna mengklik mulai dan sistem akan menampilkan halaman soal, lalu pengguna dapat menjawab soal. Setelah itu sistem akan mengecek jawaban, apabila jawaban benar maka sistem akan menampilkan kalimat bahwa jawaban benar, jika salah maka sistem akan menampilkan kalimat bahawa jawaban salah.