BAB 3 ANALISIS DAN PERANCANGAN APLIKASI. terdapat di wilayah Jakarta, Tangerang dan Bekasi, dengan jumlah guru dan karyawan

Transkripsi

1 BAB 3 ANALISIS DAN PERANCANGAN APLIKASI 3.1 Latar Belakang Instansi Profil Perkumpulan Strada berdiri pada tahun 1924, terdiri dari 73 unit sekolah yang terdapat di wilayah Jakarta, Tangerang dan Bekasi, dengan jumlah guru dan karyawan sebanyak 1294 orang. Salah satunya adalah SD Strada Wiyatasana yang terletak di Jalan Pejaten Raya No. 34 Pasar Minggu, Jakarta Selatan. Sekolah yang berdiri pada tahun 1972 ini pada awalnya diberi nama SD Marga Mulia, lalu pada tahun 1978 mengalami perubahan nama menjadi SD Strada Wiyatasana hingga sekarang Visi dan Misi Visi SD Strada Wiyatasana adalah membentuk manusia yang berguna bagi sesama, unggul dalam pengetahuan, iman, dan kepribadian. Misi SD Strada Wiyatasana adalah mendidik dan melayani siswa dengan semangat kasih, menjadikan siswa sebagai subyek pendidikan, memberikan peluang untuk mengembangkan nilai kehidupan, berkreativitas, dan berprestasi. 40

2 Struktur Organisasi Instansi Gambar 3.1 Struktur organisasi Sekolah Dasar Strada Wiyatasana

3 Adapun uraian tugas dari masing-masing tingkatan dalam struktur organisasi pada SD Strada Wiyatasana adalah sebagai berikut: Kepala Sekolah: membuat program kerja, membuat penulaian prestasi guru/karyawan, membuat pembagian tugas guru/karyaawan, menentukan KKM (Kriteria Ketuntasan Minimal), menyusun misi pribadi, dan menyusun misi unit bersama guru. 2. Komite Sekolah: menjadi penghubung antara sekolah dengan orang tua murid, untuk menjalin kerjasama antara guru, murid, dan orang tua murid. 3. Unit Perpustakaan: bertanggung jawab dalam kegiatan yang berlangsung dalam perpustakaan, seperti peminjaman buku, pengembalian buku setelah peminjaman, men-data buku yang terdapat dalam perpustakaan dan lainya. 4. Tata Usaha: memiliki tugas dalam menyusun, mengolah, dan mengatur administrasi dan data-data yang berhubungan erat dengan murid, guru, maupun petugas lainnya dalam sekolah. 5. Guru Kelas I sampai Guru Kelas IV: memberikan pengajaran dalam proses belajar dan mengajar pada murid SD Strada Wiyatasana, dalam mata pelajaran matematika, IPA, IPS, Bahasa Indonesia, dan mata pelajaran lainnnya, secara efektif dan efisien. 6. UKS: bertugas dalam mengatasi permasalahan yang berhubungan dengan kesehatan para murid. 7. Pramuka: bertugas dan bertanggung jawab dalam kegiatan pramuka, seperti berkemah dan lainya.

4 8. Ekskul: memiliki tugas dalam mengatur kegiatan ekstrakurikuler yang berlangsung di luar jam sekolah, dan men-data para murid yang mengikuti ekskul tersebut Koperasi: bertugas dalam mengolah, mengawasi, dan men-data kegiatan koperasi sekolah, seperti pengeluaran dan pemasukan tiap harinya dalam koperasi, menyediakan kebutuhan sekolah para murid dan lainya. 10. Bendahara: bertanggung jawab dalam mengolah, men-data hal-hal mengenai keuangan sekolah, seperti pembayaran sekolah, pembayaran gedung sekolah, sumbangan sekolah dan lainya. 11. Karyawisata: mengolah aktifitas mengenai karyawisata para murid, seperti tempat tujuan karyawisata, anggaran yang dibutuhkan dan lainya. 12. Guru Guru Lain (Guru Agama, Guru Olahraga, Guru Bahasa Inggris, Guru Muatan Lokal, Guru Kesenian, Guru Komputer): tugas para guru ini sama halnya dengan guru-guru yang lain, yaitu memberikan pengajaran dalam proses belajar dan mengajar pada murid SD Strada Wiyatasana secara efektif dan efisien. 13. Siswa: mengikuti proses pembelajaran secara aktif, menciptakan suasana kelas maupun lingkungan sekolah yang aman dan bersih, mengukiti ujian sekolah, melaksanakan tata tertib sekolahan, mengikuti kegiatan ekstrakurikuler dan lainya. 14. Penjaga: menjaga keamanan lingkungan sekolah, mengatur kendaraan yang keluar maupun masuk kompleks sekolah dan lainya.

