PENGEMBANGAN MEDIA PEMBELAJARAN MATEMATIKA DASAR DENGAN GAME EDUKATIF BERBASIS FLASH NASKAH PUBLIKASI

Transkripsi

1 PENGEMBANGAN MEDIA PEMBELAJARAN MATEMATIKA DASAR DENGAN GAME EDUKATIF BERBASIS FLASH NASKAH PUBLIKASI disusun oleh : Thoriq Jamaludin kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2012

2

3 ELEMENTARY MATHEMATICS INSTRUCTIONAL MEDIA DEVELOPMENT WITH FLASH-BASED EDUCATIONAL GAMES PENGEMBANGAN MEDIA PEMBELAJARAN MATEMATIKA DASAR DENGAN GAME EDUKATIF BERBASIS FLASH Thoriq Jamaludin Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA ABSTRACT Along with the times, the game certainly is not foreign to our ears. Both adults to children love to play games and digadget dikomputer. This of course affects the lifestyle and mindset, especially for children. Many games only offer pleasure but will lack the element of education. Surely this will lead to lazy kids learn and spend time by playing a game. One was math, some children tend to not like the subjects. Difficult and dizziness is a shadow when they hear the word math. Therefore, the development of elementary mathematics instructional media for children was now packed with patterns of educational games. With the design and cute pictures are expected to make children interested in playing it. With the expected flash-based game "Elementary Mathematics Instructional Media Development With Flash-Based Educational Games" will be useful in education. Besides educational games can be played dikomputer and several gadgets that support flash player. Play games yet to learn, this is the vision and mission of the game that contains elements of the education. With the computerized system, the primary school teachers can make learning more interactive in delivering basic math to young students. As the development of interactive multimedia, it is the focus of this report the researchers tried to build a game app "Elementary Mathematics Instructional Media Development With Flash-Based Educational Games" in order to facilitate learning media, particularly in the areas of basic mathematics. Keywords : educational game, basic Mathematics, Interactive Multimedia.

4 1. Pendahuluan Penggunaan teknologi saat ini sudah berkembang sangat pesat dari waktu ke waktu. Seiring dengan pesatnya kemajuan teknologi, komputer semakin banyak digunakan sebagai alat bantu manusia dalam menyelesaikan pekerjaan diberbagai bidang termasuk pendidikan. Selama ini komputer hanya dipakai sebagai sarana untuk mengolah nilai dan data para siswa, komputer hanya dikenalkan kepada siswa hanya sebatas wacana. Komputer belum digunakan semaksimal mungkin, misalnya sebagai alat bantu guru dalam proses mengajar. 2. Landasan Teori 2.1 Pengertian Game Game adalah kegiatan terstruktur, biasanya dilakukan untuk kesenangan dan kadang-kadang digunakan sebagai alat pendidikan. Game berbeda dari pekerjaan yang biasanya dilakukan untuk mendapatkan imbalan, dan dari seni yang lebih sering merupakan ekspresi dari unsur estetika atau ideologis. 2.2 Alat Bantu Pemodelan Sistem Game Storyboard Storyboard merupakan serangkaian sketsa (gambaran kartun) dibuat berbentuk persegi penjang yang menggambarkan suatu urutan (alur cerita) elemen-elemen yang susulkan untuk aplikasi multimedia 1. Frame merupakan sketsa rancangan elemen yang akan muncul dalam tampilan multimedia. Contoh storyboard dapat dilihat pada gambar 2.1. (Suyanto, 2003) Storyboard Modul : 1 Nama File : menuu.swf Frame :1-11 JUDUL Gambar : 4.5 menuu.swf Tombol Start Video : - Audio : backsound.mp3, titit.mp3, shut.wav Navigasi Next : - Back : - Gambar 2.1 Contoh Storyboard 1 Suyanto, M, Multimedia: Alat Untuk Meningkatkan Keunggulan Bersaing, Yogyakarta Andi Offset 2003.

