UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Genap tahun 2004/2005 ANALISIS DAN PERANCANGAN PERANGKAT AJAR PENGETAHUAN DASAR INDONESIA BERBASIS MULTIMEDIA Adi Purwoko 0500555482 Chandra 0500560841 Soraiman Barasa 0500561314 08PCT / Kelompok 12 Abstrak Pengetahuan dasar Indonesia adalah suatu pengetahuan yang menjadi dasar, pokok dan harus untuk dimengerti oleh seluruh warga negara Indonesia. Pengetahuan dasar sebenarnya sudah diterapkan kepada anak-anak dalam usia dini, tetapi untuk menyampaikan topic pengetahuan ini ke dalam materi pelajaran tidaklah mudah. Merasa kurang menarik, membosankan dan sulit adalah alasan utama mengapa anak-anak merasa enggan untuk mempelajari dan memahami pengetahuan dasar Indonesia. Metodologi penelitian yang dilakukan adalah menganalisis serta mengumpulkan data yang akurat dari berbagai sumber informasi baik instansi maupun media informasi lainnya. Hasil analisis penelitian diterapkan dalam metode perancangan hierarki menu, perancangan State Transition Diagram (STD), perancangan layar, perancangan database serta spesifikasi proses. Berdasarkan permintaan client (Elex Digital) dan hasil penelitian maka akan dirancang sebuah perangkat ajar tentang pengetahuan dasar Indonesia. Perangkat ajar yang diharapkan adalah perangkat ajar yang berbasis multimedia interaktif sehingga anak-anak merasa tertarik dan tertantang dalam mempelajari pengetahuan dasar Indonesia. Simpulan yang diperoleh adalah perangkat ajar yang dirancang adalah sebuah aplikasi yang dapat membantu para pengajar dalam menyampaikan meteri pelajaran tentang pengetahuan dasar Indonesia. Selain itu perangkat ajar ini juga harus dibuat interaktif sehingga anak-anak menjadi tertarik dalam mempelajari pengetahuan dasar Indonesia. Kata Kunci : Perangkat ajar, Multimedia interaktif, Pengetahuan dasar, Indonesia, Anak-anak ii
PRAKATA Kami panjatkan puji syukur ke hadirat Allah SWT, yang atas seizin-nya kami berhasil menyelesaikan skripsi ini. Dengan rahmat dan karunia-nya kami dengan bangga menampilkan hasil jerih payah kami agar nantinya dapat dijadikan pedoman oleh para pembaca. Adi dee Purwoko ingin berterima kasih khusus kepada Allah SWT, mama, papa, Rina, Ardi, dan Abi atas cinta dan dukungan yang telah diberikan baik selama maupun setelah penelitian, I love you all ; my amazing brother, DwAN untuk semua jasa yang telah engkau berikan, tanpamu penelitian ini tidak akan menjadi sebaik ini serta menjadi teman KP-ku dulu; Chandra dan Rai yang telah bersabar dan memahami aku sebagai manusia yang sedikit egois; Anesh untuk ide-ide briliannya dan kritik serta penginapannya ; Timmy untuk petualangan yang telah diberikan; Cory untuk perhatian, cinta, dan dukungannya, that gives me more strength, thanx girl ; Mbak Maria dan Cie Febbie atas pelajaran-pelajaran yang telah kalian berikan sehingga aku bisa menjadi lebih baik; Endi untuk tempat surveynya; Mas Muchsin untuk menjadi sopir kami bersama; Rika untuk tempat singgahnya dimalam hari; Esa dan Tika untuk sumbangan ide dan sarannya, Love will find your way ; Januar yang sudah menjadi teman pulang bareng dan guru Tekkom-ku serta dukungan yang sangat membara; Nis-nis, Anand, DitZz, Teguh, Yesi,Bang Samuel, Erick, Rama, Oksaf, Yudi DMX, Ayu, Bang Boris, Meryl, Rhendy, Derry, Bene, Aris, Ade Imam, Erwin, Oliver, Aves, Lisa, Wati, Adit Pepe, Bayu, Thomas untuk dukungan dan doanya; Hampir terlupakan si macho, Irfan, untuk peminjaman mobilnya. iii
Chandra ChangCom ingin berterima kasih kepada papa dan mama yang telah memberikan dukungan baik doa, materi, dan lain-lain sehingga saya dapat menyelesaikan kuliah saya. Terima kasih juga kepada Cie-Cie dan Nicko yang sudah membantu dalam membuat gambar. Terimakasih juga kepada kedua teman skripsi satu kelompok yang siap untuk disuruh-suruh dan diperintah sana sini (maaf bila keterlaluan). Terima kasih juga saya ucapkan kepada Mas Muchsin yang siap untuk mengerjakan fotocopy-an. Terima kasih kepada Aves, Januar, Anes, Endi yang mau membantu saya dalam menyelesaikan tugas-tugas selama perkuliahan. Terima kasih juga kepada Cie Febbie yang memberikan kesempatan mengerjakan skripsi di Elex Digital dan memberikan semua pengalaman kerjanya. Terima kasih kepada Esha yang sudah mau menjadi teman sekelompok dalam kerja praktek. Kepada DwAN saya ucapkan terima kasih sebesar-besarnya karena sudah menolong, membantu dan memberikan masukan untuk skripsi kami. Terima kasih juga kepada semua orang yang mau membantu saya dan mengasihi saya. Soraiman RE Barasa hendak mengucapkan terima kasih kepada 4JJ SWT; untuk ayah dan bunda yang telah memberi dukungan buat RE meskipun mereka sangat disibukkan oleh kegiatan mereka yang menyita waktu; buat abang tyar yang sudah mendesak agar segera lulus mendahului dia meskipun skripsinya belum selesai; buat adik-adik RE tercinta yang sudah menyusahkan dan mengganggu ketika sedang mengerjakan skripsi, terutama si kecil anggie yang sangat imut sekali; buat si tampan dee dan si gagah ChangCom yang ganteng karena telah bersedia menerima RE untuk di jadikan teman skripsi meskipun tidak memiliki kelebihan apa-apa; buat abang mama dan mas ais yang selalu mengajarkan artinya kebersamaan, semoga kebersamaan kita selalu berjalan dengan lancar selamanya dalam KepaK; buat mba Ria yang selalu bersedia iv
menolong dengan ikhlas, buat mba Febbie atas curhatannya bersama mengenai kehidupan, buat mba Dinda atas suaranya wah dan seru yang di gunakan, buat mba Lidya yang sudah memberi draft, buat mas Yesi atas segala masukannya, buat mas Bambang karena mau berbincang-bincang, satpam bernama Purwoko yang selalu mengingat nama dee dan ChangCom tetapi tidak pernah mengingat nama RE, tak lupa untuk pak Thomas yang sudah menerima di Elex Digital, untuk pak Iwan Setiawan yang sudah memberikan kesempatan untuk diwawancara; buat keluarga Wiradinata secara keseluruhan yang bersedia mendengar keluh kesah RE; buat DwAN yang sudah membantu sekali dalam membuat perangkat ajar ini; buat Anesh, Bene, I-veb, Nad-Nad yang bersedia menemani bermain biliard; Bang Boris, Bang Joe, Bang timmy yang bersedia menemani bermain musik bersama; buat Erick, Rama, DitZz, Erwin, Tika, Oksaf yang bersedia menemani bermain kartu ketika RE bosan; untuk para penghuni Orchid yang selalu segar dipandang ketika sedang bermain disana, tidak terkecuali mas Aji yang berwibawa; tidak terkecuali wanita yang selalu mendukung RE selama proses pembuatan skripsi ini meskipun sungguh sangat mengganggu sekali, tetapi itu merupakan dukungan yang sangat berarti. Kalian semua telah membuat hidup RE lebih berwarna. Tidak lupa kami juga ingin berterima kasih kepada dosen pembimbing kami, Bapak Freddy Purnomo S.Kom, M.Kom yang dengan caranya sendiri telah mendorong kami untuk selalu maju, optimis dan menjadi lebih baik. Kepada Bapak Gintoro dan Bapak Andi atas kritik dan saran sewaktu pra-sidang SRG. Kepada seluruh staff Elex Digital yang telah membantu kami dalam pengumpulan data-data yang dibutuhkan untuk penulisan skripsi ini. Kepada seluruh staff LPIA cabang Bogor yang telah bersedia memberikan waktu dan ruangannya untuk menjadi tempat survey kami. Kepada Bapak v
Iwan Setiawan Dani yang telah meluangkan waktunya demi membantu kami mendapatkan hasil wawancara dan data-data yang kami perlukan dalam skripsi. Kepada ATL yang memberi fasilitas internet. Kepada pihak-pihak yang telah meloloskan kami ke tahap kedua SRG, semoga merestui kami untuk mencapai tahap final dan kami mendapatkan dana yang telah dijanjikan. Dan pihak-pihak lain khususnya teman-teman lontrong yang juga telah membantu kami namun tidak dapat kami sebutkan satu persatu. Akhir kata, semoga skripsi ini dapat bermanfaat dan kami sangat bersyukur apabila dapat dijadikan pedoman bagi pembaca. Mohon maaf apabila masih banyak terdapat kekurangan dalam penyusunan skripsi ini sehingga kami sangat berterima kasih jika suatu saat kami dapat bertemu dengan para pembaca dan mendiskusikan kekurangan laporan ini. Penulis. vi
DAFTAR ISI Halaman Halaman Judul Luar Halaman Judul Dalam Halaman Persetujuan Softcover... i Abstrak... ii Prakata...iii Daftar Isi... vii Daftar Tabel... xii Daftar Gambar... xvi BAB 1 PENDAHULUAN... 1 1.1 Latar Belakang... 1 1.2 Ruang Lingkup... 3 1.3 Tujuan Dan Manfaat... 3 1.4 Metode Penelitian... 4 1.5 Sistematika Penulisan... 5 BAB 2 LANDASAN TEORI... 7 2.1 Tinjauan Pustaka... 7 2.1.1 Sistem Multimedia... 7 2.1.2 Multimedia Interaktif... 9 2.1.2.1 Penerapan Multimedia Interaktif... 11 vii
2.1.2.2 Perancangan Dan Pengembangan Multimedia Interaktif... 12 2.1.3 Format File Multimedia... 14 2.1.4 Multimedia Authoring Tools... 18 2.1.5 Interaksi Manusia Dan Komputer... 18 2.1.5.1 Antarmuka Pemakai... 18 2.1.6 Rekayasa Piranti Lunak... 22 2.1.6.1 State Transition Diagram... 27 2.1.7 Perangkat Ajar... 29 2.1.7.1 Konsep Dan Tujuan Perangkat Ajar... 30 2.1.7.2 Jenis-Jenis Perangkat Ajar... 31 2.1.7.3 Feedback Perangkat Ajar... 34 2.1.8 Pengertian Pengetahuan Dasar... 35 2.1.9 Database... 36 2.2 Kerangka Berpikir... 36 BAB 3 ANALISIS DAN PERANCANGAN APLIKASI... 39 3.1 Analisis Sistem Informasi... 39 3.1.1 Gambaran Umum Permasalahan... 39 3.1.2 Sejarah Perusahaan Dan Struktur Organisasi... 40 3.1.3 Analisis Kebutuhan Client... 45 3.1.3.1 Wawancara... 46 3.1.3.2 Data Analisis Dari GramaCom... 62 3.1.4 Hasil Analisis Kebutuhan... 79 viii
3.1.5 Usulan Pemecahan Masalah... 81 3.2 Perancangan Aplikasi Front-End... 82 3.2.1 Hirarki Menu Aplikasi Front-End... 83 3.2.2 State Transition Diagram Aplikasi Front-End... 86 3.2.3 Perancangan Layar Aplikasi Front-End... 95 3.2.3.1 Rancangan Layar Pembuka Dan Menu Utama... 95 3.2.3.2 Rancangan Layar Keluar Dan Penutup... 100 3.2.3.3 Rancangan Layar Lambang-Lambang Negara... 103 a. Garuda Pancasila... 107 b. Lagu Kebangsaan... 120 c. Sang Saka Merah Putih... 130 d. Presiden-Presiden RI... 138 3.2.3.4 Rancangan Layar Pakaian, Rumah Adat, dan Senjata Adat... 145 a. Pengetahuan Umum... 148 b. Bermain... 150 3.2.3.5 Rancangan Layar Terkenal Di Negaraku... 159 a. Agama... 162 b. Terkenal Di Indonesia... 168 c. Bermain... 170 3.2.3.6 Rancangan Layar Pilihan Ganda... 179 3.3 Perancangan Aplikasi Back-End...182 3.3.1 Hirarki Menu Aplikasi Back-End... 182 3.3.2 State Transition Diagram Aplikasi Back-End...183 ix
3.3.3 Perancangan Layar Aplikasi Back-End... 185 3.3.3.1 Rancangan Layar Menu Utama... 185 3.3.3.2 Rancangan Layar Menu Presiden... 188 3.3.3.3 Rancangan Layar Menu Propinsi... 196 3.3.3.4 Rancangan Layar Menu Soal Bergambar... 214 3.3.3.5 Rancangan layar Menu Pilihan Ganda... 222 3.4 Perancangan Database... 228 BAB 4 IMPLEMENTASI DAN EVALUASI... 233 4.1 Komponen Aplikasi Perangkat Ajar Pengetahuan Dasar Indonesia... 233 4.2 Dukungan Perangkat Keras Dan Piranti Lunak Dalam Perancangan Aplikasi... 236 4.3 Dukungan Perangkat Keras Dan Piranti Lunak Dalam Perancangan Aplikasi... 237 4.4 Petunjuk Instalasi Aplikasi Perangkat Ajar... 238 4.5 Prosedur Pemakaian Aplikasi Front-End... 238 4.5.1 Tampilan Layar Pembuka... 238 4.5.2 Tampilan Layar Menu Utama... 239 4.5.3 Tampilan Layar Menu Lambang-Lambang Negara... 241 4.5.3.1 Tampilan Layar Menu Garuda Pancasila... 242 4.5.3.2 Tampilan Layar Menu Lagu Kebangsaan... 247 4.5.3.3 Tampilan Layar Menu Bendera Negara... 251 4.5.3.4 Tampilan Layar Menu Presiden-Presiden RI... 254 4.5.4 Tampilan Layar Menu Pakaian, Rumah Adat Dan Senjata x
Adat... 257 4.5.4.1 Tampilan Layar Menu Pengetahuan Umum... 258 4.5.4.2 Tampilan Layar Menu Bermain... 260 4.5.5 Tampilan Layar Menu Terkenal Di Negaraku... 263 4.5.5.1 Tampilan Layar Menu Agama... 264 4.5.5.2 Tampilan Layar Menu Paling Terkenal Di Indonesia...267 4.5.5.3 Tampilan Layar Bermain Terkenal Di Negaraku... 269 4.5.6 Tampilan Layar Menu Pilihan Ganda... 273 4.6 Prosedur Pemakaian Aplikasi Back-End... 274 4.6.1 Tampilan Layar Menu Utama... 274 4.6.2 Tampilan Layar Menu Presiden... 275 4.6.3 Tampilan Menu Propinsi...278 4.6.4 Tampilan Menu Pilihan Ganda... 282 4.6.5 Tampilan Menu Soal Bergambar... 284 4.7 Evaluasi... 285 BAB 5 SIMPULAN DAN SARAN... 295 5.1 Simpulan... 295 5.2 Saran...... 296 DAFTAR PUSTAKA...297 RIWAYAT HIDUP...299 LAMPIRAN-LAMPIRAN xi
DAFTAR TABEL Halaman Tabel 3.1 Data Customer GramaCom tahun 1998... 48 Tabel 3.2 Data Customer GramaCom tahun 1999... 48 Tabel 3.3 Data Customer GramaCom Tahun 2000... 49 Tabel 3.4 Data Customer GramaCom Tahun 2001... 51 Tabel 3.5 Data Customer GramaCom per Agustus 2003... 52 Tabel 3.6 Tabel Kesulitan Dalam Menjelaskan Pelajaran... 63 Tabel 3.7 Tabel Cara Guru Mengatasi Masalah Dalam Mengajar... 65 Tabel 3.8 Tabel Tahu atau Tidaknya Guru SD Terhadap Perangkat Ajar... 66 Tabel 3.9 Materi Pelajaran yang Perlu Dikemas Dalam Perangkat Ajar... 67 Tabel 3.10 Apa yang Diharapkan Dari Suatu Perangkat Ajar... 68 Tabel 3.11 Materi Pelajaran IPS yang Perlu Diketahui Oleh Siswa... 69 Tabel 3.12 Respon Guru Terhadap Perangkat Ajar untuk pelajaran IPS...71 Tabel 3.13 Komponen yang Perlu Dalam Perangkat Ajar... 72 Tabel 3.14 Ketertarikan Siswa SD Terhadap Kartun... 73 Tabel 3.15 Kesukaan Anak-Anak Dalam Menggunakan Komputer... 74 Tabel 3.16 Tabel Pertanyaan Mengenai Jumlah Propinsi di Indonesia... 76 Tabel 3.17 Tabel Hafal Atau Tidaknya Siswa Terhadap Nama Presiden... 77 Tabel 3.18 Lancar Atau Tidaknya Siswa Menyanyikan Lagu Indonesia Raya... 78 Tabel 3.19 Keterangan Gambar 3.16... 97 Tabel 3.20 Metafora Menu Utama... 98 Tabel 3.21 Keterangan Gambar 3.17... 101 xii
Tabel 3.22 Metafora Konfirmasi Keluar... 101 Tabel 3.23 Keterangan Gambar 3.18... 102 Tabel 3.24 Keterangan Gambar 3.19... 104 Tabel 3.25 Metafora Menu Lambang-Lambang Negara... 105 Tabel 3.26 Keterangan Gambar 3.20... 108 Tabel 3.27 Metafora Menu Garuda Pancasila... 109 Tabel 3.28 Keterangan Gambar 3.21... 111 Tabel 3.29 Metafora Menu Pancasila... 112 Tabel 3.30 Keterangan Gambar 3.22... 115 Tabel 3.31 Keterangan Gambar 3.23... 117 Tabel 3.32 Keterangan Gambar 3.24... 121 Tabel 3.33 Metafora Menu Lagu Kebangsaan... 122 Tabel 3.34 Keterangan Gambar 3.25... 124 Tabel 3.35 Keterangan Gambar 3.26... 125 Tabel 3.36 Keterangan Gambar 3.27... 127 Tabel 3.37 Keterangan Gambar 3.28... 131 Tabel 3.38 Metafora Menu Sang Saka Merah Putih... 132 Tabel 3.39 Keterangan Gambar 3.29... 133 Tabel 3.40 Keterangan Gambar 3.30... 135 Tabel 3.41 Keterangan Gambar 3.31... 139 Tabel 3.42 Metafora Menu Presiden-Presiden R.I.... 140 Tabel 3.43 Keterangan Gambar 3.32... 141 Tabel 3.44 Keterangan Gambar 3.33... 143 Tabel 3.45 Keterangan Gambar 3.34... 146 xiii
Tabel 3.46 Metafora Menu Pakaian, Rumah Adat, dan Senjata Adat... 147 Tabel 3.47 Keterangan Gambar 3.35... 149 Tabel 3.48 Metafora Pengetahuan Umum... 149 Tabel 3.49 Keterangan Gambar 3.36... 151 Tabel 3.50 Metafora Bermain Pakaian, Rumah adat dan Senjata Adat... 152 Tabel 3.51 Keterangan Gambar 3.37... 154 Tabel 3.52 Keterangan Gambar 3.38... 157 Tabel 3.53 Keterangan Gambar 3.39... 159 Tabel 3.54 Metafora Menu Terkenal Di Negaraku... 160 Tabel 3.55 Keterangan Gambar 3.40... 163 Tabel 3.56 Metafora Menu Agama... 164 Tabel 3.57 Keterangan Gambar 3.41... 165 Tabel 3.58 Keterangan Gambar 3.42... 169 Tabel 3.59 Keterangan Gambar 3.43... 171 Tabel 3.60 Metafora Bermain Terkenal Di Negaraku... 172 Tabel 3.61 Keterangan Gambar 3.44... 174 Tabel 3.62 Keterangan Gambar 3.43... 176 Tabel 3.63 Keterangan Gambar 3.46... 180 Tabel 3.64 Tabel Keterangan Gambar Menu Utama... 185 Tabel 3.65 Tabel Keterangan Gambar Menu Presiden... 188 Tabel 3.66 Tabel Keterangan Gambar Menu Presiden - Menu Edit... 191 Tabel 3.67 Tabel Keterangan Gambar Menu Propinsi... 197 Tabel 3.68 Tabel 3.69 Tabel Keterangan Gambar Lihat Gambar Menu Propinsi...205 Tabel Keterangan Gambar Preview Peta - Menu Propinsi...213 xiv
Tabel 3.70 Tabel Keterangan Gambar Menu Soal Bergambar... 215 Tabel 3.71 Tabel Keterangan Gambar Menu Pilihan Ganda... 222 Tabel 3.72 Keterangan Tabel Database Presiden... 228 Tabel 3.73 Keterangan Tabel Database Province...230 Tabel 3.74 Keterangan Tabel Database Games Soal...231 Tabel 3.75 Keterangan Tabel Database Latihan...232 Tabel 4.1 Tabel Ketertarikan Anak Terhadap Tampilan Perangkat Ajar... 288 Tabel 4.2 Tabel Tingkat Kemudahan Dalam Menggunakan Aplikasi Perangkat Ajar... 288 Tabel 4.3 Tabel Kesesuaian Gambar Perangkat Ajar Dengan Film Kartun... 283 Tabel 4.4 Tabel Bagian Perangkat Ajar Yang Disukai Anak... 289 Tabel 4.5 Tabel Kejelasan Petunjuk Pada Perangkat Ajar...291 Tabel 4.6 Tabel Tingkat Intensitas Suara Pemandu... 292 Tabel 4.7 Tabel Tanggapan Anak... 293 xv
DAFTAR GAMBAR Halaman Gambar 2.1 Siklus IMSDD... 14 Gambar 2.2 Siklus Prototyping Model... 24 Gambar 2.3 Incremental Model... 26 Gambar 2.4 Spiral Model... 27 Gambar 2.5 NotasiState... 28 Gambar 2.6 Transition State... 28 Gambar 2.7 Notasi Condition... 28 Gambar 2.8 Notasi Action... 29 Gambar 3.1 Bagan Struktur Organisasi PT. Elex Media Komputindo... 43 Gambar 3.2 Hirarki Menu Utama Front-End... 83 Gambar 3.3 Hirarki Menu Lambang-Lambang Negara... 84 Gambar 3.4 Hirarki Menu Pakaian, Rumah Adat, dan Senjata adat... 85 Gambar 3.5 Hirarki Menu Terkenal Di Negaraku... 85 Gambar 3.6 STD Pembukaan dan Menu Utama... 86 Gambar 3.7 STD Lambang-Lambang Negara... 87 Gambar 3.8 STD Sub Menu Garuda Pancasila... 88 Gambar 3.9 STD Sub Menu Lagu Kebangsaan... 89 Gambar 3.10 STD Sub Menu Presiden-President RI... 90 Gambar 3.11 STD Sub Menu Bendera Negara... 91 Gambar 3.12 STD Pakaian, Rumah Adat, dan Senjata Adat... 92 Gambar 3.13 STD Terkenal Di Negaraku... 93 xvi
Gambar 3.14 STD Pilihan Ganda... 94 Gambar 3.15 Rancangan Layar Animasi Awal (Intro)... 96 Gambar 3.16 Rancangan Layar Menu Utama... 97 Gambar 3.17 Rancangan Layar Konfirmasi Keluar... 101 Gambar 3.18 Rancangan Layar Kredit... 102 Gambar 3.19 Rancangan Layar Lambang-Lambang Negara... 104 Gambar 3.20 Rancangan Layar Garuda Pancasila... 108 Gambar 3.21 Rancangan Layar Menu Pancasila... 111 Gambar 3.22 Rancangan Layar Menu Lagu... 115 Gambar 3.23 Rancangan Layar Menu Bermain Garuda Pancasila... 117 Gambar 3.24 Rancangan Layar Lagu Kebangsaan... 121 Gambar 3.25 Rancangan Layar Menu Pencipta... 124 Gambar 3.26 Rancangan Layar Menu Lagu... 125 Gambar 3.27 Rancangan Layar Menu Bermain - Lagu Kebangsaan...127 Gambar 3.28 Rancangan Layar Sang Saka Merah Putih... 131 Gambar 3.29 Rancangan Layar Menu Merah Putih... 133 Gambar 3.30 Rancangan Layar Menu Bermain - Sang Saka Merah Putih... 135 Gambar 3.31 Rancangan Layar Presiden-Presiden RI... 139 Gambar 3.32 Rancangan Layar Menu Profil... 141 Gambar 3.33 Rancangan Layar Menu Bermain Presiden-Presiden RI... 143 Gambar 3.34 Rancangan Layar Pakaian, Rumah Adat, dan Senjata Adat... 146 Gambar 3.35 Rancangan Layar Menu Pengetahuan Umum... 149 Gambar 3.36 Rancangan Layar Menu Bermain... 151 Gambar 3.37 Rancangan Layar Menu Mencocokan Bayangan... 154 xvii
Gambar 3.38 Rancangan Menu Soal Bergambar... 157 Gambar 3.39 Rancangan Layar Terkenal Di Negaraku... 159 Gambar 3.40 Rancangan Layar Menu Agama... 162 Gambar 3.41 Rancangan Layar Menu Bermain... 165 Gambar 3.42 Rancangan Layar Menu Terkenal Di Indonesia... 169 Gambar 3.43 Rancangan Layar Menu Bermain... 171 Gambar 3.44 Rancangan Layar Menu Permainan Koordinat... 173 Gambar 3.45 Rancangan Layar Menu Puzzle Games... 176 Gambar 3.46 Rancangan Layar Pilihan Ganda... 180 Gambar 3.47 Hierarki Menu Back-End... 182 Gambar 3.48 STD Pada Aplikasi Back-End... 184 Gambar 3.49 Rancangan Layar Menu Utama... 185 Gambar 3.50 Rancangan Layar Menu Presiden... 188 Gambar 3.51 Rancangan Layar Menu Presiden Menu Edit... 190 Gambar 3.52 Rancangan Layar Menu Presiden Menu Tambah... 192 Gambar 3.53 Rancangan Layar Menu Propinsi... 196 Gambar 3.54 Rancangan Layar Lihat Gambar... 205 Gambar 3.55 Rancangan Layar Preview Peta... 213 Gambar 3.56 Rancangan Layar Soal Bergambar... 215 Gambar 3.57 Rancangan Layar Menu Pilihan Ganda... 222 Gambar 4.1 Tampilan Layar Animasi Pembuka... 239 Gambar 4.2 Tampilan Layar Menu Utama... 240 Gambar 4.3 Tampilan Layar Menu Lambang-Lambang Negara... 242 Gambar 4.4 Tampilan Layar Garuda Pancasila... 243 xviii
Gambar 4.5 Tampilan Layar Awal Menu Garuda... 244 Gambar 4.6 Tampilan Layar Informasi Sila Pancasila... 245 Gambar 4.7 Tampilan Layar Submenu Lagu Garuda Pancasila... 246 Gambar 4.8 Tampilan Layar Submenu Bermain Garuda Pancasila... 247 Gambar 4.9 Tampilan Layar Lagu Kebangsaan... 248 Gambar 4.10 Tampilan Layar Submenu Pencipta... 249 Gambar 4.11 Tampilan Layar Submenu Lagu Indonesia Raya... 250 Gambar 4.12 Tampilan Layar submenu Bermain Lagu Kebangsaan... 251 Gambar 4.13 Tampilan Layar Menu Bendera Negara... 252 Gambar 4.14 Tampilan Layar Submenu Merah Putih... 253 Gambar 4.15 Tampilan Layar Submenu Bermain Bendera Negara... 254 Gambar 4.16 Tampilan Layar Menu Presiden-Presiden RI... 255 Gambar 4.17 Tampilan Layar Submenu Profil Presiden... 256 Gambar 4.18 Tampilan Layar Submenu Bermain Presiden... 257 Gambar 4.19 Tampilan Layar Menu Pakaian, Rumah Adat Dan Senjata Adat... 258 Gambar 4.20 Tampilan Layar Gambar Peta... 259 Gambar 4.21 Tampilan Layar Profil Propinsi... 260 Gambar 4.22 Tampilan Layar Menu Bermain Pakaian, Rumah Adat dan SenjataAdat... 261 Gambar 4.23 Tampilan Layar Mencocokan Bayangan... 262 Gambar 4.24 Tampilan Layar Soal Bergambar... 263 Gambar 4.25 Tampilan Layar Menu Terkenal Di Negaraku... 264 Gambar 4.26 Tampilan Layar Menu Agama... 265 Gambar 4.27 Tampilan Layar Submenu Profil Agama... 266 xix
Gambar 4.28 Tampilan Layar Bermain Agama... 267 Gambar 4.29 Tampilan Awal Menu Terkenal Di Indonesia... 268 Gambar 4.30 Tampilan Layar Paling Terkenal Di Indonesia... 269 Gambar 4.31 Tampilan Layar Menu Bermain Terkenal Di Negaraku... 270 Gambar 4.32 Tampilan Layar Submenu Permainan Koordinat... 271 Gambar 4.33 Tampilan Awal Menu Puzzle... 272 Gambar 4.34 Tampilan Layar Area Permainan Puzzle... 272 Gambar 4.35 Tampilan Layar Menu Pilihan Ganda... 273 Gambar 4.36 Tampilan Layar Menu Utama Aplikasi Back-End... 275 Gambar 4.37 Tampilan Layar Awal Menu Presiden... 276 Gambar 4.38 Tampilan Layar Menu Presiden... 277 Gambar 4.39 Tampilan Layar Menu Propinsi... 278 Gambar 4.40 Tampilan Layar Lihat Gambar... 280 Gambar 4.41 Tampilan Layar Preview Propinsi... 281 Gambar 4.42 Tampilan Layar Awal Menu Pilihan Ganda... 282 Gambar 4.43 Tampilan Layar Menu Pilihan Ganda... 283 Gambar 4.44 Tampilan Layar Menu Soal Bergambar... 284 xx