5 Tujuan Sekolah Sekolah dasar Strada Wiyatasana Pasar Minggu memiliki tujuan-tujuan tertentu, dalam rangka menghasilkan sekolah yang berkualitas baik. Adapun tujuan dari sekolah adalah sebagai berikut: 1. Meningkatkan jumlah murid, karena murid adalah sumber daya utama sekolah Strada. 2. Menghasilkan lulusan yang unggul dalam pengetahuan, kepribadian, dan iman. 3. Menciptakan proses pembelajaran yang aktif, kreatif, dan menyenangkan, yang membuat siswa semakin merasa diakui, dipahami, dan dicintai. 4. Menjalin hubungan yang erat antara warga sekolah dengan masyarakat setempat, dengan instasi pemeritntah, sejauh hal-hal yang mendukung peningkatan kualitas pelayanan pendidikan si Strada. 3.2 Analisis Sistem yang Sedang Berjalan Pada saat penulisan ini dibuat, murid kelas 5 SD Strada Wiyatasana tercatat sebanyak 171 siswa yang terbagi menjadi 5 kelas dengan 5 guru sebagai tenaga pengajar matematika. Sistem pengajaran matematika yang sedang berjalan di SD Strada Wiyatasana pada saat ini adalah materi pelajaran yang diberikan berdasarkan Kurikulum Tingkat Satuan Pendidikan (KTSP) dari dinas pendidikan Provinsi DKI Jakarta.

6 45 Sistem Pembelajaran di SD Strada Wiyatasana untuk kelas lima khususnya untuk mata pelajaran matematika adalah dengan menerangkan kepada para siswa tentang babbab pelajaran tersebut di depan kelas. Untuk materi yang bersifat imajinasi seperti bangun datar dan bangun ruang, selain menggambarkan di papan tulis, para guru memberikan alat-alat yang dapat membantu para siswa untuk meningkatkan imajinasi mereka sehingga mereka mampu mengenali sifat-sifat bangun datar dan bangun ruang. Seperti alat peraga dalam bentuk benda yang ada di sekitar seperti papan tulis untuk bentuk persegi panjang dan lemari yang termasuk bentuk balok. Selain itu, para guru memberikan tugas kepada para siswa untuk membuat bentuk-bentuk bangun ruang yang terbuat dari potongan-potongan karton (jaring-jaring). Kesulitan yang dihadapi siswa kelas 5 dalam penguasaan bangun datar dan bangun ruang adalah pemahaman rumus yang diberikan. Kebanyak dari siswa hanya menghapal rumus tanpa memahami rumus dan bentuk dari bangun datar dan bangun ruang tersebut. Contohnya seperti, apabila terdapat variasi angka seperti angka desimal dan variasi soal seperti yang diketahui volume dan tinggi namun pertanyaan soal adalah mencari panjang atau lebar. 3.3 Analisa Kebutuhan Pengguna Wawancara Wawancara dilakukan di SD Strada Wiyatasana pada hari Senin, 12 April 2012, dengan guru-guru matematika kelas 5, Bapak Gabriel Yudhistira S.Pd dan Bapak Yusuf S.Pd. Dan juga, dengan penggunaan perangkat ajar, diharapkan siswa dan siswi mampu

7 lebih mudah memahami materi yang diberikan. Adapun hasil dari wawancara yang dilakukan tersebut sebagai berikut : Guru guru kelas 5 tersebut cukup mengerti dengan fungsi dan manfaat dari perangkat ajar. Selain itu, guru guru di Sekolah Dasar Strada Wiyatasana pada umumnya telah mampu mengoperasionalkan komputer dengan baik. Sehingga penggunaan perangkat ajar diharapkan mampu menunjang proses belajar mengajar yang berlangsung pada sekolah tersebut. 2. Guru mengajarkan materi bangun datar dan bangun ruang dengan cara menjelaskan dan menuliskan rumus di papan tulis. Adapun alat peraga yang digunakan seperti meteran, benda di sekitar, jaring-jaring, model bangun ruang, dan lainya. 3. Kesulitan yang dialami guru dalam penyampaian materi bangun datar dan bangun ruang adalah tidak semua siswa mengerti dengan baik dalam penghafalan rumus. Selain itu, siswa mengalami kesulitan apabila guru memberi soal dalam bentuk soal cerita karena sulitnya memvisualisasikan bentuk bangun ruang di pikiran mereka Kuesioner Berikut ini merupakan data hasil kuesioner yang dilakukan terhadap 102 siswa kelas 5 SD Strada Wiyatasana :

8 47 Apakah kamu mempunyai komputer? 15 punya tidak punya 87 Gambar 3.2 Diagram kepemilikan komputer Pada Gambar 3.2 dapat disimpulkan bahwa hampir semua siswa kelas 5 SD Strada Wiyatasana mempunyai komputer, sehingga aplikasi yang dibuat dapat diberikan kepada siswa untuk latihan di rumah.

9 48 Seberapa jauh kamu mengerti tentang pelajaran bangun datar dan bangun ruang? mengerti kurang mengerti Gambar 3.3 Diagram pemahaman materi bangun ruang Berdasarkan gambar 3.3 terlihat bahwa tidak semua siswa mengerti tentang pelajaran bangun ruang dan bangun datar karena pemahaman siswa akan materi tersebut berbeda-beda. Menurut hasil wawancara dengan guru, sebagian besar siswa kurang memahami bangun datar dan bangun ruang. Sehingga perangkat ajar bangun datar dan bangun ruang diharapakan akan sangat membantu siswa dalam pemahaman materi. Apakah soal latihan yang diberikan oleh guru membantu kamu memahami materi bangun datar dan bangun ruang? Sangat Membantu Membantu Kurang Membantu

