RANCANG BANGUN GAME EDUKASI PENGENALAN …news.palcomtech.com/wp-content/uploads/2015/03/Jurnal_Meidianto... · diberikan beberapa soal pertanyaan. ... tantangan, dan sebagainya ...

[ 1 ]

RANCANG BANGUN GAME EDUKASI PENGENALAN BUDAYAINDONESIA BERBASIS ANDROID MENGGUNAKAN PHONEGAP

MeidiantoTek Weng

Jurusan Teknik InformatikaSTMIK PALCOMTECH PALEMBANG

ABSTRAK

Game edukasi ini akan dibuat sesederhana mungkin dengan berbasis sistem operasi Androidyang menggunakan phonegap. Phonegap memiliki beberapa kelebihan yaitu seluruh aplikasiyang dibuat dapat dijalankan pada seluruh mobile smartphone yang ada seperti IOS danWindows Phone serta phonegap ini menggunakan bahasa pemrograman web seperti HTML,CSS, dan JavaScript. Aplikasi game edukasi berbasis android ini membahas mengenaipengenalan budaya Indonesia adapun tujuan dari perancangan game edukasi pengenalanbudaya Indonesia ini adalah untuk membuat sistem pembelajaran yang menarik serta dapatmenjadi alternatif dalam proses pembelajaran. Game edukasi ini akan memberikan informasidan pengenalan mengenai kebudayaan Indonesia, dimana para pengguna akan diberikanpilihan untuk membaca terlebih dahulu tentang kebudayaan Indonesia berdasarkan provinsiyang di pilih. Setelah selesai dan dirasa cukup membaca, maka pengguna akan dihadapkanatau di uji seberapa paham atau ingatkah mereka dengan kebudayaan Indonesia dengan caradiberikan beberapa soal pertanyaan. Oleh karena itu dengan adanya game edukasi yangmenggunakan tema kebudayaan Indonesia ini diharapkan dapat membantu seluruhmasyarakat dari anak – anak, para remaja, dan orang dewasa dapat mengenal dan mencintaikebudayaan Negara mereka sendiri yaitu Negara Indonesia.Kata Kunci : Game, Edukasi, Budaya, berbasis Android, Phonegap

PENDAHULUAN

Pada zaman teknologi yang semakin canggih ini, setiap manusia dituntut untukmampu dalam menguasai berbagai hal. Agar dapat mengikuti perkembangan tersebut, makamanusia harus terus belajar. Sebagian anak-anak menganggap bahwa belajar merupakan halyang menakutkan. Sehingga diperlukan berbagai cara untuk mengatasinya, salah satunyaadalah dengan belajar melalui permainan atau game. Game adalah aplikasi penunjang yangbanyak di pakai untuk mengisi waktu luang ataupun untuk mengasah kemampuan otak.Game edukasi memberikan kesempatan yang baik untuk merangsang pemikiran anak-anak.Game edukasi dapat meningkatkan motivasi karena beberapa karateristik, sepertipertualangan, tantangan, dan sebagainya. Game edukasi yang dibuat juga harus bisamerangsang motivasi belajar anak-anak dan membuat proses belajar lebih menyenangkan.

Seperti yang kita tahu pengenalan budaya juga merupakan salah satu pembelajaranyang sangat penting khususnya bagi generasi yang akan datang, serta alangkah baiknya jikabudaya Indonesia yang memiliki berbagai macam keunikan ragam budaya dari sabangsampai merauke dapat kita ajarkan untuk generasi yang akan datang. Kebanyakan pada saatini, anak – anak maupun remaja sulit mengenali budaya Indonesia yang diberikan secaralangsung atau face-to-face. Dengan adanya game edukasi pengenalan budaya indonesia ini,diharapkan mereka bisa terbantu dalam mempelajari berbagai macam budaya Indonesiadengan metode pembelajaran yang baru dan lebih inovatif.

[ 2 ]

Sebagai media output penulis mengunakan Android atau bisa disebut sebagai salahsatu smartphone yang menggunakan sistem operasi berbasis linux. Android menyediakanplatform terbuka (Open source) bagi para pengembang untuk menciptakan aplikasi merekasendiri. Tentu saja banyak aplikasi yang dapat dikembangkan dari android seperti salahsatunya yaitu aplikasi game. Untuk membuat suatu aplikasi maka dibutuhkan sebuahkerangka kerja yaitu framework, dalam pembuatannya penulis mengunakan frameworkphonegap.

LANDASAN TEORI

GameMenurut Rafrastara (2009:1), Game merupakan suatu bentuk hiburan yang seringkali

