Pembuatan Game “The Frog Prince” Menggunakan HTML5 BAB I
perpustakaan.uns.ac.id
digilib.uns.ac.id
BAB I
PENDAHULUAN
1.1 Latar Belakang
Banyaknya pengembang atau developer aplikasi di Internet saat ini
mayoritas masih menggunakan Adobe Flash dengan plugin pada browsernya.
Saat ini sistem tersebut perlahan mulai ditinggalkan dan beralih menggunakan
HTML5. Hal itu disebabkan Flash tidak dapat dijalankan pada beberapa
device.
HTML5 adalah revisi kelima dari HTML yang pertama kali diciptakan
pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997. HTML5
saat ini memang 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 utama. HTML5 dianggap sebagai solusi terbaik untuk
membuat dan menghadirkan konten browser pada semua platform mobile.
Berbagai 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 pun akan
bekerja lebih cepat dan akan memberikan user experience yang lebih baik,
serta menghilangkan batasan antara aplikasi online dan aplikasi desktop.
1.2 Perumusan Masalah
Saat ini berbagai device masih berjalan dengan pengembang aplikasinya
sendiri. Itu artinya, aplikasi dari produk satu tidak bisa dijalankan pada device
produk lainnya atau dengan kata lain harus dari produk bervendor sama.
Untuk mengatasi hal tersebut, HTML5 dianggap menjadi solusi yang tepat.
Game “The Frog Prince” ini akan penulis kembangkan sebagai sarana
hiburan dan juga sebagai sarana edukasi. Di dalam game ini penulis mencoba
commitscore
to user
memasukkan aksara jawa sebagai
point sehingga pemain akan lebih
1
perpustakaan.uns.ac.id
2
digilib.uns.ac.id
mengenal aksara jawa itu sendiri. Diharapkan dengan memainkan game ini,
kita tidak meninggalkan unsur budaya yang kita miliki.
1.3 Batasan Masalah
Pembuatan game “The Frog Prince” memiliki batasan-batasan
masalah sebagai berikut :
a. Game ini menggunakan HTML5.
b. Game ini hanya sampai pada level ke 4.
c. Menggunakan framework.
1.4 Tujuan Penelitian
Tujuan dari penelitian ini adalah untuk bagaimana merancang dan
membuat game “The Frog Prince” yang menarik dan edukatif dengan
menggunakan framework MelonJs berbasis HTML5.
1.5 Manfaat Penelitian
1.5.1 Bagi Penulis
a. Mengembangkan kreatifitas dalam pembuatan game, desain, dan
algoritma yang berjalan pada game tersebut.
b. Dengan dibuatnya game ini semoga memicu mahasiswa lain untuk
membuat dan mengembangkan game menjadi lebih baik.
1.5.2 Bagi Pemain
a. Mengasah otak dan reflek pada orang yang memainkannya.
b. Menambah pengetahuan tentang salah satu unsur budaya Jawa.
1.6 Metodologi Penelitian
Dalam penelitian ini, penulis memperoleh data dengan metode sebagai berikut
1.6.1 Pengumpulan Data
Pada tahap pengumpulan data, penulis mengumpulkan data
commit to user
dengan melakukan observasi
guna memperoleh apa saja yang
3
digilib.uns.ac.id
perpustakaan.uns.ac.id
dibutuhkan untuk membuat sebuah game menggunakan HTML5.
Penulis juga mengumpulkan referensi dari buku-buku dan juga Internet
untuk menunjang dalam pembuatan game.
1.6.2 Perancangan Game
Perancangan sistem meliputi proses pembuatan: Alur cerita,
Pembuatan
karakter
dalam
game,
pembuatan
karakter
sprite,
Pembuatan Background & Objects, dan Gameplay / Levels.
1.6.3 Pembuatan Game
Perancangan game menggunakan Adobe Photoshop, Adobe
Illustrator, CorelDraw, serta java script & jquery yang merupakan hasil
implementasi dari alur aplikasi, sketsa tampilan, dan interface game.
Dalam tahap pengolahan desain, komponen-komponen hasilnya disusun
dan ditata menggunakan Tiled Map Editor sesuai alur cerita kemudian
diekspor dan selanjutnya dilakukan tahap pengujian.
1.6.4 Uji coba
Tahap uji coba dilakukan untuk mengetahui apakah game yang
telah dibuat masih terdapat kesalahan atau bug yang bisa diperbaiki dan
disempurnakan sebelum akhirnya dikenalkan ke masyarakat.
1.6.5 Pembuatan Laporan
Tahap ini adalah tahap pembuatan laporan pembuatan game
yang berfungsi sebagai pertanggungjawaban dalam pelaksanaan Tugas
Akhir.
commit to user
digilib.uns.ac.id
BAB I
PENDAHULUAN
1.1 Latar Belakang
Banyaknya pengembang atau developer aplikasi di Internet saat ini
mayoritas masih menggunakan Adobe Flash dengan plugin pada browsernya.
Saat ini sistem tersebut perlahan mulai ditinggalkan dan beralih menggunakan
HTML5. Hal itu disebabkan Flash tidak dapat dijalankan pada beberapa
device.
HTML5 adalah revisi kelima dari HTML yang pertama kali diciptakan
pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997. HTML5
saat ini memang 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 utama. HTML5 dianggap sebagai solusi terbaik untuk
membuat dan menghadirkan konten browser pada semua platform mobile.
Berbagai 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 pun akan
bekerja lebih cepat dan akan memberikan user experience yang lebih baik,
serta menghilangkan batasan antara aplikasi online dan aplikasi desktop.
1.2 Perumusan Masalah
Saat ini berbagai device masih berjalan dengan pengembang aplikasinya
sendiri. Itu artinya, aplikasi dari produk satu tidak bisa dijalankan pada device
produk lainnya atau dengan kata lain harus dari produk bervendor sama.
Untuk mengatasi hal tersebut, HTML5 dianggap menjadi solusi yang tepat.
Game “The Frog Prince” ini akan penulis kembangkan sebagai sarana
hiburan dan juga sebagai sarana edukasi. Di dalam game ini penulis mencoba
commitscore
to user
memasukkan aksara jawa sebagai
point sehingga pemain akan lebih
1
perpustakaan.uns.ac.id
2
digilib.uns.ac.id
mengenal aksara jawa itu sendiri. Diharapkan dengan memainkan game ini,
kita tidak meninggalkan unsur budaya yang kita miliki.
1.3 Batasan Masalah
Pembuatan game “The Frog Prince” memiliki batasan-batasan
masalah sebagai berikut :
a. Game ini menggunakan HTML5.
b. Game ini hanya sampai pada level ke 4.
c. Menggunakan framework.
1.4 Tujuan Penelitian
Tujuan dari penelitian ini adalah untuk bagaimana merancang dan
membuat game “The Frog Prince” yang menarik dan edukatif dengan
menggunakan framework MelonJs berbasis HTML5.
1.5 Manfaat Penelitian
1.5.1 Bagi Penulis
a. Mengembangkan kreatifitas dalam pembuatan game, desain, dan
algoritma yang berjalan pada game tersebut.
b. Dengan dibuatnya game ini semoga memicu mahasiswa lain untuk
membuat dan mengembangkan game menjadi lebih baik.
1.5.2 Bagi Pemain
a. Mengasah otak dan reflek pada orang yang memainkannya.
b. Menambah pengetahuan tentang salah satu unsur budaya Jawa.
1.6 Metodologi Penelitian
Dalam penelitian ini, penulis memperoleh data dengan metode sebagai berikut
1.6.1 Pengumpulan Data
Pada tahap pengumpulan data, penulis mengumpulkan data
commit to user
dengan melakukan observasi
guna memperoleh apa saja yang
3
digilib.uns.ac.id
perpustakaan.uns.ac.id
dibutuhkan untuk membuat sebuah game menggunakan HTML5.
Penulis juga mengumpulkan referensi dari buku-buku dan juga Internet
untuk menunjang dalam pembuatan game.
1.6.2 Perancangan Game
Perancangan sistem meliputi proses pembuatan: Alur cerita,
Pembuatan
karakter
dalam
game,
pembuatan
karakter
sprite,
Pembuatan Background & Objects, dan Gameplay / Levels.
1.6.3 Pembuatan Game
Perancangan game menggunakan Adobe Photoshop, Adobe
Illustrator, CorelDraw, serta java script & jquery yang merupakan hasil
implementasi dari alur aplikasi, sketsa tampilan, dan interface game.
Dalam tahap pengolahan desain, komponen-komponen hasilnya disusun
dan ditata menggunakan Tiled Map Editor sesuai alur cerita kemudian
diekspor dan selanjutnya dilakukan tahap pengujian.
1.6.4 Uji coba
Tahap uji coba dilakukan untuk mengetahui apakah game yang
telah dibuat masih terdapat kesalahan atau bug yang bisa diperbaiki dan
disempurnakan sebelum akhirnya dikenalkan ke masyarakat.
1.6.5 Pembuatan Laporan
Tahap ini adalah tahap pembuatan laporan pembuatan game
yang berfungsi sebagai pertanggungjawaban dalam pelaksanaan Tugas
Akhir.
commit to user