RANCANG BANGUN GAME EDUKASI SEBAGAI MEDIA PEMBELAJARAN PENGENALAN BENDA PADA ANAK MENGGUNAKAN HTML 5. Laporan Tugas Akhir

Transkripsi

1 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 ( ) JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG TAHUN 2016

2

3

4

5 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

6 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

7 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 Latar Belakang Rumusan Masalah Batasan Masalah Tujuan Penelitian Metodologi... 3 A. Studi literature... 3 B. Perancangan Sistem... 3 C. Implementasi... 3 D. Pengujian Sistem... 4 E. Pembuatan Laporan Sistematika Penulisan... 4 BAB II : LANDASAN TEORI 2.1 Media Pembelajaran Multimedia Teks Gambar Suara Video Animasi Konsep Dasar Game Pengertian Game Pengertian PC Game Komponen-komponen game Fitur Gameplay Interface Aturan/rules Desain Level... 11

8 Tinjauan Tentang Education Games (Permainan Edukatif) Jenis-jenis Education Games (Permainan Edukatif) Permainan Gerak atau Fungsi Permainan Deduktif Permainan Konstruktif Permainan Peranan atau Ilusi Permainan Reseptif Permainan Sukses atau Prestasi Syarat-Syarat Education Games (Permainan Edukatif) Mudah dibongkar pasang Mengembangkan daya fantasi Tidak berbahaya Fungsi Education Games (Permainan Edukatif) Sarana untuk membawa anak kedalam masyarakat Mampu mengenal kekuatan sendiri Mendapatkan kesempatan mengembangkan fantasi dan menyalurkan15 4. Berlatih menempa perasaan Memperoleh kegembiraan, kesenangan dan kepuasan Melatih diri untuk mentaati peraturan yang berlaku Game Design HTML CSS Javascript PHEG (Playability Heuristic Evaluation Game) BAB III : ANALISIS DAN PERANCANGAN 3.1 Analisis Sistem Analisis Masalah Analisis Kebutuhan Sistem Analisis Kebutuhan User Gambaran Sistem Arsitektur Umum Sistem Flow Chart Sistem Perancangan Sistem Tujuan Perancangan Sistem Skenario Game Tema Genre Tool Gameplay Grafis... 31

9 6. Perencanaan waktu Storyboard Kelompok Umur Nilai Edukasi BAB IV : IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Kebutuhan Perangkat Keras Kebutuhan Perangkat Lunak Implementasi Perangkat Lunak Implementasi Sistem Halaman Utama Halaman Menu game Halaman menu pilih permainan Halaman Game Kata Benda Bahasa Indonesia Halaman Game Kata Benda Bahasa Inggris Halaman Game Matematika Halaman Help Evaluasi PHEG (Playability Heuristic Evaluation Game) Arsitektur Metode PHEG Bobot dan Perhitungan BAB V : KESIMPULAN DAN SARAN 5.1 Kesimpulan Saran DAFTAR GAMBAR Gambar 2.1 Frame bola memantul Gambar 3.1 Flow Chart Menu Utama Gambar 3.2 Flow Chart Game Pengenalan Benda Bahasa Indonesia, Bahasa Inggris dan Pengenalan Objek Matematika Gambar 3.3 Intro Pengenalan Objek Benda Gambar 3.4 Stroryboard Game Gambar 4.1 Halaman Splash Game Gambar 4.2 Halaman Menu Game Gambar 4.3 Halaman Menu Game Gambar 4.4 Halaman Permainan Bahasa Indonesia... 38

10 Gambar 4.5 Halaman Permainan Bahasa inggris Gambar 4.6 Halaman Permainan Matematika Gambar 4.7 Halaman Help Gambar 4.8. Asitektur Metode PHEG DAFTAR TABEL Tabel 2.1 Heuristic Interface (IN) Table 2.2 Heuristic Educational Elemen (ED) Tabel 2.3 Heuristic Content (CN) Tabel 2.4 Heuristic Playability (PL) Tabel 2.5 Heuristic Multimedia (MM) Tabel 4.1 Tabel Pembobotan untuk setiap heuristik Tabel 4.2 Hasil Evaluasi Ahli Tabel 4.3 Kalkulasi untuk setiap heuristik DAFTAR SCRIPT PROGRAM Script Aksi Tombol Start Script Aksi Tombol Play, Help, dan Exit Script Halaman Script Permainan Bahasa Indonesia Script Halaman Script Permainan Bahasa inggris Script Halaman Script Permainan Matematika Script Hitung Scor DAFTAR PUSTAKA LAMPIRAN

11 DAFTAR PUSTAKA Anneahira, Penggunaan Seven Tools.( ml).[diakses tanggal 26 juni 2016] Briggs, Media Pembelajaran.( mbelajaran).[diakses tanggal 26 juni 2016] Bronstring, Marek What Are Advanture Games?.( s.com/articles/view/17547).[diakses tanggal 14 februari 2016] Dick,W., Carey,L. & Carey,J.O The Systematic Design of Instruction. Boston: Harper Collin College Publisher. E. Yee Leng, et al Computer games development experience and appreciateve learning approach for creative process enhancement. Computers & Educatio n.vol.55, pp Granell, Pengertian HTML5.( b2html/ ifbab2001/page11.html).[diakses tanggal 26 juni 2016] Hasiah M O dan Azizah J, 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 / IFBab2001.pdf).[diakses tanggal 27 juni 2106] Henderson, Pengertian Javascript.( Bab2/ IF%20Bab2001.pdf).[diakses tanggal 27 juni 2016] Hill/Osborn, Pengertian Animasi.( animasi_19.html). [diakses tanggal 13 juli 2106] Istino, W. Arif Education Game. Jakarta: PT. Elex Media Computindo.

12 John M Echols & Hasan Shadily. Game Edukatif. ( 53 permainangameedukasi-untuk-anak-buatan-indonesia/).[diakses tanggal 27 jun i 2016] Mahastya, Psikologi Perkembangan.(http;//digilib.uinsby.ac.id/8383/5/daftar %20pustaka.pdf).[diakses tanggal 27 juli 2016] National Education Associaton, Media Pembelajaran.( com/pengertian-media-pembelajaran/).[diakses tanggal 29 juni 2016] Syarif, Maulana. Arry Membuat Mini Game Seru dengan Flash. Jakarta: C.V Andi Offset. Vaughan, Multimedia.( tanggal 26 ju ni 2016] Wahono, Romi Aspek dan Kriteria Penilaian Media Pembelajaran.( misatriawahono.net).[diakses tanggal 14 februari 2016]