RANCANG BANGUN GAME EDUKASI SEBAGAI MEDIA PEMBELAJARAN PENGENALAN BENDA PADA ANAK MENGGUNAKAN HTML 5
Laporan Tugas Akhir Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang
Muhammad Rizqi Zamzam (201220370312380)
JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG TAHUN 2016
KATA PENGANTAR
Alhamdulillahirobbil’alamin. Puji dan syukur penulis panjatkan kehadirat Allah SWT karena berkat Rahmat dan Karunia-Nya penulis dapat menyelesaikan penyusunan skripsi ini. Shalawat beserta salam semoga senantiasa terlimpah curahkan kepada Nabi Muhammad SAW, kepada keluarganya, para sahabatnya, hingga kepada umatnya hingga akhir zaman, amin. Penulisan skripsi ini di ajukan untuk memenuhi salah satu syarat Memperoleh gelar Sarjana pada Program Studi Teknik Informatika Fakultas Teknik Universitas Muhammadiyah Malang. Judul yang penulis ajukan adalah “Rancang Bangun Game Edukasi Sebagai Media Pembelajaran Pengenalan Benda Pada Anak Menggunakan Html5”. Selama penyusunan skripsi ini, penulis telah banyak memperoleh bantuan dari berbagai pihak yang tidak ternilai harganya dalam bentuk bimbingan, saransaran, informasi, serta dorongan. Maka pada kesempatan ini penulis menyampaikan rasa terimakasih yang sebesar-besarnya kepada : 1. Ir. Sudarman, M.T selaku Dekan Fakultas Teknik Universitas Muhammadiyah Malang yang telah memberikan persetujuan dalam penelitian ini. 2. Bapak Yuda Munarko, S.Kom, MSC selaku Ketua Jurusan Teknik Informatika Universitas Muhammadiyah Malang yang selalu member semangat kepada mahasiswa. 3. Bapak Eko Budi Cahyono, S.Kom, M.T selaku dosen pembimbing utama yang dengan teliti dan sabar telah membantu, membimbing, memberikan arahan serta bertukar pikiran dengan penulis hingga dapat merampungkan skripsi ini. 4. Bapak Maskur, S.Kom., M.Kom selaku dosen pembimbing kedua yang telah bersedia meluangkan waktu untuk memberikan bimbingan ilmu, pengetahuan, pengarahan, serta dukungan dalam menyelesaikan skripsi ini. 5. Seluruh dosen Teknik Informatika Universitas Muhammadiyah Malang yang telah memberikan banyak ilmu bagi penulis yang Insya Allah akan menjadi bekal yang bermanfaat di kehidupan penulis. Tidak lupa penulis juga mengucapkan terimakasih yang sangat tulus dan sedalam-dalamnya kepada orang-orang yang sangat istimewa bagi penulis, karena
selalu memberikan dukungan, semangat, doa, cinta, serta kasih sayangnya sehingga penulis dapat menyelesaikan skripsi ini sampai selesai. 1. Untuk kedua orang tua penulis Bapak H. Yusran Dahlan dan Ibu Hj. Ratna Pujawati, yang telah membesarkan dan mendidik penulis, dan selalu memberikan dukungan moril maupun materi, semangat, nasihat, perlindungan, cinta, kasih sayang serta doa yang tidak pernah henti untuk penulis. 2. Untuk Nenek saya Ibu Hj. Nurul Hasanah, semoga nenek selalu disehatkan rohani dan jasmani, dan dipanjangkan umur. 3. Untuk kedua saudara penulis, Muhammad Teguh Riswandy, dan Maulina Yugitasari, semoga kalian selalu sukses untuk kedepannya. 4. Untuk Ivo Yolantina yang selalu memberi dukungan, semangat, dan memotivasi penulis untuk tidak putus asa dalam membuat tugas akhir ini. Terimakasih banyak untuk semuanya. 5. Rekan-rekan alih jenjang Politeknik Negeri Banjarmasin yang tidak bisa disebutkan satu persatu, terimakasih atas kebersamaan dan dukungan kalian. 6. Seluruh mahasiswa asal Kalimantan Selatan yang menempuh pendidikan di Malang yang telah bersedia menjadi responden untuk membantu menyelesaikan skripsi saya. 7. Semua pihak yang telah membantu, baik secara langsung maupun tidak langsung yang tidak dapat penulis sebutkan satu persatu. Penulis menyadari bahwa dalam penulisan skripsi ini masih jauh dari kesempurnaan. Oleh karena itu kritik dan saran yang bersifat membangun sangat penulis harapkan. Semoga skripsi ini dapat bermanfaat bagi penulis dan pembaca.
Malang, 01 Agustus 2016
Muhammad Rizqi Zamzam
DAFTAR ISI ABSTRAK ................................................................................................... i ABSTRACT ................................................................................................. ii KATA PENGANTAR ................................................................................. iii DAFTAR ISI ............................................................................................... v DAFTAR GAMBAR .................................................................................. vii DAFTAR TABEL ....................................................................................... viii DAFTAR SCRIPT PROGRAM ................................................................ viii BAB I :PENDAHULUAN 1.1 1.2 1.3 1.4 1.5 A. B. C. D. E.
1.6
Latar Belakang ...................................................................................... 1 Rumusan Masalah ................................................................................. 2 Batasan Masalah ................................................................................... 2 Tujuan Penelitian ................................................................................... 3 Metodologi ........................................................................................... 3 Studi literature .............................................................................................. 3 Perancangan Sistem ....................................................................................... 3 Implementasi ................................................................................................ 3 Pengujian Sistem ............................................................................................ 4 Pembuatan Laporan ...................................................................................... 4
Sistematika Penulisan ...................................................................... 4
BAB II : LANDASAN TEORI 2.1 Media Pembelajaran ............................................................................... 6 2.2 Multimedia ............................................................................................. 8 1. Teks ............................................................................................................. 8 2. Gambar ....................................................................................................... 8 3. Suara ........................................................................................................... 8 4. Video ........................................................................................................... 9 5. Animasi ....................................................................................................... 9 2.3 Konsep Dasar Game ................................................................................ 10 2.3.1. Pengertian Game ...................................................................................... 10 2.3.2. Pengertian PC Game ................................................................................. 11 2.3.3. Komponen-komponen game .................................................................... 11 1. Fitur ...................................................................................................... 11 2. Gameplay ............................................................................................. 11 3. Interface ............................................................................................... 11 4. Aturan/rules ......................................................................................... 11 5. Desain Level ......................................................................................... 11
2.3.4. Tinjauan Tentang Education Games (Permainan Edukatif) ...................... 12 2.3.5. Jenis-jenis Education Games (Permainan Edukatif) .................................. 13 1. Permainan Gerak atau Fungsi ..................................................................... 13 2. Permainan Deduktif .................................................................................... 13 3. Permainan Konstruktif ................................................................................ 13 4. Permainan Peranan atau Ilusi ..................................................................... 14 5. Permainan Reseptif..................................................................................... 14 6. Permainan Sukses atau Prestasi ................................................................. 14 2.3.6. Syarat-Syarat Education Games (Permainan Edukatif) ............................. 14 1. Mudah dibongkar pasang ........................................................................... 14 2. Mengembangkan daya fantasi ................................................................... 14 3. Tidak berbahaya ......................................................................................... 15 2.3.7. Fungsi Education Games (Permainan Edukatif) ........................................ 15 1. Sarana untuk membawa anak kedalam masyarakat .................................. 15 2. Mampu mengenal kekuatan sendiri ........................................................... 15 3. Mendapatkan kesempatan mengembangkan fantasi dan menyalurkan15 4. Berlatih menempa perasaan ...................................................................... 15 5. Memperoleh kegembiraan, kesenangan dan kepuasan............................. 15 6. Melatih diri untuk mentaati peraturan yang berlaku ................................. 16 2.4 Game Design ........................................................................................... 19 2.5 HTML 5.................................................................................................... 19 2.6 CSS .......................................................................................................... 20 2.7 Javascript ................................................................................................ 20 2.8 PHEG (Playability Heuristic Evaluation Game) ........................................... 21
BAB III : ANALISIS DAN PERANCANGAN
3.1 Analisis Sistem ....................................................................................... 25 3.1.1 Analisis Masalah .............................................................................. 25 3.1.2 Analisis Kebutuhan Sistem ................................................................. 26 3.1.3 Analisis Kebutuhan User ..................................................................... 26 3.2 Gambaran Sistem ..................................................................................... 26 3.2.1 Arsitektur Umum Sistem ..................................................................... 26 3.2.2 Flow Chart Sistem ............................................................................... 27 3.3 Perancangan Sistem .................................................................................. 29 3.3.1 Tujuan Perancangan Sistem ............................................................. 29 3.3.2 Skenario Game................................................................................. 29 1. 2. 3. 4. 5.
Tema ........................................................................................................... 29 Genre .......................................................................................................... 30 Tool ............................................................................................................. 30 Gameplay .................................................................................................... 31 Grafis .......................................................................................................... 31
6. 7. 8. 9.
Perencanaan waktu .................................................................................... 31 Storyboard .................................................................................................. 33 Kelompok Umur ......................................................................................... 33 Nilai Edukasi ................................................................................................ 33
BAB IV : IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi ......................................................................................... 34 4.1.1 Kebutuhan Perangkat Keras............................................................. 34 4.1.2 Kebutuhan Perangkat Lunak ............................................................ 34 4.1.3 Implementasi Perangkat Lunak........................................................ 35 4.1.4 Implementasi Sistem ......................................................................... 35 1. Halaman Utama ................................................................................. 35 2. Halaman Menu game ........................................................................ 36 3. Halaman menu pilih permainan......................................................... 37 4. Halaman Game Kata Benda Bahasa Indonesia ................................. 38 5. Halaman Game Kata Benda Bahasa Inggris...................................... 40 6. Halaman Game Matematika .............................................................. 42 7. Halaman Help.................................................................................... 47 4.2 Evaluasi PHEG (Playability Heuristic Evaluation Game) ................ 48 4.2.1 Arsitektur Metode PHEG................................................................. 48 4.2.2 Bobot dan Perhitungan..................................................................... 48 BAB V : KESIMPULAN DAN SARAN 5.1 Kesimpulan ............................................................................................... 51 5.2 Saran ........................................................................................................ 51
DAFTAR GAMBAR Gambar 2.1 Frame bola memantul ......................................................................... 10 Gambar 3.1 Flow Chart Menu Utama....................................................................... 27 Gambar 3.2 Flow Chart Game Pengenalan Benda Bahasa Indonesia, Bahasa Inggris dan Pengenalan Objek Matematika ............................................................ 28 Gambar 3.3 Intro Pengenalan Objek Benda ............................................................ 31 Gambar 3.4 Stroryboard Game................................................................................ 33
Gambar 4.1 Halaman Splash Game .............................................................. 35 Gambar 4.2 Halaman Menu Game ............................................................... 36 Gambar 4.3 Halaman Menu Game ............................................................... 37 Gambar 4.4 Halaman Permainan Bahasa Indonesia ..................................... 38
Gambar 4.5 Halaman Permainan Bahasa inggris.......................................... 40 Gambar 4.6 Halaman Permainan Matematika .............................................. 42 Gambar 4.7 Halaman Help ........................................................................... 47 Gambar 4.8. Asitektur Metode PHEG ....................................................................... 48
DAFTAR TABEL Tabel 2.1 Heuristic Interface (IN) ................................................................ 22 Table 2.2 Heuristic Educational Elemen (ED) .......................................................... 22 Tabel 2.3 Heuristic Content (CN) ............................................................................ 23 Tabel 2.4 Heuristic Playability (PL) .......................................................................... 23 Tabel 2.5 Heuristic Multimedia (MM) ..................................................................... 23
Tabel 4.1 Tabel Pembobotan untuk setiap heuristik ...................................... 48 Tabel 4.2 Hasil Evaluasi Ahli ........................................................................ 49 Tabel 4.3 Kalkulasi untuk setiap heuristik ..................................................... 49
DAFTAR SCRIPT PROGRAM Script Aksi Tombol Start ............................................................................... 36 Script Aksi Tombol Play, Help, dan Exit ...................................................... 37 Script Halaman Script Permainan Bahasa Indonesia .................................... 38 Script Halaman Script Permainan Bahasa inggris ........................................ 40 Script Halaman Script Permainan Matematika ............................................. 42 Script Hitung Scor ......................................................................................... 44 DAFTAR PUSTAKA .................................................................................. 53 LAMPIRAN
DAFTAR PUSTAKA Anneahira, 2011. Penggunaan Seven Tools.(http://www.anneahiracom/seventools.ht ml).[diakses tanggal 26 juni 2016] Briggs, 1977. Media Pembelajaran.(http://belajarpsikologi.com/pengertian-mediape mbelajaran).[diakses tanggal 26 juni 2016] Bronstring, Marek. 2012. What Are Advanture Games?.(http://www.adventuregamer s.com/articles/view/17547).[diakses tanggal 14 februari 2016] Dick,W., Carey,L. & Carey,J.O. 2005. The Systematic Design of Instruction. Boston: Harper Collin College Publisher. E. Yee Leng, et al. 2010. Computer games development experience and appreciateve learning approach for creative process enhancement. Computers & Educatio n.vol.55, pp. 1131- 1144 Granell, 2012. Pengertian HTML5.(http://library.binus.ac.id//eColls//eThesisdoc//Ba b2HTML/2012100457IFBab2001/page11.html).[diakses tanggal 26 juni 2016] Hasiah M O dan Azizah J, 2011. Tools to Evaluate Usability of Educational Computer Game (UsaECG). in 2nd InternationalConference on User Science and Engineering.(i-USEr 2011). Kuala Lumpur. Malaysia. Henderson,2009. Pengertian CSS.(http;//library.binus.ac.id/eColls/eThesisdoc/Bab2 /2012-1-00457IFBab2001.pdf).[diakses tanggal 27 juni 2106]
Henderson, 2009. Pengertian Javascript.(http://library.binus.ac.id/eColls/eThesisdo/ Bab2/2012-1-00457IF%20Bab2001.pdf).[diakses tanggal 27 juni 2016]
Hill/Osborn, 2002. Pengertian Animasi.(http://www.animasi.tk/2015/11/pengertian animasi_19.html). [diakses tanggal 13 juli 2106]
Istino, W. Arif. 208. Education Game. Jakarta: PT. Elex Media Computindo.
John M Echols & Hasan Shadily. Game Edukatif. (http://www.utopicsomputers.com/ 53 permainangameedukasi-untuk-anak-buatan-indonesia/).[diakses tanggal 27 jun i 2016]
Mahastya, 2005. Psikologi Perkembangan.(http;//digilib.uinsby.ac.id/8383/5/daftar %20pustaka.pdf).[diakses tanggal 27 juli 2016]
National Education Associaton, 1969. Media Pembelajaran.(http://belajarpsikologi. com/pengertian-media-pembelajaran/).[diakses tanggal 29 juni 2016]
Syarif, Maulana. Arry. 2009. Membuat Mini Game Seru dengan Flash. Jakarta: C.V Andi Offset.
Vaughan, 2011. Multimedia.(http://www.philadelphia.edu.jo).[diakses tanggal 26 ju ni 2016]
Wahono, Romi. 2006. Aspek dan Kriteria Penilaian Media Pembelajaran.(http://Ro miSatriaWahono.Net).[diakses tanggal 14 februari 2016]