BAB III ANALISA DAN PERANCANGAN 3.1 Analisis Sistem Dalam membangun aplikasi ancang bangun modul pembelajaran matematika untuk kelas II SD, tahap analisis merupakan tahapan yang paling awal dalam membuat sebuah perangkat lunak. Pada tahapan ini penulis menganalisa kebutuhan dasar sistem. Analisa dilakukan terhadap data-data yang merepresentasikan masalah, sehingga dapat diketahui spesifikasi kebutuhan sistem yang akan dibangun. Pada tugas akhir ini, akan dirancang suatu pembelajaran berbasis multimedia untuk pelajaran matematika untuk siswa tingkat kelas II SD. Aplikasi ini terdiri dari materi pengenalan bilangan,penjumlahan dan pengurangan, pengukuran waktu, pengukuran panjang dan berat benda, operasi hitung bilangan dan bangun datar. Dimana pada materi-materi tersebut disusun berdasarkan kurikulum di Indonesia yang sekarang digunakan yaitu kurikulum tingkat satuan pendidikan (KTSP). Aplikasi ini disertai dengan suara yang akan memberikan petunjuk kepada pengguna, sehingga pengguna dapat menggunakan aplikasi ini dengan mudah memahami pelajaran yang diberikan Kegunaan program ini adalah untuk mempermudah pembelajaran khususnya pelajaran matematika kelas II SD, 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 fitur-fitur yang menarik dan interaktif karena ditunjang oleh gambar dan suara, sehingga memiliki daya tarik tersendiri bagi siswa kelas II SD yang dapat memicu semangat belajar 34
35 siswa untuk meningkatkan hasil belajar serta siswa tidak cepat merasa jenuh dalam proses belajar. 3.2 Konsep Aplikasi rancang bangun modul pembelajaran matematika ini merupakan aplikasi yang dibuat khusus untuk digunakan oleh anak kelas II SD. Aplikasi ini dirancang menggunakan metode pengembangan multimedia dilakukan melalui 6 tahap yaitu konsep, perancangan, pengumpulan material, pembuatan, pengujian dan distribusi. Aplikasi ini menggunakan teks untuk pembelajaran dan penjelasan, gambar sebagai pembelajaran, dan animasi supaya pengguna tidak bosan. Deskripsi konsep aplikasi ini adalah sebagai berikut : Tabel 3.1. Deskripsi Konsep Aplikasi Judul Pengguna Gambar Suara Animasi teks Interaktif Rancang bangun aplikasi modul pembelajaran kelas 2 SD Pelajar khususnya siswa sekolah kelas 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 Kegunaan aplikasi ini juga dimaksudkan untuk menggantikan pembelajaran yang bersifat manual menjadi digital. Aplikasi ini selain bisa cepat di mengerti, pada saat menggunakannya juga akan lebih mengasikkan karena lebih menarik. Aplikasi ini bisa digunakan pada komputer atau laptop
36 manapun tidak perlu mengakses internet jadi lebih mudah karena bisa dipakai dimanapun dan kapan saja. 3.3 Perancangan Pada bagian ini akan dijelaskan secara rinci perancangan Rancang bangun aplikasi modul pembelajaran matematika kelas 2 SD ini meliputi pemodelan use case diagram, sequence diagram dan activity diagram. 3.3.1 Perancangan Use Case Diagram Aktor memperlihatkan himpunan pengguna use case, himpunan sesuatu yang berinteraksi dengan sistem yang akan digunakan. Kita harus mengidentifikasi aktor dan memahami bagaimana aktor akan menggunakan dan berinteraksi dengan sistem. Pada aplikasi rancang bangun modul pembelajaran matematika untuk kelas II SD ini, dapat diidentifikasikan bahwa aktor utamanya adalah user(pengguna). Dari identifikasi actor tersebut, maka akan didapatkan satu diagram use case dan beberapa skenario yang memperlihatkan interaksiinteraksi use case dengan actor. Use case diagram Rancang bangun aplikasi modul pembelajaran matematika kelas 2 SD dapat dilihat pada gambar dibawah ini.
Gambar 3.1 Diagram UseCase 37
38 Berikut adalah deskripsi Use Case yang telah digunakan diatas : Tabel 3.2 Use Case Semeter Nama Aktor Deskripsi Skenario Materi Semester Siswa 1. Siswa dapat memilih materi sesuai dengan semester yang diinginkan 2. Siswa dapat memilih ujian semestersesuai dengan semester yang diinginkan 1. Siswa memilih menu semester yang diinginkan 2. Sistem masuk ke halaman menu semester yang telah dipilih 3. Siswa memilih bab materi yang telah disediakan 4. Siswa masuk ke halaman menu bab yang telah dipilih 5. Siswa masuk ke halaman latihan 6. Siswa mengerjakan soal latihan dalam bentuk pilihan ganda 7. Sistem mengecek jawaban soal latihan yang telah dikerjakan Kondisi Awal Kondisi Akhir Siswa menerima halaman materi semester yang terdiri dari tombol semester 1, semester 2, dan tombol materi per bab serta tombol latihan. 1. Siswa siap mempelajari teori materi, setelah memilih menu semester dan menu bab materi yang diinginkan 2. Siswa siap mengerjakan soal latihan dalam bentuk pilihan ganda
39 Tabel 3.3 Use Case Ujian Semester Nama Aktor Deskripsi Ujian semester Siswa 1. Siswa dapat memilih menu ujian semester sesuai dengan semester yang diinginkan 2. Siswa mengerjakan soal ujian semester yag telah dipilih dalam bentuk pilihan ganda Skenario 1. Siswa memilih menu ujian semester yang diinginkan 2. Sistem masuk ke halaman ujian semester yang telah dipilih 3. Sistem mengecek jawaban soal latihan Kondisi Awal Kondisi Akhir Siswa menerima halaman ujian semester yang terdiri dari tombol ujian semester 1 dan ujian semester 2. Siswa siap mengerjakan soal latihan pilihan ganda 3.3.2 Perancangan Activity Diagram Pemodelan activity diagram dapat digunakan untuk mewakili secara grafis aliran kejadian dari use case. Diagram ini menggambarkan langkah yang mana dijalankan secara berurutan dan langkah mana yang dijalankan secara bersamaan. Aliran pengaturan dari activitas suatu state ke state berikutnya disebut dengan transition. Diagram aktifitas untuk materi per semester ditunjukkan oleh Gambar 3.2, diagram aktifitas untuk ujian semester ditunjukkan oleh Gambar 3.3.
40 3.3.2.1 Activity Diagram untuk Materi per Semester Pada Gambar 3.2 aktifitas dimulai ketika siswa sudah masuk kedalam menu semester, aktivitas selanjutnya memilih materi per semester. Setelah itu, siswa memilih menu materi sesuai dengan bab materi yang diinginkan. Didalam menu bab materi terdapat tombol sub materi dan tombol latihan. Apabila siswa memilih menu sub bab matri yang telah disediakan, maka sistema kan menampilkan materi pelajaran yang telah dipilih. Apabila siswa memilih menu latihan, maka siswa mengerjakan soal latihan, apabila siswa tidak memilih jawaban pada tombol jawaban yang disediakan maka sistem tidak akan meneruskan proses tersebut. Aktivitas selanjutnya siswa bisa memilih kembali ke menu semester untuk memilih kembali menu yang tersedia.
41 Pengguna aplikasi Sistem Memilih menu kelas 2 SD Menampilkan menu kelas 2 SD Memilih materi per semester Memilih bab materi Menampilkan halaman materi per semester Menampilkan halaman bab materi memilih latihan memilih submateri Submateri Menampilkan halaman submateri Menampilkan halaman latihan Klik mulai Menampilkan soal benar Menjawab soal Memeriksa jawaban jika jawaban benar jika jawaban salah Hasil + 1 jumlah soal = 10? tidak ya Menampilkan halaman nilai Gambar 3.2 Diagram Aktivitas untuk Materi persemester
42 3.3.2.2 Activity Diagram untuk Ujian Semester Pada Gambar 3.3 aktivitas dimulai ketika siswa memilih menu ujian semester, maka siswa mengerjakan soal ujian per semester, dan apabila siswa tidak memilih jawaban pada tombol jawaban yang disediakan, maka sistem tidak akan meneruskan proses tersebut. Aktivitas selanjutnya siswa bisa memilih ke menu semester untuk memilih kembali menu yang tersedia.
43 Pengguna aplikasi Sistem Memilih menu kelas 2 SD Menampilkan menu kelas 2 SD Memilih ujian semester Menampilkan halaman ujian semester Klik mulai Menampilkan soal Menjawab soal Memeriksa jawaban jika jawaban benar jika jawaban salah Hasil + 1 jumlah soal = 10? tidak ya Menampilkan halaman nilai Gambar 3.3 Diagram Aktivitas untuk Ujian Semester 3.3.3 Perancangan Sequence Diagram Sebuah sequence diagram secara khusus menjabarkan aktivitas sebuah skenario tunggal. Diagram tersebut menunjukkan sejumlah objek contoh dan
44 pesan-pesan yang melewati objek-objek di dalam use case diagram (Fowler, 2005:81). Dari bentuk use case yang telah digambarkan sebelumnya, dapat dibuat sequence diagram yang tampak pada Gambar 3.4 sampai Gambar 3.5. Gambar 3.4 Sequence Diagram untuk Materi per Semester
Gambar 3.5 Sequence Diagram untuk Ujan Semester 45
46 Pada Sequence Diagram di gambar 3.4 dan 3.5 menggambarkan skenario dan langkah-langkah yang dilakukan siswa. Pertama siswa masuk ke menu semester setelah itu baru pilih menu materi yang ada lalu sistem akan menampilkan halaman menu materi yang dipilih, di dalam menu materi terdapat beberapa submenu dan latihan. Apabila siswa memilih salah satu menu sub materi yang tersedia maka sistem akan menampilkan isi dari sub materi tersebut. Dan, apabila siswa memilih menu latihan, maka sistem akan menampilkan soal latihan perkalian. Siswa mengerjakan soal latihan dan sistem akan mengecek jawaban dari siswa, lalu sistem menampilkan nilainya. 3.4 Perancangan Struktur Navigasi Struktur navigasi yang digunakan adalah hierarchical model dengan sedikit modifikasi. Pada model ini dapat dilihat siswa setiap scene yang berhubungan dengan scene lainnya. Hasil yang dicapai dari perancangan struktur navigasi ini adalah memahami penulis dalam pembuatan Rancang bangun aplikasi modul pembelajaran matematika kelas 2 SD
Gambar 3.6 Struktur Navigasi 47
48 3.5 Perancangan Storyboard Scene Visual 1 Nama scene : Intro Link : Scene 2 Keterangan : Menampilkan halaman pembuka aplikasi 2 Nama scene : Utama Link : Scene 3, Scene 29, Load movie 1, Load movie 2, Load movie 3, Load movie 5 dan Load movie 6 Keterangan : Menampilkan pilihan materi sesuai dengan kelas yang diinginkan.
49 3 Judul Aplikasi Keluar Semester 1 Semester 2 Ujian semester 1 Ujian semester 2 Nama scene : semester Link : Scene 2,4, 20, 30 dan 31 Keterangan : Halaman ini menampilkan pilihan materi per semester dan ujian per semester.
50 4 Semester 1 Pengenalan Bilangan Penjumlahan & Pengurangan Pengukuran Waktu Panjang & Berat Benda Nama Scene : Semester1 Link : Scene 3, 5, 8, 13 dan 17 Keterangan : Menampilkan pilihan materi per bab pada semester 1 5 Mengenal & Membandingkan Bilangan prev next Mengenal Bilangan Mengenal Bilangan Genap & Ganjil Nama Scene : Mengenal Bilangan Link : Scene 3, 6,dan 7 Keterangan : Menampilkan sub bab materi bab 1 yaitu mengenal bilangan
51 6 Mengenal & Membandingkan prev next Bilangan Genap & Ganjil Mengenal Bilangan Mengenal Bilangan Genap & Ganjil Nama Scene : Bilangan genap ganjil Link : Scene 3, 5 dan scene 7 Keterangan : Menampilkan sub bab materi bab 1 yaitu mengenal dan membandingkan bilangan genap dan ganjil. 7 No Soal a b c Nama Scene : bab1 Link : Scene 3 dan scene 5 Keterangan : Menampilkan soal latihan dari bab 1, di mana siswa dapat memlihi jawaban yang dianggap benar
52 8 Penjumlahan Tanpa Menyimpan prev next Penjumlahan tanpa meminjam Penjumlahan dengan meminjam Pengurangan tanpa meminjam Pengurangan dengan meminjam Nama Scene : Penjumlahan Tanpa Menyimpan Link : Scene 3, 9, 10,11 dan 12 Keterangan : Menampilkan sub bab materi bab 2 yaitu penjumlahan tanpa menyimpan 9 Penjumlahan Dengan Menyimpan prev next Penjumlahan tanpa menyimpan Penjumlahan dengan menyimpan Pengurangan tanpa menyimpan Pengurangan dengan menyimpan Nama Scene : Penjumlahan Dengan Menyimpan Link : Scene 3, 8, 10, 11,dan 12 Keterangan : Menampilkan sub bab materi bab 2 yaitu penjumlahan dengan menyimpan
53 10 Pengurangan Tanpa Menyimpan prev next Penjumlahan tanpa menyimpan Penjumlahan dengan menyimpan Pengurangan tanpa menyimpan Pengurangan dengan menyimpan Nama Scene : Pengurangan Tanpa Menyimpan Link : Scene 3, 8, 9, 11 dan 12 Keterangan : Menampilkan sub bab materi bab 2 yaitu pengurangan tanpa menyimpan 11 Pengurangan Dengan Menyimpan prev next Penjumlahan tanpa menyimpan Penjumlahan dengan menyimpan Pengurangan tanpa menyimpan Pengurangan dengan menyimpan Nama Scene : Pengurangan Dengan Menyimpan Link : Scene 3, 8, 9, 10 dan 12 Keterangan : Menampilkan sub bab materi bab 2 yaitu penjumlahan dengan menyimpan
54 12 No Soal a b c Nama Scene : bab 2 Link : Scene 3 dan scene 8 Keterangan : Menampilkan soal latihan dari bab 2, di mana siswa dapat memlihi jawaban yang dianggap benar 13 Menentukan Waktu Jam prev next Menentukan waktu jam liskan waktu Lama waktu Nama Scene : Menentukan Waktu Jam Link : Scene 3, 14, 15 dan 16 Keterangan : Menampilkan sub bab materi bab 3 yaitu menentukan waktu jam
55 14 liskan Waktu prev next Menentukan waktu jam liskan waktu Lama waktu Nama Scene : liskan Waktu Link : Scene 3, 13, 15 dan 16 Keterangan : Menampilkan sub bab materi bab 3 yaitu menuliskan waktu 15 Lama Waktu prev next Menentukan waktu jam liskan waktu Lama waktu Nama Scene : Lama Waktu Link : Scene 3, 13, 14 dan 16 Keterangan : Menampilkan sub bab materi bab 3 yaitu lama waktu
56 16 No Soal a b c Nama Scene : bab3 Link : Scene 3 dan scene 13 Keterangan : Menampilkan soal latihan dari bab 3, di mana pengguna dapat memlihi jawaban yang dianggap benar 17 Panjang Benda prev next Panjang benda Berat benda Nama Scene : Panjang Benda Link : Scene 3,18 dan 19 Keterangan : Menampilkan sub bab materi bab 4 yaitu panjang benda
57 18 Berat Benda prev next Panjang benda Berat benda Nama Scene : Berat Benda Link : Scene 3, scene 17, dan scene 19 Keterangan : Menampilkan sub bab materi bab 4 yaitu berat benda 19 No Soal a b c Nama Scene : bab4 Link : Scene 3 dan Scene 17 Keterangan : Menampilkan soal latihan dari bab 4, di mana pengguna dapat memlihi jawaban yang dianggap benar
58 20 Semester 2 Operasi Hitung Perkalian & Pembagian Bangun Datar Nama Scene : Semester 2 Link : Scene 3, scene 21 dan scene 25 Keterangan : Menampilkan pilihan materi per bab pada semester 2 21 Perkalian Dua Bilangan prev next Perkalian dua bilangan Pembagian dua bilangan Operasi campuran Nama Scene : Perkalian Link : Scene 3, scene 22, 23, dan 24 Keterangan : Menampilkan sub bab materi bab 5 yaitu perklaian dua bilangan
59 22 Pembagian Dua Bilangan prev next Perkalian dua bilangan Pembagian dua bilangan Operasi campuran Nama Scene : Pembagian Link : Scene 3, scene 21, 23 dan 24 Keterangan : Menampilkan sub bab materi bab 5 yaitu pembagian dua bilangan 23 Operasi Campuran prev next Perkalian dua bilangan Pembagian dua bilangan Operasi campuran Nama Scene : Operasi Campuran Link : Scene 3, scene 20, 21, 22 dan 24 Keterangan : Menampilkan sub bab materi bab 5 yaitu operasi campuran
60 24 No Soal a b c Nama Scene : bab5 Link : Scene 3 dan Scene 21 Keterangan : Menampilkan soal latihan dari bab 5, di mana pengguna dapat memilih jawaban yang dianggap benar 25 Mengelompokan Bangun Datar prev next Mengelompokan bangun datar Mengenal sisi bangun datar Mengenal sudut bangun datar Nama Scene : Mengelompokan Bangun Datar Link : Scene 3, scene 26, 27 dan 28 Keterangan : Menampilkan sub bab materi bab 6 yaitu mengelompokan bangun datar
61 26 Mengenal Sisi Bangun Datar prev next Mengelompokan bangun datar Mengenal sisi bangun datar Mengenal sudut bangun datar Nama Scene : Sisi Bangun Datar Link : Scene 3, scene 25, 27 dan 28 Keterangan : Menampilkan sub bab materi bab 6 yaitu mengenal sisi bangun datar 27 Mengenal Sudut Bangun Datar prev next Mengelompokan bangun datar Mengenal sisi bangun datar Mengenal sudut bangun datar Nama Scene : Sudut Bangun Datar Link : Scene 3, Scene 25, 26, dan 28 Keterangan : Menampilkan sub bab materi bab 6 yaitu mengenal sudut bangun datar
62 28 No Soal a b c Nama Scene : bab6 Link : Scene 3 dan scene 25 Keterangan : Menampilkan soal latihan dari bab 6, di mana siswa dapat memlihi jawaban yang dianggap benar 29 Judul teks kembali Nama Scene : Credit title Link : Scene 3 Keterangan : Menampilkan profile pembuat aplikasi
63 30 No Soal a b c Nama Scene : Ujian semester 1 Link : Scene 3 Keterangan : Menampilkan soal ujian semester 1, di mana siswa dapat memilih jawaban yang dianggap benar 31 No Soal a b c Nama Scene : Ujian semester 2 Link : Scene 3 Keterangan : Menampilkan soal ujian semester 2, di mana siswa dapat memilih jawaban yang dianggap benar
64 3.6 Desain Antar Muka Pada bagian desain antar muka( interface design) ini akan digambarkan mengenai tahapan-tahapan yang akan ditampilkan pada Aplikasi Rancang Bangun Modul Pembelajaran Matematika Kelas II SD. 3.6.1 Desain Antar Muka Halaman Intro Desain antar muka ini merupakan halaman pembuka sebelum masuk ke halaman menu utama, dihalaman ini terdapat lagu latar dan tombol yang dapat diklik untuk masuk ke halaman menu utama. Gambar 3.7 Rancangan Halaman Intro 3.6.2 Desain Antar Muka Halaman Utama Desain antar muka ini merupakan halaman untuk masuk ke halaman menu utama, dihalaman ini terdapat lagu latar dan tombol yang dapat diklik untuk masuk ke halaman menu kelas yang dipilih, tombol suara, tombol credit dan tombol keluar.
65 Gambar 3.8 Rancangan Halaman Utama 3.6.3 Desain Antar Muka Halaman Semester Dihalaman ini terdapat tombol menú Semester 1,Semester 2, ujian semester 1 ujian semester 2 dan tombol untuk keluar. Setiap tombol yang dipilih akan berubah ukuran dan mengeluarkan suara sesuai dengan yang dipilih. Judul Aplikasi Keluar Semester 1 Semester 2 Ujian semester 1 Ujian semester 2 Gambar 3.9 Rancangan Halaman Semester 3.6.4 Desain Antar Muka Halaman Semester 1 Desain antar muka ini dihalaman ini terdapat tombol menu materi semester 1, yaitu tombol menu Pengenalan Bilangan, Penjumlahan dan Pengurangan, Pengukuran Waktu,Panjang Berat Benda dan tombol untuk
66 kembali ke menu semester. Setiap tombol yang dipilih akan mengeluarkan suara sesuai dengan yang dipilih Judul Semester Pengenalan Bilangan Penjumlahan & Pengurangan Pengukuran Waktu Panjang & Berat Benda Gambar 3.10 Rancangan Halaman Semester 1 3.6.5 Desain Antar Muka Halaman Semester 2 Desain antar muka ini dihalaman ini terdapat tombol menu materi semester 2, yaitu tombol menu Operasi Hitung Perkalian dan Pembagian, Bangun Datar dan tombol untuk kembali ke menu semester. Setiap tombol yang dipilih akan berubah ukuran dan mengeluarkan suara sesuai dengan yang dipilih. Judul Semester Operasi Hitung Perkalian & Pembagian Bangun Datar Gambar 3.11 Rancangan Halaman Semester 2
67 3.6.6 Desain Antar Muka Halaman Pengenalan Bilangan Desain antar muka ini dihalaman ini terdapat tombol menu materi pengenalan bilangan, yaitu tombol menu Mengenal bilangan, Mengenal bilangan genap dan ganjil,, tombol ke halaman sebelum dan setelah dan tombol untuk kembali ke menu semester. Setiap tombol yang dipilih akan berubah ukuran dan mengeluarkan suara sesuai dengan yang dipilih. Mengenal & Membandingkan Bilangan prev next Mengenal Bilangan Mengenal Bilangan Genap & Ganjil Gambar 3.12 Rancangan Halaman Pengenalan Bilangan 3.6.7 Desain Antar Muka Halaman Pada Desain antar muka halaman latihan terdapat tombol mulai untuk masuk kedalam soal latihan. Mulai Gambar 3.13 Rancangan Halaman
68 No Soal a b c d Gambar 3.14 Rancangan Halaman 3.6.8 Desain Antar Muka Halaman Pada Ujian Semester Pada menu ini siswa menjawab pertanyaan yang berkaitan dengan menu materi pelajara sesuai pilihan materi, dalam latihan terdapat sepuluh soal plihan ganda. Mulai Gambar 3.15 Rancangan Halaman Ujian Semester
69 No Soal a b c d Gambar 3.16 Rancangan Halaman Ujian Semester 3.6.9 Desain Antar Muka Halaman Credit Title Pada menu ini terdapat ucapan terima kasih dan menampilkan software apa saja yang digunakan dalam pembuatan aplikasi ini. Judul teks kembali Gambar 3.17 Rancangan Halaman Ujian Semester