dijadikan sebagai penyegar pikiran dari rasa penat yang disebabkan oleh aktivitas danrutinitas kita.

AndroidMenurut Agustina (2012:27), Android adalah sistem operasi bergerak ( mobile

operating system ) yang mengadopsi sistem operasi Linux, namun telah dimodifikasi.Android diambil alih oleh Google pada tahun 2005.dari Android, Inc sebagai bagian strategiuntuk mengisi pasar sistem operasi bergerak.

PhonegapMenurut Tim Penyusun Wahana Komputer (2014:2) Phonegap adalah sebuah

kerangka kerja / framework open source untuk membuat aplikasi yang dapat dijalankan padabanyak perangkat mobile. Phonegap mengunakan bahasa pemrograman web, yaitu HTML,CSS, dan JavaScript sebagai bahasa utama. Phonegap merupakan solusi ideal bagi parapengembang web yang tertarik dengan pembuatan aplikasi di perangkat mobile.

Bahasa PemrogramanMenurut Sujatmiko (2012:37), bahasa pemrograman adalah teknik komando /

instruksi standar untuk memerintah komputer. Bahasa pemograman ini merupakan suatuhimpunan dari aturan sintaks dan semantik yang dipakai untuk mendefinisikan programkomputer. Bahasa ini memungkinkan seorang programmer dapat menentukan secara persisdata mana yang akan diolah oleh komputer, bagaimana data ini akan disimpan / diteruskan,dan jenis langkah apa secara persis yang akan diambil dalam berbagai situasi.

Bahasa Pemograman JavaScriptMenurut Prasetio (2014:291), JavaScript adalah bahasa pemograman yang digunakan

untuk membuat web lebih dinamis dan interaktif. JavaScript terintegrasi langsung denganHTML, kode JavaScript biasanya dituliskan dalam bentuk fungsi yang ditaruh di tag <head>yang dibuka dengan tag <script type=”teks/javascript”>. Kode JavaScript juga bisadiletakkan di file tersendiri yang berkstensi JS (singkatan dari JavaScript).

Bahasa Pemograman CSS 3Menurut Prasetio (2014:252), CSS adalah suatu teknologi yang digunakan untuk

memperindah tampilan halaman website (situs). Singkatnya dengan mengunakan metode CSSini anda dengan mudah mengubah secara keseluruhan sekaligus memformat ulang situs anda.

[ 3 ]

Bahasa Pemograman JQueryMenurut Kadir (2013:5), JQuery adalah library yang dibangun di atas Javascript,

yang ditunjukan agar pembuatan kode menjadi lebih ringkas dan konsekuensinya lebih cepat.Selain dapat meringkas penulisan kode, jQuery juga memberi solusi dalam hal isukompabilitas browser berbeda dengan browser.

Bahasa Pemograman HTML 5Menurut Sujatmiko (2012:128), HTML (Hyper Text Markup Language) adalah

bahasa komputer yang digunakan untuk membuat sebuah halaman web page atau programyang digunakan untuk menulis (membuat) halaman web di internet. Fasilitas / bahasa inibiasanya mempunyai ekstensi htm, html, dan shtml.

HASIL DAN PEMBAHASAN

AnalisisDalam penelitian ini penulis melakukan identifikasi masalah berupa masalah, batasan

masalah, layanan penelitian, dan tujuan penelitian yang diuraikan sebagai berikut :1. Masalah yang digunakan dalam penelitian yaitu kurangnya minat anak – anak sampai

dengan remaja dalam mengenali budaya indonesia. Kebanyakan pada saat ini, anak – anakmaupun remaja sulit mengenali budaya Indonesia yang diberikan secara langsung atauface-to-face.

2. Batasan masalah dalam penelitian yaitu game edukasi ini menampilkan beberapa fiturseperti tarian, senjata tradisional, pakaian tradisional, dan rumah adat yang ada padaseluruh provinsi di Indonesia. Kemudian penulis menggunakan platform yaitu android,serta pembuatan aplikasi game menggunakan framework phonegap.

3. Layanan penelitian ini yaitu memberikan informasi budaya Indonesia kepada masyarakatsecara variatif melalui android yang dapat diakses dimanapun dan kapanpun diperlukan,serta ditampilkan dalam bentuk game yang akan membuat setiap orang lebih menyukainyadaripada sistem pembelajaran biasa dengan dibagi menjadi 3 mode permainan yaitu : easy,normal dan hard.