10 49 Gambar 3.4 Diagram tingkat pemahaman siswa dengan memberikan soal latihan. Berdasarkan Gambar 3.4 dapat disimpulkan bahwa sebagian siswa menganggap bahwa soal latihan yang diberikan dari guru masih kurang untuk membantu mereka memahami bangun datar dan bangun ruang. Sehingga pada perangkat ajar yang akan dibuat dapat diberikan latihan-latihan yang membantu siswa untuk memahami materi bangun datar dan bangun ruang. Apakah kamu dapat mengingat rumus dengan baik dalam mengerjakan soal bangun datar dan bangun ruang 26 Ya Tidak 76 Gambar 3.5 Diagram kemampuan siswa dalam mengingat rumus Berdasarkan Gambar 3.5 terlihat bahwa sebagian besar siswa mampu mengingat rumus matematika bangun datar dan bangun ruang dengan baik. Sehingga di dalam halaman latihan, tidak diperlukan adanya bantuan rumus.

11 50 Siswa lebih senang soal cerita atau soal bergambar Soal Bergambar Soal Cerita Gambar 3.6 Jenis soal yang disenangi Berdasarkan Gambar 3.6 dapat ditarik kesimpulan bahwa sebagian siswa menyukai soal bergambar, dan sebagian juga menyukai soal cerita. Sehingga pada perangkat ajar yang dibuat, soal yang disediakan berupa soal bergambar dan soal cerita. Sarana dan prasarana sekolah yang digunakan guru pelaran matematika bangun datar dan bangun ruang 32 Cukup Belum cukup 70

12 51.Gambar 3.7 Diagram kelengkapan sarana dan prasarana sekolah Berdasarkan Gambar 3.7 terlihat bahwa SD Strada Wiyatasana belum cukup kelengkapan sarana dan prasarana sekolah seperti alat-alat penujang pembelajaran, dan fasilitas lainnya. Sehingga perangkat ajar yang akan dibuat dapat menjadi sarana sekolah untuk membantu siswa memahami bangun datar dan bangun ruang. Apakah kamu pernah menggunakan perangkat ajar sebelumnya Belum Pernah Pernah Gambar 3.8 Diagram pengalaman penggunaan perangkat ajar Berdasarkan Gambar 3.8 terlihat bahwa kebanyakan siswa sudah pernah menggunakan perangkat ajar sebelumnya. Sehingga pada perangkat ajar yang dibuat, akan terdapat sedikit bantuan di tiap halaman.

13 52 Penggunaan skor atau nilai dalam soal latihan 19 Perlu Tidak perlu 83 Gambar 3.9 Diagram penggunaan skor atau nilai pada soal latihan Berdasarkan Gambar 3.9 sebagian besar siswa memilih perlunya penggunaan skor atau nilai dalam soal latihan agar siswa dapat mengukur kemampuan mereka dalam mengerjakan soal latihan dan sebagai motivasi belajar agar skor meningkat dari yang sebelumnya. Sehingga pada perangkat ajar yang dibuat, akan terdapat skor yang bisa mengukur seberapa mengeri siswa dalam bangun datar dan bangun ruang.

14 53 Tokohatau karakter yang diharapkan ada pada perangkat ajar matematika bangun datar dan bangun ruang 21 Bapak guru Ibu Guru 40 Robot 19 Hewan 15 7 Gambar 3.10 Diagram tokoh atau karakter yang diharapkan ada pada perangkat ajar Berdasarkan Gambar 3.10 terlihat bahwa lebih banyak siswa yang memilih tokoh film sebagai karakter yang diharapkan ada di dalam perangkat ajar yang akan kami buat. Dalam rancangan aplikasi ini, kami akan menampilkan salah satu tokoh kartun, yaitu Naruto. Namun, kami memodifikasi tampilan karakternya agar tidak melanggar hak cipta.

15 54 Gambar 3.11 Diagram fitur tambahan agar perangkat ajar menjadi lebih menarik Berdasarkan Gambar 3.11 kebanyakan siswa memilih lebih dari satu jawaban. Berdasarkan hasil di atas terlihat bahwa siswa mengharapkan perangkat ajar yang akan dibuat dapat disertakan gambar dan dipadukan dengan suara seperti musik latar atau suara tutor. Dan diharapkan pada perangkat ajar yang akan dibuat dapat disertakan pula animasi dan video. 3.4 Perbandingan Perangkat Ajar Sejenis Sifat-Sifat Bangun Ruang Perangkat ajar ini merupakan perangkat ajar untuk kelas 5 Sekolah dasar yang dibuat oleh Nura Safrina. Pada perangkat ajar ini, pengguna belajar tentang pengenalan

