BAB 3 ANALISIS DAN PERANCANGAN APLIKASIthesis.binus.ac.id/Doc/Bab3/2011-2-01153-IF Bab3001.pdf ·...
Transcript of BAB 3 ANALISIS DAN PERANCANGAN APLIKASIthesis.binus.ac.id/Doc/Bab3/2011-2-01153-IF Bab3001.pdf ·...
40
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.
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 bab-
bab 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
87
15
Apakah kamu mempunyai komputer ?
punya
tidak punya
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
64
38
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.
21
45
36
Apakah soal latihan yang diberikan oleh guru
membantu kamu memahami materi bangun datar dan
bangun ruang ?
Sangat Membantu
Membantu
Kurang Membantu
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.
76
26
Apakah kamu dapat mengingat rumus dengan baik
dalam mengerjakan soal bangun datar dan bangun
ruang
Ya
Tidak
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
62
40
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.
32
70
Sarana dan prasarana sekolah yang digunakan guru
pelaran matematika bangun datar dan bangun ruang
Cukup
Belum cukup
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.
41
61
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.
52
83
19
Penggunaan skor atau nilai dalam soal latihan
Perlu
Tidak perlu
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
21
19
715
40
Tokoh atau karakter yang diharapkan ada pada
perangkat ajar matematika bangun datar dan bangun
ruang
Bapak guru
Ibu Guru
Robot
Hewan
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
Menggambar Bangun Ruang Dunia Belajar
Kedalaman isi
Isi materi yang disampaikan cukup lengkap, sesuai dengan tema yaitu pengenalan bangun ruang dan sifat-sifatnya.
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.
Konsistensi
antarmuka
Dalam aplikasi ini dinilai sangat baik karena aplikasi ini tidak mengubah konsep awal dari antarmuka sehingga tidak
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.
sebaik rancangan aplikasi Sifat-sifat Bangun Ruang
sehingga tidak membingungkan pengguna.
Animasi
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
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.
Pemilihan warna yang cukup sedikit, sehingga pengguna merasa kurang nyaman dan tidak terlalu tertarik
Sound dan musik
latar
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.
Dalam situs ini, tidak ada suara dan musik latar yang bisa membuat pengguna merasa nyaman
Tingkat adaptasi
pengguna
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.
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
3. Memilih sub materi
5. Memilih bangun
2. Menampilkan menu materi
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
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 Admin
Pre - condition 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 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 User masuk ke menu tutorial
Flow Event 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 Date: 16-4-2012 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
75
Multimedia Storyboard Project: Perangkat ajar Date: 16-4-2012 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
76
Multimedia Storyboard Project: Perangkat ajar Date: 16-4-2012 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
77
Multimedia Storyboard Project: Perangkat ajar Date: 16-4-2012 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
78
Multimedia Storyboard Project: Perangkat ajar Date: 16-4-2012 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
79
Multimedia Storyboard Project: Perangkat ajar Date: 16-4-2012 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
80
Multimedia Storyboard Project: Perangkat ajar Date: 16-4-2012 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
81
Multimedia Storyboard Project: Perangkat ajar Date: 16-4-2012 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: -
82
Multimedia Storyboard Project: Perangkat ajar Date: 16-4-2012 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: -
83
Multimedia Storyboard Project: Perangkat ajar Date: 16-4-2012 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: -
84
Multimedia Storyboard Project: Perangkat ajar Date: 16-4-2012 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: -
85
B. Menu Awal ( Admin )
Multimedia Storyboard Project: Perangkat ajar Date: 16-4-2012 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: -
86
Database soal puzzle
Multimedia Storyboard Project: Perangkat ajar Date: 16-4-2012 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: -
87
Penambahan Soal puzzle
Multimedia Storyboard Project: Perangkat ajar Date: 16-4-2012 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: -
88
Pengubahan soal puzzle
Multimedia Storyboard Project: Perangkat ajar Date: 16-4-2012 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: -
89
Database Soal pilihan
Multimedia Storyboard Project: Perangkat ajar Date: 16-4-2012 Screen: 5 of 7 Screen ID: 26
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: -
Add
90
Penambahan Soal pilihan
Multimedia Storyboard Project: Perangkat ajar Date: 16-4-2012 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: -
91
Pengubahan Soal pilihan
Multimedia Storyboard Project: Perangkat ajar Date: 16-4-2012 Screen: 7 of 7 Screen ID: 36
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: -
Add