BAB III KONSEP DAN PERANCANGAN 3.1 Konsep Aplikasi modul pembelajaran Matematika SMA kelas 11 IPS ini merupakan aplikasi yang khusus dibuat untuk siswa-siswi SMA kelas 11 IPS. Di mana isi materi berdasarkan dari Kurikulum Tingkat Satuan Pendidikan (KTSP). Rancang bangun aplikasi modul pembelajaran Matematika SMA kelas 11 IPS ini merupakan media alternatif dari salah satu alat bantu untuk belajar. Deskripsi konsep aplikasi ini adalah sebagai berikut : Tabel 3.1 Deskripsi Konsep Aplikasi Aplikasi modul pembelajaran Matematika untuk SMA kelas Judul 11 IPS Pengguna Gambar Suara Animasi teks Interaktif Siswa-siswi SMA kelas 11 IPS Menggunakan file berformat.jpg Menggunakan file.mp3 Animasi pada teks dan gambar dibuat sendiri Menggunakan link berupa tombol yang memungkinkan pengguna menuju dari halaman satu ke halaman yang lain 3.2 Perancangan Pada tahap ini, dalam pembuatan aplikasi modul pembelajaran matematika SMA kelas 11 IPS, dilakukan perancangan terhadap aplikasi yang terdiri dari perancangan storyboard, perancangan use case diagram, perancangan activity diagram, perancangan sequence diagram, dan perancangan antarmuka. 3.2.1 Perancangan storyboard Storyboard merupakan deskripsi masing-masing tampilan suatu kejadian dari movie yang dimainkan dengan menampilkan semua objek atau elemen multimedia serta komponen-komponen aplikasi yang akan dibuat. Storyboard 25
26 digunakan sebagai alat bantu pada tahapan perancangan multimedia. Satu kolom storyboard mewakili satu tampilan dilayar monitor. Tabel 3.2 Storyboard Halaman Utama No 1 Visual Judul Kelas 10 Kelas 11 Kelas 12 Form Name Link Keterangan : Menu Utama : kelas10, kelas11, dan kelas12 : Halaman ini menampilkan pilihan kelas Tabel 3.3 Storyboard Halaman Menu Kelas 11 2 Home Sound Exit Judul Bab 1 Bab 2 Ujian Semester 1 Animasi IPS Bab 5 Ujian Semester 2 Bab 4 Bab Form Name Link Keterangan : Menu Materi : Bab 1, 2, 3, 4, 5, us1, dan us2 : Halaman ini menampilkan pilihan materi per bab
27 Tabel 3.4 Storyboard Materi Bab 1 3 Home Keluar Bab 1. Statistika Penyajian Data Penyajian Data dalam Bentuk Diagram Ukuran Pemusatan dan Ukuran Letak Simpangan Rataan dan Simpangan Baku Materi Latihan Next Back Form Name : Menu Materi Bab 1 Link : bab1 Keterangan : Menampilkan pilihan submateri bab 1 dan latihan Tabel 3.5 Storyboard Halaman Latihan Bab 1 4 No Soal A B D E C Jawab Lanjut Form Name : Menu Latihan Bab 1 Link : latbab1 Keterangan : Menampilkan soal latihan bab 1, dimana pengguna dapat memilih jawaban yang dianggap benar
28 Tabel 3.6 Storyboard Halaman Materi Bab 2 5 Home Keluar Bab 2. Peluang Kaidah Pencacahan Peluang Suatu Kejadian Kejadian Majemuk Materi Latihan Next Back Form Name : Menu Materi Bab 2 Link : bab2 Keterangan : Menampilkan pilihan submateri bab 2 dan latihan Tabel 3.7 Storyboard Halaman Latihan Bab 2 6 No Soal A B D E C Jawab Lanjut Form Name : Menu Latihan Bab 2 Link : latbab2 Keterangan : Menampilkan soal latihan bab 2, dimana pengguna dapat memilih jawaban yang dianggap benar
29 Tabel 3.8 Storyboard Halaman Materi Bab 3 7 Home Keluar Bab 3. Fungsi Komposisi & Invers Fungsi Fungsi Komposisi Fungsi invers Materi Latihan Next Back Form Name : Menu Materi Bab 3 Link : bab3 Keterangan : Menampilkan pilihan submateri bab 3 dan latihan Tabel 3.9 Storyboard Halaman Latihan Bab 3 8 No Soal A B D E C Jawab Lanjut Form Name : Menu Latihan Bab 3 Link : latbab3 Keterangan : Menampilkan soal latihan bab 3, dimana pengguna dapat memilih jawaban yang dianggap benar
30 Tabel 3.10 Storyboard Halaman Materi Bab 4 9 Home Keluar Bab 4. Limit Fungsi Limit Fungsi Teorema Limit Utama Limit Fungsi yang Mengarah ke Konsep Turunan Materi Latihan Next Back Form Name : Menu Materi Bab 4 Link : bab4 Keterangan : Menampilkan pilihan submateri bab 4 dan latihan Tabel 3.11 Storyboard Halaman Latihan Bab 4 10 No Soal A B D E C Jawab Lanjut Form Name : Menu Latihan Bab 4 Link : latbab4 Keterangan : Menampilkan soal latihan bab 4, dimana pengguna dapat memilih jawaban yang dianggap benar
31 Tabel 3.12 Storyboard Halaman Materi Bab 5 11 Home Keluar Bab 5. Fungsi & Turunannya Turunan Fungsi Teorema Turunan Fungsi Aljabar Turunan Sebagai Laju Perubahan Persamaan Garis Singgung Kurva Materi Latihan Next Back Form Name : Menu Materi Bab 5 Link : bab5 Keterangan : Menampilkan pilihan submateri bab 5 dan latihan Tabel 3.13 Storyboard Halaman Latihan Bab 5 12 No Soal A B D E C Jawab Lanjut Form Name : Menu Latihan Bab 5 Link : latbab5 Keterangan : Menampilkan soal latihan bab 5, dimana pengguna dapat memilih jawaban yang dianggap benar
32 Tabel 3.14 Storyboard Halaman Ujian Semester 1 13 Timer No Soal A B D E C Jawab Lanjut Form Name : Menu Ujian Semester 1 Link : us1 Keterangan : Menampilkan soal ujian semester 1 Tabel 3.15 Storyboard Halaman Ujian Semester 2 14 Timer No Soal A B D E C Jawab Lanjut Form Name : Menu Ujian Semester 2 Link : us2 Keterangan : Menampilkan soal ujian semester 2
33 3.2.2 Perancangan Use Case Diagram Use case diagram ialah gambaran fungsionalitas dari suatu sistem, sehingga pengguna sistem paham dan mengerti mengenai kegunaan sistem yang akan dibangun. Pada aplikasi modul pembelajaran matematika SMA kelas 11 IPS, dapat ditahui bahwa aktor utamanya adalah user (pengguna). Maka didapatkan satu use case diagram dan beberapa skenario yang memperlihatkan interaksiinteraksi use case diagram dengan aktor use case diagram. APLIKASI PEMBELAJARAN Memilih Materi Memilih Ujian Semester <<include>> <<include>> <<include>> <<include>> Memilih Submateri Memilih Latihan Pengguna Gambar 3.1 Use Case Diagram Aplikasi Modul Pembelajaran Matematika SMA kelas 11 IPS Berikut ini adalah deskripsi use case diagram yang telah digambarkan pada gambar 3.1:
34 Tabel 3.16 Use Case Materi Nama Bab Materi Aktor Deskripsi Skenario Siswa SMA kelas 11 IPS (pengguna) Pengguna dapat memilih menu bab 1 sampai bab 5 yang berisi materi dan latihan soal. 1. Pengguna memilih bab - bab materi. 2. Sistem akan menampilkan halaman materi yang dipilih. 3. Pengguna memilih submateri yang ada. 4. Sistem akan menampilkan halaman submateri yang dipilih 5. Pengguna memilih menu latihan. 6. Sistem akan menampilkan halaman latihan yang berisikan soal-soal pilihan ganda. 7. Pengguna mengerjakan soal-soal yang telah disediakan. 8. Sistem mengecek jawaban pengguna dan menampilkan nilai dari hasil jawaban pengguna. Kondisi Awal Kondisi Akhir 1. Pengguna menerima halaman materi pelajaran yang terdiri dari beberapa materi yaitu Statistika, Peluang, Fungsi Komposisi dan Fungsi Invers, Limit Fungsi, dan Fungsi dan Turunannya. 2. Pengguna menerima halaman latihan dari menu bab materi yang dipilih. 1. Pengguna mempelajari menu bab yang dipilih. 2. Pengguna mengerjakan soal latihan dari bab materi yang dipilih.
35 Tabel 3.17 Use Case Menu Ujian Semester Nama Menu Ujian Semester Aktor Siswa SMA kelas 11 IPS (pengguna) Deskripsi Pengguna dapat menguji kemampuannya dengan mengerjakan soal ujian semester 1 dan semester 2 dengan batas waktu yang ditentukan. Skenario 1. Pengguna masuk ke halaman ujian semester 1 2. Sistem masuk ke menu ujian semester 1 3. Pengguna menjawab soal - soal pilihan ganda 4. Sistem mengecek jawaban dan menampilkan hasil dari pekerjaan pengguna 5. Pengguna masuk ke halaman ujian semester 2 6. Sistem masuk ke menu ujian semester 2 7. Pengguna menjawab soal - soal pilihan ganda 8. Sistem mengecek jawaban dan menampilkan hasil dari pekerjaan pengguna Kondisi Awal Kondisi Akhir 1. Pengguna menerima halaman ujian semester 1 2. Pengguna menerima halaman ujian semester 2 1. Pengguna mengisi jawaban soal ujian semester 1 2. Pengguna mengisi jawaban soal ujian semester 2 3.2.3 Perancangan Activity Diagram Diagram aktivitas menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana suatu aktivitas berakhir. Diagram aktivitas juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.
36 Pengguna Aplikasi Sistem User membuka aplikasi Memilih menu SMA kelas 11 IPS Menampilkan halaman Matematika SMA IPS Memilih materi bab Menampilkan halaman materi bab Latihan Submateri Menampilkan submateri bab Menampilkan halaman Latihan Klik Mulai Soal ditampilkan random Menjawab Soal Memeriksa jawaban ya Jawaban Benar? tidak Hasil + 1 Hasil + 0 ya Soal=10 tidak Menampilkan halaman nilai Gambar 3.2 Activity Diagram Materi
37 Pengguna Aplikasi Sistem User membuka aplikasi Memilih menu SMA kelas 11 IPS Menampilkan halaman Matematika SMA IPS Memilih ujian semester Menampilkan menu materi Matematika SMA 11 IPS Klik Mulai Menampilkan halaman Ujian Semester Soal ditampilkan random Menjawab soal Memeriksa jawaban ya Jawaban tidak Benar? Hasil + 1 Hasil + 0 Soal=10 ya tidak Menampilkan halaman hasil nilai Gambar 3.3 Activity Diagram Ujian Semester
38 Pada Gambar 3.2 diatas menjelaskan aplikasi dimulai saat pengguna memilih menu kelas 11 IPS, kemudian sistem akan menampilkan halaman yang dipilih. Selanjutnya pengguna bisa memilih 5 materi pokok yang tersedia. Kemudian sistem akan menampilkan halaman submateri dari materi bab yang sudah dipilih dan bisa dipelajari oleh pengguna. Selain itu, disetiap bagian materi terdapat latihan untuk para pengguna. Untuk menggunakan menu latihan, pengguna bisa menekan tombol latihan dan sistem akan menampilkan halaman soal yang berisi 10 soal dari 15 soal pilihan ganda dan ditampilkan secara random. Pengguna dapat memilih jawaban yang dianggap benar, lalu sistem akan mengecek tiap jawaban dari pengguna, jika jawaban benar maka akan mendapatkan nilai 1 jika salah nilainya 0. Setelah 10 soal dijawab, sistem akan mengecek seluruh jawaban pengguna dan akan ditampilkan pada bagian halaman nilai. Pada Gambar 3.3 diatas menjelaskan bahwa aktifitas dimulai ketika pengguna memilih menu ujian semester 1 atau ujian semester 2. Selanjutnya sistem akan menampilkan halaman ujian semester yang dipilih. Pengguna kemudian memilih tombol mulai untuk menampilkan soal ujian semester. Dalam frame ujian semester ini diberikan waktu selama 60 menit untuk mengerjakan soal. Kemudian pengguna dapat memilih jawaban yang dianggap benar, lalu sistem akan mengecek tiap jawaban dari pengguna, jika jawaban benar maka akan mendapatkan nilai 1 jika salah nilainya 0. Setelah 10 soal dijawab, sistem akan mengecek seluruh jawaban pengguna dan akan ditampilkan pada bagian halaman nilai. 3.2.4 Perancangan Sequence Diagram Sequence diagram menggambarkan interaksi antar obyek dan mengindikasikan komunikasi diantara obyek-obyek tersebut. Diagram ini juga menunjukkan serangkaian pesan yang dipertukarkan oleh obyek-obyek yang melakukan suatu tugas atau aksi tertentu. Obyek-obyek tersebut kemudian diurutkan dari kiri ke kanan, aktor yang menginisiasi interaksi biasanya ditaruh di paling kiri dari diagram. Sequence diagram biasa digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai respons dari sebuah event untuk menghasilkan keluaran tertentu.
39 3.2.4.1 Sequence Diagram Halaman Materi Pada Sequence Diagram halaman materi, pengguna mengakses menu bab, kemudian pengguna bisa memilih bab yang ada. Setelah memilih dari bab yang ada, sistem akan menampilkan halaman yang dipilih. Didalam setiap menu materi terdapat menu latihan untuk para pengguna, lalu memilih jawaban dan sistem akan menampilkan nilai pada jawaban yang benar. Menu bab Materi bab Submateri bab latihan Top Package::Pengguna (user) Akses menu bab Menampilkan menu bab Memilih menu materi bab Menampilkan halaman materi bab Memilih submateri bab Menampilkan halaman submateri bab Masuk ke halaman latihan Menampilkan halaman latihan Memilih jawaban Mencocokan jawaban Menampilkan hasil Gambar 3.4 Sequence Diagram Materi
40 3.2.4.2 Sequence Diagram Halaman Ujian Semester Pada Sequence Diagram halaman ujian semester, pengguna masuk halaman menu, kemudian memilih menu ujian semester. Sistem akan menampilkan soal - soal ujian semester dan selanjutnya pengguna memilih jawaban yang dianggap benar, sistem akan menampilkan nilai pada jawaban yang benar. Menu materi Ujian Semester Pengguna Akses menu materi Menampilkan menu materi Masuk halaman ujian Menampilkan halaman ujian Menjawab soal Cek jawaban Menampilkan hasil Gambar 3.5 Sequence Diagram Ujian Semester
41 3.2.5 Perancangan Antarmuka Pada tahap perancangan antarmuka ini, penulis mendesain rancangan antarmuka untuk aplikasi yang akan dibuat dan menunjukan letak tombol yang satu dengan yang lainnya untuk dapat memproses pembelajaran matematika untuk SMA kelas 11, serta menjelaskan tombol-tombol yang ada pada aplikasi pembelajaran. 3.2.5.1 Perancangan Antarmuka Halaman Utama Judul Kelas 10 Kelas 11 Kelas 12 Gambar 3.6 Perancangan Antarmuka Halaman Utama Pada halaman utama terdapat 3 tombol untuk menuju ke kelas 10 sampai kelas 12 SMA, dimana pengguna dapat memilih kelas sesuai tingkatan kelas. 3.2.5.2 Perancangan Antarmuka Halaman Menu Kelas 11 Home Sound Exit Judul Bab 1 Bab 2 Ujian Semester 1 Animasi IPS Bab 5 Ujian Semester 2 Bab 4 Bab Gambar 3.7 Perancangan Antarmuka Halaman Menu Kelas 11
42 Pada halaman menu kelas 11 terdapat tombol materi dari bab 1 sampai bab 5, dan juga 2 tombol ujian semester. Pada halaman ini juga terdapat tombol Home untuk kembali ke halaman utama, tombol Sound untuk menghidupkan atau mematikan suara, dan tombol Exit untuk keluar dari aplikasi. Dibagian kiri atas terdapat animasi bertuliskan Matematika SMA Kelas 2. 3.2.5.3 Perancangan Antarmuka Halaman Materi Home Keluar Judul Bab Sub Materi Materi Latihan Next Back Gambar 3.8 Perancangan Antarmuka Halaman Materi Pada halaman materi terdapat tombol sub materi yang dapat dipilih oleh pengguna, pada sub materi bisa menekan tombol next dan back untuk menuju ke sub materi selanjutnya ataupun kembali ke sub materi sebelumnya. Tombol latihan akan masuk ke menu latihan, tombol home untuk kembali ke halaman menu kelas 11.
43 3.2.5.4 Perancangan Antarmuka Halaman Latihan a. Antarmuka Halaman Awal Menu Latihan Gambar 3.9 Perancangan Antarmuka Halaman Latihan Pada halaman awal menu latihan ini terdapat tombol mulai yang berfungsi untuk memulai latihan dan menampilkan halaman soal latihan. Perancangan halaman ini digunakan untuk halaman latihan 1 sampai 5. b. Antarmuka Halaman Soal Latihan No Soal A B D E C Jawa Lanjut Gambar 3.10 Perancangan Antarmuka Halaman Soal Latihan Halaman soal latihan ini menampilkan 10 soal pilihan ganda dan pilihan jawaban A, B, C, D, dan E berbentuk tombol yang dapat diklik oleh pengguna. Pada halaman ini juga terdapat tombol Lanjut yang berfungsi untuk menuju ke soal berikutnya. Perancangan halaman ini digunakan untuk halaman latihan 1 sampai 5.
44 c. Antarmuka Halaman Nilai Latihan Home Text Nilai Gambar 3.11 Perancangan Antarmuka Halaman Nilai Latihan Halaman nilai latihan ini untuk menampilkan nilai yang diperoleh oleh pengguna setelah menjawab 10 pertanyaan. 3.2.5.5 Perancangan Antarmuka Halaman Ujian Semester a. Antarmuka Halaman Awal Ujian Semester Gambar 3.12 Perancangan Antarmuka Halaman Awal Ujian Semester
45 Pada halaman awal menu ujian semester ini terdapat tombol mulai yang berfungsi untuk memulai latihan dan menampilkan halaman soal ujian semester. Perancangan halaman ini digunakan untuk halaman ujian semester 1 dan ujian semester 2. b. Antarmuka Halaman Soal Ujian Semester Timer No Soal A B D E C Jawab Lanjut Gambar 3.13 Perancangan Antarmuka Halaman Soal Ujian Semester Halaman ujian semester ini menampilkan 10 soal pilihan ganda dan pilihan jawaban A, B, C, D, dan E berbentuk tombol yang dapat diklik oleh pengguna. Pada halaman ini juga terdapat tombol Lanjut yang berfungsi untuk menuju ke soal berikutnya. Terdapat timer untuk masa pengerjaan ujian semester, lamanya waktu yang diberikan adalah 60 menit.
46 c. Antarmuka Halaman Papan Nilai Ujian Semester Home Papan Nilai No Nama Nilai Gambar 3.14 Perancangan Antarmuka Halaman Papan Nilai Ujian Semester Halaman papan nilai ujian semester ini untuk menampilkan nilai yang diperoleh oleh pengguna setelah menjawab 10 pertanyaan. Kemudian pengguna memasukkan nama ke kolom yang tersedia, nama pengguna akan ter-update berdasarkan nilai tertinggi berada diposisi paling atas dan nilai terkecil berada diposisi paling bawah.