4. Tujuan penelitian ini yaitu membuat aplikasi game edukasi multimedia agar lebih mudahdalam pembelajaran, aplikasi game edukasi dapat digunakan sebagai media alternatifdalam proses pembelajaran yang lebih menarik, serta membantu mempelajari pembuatanaplikasi game edukasi mengunakan framework phonegap.

Definisi PersyaratanSetelah identifikasi masalah didapatkan maka berikutnya dilakukan definisi

persyaratan yang akan dijelaskan sebagai berikut :

Kebutuhan Perangkat Keras (Hardware)Adapun identifikasi perangkat keras yang dibutuhkan berdasarkan kebutuhan minimal

yang harus dipenuhi untuk membangun sistem pada aplikasi game edukasi, sebagai berikut :1. Hardware:

Adapun hardware yang digunakan penulis untuk mevisualisasikan game ini :a. Laptop Acer Aspire V5-4 Series

Penulis menggunakan sebuah laptop dengan spesifikasi sebagai berikut:1. Processor Intel(R) Celeron(R) CPU 887@150GHz2. RAM 4GB

[ 4 ]

3. Harddisk 500 gb4. M onitor 14 inch5. SmartPhone (android)

Kebutuhan Perangkat Lunak (Software)Adapun spesifikasi perangkat lunak yang dibutuhkan untuk membangun aplikasi

game sebagai berikut :1. Photoshop2. Phonegap3. Eclipse4. Android Sdk

Desain Sistem Yang Berjalan (Flowchart)Game edukasi ini memiliki satu skenario. Untuk menjalankan skenario tersebut

dibutuhkan suatu prosedur. Penulis membuat rancangan prosedur awal dalam prosesmenjalankan aplikasi dalam bentuk diagram alir (flowchart). Bagan ini menjelaskan prosedur- prosedur yang ada di dalam sistem termasuk arus data yaitu sebagai berikut :

Flowchart Sistem Proses Kerja Menu UtamaBerikut ini merupakan flowchart yang menggambarkan sistem proses kerja menu

utama dalam menjalankan aplikasi game yaitu seperti pada gambar 1 berikut :

Gambar 1.Flowchart Menu Utama

Keterangan gambar flowchart diatas adalah sebagai berikut :1. Pada saat user memilih menu belajar budaya maka sistem akan menjalankan aplikasi game

pada tampilan belajar budaya.

[ 5 ]

2. Pada saat user memiih menu permainan maka sistem akan menjalankan aplikasi gamepada tampilan permainan.

3. Pada saat user memilih menu cara bermain maka sistem akan menjalankan aplikasi gamepada tampilan cara bermain.

4. Pada saat user memilih menu pengaturan maka sistem akan menjalankan aplikasi gamepada tampilan pengaturan.

5. Pada saat user memilih menu keluar maka user akan keluar dari aplikasigame edukasi.

Flowchart Sistem Proses Kerja Menu Belajar BudayaBerikut ini merupakan flowchart yang menggambarkan sistem proses kerja menu

belajar budaya dalam menjalankan aplikasi game yaitu seperti pada gambar 2 berikut :

Gambar 2. Flowchart Menu Belajar Budaya

Pada flowchart ditampilkan aliran data pada menu belajar budaya. Saat usermenjalankan pilih belajar budaya, maka program akan menampilkan beberapa kategoribelajar budaya yang terdiri dari 34 provinsi yang ada di Indonesia. Kemudian jika usermelanjutkan memilih salah satu kategori provinsi yang ada, maka akan tampil pembelajaranmengenai provinsi yang dipilih. Sedangkan jika user memilih kembali ke menu utama makaakan ditampilkan menu utama dari game edukasi.

Flowchart Sistem Proses Kerja Menu PermainanBerikut ini merupakan flowchart yang menggambarkan sistem proses kerja menu

permainan dalam menjalankan aplikasi game yaitu seperti pada gambar 1 berikut :

[ 6 ]

Gambar 3.Flowchart Menu Permainan

Pada flowchart ditampilkan aliran data pada menu pemilihan permainan. Saatpengguna menjalankan menu pemilihan permainan, maka program akan menampilkankategori permainan, kategori permainan terdiri dari easy (8 soal / 3 menit), medium (16 soal /5 menit), dan hard (40 soal / 7 menit). sedangkan jika pengguna memilih kembali makaprogram akan kembali pada menu utama dari game edukasi.

Implementasi AntarmukaBagian ini merupakan gambaran interaksi antara pengguna dengan aplikasi game

edukasi pengenalan budaya Indonesia, yang dapat dioperasikan pada perangkat mobile sepertismartphone android. Dalam hal ini dapat dilihat pada beberapa tampillan di bawah ini :