16 sifat-sifat bangun ruang yang termasuk dalam kurikulum pembelajaran di kelas 5 Sekolah Dasar. 55 Secara keseluruhan, perangkat ajar ini memiliki tampilan grafis yang sederhana. Penjelasan dipaparkan berupa teks dan suara tutor serta animasi pada simulasi. Terdapat juga soal latihan berbentuk pilihan ganda yang disertai score untuk mengukur kemampuan pengguna dalam memahami materi yang telah disajikan oleh perangkat ajar ini. Gambar 3.12 Tampilan Menu Sifat-sifat Bangun Ruang

17 56 Gambar 3.13 Tampilan menu Sifat-sifat Bangun Ruang Gambar 3.14 Tampilan Sifat-sifat Bangun Ruang

18 Menggambar Bangun Ruang Perangkat ajar ini diterbitkan oleh Pusat Teknologi Informasi dan Komunikasi Depdiknas secara gratis guna membantu pelajar dalam memahami materi bangun ruang tingkat SMP, dan SMA. Pada perangkat ajar ini terdapat simulasi dan animasi cara menggambar kubus, balok, dan limas. Aturan dan komponen-komponen dalam menggambar bangun ruang: bidang gambar, bidang frontal, bidang orthogonal, garis frontal, garis ortoghonal, sudut surut, perbandingan orthogonal atau perbandingan proyeksi. Cara menggambar kubus, cara menggambar balok, dan cara menggambar limas. Terdapat pula latihan soal dan tes tentang kubus, balok, dan limas. Gambar 3.15 Tampilan menu Menggambar Bangun Ruang

19 58 Gambar 3.16 Tampilan Menggambar Bangun Ruang Secara keseluruhan, perangkat ajar ini memiliki materi dengan penjelasan yang detail. Namun, penggunaan penjelasan teks yang panjang dan minimnya gambar, variasi warna yang sedikit dan latar belakang yang polos membuat perangkat ajar ini kurang menarik Dunia Belajar Dunia Belajar merupakan sebuah situs untuk siswa dan guru. Di situs ini, para siswa diberikan berbagai macam soal latihan yang ada, seperti menghitung luas lingkaran, menghitung volume balok, dan lain-lain. Dan untuk para guru, selain memberikan latihan, situs ini juga menyediakan beberapa tips agar siswa dapat berkembang dan belajar dengan giat. Situs ini juga memberikan beberapa artikel-artikel

20 bagaimana cara membantu siswa dalam belajar, dan juga bagaimana cara memberikan permainan yang baik untuk para siswa. 59 Gambar 3.17 Tampilan situs Dunia Belajar

21 60 Gambar 3.18 Tampilan soal latihan Dunia Belajar Tabel 3.1 Perbandingan perangkat ajar sejenis Sifat-sifat Bangun Ruang Menggambar Bangun Ruang Dunia Belajar Kedalaman isi Konsistensi antarmuka Isi materi yang disampaikan cukup lengkap, sesuai dengan tema yaitu pengenalan bangun ruang dan sifatsifatnya. Dalam aplikasi ini dinilai sangat baik karena aplikasi ini tidak mengubah konsep awal dari antarmuka sehingga tidak Isi materi yang disampaikan cukup lengkap, sesuai dengan tema yaitu cara penggambaran bangun ruang. Dalam aplikasi ini sudah cukup baik, karena aplikasi ini tidak mengubah konsep awal antarmuka. Tetapi rancangan antarmuka aplikasi ini belum Isi materi yang disampaikan cukup lengkap, sesuai dengan kurikulum yang berlaku. Dalam aplikasi ini dinilai sangat baik karena aplikasi ini tidak mengubah konsep awal dari antarmuka

22 61 membingungkan pengguna. sebaik rancangan aplikasi Sifat-sifat Bangun Ruang sehingga tidak membingungkan pengguna. Animasi Pemilihan warna Sound dan musik latar Tingkat adaptasi pengguna Dalam aplikasi ini penggunaan animasinya sangat baik karena bisa memberi contoh sisi-sisi yang ada pada suatu bangun ruang, dan juga sesuai dengan penjelasan. Pemilihan warna cerah dan menggunakan banyak warna dapat menarik minta pengguna untuk menggunakan aplikasi ini. Hanya terdapat musik latar pada menu utama. Namun, di setiap penjelasan materi, terdapat suara tutor. Tingkat adaptasi pengguna pada aplikasi ini sangat baik, karena tidak membingungkan pengguna Dalam aplikasi ini, tidak ada animasi. Pemakaian warna cukup sedikit, sehingga pengguna merasa kurang nyaman dan tidak terlalu tertarik menggunakan aplikasi ini. Tidak ada musik latar. Untuk suara, terdengar beep ketika pengguna memilih menu. Tingkat adaptasi pengguna cukup baik. Pengguna mungkin akan merasakan kesulitan saat pertama kali menggunakan aplikasi ini. Dalam situs ini, tidak ada animasi yang dapat membantu siswa untuk memahami materi. Pemilihan warna yang cukup sedikit, sehingga pengguna merasa kurang nyaman dan tidak terlalu tertarik Dalam situs ini, tidak ada suara dan musik latar yang bisa membuat pengguna merasa nyaman Tingkat adaptasi pengguna cukup baik, karena hanya menampilkan soal latihan yang langsung dikerjakan. Dari tabel tersebut dapat diambil kesimpulan bahwa setiap aplikasi perangkat ajar sejenis memiliki kelebihan dan kekurangan. Sebagian besar perangkat ajar memiliki elemen multimedia yang cukup lengkap, minimal terdapat 3 elemen multimedia di

