GAME MENCOCOKAN GAMBAR DAN ANGKA MENGGUNAKAN ADOBE FLASH CS3 TUGAS AKHIR AL HAZMI WARA 112406228 PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2014
GAME MENCCOCOKAN GAMAR DAN ANGKA MENGGUNAKAN ADOBE FLASH CS3 TUGAS AKHIR Diajukan untuk melengkapi tugas akhir dan memenuhi syarat memperoleh gelar Ahli Madya AL HAZMI WARA 112406228 PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2014
ii PERSETUJUAN Judul : GAME MENCOCOKKAN GAMBAR DAN ANGKA MENGGUNAKAN ADOBE FLASH CS3 Kategori : TUGAS AKHIR Nama : AL HAZMI WARA Nomor Induk Mahasiswa : 112406228 Program Studi : DIPLOMA (D3) TEKNIK INFORMATIKA Departemen : MATEMATIKA Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA Diluluskan di Medan, Juni 2014 Diketahui/Disetujui oleh Departemen Matematika FMIPA USU Ketua, Pembimbing, Dr. Elly Rosmaini, M.Si Asima Manurung, S.Si, M.SiNIP. 19600520 198503 2 002 NIP. 19730315 199903 2 001
iii PERNYATAAN GAME MENCOCOKKAN GAMBAR DAN ANGKA MENGGUNAKAN ADOBE FLASH CS3 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 2014 Al Hazmi Wara 112406228
iv PENGHARGAAN Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha Penyayang, dengan limpah karunia-nya Penulis dapat menyelesaikan penysunan Tugas Akhir ini dengan judul Game Mencocokkan Gambar dan Angka Menggunakan Adobe Flash CS3.. Terimakasih penulis sampaikan kepada Ibu Asima Manurung S.Si, M.Si selaku pembimbing yang telah meluangkan waktunya selama penyusunan tugas akhir ini. Terimakasih kepada Ibu Dr. Elly Rosmaini, M.Si dan Bapak Syahriol Sitorus, S.Si, M.IT selaku Ketua Program Studi dan Sekretaris Program Studi D3 Teknik Informatika FMIPA USU, Bapak Prof. Dr. Tulus, M.Si dan Ibu Dr. Mardiningsih, M.Si selaku Ketua dan Sekretaris Departemen Matematika FMIPA USU, Bapak Dr. Sutarman, M.Sc Selaku Dekan FMIPA USU, seluruh Staff dan Dosen Program Studi D3 Teknik Informatika FMIPA USU, pegawai FMIPA USU dan rekan-rekan kuliah. Akhirnya tidak terlupakan kepada Ayah..., Ibu... dan keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Tuhan Yang Maha Esa akan membalasnya.
v 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 game ini terdapat 3 model permainan yaitu diantaranya, mencocokkan gambar, angka dan warna pengguna hanya mencari gambar yang sama, kemudian gambar tersebut dicocokkan satu sama lain dan gambar akan hilang jika benar. Pada permainan game ini pengguna harus memperhatikan waktu yang berlangsung cepat untuk mencari gambar yang sama, kemudian gambar tersebut dicocokkan. Permainan game ini memiliki waktu dan dilengkapi oleh music instrumental. Aplikasi ini dibuat dengan menggunakan Adobe Flash CS3 dan dapat dijalankan dengan pemutar Flash.
vi DAFTAR ISI Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Gambar Halaman ii iii iv v vi viii Bab 1 Pendahuluan 1.1 Latar Belakang 1 1.2 Rumusan Masalah 3 1.3 Batasan Masalah 4 1.4 Tujuan dan Manfaat 4 1.5 Metodologi Penelitian 5 1.6 Sistematika Penulisan 5 Bab 2 LandasanTeori 2.1 Pengertian Aplikasi 7 2.2 Game Komputer 7 2.3 Game Edukasi 8 2.4 Game Pairs dan Memory 8 2.5 Animasi 9 2.6 Sejarah dan Perkembangan Flash 10 2.7 Sejarah Game Flash 11 2.8 Sejarah Flash 11 2.9 Adobe Flash CS3 Professional 14 2.10 Halaman awal Adobe Flash CS3 Professional 15 2.11 Mengenal Area Kerja Adobe Flash CS3 Professional 15 Bab 3 PerancanganSistem 3.1 Analisis 26 3.2 Rancangan Pembuatan Game Mencocokkan Gambar dan Angka 28 3.3 Mengenal Action Load Movie dan Attach Movie 28 3.3.1 Load Movie 29 3.3.2 Attach Movie 29 3.4 Logika Pengacakan 30 3.5 Interaksi Mencocokkan Gambar 30 3.6 Flowchart 30 3.7 Diagram Pohon Program 32 3.8 Skema Flowchart Program 33 3.9 Rancangan Tampilan 34 3.9.1 Rancangan Tampilan Intro Game 35 3.9.2 Rancangan Frame Tampilan Menu Utama 35 3.9.3 Rancangan Frame Select Game 36
vii 3.9.4 Rancangan Frame Select Mode 36 3.9.5 Rancangan Frame Halaman Game 37 3.9.6 Rancangan Frame Hasil Waktu Permainan 38 3.9.7 Rancangan Frame Score 38 3.9.8 Rancangan Frame Hasil Score 39 3.9.9 Rancangan Frame Help 40 3.9.10 Rancangan Frame About ( Profil ) 41 Bab 4 Implementasi Sistem 4.1 Pengertian Implementasi Sistem 42 4.2 Tujuan Implementasi Sistem 43 4.3 Komponen Utama dalam Implementasi 44 4.3.1 Perangkat Keras ( Hardware ) 44 4.3.2 Perangkat Lunak ( Software ) 44 4.3.3 Pemakai (Brainware ) 45 4.4 Halaman Awal Game 46 4.5 Halaman Menu Tombol Play 47 4.6 Halaman Menu Pilih Level 48 4.7 Halaman Menu Permainan 49 4.7.1 Tampilan Menu Hasil Game 50 4.8 Tampilan Menu Tombol Score 51 4.8.1 TampilanHasil Menu Score 52 4.9 Tampilan Menu Tombol Help 53 4.10 Tampilan Menu Tombol About 54 Bab 5 Kesimpulan dan Saran 5.1 Kesimpulan 55 5.2 Saran 56 DaftarPustaka Lampiran
viii DAFTAR GAMBAR Halaman Gambar 2.1 Halaman Awal Adobe Flash CS3 Professional 15 Gambar 2.2 Area Kerja 16 Gambar 2.3 Menu Bar 16 Gambar 2.4 Tool Box 17 Gambar 2.5 Layer 19 Gambar 2.6 Kanvas ( Stage) 20 Gambar 2.7 Panel Action 21 Gambar 2.8 Properties 22 Gambar 2.9 Document Properties 22 Gambar 2.10 Library 23 Gambar 3.1 Simbol Flowchart 31 Gambar 3.2 Diagram Pohon Rancangan Game Mencocokkan 32 Gambar 3.3 Flowchart Rancangan Game Mencocokkan 33 Gambar 3.4 Tampilan Intro 35 Gambar 3.5 Rancangan Frame Tampilan Menu Utama 35 Gambar 3.6 Rancangan Frame Select Game 36 Gambar 3.7 Rancangan Frame Select Mode 37 Gambar 3.8 Rancangan Frame Halaman Game 37 Gambar 3.9 Rancangan Frame Hasil Permainan 38 Gambar 3.10 Rancangan Frame Score 39 Gambar 3.11 Rancangan Frame Hasil Score 40 Gambar 3.12 Rancangan Frame Help 41 Gambar 3.13 Rancangan Frame About 41 Gambar 4.1 Halaman Awal Game 46 Gambar 4.2 Halaman Menu Tombol Play 47 Gambar 4.3 Halaman Menu Pilih Level Game 48 Gambar 4.4 Halaman Menu Permainan 49 Gambar 4.5 Tampilan Menu Hasil Game 50 Gambar 4.6 Tampilan Menu Tombol Score 51 Gambar 4.7 Tampilan Menu Hasil Score 52 Gambar 4.8 Tampilan Menu Tombol Help 53 Gambar 4.9 Tampilan Menu Tombol About 54