Game Pac Man Berbasis HTML 5 Dengan Kecerdasan Prosedural

Transkripsi

1 Game Pac Man Berbasis HTML 5 Dengan Kecerdasan Prosedural TUGAS AKHIR Sebagai Persyaratan Guna Sarjana Sastra Satu (S-1) Teknik Informatika Universitas Muhammadiyah Malang Disusun Oleh: Ilham Muhdhori Dirgahayu PROGRAM SARJANA TEKNIK INFORMATIKA PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2014

2

3 KATA PENGANTAR Alhamdulillahirrobbil alamin, segala puji bagi Allah SWT Tuhan semesta alam yang telah memberi hidayah dan rahmat-nya sehingga penulis dapat menyelesaikan penelitian tugas akhir dengan judul Game Pac Man Berbasis HTML 5 dengan Kecerdasan Prosedural. Pada penelitian tugas akhir ini, dirancang sebuah applikasi game yang bertujuan sebagai media untuk memberikan perbedaan pada permainan sebelumnya juga agar game tersebut bias dirancang dan di applikasikan pada platform platform yang sedang berkembang. Penulis menyadari bahwa penelitian ini masih jauh dari kesempurnaan. Oleh karena itu, penulis mengharapkan saran, kritik, dan auto-kritik yang membangun untuk pengembangan aplikasi/perangkat lunak yang jauh lebih innovatif kedepannya. Perangkat lunak ini juga masih membutuhkan pengembangan lebih lanjut sehingga dapat bermanfaat. Akhir kata penulis mengucapkan terima kasih kepada semua pihak yang telah membantu hingga tugas akhir ini terselesaikan. Malang, Agustus 2014 Penulis

4 DAFTAR ISI HALAMAN JUDUL... i LEMBAR PERSETUJUAN... ii LEMBAR PENGESAHAN... iii LEMBAR PERNYATAAN... iv LEMBAR PERSEMBAHAN...v KATA PENGANTAR... vii ABSTRAKSI... viii ABSTRACT... ix DAFTAR ISI...x DAFTAR GAMBAR... xiii DAFTAR TABEL... xvii BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Batasan Masalah Tujuan Penelitian Metodologi Sistematika Pengembangan... 3 BAB II LANDASAN TEORI Pac Man HTML Sejarah HTML Markup Pembaharuan Dalam HTML Kecerdasan Prosedural... 8

5 BAB III ANALISA DAN PERANCANGAN SISTEM Analisa Sistem Analisa Kebutuhan Skenario Game Karakter Game Perancangan Sistem Use Case Diagram Flowchart Sistem Flowchart Keseluruhan Sistem Play Game Story Game Score Game Model FSM (Finite State Machine) Perancangan Design User Interface Perancangan Tampilan Halaman Intro Game Perancangan Tampilan Halaman Menu Utama Game Perancangan Tampilan Halaman Menu Play Game PerancanganTampilan Halaman Menu HighScore PerancanganTampilan Halaman Menu Story BAB IV IMPLEMENTASI DAN PENGUJIAN Implementasi Perangkat Lunak Intro Game Menu Utama Menu Play Game High Score Story Game Pengujian Sistem Source Code Tombol Menu Source Code Pengaturan Set Username Source Code Start Game Source Code Pengaturan Arah Jalan Objek Game...37

6 4.2.5 Source Code Pengaturan Deteksi Tumbukan Objek Pengujian Sistem Pengujian Interface Sistem Pengujian Tampilan Halaman Intro Game Pengujian Tampilan Halaman Menu Utama Game Pengujian Tampilan Halaman Menu Play Game Pengujian Tampilan Halaman Menu High Score Pengujian Tampilan Halaman Menu Story Pengujian Alur Sistem Pengujian Letak Awal Game Pengujian Laju Objek (Prosedural) Pengujian Dapat Poin Pengujian Nyawa Berkurang Pengujian Terhadap Pengguna...51 BAB V PENUTUP Kesimpulan Saran DAFTAR PUSTAKA... 55