23 62 dalam aplikasi tersebut. Suatu perangkat ajar akan lebih menarik apabila disertai pula animasi, musik latar, dan video. Penggunaan teks yang terlalu banyak membuat perangkat ajar kurang menarik dan cenderung membosankan seperti aplikasi Menggambar Bangun Ruang dan Dunia Belajar. Secara keseluruhan, ketiga aplikasi ini memiliki konsistensi antarmuka yang baik. Pengguna dapat dengan mudah beradaptasi dan mengoperasikan aplikasi tersebut. 3.5 Rumusan Permasalahan Berdasarkan wawancara dilakukan terhadap guru-guru matematika kelas 5 dan dan kuesioner terhadap siswa serta pengamatan langsung yang dilakukan di Sekolah Dasar Strada Wiyatasana Pejaten, Jakarta Selatan, dapat diambil kesimpulan bahwa pada dasarnya siswa dan siswi masih menemukan kesulitan mempelajari materi matematika bangun ruang dan bangun datar. Kesulitan tersebut dapat di-kelompokan sebagai berikut : 1. Menurut data dari hasil wawancara dengan guru serta pengamatan langsung saat proses belajar mengajar berlansung, siswa dan siswi cenderung masih belum terbiasa mem-visualisasikan bangun datar ke bangun ruang. Pola jaring jaring yang selama ini digunakan oleh guru masih belum efektif, terlebih alat bantu atau peraga yang digunakan seadanya, yaitu mengamati benda-benda yang berada disekitar sewaktu proses belajar mengajar berlangsung. Misalnya, guru menggunakan lemari kelas sebagai objek yang di anggap sebagai bangun ruang balok, botol air minum sebagai bangun ruang tabung, dan globe sebagai bangun ruang bola. Hal itu menyebabkan siswa dan siswi menemukan kesusahan dalam

24 63 implementasi dan penggunaan rumus-rumus. Banyak siswa dan siswi masih bingung dengan yang namanya sisi, sudut, rusuk dan istilah bangun datar dan bangun ruang lainya. 2. Analisis kedua didapat dari hasil kuesioner yang dibagikan terhadap 102 orang responden siswa dan siswi kelas 5 Sekolah Dasar Strada Wiyatasana Pejaten, Jakarta Selatan. Dapat simpulkan bahwa mayoritas siswa dan siswi menemukan kesulitan saat penghafalan dan penggunaan rumus. Hal ini disebabkan oleh banyaknya siswa dan siswi yang belum mengerti sifat dan istilah dasar pada matematika bangun datar dan bangun ruang. Siswa masih bingung penggunaan istilah istilah matematika seperti panjang, lebar, tinggi, diagonal, dan lainya. 3.6 Usulan Pemecahan Masalah Berdasarkan hasil wawancara terhadapa guru dan kuisioner terhadapas siswa dan siswi serta pengamatan langsung yang dilakukan di Sekolah Dasar Strada Wiyatasana Pejaten, Jakarta Selatan, dapat disimpulkan terdapat 2 masalah pokok dan usulan pemecahan masalahnya pada materi matematika bangun datar dan bangun ruang diatas yaitu : 1. Adanya ke-tidak cocokan antara materi yang diajarkan guru terhadap pemahaman siswa karena terdapat kendala dalam penyampaian materinya yaitu pemvisualisasian materi bangun datar ke bangun ruang. Sehingga diperlukan suatu alat bantu atau perangkat ajar yang mampu membantu siswa dan siswi mengimajinasikan materi bangun ruang dan bangun datar.

25 64 2. Siswa dan siswi mudah untuk menghafal namun mengalami kesulitan menggunakan rumus, hal ini terjadi karena siswa dan siswi belum mengerti dengan sifat dan istilah dasar pada materi bangun datar dan bangun ruang. Sehingga diperlukan banyak latihan - latihan soal. Latihan soal pun tidak harus pilihan berganda atau essai yang biasa diberikan guru disekolah, hal ini bisa memicu tingkat kejenuhan siswa dan siswi dalam mempelajari bangun ruang dan bangun datar, perangkat ajar atau game edukasi merupakan salah satu cara lain dalam memberikan latihan latihan kepada siswa agar mudah mengerti dan menghapal rumus rumus. 3.7 Perancangan Sistem Class Diagram Gambar 3.19 Class Diagram

26 Use Case Diagram Gambar 3.20 Use Case Sistem perangkat ajar Gambar 3.21 Use Case Sistem pengaturan soal

