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 Ajaib

  85 Gambar 3.23 Animasi Berjalan

  101

Gambar 4.6 Penunjuk

  102

Gambar 4.7 Permainan Dimulai

  103

Gambar 4.8 Drag Objek ke Pasangan

  104

Gambar 4.9 Seluruh Objek Terpasang ke Target 104Gambar 4.10 Animasi Diaminkan Sebelum Masuk ke Frame Menang 105Gambar 4.11 Frame Menang

  85 Gambar 3.24 Game Tangkap, Layer Salah

  84 Gambar 3.22 Objek di Drag dengan Mouse

Gambar 2.1 Siklus Pembuatan Perangkat Lunak Game

  66 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 Mouse

  133

Gambar 4.47 Objek Sebelum di Drop

  132

Gambar 4.46 Permainan Dimulai

  131

Gambar 4.45 Petunjuk

  131

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 129

  128

Gambar 4.40 Game Lanjutan

  127

Gambar 4.39 Layer Benar

  127

Gambar 4.38 Layer Salah

  125

  133

Gambar 4.50 Animasi Berjalan

  125

Gambar 4.56 Layer BenarGambar 4.60 Level 3 Dimulai

  143

Gambar 4.59 Layer Benar

  142

Gambar 4.58 Layer Salah

  141

Gambar 4.57 Level 2 Dimulai

  140

  139

  135

Gambar 4.55 Layer Salah

  138

Gambar 4.54 Permainan Dimulai

  137

Gambar 4.53 Game Berapa Jumlahnya?

  136

Gambar 4.52 Halaman Menang

  135

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 115

  114

Gambar 4.22 Layer Menang

  114

Gambar 4.21 Seluruh Objek Terpasang

  113

Gambar 4.20 Drop Objek

  113

  112

  116

Gambar 4.18 Permainan Dimulai

  111

Gambar 4.17 AnimasiGambar 4.16 Game Mencari Pasangan Bentuk 110

  109

Gambar 4.15 Layer Benar

  108

Gambar 4.14 Layer Salah

  107

Gambar 4.24 AnimasiGambar 4.25 Permainan Dimulai

  125

Gambar 4.31 Permainan DimulaiGambar 4.35 Penunjuk

  124

Gambar 4.34 Game Si Kerudung Merah

  123

Gambar 4.33 Layer Benar

  122

Gambar 4.32 Layer Salah

  121

  120

  117

Gambar 4.30 Game Hitung Kelopak Bunga

  119

Gambar 4.29 Layer Menang

  119

Gambar 4.28 Seluruh Objek Terpasang

  118

Gambar 4.27 Drop Objek

  118

Gambar 4.26 Drag Objek

  144

Gambar 4.61 Layer Salah

  150

Gambar 4.70 Layer Benar

  153

Gambar 4.69 Layer Salah

  152

Gambar 4.68 Permainan Dimulai

  151

Gambar 4.67 PetunjukGambar 4.66 Game Keranjang Apel Alice

  145

  149

Gambar 4.65 Layer Benar

  148

Gambar 4.64 Layer Salah

  147

Gambar 4.63 Level 4 Dimulai

  146

Gambar 4.62 Layer Benar

  154

  DAFTAR TABEL Halaman

Tabel 3.1 Stroryboard Game Edukasi

  30