RANCANGAN DAN PEMBUATAN GAME PETUALANGAN SANG BIMA MENGGUNAKAN HTML5 TUGAS AKHIR

Transkripsi

1 RANCANGAN DAN PEMBUATAN GAME PETUALANGAN SANG BIMA MENGGUNAKAN HTML5 TUGAS AKHIR DiajukanUntukMemenuhi PersyaratanGunaMeraihGelarSarjana Strata 1 TeknikInformatikaUniversitasMuhammadiyah Malang ZAINAL ARIFIN JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2015

2 ii

3 KATA PENGANTAR Dengan memanjatkan puji syukur kehadirat Allah Subhanahu Wata ala atas limpahan rahmat dan hidayah-nya sehingga penulis dapat menyelesaikan tugas akhir yang berjudul : RANCANGAN DAN PEMBUATAN GAME PETUALANGAN SANG BIMA MENGGUNAKAN HTML5 Didalam tulisan ini disajikan pokok-pokok bahasan yang meliputi pendahuluan, landasan teori, perancangan sistem, implementasi, dan pengujian sistem. Penulis menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini masih banyak kekurangan dan keterbatasan. Oleh karena itu penulis mengharapkan saran yang membangun agar tulisan ini bermanfaat bagi perkembangan ilmu pengetahuan ke depan. Malang,30 July2015 Zainal Arifin v

4 DAFTAR ISI SAMPUL DEPAN HALAMAN JUDUL LEMBAR PENGESAHAN LEMBAR PERNYATAAN ABSTRAK... Error! Bookmark not defined. ABSTRACT... Error! Bookmark not defined. LEMBAR PERSEMBAHAN... Error! Bookmark not defined. KATA PENGANTAR... v DAFTAR GAMBAR... viii DAFTAR TABEL...ix BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Tujuan Batasan Masalah Metode Penelitian... 3 a. Studi Pustaka... 3 b Analisa Sistem... 3 c Merancang desain Sistem... 3 d Implementasi Sistem... 3 e Pengujian Sistem Sistematika Penulisan... 3 BAB II LANDASAN TEORI Game Pengertian Game Jenis Game Jenis Game Menurut Pola Interaksi Pemain Game Edukasi Perkembangan yang Dipengaruhi oleh Game Manfaat Game... 8 vi

5 2.1.7 Pembuatan Game WebGame dan Teknologi HTML WebGame Teknologi HTML5... Error! Bookmark not defined Kemampuan Web Browser untuk Web Game dengan HTML Efek suara pada Web game... Error! Bookmark not defined Construct 2... Error! Bookmark not defined. BAB III ANALISA DAN PERANCANGAN SISTEM Analisa Kebutuhan Sistem Kebutuhan Fungsional Skenario game Pengenalan Karakter Storyboard Perancangan Sistem... Error! Bookmark not defined State chart diagram... Error! Bookmark not defined Diagram Keadaan Karakter... Error! Bookmark not defined Desain Interface... Error! Bookmark not defined.3 a Desain Tampilan Awal b Desain Tampilan Menu Play c Desain Tampilan Menu Help d Desain Tampilan Menu About e Desain Tampilan GameOver BAB IV IMPLEMENTASI DAN PENGUJIAN Implementasi Implementasi Pengembangan Implementasi Perangkat Lunak... Error! Bookmark not defined. 4.2 Pengujian... Error! Bookmark not defined. 4.3 Pengujian Fitur Perangkat Lunak BAB V KESIMPULAN DAN SARAN... Error! Bookmark not defined. 5.1 Kesimpulan... Error! Bookmark not defined. 5.2 Saran... Error! Bookmark not defined. DAFTAR PUSTAKA... x vii

6 DAFTAR GAMBAR Gambar 2. 2 Skor evaluasi pendukung HTML5... Error! Bookmark not defined. Gambar 3. 1 State chart diagram... Error! Bookmark not defined. Gambar 3. 2 Diagram FSM level 1... Error! Bookmark not defined. Gambar 3. 3 Diagram FSM level Gambar 3. 5 Desain tampilan awal game Gambar 3. 6 Desain tampilan menu play Gambar 3. 7 Desain tampilan menu help Gambar 3. 8 Desain tampilan menu about Gambar 3. 9 Desain tampilan menu game over Gambar 4. 1 Tampilan menu awal permainan Gambar 4. 2 Implementasi event sheet menu utama Gambar 4. 3 Tampilan menu help Gambar 4. 4Implementasi event sheet menu help Gambar 4. 5 Tampilan menu about Gambar 4. 6Implementasi event sheet menu about Gambar 4. 7 Tampilan menu level Gambar 4. 8 Implementasi event sheet level Gambar 4. 9 Tampilan level Gambar 4.10 Implementasi event sheet level Gambar 4.11 Implementasi event sheet karakter bima Gambar 4.12 Implementasi event sheet karakter musuh Gambar 4. 9 Tampilan menu game over Gambar 4. 9 Tampilan menu finis viii

7 DAFTAR TABEL Tabel 2. 1 Kemampuan browser untuk webgame dengan teknologi HTML5Error! Bookmark not defined. Tabel 3. 1 Karakter dan objek pada game Tabel 3. 2 Storyboard/ user interface... Error! Bookmark not defined. Tabel 3. 3 Karakter, latar, dan objek pada level Tabel 3. 4 Karakter, latar, dan objek pada level Tabel 4. 2 Pengujian event pada game Tabel 4. 2Hasil uji coba responden penilaian game secara keseluruhan ix

8 DAFTAR PUSTAKA Anggit Dwi H.2014.Perancangan Game multiplatform menggunakan scirra construct 2dan HTML 5.Naskah Publikasi. Sekolah Tinggi Manajemen Informatika Dan Komputer Amikom Yogyakarta Alfian T.2014.Membangun game multi platfrorm "kill pirate killer" Menggunakan scirra construct 2. Naskah Publikasi. Sekolah Tinggi Manajemen Informatika Dan Komputer Amikom Yogyakarta Handryantini, E. S Permainan Edukatif Berbasis Komputer untuk Siswa Sekolah Dasar. Skripsi Henry, S Cerdas dengan Game. Jakarta. Gramedia Pustaka Utama. LigaGame Manfaat Bermaain Game.DipetikApril 17, 2015 dari Makzan HTML5 Games Development by Example Beginner s Guide. Nailufar Game The Bear Saving Earth Pada Platform HTML5. Fathurrahman.2013.Perancangan dan pembuatan game diponegoro adventure sebagai media pembelajaran ips menggunakan engine construct 2. Prita L.2014.Rancang bangun game petualangan si ceming menggunakan HTML Scirra Create Games Easily;Beginner s Guide to Construct. Dipetik Maret 12, 2015 dari Arizandrianto, Game Edukasi Sang Pejuang Sebagai Media Pembelajaran Sejarah Proklamasi Kemerdekaan Indonesia, Universitas Muhammadiyah Malang, x