5 2.2.2 Flowchart Bagan alir atau flowchart adalah suatu metode penulisan simbol untuk menggambarkan tahap-tahap pemecahan masalah dengan menggunakan simbol-simbol tertentu yang yang mudah dimengerti, mudah digunakan dan standar 2. Tujuan utama dari penggunaan flowchart atau bagan alir adalah untuk menggambarkan suatu tahapan penyelesaian masalah secara sederhana, terurai, rapi, dan jelas dengan menggunakan simbol-simbol standar 3. Dalam menggambarkan program flowchart, telah tersedia simbol-simbol standar. Tabel 2.1 adalah tabel dari simbol-simbol yang standar yang digunakan pada program flowchart. Tabel 2.1. Simbol-simbol program flowchart Simbol Nama Simbol Start / Stop Digunakan untuk mengawali atau mengakhiri proses Input Output operation Digunakan untuk mendefinisikan proses input dan output. Pemasukan data Digunakan untuk mendefinisikan pemasukan data, umumnya melalui keyboard dan mouse. Proses manual Digunakan untuk mendefinisikan pekerjaan manual seperti ACC, pencampuran terima gaji, dan lain-lain. Simbol proses Mendefinisikan kegiatan proses dengan menggunakan komputer. Penghubung / Konektor Penghubung ke bagian lain hal yang sama. Penghubung / Konektor Penghubung ke bagian lain hal tetapi pada hal yang berbeda. 2 Ariesto Hadi Sutopo, Multimedia Interaktif Dengan Flash, (Yogyakarta, Graha Ilmu 2003.) 3 Jogiyanto Analisis dan Desain Sistem Informasi:Pendekatan Terstruktur Teori dan Praktik Aplikasi Bisnis, Yogyakarta: C.V ANDI OFFSET.

