RANCANG BANGUN GAME MATCHMAKER BERBASIS MACROMEDIA FLASH 8 TUGAS AKHIR HAIDAR RIZALI FIKRI

Transkripsi

1 RANCANG BANGUN GAME MATCHMAKER BERBASIS MACROMEDIA FLASH 8 TUGAS AKHIR HAIDAR RIZALI FIKRI PROGRAM STUDI D-III TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2012

2 RANCANG BANGUN GAME MATCHMAKER BERBASIS MACROMEDIA FLASH 8 TUGAS AKHIR Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh gelar Ahli Madya HAIDAR RIZALI FIKRI PROGRAM STUDI D-III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2012

3 PERSETUJUAN Judul : RANCANG BANGUN GAME MATCHMAKER BERBASIS MACROMEDIA FLASH 8 Kategori : TUGAS AKHIR Nama : HAIDAR RIZALI FIKRI Nomor Induk Mahasiswa : Program Studi : DIPLOMA 3 TEKNIK INFORMATIKA Departemen : MATEMATIKA Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA Diluluskan di Medan, Juli 2012 Diketahui/Disetujui oleh Departemen Matematika FMIPA USU Ketua, Pembimbing, Prof. Dr. Tulus, M. Si Dra. Normalina Napitupulu,M. Sc NIP NIP

4 PERNYATAAN RANCANG BANGUN GAME MATCHMAKER BERBASIS MACROMEDIA FLASH 8 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 2012 Haidar Rizali Fikri

5 PENGHARGAAN Puji dan syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan rahmat dan karunia-nya sehingga penulis dapat menyelesaikan Tugas Akhir ini tepat pada waktunya. Pembuatan Tugas Akhir ini merupakan salah satu syarat untuk menyelesaikan Program Studi Diploma III Teknik Informatika pada. Adapun judul Tugas Akhir ini adalah RANCANG BANGUN GAME MATCHMAKER BERBASIS MACROMEDIA FLASH 8. Selama mempersiapkan Tugas Akhir ini penulis banyak mendapat bantuan, dorongan, dan motivasi baik secara langsung maupun tidak langsung, maka pada kesempatan ini penulis ingin mengucapkan terima kasih kepada: 1. Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam. 2. Bapak Prof. Dr. Tulus, M.Si selaku Ketua Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam. 3. Ibu Dra. Normalina Napitupulu, M.Sc selaku pembimbing penulis yang telah banyak memberikan saran dan masukan dalam penyelesaian Tugas Akhir ini. 4. Seluruh staf pengajar di Fakultas Matematika dan Ilmu Pengetahuan Alam khususnya program studi D3 Ilmu Komputer yang telah benyak memberikan ilmu selama perkuliahan.

6 5. Ayahanda Mhd. Sofyan Yoga dan Ibunda Munawarah Panjaitan atas doa restunya dan kasih sayangnya yang tiada habisnya diberikan pada penulis serta dukungan moril maupun materil yang tanpa jasanya tak mungkin penulis sampai pada saat sekarang. 6. Seluruh rekan mahasiswa Jurusan D3 Ilmu Komputer khususnya Kom D 2009, dan teman-teman yang telah banyak memberikan dorongan semangat. Dan terimakasih atas semua dukungannya. Akhirnya Penulis menyadari bahwa Tugas Akhir ini masih banyak mendapati kekurangan dan kesalahan, untuk itu penulis mengharapkan kritik dan saran dari semua pihak guna penyempurnaan Tugas Akhir di masa yang akan datang. Akhir kata, semoga Tugas Akhir ini dapat berguna dan bermanfaat bagi kita semua dan penulis pada khususnya. Medan, Juni 2012 Haidar Rizali Fikri

7 ABSTRAK Kajian ini bertujuan untuk membuat game edukasi yang implementasinya untuk anak dalam membantu merangsang pertumbuhan dan daya ingat anak-anak secara lebih baik lagi, dimana game ini dikemas secara menarik, menghibur, dan lebih mudah dimengerti. Pada permainan mencocokkan gambar, pengguna hanya mencari gambar yang sama, kemudian gambar tersebut akan hilang jika benar. Pada permainan memory, pengguna harus mengingat gambar yang sama yang dipilih dari dua bagian. Jika tepat maka gambar akan muncul, jika tidak maka gambar akan hilang. Kedua permainan ini memiliki waktu dan dilengkapi oleh music instrumental. Aplikasi ini dibuat dengan menggunakan Macromedia Flash 8 dan dapat dijalankan dengan pemutar Flash. Sasaran dari program aplikasi ini adalah anak-anak yang berusia 3-5 tahun.

8 DAFTAR ISI Halaman Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Gambar ii iii iv vi vii ix Bab 1 Pendahuluan Latar Belakang Rumusan Masalah Batasan Masalah Maksud dan Tujuan Metodologi Penelitian Sistematika Penulisan 4 Bab 2 Landasan Teori Pengertian Aplikasi Pengertian Game Komputer Game Edukasi Game Pairs dan Memory Grafik Animasi Kontrol dalam Animasi Keyboard Mouse Macromedia Flash Riwayat Produk Pengenalan Lingkungan Macromedia Flash Komponen-Komponen pada Lingkungan Kerja Perancangan dan Pengolahan Objek Gambar Impor Objek Gambar Objek-Objek Gambar yang Dapat Diimpor Tracing Objek Gambar pada Flash Distribusi Objek Gambar Pustaka (Library) 29 Bab 3 Perancangan Sistem Persiapan Kebutuhan Sistem Rancangan Pembuatan Game Matchmaker Diagram Alur Program Rancangan Tampilan Rancangan Tampilan Intro Rancangan Frame Matchmaker for Kids Rancangan Frame Pilih Mode Permainan Rancangan Frame Pilih Submode Permainan 35

