ABSTRAK
Perkembangan teknologi semakin canggih termasuk perkembangan game di dunia. Terdapat berbagai macam jenis game 2D maupun 3D dengan genre tertentu yang bisa dimainkan untuk menghabiskan waktu luang seperti game ber-genre Strategy, RPG, Puzzle, Action,
Adventure dan lain-lain. Dengan banyaknya game yang telah ada, akan dibuat sebuah
aplikasi game yang menggabungkan antara genre RPG dan genre Board-Game dengan pertarungan yang berbasis turn-based. Penelitian ini dibuat untuk menjadi panduan setiap pihak dalam membuat sebuah game dengan genre turn-based RPG yang mengimplementasikan gameplay board-game ke dalamnya. Sumber data yang diperoleh berasal dari beberapa sumber seperti wawancara, observasi lapangan, dan e-book. Game yang akan dibuat didukung oleh penggunaan ajax yang menunjang jalannya aplikasi agar dapat running in background untuk setiap proses yang berjalan di dalam game sehingga
browser tidak harus direfresh saat melakukan sebuah proses. Pengujian dilakukan dengan
menggunakan metode blackbox testing (salah satu metode pengujian perangkat lunak yang berfokus pada sisi fungsionalitas, khususnya pada input dan output aplikasi (apakah sesuai / tidak). Dengan penelitian membuat game ini dapat dihasilkan kesimpulan-kesimpulan bahwa genre RPG dan genre Board-Game dapat digabungkan menjadi sebuah game yang cocok untuk dimainkan, penggunaan ajax sangat membatu dalam pembuatan game karena dapat membuat semua proses berjalan dibelakang layar sehingga tidak akan mengganggu proses lain, tetapi penggunaan animasi dan audio tidak berjalan di beberapa browser seperti mobile
browser dan internet explorer.
vi
ABSTRACT
The development of Technology just got better from the past including development of game
in the world. There are various types of game like 2D and 3D game with certain genre that
can be played to spend leisure time like strategy game, RPG, puzzle, Action, Adventure, etc.
With so many existing games, will be made a game application that combines RPG and
Board-Game genre with turn-based battle gameplay. This study was made to guide
everyone to make a turn-based RPG game that implements board-game gameplay into it.
Source of data obtained from several sources like interviews, observation, and e-books. The
game will supported by ajax which can make application processes running in background
so that the browser will not refreshed if doing a process. Testing will be done with black box
testing method (software method testing that focused on functionality, especially input and
output of application whether it’s match or not). With this study of making a game, we can
have conclusions that RPG and Board-Game can be mixed to be a game that good to be
played, ajax is very helpful for making this game because it can make all processes inside
the game running in background so that will not interrupt any other process, but animation
and audio don’t work in browsers like mobile browsers and internet explorer .
DAFTAR ISI
LEMBAR PENGESAHAN ... i
PERNYATAAN ORISINALITAS LAPORAN PENELITIAN ... ii
PERNYATAAN PUBLIKASI LAPORAN PENELITIAN ... iii
PRAKATA ... iv
1.4 Ruang Lingkup Kajian... 2
1.5 Metode Penelitian ... 3
1.6 Sistematika Penyajian ... 4
viii
3.1 Rancangan Sistem Aplikasi Game ... 23
3.2 Desain Perangkat Lunak ... 25
3.2.1 ERD ... 25
3.2.2 Use Case Diagram ... 29
3.2.3 Activity Diagram ... 34
3.2.4 Class Diagram ... 47
3.3 Rancangan Desain Antarmuka ... 56
BAB 4. HASIL IMPLEMENTASI ... 70
4.1 Implementasi Antarmuka ... 70
4.2 Battle Pseudocodes ... 84
4.2.1 Pseudocode PlayerTurn() ... 85
4.2.2 Pseudocode ClearAddMinStats() ... 85
4.2.3 Pseudocode CheckBuffs() ... 86
4.2.4 Pseudocode SetPlayerAction() ... 86
4.2.5 Pseudocode ApplyBuffs() ... 87
4.2.6 Pseudocode Action() ... 87
4.2.7 Pseudocode DoBuff() ... 88
4.2.8 Pseudocode DoDebuff() ... 89
4.2.9 Pseudocode DoPhysicalDamage() ... 90
4.2.10 Pseudocode DoMagicalDamage(act) ... 92
4.2.11 Pseudocode MinMP() ... 94
4.2.12 Pseudocode CheckElement() ... 95
4.2.13 Pseudocode EnemyTurn() ... 95
4.2.14 Pseudocode SetEnemyAction() ... 95
BAB 5. PENGUJIAN ... 97
5.1 Pelaksanaan Pengujian ... 97
5.1.1 Test Case Login ... 97
5.1.2 Test Case Membuat Karakter ... 98
5.1.3 Test Case Fitur Bag ... 98
5.1.4 Test Case Fitur Status ... 99
5.1.5 Test Case Fitur Potions Shop ... 99
5.1.6 Test Case Fitur Equipments Shop ... 100
5.1.7 Test Case Fitur Enchanting ... 100
5.1.9 Test Case Fitur Design ... 102
5.1.10 Test Case Fitur Storage ... 102
5.1.11 Test Case Fitur Marketplace ... 103
5.1.12 Test Case Battle Event ... 104
5.2 Kuesioner ... 104
BAB 6. SIMPULAN DAN SARAN ... 109
6.1 Simpulan ... 109
6.2 Saran ... 109
x
DAFTAR GAMBAR
Gambar 2.1 Simbol ERD ... 6
Gambar 2.2 Contoh hubungan satu ke satu ... 7
Gambar 2.3 Contoh hubungan satu ke banyak ... 7
Gambar 2.4 Contoh hubungan banyak ke banyak ... 8
Gambar 2.5 Contoh Kode PHP-1 ... 17
Gambar 2.6 Contoh Kode PHP-2 ... 18
Gambar 3.1 ERD Game Keseluruhan ... 25
Gambar 3.2 Use Case Diagram Keseluruhan ... 29
Gambar 3.3 Subsystem Use Case “Interact” ... 30
Gambar 3.4 Subsystem Use Case “Manage Item” ... 31
Gambar 3.5 Subsystem Use Case “Manage Shop” ... 33
Gambar 3.6 Aktivitas Login ... 34
Gambar 3.7 Aktivitas Sign Up ... 35
Gambar 3.8 Aktivitas Purchase Item... 36
Gambar 3.9 Aktivitas Sell Item ... 37
Gambar 3.10 Aktivitas Equip Item ... 38
Gambar 3.11 Aktivitas Unequip Item ... 39
Gambar 3.12 Aktivitas Drop Item ... 39
Gambar 3.13 Aktivitas Store Item ... 40
Gambar 3.14 Aktivitas Withdraw Item ... 41
Gambar 3.15 Aktivitas Enchant Item ... 41
Gambar 3.16 Aktivitas Make Item ... 42
Gambar 3.17 Aktivitas Battle ... 43
Gambar 3.18 Aktivitas Pick Up Event ... 44
Gambar 3.19 Aktivitas Set Item ... 44
Gambar 3.20 Aktivitas Edit Price ... 45
Gambar 3.21 Aktivitas Return Item... 46
Gambar 3.22 Aktivitas Close Shop ... 46
Gambar 3.23 Class Diagram Aplikasi ... 47
Gambar 3.24 Rancangan Tampilan Game bagian Index / Awal ... 56
Gambar 3.25 Rancangan Tampilan Game bagian Register ... 57
Gambar 3.27 Rancangan Tampilan Game bagian Character Select ... 58
Gambar 3.28 Rancangan Tampilan Game bagian Create New Character ... 58
Gambar 3.29 Rancangan Tampilan Game bagian Tent ... 59
Gambar 3.30 Rancangan Tampilan Menu Bag ... 60
Gambar 3.31 Rancangan Tampilan Menu Status ... 60
Gambar 3.32 Rancangan Tampilan Menu Skill Book ... 61
Gambar 3.33 Rancangan Tampilan Potions Shop ... 61
Gambar 3.34 Rancangan Tampilan Equipments Shop ... 62
Gambar 3.35 Rancangan Tampilan Menu Enchanting ... 62
Gambar 3.36 Rancangan Tampilan Menu Synthesis ... 63
Gambar 3.37 Rancangan Tampilan Make Item ... 63
Gambar 3.38 Rancangan Tampilan Menu Design ... 64
Gambar 3.39 Rancangan Tampilan Material Selection ... 64
Gambar 3.40 Rancangan Tampilan Storage ... 65
Gambar 3.41 Rancangan Tampilan Marketplace ... 65
Gambar 3.42 Rancangan Tampilan Shop(Guest) ... 66
Gambar 3.43 Rancangan Tampilan Shop (Owner) ... 66
Gambar 3.44 Rancangan Tampilan Floor Selection ... 67
Gambar 3.45 Rancangan Tampilan Floor ... 67
Gambar 3.46 Rancangan Tampilan Battle ... 68
Gambar 3.47 Rancangan Tampilan Inspect Enemy ... 68
Gambar 3.48 Rancangan Tampilan Loot Barang ... 69
Gambar 3.49 Rancangan Tampilan Final Loot (Boss) ... 69
Gambar 4.1 Tampilan Awal Game ... 70
Gambar 4.2 Tampilan Register ... 70
Gambar 4.3 Tampilan Login ... 71
Gambar 4.4 Tampilan Character Select ... 71
Gambar 4.5 Tampilan Create New Character ... 72
Gambar 4.6 Tampilan “Tent” ... 72
Gambar 4.7 Tampilan Menu Bag ... 74
Gambar 4.8 Tampilan Menu Status... 74
Gambar 4.9 Tampilan Menu Skill ... 75
Gambar 4.10 Tampilan Menu Potions Shop ... 75
xii
Gambar 4.12 Tampilan Menu Enchanting ... 76
Gambar 4.13 Tampilan Menu Synthesis ... 77
Gambar 4.14 Tampilan Make Item ... 77
Gambar 4.15 Tampilan Menu Design ... 78
Gambar 4.16 Tampilan Select Material ... 78
Gambar 4.17 Tampilan Menu Storage ... 79
Gambar 4.18 Tampilan Awal Marketplace ... 79
Gambar 4.19 Tampilan Shop (Guest) ... 80
Gambar 4.20 Tampilan Shop (Owner) ... 81
Gambar 4.21 Tampilan Floor Selection ... 81
Gambar 4.22 Tampilan Floor ... 82
Gambar 4.23 Tampilan Battle ... 82
Gambar 4.24 Tampilan Inspect Enemy ... 83
Gambar 4.25 Tampilan Loot Barang ... 83
Gambar 4.26 Tampilan Final Loot (Boss) ... 84
Gambar 5.1 Hasil Kuesioner Soal 1 ... 105
Gambar 5.2 Hasil Kuesioner Soal 2 ... 105
Gambar 5.3 Hasil Kuesioner Soal 3 ... 106
Gambar 5.4 Hasil Kuesioner Soal 4 ... 106
DAFTAR TABEL
Tabel 3.1 Tabel Penjelasan ERD ... 28
Tabel 5.1 Tabel Test Case Login ... 97
Tabel 5.2 Tabel Test Case Membuat Karakter ... 98
Tabel 5.3 Tabel Test Case Fitur Bag ... 98
Tabel 5.4 Tabel Test Case Fitur Status ... 99
Tabel 5.5 Tabel Test Case Fitur Potions Shop ... 99
Tabel 5.6 Tabel Test Case Fitur Equipments Shop ... 100
Tabel 5.7 Tabel Test Case Fitur Enchanting ... 101
Tabel 5.8 Tabel Test Case Fitur Synthesis ... 101
Tabel 5.9 Tabel Test Case Fitur Design ... 102
Tabel 5.10 Tabel Test Case Fitur Storage ... 102
Tabel 5.11 Tabel Test Case Fitur Marketplace ... 103
Tabel 5.12 Tabel Test Case Battle Event ... 104
1
BAB 1.
PENDAHULUAN
1.1 Latar Belakang Masalah
Era teknologi dunia saat ini semakin maju seiring dengan berjalannya waktu mengundang berbagai inovasi-inovasi yang dapat memberikan kemajuan bagi dunia untuk mempermudah sebuah pekerjaan ataupun memberikan hiburan yang baru bagi umat manusia. Membahas tentang teknologi, ada berbagai macam jenis teknologi dan salah satunya adalah teknologi software komputer yang terkait dengan game atau permainan.
Game sudah dibuat bertahun-tahun yang lalu dan memang menjadi salah satu sarana
hiburan untuk setiap manusia yang menyenanginya. Terdapat berbagai macam jenis game 2D maupun 3D dengan genre tertentu yang bisa dimainkan untuk menghabiskan waktu luang seperti game ber-genre Strategy, RPG, Puzzle, Action, Adventure dan lain-lain.
Penelitian ini akan mencoba membuat sebuah game yang bergenre RPG yang dimana
RPG itu sendiri adalah permainan yang mengasumsikan pemain menjadi sebuah peran
tertentu atau grup yang harus menyelesaikan masalah, berinteraksi dengan non-player
characters dan berhubungan dengan pertempuran juga memiliki pengembangan status
yang penting (Orland, Thomas, & Steinberg, 2007). RPG sendiri memiliki beberapa kategori seperti adventure RPG (bersifat petualangan), action RPG (bisa melakukan gerakan fisik tokohnya oleh pemain), dan Turn-Based RPG. Aplikasi game yang akan dibuat adalah RPG berjenis Turn-Based RPG, yang pada sisi battle-nya berhenti menunggu masukkan perintah selanjutnya untuk sebuah aksi secara bergiliran (Orland, Thomas, & Steinberg, 2007), Namun aplikasi game ini tidak seperti RPG biasa, melainkan digabungkan dengan genre board game dari sisi gameplay. Board game yang dimaksud adalah sebuah permainan yang dilakukan di atas media/papan dengan dilengkapi beberapa komponen seperti pion atau bidak yang dapat digerakkan di atas media/papan tersebut (contohnya monopoli / catur).
Game yang akan dibuat berbasis website menggunakan HTML, CSS, Jquery, PHP, dan
tersebut. Game yang akan dibuat menggunakan HTML, CSS, Jquery, PHP, dan MySQL karena setelah game dihosting menjadi website, para pemain tidak harus menginstall
game tersebut seperti game-game pada umumnya, melainkan langsung memainkannya di
browser sehingga memudahkan dan mempercepat para pemain untuk memainkan game
tersebut.
Penelitian ini dibuat untuk menjadi panduan atau bantuan bagi pihak yang ingin mencoba juga membuat sebuah game berbasis website menggunakan HTML dan Javascript serta MySQL sebagai basis datanya serta dapat menambah wawasan pihak tersebut tentang dunia website programming yang sebelumnya dikenal untuk sebuah sistem
informasi,e-commerce, media sosial, dan profil perusahaan saja.
1.2
Rumusan Masalah
Berikut adalah beberapa rumusan masalah yang diperoleh :
1. Bagaimana membuat sistem game yang ber-genre RPG ditambahkan dengan
board-style game.
2. Bagaimana menambahkan animasi dan audio ke dalam game RPG berjenis
Turn-Based RPG.
3. Bagaimana membuat sebuah fitur yang dapat menjembatani sesama player dalam berinteraksi.
1.3 Tujuan Pembahasan
1. Untuk membuat sistem game yang ber-genre RPG ditambahkan dengan board-style
game.
2. Untuk menambahkan animasi dan audio ke dalam game RPG berjenis Turn-Based
RPG.
3. Untuk membuat sebuah fitur yang dapat menjembatani sesama player dalam berinteraksi.
1.4 Ruang Lingkup Kajian
Aplikasi game yang akan dibuat memiliki beberapa ruang lingkup kajian didalam sistemnya, yaitu:
3
4. Untuk sistem bag di dalam game adalah seperti sistem inventori game “Diablo”, dimana tas berupa grid-grid / tabel yang memiliki baris dan kolom serta barang yang ada di dalam tas memiliki kebutuhan baris dan kolom yang beragam dalam penyimpanannya, contoh:
- Senjata membutuhkan slot 2 kolom dan 3 baris pada tas, - Armor membutuhkan slot 2 kolom dan 3 baris pada tas,
- Obat-obatan dan gem serta yang lainnya membutuhkan slot 1 kolom dan 1 baris pada tas.
5. Untuk sistem storage di dalam game tidak bersifat stackable (jika ada barang yang sama, maka hanya kuantitas nya yang ditambahkan tidak membedakan slot barangnya) untuk setiap barang, melainkan sebuah barang menempati satu slot berbeda dalam storage (meskipun barang yang sama).
6. Sistem skill dalam game ini bersifat automatic dengan kata lain setiap skill bisa diperoleh dengan cara pencapaian level tertentu dengan otomatis bukan dengan dipilih sendiri.
7. Untuk mencapai dungeon-level terakhir dalam game, player harus membuka satu per satu level mulai dari yang terendah dengan memakai konsep board-game atau lebih jelasnya adalah ular tangga, dimana player harus mendapatkan angka yang pas untuk mencapai tempat terakhir di setiap dungeon.
8. Di dalam sistem board-game setiap dungeon terdapat berbagai macam event yang dapat merugikan atau menguntungkan terhadap player.
9. Sprites yang dipakai di dalam game adalah sprites yang diambil dari www.google.com bagian image dimana sprites yang dipakai bersifat gratis dan
non-commercial use.
1.5 Metode Penelitian
Metode Penelitian dapat dilakukan dengan beberapa cara : 1. Studi Kepustakaan
Mencari referensi melalui buku-buku, literature, paper, dan sumber lainnya dari media cetak maupun elektronik. Studi Kepustakaan digunakan sebagai sumber data primer dalam pembuatan penelitian ini.
Dilakukan dengan cara melihat langsung game-game website ber-genre turn-based
RPG dan menganalisisnya. Observasi Lapangan dapat menambah sumber informasi
yang dibutuhkan untuk pembuatan penelitian ini. 3. Wawancara
Wawancara dilakukan dengan cara memberikan seperangkat pertanyaan yang ditujukkan pada ahli yang terkait dengan penelitian seperti dosen pembimbing. Wawancara ini dapat melengkapi informasi yang dibutuhkan peneliti dalam membuat penelitian ini.
1.6 Sistematika Penyajian
BAB 1 PENDAHULUAN
Bab ini berisi tentang pendahuluan yang terdiri dari latar belakang, rumusanmasalah, tujuan pembahasan, ruang lingkup kajian, sumber data, serta sistematika penyajian dari proyek tugas akhir ini.
BAB 2 DASAR TEORI
Bab ini membahas teori-teori yang berkaitan dalam penyelesaian proyek tugas akhir ini seperti teori tentang platform yang dipilih (HTML, PHP, Javascript,), pendukung (CSS, Jquery, MySQL), dan pemodelan yang digunakan dalam pembuatan aplikasi (UML). BAB 3 ANALISA DAN PEMODELAN
Bab ini membahas secara lengkap mengenai pemodelan dan diagram alir sistem kerja dari aplikasi, perancangan desain aplikasi, dan penjelasan sistem.
Beberapa hal yang dibahas pada bab ini adalah rancangan permainan yang akan dibuat, desain perangkat lunak seperti: ERD, Use Case Diagram, Activity Diagram, dan Class
Diagram, serta gambaran tampilan dari setiap fitur di dalam permainan.
BAB 4 HASIL IMPLEMENTASI
Bab ini berisi kumpulan screenshot dan digunakan untuk menjelaskan setiap fungsi utama yang dibuat dalam aplikasi.
BAB 5 PENGUJIAN
Bab ini berisi pengujian dan analisa terhadap masing-masing fungsi dari aplikasi. Laporan dari pengujian tiap fungsi / metode yang dibuat dalam metode blackbox testing. BAB 6 SIMPULAN DAN SARAN
109
BAB 6.
SIMPULAN DAN SARAN
6.1 Simpulan
Dari hasil analisis di atas dapat diambil kesimpulan mengenai pengembangan aplikasi Game
yang berjudul “Turn Based Board RPG with HTML, PHP, Javascript & MySQL”, antara
lain:
1. Sistem game yang ber-genre Turn-Based RPG ditambahkan dengan board-style
game dapat digabungkan menjadi sebuah game yang bervariasi menghasilkan
sebuah game jenis baru dengan kerangka konsep game layaknya game RPG memiliki level, role, dan status serta gameplay yang berupa board-game (berjalan dengan mengocok angka).
2. Animasi dan Audio yang terdapat di dalam game berbasis website ini dapat di implementasikan namun masih ada beberapa browser yang belum bisa support animasi dan audio tersebut contohnya adalah browser internet explorer versi 6 kebawah atau browser bawaan pada mobile.
3. Peranan JQuery Ajax untuk membuat game berbasis website sangat penting guna melakukan request in background tanpa harus refresh halaman website sehingga dapat melakukan pengambilan data tertentu saja dari server (tidak harus mengambil data-data lain yang memang tidak perlu diambil kembali).
4. Fitur chatting dan shop dapat menjembatani komunikasi antar pemain di dalam
game karena dengan chatting setiap pemain dapat berbicara satu sama lain dan untuk
shop pemain dapat berinteraksi dengan membeli item di shop pemain lain.
5. Dari hasil kuesioner yang disebarkan dapat diperoleh kesimpulan dimana game yang dibuat sudah memenuhi standar game pada umumnya dari sisi fungsionalitas, tampilan dan juga gameplay namun ada beberapa hal yang harus diperhatikan untuk semakin ditingkatkan baik dari sisi grafis serta variasi di dalam game tersebut.
6.2 Saran
1. Fitur PVP yang dapat memungkinkan pertarungan antara player yang dilengkapi sistem
ranking untuk menciptakan persaingan antar player di dalam permainan dengan reward
untuk setiap karakter di peringkat teratas (misalnya peringkat 1-10).
2. Sistem Real-Time Raid yang dapat memungkinkan player membentuk sebuah tim yang dapat melakukan penyerangan terhadap level tertentu yang membutuhkan 5-10 player untuk menyelesaikannya. Di dalam sistem ini keuntungan player adalah kemungkinan mendapatkan item-item rare atau bahkan legend dari boss-boss yang ada.
3. Sistem guild yang dapat memungkinkan player membentuk sebuah grup kumpulan dari
player-player yang dapat memakai fitur-fitur sistem guild tersebut. Tujuannya adalah