7 DAFTAR GAMBAR Gambar 3.1 Use Case Diagram...12 Gambar 3.2 Flowchart Skenario Game Pac Man...13 Gambar 3.3 Play Game...15 Gambar 3.4 Flowchart Input Nama...16 Gambar 3.5 Flowchart Mainkan Game...17 Gambar 3.6 Flowchart Simpan Score...18 Gambar 3.7 Story Game...19 Gambar 3.8 Score Game...19 Gambar 3.9 Model FSM...21 Gambar 3.10 Interface Halaman Intro...22 Gambar 3.11 Interface Halaman Menu Utama Game...23 Gambar 3.12a Interface Halaman Play Game Input Username...23 Gambar 3.12b Interface Halaman Play Game...24 Gambar 3.12c Interface Halaman Ending Play Game...24 Gambar 3.13 Interface Halaman HighScore...24 Gambar 3.14 Interface Halaman Menu Story...25 Gambar 4.1 Tampilan Intro Game...27 Gambar 4.2 Tampilan Menu Utama...28 Gambar 4.3 Tampilan Menu Play Game Input Username...28 Gambar 4.4 Tampilan Menu Play Game...30

8 Gambar 4.5 Tampilan Menu Play Game Ending...30 Gambar 4.6 Tampilan High Score...31 Gambar 4.7 Tampilan Story Game...31 Gambar 4.8 Source Tombol Menu...32 Gambar 4.9 Source Code Set Username...32 Gambar 4.10 Source Code Start Game...37 Gambar 4.11 Source Pengaturan Arah Jalan Objek Game...37 Gambar 4.12 Source Pengaturan Deteksi Tumbukan Objek Game...39 Gambar 4.13a Desain Perancangan Interface Halaman Intro...40 Gambar 4.13b Desain Pengujian Interface Halaman Intro...40 Gambar 4.14a Desain PerancanganInterface Halaman Menu Utama Game...41 Gambar 4.14b Desain Pengujian Interface Halaman Menu Utama Game...41 Gambar 4.15a Desain Perancangan Interface Halaman Input Username...42 Gambar 4.15b Pengujian Interface Halaman Input Username...42 Gambar 4.16a Desain Perancangan Interface Halaman Play Game...42 Gambar 4.16b Pengujian Interface Halaman Play Game...43 Gambar 4.17a Desain Perancangan Interface Halaman Ending Play Game...43 Gambar 4.17b Pengujian Interface Halaman Ending Play Game...43 Gambar 4.18a Desain Perancangan Interface Halaman High Score...44

9 Gambar 4.18b Pengujian Interface Halaman High Score...44 Gambar 4.19a Desain Perancangan Interface Halaman Menu Story...45 Gambar 4.19b Pengujian Interface Halaman Menu Story...45 Gambar 4.20a Perancangan Sistem Awal...46 Gambar 4.20b Hasil Pengujian Sistem Awal...46 Gambar 4.21a Perancangan Pengujian Dapat Poin...50 Gambar 4.21b Hasil Pengujian Dapat Poin...50 Gambar 4.22a Perancangan Pengujian Nyawa Berkurang...51 Gambar 4.22b Hasil Pengujian Nyawa Berkurang...51

10 DAFTAR TABEL Tabel 3.1 Tabel Karakter Game...11 Tabel 4.1 Spesifikasi Hardware dan Software...26 Tabel 4.2a Perancangan Prosedural Objek...47 Tabel 4.2b Hasil Pengujian Prosedural Objek...49 Tabel 4.3 Tabel Kuisioner Pengujian Pengguna...52 Tabel 4.4 Tabel Kuisioner Hasil Pengujian...52

11 DAFTAR PUSTAKA [1] Castronova, Edward Synthetic Worlds: The Business and Culture of Online Games. Chicago: University Of Chicago Press.PDF Version of Book. [2] Nalwan, Agustinus. Pemrograman Animasi dan Game Profesional, Jakarta: PT. Elex Media Komputindo, PDF Version of Book. [3] Rollings, Andrew dan Ernest Adams Fundamentals of Game Design. USA: Prentice Hall. PDF Version of Book. [4] Sejarah Game Pac Man. Didownloaddandiaksestanggal 26 Februari 2014 [5] Birch, Chad (2010), Understanding Pac-Man Ghost Behaviour, Didownloaddandiaksestanggal 25Februari 2014 [6] Pittman, Jamey (2010), Pac-Man Dossier, jpittman2/pacman/pacmandossier.html. Didownloaddandiaksestanggal 25Februari 2014