PERANCANGAN GAME EDUKATIF SEBAGAI MEDIA PEMBELAJARAN PADA ANAK USIA DINI DENGAN ADOBE FLASH CS 5 TUGAS AKHIR YUDHO MURPHY HARAHAP 102406137
PERANCANGAN GAME EDUKATIF SEBAGAI MEDIA
PEMBELAJARAN PADA ANAK USIA DINI
DENGAN ADOBE FLASH CS 5
TUGAS AKHIR
YUDHO MURPHY HARAHAP
102406137
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2013 PERANCANGAN GAME EDUKATIF SEBAGAI MEDIA PEMBELAJARAN PADA ANAK USIA DINI DENGAN ADOBE FLASH CS 5 TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya
YUDHO MURPHY HARAHAP 102406137
PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKS FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2013
PERSETUJUAN
Judul :PERANCANGAN GAME EDUKATIF SEBAGAI MEDIA PEMBELAJARAN PADA ANAK USIA DINI DENGAN ADOBE FLASH CS 5
Kategori :
TUGAS AKHIR
Nama : YUDHO MURPHY HARAHAP Nomor Induk Mahasiswa : 102406137 Program Studi : D3 TEKNIK INFORMATIKA
Departeman : MATEMATIKA
Fakultas :
MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA
Diluluskan di Medan, Juni 2013
Diketahui Departemen Matematika FMIPA USU Ketua, Pembimbing Prof. Dr. Tulus, M.Si Sajadin Sembiring, S.Si.,M.Comp.Sc NIP: 196209011988031002
PERNYATAAN
PERANCANGAN GAME EDUKATIF SEBAGAI MEDIA PEMBELAJARAN PADA ANAK USIA DINI DENGAN ADOBE FLASH CS 5 TUGAS AKHIR Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2013 Yudho Murphy Harahap 102406127
PENGHARGAAN
Alhamdullilah . Terselesaikannya Tugas Akhir ini bukanlah pekerjaan satu orang saja.
Ada banyak nama harus berada di sampul depan bersama saya, karenanya saya meminta maaf karena menjadi egois sekali hanya meletakkan nama saya. Banyak nama yang harus mendapatkan terima kasih (bahkan kado), pertama-tama saya ingin berterima kasih kepada…
Bapak Sajadin Sembiring, S.Si.,M.Comp.Sc, selaku Dosen Pembimbing dalam penulisan Tugas Akhir yang memberikan arahan dan perbaikan selama penulisan Tugas Akhir, mengingatkan betapa saya sangat bergantung pada pengalaman dan kecerdasan orang lain.
Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara, juga Bapak Prof. Dr. Tulus, M.Si selaku Ketua Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
Seluruh dosen D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara, yang memberikan banyak ilmu yang pasti berguna seumur hidup saya.
Ibu, Rera, Ughi yang selalu mencintai saya meskipun itu sulit sekali, dan Ayah, yang mengajari cara membuat garis lurus saat saya 3 tahun. Sahabat-sahabat saya, Dara Juwita, Gustiana Harahap, Masita dan Yakhdi
Perari Pinem, yang tidak melewatkan saya ke banyak tempat menyenangkan. Salam chibis .
Dwi Agustin SN, tanpanya saya akan belajar menjadi psikolog dan tidak pernah bisa menemukan cara menggambar dengan komputer. Teman-teman di Komputer B, semua orang akan menang pada akhirnya, jika mereka mau berjuang. Selamat berjuang! Dan meskipun terdengar sangat aneh, untuk Mumford & Sons, band favorit saya, yang tanpa musik mereka mata dan kepala saya terpejam sehingga menyelesaikan Tugas Akhir ini adalah mimpi.
Terakhir, untuk Yusuf, gagasan saya atas persahabatan.
ABSTRAK
Kajian ini bertujuan untuk membuat game edukatif yang menarik memiliki warna cerah dan karakter-karakter yang lucu yang dapat memberikan edukasi terhadap pengenalan warna, bentuk, angka dan juga melatih daya ingat anak. Game dirancang secara interaktif agar orangtua dapat membantu anak menyelesaikan permainan dengan memberikan pengarahan agar anak dapat menyelesaikan permainan. Aplikasi ini dibuat dengan menggunakan Adobe Flash CS5 dan dapat dijalankan dengan pemutar Flash. Sasaran dari program aplikasi ini adalah anak usia dini.
DAFTAR ISI Halaman
Persetujuan ii
Pernyataan iii
Abstrak iv
Daftar Isi vi
Daftar Gambar viii
Daftar Tabel xi
BAB 1 Pendahuluan..……………………………………..……..………….. 1
1.1 Latar Belakang …………………………………….……………… 1
1.2 Rumusan Masalah……………………………………….………... 2
1.3 Batasan Masalah……………………………………………...…... 3
1.4 Tujuan Penelitian……………………………………………….… 3
1.5 Manfaat Penelitian………………………………………………... 3
1.6 Sistematika Penelitian…………………………………………..... 5
BAB 2 Pendahuluan..……………………………………………………….. 7
2.1 Game Edukasi.……………….…………………………………… 7
2.1.1 Pengertian Game………………………………………………... 7
2.1.2 Edukasi………………………….…………………………..…... 10
2.1.3 Game Edukatif………………………………………………….. 11
2.2. Media Pembel ajaran……………………………………………… 12
2.2.1 Pengertian Media……………………………………………….. 12
2.2.2 Pembelajaran…..………………………………………………... 13
2.2.3 Media Pembelajaran…………….…………………………..…... 14
2.3 Siklus Metodologi Waterfall……………..……………………….. 15
2.4 Flash……………….……………………………………………… 16
2.4.1 Sekilas Tentang Flash…………………….…………………….. 16
2.5 Adobe Flash CS5…………………………………………………. 18
2.6 Dasar- Dasar Penggunaan Adobe Flash CS 5…………………….. 19
2.6.1 Halaman Awal…..………………..……………………………... 19
2.6.2 Jendela Utama…………………..…………………………..…... 20
2.6.3 Toolbox…………………………………..……………………... 21
2.6.4 Library…………...……………………………………………… 24
2.6.5 ActionScript……………...……………….…………………….. 25
BAB 3 Analisis dan Perancangan ……………….………………………….. 29
3.1 Analisis……....……………….…………………………………… 29 3.
2 Storyboard………………….……………………………………... 30
3.3 Cara Pembuatan Gambar………....…………………………..…... 54
3.4 Cara Pembuatan Animasi, Button, Tulisan, Link dan Suara……... 55
3.5 Menambahkan Layer pada File Flash…………………………….. 59
3.6 Membuat File Flash dapat Full screen…………………………….. 60
3.7 Desain Halaman Awal……………………………………………. 60
3.8 Desain Game………………………………………………….…... 64
3.8.1Desain Game Klik……………………………………………….. 64
3.8.2 Desain Game Drag and Drop…………………………………… 73
3.8.2.1 Drag and Drop………………………………..……………….. 73
3.8.2.2 Penggunaan HitTest…...………...……………………………. 76
3.8.2.3. Penggunaan Animasi…………...……………………………. 80
3.8.3 Desain Game Tangkap………………………….……………..... 86
3.8.4 Desain Game Maze…………………………..……………..…... 88
BAB 4 Implementasi Sistem ……………….……………………………….. 94
4.1 Pengertian Implementasi Sistem………………………………….. 94
4.2 Tujuan Implementasi Sistem……………………………………… 94
4.3 Komponen Utama dalam Implementasi Sistem…………………... 95
4.3.1 Hardware (Perangkat Keras)….………………………………… 95
4.3.2 Software (Perangk at Lunak)….………………………………… 95
4.3.3 Brainware……………………………..………………………… 96
4.4 Tampilan Aplikasi………………………………...………………. 97
4.4.1 Home……………………………………………………………. 97
4.4.2 Baca.……………………………………………………………. 98
4.4.3 Yudho………...…………………………………………………. 99
4.4.4 Mai n..………...…………………………………………………. 100
4.4.5 Game Pintu Ajaib………………………………………………. 100
4.4.6 Game Mencari Layangan Kuning………………………………. 106
4.4.7 Game Mencari Pasangan Bentuk………………………………. 109
4.4.8 Game Mencari Pasangan Warna..………………………………. 115
4.4.9 Gam e Hitung Kelopak Bunga…..………………………………. 120
4.4.10 Game Si Kerudung Merah…………………………………….. 123
4.4.11Game Buah- Buahan Tuan Marko……………………………… 130
4.4.12 Game Berapa Jumlahnya?........................................................... 136
4.4.13 Game Keranjang Apel Alice…………………………………... 149
BAB
4 Kesimpulan dan Saran…….……….……………………………….. 155
5.1 Kesimpulan……………………………………………………….. 155
5.2 Saran……………………….……………………………………… 156 Daftar Pustaka Lampiran
DAFTAR GAMBAR Halaman
99 Gambar 4.4 Tampilan Main 100
86 Gambar 3.25 Game Tangkap, Layer Benar
87 Gambar 3.26 Objek Bergerak Mengikuti Mouse
88 Gambar 3.27 Game Maze, Layer Benar
89 Gambar 3.28 Game Maze, Layer Salah
89 Gambar 3.29 Game Maze, Game Lanjutan
90 Gambar 3.30 Game Lanjutan, Layer Salah
91 Gambar 3.31 Game Lanjutan, Layer Benar
91 Gambar 4.1 Tampilan Awal Game
97 Gambar 4.2 Tampilan Baca
98 Gambar 4.3 Tampilan Yudho
Gambar 4.5 Game Pintu Ajaib85 Gambar 3.23 Animasi Berjalan
101
Gambar 4.6 Penunjuk102
Gambar 4.7 Permainan Dimulai103
Gambar 4.8 Drag Objek ke Pasangan104
Gambar 4.9 Seluruh Objek Terpasang ke Target 104Gambar 4.10 Animasi Diaminkan Sebelum Masuk ke Frame Menang 105Gambar 4.11 Frame Menang85 Gambar 3.24 Game Tangkap, Layer Salah
84 Gambar 3.22 Objek di Drag dengan Mouse
Gambar 2.1 Siklus Pembuatan Perangkat Lunak Game66 Gambar 3.8 Game Klik 1, Layer Benar
16 Gambar 2.2 Tampilan Start Page Adobe Flash CS5
19 Gambar 2.3 Jendela Utama
20 Gambar 2.4 Panel Library
25 Gambar 3.1 Ikuti Setiap Garis yang Ada dengan Pen Tool
55 Gambar 3.2 Tampilan Awal
61 Gambar 3.3 Manu Daftar Permainan
62 Gambar 3.4 Menu Penunjuk
63 Gambar 3.5 Menu Profil Pembuat
64 Gambar 3.6 Game Klik 1
65 Gambar 3.7 Game Klik 1, Layer Salah
67 Gambar 3.9 Game Klik 2
79 Gambar 3.21 Objek Sebelum di Drop
68 Gambar 3.10 Game Klik 2, Layer Salah
69 Gambar 3.11 Game Klik 2, Layer Benar
70 Gambar 3.12 Game Klik 3
71 Gambar 3.13 Game Klik 3, Layer Salah
72 Gambar 3.14 Game Klik 3, Layer Benar
73 Gambar 3.15 Objek Sebelum Di drag
75 Gambar 3.16 Objek di Drag dengan Mouse
75 Gambar 3.17 Objek Sesudah di Drop
76 Gambar 3.18 Objek Sebelum di drag
78 Gambar 3.19 Objek di Drag dengan Mouse
79 Gambar 3.20 Objekdi Drag dan Objek Berubah
105
Gambar 4.12 Game Mencari Layangan Kuning 106Gambar 4.44 AnimasiGambar 4.48 Objek di Drop dengan Mouse133
Gambar 4.47 Objek Sebelum di Drop132
Gambar 4.46 Permainan Dimulai131
Gambar 4.45 Petunjuk131
Gambar 4.43 Game Buah-Buahan Tuan Marko 130Gambar 4.49 Objek di Drag dan Objek Berubah 134Gambar 4.42 Game Lanjutan, Halaman Benar 129Gambar 4.41 Game Lanjutan, Halaman Salah 129128
Gambar 4.40 Game Lanjutan127
Gambar 4.39 Layer Benar127
Gambar 4.38 Layer Salah125
133
Gambar 4.50 Animasi Berjalan125
Gambar 4.56 Layer BenarGambar 4.60 Level 3 Dimulai143
Gambar 4.59 Layer Benar142
Gambar 4.58 Layer Salah141
Gambar 4.57 Level 2 Dimulai140
139
135
Gambar 4.55 Layer Salah138
Gambar 4.54 Permainan Dimulai137
Gambar 4.53 Game Berapa Jumlahnya?136
Gambar 4.52 Halaman Menang135
Gambar 4.51 Objek Berada di TargetGambar 4.37 Objek BergerakGambar 4.36 Permainan DimulaiGambar 4.13 Permainan DimulaiGambar 4.19 Drag ObjekGambar 4.23 Game Mencari Pasangan Warna 115114
Gambar 4.22 Layer Menang114
Gambar 4.21 Seluruh Objek Terpasang113
Gambar 4.20 Drop Objek113
112
116
Gambar 4.18 Permainan Dimulai111
Gambar 4.17 AnimasiGambar 4.16 Game Mencari Pasangan Bentuk 110109
Gambar 4.15 Layer Benar108
Gambar 4.14 Layer Salah107
Gambar 4.24 AnimasiGambar 4.25 Permainan Dimulai125
Gambar 4.31 Permainan DimulaiGambar 4.35 Penunjuk124
Gambar 4.34 Game Si Kerudung Merah123
Gambar 4.33 Layer Benar122
Gambar 4.32 Layer Salah121
120
117
Gambar 4.30 Game Hitung Kelopak Bunga119
Gambar 4.29 Layer Menang119
Gambar 4.28 Seluruh Objek Terpasang118
Gambar 4.27 Drop Objek118
Gambar 4.26 Drag Objek144
Gambar 4.61 Layer Salah150
Gambar 4.70 Layer Benar153
Gambar 4.69 Layer Salah152
Gambar 4.68 Permainan Dimulai151
Gambar 4.67 PetunjukGambar 4.66 Game Keranjang Apel Alice145
149
Gambar 4.65 Layer Benar148
Gambar 4.64 Layer Salah147
Gambar 4.63 Level 4 Dimulai146
Gambar 4.62 Layer Benar154
DAFTAR TABEL Halaman
Tabel 3.1 Stroryboard Game Edukasi30