GAME EDUKASI ANTI KORUPSI BERBASI JAVASCRIPT
TUGAS AKHIR Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang
Oleh : ISMAIL HASAN NIM. 201310370312337
JURUSAN INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2014
LEMBAR PERSETUJUAN
GAME EDUKASI ANTI KORUPSI BERBASIS JAVASCRIPT
TUGAS AKHIR
Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang
Menyetujui
LEMBAR PENGESAHAN GAME EDUKASI ANTI KORUPSI BERBASI JAVASCRIPT
TUGAS AKHIR Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang
Disusun Oleh: Ismail Hasan 201310370312337
Tugas Akhir ini telah diuji dan dinyatakan lulus oleh tim penguji pada tanggal 11 Agustus 2014 Menyetujui, Penguji I
Penguji II
Gita Indah S.T, M.Kom NIP: 108.0611.0442
Evi Dwi W, S.Kom NIDN: 0718108701
Mengetahui Ketua Jurusan Teknik Informatika
Yuda Munarko, S.Kom, M.Sc. NIP:108.0611.0443
LEMBAR PERNYATAAN Yang bertanda tangan dibawah ini : NAMA
: ISMAIL HASAN
NIM
: 201310370312337
FAK./JUR.
: TEKNIK/INFORMATIKA
Dengan ini saya menyatakan bahwa Tugas Akhir dengan judul “Game Edukasi Anti Korupsi Berbasi Javascript” beserta seluruh isinya adalah karya saya sendiri dan bukan merupakan karya tulis orang lain, baik sebagian maupun seluruhnya, kecuali dalam bentuk kutipan yang telah disebutkan sumbernya. Demikian surat pernyataan ini saya buat dengan sebenar-benarnya. Apabila kemudian ditemukan adanya pelanggaran terhadap etika keilmuan dalam karya saya ini, atau ada klaim dari pihak lain terhadap keaslian karya saya ini maka saya siap menanggung segala bentuk resiko/sanksi yang berlaku.
Malang, 11 Agustus 2014
LEMBAR PERSEMBAHAN Puji syukur kepada Allah SWT atas rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan Tugas Akhir ini. Penulis menyampaikaan ucapkan terima kasih yang sebesar-besarnya kepada : 1. Bapak Dekan Fakultas Teknik Universitas Muhammadiyah Malang 2. Bapak Ketua Jurusan Tekni Informatika Universitas Muhammadiyah Malang 3. Bapak Eko Budi Cahyono. S.Kom, M.T. dan Bapak Hardianto Wibowo, S.Kom. selaku pembimbing tugas akhir. 4. Kedua orang tua Ayahanda M. Hasan Magi dan Ibunda Sahalia yang mewariskan harta ilmu pengetahuan kepada anak-anaknya. 5. Rekan-rekan keluarga besar Imm Aufklarung Teknik atas berbagi pengalaman kuliah kehidupan yang tak terhingga selama ini. 6. Sahabat IKAMI Sulsel Malang dan penghuni 58 yang membagi keceriaan saat-saat penulis jenuh mengerjakan skripsi. 7. Adinda tercinta Nur Suci Fitriana sebagai kawan diskusi selama proses pengerjaan skripsi, yang insyaAllah akan menjadi kawan diskusi kehidupanku dimasa-masa mendatang.
KATA PENGANTAR Bismillahirrahmanirrahim Assalamualaikum Warahmatullah Wabarakatuh Puji dan syukur penulis panjatkan kepada Allah SWT atas berkat dan hikmat yang diberikan, penulis dapat menyelesaikan laporan Tugas Akhir dengan judul “GAME EDUKASI ANTI KORUPSI BERBASIS JAVASCRIPT”, sebagai salah satu syarat kelulusan pada Jurusan Teknik Informatika, Fakutas Teknik, Universitas Muhammdiyah Malang. Penulis menyadari sepenuhnya bahwa Tugas Akhir ini masih jauh dari kesempurnaan karena terbatasnya pengetahuan dan ketrampilan yang penulis miliki. Oleh karena itu kritik dan saran yang membangun dari berbagai pihak sangat diharapkan untuk perbaikan Tugas Akhir ini. Selanjutnya, penulis berharap semoga Tugas Akhir ini dapat bermanfaat bagi semua pihak. Amin.
Malang, 11 Agustus 2014
Penulis
DAFTAR ISI LEMBAR PERSETUJUAN ........................................................................i LEMBAR PENGESAHAN ......................................................................... ii LEMBAR PERYATAAN ............................................................................ iii ABSTRAKSI ................................................................................................ iv ABSTRACT.................................................................................................... v LEMBAR PERSEMBAHAN ..................................................................... vi KATA PENGANTAR .................................................................................. vii DAFTAR ISI
............................................................................................. viii
DAFTAR GAMBAR ................................................................................... xi DAFTAR TABEL ....................................................................................... xiii BAB I PENDAHULUAN 1.1 Latar Belakang Masalah ........................................................................ 1 1.2 Rumusan Masalah ................................................................................ 2 1.3 Tujuan ................................................................................................ 2 1.4 Batasan Masalah .................................................................................. 2 1.5 Metodologi Penyelesaian Masalah ...................................................... 3 1.6 Sistematika Penulisan ........................................................................... 4 BAB II LANDASAN TEORI 2.1 Game Edukasi ..................................................................................... 5 2.1.1 Pengertian Game ...................................................................... 5 2.1.2 Pengertian Edukasi ................................................................... 8 2.1.3 Pengertian Game Edukasi
...................................................... 9
2.1.4 Pilihan Genre Game ................................................................ 10 2.2 Korupsi ................................................................................................ 10 2.3 Javascript 11 2.3.1 Pengertian JavaScript ............................................................... 11 2.3.2 Sejarah JavaScript ..................................................................... 12 2.4 Game Engine Sphere ............................................................................ 16 2.4.1 PengertianGame Engine
......................................................... 16
2.4.2 Sphere ...................................................................................... 16 2.4.2.1 Komponen Sphere 1.5 .......................................................... 17
BAB III ANALISA DAN RANCANGAN SISTEM 3.1 Analisa Sistem ..................................................................................... 22 3.1.1 Kebutuhan Perangkat Lunak
.................................................. 22
3.1.2 Kebutuhan Perangkat Keras
................................................... 22
3.1.3 Kebutuhan Fungsional
........................................................... 22
3.1.4 Kebutuhan NonFungsional
................................................... 22
3.2 Perancangan Sistem ............................................................................. 23 3.2.1 Strory Board 3.2.2 FlowChart
........................................................................... 23 ............................................................................. 27
3.2.2.1 Menu New Game ................................................................... 27 3.2.2.2 Menu Resume ........................................................................ 31 3.2.2.3 Menu Best Score .................................................................... 31 3.2.2.4 Menu Info .............................................................................. 32 3.2.3
Use Case Diagram
3.2.4
Activity Diagram
................................................................ 32 ................................................................... 33
3.2.4.1 Activity Diagram New Game .................................................. 33 3.2.4.2 Activity Diagram Resume ....................................................... 34 3.2.4.3 Activity Diagram Best Score ................................................... 35 3.2.4.4 Activity Diagram Info
......................................................... 35
3.2.4.5 Activity Diagram Exit
......................................................... 36
3.2.5 Sequence Diagram
................................................................ 36
3.2.5.1 Sequence Diagram Permainan .............................................. 37 3.2.5.2 Sequence DiagramResume ..................................................... 38 3.2.5.3 Sequence DiagramBest Score ................................................. 38 3.2.5.4 Sequence Diagram Info ........................................................ 39 3.2.5.5 Sequence Diagram Exit ........................................................ 39 3.2.6 Desain Antarmuka Game
........................................................ 40
3.2.6.1 Desain Tampilan Utama ......................................................... 40 3.2.6.2 Desain Permainan ................................................................... 41 3.2.6.3 Desain Resume ....................................................................... 43 3.2.6.4 Desain Best Score ................................................................. 43 3.2.6.5 Desain Info ........................................................................... 44
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implentasi Perangkat Lunak ................................................................ 45 4.2 Implementasi Aplikasi Game ............................................................... 45 4.2.1 Halaman Menu Utama
......................................................... 45
4.2.2 Halaman Game Level 1
......................................................... 46
4.2.3 Halaman Game Level 2
......................................................... 48
4.2.4 Halaman Game Level 3
......................................................... 50
4.2.5 Halaman Game Level 4
......................................................... 52
4.2.6 Halaman Resume
................................................................... 55
4.2.7 Halaman Best Score
............................................................... 56
4.2.8 Halaman Info
........................................................................ 57
4.2.9 Halaman Exit
........................................................................ 58
4.2.10 Sound
..................................................................................... 58
4.2.11 Timer
..................................................................................... 59
4.3 Pengujian Aplikasi Game ..................................................................... 59 4.3.1 Pengujian Sistem 4.3.2 Pengujian User
.................................................................. 59 ...................................................................... 63
BAB V PENUTUP 5.1
Kesimpulan ..................................................................................... 64
5.2
Saran ................................................................................................. 64
DAFTAR PUSTAKA .................................................................................... 66
DAFTAR GAMBAR Gambar 2.1 Project Editor .............................................................................. 18 Gambar 2.2 Map Editor .................................................................................. 18 Gambar 2.3 Spriteset Editor ............................................................................ 19 Gambar.2.4 Sound Editor ................................................................................ 20 Gambar.2.5 Font Editor .................................................................................. 20 Gambar 2.6 Window Style Editor .................................................................... 21 Gambar 2.7 Image Editor ................................................................................ 21 Gambar 3.1 Story Board Level 1 .................................................................... 23 Gambar 3.2 Story Board Level 2 .................................................................... 24 Gambar 3.3 Story Board Level 3 .................................................................... 25 Gambar.3.4 Story Board Level 4 .................................................................... 26 Gambar 3.5 FlowChart New Game ................................................................ 27 Gambar 3.6 FlowChart Level 2 ....................................................................... 28 Gambar 3.7 FlowChart Level 3 ...................................................................... 29 Gambar 3.8 FlowChart Level 4 ...................................................................... 30 Gambar 3.9 FlowChart Resume ...................................................................... 31 Gambar 3.10 FlowChart Best Score ................................................................ 31 Gambar 3.11 FlowChart Info .......................................................................... 32 Gambar 3.12 Use Case Diagram..................................................................... 32 Gambar 3.13 Activity Diagram New Game .................................................... 34 Gambar 3.14 Activity Diagram Resume........................................................... 34 Gambar 3.15 Activity Diagram Best Score ...................................................... 35 Gambar 3.16 Activity Diagram Info ................................................................ 35 Gambar 3.17 Activity Diagram Exit ................................................................ 36 Gambar 3.18 Sequence Diagram Permainan .................................................. 37 Gambar 3.19 Sequence Diagram Resume ........................................................ 38 Gambar 3.20 Sequence Diagram Best Score.................................................... 38 Gambar 3.21 Sequence Diagram Info ............................................................. 39 Gambar 3.22 Sequence Diagram Exit.............................................................. 39 Gambar 3.23 Desain Tampilan Utama ............................................................. 40 Gambar 3.24 Desain Tampilan Level 1 .......................................................... 41
Gambar 3.25 Desain Tampilan Level 2 .......................................................... 41 Gambar 3.26 Desain Tampilan Level 3 .......................................................... 42 Gambar 3.27 Desain Tampilan Level 4 .......................................................... 43 Gambar 3.28 Desain Resume........................................................................... 43 Gambar 3.29 Desain Best Score ...................................................................... 44 Gambar 3.30 Desain Info ............................................................................... 44 Gambar 4.1 Tampilan Menu Utama ............................................................... 45 Gambar 4.2 Syntax Menu Utama .................................................................... 45 Gambar 4.3 Tampilan Level 1 Permainan Bagian Pertama .............................. 46 Gambar.4.4 Syntax Tampilan Level 1 Permainan Bagian Pertama ................... 46 Gambar.4.5 Syntax Pemanggilan Pertanyaan Level 1 Permainan Pertama ...... 47 Gambar 4.6 Tampilan TTS Utama Level 1 ...................................................... 47 Gambar 4.7 Syntax Tampilan TTS Utama Level 1........................................... 47 Gambar 4.8 Tampilan Level 2 Permainan Bagian Pertama .............................. 48 Gambar.4.9 Syntax Tampilan Level 2 Permainan Bagian Pertama ................... 49 Gambar 4.10 Tampilan TTS Utama Level 2 .................................................... 49 Gambar 4.11 Syntax Tampilan TTS Utama Level 2 ......................................... 50 Gambar 4.12 Tampilan Level 3 Permainan Bagian Pertama ............................ 50 Gambar.4.13 Syntax Tampilan Level 3 Permainan Bagian Pertama ................. 51 Gambar 4.14 Tampilan TTS Utama Level 3 .................................................... 51 Gambar 4.15Syntax Tampilan TTS Utama Level 3 ......................................... 52 Gambar 4.16 Tampilan Level 4 Permainan Bagian Pertama ............................ 52 Gambar.4.17 Syntax Tampilan Level 4 Permainan Bagian Pertama ................. 53 Gambar 4.18 Tampilan TTS Utama Level 4 .................................................... 53 Gambar 4.19 Syntax Tampilan TTS Utama Level 4 ........................................ 54 Gambar 4.20 Tampilan Menu Ketikan Nama ................................................. 54 Gambar 4.21 Syntax Tampilan Menu Ketikan Nama ...................................... 55 Gambar 4.22 Tampilan Menu Resume............................................................. 55 Gambar 4.23 Syntax Menu Resume ................................................................. 56 Gambar 4.24 Tampilan Menu Best Score ........................................................ 56 Gambar 4.25 Syntax Menu Best Score ............................................................. 57 Gambar 4.26 Tampilan MenuInfo ................................................................... 57
Gambar 4.27 Syntax Menu Info ....................................................................... 58 Gambar 4.28 Syntax Menu Exit ....................................................................... 58 Gambar 4.29 Syntax Sound ............................................................................. 58 Gambar 4.30 Syntax Timer .............................................................................. 59
DAFTAR TABEL Tabel 3.1 Keterangan Use case Diagram ........................................................ 33 Tabel 4.1 Pengujian Menu Utama ................................................................... 59 Tabel 4.2 Pengujian Level 1 ........................................................................... 59 Tabel 4.3 Pengujian Level 2 ............................................................................ 60 Tabel 4.4 Pengujian Level 3 ........................................................................... 61 Tabel 4.5 Pengujian Level 4 ........................................................................... 62 Tabel 4.6 Pengujian User ................................................................................ 63
DAFTAR PUSTAKA Agate Studio. (2012). Hasil Survey Gamer Indonesia-Februari 2012. Diakses dari http://agatestudio.com/blog/?p=681#more-681 pada tanggal 12 September 2012, jam 20:52. Alwi, Hasan. (2001). Kamus Besar Bahasa Indonesia, Jakarta: Balai Pustaka. Abdullah. 2014. Pengertian Javascript. Diakses dari http://www.duniailkom.com pada tanggal 11 maret 2014. Jam 21.10 Andrea, Fockema (1951), Rechtsgeleerd Handwoordenboek, Groningen – Djakarta, Bij J B Wolter Uitgevermaatschappij, 1951 (Kamus Hukum, terjemahan), Bandung: Bina Cipta. Ali, Muhammad (1993), Kamus Lengkap Bahasa Indonesia Modern, Jakarta : Pustaka Amani Handriyantini, Eva. (2009). Permainan Edukatif (Educational Games) Berbasis Komputer untuk Siswa Sekolah Dasar. Jurnal Sekolah Tinggi Informatika & Komputer Indonesia Malang Hartanti, Evi (2008), Tindak Pidana Korupsi, Jakarta : Sinar Grafika Poerwadarminta, S. Wojowasito-WJS (1982), Kamus Lengkap Inggris-Indonesia Indonesia- Inggris, Bandung : Penerbit Hasta. Subekti dan Tjitrosoedibio (1973), Kamus Hukum, Jakarta : Pradnya Paramita Webster Student Dictionary (1960) Sugihartono, dkk. (2007). Psikologi Pendidikan. Yogyakarta: UNY Press. Wijayanto, Ridwan Zachrie. 2009. “Korupsi Mengorupsi Indonesia”. Kompas. Jakarta.
