Pembuatan Game “Rats Eating Money” Dengan Menggunakan Html5 bab 1
perpustakaan.uns.ac.id
digilib.uns.ac.id
BAB I
PENDAHULUAN
1.1 Latar Belakang
Dengan berkembangnya teknologi pembuatan game yang kini
semakin kompleks dan mulai merambah dengan berbagai variasi suatu
bentuk gameplay yang begitu kompleks dan di dalam penggunaan HTML5
sangat memberikan suatu alternatif di dalam perkembangan game
khususnya dalam perkembangan game yang berbasis web.
Semakin lama semakin berkembangnya dunia internet, maka
semakin banyak pula berbagai variasi aplikasi dan game yang diproduksi
oleh developer baik di tinjau dari sisi platform, device, browser maupun
dari
sisi
bahasa
pemrogramannya.
Akan
tetapi
dari
mayoritas
pengembangannya game yang berjalan pada platform browser ini masih
menggunakan adobe flash plugin, dan di realisasi ternyata penggunaan
flash sudah tergeser dan masyarakat pada umumnya mulai menggunakan
HTML5.
HTML5 adalah revisi kelima dari HTML yang pertama kali yaitu
HTML4, HTML5 untuk saat ini masih dalam tahap pengembangan,
namun telah mendukung teknologi multimedia terbaru. HTML5 juga
mudah dibaca oleh manusia dan mudah dimengerti oleh mesin. HTML5
sendiri saat ini sudah didukung oleh semua perangkat mobile sehingga,
HTML5
dianggap
sebagai
solusi
terbaik
untuk
membuat
dan
menghadirkan konten browser pada semua platform mobile. Melalui blog
resminya pula, Adobe mengumumkan bahwa pengembangan masa depan
mobile multimedia akan difokuskan pada HTML5 walaupun flash for
mobile banyak digunakan pada handset berbasis Android.
Karena kelemahan flash yang diharuskan menggunakan plugin
terbaru dan loading time yang relative lama dibandingkan HTML5, maka
commit
to solusi
user terbaik bagi pengembang game
HTML5 Canvas merupakan
sebuah
1
2
digilib.uns.ac.id
perpustakaan.uns.ac.id
browser . Teknologi HTML5 Canvas ini biasa digunakan untuk 2-D
drawing pada sebuah Web page yang menjadi andalan dalam mendesain
web kelas berat. Hal ini telah dicoba oleh Apple, Google, dan Mozilla.
Fitur dari HTML5 seperti canvas, local storage, dan Web Worker
akan mengizinkan pemgembang untuk melakukan hal yang lebih banyak
melalui browser. Local storage akan mengizinkan browser untuk bekerja
walaupun koneksi internet drop/offline. Web application akan bekerja
lebih cepat dan akan memberikan user experience yang lebih baik, serta
menghilangkan batasan antara online application dan desktop application.
Oleh karena itu penggunaan HTML5 perlu di kembangkan dengan
berbagai fitur yang ditujukan untuk perkembangan lebih lanjut mengenai
HTML5 melalui browser.
Disamping itu game yang dibuat secara umumnya sebagai hiburan
namun juga dapat sebagai suatu edukasi bahkan juga bisa menjadi suatu
kriktikan, karena kurangnya kritikan terhadap kasus korupsi di Indonesia
dalam hal ini game Rats Eating Money dibuat karena kurangnya kritikan
terhadap kasus korupsi yang ada di Indonesia .
1.2 Perumusan masalah
Dengan adanya ulasan yang terdapat dari latar belakang masalah
diatas, maka rumusan masalah yang dikemukakan adalah bagaimana
membuat game
Rats Eating Money Game pada browser yang
menggunakan framework MelonJS pada HTML5.
1.3 Batasan Masalah
Berkaitan dengan ulasan yang terdapat pada rumusan masalah,
masalah yang dibatasi dalam proses pembuatan Rats Eating Money Game
dengan memanfaatkan HTML5, maka batasan masalah dalam pembuatan
game Rats Eating Money ini, adalah sebagai berikut:
a.
Pembuatan
game
Rats
Eating
Money
penggunaanya yaitu
menggunakan
HTML5.
commit
to user
yang
terbatas
3
digilib.uns.ac.id
perpustakaan.uns.ac.id
b.
Tingkat kesulitan di dalam game Rats Eating Money ini ada 4
level kesulitan.
c.
Dalam game Rats Eating Money menggunakan framework
MelonJS.
1.4 Tujuan Penelitian
Tujuan dari penelitian ini adalah merancang dan membuat game
yaitu “Rats Eating Money” dengan menggunakan platform HTML5 yang
memberikan kritikan terhadap kasus korupsi yang semakin banyak terjadi
di Indonesia.
1.5 Manfaat Penelitian
Manfaat dalam pembuatan dan perancangan game Rats Eating
Money ini adalah:
a. Dapat mengembangkan inovasi di kalangan mahasiswa mengenai
game.
b. Dapat mengembangkan daya kreatifitas mahasiswa khususnya
dalam desain, scripting dan logika dalam pembuatan sebuah
game.
c. Dapat
mengembangkan
kualitas
mahasiswa
dalam
mengembangkan HTML5 dalam hal desain dan markup
pembuatan game nya.
d. Game ini di buat dengan harapan untuk memberikan sebuah
kritikan terhadap kasus korupsi yang ada di Indonesia.
commit to user
4
digilib.uns.ac.id
perpustakaan.uns.ac.id
1.6 Metodologi Penelitian
Metode pengumpulan data yang akan digunakan dalam
pembuatan Tugas Akhir penulis adalah sebagai berikut:
1.6.1 Metode Pengumpulan Data
Pengumpulan data yang dilakukan melalui pengamatan,
pencatatan dan pencarian Informasi tentang game-game browser yang
menggunakan media HTML5.
1.6.2 Metode Perancangan Game
Game Rats Eating Money ini memiliki beberapa tahapan dalam
perancangan gamenya. Perancangan dipisahkan menjadi berbagai
tahapan. Antara lain adalah: Perancangan alur permainan, perancangan
karakter, perancangan background, sound efek, background music, dan
tampilan halaman game dengan tujuan game akan terlihat lebih baik
dengan perancangan yang detail.
1.6.3 Metode Pembuatan Game
Pembuatan game ini meliputi software apa yang akan
digunakan, alur game untuk setiap levelnya. Sehingga dengan adanya
perancangan ini nantinya dapat digunakan untuk meminimalisir dan
mengidentifikasi permasalahan dan hambatan yang terjadi, serta
mengusulkan berbagai macam kebutuhan untuk perbaikan.
1.6.4 Implementasi dan Uji coba Game
Tahap pengujian ini dilakukan dengan tujuan agar game yang
dioperasikan terhindar dari kesalahan atau dengan istilah bug. Tujuan
utama dari tahapan uji coba ini adalah untuk memastikan bahwa elemen
dari game sudah berfungsi dengan target yang telah diharapkan. Apabila
masih dianggap kurang layak, maka harus dilakukan perbaikan agar
commit
to user
game dapat berjalan dengan
sempurna.
digilib.uns.ac.id
BAB I
PENDAHULUAN
1.1 Latar Belakang
Dengan berkembangnya teknologi pembuatan game yang kini
semakin kompleks dan mulai merambah dengan berbagai variasi suatu
bentuk gameplay yang begitu kompleks dan di dalam penggunaan HTML5
sangat memberikan suatu alternatif di dalam perkembangan game
khususnya dalam perkembangan game yang berbasis web.
Semakin lama semakin berkembangnya dunia internet, maka
semakin banyak pula berbagai variasi aplikasi dan game yang diproduksi
oleh developer baik di tinjau dari sisi platform, device, browser maupun
dari
sisi
bahasa
pemrogramannya.
Akan
tetapi
dari
mayoritas
pengembangannya game yang berjalan pada platform browser ini masih
menggunakan adobe flash plugin, dan di realisasi ternyata penggunaan
flash sudah tergeser dan masyarakat pada umumnya mulai menggunakan
HTML5.
HTML5 adalah revisi kelima dari HTML yang pertama kali yaitu
HTML4, HTML5 untuk saat ini masih dalam tahap pengembangan,
namun telah mendukung teknologi multimedia terbaru. HTML5 juga
mudah dibaca oleh manusia dan mudah dimengerti oleh mesin. HTML5
sendiri saat ini sudah didukung oleh semua perangkat mobile sehingga,
HTML5
dianggap
sebagai
solusi
terbaik
untuk
membuat
dan
menghadirkan konten browser pada semua platform mobile. Melalui blog
resminya pula, Adobe mengumumkan bahwa pengembangan masa depan
mobile multimedia akan difokuskan pada HTML5 walaupun flash for
mobile banyak digunakan pada handset berbasis Android.
Karena kelemahan flash yang diharuskan menggunakan plugin
terbaru dan loading time yang relative lama dibandingkan HTML5, maka
commit
to solusi
user terbaik bagi pengembang game
HTML5 Canvas merupakan
sebuah
1
2
digilib.uns.ac.id
perpustakaan.uns.ac.id
browser . Teknologi HTML5 Canvas ini biasa digunakan untuk 2-D
drawing pada sebuah Web page yang menjadi andalan dalam mendesain
web kelas berat. Hal ini telah dicoba oleh Apple, Google, dan Mozilla.
Fitur dari HTML5 seperti canvas, local storage, dan Web Worker
akan mengizinkan pemgembang untuk melakukan hal yang lebih banyak
melalui browser. Local storage akan mengizinkan browser untuk bekerja
walaupun koneksi internet drop/offline. Web application akan bekerja
lebih cepat dan akan memberikan user experience yang lebih baik, serta
menghilangkan batasan antara online application dan desktop application.
Oleh karena itu penggunaan HTML5 perlu di kembangkan dengan
berbagai fitur yang ditujukan untuk perkembangan lebih lanjut mengenai
HTML5 melalui browser.
Disamping itu game yang dibuat secara umumnya sebagai hiburan
namun juga dapat sebagai suatu edukasi bahkan juga bisa menjadi suatu
kriktikan, karena kurangnya kritikan terhadap kasus korupsi di Indonesia
dalam hal ini game Rats Eating Money dibuat karena kurangnya kritikan
terhadap kasus korupsi yang ada di Indonesia .
1.2 Perumusan masalah
Dengan adanya ulasan yang terdapat dari latar belakang masalah
diatas, maka rumusan masalah yang dikemukakan adalah bagaimana
membuat game
Rats Eating Money Game pada browser yang
menggunakan framework MelonJS pada HTML5.
1.3 Batasan Masalah
Berkaitan dengan ulasan yang terdapat pada rumusan masalah,
masalah yang dibatasi dalam proses pembuatan Rats Eating Money Game
dengan memanfaatkan HTML5, maka batasan masalah dalam pembuatan
game Rats Eating Money ini, adalah sebagai berikut:
a.
Pembuatan
game
Rats
Eating
Money
penggunaanya yaitu
menggunakan
HTML5.
commit
to user
yang
terbatas
3
digilib.uns.ac.id
perpustakaan.uns.ac.id
b.
Tingkat kesulitan di dalam game Rats Eating Money ini ada 4
level kesulitan.
c.
Dalam game Rats Eating Money menggunakan framework
MelonJS.
1.4 Tujuan Penelitian
Tujuan dari penelitian ini adalah merancang dan membuat game
yaitu “Rats Eating Money” dengan menggunakan platform HTML5 yang
memberikan kritikan terhadap kasus korupsi yang semakin banyak terjadi
di Indonesia.
1.5 Manfaat Penelitian
Manfaat dalam pembuatan dan perancangan game Rats Eating
Money ini adalah:
a. Dapat mengembangkan inovasi di kalangan mahasiswa mengenai
game.
b. Dapat mengembangkan daya kreatifitas mahasiswa khususnya
dalam desain, scripting dan logika dalam pembuatan sebuah
game.
c. Dapat
mengembangkan
kualitas
mahasiswa
dalam
mengembangkan HTML5 dalam hal desain dan markup
pembuatan game nya.
d. Game ini di buat dengan harapan untuk memberikan sebuah
kritikan terhadap kasus korupsi yang ada di Indonesia.
commit to user
4
digilib.uns.ac.id
perpustakaan.uns.ac.id
1.6 Metodologi Penelitian
Metode pengumpulan data yang akan digunakan dalam
pembuatan Tugas Akhir penulis adalah sebagai berikut:
1.6.1 Metode Pengumpulan Data
Pengumpulan data yang dilakukan melalui pengamatan,
pencatatan dan pencarian Informasi tentang game-game browser yang
menggunakan media HTML5.
1.6.2 Metode Perancangan Game
Game Rats Eating Money ini memiliki beberapa tahapan dalam
perancangan gamenya. Perancangan dipisahkan menjadi berbagai
tahapan. Antara lain adalah: Perancangan alur permainan, perancangan
karakter, perancangan background, sound efek, background music, dan
tampilan halaman game dengan tujuan game akan terlihat lebih baik
dengan perancangan yang detail.
1.6.3 Metode Pembuatan Game
Pembuatan game ini meliputi software apa yang akan
digunakan, alur game untuk setiap levelnya. Sehingga dengan adanya
perancangan ini nantinya dapat digunakan untuk meminimalisir dan
mengidentifikasi permasalahan dan hambatan yang terjadi, serta
mengusulkan berbagai macam kebutuhan untuk perbaikan.
1.6.4 Implementasi dan Uji coba Game
Tahap pengujian ini dilakukan dengan tujuan agar game yang
dioperasikan terhindar dari kesalahan atau dengan istilah bug. Tujuan
utama dari tahapan uji coba ini adalah untuk memastikan bahwa elemen
dari game sudah berfungsi dengan target yang telah diharapkan. Apabila
masih dianggap kurang layak, maka harus dilakukan perbaikan agar
commit
to user
game dapat berjalan dengan
sempurna.