BAB 3 ANALISIS DAN PERANCANGAN APLIKASI 3.1 Latar Belakang Instansi 3.1.1 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. 3.1.2 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
41 3.1.3 Struktur Organisasi Instansi
Gambar 3.1 Struktur organisasi Sekolah Dasar Strada Wiyatasana
42 Adapun uraian tugas dari masing-masing tingkatan dalam struktur organisasi pada SD Strada Wiyatasana adalah sebagai berikut: 1. 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.
43 8. Ekskul: memiliki tugas dalam mengatur kegiatan ekstrakurikuler yang berlangsung di luar jam sekolah, dan men-data para murid yang mengikuti ekskul tersebut. 9. 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.
44 3.1.4 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.
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 3.3.1 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
46 lebih mudah memahami materi yang diberikan. Adapun hasil dari wawancara yang dilakukan tersebut sebagai berikut : 1. 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. 3.3.2
Kuesioner Berikut ini merupakan data hasil kuesioner yang dilakukan terhadap 102 siswa kelas 5 SD Strada Wiyatasana :
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.
48
Seberapa jauh kamu mengerti tentang pelajaran bangun datar dan bangun ruang?
mengerti
38
kurang mengerti 64
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 ? 21 Sangat Membantu 36
Membantu Kurang Membantu 45
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.
50
Siswa lebih senang soal cerita atau soal bergambar
40 Soal Bergambar Soal Cerita 62
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
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
41 Belum Pernah Pernah 61
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.
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.
53
Tokoh atau karakter yang diharapkan ada pada perangkat ajar matematika bangun datar dan bangun ruang Bapak guru
21
Ibu Guru Robot
40
Hewan 19
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.
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
3.4.1 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
55 sifat-sifat bangun ruang yang termasuk dalam kurikulum pembelajaran di kelas 5 Sekolah Dasar. 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
56
Gambar 3.13 Tampilan menu Sifat-sifat Bangun Ruang
Gambar 3.14 Tampilan Sifat-sifat Bangun Ruang
57 3.4.2
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
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. 3.4.3
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
59 bagaimana cara membantu siswa dalam belajar, dan juga bagaimana cara memberikan permainan yang baik untuk para siswa.
Gambar 3.17 Tampilan situs Dunia Belajar
60
Gambar 3.18 Tampilan soal latihan Dunia Belajar
Tabel 3.1 Perbandingan perangkat ajar sejenis
Sifat-sifat Bangun Ruang
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
Menggambar Bangun Ruang
Dunia Belajar
Isi materi yang disampaikan cukup lengkap, sesuai dengan tema yaitu cara penggambaran bangun ruang.
Isi materi yang disampaikan cukup lengkap, sesuai dengan kurikulum yang berlaku.
Dalam aplikasi ini sudah cukup baik, karena aplikasi ini tidak mengubah konsep awal antarmuka. Tetapi rancangan antarmuka aplikasi ini belum
Dalam aplikasi ini dinilai sangat baik karena aplikasi ini tidak mengubah konsep awal dari antarmuka
61 membingungkan pengguna.
Animasi
Pemilihan warna
Sound dan musik latar
Tingkat adaptasi pengguna
sebaik rancangan aplikasi Sifat-sifat Bangun Ruang
sehingga tidak membingungkan 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.
Dalam aplikasi ini, tidak ada animasi.
Dalam situs ini, tidak ada animasi yang dapat membantu siswa untuk memahami materi.
Pemilihan warna cerah dan menggunakan banyak warna dapat menarik minta pengguna untuk menggunakan aplikasi ini.
Pemakaian warna cukup sedikit, sehingga pengguna merasa kurang nyaman dan tidak terlalu tertarik menggunakan aplikasi ini.
Hanya terdapat musik latar pada menu utama. Namun, di setiap penjelasan materi, terdapat suara tutor.
Tidak ada musik latar. Untuk suara, terdengar beep ketika pengguna memilih menu.
Tingkat adaptasi pengguna pada aplikasi ini sangat baik, karena tidak membingungkan pengguna
Tingkat adaptasi pengguna cukup baik. Pengguna mungkin akan merasakan kesulitan saat pertama kali menggunakan aplikasi ini.
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
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
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.
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
3.7.1 Class Diagram
Gambar 3.19 Class Diagram
65 3.7.2 Use Case Diagram
Gambar 3.20 Use Case Sistem perangkat ajar
Gambar 3.21 Use Case Sistem pengaturan soal
66 3.7.3 Use Case Description Tabel 3.2 Deskripsi Use Case Menu Awal Actor
User
Pre - condition
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
User
Pre - condition
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
User
Pre - condition
User masuk ke menu utama
Flow Event
User
System
1. Memilih menu materi
2. Menampilkan menu materi
3. Memilih sub materi 5. Memilih bangun
4. Menampilkan halaman pemilihan bangun
67 6. Menampilkan penjelasan bangun Post Condition
User telah memilih menu materi
Tabel 3.5 Deskripsi Use Case Pemilihan Latihan Actor
User
Pre - condition
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
User
Pre – condition
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
Admin
Pre - condition
Admin membuka program pengaturan
Flow Event
User
System
2. Memilih pilihan tambah
1. Menampilkan database
68 soal
soal
4. Menambahkan 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
Admin
Pre - condition
Admin membuka program pengaturan
Flow Event
User
System
2. Memilih edit soal
1. Menampilkan database soal
4.Meng-edit 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
Admin
Pre - condition
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
69 soal Post Condition
Admin telah menghapus soal
Tabel 3.10 Deskripsi Use Case Pemilihan Tutorial Actor
User
Pre - condition Flow Event
User masuk ke menu tutorial User
System 1. Menampilkan tutorial
Post Condition
User telah memilih menu tutorial
3.7.4 Activity Diagram
Gambar 3.22 Activity Diagram menu awal
70
Gambar 3.23Activity Diagram menu utama
71
Gambar 3.24 Activity Diagram halaman materi
72
Gambar 3.25 Activity Diagram halaman soal
73
Gambar 3.26 Activity Diagram tutorial user
74 3.8 Storyboard A. Menu Awal ( User ) Multimedia Storyboard Project: Perangkat ajar Screen: 1 of 11
Date: 16-4-2012 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
75 Multimedia Storyboard Project: Perangkat ajar Screen: 2 of 11
Date: 16-4-2012 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
76 Multimedia Storyboard Project: Perangkat ajar Screen: 3 of 11
Date: 16-4-2012 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
77 Multimedia Storyboard Project: Perangkat ajar Screen: 4 of 11
Date: 16-4-2012 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
78 Multimedia Storyboard Project: Perangkat ajar Screen: 5 of 11
Date: 16-4-2012 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
79 Multimedia Storyboard Project: Perangkat ajar Screen: 6 of 11
Date: 16-4-2012 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
80 Multimedia Storyboard Project: Perangkat ajar Screen: 7 of 11
Date: 16-4-2012 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
81 Multimedia Storyboard Project: Perangkat ajar Screen: 8 of 11
Date: 16-4-2012 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: -
82 Multimedia Storyboard Project: Perangkat ajar Screen: 9 of 11
Date: 16-4-2012 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: -
83 Multimedia Storyboard Project: Perangkat ajar Screen: 10 of 11
Date: 16-4-2012 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: -
84 Multimedia Storyboard Project: Perangkat ajar Screen: 11 of 11
Date: 16-4-2012 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: -
85 B. Menu Awal ( Admin ) Multimedia Storyboard Project: Perangkat ajar Screen: 1 of 7
Date: 16-4-2012 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: -
86 Database soal puzzle Multimedia Storyboard Project: Perangkat ajar Screen: 2 of 7
Date: 16-4-2012 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: -
87 Penambahan Soal puzzle Multimedia Storyboard Project: Perangkat ajar Screen: 3 of 7
Date: 16-4-2012 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: -
88 Pengubahan soal puzzle Multimedia Storyboard Project: Perangkat ajar Screen: 4 of 7
Date: 16-4-2012 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: -
89 Database Soal pilihan Multimedia Storyboard Project: Perangkat ajar Screen: 5 of 7
Date: 16-4-2012 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: -
90 Penambahan Soal pilihan Multimedia Storyboard Project: Perangkat ajar Screen: 6 of 7
Date: 16-4-2012 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: -
91 Pengubahan Soal pilihan Multimedia Storyboard Project: Perangkat ajar Screen: 7 of 7
Date: 16-4-2012 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: -
