Pembuatan Endless Run Game “Sejarah Anoman” Menggunakan Html5 bab 1
perpustakaan.uns.ac.id
digilib.uns.ac.id
BAB I
PENDAHULUAN
1.1 Latar Belakang
Bermain game adalah salah satu cara untuk menghilangkan kebosanan dan
kepenatan. Dan sesuai dengan perkembangan zaman, penggunaan game ini juga
sudah semakin membesar. Salah satu alasan kenapa game sangat diminati orang
karena memberikan hiburan yang cukup menyenangkan.
Hingga saat ini sudah banyak pula variasi aplikasi dan game yang diproduksi
oleh para developer. Terdiri dari berbagai platform, device, browser dan bahasa
pemrogramannya. Salah satu game yang sedang banyak berkembang sekarang adalah
game dengan basis web atau bisa disebut dengan game browser karena besarnya
ketergantungan masyarakat sekarang terhadap internet yang menuntut mereka untuk
berinteraksi dengan browser setiap hari.
Game berbasis web dapat diakses dari mana saja. Hanya dengan internet,
game tersebut dapat berjalan dengan baik dan tidak perlu adanya instalasi. Hard disk
tempat penyimpanan game pun tidak akan menjadi penuh, semua itu menjadi
mungkin dengan adanya internet, hal tersebut menjadikan game berbasis web menjadi
pilihan yang baik apabila kita ingin mengembangkan game baik untuk bisnis maupun
untuk tujuan lain. [1]
Namun sayangnya mayoritas pengembang game yang berjalan pada platform
browser ini masih menggunakan adobe flash plugin. Kerugian dari dari adobe flash
itu sendiri adalah dalam memainkan sebuah game browser diperlukanlah sebuah
plugin flash itu sendiri, jika pada browser tersebut tidak memiliki plugin tersebut
maka game tersebut tidak dapat berjalan pada browser.
HTML 5 muncul dengan harapan dapat menangani animasi dan grafis pada
web browser tanpa tergantung pada jenis browser tertentu serta tanpa memerlukan
instalasi perangkat lunak tambahan atau plugin. Saat ini HTML 5 berkembang
commit to user
1
perpustakaan.uns.ac.id
digilib.uns.ac.id
2
dengan pesat dan telah digunakan sebagai bahasa untuk membuat animasi, player
audio dan video bahkan dapat dimanfaatkan untuk membuat game berbasis web.
Dari sisi lain, banyak game-game yang sudah ada hanya berisi hiburan
semata, oleh sebab itu penulis bermaksud untuk menyisipkan cerita budaya yang akan
di angkat ke dalam game tersebut dan cerita Anoman yang penulis anggap cukup
bagus untuk diangkat menjadi sebuah game petualangan menggunakan HTML5.
1.2 Perumusan Masalah
Setelah mengkaji dari latar belakang masalah, maka rumusan masalah yang
dikemukakan adalah sebagai berikut bagaimana membuat Game Sejarah Anoman
atau Cerita Rakyat Anoman Menggunakan HTML5.
1.3 Batasan Masalah
Berkaitan dengan rumusan masalah, masalah dibatasi hanya pada proses
pembuatan Game dengan memanfaatkan HTML5 Canvas dengan 3 tingkat kesulitan.
1.4 Tujuan dan Manfaat Pembuatan Game
1. Tujuan
Tujuan dari penelitian ini adalah membuat suatu game yang
digunakan sebagai media penyampaian cerita anoman. Sehingga dengan
adanya game ini masyarakat dapat lebih mengetahui tentang cerita budaya
khusus nya Anoman dengan cara yang lebih menarik dan tidak
membosankan.
2. Manfaat
Dengan adanya penelitian ini diharapkan masyarakat dapat lebih
mengenal tentang budaya yang pada saat ini sudah banyak ditinggalkan oleh
masyarakat itu sendiri. Didalam game ini masyarakat juga bisa mendapatkan
kesenangan dalam bermain game yang dapat menghilangkan rasa bosan dan
penat.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
3
1.5 Metode Penelitian
Metode penelitian yang digunakan untuk membuat proposal tugas akhir ini
adalah sebagai berikut
1.5.1
Tahap pengumpulan data
Dalam proses pengumpulan data terdiri dari beberapa metode yaitu
a. Observasi
Observasi merupakan metode pengumpulan data yang dilakukan
melalui pengamatan, pencatatan dan pencarian informasi tentang semua
informasi mengenai game browser yang menggunakan HTML5.
b. Studi Pustaka
Studi Pustaka merupakan suatu metode yang dilakukan dengan cara
mencari buku-buku referensi serta tutorial yang membahas mengenai
kebutuhan-kebutuhan apa saja yang digunakan untuk membuat sebuah
game menggunakan HTML5.
1.5.2 Tahap perancangan game
Tahap perancangan game ini meliputi
a. Perancangan plot/alur cerita
Perancangan plot/alur cerita akan menjelaskan tentang cerita yang
diusung dalam pembuatan game ini.
b. Perancangan desain karakter
Pada perancangan ini kan menjelaskan tentang karakter-karakter apa
saja yang akan di buat dalam pembuatan game ini.
c. Perancangan sprite karakter
Perancangan sprite karakter menjelaskan bagaimana cara membuat
animasi dari karakter pada game tersebut dan menggunakan objek
gambar 2D .
d. Perancangan background dan object
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
4
Digunakan untuk mendesain background dan object yang akan
digunakan pada game tersebut.
e. Perancangan gamplay/levels
Pada tahap ini akan menjelaskan tentang petunjuk dari permainan game
serta tingkatan-tingkatan dan kesulitan yang harus dilalui untuk
menyelesaikan game tersebut.
1.5.3 Tahap pembuatan game
Pembuatan aplikasi game terdiri dari proses pengumpulan data, perencanaan,
perancangan/pembuatan, dan tahap uji coba. Untuk pembuatannya sendiri
menggunakan Adobe Photoshop, CorelDraw, serta java script yang merupakan hasil
implementasi dari alur aplikasi, sketsa tampilan, dan interface game dan selanjutnya
dilakukan tahap pengujian
1.5.4 Tahap uji coba
Pada tahap ini digunakan untuk melakukan pengujian game agar game yang
di mainkan terbebas dari kesalahan yang dapat muncul. Tujuan utama dari tahapan ini
adalah memastikan bahwa setiap elemen dari game telah berfungsi sesuai dengan
yang di harapkan. Apabila game masih di anggap kurang layak, maka harus
dilakukan perbaikan agar game yang di bentuk lengkap dan dapat berjalan dengan
baik. Game yang telah di perbaiki itu akan di uji kembali sampai game tersebut
lengkap dan dapat berjalan dengan baik serta dengan layak dapat untuk di mainkan.
1.5.5 Tahap Penerapan dan Perbaikan
Pada tahap ini merupakan tahap implementasi dan evaluasi dari permainan
yang telah dibuat dan diuji coba untuk bisa dijalankan pada berbagai browser. Jika
semua tahap berakhir, maka akan sampai pada tahap evaluasi sistem. Evaluasi sistem
adalah menguji dan memastikan bahwa permainan sudah berjalan sesuai dengan alur
sistem secara keseluruhan.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
5
1.5.6 Tahap alur dari pembuatan game
Tahap ini akan menjelaskan alur dari pembuatan game dengan menggunakan
bagan. Bagan dapat dijelaskan pada gambar1.
Gambar 1.1 Bagan alur pembuatan game
1.6 Sistematika Penulisan
Laporan Tugas Akhir dengan judul “Pembuatan Game Sejarah Anoman
Menggunakan HTML5” ini, terdiri dari lima bab
1.
BAB I Pendahuluan
Pendahuluan yang berisi Latar Belakang Masalah, Perumusan
Masalah, Batasan Masalah, Tujuan dan Manfaat Penelitian, Metodologi
Penelitian, Sistematika Penulisan.
2.
BAB II Landasan Teori
Landasan teori memuat tinjauan pustaka yang digunakan sebagai
referensi dalam pembuatan endless run game menggunakan HTML5
Canvas.
3.
BAB III Analisis Dan Perancangan
Analisis dan perancangan game memuat tentang analisa kebutuhan
dari game yang akan dibuat, beserta rancangan game.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
6
4.
BAB IV Implementasi Dan Evaluasi
Implementasi memuat hasil analisa dan perancangan game yang
mungkin akan ditampilkan dalam bentuk tabel, flow chart, gambar, dan
penjelasan dari masing-masing bagian.
5.
BAB V Penutup
Penutup
memuat
kesimpulan
dari
hasil
penelitian
implementasi game dan saran yang diperoleh dari kesimpulan tersebut.
commit to user
atau
digilib.uns.ac.id
BAB I
PENDAHULUAN
1.1 Latar Belakang
Bermain game adalah salah satu cara untuk menghilangkan kebosanan dan
kepenatan. Dan sesuai dengan perkembangan zaman, penggunaan game ini juga
sudah semakin membesar. Salah satu alasan kenapa game sangat diminati orang
karena memberikan hiburan yang cukup menyenangkan.
Hingga saat ini sudah banyak pula variasi aplikasi dan game yang diproduksi
oleh para developer. Terdiri dari berbagai platform, device, browser dan bahasa
pemrogramannya. Salah satu game yang sedang banyak berkembang sekarang adalah
game dengan basis web atau bisa disebut dengan game browser karena besarnya
ketergantungan masyarakat sekarang terhadap internet yang menuntut mereka untuk
berinteraksi dengan browser setiap hari.
Game berbasis web dapat diakses dari mana saja. Hanya dengan internet,
game tersebut dapat berjalan dengan baik dan tidak perlu adanya instalasi. Hard disk
tempat penyimpanan game pun tidak akan menjadi penuh, semua itu menjadi
mungkin dengan adanya internet, hal tersebut menjadikan game berbasis web menjadi
pilihan yang baik apabila kita ingin mengembangkan game baik untuk bisnis maupun
untuk tujuan lain. [1]
Namun sayangnya mayoritas pengembang game yang berjalan pada platform
browser ini masih menggunakan adobe flash plugin. Kerugian dari dari adobe flash
itu sendiri adalah dalam memainkan sebuah game browser diperlukanlah sebuah
plugin flash itu sendiri, jika pada browser tersebut tidak memiliki plugin tersebut
maka game tersebut tidak dapat berjalan pada browser.
HTML 5 muncul dengan harapan dapat menangani animasi dan grafis pada
web browser tanpa tergantung pada jenis browser tertentu serta tanpa memerlukan
instalasi perangkat lunak tambahan atau plugin. Saat ini HTML 5 berkembang
commit to user
1
perpustakaan.uns.ac.id
digilib.uns.ac.id
2
dengan pesat dan telah digunakan sebagai bahasa untuk membuat animasi, player
audio dan video bahkan dapat dimanfaatkan untuk membuat game berbasis web.
Dari sisi lain, banyak game-game yang sudah ada hanya berisi hiburan
semata, oleh sebab itu penulis bermaksud untuk menyisipkan cerita budaya yang akan
di angkat ke dalam game tersebut dan cerita Anoman yang penulis anggap cukup
bagus untuk diangkat menjadi sebuah game petualangan menggunakan HTML5.
1.2 Perumusan Masalah
Setelah mengkaji dari latar belakang masalah, maka rumusan masalah yang
dikemukakan adalah sebagai berikut bagaimana membuat Game Sejarah Anoman
atau Cerita Rakyat Anoman Menggunakan HTML5.
1.3 Batasan Masalah
Berkaitan dengan rumusan masalah, masalah dibatasi hanya pada proses
pembuatan Game dengan memanfaatkan HTML5 Canvas dengan 3 tingkat kesulitan.
1.4 Tujuan dan Manfaat Pembuatan Game
1. Tujuan
Tujuan dari penelitian ini adalah membuat suatu game yang
digunakan sebagai media penyampaian cerita anoman. Sehingga dengan
adanya game ini masyarakat dapat lebih mengetahui tentang cerita budaya
khusus nya Anoman dengan cara yang lebih menarik dan tidak
membosankan.
2. Manfaat
Dengan adanya penelitian ini diharapkan masyarakat dapat lebih
mengenal tentang budaya yang pada saat ini sudah banyak ditinggalkan oleh
masyarakat itu sendiri. Didalam game ini masyarakat juga bisa mendapatkan
kesenangan dalam bermain game yang dapat menghilangkan rasa bosan dan
penat.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
3
1.5 Metode Penelitian
Metode penelitian yang digunakan untuk membuat proposal tugas akhir ini
adalah sebagai berikut
1.5.1
Tahap pengumpulan data
Dalam proses pengumpulan data terdiri dari beberapa metode yaitu
a. Observasi
Observasi merupakan metode pengumpulan data yang dilakukan
melalui pengamatan, pencatatan dan pencarian informasi tentang semua
informasi mengenai game browser yang menggunakan HTML5.
b. Studi Pustaka
Studi Pustaka merupakan suatu metode yang dilakukan dengan cara
mencari buku-buku referensi serta tutorial yang membahas mengenai
kebutuhan-kebutuhan apa saja yang digunakan untuk membuat sebuah
game menggunakan HTML5.
1.5.2 Tahap perancangan game
Tahap perancangan game ini meliputi
a. Perancangan plot/alur cerita
Perancangan plot/alur cerita akan menjelaskan tentang cerita yang
diusung dalam pembuatan game ini.
b. Perancangan desain karakter
Pada perancangan ini kan menjelaskan tentang karakter-karakter apa
saja yang akan di buat dalam pembuatan game ini.
c. Perancangan sprite karakter
Perancangan sprite karakter menjelaskan bagaimana cara membuat
animasi dari karakter pada game tersebut dan menggunakan objek
gambar 2D .
d. Perancangan background dan object
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
4
Digunakan untuk mendesain background dan object yang akan
digunakan pada game tersebut.
e. Perancangan gamplay/levels
Pada tahap ini akan menjelaskan tentang petunjuk dari permainan game
serta tingkatan-tingkatan dan kesulitan yang harus dilalui untuk
menyelesaikan game tersebut.
1.5.3 Tahap pembuatan game
Pembuatan aplikasi game terdiri dari proses pengumpulan data, perencanaan,
perancangan/pembuatan, dan tahap uji coba. Untuk pembuatannya sendiri
menggunakan Adobe Photoshop, CorelDraw, serta java script yang merupakan hasil
implementasi dari alur aplikasi, sketsa tampilan, dan interface game dan selanjutnya
dilakukan tahap pengujian
1.5.4 Tahap uji coba
Pada tahap ini digunakan untuk melakukan pengujian game agar game yang
di mainkan terbebas dari kesalahan yang dapat muncul. Tujuan utama dari tahapan ini
adalah memastikan bahwa setiap elemen dari game telah berfungsi sesuai dengan
yang di harapkan. Apabila game masih di anggap kurang layak, maka harus
dilakukan perbaikan agar game yang di bentuk lengkap dan dapat berjalan dengan
baik. Game yang telah di perbaiki itu akan di uji kembali sampai game tersebut
lengkap dan dapat berjalan dengan baik serta dengan layak dapat untuk di mainkan.
1.5.5 Tahap Penerapan dan Perbaikan
Pada tahap ini merupakan tahap implementasi dan evaluasi dari permainan
yang telah dibuat dan diuji coba untuk bisa dijalankan pada berbagai browser. Jika
semua tahap berakhir, maka akan sampai pada tahap evaluasi sistem. Evaluasi sistem
adalah menguji dan memastikan bahwa permainan sudah berjalan sesuai dengan alur
sistem secara keseluruhan.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
5
1.5.6 Tahap alur dari pembuatan game
Tahap ini akan menjelaskan alur dari pembuatan game dengan menggunakan
bagan. Bagan dapat dijelaskan pada gambar1.
Gambar 1.1 Bagan alur pembuatan game
1.6 Sistematika Penulisan
Laporan Tugas Akhir dengan judul “Pembuatan Game Sejarah Anoman
Menggunakan HTML5” ini, terdiri dari lima bab
1.
BAB I Pendahuluan
Pendahuluan yang berisi Latar Belakang Masalah, Perumusan
Masalah, Batasan Masalah, Tujuan dan Manfaat Penelitian, Metodologi
Penelitian, Sistematika Penulisan.
2.
BAB II Landasan Teori
Landasan teori memuat tinjauan pustaka yang digunakan sebagai
referensi dalam pembuatan endless run game menggunakan HTML5
Canvas.
3.
BAB III Analisis Dan Perancangan
Analisis dan perancangan game memuat tentang analisa kebutuhan
dari game yang akan dibuat, beserta rancangan game.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
6
4.
BAB IV Implementasi Dan Evaluasi
Implementasi memuat hasil analisa dan perancangan game yang
mungkin akan ditampilkan dalam bentuk tabel, flow chart, gambar, dan
penjelasan dari masing-masing bagian.
5.
BAB V Penutup
Penutup
memuat
kesimpulan
dari
hasil
penelitian
implementasi game dan saran yang diperoleh dari kesimpulan tersebut.
commit to user
atau