Tampilan Antarmuka Menu UtamaSaat menjalankan aplikasi game pengguna akan diperlihatkan dengan tampilan awal

menu utama, dimana pada menu utama ini terdapat beberapa sub-sub menu yaitu : menuBelajar Budaya, menu Permainan, menu Cara Bermain, menu Pengaturan, dan tombolKeluar.

[ 7 ]

Gambar 4. Tampilan Antarmuka Menu Utama

Tampilan Antarmuka Belajar Budaya IndonesiaPada tampilan ini pengguna ditampilkan pada peta Indonesia yang berisi tentang

provinsi-provinsi yang ada di Indonesia. Disetiap provinsi terdapat pembelajaran mengenaibudaya-budaya Indonesia yang terdiri dari pakaian adat, rumah adat, tarian adat, dan senjatatradisional. Penguna dapat memilih salah satu provinsi yang ada di peta Indonesia untukdapat mempelajari budaya-budaya Indonesia tersebut.

Gambar 5. Tampilan Antarmuka Peta Indonesia

[ 8 ]

Gambar 6. Tampilan Antarmuka Pembelajaran Budaya.

Tampilan Antarmuka Kategori Level PermainanPada tampilan ini penguna ditampilkan dengan 3 kategori level permainan yaitu Easy

yang berisi 8 soal pertanyaan, Medium yang berisi 16 soal pertanyaan, yang Hard berisi 40soal pertanyaan.

Gambar 7. Tampilan Antarmuka Kategori Level Permainan

Tampilan Antarmuka Mini GameSetelah memilih salah satu kateori level permainan maka akan di tampilkan sebuah

mini game yang berupa game suit gunting, batu, dan kertas dimana para penguna diwajibkanmemilih salah satu dari icon gunting, batu, dan kertas untuk memenangkan mini gametersebut.

[ 9 ]

Gambar 8. Tampilan Antarmuka Mini Game

Tampilan Antarmuka PertanyaanJika penguna memenangkan mini game maka soal pertanyaan akan muncul mengenai

budaya-budaya Indonesia. Penguna akan diberikan 3 jawaban dan diharuskan dipilih salahsatunya yang dianggap benar.

Gambar 9. Tampilan Antarmuka Pertanyaan

Tampilan Antarmuka Jawaban SalahPenguna diberikan 3 buah point hati, apabila penguna menjawab salah, maka yang

terjadi point hati hilang satu buah dan akan ditampilakan jawaban yang benar. Jika point hatihabis maka penguna akan dianggap gagal atau kalah dalam menyelesaikan soal pertanyaanyang diberikan, dan penguna dapat mengulangi permainan tersebut.

[ 10 ]

Gambar 10. Tampilan Antarmuka Jawaban Salah

Tampilan Antarmuka Permainan SelesaiApabila penguna berhasil menyelesaikan seluruh soal pertanyaan yang diberikan,

maka dianggap menang dan berhasil menyelesaikan permainan. Jika penguna kehilanganseluruh point hatinya maka penguna dianggap gagal atau kalah dalam menyelesaikanpermainan budaya ini.

Gambar 11. Tampilan Antarmuka Memenangkan Permainan

[ 11 ]

Gambar 12. Tampilan Antarmuka Kalah Dalam Permainan

Pengujian UnitPada bagian ini, aplikasi game dilakukan pengujian blackbox testing dan pengujian

terhadap pengguna. Yaitu sebagai berikut :

Pengujian BlackboxPada pengujian blackbox testing merupakan tahap pengujian yang berfokus pada

persyaratan fungsional perangkat lunak. Pada blackbox testing, cara pengujian hanyadilakukan dengan menjalankan atau mengeksekusi unit atau modul, kemudian diamati apakahhasil dari unit itu sesuai dengan proses yang diinginkan. untuk mengecek apakah terdapatkesalahan dalam aplikasi ini, maka dibuat tabel percobaan sebagai berikut :

Tabel 1. Pengujian BlackboxNo Objek Uji Detail Pengujian Hasil

1Tombolaplikasi game

Menampilkan support screen, pengenalangame, dan menu utama

Tampil

2Tombolbelajar budaya

Menampilkan peta Indonesia beserta 34provinsi

Tampil

3Isipembelajaran

Menampilkan informasi budaya berdasarkansalah satu provinsi yang dipilih

Tampil

4Tombolpermainan

Menampilkan kategori permainan Tampil

5 Tombol easyMenampilkan mini game dan pertanyaansebanyak 8 soal