6 Display Mendefinisikan keluar (output). Garis alir Menunjukkan arus dari proses 2006) Kondisi (Decision) Mendefinisikan alternatif arus dari proses. Sumber: Analisis dan perancangan sistem informasi (Adi Nugroho, 2.3 Jenis/ Genre Game Dengan seiring perkembangan zaman banyak game bermunculan dengan berbagai macam genre, berikut diantara genre game yang ada yaitu: 1. Aksi Shooting 2. Aksi Petualangan 3. Petualangan 4. Konstruksi dan Simulasi Manajemen 5. Simulasi Kehidupan 6. Role Playing 7. Strategi 8. Puzzle 9. Simulasi Kendaraan 10. Olahraga 2.4 Langkah-langkah Pembuatan Game Berikut yang perlu dipersiapkan sebelum membuat game, langkah-langkah pembuatan game yang harus dilakukan dalam secara garis besar yaitu: 1. Tentukan Tema Game 2. Pilih Genre Game

7 3. Pilih Grafis 4. Pilih Software 5. Cari Musik dan Sound Efek 6. Mulai Membuat Game 7. Tes game 2.5 Perangkat Lunak yang Digunakan 1. Adobe Photoshop CS3 Professional 2. Adobe Flash CS3 3. Analisa Dan Perancangan Sistem 3.1 Gambaran Umum Pengembangan Media Pembelajaran Matematika Dasar Dengan Game Edukatif Berbasis Flash merupakan jenis game bergenre Puzzle. Oleh karena itu, aturan main game ini berlatar belakang menyelesaikan soal-soal yang telah di acak, dengan penilaian apabila jawaban benar maka secara otomatis akan muncul tulisan BENAR dan apabila jawaban salah maka akan muncul tulisan SALAH. 3.2 Definisi Masalah Berdasarkan pemaparan pada latar belakang masalah, maka dapat disimpulkan beberapa permasalahan, diantaranya: 1. Bagaimana belajar dengan bermain? 2. Bagaimana peran game dapat dijadikan perangkat bantu dalam pembelajaran? 3.4 Perancangan Tampilan a. Rancangan Menu Splash Gambar Animasi Animasi Loading Gambar 3.1 Rancangan tampilan splas

8 b. Rancangan Menu Utama Petunjuk Permainan Penjumlahan Pengurangan Perkalian Pembagian Gambar 3.2 Rancangan tampilan menu utama c. Rancangan Menu Petunjuk Permainan TEXT Clos ee Gambar 3.3 Rancangan tampilan menu petunjuk permainan d. Rancangan Menu Penjumlahan ANIMASI AND TEXT menu Input text check dynamic text Scor and timer Gambar 3.4 Rancangan tampilan menu penjumlahan

9 e. Rancangan Menu Pengurangan ANIMASI AND TEXT m f. Rancangan Menu Perkalian Input che dynamic Scor and text ck text timer Gambar 3.5 Rancangan tampilan menu pengurangan ANIMASI AND TEXT m Input text g. Rancangan Menu Pembagian che ck dynamic text Scor and timer Gambar 3.6 Rancangan tampilan menu perkalian ANIMASI AND TEXT me nu Input text che ck dynamic text Scor and timer Gambar 3.7 Rancangan tampilan menu pembagian

10 4. Implementasi 4.1 Tampilan Program Untuk lebih memperjelas dan memudahkan pembaca maka dibuat tampilan program media pembelajaran ini. Adapun tampilan program dari media pembelajaran ini adalah sebagai berikut : Tampilan Menu Splash Tampilan menu splash disini merupakan proses loading yang menampilkan animasi dan menuju button yang akan masuk ke dalam menu utama. Berikut tampilan dari menu splash dan tampilan button yang menuju ke menu utama seperti dibawah ini. Gambar 4.1 Tampilan Splash Gambar 4.2 Tampilan Button ke Menu Utama

11 4.1.2 Tampilan Menu Utama Tampilan Button Petunjuk Permainan Gambar 4.3 Tampilan Menu Utama Gambar 4.4 Tampilan Button Petunjuk Permainan Gambar 4.5 Tampilan Halaman Petunjuk Permainan

12 4.1.3 Tampilan Button Game Penjumlahan Gambar 4.6 Tampilan Button Game Penjumlahan Gambar 4.7 Tampilan Halaman Game Penjumlahan Tampilan Button Game Pengurangan Gambar 4.8 Tampilan Button Game Pengurangan

13 Gambar 4.9 Tampilan Halaman Game Pengurangan Tampilan Button Game Perkalian Gambar 4.10 Tampilan Button Game Perkalian Gambar 4.11 Tampilan Halaman Game Perkalian

14 4.1.6 Tampilan Button Game Pembagian Gambar 4.12 Tampilan Button Game Pembagian Gambar 4.13 Tampilan Halaman Game Pembagian 4.2. Publikasi Setelah tahap implementasi selesai dan mendapatkan hasil yang sesuai dengan yang diinginkan, program bisa dibuat file executable melalui Adobe Flash dengan cara sebagai berikut :

15 Gambar 4.14 Publish File Kegunaan dibuat file exe agar program bisa berjalan tanpa diinstal flash player. Setelah dibuat file exe kemudian simpan kedalam CD dan dibuat autorun agar program bisa langsung berjalan. 4.3 Pengujian Hasil Pengujian Penjumlahan Tabel 4.1. Hasil Pengujian Penjumlahan Fitur Status Apabila kolom jawaban di isi dengan angka yang sesuai dengan jawaban soal penjumlahan, maka jawaban user akan dinyatakan benar.

16 Apabila kolom jawaban di isi dengan angka yang tidak sesuai dengan jawaban soal penjumlahan, maka jawaban user akan dinyatakan salah. Apabila kolom jawaban tidak di isi dengan angka atau dikosongkan, maka jawaban user akan dinyatakan salah Hasil Pengujian Pengurangan Tabel 4.2. Hasil Pengujian Pengurangan Fitur Status Apabila kolom jawaban di isi dengan angka yang sesuai dengan jawaban soal pengurangan, maka jawaban user akan dinyatakan benar. Apabila kolom jawaban di isi dengan angka yang tidak sesuai dengan jawaban soal pengurangan, maka jawaban user akan dinyatakan salah.

17 Apabila kolom jawaban tidak di isi dengan angka atau dikosongkan, maka jawaban user akan dinyatakan salah Hasil Pengujian Perkalian Tabel 4.3. Hasil Pengujian Perkalian Fitur Status Apabila kolom jawaban di isi dengan angka yang sesuai dengan jawaban soal perkalian, maka jawaban user akan dinyatakan benar. Apabila kolom jawaban di isi dengan angka yang tidak sesuai dengan jawaban soal perkalian, maka jawaban user akan dinyatakan salah. Apabila kolom jawaban tidak di isi dengan angka atau dikosongkan, maka jawaban user akan dinyatakan salah.

18 4.3.4 Hasil Pengujian Pembagian Tabel 4.4. Hasil Pengujian Pembagian Fitur Status Apabila kolom jawaban di isi dengan angka yang sesuai dengan jawaban soal pembagian, maka jawaban user akan dinyatakan benar. Apabila kolom jawaban di isi dengan angka yang tidak sesuai dengan jawaban soal pembagian, maka jawaban user akan dinyatakan salah. Apabila kolom jawaban tidak di isi dengan angka atau dikosongkan, maka jawaban user akan dinyatakan salah. 5. Kesimpulan Berdasarkan penelitian yang telah dilakukan, maka dapat diambil kesimpulan bahwa: 1. Adanya langkah-langkah dalam membangun game edukatif ini (Menentukan konsep, Perancangan, Pengumpulan bahan, Pembuatan, Pengujian, Tahap distribusi). 2. Hasil akhir game edukasi ini dinyatakan berhasil, karena telah berhasil melalui tahap pengujian.

19 DAFTAR PUSTAKA Ariesto Hadi Sutopo, Multimedia Interaktif Dengan Flash, (Yogyakarta, Graha Ilmu 2003.) Jogiyanto Analisis dan Desain Sistem Informasi:Pendekatan Terstruktur Teori dan Praktik Aplikasi Bisnis, Yogyakarta: C.V ANDI OFFSET. Suyanto, M, 2003, Multimedia: Alat Untuk Meningkatkan Keunggulan Bersaing, Yogyakarta Andi Offset.