9 3.4.5 Rancangan Frame Pilih Level Permainan Rancangan Frame 8 Match Normal Mode Rancangan Frame 8 Match Time Attack Mode Rancangan Frame 16 Match Normal Mode Rancangan Frame 16 Match Time Attack Mode Rancangan Frame 8 Match Memory Normal Mode Rancangan Frame 8 Match Memory Time Attack Mode Rancangan Frame 16 Match Memory Normal Mode Rancangan Frame 16 Match Memory Time Attack Mode Rancangan Tampilan Petunjuk Rancangan Tampilan Profil Rancangan Tampilan Respon Menang Rancangan Tampilan Respon gagal 44 Bab 4 Implementasi Sistem Menu Game Matchmaker for Kids Halaman Menu Pilih Mode Game Halaman Menu Pilih Submode Game Halaman Menu Pilih Level Game Halaman Menu Permainan Tampilan Menu 8 Match Normal Mode Tampilan Menu 8 Match Time Attack Mode Tampilan Menu 16 Match Normal Mode Tampilan Menu 16 Match Time Attack Mode Tampilan Menu 8 Match Memory Normal Mode Tampilan Menu 8 Match Memory Time Attack Mode Tampilan Menu 16 Match Memory Normal Mode Tampilan Menu 16 Match Memory Time Attack Mode Tampilan Respon Menang Tampilan Respon Gagal Halaman Menu Help Halaman Menu About 59 Bab 5 Kesimpulan dan Saran Kesimpulan Saran 61 Daftar Pustaka Lampiran

10 DAFTAR GAMBAR Halaman Gambar 2.1 Tampilan Utama Macromedia Flash 8 13 Gambar 2.2 Baris Menu 13 Gambar 2.3 Sistem Pada Layer 14 Gambar 2.4 Tombol Gambar 15 Gambar 2.5 Kanvas (Stage) 20 Gambar 2.6 Baris Waktu 21 Gambar 2.7 Panel Color Mixer 23 Gambar 2.8 Panel Color Swatches 23 Gambar 2.9 Panel Component 24 Gambar 2.10 Panel Actions 24 Gambar 2.11 Panel Properties 25 Gambar 2.12 Panel Output 25 Gambar 2.10 Panel Actions 37 Gambar 3.1 Alur Program Game Matchmaker 32 Gambar 3.2 Tampilan Intro 33 Gambar 3.3 Rancangan Frame Matchmaker for Kids 34 Gambar 3.4 Rancangan Frame Pilih Mode Permainan 35 Gambar 3.5 Rancangan Frame Pilih Submode Permainan 36 Gambar 3.6 Rancangan Frame Pilih Level Permainan 36 Gambar 3.7 Rancangan Frame 8 Matchs Normal Mode 37 Gambar 3.8 Rancangan Frame 8 Matchs Time Attack Mode 38 Gambar 3.9 Rancangan Frame 16 Matchs Normal Mode 38 Gambar 3.10 Rancangan Frame 16 Matchs Time Attack Mode 39 Gambar 3.11 Rancangan Frame 8 Matchs Memory Normal Mode 40 Gambar 3.12 Rancangan Frame 8 Matchs Memory Time Attack Mode 40 Gambar 3.13 Rancangan Frame 16 Matchs Memory Normal Mode 41 Gambar 3.14 Rancangan Frame 16 Matchs Memory Time Attack Mode 42 Gambar 3.15 Rancangan Tampilan Petunjuk 42 Gambar 3.16 Rancangan Tampilan Profil 43 Gambar 3.17 Rancangan Tampilan Respon Menang 44 Gambar 3.18 Rancangan Tampilan Respon Gagal 44 Gambar 4.1 Halaman Menu Matchmaker For Kids 45 Gambar 4.2 Halaman Menu Pilih Mode Game 46 Gambar 4.3 Halaman Menu Pilih Submode Game 47 Gambar 4.4 Halaman Menu Pilih Level Game 48 Gambar 4.5 Halaman Menu 8 Match Normal Mode 49 Gambar 4.6 Halaman Menu 8 Match Time Attack Mode 50 Gambar 4.7 Halaman Menu 16 Match Normal Mode 51 Gambar 4.8 Halaman Menu 16 Match Time Attack Mode 52 Gambar 4.9 Halaman Menu 8 Match Memory Normal Mode 53 Gambar 4.10 Halaman Menu 8 Match Memory Time Attack Mode 54 Gambar 4.11 Halaman Menu 16 Match Memory Normal Mode 55

11 Gambar 4.12 Halaman Menu 16 Match Memory Time Attack Mode 56 Gambar 4.13 Tampilan Respon Menang 57 Gambar 4.14 Tampilan Respon Gagal 58 Gambar 4.15 Tampilan Menu Help 59 Gambar 4.16 Tampilan Menu About 59