Tampil

6Tombolmedium

Menampilkan mini game dan pertanyaansebanyak 16 soal

Tampil

7 Tombol HardMenampilkan mini game dan pertanyaansebanyak 40 soal

Tampil

8Tombol carabermain

Menampilkan cara memainkan game Tampil

9 Tombol Menampilkan tombol hidup dan matikan Tampil

[ 12 ]

Pengaturan suara

10TombolKeluar

Keluar dari aplikasi game Tutup aplikasi

Pada tabel di atas menunjukan hasil pengujian tombol-tombol pada aplikasi gameedukasi ini sesuai dengan hasil yang diharapkan. Untuk itu dapat dipastikan game edukasi initidak lagi memiliki error dan berjalan dengan baik.

PembahasanPenelitian ini dilakukan dengan pengujian blackbox dan kuisioner. Pada pengujian

blackbox testing penulis melakukan pengujian pada fungsi-fungsi tombol dan data pada gamedapat dijalankan dengan baik dan pada pengujian kuisioner penulis memberikan aplikasigame budaya kepada pengguna android serta membagikan kuisioner sebanyak 30 lembarsebagai tanggapan dari hasil pengujian aplikasi game budaya ini. Dalam proses pengujian inidilakukan selama 1 minggu untuk mendapatkan tanggapan dari para penguna dalam bentukhasil kuisioner.

Setelah 1 minggu peneliti mengolah hasil tanggapan dari para penguna menjadibentuk persentase dari pertanyaan kuisioner yang diberikan. Dan hasil yang didapatkandibagi menjadi beberapa kategori yaitu:1. Dalam hal kemudahan menggunakan aplikasi game sebanyak 63.3% yang menjawab

sangat mudah.2. Dalam hal kemudahan mengerti aplikasi game sebanyak 83,3% yang menjawab sangat

mudah dimengerti.3. Dalam hal memahami proses pembelajaran pada aplikasi game ini sebanyak 83.3% yang

menjawab proses pembelajaran mudah dipahami.4. Dalam hal kemudahan menjalankan aplikasi game sebanyak 66.6% yang menjawab sangat

mudah untuk dijalankan.5. Dalam hal seberapa menarik tampilan aplikasi game, sebanyak 90% yang menjawab

tampilan sangat menarik.6. Dalam hal fitur yang memadai pada aplikasi game, sebanyak 53,3% yang menjawab fitur

memadai.7. Dalam hal kejelasan informasi petunjuk yang diberi, sebanyak 50% yang menjawab sudah

jelas.8. Dalam hal pengunaan aplikasi game lain yang serupa, sebanyak 100% yang menjawab

tidak pernah.Dari hasil yang telah diterima dan diolah peneliti menganggap aplikasi game yang

dibuat telah berhasil memuaskan para penguna game ini.

PENUTUP

Hasil dari perancangan aplikasi game edukasi pengenalan budaya Indonesia berbasisandroid mengunakan phonegap pada penelitian ini dapat disimpulkan bahwa : aplikasi gameini mengunakan phonegap sebagai framework utama dalam pembuatan aplikasi game inikarena sifatnya mobile dan penggunaan bahasa pemprogramannya mudah dimengerti,aplikasi game ini tepat sasaran khususnya untuk anak – anak sekolah dasar yang kurangberminat dalam mempelajari kebudayaan Indonesia dalam hal mengedukasi budayaIndonesia, aplikasi game ini dapat membantu pengguna untuk meningkatkan minat penggunadalam mempelajari budaya Indonesia, para orang tua dapat memanfaatkan aplikasi ini pada

[ 13 ]

anak mereka untuk dapat memberikan pengenalan pada anak mereka terhadap pengenalanbudaya Indonesia.

DAFTAR PUSTAKA

Agustina, Rini. 2012. Pemrograman Aplikasi Android. Yogyakarta : Mediakom.

Kadir, Abdul. 2013. Belajar Sendiri Pasti Bisa JQuery. Yogyakarta : C.V Andi Offset.

Prasetio, Adhi. 2014. Buku Sakti Webmaster. Jakarta : Mediakita.

Rafrastara, Adi Fauzi. 2009. Membuat Game Fighting Dengan Flash. Jakarta : PT. ElexMedia Koputindo.

Sujatmiko, Eko. 2012. Kamus Teknologi Informasi dan Komunikasi. Surakarta: PT.Aksarra Sinergi Media.

Wahana Komputer. 2014. Mobile App Development With PhoneGap. Yogyakarta : C.VAndi Offset.