27 Use Case Description Tabel 3.2 Deskripsi Use Case Menu Awal Actor Pre - condition User User memulai applikasi Flow Event User System 2. Memilih tombol mulai 1. Menampilkan menu awal Post Condition User memasuki menu utama Tabel 3.3 Deskripsi Use Case Menu Utama Actor Pre - condition User User masuk ke menu awal Flow Event User System 2. Menginput nama 1. Menampilkan halaman untuk memasukkan nama 3. Menampilkan halaman perangkat ajar Post Condition User telah memilih pilihan menu Tabel 3.4 Deskripsi Use Case Pemilihan Materi Actor Pre - condition User User masuk ke menu utama Flow Event User System 1. Memilih menu materi 3. Memilih sub materi 5. Memilih bangun 2. Menampilkan menu materi 4. Menampilkan halaman pemilihan bangun

28 67 6. Menampilkan penjelasan bangun Post Condition User telah memilih menu materi Tabel 3.5 Deskripsi Use Case Pemilihan Latihan Actor Pre - condition User User masuk ke menu utama Flow Event User System 2. Memilih tipe soal 1. Menampilkan pilihan tipe soal 3. Menampilkan soal Post Condition User telah menjawab soal dan berhasil menyelesaikan Tabel 3.6 Deskripsi Use Case Skor Actor Pre condition User User memilih latihan Flow Event User System 2. Menjawab soal 1. Menampilkan soal 3. Menampilkan dialog 4. Menampilkan Skor Post Condition User telah menjawab soal dan mendapatkan skor Tabel 3.7 Deskripsi Use Case Penambahan Soal Actor Pre - condition Admin Admin membuka program pengaturan Flow Event User System 2. Memilih pilihan tambah 1. Menampilkan database

29 68 soal 4. Menambahkan soal soal 3. Menampilkan halaman tambah soal 5. Menyimpan dan memperbaharui database soal Post Condition Admin telah menambahkan soal Tabel 3.8 Deskripsi Use Case Peng-editan Soal Actor Pre - condition Admin Admin membuka program pengaturan Flow Event User System 2. Memilih edit soal 4.Meng-edit soal 1. Menampilkan database soal 3. Menampilkan halaman edit soal 5. Menyimpan dan memperbaharui database soal Post Condition Admin telah meng-edit soal Tabel 3.9 Deskripsi Use Case Penghapusan Soal Actor Pre - condition Admin Admin membuka program pengaturan Flow Event User System 2. Memilih soal yang dihapus 1. Menampilkan database soal 3. Menghapus soal yang dipilih 4. Menyimpan dan memperbaharui database

30 69 soal Post Condition Admin telah menghapus soal Tabel 3.10 Deskripsi Use Case Pemilihan Tutorial Actor Pre - condition User User masuk ke menu tutorial Flow Event User System 1. Menampilkan tutorial Post Condition User telah memilih menu tutorial Activity Diagram Gambar 3.22 Activity Diagram menu awal

31 Gambar 3.23Activity Diagram menu utama 70

32 Gambar 3.24 Activity Diagram halaman materi 71

33 Gambar 3.25 Activity Diagram halaman soal 72

34 Gambar 3.26 Activity Diagram tutorial user 73

35 Storyboard A. Menu Awal ( User ) Multimedia Storyboard Project: Perangkat ajar Date: Screen: 1 of 11 Screen ID: 01 Screen Description: Link From Screen ID:- Link to Screen ID: 02, Color Scheme: (#c5c4a5), (#42909c), (#951706), (#014da1), (#f3fcff), (#b0f5aa), (#f4dce2), (#681307), (#6a6a6a), (#999797), (#fffffe), (#9e9e9e) Text Attributes: - Still Images: main.png Audio: - Video: - Animation: Zoom out, Zoom in, Fade in, Moving Button

36 75 Multimedia Storyboard Project: Perangkat ajar Date: Screen: 2 of 11 Screen ID: 02 Screen Description: 1. Nama perangkat ajar 2. Tombol mulai 3. Tombol keluar 4. Karakter animasi 5. Latar belakang gedung sekolah Link From Screen ID: 01 Link to Screen ID: 03, Color Scheme: (#c5c4a5), (#42909c), (#951706), (#014da1), (#f3fcff), (#b0f5aa), (#f4dce2), (#681307), (#6a6a6a), (#999797), (#fffffe), (#9e9e9e) Text Attributes: - Still Images: nama.png, btnmulai.png, btnkeluar.png Audio: - Video: - Animation: Zoom out, Zoom in, Fade in, Moving Button

37 76 Multimedia Storyboard Project: Perangkat ajar Date: Screen: 3 of 11 Screen ID: 03 Screen Description: 1. Latar belakang gambar rumah 2. Board untuk dialog masukkan nama kamu 3. Text Field untuk meng-input nama 4. Tombol untuk menyetujui nama yang sudah dimasukkan Link From Screen ID: 02 Link to Screen ID: 04 Color Scheme: (#f4dce2), (#014da1), (#b0f5aa), (#ae8823), (#1f1f1f), (#747474), (#f7f7f7), (#e79a15), (#ffffff), (#b75e1c), (#a8773b), (#fff475), (#000000) Text Attributes: Comic Sans MS Still Images:home.png Audio: - Video: - Animation: Moving text, Moving character

38 77 Multimedia Storyboard Project: Perangkat ajar Date: Screen: 4 of 11 Screen ID: 04 Screen Description: 1. Latar belakang ruangan kelas 2. Tombol untuk menuju ke halaman materi 3. Karakter guru 4. Board kata pengantar 5. Tombol untuk menuju ke halaman soal 6. Tombol untuk menuju ke halaman tutorial 7. Tombol untuk keluar dari aplikasi Link From Screen ID: 04 Link to Screen ID: 05, 08, 11 Color Scheme: (#f4dce2), (#014da1), (#b0f5aa), (#ae8823), (#1f1f1f), (#747474), (#f7f7f7), (#e79a15), (#ffffff), (#b75e1c), (#a8773b), (#fff475), (#000000) Text Attributes: - Still Images: home.png Audio: home.mp3 Video: - Animation:Fade in, Zoom in, Fade out, Zoom out

39 78 Multimedia Storyboard Project: Perangkat ajar Date: Screen: 5 of 11 Screen ID: 05 Screen Description: 1. Latar belakang gambar papan tulis 2. Gambar karakter 3. Board kata pengantar 4. Tombol untuk materi bangun datar 5. Tombol untuk materi bangun ruang 6. Tombol untuk kembali ke halaman home Link From Screen ID: 04 Link to Screen ID: 04, 06, 07 Color Scheme: (#b0f5aa), (#4b4b4b), (#ae8823), (#cfcfcf), Text Attributes: Comic Sans MS Still Images: bkmateri.png Audio: materi.wav Video: Animation: Moving text

40 79 Multimedia Storyboard Project: Perangkat ajar Date: Screen: 6 of 11 Screen ID: 06 Screen Description: 1. Latar belakang gambar papan tulis 2. Tombol pilihan bangun datar 3. Gambar bangun datar 4. Board penjelasan materi 5. Gambar karakter 6. Tombol untuk kembali ke halaman home Link From Screen ID: 05 Link to Screen ID: 04 Color Scheme: (#b0f5aa), (#4b4b4b), (#ae8823), (#cfcfcf), Text Attributes:Comic Sans MS Still Images: bkmateri.png Audio: materi.wav Video: - Animation: Moving text

41 80 Multimedia Storyboard Project: Perangkat ajar Date: Screen: 7 of 11 Screen ID: 07 Screen Description: 1. Latar belakang gambar papan tulis 2. Tombol pilihan bangun ruang 3. Gambar bangun ruang 4. Board penjelasan materi 5. Gambar karakter 6. Tombol untuk kembali ke halaman home Link From Screen ID: 05 Link to Screen ID: 04 Color Scheme: (#b0f5aa), (#4b4b4b), (#ae8823), (#cfcfcf), Text Attributes:Comic Sans MS Still Images: bkmateri.png Audio: materi.wav Video: - Animation: Moving text

42 81 Multimedia Storyboard Project: Perangkat ajar Date: Screen: 8 of 11 Screen ID: 08 Screen Description: 1. Latar belakang gambar meja sekolah 2. Latar belakang gambar kertas 3. Tombol untuk menuju ke soal pilihan ganda 4. Tombol untuk menuju ke soal puzzle 5. Tombol untuk kembali ke halaman home Link From Screen ID: 04 Link to Screen ID: 04, 09, 10 Color Scheme: (#fbfbfc), (#010101), (#b57e45), (#ea8a6a), (#635e50) Text Attributes: Comic Sans Ms Still Images: latihan.png Audio: clap.wav Video: - Animation: -

43 82 Multimedia Storyboard Project: Perangkat ajar Date: Screen: 9 of 11 Screen ID: 09 Screen Description: 1. Latar belakang gambar meja sekolah 2. Latar belakang gambar kertas 3. Board soal 4. Tombol untuk menjawab soal 5. Tombol untuk kembali ke halaman home Link From Screen ID: 08 Link to Screen ID: 04 Color Scheme: (#fbfbfc), (#010101), (#b57e45), (#ea8a6a), (#635e50) Text Attributes: Comic Sans Ms Still Images: latihan.png Audio: clap.wav Video: - Animation: -

44 83 Multimedia Storyboard Project: Perangkat ajar Date: Screen: 10 of 11 Screen ID: 10 Screen Description: 1. Latar belakang gambar meja sekolah 2. Latar belakang gambar kertas 3. Button untuk menjawab soal puzzle 4. Board soal 5. Tombol untuk kembali ke halaman home Link From Screen ID: 08 Link to Screen ID: 04 Color Scheme: (#fbfbfc), (#010101), (#b57e45), (#ea8a6a), (#635e50) Text Attributes: Comic Sans Ms Still Images: latihan.png Audio: clap.wav Video: - Animation: -

45 84 Multimedia Storyboard Project: Perangkat ajar Date: Screen: 11 of 11 Screen ID: 11 Screen Description: 1. Latar belakang lorong sekolah 2. Gambar karakter 3. Board penjelasan tutorial 4. Tombol untuk memilih tutorial yang ingin dilihat 5. Board untuk melihat tutorial Link From Screen ID: 04 Link to Screen ID: 04 Color Scheme: (#fbfbfc), (#010101), (#b57e45), (#ea8a6a), (#635e50) Text Attributes: Comic Sans Ms Still Images: tutorial.png Audio: clap.wav Video: - Animation: -

46 85 B. Menu Awal ( Admin ) Multimedia Storyboard Project: Perangkat ajar Date: Screen: 1 of 7 Screen ID: 20 Screen Description: 1. Label Database Soal 2. Link untuk masuk ke database soal puzzle 3. Link untuk masuk ke database soal pilihan 4. Link untuk kembali ke layar utama Link From Screen ID: 20 Link to Screen ID: 21, 22 Color Scheme: (#ffffff), (#fbb03b), (#f8cf97), (#000000) Text Attributes: Times New Roman Still Images: dbsoal.png Audio: - Video: - Animation: -

47 86 Database soal puzzle Multimedia Storyboard Project: Perangkat ajar Date: Screen: 2 of 7 Screen ID: 21 Screen Description: 1. Label Database Soal 2. Data soal soal soal puzzle 3. Nama file sebagai jawaban dari soal puzzle 4. Format file sebagai jawaban dari soal puzzle 5. Link untuk ubah soal 6. Link untuk hapus soal 7. Link untuk tambah soal 8. Link untuk kembali ke menu awal database (screen 20) Link From Screen ID: 20 Link to Screen ID: 25, 26 Color Scheme: (#ffffff), (#fbb03b), (#f8cf97), (#000000) Text Attributes: Times New Roman Still Images: dbsoal.png Audio: - Video: - Animation: -

48 87 Penambahan Soal puzzle Multimedia Storyboard Project: Perangkat ajar Date: Screen: 3 of 7 Screen ID: 25 Screen Description: 1. Label Database Soal 2. Text field untuk mengisi soal 3. Text Field untuk memberi nama gambar 4. Tombol untuk mem-browse gambar yang akan dipakai 5. Tombol untuk menambahkan gambar ke database 6. Link untuk kembali ke layar utama (screen 20) Link From Screen ID:21 Link to Screen ID: 21 Color Scheme: (#ffffff), (#fbb03b), (#f8cf97), (#000000) Text Attributes: - Still Images: dbsoal.png Audio: - Video: - Animation: -

49 88 Pengubahan soal puzzle Multimedia Storyboard Project: Perangkat ajar Date: Screen: 4 of 7 Screen ID: 26 Screen Description: 1. Label Database Soal 2. Text field untuk soal 3. Text Field untuk memberi nama gambar 4. Tombol untuk mem-browse gambar yang akan dipakai 5. Tombol untuk menambahkan gambar ke database 6. Link untuk kembali ke layar utama (screen 20) Link From Screen ID: 21 Link to Screen ID: 21 Color Scheme: (#ffffff), (#fbb03b), (#f8cf97), (#000000) Text Attributes: Times New Roman Still Images: dbsoal.png Audio: - Video: - Animation: -

50 89 Database Soal pilihan Multimedia Storyboard Project: Perangkat ajar Date: Screen: 5 of 7 Screen ID: 26 Add Screen Description: 1. ID Soal Pilihan 2. Data soal soal pilihan 3. Jawaban benar soal pilihan 4. Jawaban salah 1 soal pilihan 5. Jawaban salah 2 soal pilihan 6. Jawaban salah 3 soal piliahan 7. Link untuk edit sola pilihan 8. Link untuk hapus soal pilihan Link From Screen ID: 20 Link to Screen ID: 35, 36 Color Scheme: (#ffffff), (#fbb03b), (#f8cf97), (#000000) Text Attributes: Times New Roman Still Images: dbsoal.png Audio: - Video: - Animation: -

51 90 Penambahan Soal pilihan Multimedia Storyboard Project: Perangkat ajar Date: Screen: 6 of 7 Screen ID: 35 Screen Description: 1. ID Soal Pilihan 2. Text Field Data soal soal pilihan 3. Text Field Jawaban benar soal pilihan 4. Text Field Jawaban salah 1 soal pilihan 5. Text Field Jawaban salah 2 soal pilihan 6. Text Field Jawaban salah 3 soal piliahan 7. Link untuk edit sola pilihan 8. Link untuk hapus soal pilihan Link From Screen ID: 31 Link to Screen ID: 31 Color Scheme: (#ffffff), (#fbb03b), (#f8cf97), (#000000) Text Attributes: Times New Roman Still Images: dbsoal.png Audio: - Video: - Animation: -

52 91 Pengubahan Soal pilihan Multimedia Storyboard Project: Perangkat ajar Date: Screen: 7 of 7 Screen ID: 36 Add Screen Description: 1. ID Soal 2. Soal pilihan 3. Jawaban benar 4. Jawaban salah 1 5. Jawaban salah 2 6. Jawaban salah 3 7. Tombol untuk menyimpan 8. Link untuk kembali ke menu awal (screen 26 ) Link From Screen ID: 36 Link to Screen ID: 31 Color Scheme: (#ffffff), (#fbb03b), (#f8cf97), (#000000) Text Attributes: Times New Roman Still Images: dbsoal.png Audio: - Video: - Animation: -