Embed Size (px)
Citation preview
32
BAB 3
ANALISIS DAN PERANCANGAN
3.1. Analisis Game
3.1.1. Analisis Pengguna
Analisa terhadap user menggunakan kuisioner yang ditujukan kepada
200 orang. Kuisioner berisi pertanyaan sebanyak 16 pertanyaan dan
memiliki 4 jawaban yang berbeda-beda. Pertanyaan-pertanyaannya adalah
sebagai berikut :
1. Tujuan utama anda bermain game berbasis web?
a. Komunitas
b. Have Fun
c. Hobby
Gambar 3.1 Hasil Pertanyaan 1
33
Hasil pertanyaan ke 1 menunjukkan bahwa sebanyak 61,5%
memilih sebagai hiburan.
2. Jenis game apakah yang anda sering mainkan?
a. Strategi (Ex. Demigod, Warcraft, DOTA)
b. RPG / Role Playing Game (Ex. Lineage, RAN, Cabal Online)
c. FPS / First Person Shooter (Ex. COD 4, CS, Crysis)
d. Simulator / Simulasi (Ex. Ms Flight Simulator, Sims)
Gambar 3.2 Hasil Pertanyaan 2
Hasil pertanyaan ke 2 menunjukkan bahwa sebanyak 57% memilih
jenis game strategi.
3. Apakah yang menjadi unsur penting dalam sebuah game online berbasis
web?
a. Desain tampilan
34
b. Gamelay
c. Tampilan dan Gameplay
d. Apapun
Gambar 3.3 Hasil Pertanyaan 3
Hasil pertanyaan menunjukkan sebanyak 64,5% memilih gameplay
sebagai unsur terpenting.
4. Apakah diperlukan unsur audio dalam game online berbasis web?
a. Tidak
b. Perlu
35
Gambar 3.4 Hasil Pertanyaan 4
Hasil pertanyaan ke 4 menunjukkan sebanyak 58,5% memilih perlu
adanya suara dalam game berbasis web.
5. Apa saja unsur yang diperlukan dalam setiap karakter pada game online
berbasis web?
a. Inteligent, Strength, Agility, Karma, Gold, HP, damage
b. HP dan Gold
c. HP dan damage
d. Gold, HP dan damage
36
Gambar 3.5 Hasil Pertanyaan 5
Hasil pertanyaan ke 5 menunjukkan bahwa sebanyak 76%
memilih jawaban A sebagai unsur yang diperlukan dalam setiap karakter
pada game online berbasis web.
6. Bagaimanakah penggolongan karakter dalam game yang anda sukai?
a. Individualis (Pemilihan karakter bebas tanpa ada ras)
b. Berdasarkan ras atau bangsa (Tiap bangsa memiliki karakter dan
statistik yang berbeda-beda)
c. Satu ras satu karakter
37
Gambar 3.6 Hasil Pertanyaan 6
Hasil pertanyaan ke 6 menunjukkan sebanyak 86,5% memilih
jawaban pembagian berdasarkan ras atau bangsa.
7. Game online berbasis web seperti apakah yang anda inginkan?
a. Akses cepat
b. Desain menarik
c. Jalan cerita menarik
d. Karakter menarik
38
Gambar 3.7 Hasil Pertanyaan 7
Hasil pertanyaan ke 7 meunjukkan sebanyak 51% pemilih memilih
jalan cerita yang menarik.
8. Media seperti apakah yang dibuat untuk komunikasi antar user dalam
game online berbasis web?
a. Forum
b. Chat Room
c. Tidak Perlu
39
Gambar 3.8 Hasil Pertanyaan 8
Hasil pertanyaan ke 8 menunjukkan sebanyak 51,5% memilih chat
room sebagai media komunikasi antar user.
9. Apakah diperlukan perbedaan gender pada karakter?
a. Perlu
b. Tidak
40
Gambar 3.9 Hasil Pertanyaan 9
Hasil pertanyaan ke 9 menunjukkan sebanyak 60% memilih
perlunya perbedaan gender pada game online berbasis web.
10. Koneksi internet apa yang anda gunakan pada saat ini?
a. Dial up
b. ADSL
c. Wireless
d. Broadband
41
Gambar 3.10 Hasil Pertanyaan 10
Hasil pertanyaan ke 10 menunjukkan bahwa sebanyak 55,5%
memilih koneksi ADSL sebagai tipe koneksi internet.
11. Browser apa yang sering anda gunakan?
a. Safari
b. Firefox
c. Internet Explorer
d. Opera
42
Gambar 3.11 Hasil Pertanyaan 11
Hasil pertanyaan ke 11 menunjukkan bahwa 91% memilih Firefo x
sebagai web browser.
12. Apa yang membuat anda tertarik pada game online berbasis web?
a. Battle dengan orang banyak
b. Komunitas
c. Low Spec Requirement
d. Menyenangkan
43
Gambar 3.12 Hasil Pertanyaan 12
Hasil pertanyaan ke 12 menunjukkan sebanyak 42,5% memilih
Battle sebagai hal yang paling menarik.
13. Apakah anda menginginkan fitur kustomisasi karakter?
a. Sangat suka
b. Tidak suka
c. Repot
44
Gambar 3.13 Hasil Pertanyaan 13
Hasil pertanyaan ke 13 menunjukkan sebanyak 57% pemilih
memilih suka terhadap kustomisasi karakter.
14. Apakah pelayanan terhadap pengguna diperlukan?
a. Ya
b. Tidak
45
Gambar 3.14 Hasil Pertanyaan 14
Hasil pertanyaan ke 14 menunjukkan bahwa sebanyak 88,5%
memilih perlunya ada pelayanan terhadap pengguna.
15.Apakah anda tertarik dengan game online berbasis web dengan tema
petualangan angkasa?
a. Tertarik
b. Kurang Menarik
46
Gambar 3.15 Hasil Pertanyaan 15
Hasil pertanyaan ke 15 menunjukkan bahwa sebanyak 93,5 %
tertarik pada game bertema petualangan luar angkasa.
16. Jika spaceXplorer diluncurkan, apakah anda tertarik untuk mencoba?
a. Ya
b. Tidak
47
Gambar 3.16 Hasil Pertanyaan 16
Hasil pertanyaan ke 16 menunjukkan antusiasme subyek survey
sebanyak 98% untuk mencoba game online berbasis web spaceXplorer.
Berikut adalah jawaban yang paling banyak dipilih oleh peserta
kuesioner.
Tabel 3.1 Persentase Jawaban Terbanyak
No Pertanyaan
Jawaban
Terbanyak Presentase
1
Tujuan utama bermain game online
berbasis web? Kesenangan 61,50%
2
Jenis game apakah yang sering anda
mainkan? Strategi 57%
3 Apakah unsur penting dalam game Gameplay 64,50%
48
online berbasis web?
4
Apakah perlu unsur audio dalam game
online berbasis web? Perlu 58,50%
5
Apa saja unsur yang perlu dalam setiap
karakter pada game?
Inteligent
Strength, Agility,
Karma, Gold, HP,
damage 76%
6
Bagaimana penggolongan karakter
dalam game? Ras dan Bangsa 86,50%
7
Game online berbasis web apa yang
anda inginkan?
Jalan cerita
menarik 51%
8
Media seperti apakah yang dibuat untuk
komunikasi antar user? Chat Room 51,50%
9
Apakah diperlukan perbedaan gender
pada karakter? Perlu 60%
10
Koneksi internet apa yang anda
gunakan saat ini? ADSL 55,50%
11 Browser apa yang sering anda gunakan? Firefox 91%
12
Apa yang membuat anda tertarik pada
game berbasis web? Battle 42,50%
13
Apakah anda menginginkan fitur
kustomisasi karakter? Sangat suka 57,90%
49
14
Apakah pelayanan terhadap pengguna
diperlukan? Ya 88,50%
15
Apakah anda tertarik dengan game
bertema petualangan luar angkasa? Tertarik 93,50%
16 Apakah tertarik dengan spaceXplorer? Ya 98%
3.1.2. Analisis Game Online Berbasis Web yang Sejenis.
Berikut dibawah ini adalah contoh game berbasis web yang sejenis.
Gladiatus (www.gladiatus.com)
Gambar 3.17 Gladiatus.
Gladiatus adalah salah satu contoh game berbasis web bergenre
strategi. Pemain dapat memilih jenis job yang diinginkan sesuai dengan
karakter yang dipilih saat registrasi awal. Disini, pemain dapat
50
mengkustomisasi karakter dengan membeli peralatan dan membeli senjata.
Pemain harus bertarung dengan karakter dari pemain lain untuk
menambahkan poin experience, level serta uang.
Fitur-fitur yang ditawarkan pada Gladiatus adalah sebagai berikut :
- MMOG interaktif
- Sistem drag and drop pada pengaturan karakter.
- Sistem bertarung satu lawan satu atau duel
- Dapat membuat atau bergabung dengan Guild (Kelompok)
- Dapat memilih lokasi berpetualang melalui map tersedia
- Dapat memilih bahasa yang akan digunakan
3.2. Perancangan Game
3.2.1. Penjelasan Permainan SpaceXplorer
A. Informasi Umum
SpaceXplorer adalah pemainan berbasis web dengan menggunakan
web browser yang termasuk kedalam tipe permaian strategi. Permainan
ini berpusat pada interaksi antara pemain-pemain lain dan monster-
monster yang dikontrol oleh skrip kecerdasan buatan (AI) yang dapat
melawan pemain-pemain yang menantangnya.
Dalam permainan ini, pemain akan menjadi seseorang petualang
angkasa yang disebut sebagai SpaceXplorer. Pemain dapat memilih
karakter sesuai dengan ras atau bangsa yang ada. Dalam permainan ini
terdapat beberapa karakter-karakter pendukung dalam cerita. Seperti Um
Ra Matzu sang pencerita dan Karakter-karakter pendukung lainnya.
51
Dibawah ini, dijelaskan penjelasan-penjelasan yang terdapat pada
game SpaceXplorer.
a. Ras
- GRAZON
Dalam permainan ini, Grazon dijelaskan sebagai bangsa
mekanik yang asalnya belum diketahui. Seseorang pencerita
bernama Um Ra Matzu menceritakan bahwa ras Grazon
berasal dari sebuah planet yang seluruh permukaannya
mengkilap bagaikan kaca. Pada suatu zaman, planet tersebut
terhantam sebuah komet dengan kecepatan tinggi dan hancur
dengan menimbulkan ledakan yang sangat besar. Kilauan dari
ledakan tersebut tidak menghilang selama lima ratus tahun.
Saat sisa ledakan tersebut perlahan menghilang, muncullah ras
Grazon ini. Ciri-ciri mereka adalah bentuk tubuh yang seperti
robot, gerakan lincah dan insting mesin mereka yang sangat
luar biasa membuat mereka disebut Extraterestrial Exoskeletal
yang sangat cerdas.
- CURIS
Dalam permainan ini, Curis dijelaskan sebagai ras biologis
yang berasal dari Gugusan Bintang Umna Banu, atau Tata
Surya Hijau (Green Form Solar System). Mereka merupakan
bangsa yang mencintai perdamaian dan tidak menyukai
pertikaian. Kecerdasan merupakan kelebihan mereka. Bentuk
52
tubuh yang unik dan arsitektur bangunan mereka yang unik
merupakan ciri mereka. Mereka selalu mengucapkan salam
saat satu sama lain bertemu. Salam tersebut berbunyi : “Uman
Haga!!” atau berarti : “Halo Saudara!!”.
- SCORAX
Dalam permainan ini, Scorax merupakan salah satu bangsa
biologis yang berasal dari pecahan tata surya biru. Planet
mereka dinamakan Bumi atau Planet Biru telah hancur karena
terhantam asteroid yang jalur orbitnya terhalang planet
mereka. Mereka melakukan migrasi besar-besaran ke tata
surya Scorax atau dikenal dengan Coloni Bintang Merah (Red
Star Colony). Ras Scorax adalah kaum yang dikenal dengan
kekuatannya yang melebihi bangsa lainnya. Kendaraan tempur
dan senjata mereka adalah kelebihan mereka. Dalam
permainan ini. Mereka adalah manusia.
- PORMEDION
Dalam permainan ini, Pormedion merupakan salah satu
bangsa biologis yang memiliki kelincahan dan kecepatan yang
sangat luar biasa. Mereka masih satu ras dengan ras Scorax.
Mereka adalah bangsa Scorax yang dapat memanggil black
hole. Namun, mereka terhisap kedalam black hole tersebut
dan terperangkap di Galaksi Pormedion. Maka dari itu mereka
disebut Ras Pormedion. Tubuh mereka seperti ras Scorax
53
namun jauh lebih ramping karena pengaruh planet yang
mereka tempati.
- FROK
Dalam permainan ini, Frok merupakan bangsa yang paling
unik. Mereka merupakan bangsa Liquid yang sangat langka.
Mereka menghuni planet Frokas yang seluruh permukaannya
adalah cairan. Mereka hidup dalam pakaian khusus yang
melindungi diri mereka pada planet bergravitasi tinggi.
Pakaian yang mereka gunakan bernama Particle Suite.
Keahlian mereka yang dapat membuat apapun menjadi cair
adalah kemampuan utama mreka.
- GRUPAZOID
Ras yang akan muncul pada saat cerita dalam permainan
mendekati selesai. Ras ini akan berusaha untuk
menghancurkan ras-ras lain demi menguasai galaksi.
Keluarnya ras ini bertujuan agar ras-ras lain bersatu melawan
ras ini menuju kemenangan dan perdamaian. Saat ras ini dapat
terkalahkan, cerita episode pertama telah selesai dan game
SpaceXplorer direset. Bagi pemain yang menduduki peringkat
20 teratas yang paling banyak mengalahkan ras ini akan
mendapatkan Badge Special Forces dan BP ekstra. Ras ini
dimainkan oleh Administrator.
b. Jalan Cerita
54
Episode 1 SpaceXplorer dijelaskan sebagai berikut :
- The Begining of Broken Star War
Broken Star War bermula saat pecahnya invasi bangsa Grazon
kepada ras Curis karena ulah seorang komandan dari ras
Grazon. Komandan ini membunuh Raja Tertinggi Curis yang
menyebabkan pecahnya perang Broken Star War. Tanpa
sengaja, perang ini membesar dan melibatkan ras-ras lainnya
hingga menjadi perang yang sangat besar. Masa ini
berlangsung selama 3 bulan server.
- The Maximum Limit of Broken Star War
Banyak terjadi duel besar-besaran antar ras. Banyak terjadi
batalyon war antar ras. Masa ini berlangsung selama 1 bulan
waktu server.
- The Final Battle
Pada masa ini, muncul ras misterius yang bernama Grupazoid.
Ras yang memiliki kekuatan perang yang luar biasa. Masa ini
merupakan masa terakhir episode 1. Semua ras harus bahu
membahu mengalahkan ras ini. Setelah ras ini habis,
perdamaian akan terjalin sesama ras. Dan pada saat bersamaan
game statistik pada BP direset oleh administrator. Pemain
yang menduduki peringkat 20 besar yang paling banyak
mengalahkan ras Grupazoid mendapatkan penghargaan berupa
Badge Space Forces dan BP ekstra.
55
Berikut dijelaskan melaui chart jadwal episode 1 SpaceXplorer.
Fase 1, Episode 1 SpaceXplorer
-------------------------The Begining of Broken Star War
Fase 2, Episode 1 SpaceXplorer
-------------------------The Maximum Limit of Broken
Star War
Fase 3, Episode 1 SpaceXplorer
-------------------------The Final Battle
Fase 4, Episode 1 SpaceXplorer
-------------------------The Victory of a
new Era
3 bulan waktu server
2 bulan waktu server
1 bulan waktu server
Perang Besar-besaran antar ras
Lahirnya Ras Grupazoid
Reset Game dan Pemberian Badge
Gambar 3.18 Episode 1 SpaceXplorer
B. Konsep Dasar
Pemain mengembangkan karakter yang mereka pilih hingga memiliki
statistik atau kemampuan yang tinggi. Pemain dapat bergabung dengan
kumpulan atau clan dengan pemain-pemain lainnya. Pemain dapat
membeli peralatan dan konsumsi yang dibutuhkan dalam bermain pada
halaman space store yang telah disediakan. Pemain dapat menantang
pemain lain untuk duel pada halaman duel yang telah disediakan. Pemain
dapat bergabung atau mengikuti batalyon war pada annoucement yang
disediakan oleh administrator. Hanya pemain dengan bangsa yang sama
saja yang boleh mengikuti batalyon war. Misalkan Curis vs Grazon,
maka hanya pemain dengan bangsa Curis dan Grazon saja yang boleh
mendaftar. Pemain juga dapat berburu monster-monster kecil dengan
bebas pada planet-planet tertentu.
C. Latar Cerita
56
Latar cerita yang dipilih adalah luar angkasa dengan zaman yang
sudah maju. Zaman dimana bumi telah porak poranda dan manusia
terpecah belah. Terdapat jenis-jenis makhluk dengan kecerdasan yang
sama dengan manusia bahkan melebihi. Bangsa yang saling bermusuhan
antara satu sama lain. Makhluk-makhluk extraterestrial ini dapat
menjelajahi luar angkasa dengan teknologi mereka masing-masing yang
sangat maju. Peradaban antar galaksi yang menjadi pilihan warna
kehidupan dalam permainan ini.
D. Tujuan Utama
Tujuan utama atau misi utama permainan ini adalah terciptanya
kedamaian pada kehidupan antar galaksi dengan mengalahkan bangsa
penghancur yang akan muncul pada fase ke-3 episode pertama
permainan ini. Seluruh bangsa yang berperang satu sama lain akan
membuat koalisi atau persatuan dengan bangsa-bangsa lain demi
mengalahkan bangsa penghancur yang datang. Setelah bangsa
penghancur tersebut dikalahkan, maka selesailah episode pertama
permainan ini. Dan kemudian akan muncul jalan cerita baru pada episode
kedua.
E. Gameplay
Pemain yang ingin memainkan permainan ini sebelumnya harus
registrasi terlebih dahulu pada menu registrasi. Pada saat registrasi,
pemain akan menentukan bangsa apa yang akan ia pilih dan karakter
57
yang mana yang akan ia mainkan. Jika registrasi selesai, pemain akan
mendapatkan karakter sesuai dengan pilihan yang dipilih pada saat
registrasi. Karakter dengan satistik level 1 dan default resource yang
sebelumnya telah ditentukan oleh kami sesuai dengan jenisnya masing-
masing. Seiring dengan berjalannya waktu dan aktivitas pemain dalam
memainkan karakternya, karakter yang dimainkan akan terus
berkembang. Perlengkapan yang semakin banyak dan statistik yang
bermacam-macam (sesuai dengan jalan yang dipilih pemain) serta
kekayaan yang berbeda-beda. Pemain dapat membeli sesuatu pada toko
yang disediakan dengan BP-nya masing-masing. Atau bahkan menjual
perlengkapan yang dimiliki. Pemain dapat berburu monster-monster
dengan menjelajahi galaksi yang ada pada peta galaksi.
Pemain dapat mengajak duel pemain lain den mengikuti batalyon
war. Keseluruhan cerita permainan akan direset pada fase ke-4 episode
pertama dimana bangsa penghancur telah dimusnahkan oleh koalisi
bangsa yang saling bersatu untuk mengalahkan mereka.
3.2.2. Komponen Permainan
Pemain dalam SpaceXplorer dibedakan menurut levelnya masing-
masing. Level tersebut didapat sesuai dengan jumlah experience per-level.
Poin experience tersebut didapat dengan cara hunt creep yang ada pada tiap-
tiap planet yang tersedia pada peta yang terdapat pada halaman utama dan
mengikuti event “Batalyon War”. Berikut adalah leveling tree yang ada pada
SpaceXplorer.
58
• Grazon Race leveling tree
Gambar 3.19 Grazon Leveling Tree
• Curis Race leveling tree
Gambar 3.20 Curis Leveling Tree
59
• Pormedion Race leveling tree
Gambar 3.21 Pormedion Leveling Tree
• Frok Race leveling tree
Gambar 3.22 Frok Leveling Tree
60
• Scorax Race leveling tree
Gambar 3.23 Scorax Leveling Tree
SpaceXplorer memiliki beberapa pendukung dalam permainan.
Diantanya adalah :
a. Ras (bangsa)
SpaceXplorer memiliki lima bangsa atau ras yang dapat dipilih
oleh pemain. Pemain bebas memilih ras apa yang akan mereka
mainkan. Setiap ras memiliki ciri khas tersendiri. Ras-ras tersebut
diantara lain adalah :
- GRAZON
Dalam permainan ini, Grazon dijelaskan sebagai bangsa
mekanik yang asalnya belum diketahui. Seseorang pencerita
bernama Um Ra Matzu menceritakan bahwa ras Grazon
berasal dari sebuah planet yang seluruh permukaannya
61
mengkilap bagaikan kaca. Pada suatu zaman, planet tersebut
terhantam sebuah komet dengan kecepatan tinggi dan hancur
dengan menimbulkan ledakan yang sangat besar. Kilauan dari
ledakan tersebut tidak menghilang selama lima ratus tahun.
Saat sisa ledakan tersebut perlahan menghilang, muncullah ras
Grazon ini. Ciri-ciri mereka adalah bentuk tubuh yang seperti
robot, gerakan lincah dan insting mesin mereka yang sangat
luar biasa membuat mereka disebut Extraterestrial Exoskeletal
yang sangat cerdas.
- CURIS
Dalam permainan ini, Curis dijelaskan sebagai ras biologis
yang berasal dari Gugusan Bintang Umna Banu, atau Tata
Surya Hijau (Green Form Solar System). Mereka merupakan
bangsa yang mencintai perdamaian dan tidak menyukai
pertikaian. Kecerdasan merupakan kelebihan mereka. Bentuk
tubuh yang unik dan arsitektur bangunan mereka yang unik
merupakan ciri mereka. Mereka selalu mengucapkan salam
saat satu sama lain bertemu. Salam tersebut berbunyi : “Uman
Haga!!” atau berarti : “Halo Saudara!!”.
- SCORAX
Dalam permainan ini, Scorax merupakan salah satu bangsa
biologis yang berasal dari pecahan tata surya biru. Planet
mereka dinamakan Bumi atau Planet Biru telah hancur karena
62
terhantam asteroid yang jalur orbitnya terhalang planet
mereka. Mereka melakukan migrasi besar-besaran ke tata
surya Scorax atau dikenal dengan Coloni Bintang Merah (Red
Star Colony). Ras Scorax adalah kaum yang dikenal dengan
kekuatannya yang melebihi bangsa lainnya. Kendaraan tempur
dan senjata mereka adalah kelebihan mereka. Dalam
permainan ini. Mereka adalah manusia.
- PORMEDION
Dalam permainan ini, Pormedion merupakan salah satu
bangsa biologis yang memiliki kelincahan dan kecepatan yang
sangat luar biasa. Mereka masih satu ras dengan ras Scorax.
Mereka adalah bangsa Scorax yang dapat memanggil black
hole. Namun, mereka terhisap kedalam black hole tersebut
dan terperangkap di Galaksi Pormedion. Maka dari itu mereka
disebut Ras Pormedion. Tubuh mereka seperti ras Scorax
namun jauh lebih ramping karena pengaruh planet yang
mereka tempati.
- FROK
Dalam permainan ini, Frok merupakan bangsa yang paling
unik. Mereka merupakan bangsa Liquid yang sangat langka.
Mereka menghuni planet Frokas yang seluruh permukaannya
adalah cairan. Mereka hidup dalam pakaian khusus yang
melindungi diri mereka pada planet bergravitasi tinggi.
63
Pakaian yang mereka gunakan bernama Particle Suite.
Keahlian mereka yang dapat membuat apapun menjadi cair
adalah kemampuan utama mreka.
b. Dunia
Latar yang ada pada SpaceXplorer memiliki pengaturan yang
berbeda. Setiap rasnya memiliki gugusan planet sendiri-sendiri.
Berikut adalah dunia-dunia yang ada pada SpaceXplorer :
• Scorax Galaxy
Merupakan gugusan planet tempat ras Scorax bermukim.
Karakteristik gugusan planet yang berwarna merah
merupakan latar yang dipilih untuk ras ini.
• Green Form Planet
Gugusan planet yang berwarna hijau merupakan pilihan untuk
latar ras Curis.
• Pormedion Star System
Gugusan tata surya keemasan yang menjadi latar belakang
bangsa Pormedion.
• Froksenz Planet System
Tata surya biru terang yang menjadi latar tata surya untuk
bangsa Frok.
• Silver Star System
Gugusan bintang perak yang menjadi latar untuk bangsa
Grazon.
64
c. Space Store (toko)
SpaceXplorer menyediakan fungsi interaktif bagi pengguna
dalam mengatur karakter yang dimainkan dengan menyediakan
Space Store. Space Store dapat dikategorikan sebagai toko dalam
kehidupan sehari-hari. Pada space store, terdapat barang-barang
yang dapat dibeli. Barang-barang tersebut dibedakan menjadi dua
jenis, diantaranya adalah :
- Consumeable (barang yang dapat dikonsumsi)
Merupakan, barang-barang yang dapat dikonsumsi oleh
karakter. Beberapa barang yang ada pada toko ini antara lain :
1. HP Boost : Mengisi HP penuh.
2. Karma Boost : Memulihkan poin karma.
3. HP Healer : Mengisi HP 50% penuh.
- Equipment (barang-barang non-konsumsi)
Merupakan, barang-barang non-konsumsi. Kategori ini dapat
digunakan untuk meningkatkan status dari pemain. Baik
semipermanen, maupun permanen. Beberapa barang yang ada
pada kategori ini adalah :
1. Upper Armor : Perlengkapan perlindungan bagian tubuh
atas.
2. Lower Armor : Perlengkapan perlindungan bagian tubuh
bawah.
65
3. Helmet : Perlengkapan perlindungan bagian kepala
4. Weapon : Senjata.
5. Private Droid : Robot yang dapat dipelihara.
d. Pesawat Transpor
Kendaraan yang digunakan untuk menjelajahi luar angkasa.
Memiliki biaya-biaya tertentu untuk planet-planet tujuan tertentu.
e. Private Pod
Merupakan barang non konsumsi tambahan. Barang ini memiliki
karakteristik seperti hewan peliharaan. Tergantung dengan jenis
dan karakter pod, status pemiliknya dapat bertambah.
3.2.3. Fitur permainan.
SpaceXplorer merupakan sebuah game berbasis web yang mengajak
para pecinta permainan berbasis web untuk bermain dalam tema luar
angkasa. Para pemain yang telah terdaftar dapat dengan bebas menjelajahi
peta luar angkasa yang telah disediakan. Pemain juga dapat berbicara satu
sama lain dengan fitur chat yang telah disediakan. Pemain dapat berinteraksi
dengan pemain lain dan juga dapat bekerja sama dalam menyelesaikan suatu
event.
3.3. Perancangan Sistem
3.3.1. Use Case
66
a. SpaceXplorer
Dibawah ini adalah use case yang digunakan pada SpaceXplorer.
Gambar 3.24 SpaceXplorer Use Case
67
Pada use case diatas dapat dilihat aktivitas-aktivitas yang dapat
dilakukan oleh user maupun administrator. Aktivitas-aktivitas diatas
dijelasakan secara singkat dibawah ini.
1. Aktivitas User
a. Registration
User pada aksi ini meng-input beberapa data yang diminta oleh
aplikasi yang nantinya akan disimpan di dalam sistem basis
data yaitu : fullname (nama lengkap), username (username
digunakan untuk proses login), password (password digunakan
untuk proses login), repeat password (pengulangan input
password), email, choose your colony (user dapat memilih
colony yang disukai), input number (user diminta memasukkan
validation number yang tertera).
b. Login
User pada aksi ini meng-input username dan password yang
telah didaftarkan sebelumnya pada aksi registrasi, jika terdapat
kesalahan pada saat user menginput username dan password,
maka aplikasi secara otomatis akan memberikan pesan
kesalahan kepada user bahwa username dan password yang
dimasukkan tidak sesuai dengan username dan password yang
ada pada sistem basis data pada aplikasi.
c. Logout
68
User pada aksi ini membersihkan status aktif user pada sistem
basis data. Jika user ingin menggunakan aplikasi kembali maka
user harus melakukan aksi login terlebih dahulu.
d. Hunt
User pada aksi ini dapat melakukan pertarungan melawan
creep-creep yang sesuai dengan level karakter user. Jika user
dapat mengalahkan creep maka user akan mendapatkan
experience yang berguna untuk menaikkan level karakter user
dan user juga akan mendapatkan broer point yang berguna
untuk membeli consumable item pada halaman consumable
store atau untuk membeli equipment item pada halaman
equipment store. Tapi jika user tidak dapat mengalahkan creep
maka experience yang dimiliki user akan berkurang.
e. Duel
User pada aksi ini dapat melakukan pertarungan melawan user
lainnya yang sedang berada pada halaman duel. User yang
memenangkan pertarungan akan mendapatkan fame dari user
yang kalah.
f. Batalyon War
User pada aksi ini dapat mendaftarkan diri untuk mengikuti
perang antar bangsa. User mendaftarkan karakternya pada
event Batalyon War yang telah didaftarkan oleh Administrator.
69
Hanya karakter dengan ras yang terdaftar saja yang boleh
bergabung Batalyon War.
g. Colony Base
User pada aksi ini dapat menjelajahi planet, setiap planet
dihuni oleh boss. Jika user telah memilih planet untuk malawan
boss maka user akan diarahkan ke aksi hunt boss.
h. Hunt Boss
User pada aksi ini dapat melakukan pertarungan melawan boss
yang telah dipilih oleh user pada halaman Colony Base. Jika
user dapat mengalahkan boss maka user akan mendapatkan
experience yang berguna untuk menaikkan level karakter user
dan user juga akan mendapatkan broer point yang berguna
untuk membeli consumable item pada halaman consumable
store atau untuk membeli equipment item pada halaman
equipment store. Tapi jika user tidak dapat mengalahkan creep
maka experience yang dimiliki user akan berkurang.
i. Consumeable Store
User pada aksi ini melakukan pembelian consumable item yang
berguna untuk memulihkan sebagian atau keseluruhan hp
maupun karma user. Pemulihan hp atau karma ditentukan
berdasarkan item yang dibeli oleh user. User harus memiliki
jumlah broer point yang dibutuhkan untuk membeli item yang
ingin dibeli, jika user tidak memiliki jumlah broer point yang
70
dibutuhkan maka user tidak akan dapat membeli item yang
diinginkan.
j. Equipment Store
User pada aksi ini melakukan pembelian equipment item yang
nantinya equipment item tersebut dipasang sesuai pada bagian
tubuh karakter user. Equipment item yang dipasang dapat
menambah daya tahan dan daya serang bertarung karakter user.
Equipment item yang dapat dibeli adalah helm, upper armor,
lower armor, shield, weapon dan pet. User harus memiliki
jumlah broer point yang dibutuhkan untuk membeli item yang
ingin dibeli, jika user tidak memiliki jumlah broer point yang
dibutuhkan maka user tidak akan dapat membeli item yang
diinginkan.
k. Download Area
User pada aksi ini dapat mengunduh wallpaper yang telah
tersedia.
l. Character Setting
User pada aksi ini dapat melihat equipment item yang telah
dibeli pada aksi equipment store. User dapat memasang
equipment item yang sesuai untuk karakter user. User juga
dapat menjual equipment item yang telah dibeli pada aksi
equipment store.
m. Chat Player
71
User pada aksi ini berinteraksi dengan user lain pada halaman
chat menu.
2. Aktivitas Administrator
a. Login
Admin pada aksi ini meng-input username dan password, jika
terdapat kesalahan pada saat admin menginput username dan
password, maka aplikasi secara otomatis akan memberikan
pesan kesalahan kepada admin bahwa username dan password
yang dimasukkan tidak sesuai dengan username dan password
yang ada pada sistem basis data pada aplikasi.
b. Logout
Admin pada aksi ini membersihkan status aktif admin pada
sistem basis data. Jika admin ingin menggunakan aplikasi
kembali maka admin harus melakukan aksi login terlebih
dahulu.
c. Hunt
Admin pada aksi ini dapat menambah creep baru dengan meng-
input beberapa data yang diminta oleh aplikasi yang nantinya
akan disimpan di dalam sistem basis data yaitu : Name (nama
creep), level (level creep), armor (armor creep), damage
(damage creep), hp (hp creep), exp gained (experience yang
nantinya didapat oleh user), Broer Gained (Broer yang
72
nantinya didapat oleh user), Image (gambar creep). Admin pada
aksi ini juga dapat menghapus creep. Selain itu admin juga
dapat meng-edit creep dengan memilih terlebih dahulu creep
mana yang ingin di-edit, selanjutnya admin mengubah inputan
beberapa data yang diminta oleh aplikasi yang nantinya akan
disimpan di dalam sistem basis data yaitu : Name (nama creep),
level (level creep), armor (armor creep), damage (damage
creep), hp (hp creep), exp gained (experience yang nantinya
didapat oleh user), Broer Gained (Broer yang nantinya didapat
oleh user), Image (gambar creep).
d. Batalyon War
Admin pada aksi ini dapat membuat jadwal event “Batalyon
War”. Admin menentukan tanggal pelaksanaan, dan
menentukan ras apa saja yang akan dijadikan persyaratan.
e. Colony Base
Admin pada aksi ini dapat menambahkan suatu lokasi atau
objek dalam peta. Menampilkan berita-berita terbaru seputar
ras.
f. Consumeable Store
Admin pada aksi ini dapat menambah consumable item baru
dengan meng-input beberapa data yang diminta oleh aplikasi
yang nantinya akan disimpan di dalam sistem basis data yaitu :
Name (nama consumable), description (deskripsi consumable),
73
price (harga consumable), hp (hp consumable), karma (karma
consumable), image (gambar consumable). Admin pada aksi ini
juga dapat menghapus consumable item. Selain itu admin juga
dapat meng-edit consumable item dengan memilih terlebih
dahulu consumable item mana yang ingin di-edit, selanjutnya
admin mengubah inputan beberapa data yang diminta oleh
aplikasi yang nantinya akan disimpan di dalam sistem basis
data yaitu : Name (nama consumable), description (deskripsi
consumable), price (harga consumable), hp (hp consumable),
karma (karma consumable), image (gambar consumable).
g. Equipment Store
Admin pada aksi ini dapat menambah equipment item baru
dengan meng-input beberapa data yang diminta oleh aplikasi
yang nantinya akan disimpan di dalam sistem basis data yaitu :
Name (nama equipment), description (deskripsi equipment),
price (harga equipment), armor (armor equipment), damage
(damage equipment), agi (agi equipment), str (str equipment),
int (int equipment), max hp (maksimal hp equipment), max
karma (maksimal karma equipment), colony (colony yang
dapat memakai equipment), Image (gambar equipment). Admin
pada aksi ini juga dapat menghapus equipment. Selain itu
admin juga dapat meng-edit equipment item dengan memilih
terlebih dahulu equipment item mana yang ingin di-edit,
74
selanjutnya admin mengubah inputan beberapa data yang
diminta oleh aplikasi yang nantinya akan disimpan di dalam
sistem basis data yaitu : Name (nama equipment), description
(deskripsi equipment), price (harga equipment), armor (armor
equipment), damage (damage equipment), agi (agi equipment),
str (str equipment), int (int equipment), max hp (maksimal hp
equipment), max karma (maksimal karma equipment), colony
(colony yang dapat memakai equipment), Image (gambar
equipment).
h. Download Area
Admin pada aksi ini dapat mengunduh objek yang terdapat pada
halaman download. Begitu juga pengunjung situs maupun
pengguna situs yang telah terdaftar.
i. Upload Area
Admin pada aksi ini dapat mengupload objek untuk ditampilkan
pada halaman galeri dan halaman donwload. Begitu juga
pengunjung situs maupun pengguna situs yang telah terdaftar.
Admin dapat mengupload objek seperti gambar maupun video
pada galeri.
j. Character Setting
Admin pada aksi ini dapat mengatur karakter administrator.
Dari pengaturan peralatan yang dikenakan hingga konsumsi
yang digunakan.
75
k. Chat Player
Admin pada aksi ini memonitor log dari user yang
menggunakan fitur chat. Admin juga dapat berkomunikasi
dengan pengguna aplikasi SpaceXplorer melalui fitur ini.
l. Manage User
Admin pada aksi ini mengatur pengguna-pengguna yang
melakukan pelanggaran atau melakukan posting yang
melanggar peraturan permainan. Disini, admin dapat mem-ban
pemain yang melanggar peraturan permainan bahkan
menghapus pemain dari sistem basis data.
m. Manage Batalyon War
Admin pada aksi ini dapat menetukan jadwal Batalyon War.
Menentukan ras apa yang akan bertarung dan memulai
Batalyon War.
n. Manage Game Store
Admin pada aksi ini, admin dapat mengatur item dan equipment
apa saja yang dapat user gunakan, beli, dan konsumsi. Admin
juga dapat menghapus item dan equipment yang ada pada store.
3.3.2. Sequence Diagram
A. Sequence Registrasi
Pada bagian pendaftaran, user akan diminta mengisi form pendaftaran
yang telah disediakan pada halaman registrasi. User harus mengisi field-
76
field yang diwajibkan untuk diisi. Jika semua telah diisi dengan benar,
maka aplikasi akan memvalidasikan data yang dimasukkan dan akan
disimpan kedalam sistem basis data.
Gambar 3.25 Sequence Registrasi
77
B. Sequence Login
Pada saat user ingin memulai permainan, user wajib login terlebih
dahulu dengan mengisi nama pengguna dan password yang sebelumnya
telah didaftarkan pada halaman registrasi. Bila data valid, maka user
akan diteruskan ke halaman Colony Base.
Gambar 3.26 Sequence Login
C. Sequence Logout
Pada saat user ingin berhenti bermain atau keluar dari permainan, user
terlebih dahulu harus melakukan proses pembersihan status pada sistem.
Caranya adalah dengan mengklik link logout. Aplikasi akan menjalan
78
proses pembersihan data dan user akan keluar dari permainan. Untuk
masuk kedalam permainan lagi, user wajib melakukan login ulang.
Gambar 3.27 Sequence Logout
D. Sequence Hunt
Urutan proses dimana user dapat melakukan perburuan terhadap
monster yang ada sesuai dengan tingkat statistik user tersebut. Jika
statistik user lebih rendah dibanding monster yang diburu, maka user
akan kalah dan statistik user akan berkurang dengan otomatis.
79
Gambar 3.28 Sequence Hunt
E. Sequence Duel
Urutan proses pertarungan dua user. User pertama kali harus memilih
lawan yang ingin ditantang. Jika user yang ditantang menerima
tantangan, maka duel akan mulai secara otomatis.
80
UserColony View
Controller/create()
Model/create()
/c lick_refresh()
/init ()
/ c lick_batt le()
/ result()
/ result()
/create()
/lis t_pl ayer_by_colony()
/bat tle()
/result()
/get_enem y_data()
/count ()
/refresh()
/getInstance()
/hasIdentit y()/result()
Gambar 3.29 Sequence Duel
F. Sequence Batalyon War
Pada urutan proses ini waktu sebelumnya ditentukan oleh administrator.
User harus mendaftarkan dirinya terlebih dahulu sesuai dengan
persyaratan. Jika waktu hitung mundur telah habis, berarti batalyon war
dapat dimulai secara otomatis.
81
Gambar 3.30 Sequence Batalyon War
G. Sequence Colony Base
Pada saat user berhasil login, maka halaman Colony Base akan muncul.
82
UserColony View
/create()
Controll er/create()
Model/create()
c lick_planet()
/ini t()
/get_Id_Boss()
/result ()
/get_i d_user()
/bat tle()
/result ()
/ count ()
/ result ()
/getInstance()
/hasIdent it y()/result ()
Gambar 3.31 Sequence Colony Base
H. Sequence Equipment Store
User dapat membeli item tertentu yang telah disediakan oleh
administrator. Setiap item memiliki syarat harga. Jika user berhasil
melakukan pembelian, maka statistik user akan berkurang secara
otomatis. Yang berkurang adalah BP.
83
Gambar 3.32 Sequence Equipment Store
I. Sequence Consumable Item
User dapat membeli item tertentu yang telah disediakan oleh
administrator. Setiap item memiliki syarat harga. Jika user berhasil
melakukan pembelian, maka statistik user akan berkurang secara
otomatis. Yang berkurang adalah BP. Khusus pada consumable item,
fungsi item akan berjalan dengan sendirinya setelah user melakukan
pembelian.
84
Gambar 3.33 Sequence Consumable Store
J. Sequence Unduh Wallpaper
Pada bagian area unduh, user dapat mengunduh wallpaper yang telah
disediakan oleh admin sesuai dengan ukuran yang user inginkan.
85
UserDownload View
Controller
Model
/click_download()
/create()
/create()
/create()
/init()
/download()
/result()
/result()
/result()
/getInstance()
/result() /hasIdentity()
Gambar 3.34 Sequence Unduh Wallpaper
K. Sequence Upload Wallpaper
Pada bagian ini, administrator dapat menambahkan konten wallpaper.
Tujuannya agar wallpaper tersebut dapat diunduh oleh pengguna.
86
Gambar 3.35 Sequence Upload Wallpaper
L. Sequence Pengaturan Karakter
Pada bagian ini, user dapat melakukan pengaturan terhadap karakternya.
Dari perlengkapan, status, hingga penjualan perlengkapan.
87
Gambar 3.36 Sequence Pengaturan Karakter
M. Sequence User Management
Pada bagian ini, administrator dapat melakukan manajemen user-user
yang terdaftar. Administrator dapat memanipulasi data semua user yang
terdaftar. Administrator dapat menghapus atau memberkan ban pada
user.
88
Gambar 3.37 Sequence User Manajemen
N. Sequence Batalyon War
Pada bagian ini administrator mengatur waktu mulai batalyon war, ras
yang akan didaftarkan.
89
Gambar 3.38 Sequence Batalyon War Setting
90
O. Sequence Item Management
Pada bagian ini, admin dapat melakukan insert update dan delete pada
sistem basis data.
Gambar 3.39 Sequence Item Manajemen
91
3.3.3. Class Diagram
Gambar 3.40 Class Diagram
92
3.3.4. Entity Relationship Diagram
Gambar 3.41 ERD
93
Tabel 3.2 Basis Data
Entity Atribut Deskripsi Tipe data dan
panjang NUL
L Defaul
t PK/F
K msboss id_boss Kode Boss integer No - PK
name Nama Boss varchar(50) No - armor Armor Boss integer No -
damage Damage Boss integer No - hp Hp Boss integer No -
exp_gained Experience Boss integer No - broer_gained Broer Boss integer No -
image1 Gambar Boss 1 varchar(50) No - image2 Gambar Boss 2 varchar(50) No -
mscreep id_creep Kode Creep integer No - PK name Nama Creep varchar(50) No - level Level Creep integer No - armor Armor Creep integer No -
damage Damage Creep integer No - hp Hp Creep integer No -
exp_gained Experience Creep integer No - broer_gained Broer Creep integer No -
image Gambar Creep varchar(50) No -
msequip id_equip Kode Equip integer No - PK id_user Kode User integer No - FK
94
id_helm Kode Helm integer No - FK id_uparmor Kode Up Armor integer No - FK id_lowarmor Kode Low Armor integer No - FK id_weapon Kode Weapon integer No - FK id_shield Kode Shield integer No - FK
id_pet Kode Pet integer No - FK
msgift id_gift Kode Gift integer No - PK broer Broer yang didapat integer No - exp Experience yang didapat integer No -
mshelm id_helm Kode Helm integer No - PK name Nama Helm varchar(50) No -
description Deskripsi Helm text No - price Harga Helm integer No -
id_status_plus Kode Status Plus integer No - FK image Gambar Helm varchar(50) No - colony Colony pemain varchar(20) No -
mslogin id_user Kode User integer No - PK username Username Pemain varchar(20) No - password Password Pemain varchar(20) No - session Session integer No -
mslowarmor id_low_armor Kode Low Armor integer No - PK name Nama Low Armor varchar(50) No -
description Deskripsi Low Armor text No - price Harga Low Armor integer No -
id_status_plus Kode Status Plus integer No - FK image Gambar Low Armor varchar(50) No -
95
colony Colony pemain varchar(20) No -
msmedication id_medication Kode Medication integer No - PK name Nama Medication varchar(50) No -
description Deskripsi Medication text No - price Harga Medication integer No -
id_status_recovery Kode Status Recovery integer No - FK image Gambar Medication varchar(50) No -
mspet id_pet Kode Pet integer No - PK name Nama Pet varchar(50) No -
description Deskripsi Pet text No - price Harga Pet integer No -
id_status_plus Kode Status Plus integer No - FK image Gambar Pet varchar(50) No - colony Colony pemain varchar(20) No -
msshield id_shield Kode Shield integer No - PK name Nama Shield varchar(50) No -
description Deskripsi Shield text No - price Harga Shield integer No -
id_status_plus Kode Status Plus integer No - FK image Gambar Shield varchar(50) No - colony Colony pemain varchar(20) No -
msstatus id_status Kode Status integer No - PK exp Experience pemain integer No -
exp_need Kebutuhan Experience integer No - fame Fame pemain integer No - level Level pemain integer No -
96
broer Broer pemain integer No - armor Armor pemain integer No -
damage Damage pemain integer No - agi Agi pemain integer No - str Str pemain integer No - int Int pemain integer No -
max_hp Hp Maksimal pemain integer No - hp Hp pemain integer No -
max_karma Karma Maksimal
pemain integer No - karma Karma pemain integer No -
max_adrenaline Adrenaline Maksimal integer No - adrenaline Adrenaline pemain integer No - plus_point Plus Point pemain integer No -
time Waktu datetime No - war Status Perang pemain integer No -
msstatusplus id_status_plus Kode Status Plus integer No - PK armor Armor Tambahan integer No -
damage Damage Tambahan integer No - agi Agi Tambahan integer No - str Str Tambahan integer No - int Int Tambahan integer No -
max_hp Hp Maksimal
Tambahan integer No -
max_karma Karma Maksimal
Tambahan integer No -
msstatusrecovery id_status_recovery Kode Status Recovery integer No - PK hp Jumlah pemulihan Hp integer No -
97
karma Jumlah pemulihan
Karma integer No -
msuparmor id_up_armor Kode Up Armor integer No - PK name Nama Up Armor varchar(50) No -
description Deskripsi Up Armor Text No - price Harga Up Armor integer No -
id_status_plus Kode Status Plus integer No - FK image Gambar Up Armor varchar(50) No - colony Colony pemain varchar(50) No -
msuser id_user Kode User integer No - PK fullname Nama Lengkap Pemain varchar(50) No -
email Email Pemain varchar(50) No - colony Colony Pemain varchar(50) No - avatar Avatar Pemain varchar(50) No -
mswar id_war Kode War Integer No - PK name Nama Perang varchar(50) No -
description Deskripsi Perang text No - time_open Waktu Buka Perang time No - time_close Waktu Tutup Perang time No -
id_gift Kode Gift Integer No - colony1 Colony Perang 1 Integer No -
max_colony1 Maksimal Colony
Perang 1 Integer No - colony2 Colony Perang 2 Integer No -
max_colony2 Maksimal Colony
Perang 2 Integer No -
98
msweapon id_weapon Kode Weapon Integer No - PK name Nama Weapon Varchar(50) No -
description Deskripsi Weapon Text No - price Harga Weapon Integer No -
id_status_plus Kode Status Plus Integer No - FK image Gambar Weapon Varchar(50) No - colony Colony pemain Varchar(50) No -
trinventoryhelm id_inventory_helm Kode Inventory Helm Integer No - PK id_user Kode User Integer No - FK id_helm Kode Helm Integer No - FK
trinventorylowarmor
id_inventory_low_armor
Kode Inventory Low Armor Integer No - PK
id_user Kode User Integer No - FK id_low_armor Kode Low Armor Integer No - FK
trinventorypet id_inventory_pet Kode Inventory Pet Integer No - PK id_user Kode User Integer No - FK id_pet Kode Pet Integer No - FK
trinventoryshield id_inventory_shield Kode Inventory Shield Integer No - PK id_user Kode User Integer No - FK
id_shield Kode Shield Integer No - FK
trinventoryuparmor id_inventory_up_armor Kode Inventory Up
Armor Integer No - PK id_user Kode User Integer No - FK
id_up_armor Kode Up Armor Integer No - FK
99
trinventoryweapon id_inventory_weapon Kode Inventory Weapon Integer No - PK id_user Kode User Integer No - FK
id_weapon Kode Weapon Integer No - FK
100
3.3.5. Perancangan Layar
Aplikasi web merupakan aplikasi yang menuntut pentingnya interaksi
antara manusia dan komputer. Maka, sebelum aplikasi dibuat, perancangan
layar perlu dibuat terlebih dahulu. Adapun perancangan layar yang dibuat
adalah sebagai berikut.
P. Perancangan layar untuk non-login.
a. Perancangan layar halaman utama (home).
Halaman ini merupakan halaman pertama SpaceXplorer. Halaman ini
dapat diakses oleh pengguna situs terdaftar, maupun pengunjung
situs. Berikut adalah perancangan layarnya.
Gambar 3.42 Rancangan layar non login
101
b. Perancangan layar halaman petunjuk permainan (game guides).
Pada halaman ini, terdapat cara penggunaan aplikasi dan detil-detil
aplikasi yang bertujuan untuk membantu pengunjung atau pengguna
yang telah terdaftar jika terjadi kesulitan dalam hal eksplorasi situs.
Berikut adalah perancangan layarnya.
Gambar 3.43 Rancangan layar guide
c. Perancangan layar halaman cerita (Episode 1 Story).
Pada halaman ini, terdapat penjelasan cerita yang sedang berjalan
atau episode yang sedang berlangsung. Pada halaman ini terdapat
ilustrasi berupa gambar dan teks. Berikut adalah perancangan
layarnya.
102
Gambar 3.44 Rancangan layar story
d. Perancangan layar halaman ras (SpaceXplorer Races).
Pada halaman ini, terdapat penjelasan mengenai ras yang terdapat
pada SpaceXplorer. Penjelasan imajinatif mengenai asal mula serta
latar belakang setiap ras terdapat pada halaman ini. Berikut adalah
perancangan layarnya.
103
home guides download contact usabout usregisterlog in(teksfield)password(teksfield)username
FOOTER DAN COPYRIGHT
Races
Race description Race description Race description Race descrip tion Race description Race description Race descrip tion Race description Race description Race description Race description Race description Race descrip tion Race description Race description Race description Race description Race description Race descrip tion Race description Race description Race description Race description Race description Race descrip tion Race description Race description Race description Race description Race description Race descrip tion Race description Race description Race description Race description Race description Race descrip tion Race description Race description Race description Race description Race description Race descrip tion Race description Race description Race description Race description Race description Race descrip tion Race description Race description Race description Race description Race description Race descrip tion Race description Race description Race description Race description Race description Race descrip tion Race description
Game Guide
Item
Races
Episode 1 Story
Wallpaper
Videos
Fan Art
image
Race Name
Race descrip tion Race description Race description Race description Race description Race description Race description Race description Race description Race descrip tion Race description Race description Race description Race description Race description Race descrip tion Race description Race description Race description Race description Race description Race descrip tion Race description Race description Race description Race description Race description Race descrip tion Race description Race description Race description Race description Race description Race descrip tion Race description Race description Race description Race description Race description Race descrip tion Race description Race description Race description Race description Race description Race descrip tion Race description Race description Race description Race description Race description Race descrip tion Race description Race description Race description Race description Race description Race descrip tion Race description Race description Race description Race description
image
Race Name
Gambar 3.45 Rancangan layar ras
e. Perancangan layar halaman barang (Item Lists).
Pada halaman ini, terdapat penjelasan mengenai item-item umum
yang terdapat pada SpaceXplorer. Berikut adalah perancangan
layarnya.
104
Gambar 3.46 Rancangan item
f. Perancangan layar halaman unduh wallpaper (Wallpaper).
Pada halaman ini, terdapat beberapa gambar wallpaper tentang
SpaceXplorer. Setiap jenis wallpaper yang ada dapat diunduh sesuai
dengan keinginnan pengguna atau pengunjung. Berikut rancangan
layarnya.
105
home guides downl oad contact usabout usregister
log in(teksf ield)password(teksfield)usernam e
FO OTER DAN COPYRIGHT
Wallpaper page descri ption Wal lpaper page descript ion Wallpaper page description Wallpaper page descript ion Wall paper page descripti on Wallpaper page descri ption
Gam e Guide
I tem
Races
Episode 1 Story
Wallpaper
V ideos
F an A rt
image
Wall paper name
image
Wall paper name
i mage
Wallpaper nam e
image
Wal lpaper name
1600x1200 px1280x720px1024x768px
1600x1200 px1280x720px1024x768px
1600x1200 px1280x720px1024x768px
1600x1200 px1280x720px1024x768px
im age
Wallpaper nam e
1600x1200 px1280x720px1024x768px
image
Wall paper name
1600x1200 px1280x720px1024x768px
i mage
Wall paper nam e
1600x1200 px1280x720px1024x768px
image
Wal lpaper name
1600x1200 px1280x720px1024x768px
Wal lpaper
Gambar 3.47 Rancangan unduh wallpaper
g. Perancangan layar halaman unduh seni grafis (Fan Art).
Pada halaman ini, terdapat beberapa karya seni berupa gambar
tentang SpaceXplore yang dapat diunduh bebas. Berikut adalah
perancangan layarnya.
106
hom e guides download contact usabout usregi ster
log in(teksf ield)password(teksfi eld)username
FO OTER DAN COPYRIGHT
F an art descript ion Fan art descri ption Fan art description Fan art descripti on Fan art descript ion F an art descript ion F an art descript ion Fan art descri ption
G ame G uide
I tem
Races
Episode 1 S tory
Wal lpaper
V ideos
Fan A rt
i mage
Fan A rt name
1600x1200 px1280x720px1024x768px
Fan Art
F an A rt Description Fan Art Descript ion Fan A rt Descript ion F an A rt Description Fan Art Descript ion Fan A rt Descri ption Fan Art Descript ion F an A rt Descripti on Fan Art Descri ption Fan Art Descript ion F an A rt Descri ption Fan Art Descript ion F an A rt Descripti on Fan Art Descri ption Fan Art Descript ion F an A rt Descri ption Fan Art Descript ion F an A rt Descripti on Fan Art Descri ption Fan Art Descript ion F an A rt Descri ption Fan Art Descript ion F an A rt Descripti on Fan Art Descri ption Fan Art Descript ion F an A rt Descri ption Fan Art Descript ion F an A rt Descripti on Fan Art Descri ption Fan Art Descript ion
im age
Fan A rt name
1600x1200 px1280x720px1024x768px
Fan A rt Descri ption Fan Art Descript ion F an A rt Descripti on Fan A rt Descri ption Fan Art Descript ion F an A rt Descript ion Fan A rt Descript ion F an A rt Description Fan Art Descript ion Fan A rt Descript ion F an A rt Descript ion Fan A rt Descript ion F an A rt Description Fan Art Descript ion Fan A rt Descript ion F an A rt Descript ion Fan A rt Descript ion F an A rt Description Fan Art Descript ion Fan A rt Descript ion F an A rt Descript ion Fan A rt Descript ion F an A rt Description Fan Art Descript ion Fan A rt Descript ion F an A rt Descript ion Fan A rt Descript ion F an A rt Description Fan Art Descript ion Fan A rt Descript ion
Gambar 3.48 Rancangan unduh fan art
h. Perancangan layar halaman unduh video (Videos).
Pada halaman ini terdapat video yang dapat diunduh dengan bebas
oleh pengunjung dan pengguna yang terdaftar. Berikut adalah
perancangan layarnya.
107
hom e guides downl oad contact usabout usregister
log in(teksfield)password(teksfiel d)username
FOOT ER DAN COPYRIGHT
Videos descript ion V ideos descri ption V ideos description Videos descript ion V ideos descri ption V ideos description Videos descript ion V ideos description Videos descripti on
Game G ui de
Item
Races
Episode 1 Story
Wallpaper
V ideos
F an Art
Video Previ ew
V ideo name
V ideos
V ideo decription Video decription Video decription Video decripti on Video decripti on Vi deo decription Video decription Video decripti on Vi deo decripti on Vi deo decript ion V ideo decription Video decription Video decripti on Vi deo decripti on Vi deo decript ion V ideo decription Video decription Video decripti on Vi deo decripti on Vi deo decript ion V ideo decription Video decription Video decripti on Vi deo decripti on Vi deo decript ion V ideo decription Video decription Video decripti on Vi deo decripti on Vi deo decript ion V ideo decription Video decription Video decripti on Vi deo decripti on Vi deo decript ion V ideo decription Video decription Video decripti on Vi deo decripti on Vi deo decript ion V ideo decription Video decription Video decripti on
download
Video Previ ew
V ideo name
V ideo decription Video decription Video decription Video decripti on Video decripti on Vi deo decription Video decription Video decripti on Vi deo decripti on Vi deo decript ion V ideo decription Video decription Video decripti on Vi deo decripti on Vi deo decript ion V ideo decription Video decription Video decripti on Vi deo decripti on Vi deo decript ion V ideo decription Video decription Video decripti on Vi deo decripti on Vi deo decript ion V ideo decription Video decription Video decripti on Vi deo decripti on Vi deo decript ion V ideo decription Video decription Video decripti on Vi deo decripti on Vi deo decript ion V ideo decription Video decription Video decripti on Vi deo decripti on Vi deo decript ion V ideo decription Video decription Video decripti on
download
Gambar 3.49 Rancangan unduh video
i. Perancangan layar halaman pendaftaran (Register).
Pada halaman ini terdapat form pendaftaran yang harus diisi oleh
calon pengguna.
108
Gambar 3.50 Rancangan unduh registrasi
j. Perancangan layar halaman tentang kami (About us).
Pada halaman ini, terdapat informasi tentang pembuat dan detil yang
diperlukan tentang orang dibalik layar. Berikut adalah perancangan
layarnya.
109
Gambar 3.51 Rancangan halaman tentang kami
k. Perancangan layar halaman kontak kami (Contact us).
Pada halaman ini, terdapat informasi kontak kepada orang-orang
dibalik layar maupun alamat untuk mengirimkan saran serta kritik.
Berikut adalah perancangan layarnya.
110
Gambar 3.52 Rancangan halaman kontak kami
Q. Perancangan layar untuk user telah login.
a. Perancangan layar halaman home telah login.
Halaman ini akan tampil setelah pengguna terdaftar melakukan
login. Jika proses login sukses, maka halaman ini akan menyambut
pengguna. Berikut adalah perancangan layarnya.
111
INT ERACT IVE SPACE MAP(AJAX IT EM)
Welcome (username), to (colony nam e)LOG O COLONY
FOOT ER DAN COPYRIG HT
Hom e Bat tle Station Space S tore
Log out
Chat Character Set ting G ame G uide
Duel
Hunt
Batal yon War
Consumeable
Equi pm ent
RECENT NEWS
News Tit leNews Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content
[Readm ore button]News Tit leNews Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content
[Readm ore button]
Gambar 3.53 Rancangan halaman home
b. Perancangan layar halaman hunt.
Halaman ini merupakan halaman dimana pengguna terdaftar
melakukan aktifitas hunt. Berikut adalah perancangan layarnya.
112
Gambar 3.54 Rancangan halaman hunt
c. Perancangan layar halaman duel.
Pada halaman ini, pengguna terdaftar dapat menantang pengguna
terdaftar lainnya untuk duel. Berikut perancangan layarnya.
113
Gambar 3.55 Rancangan halaman duel
d. Perancangan layar halaman batalyon war.
Pada halaman ini, pengguna terdaftar dapat bergabung sesuai dengan
ras karakternya untuk mengikuti batalyon war. Berikut adalah
perancangan layarnya.
114
Gambar 3.56 Rancangan halaman batalyon war
e. Perancangan layar halaman space store item konsumsi.
Pada halaman ini, pengguna terdaftar dapat membeli item yang
dapat di konsumsi untuk mengisi ulang statusnya yang berkurang
setelah melakukan duel ataupun hunting. Berikut adalah
perancangan layarnya.
115
Gambar 3.57 Rancangan halaman konsumsi
f. Perancangan layar halaman space store item non konsumsi.
Pada halaman ini, pengguna terdaftar dapat membeli item non-
konsumsi seperti jubah dan senjata. Berikut adalah perancangan
layarnya.
116
Welcome (username), to (colony name)LOGO COLONY
FOOTER DAN COPYRIGHT
Home Battle Station Space StoreLog out
Chat Character Setting Game Guide
Duel
Hunt
Batalyon War
Consumeable
Equipment
RECENT NEWS
News Ti tleNews Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content
[Readmore button]News Ti tleNews Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content News Content
[Readmore button]
Character Status
Avatar Image
HP
MP
KM
BP 7777700
KM
KM
Item Image
Equipment Items Shop
Item Name
BP 200 Price
Item description Item description Item description
Item Image
Item Name
BP 200 Price
Item description Item description Item description
Item Image
Item Name
BP 200 Price
Item description Item description Item description
Gambar 3.58 Rancangan halaman equipment
g. Perancangan layar halaman chat.
Pada halaman ini, pengguna terdaftar dapat berkomunikasi dengan
pengguna lainnya melaui fitur chat. Berikut adalah perancangan
layarnya.
117
Gambar 3.59 Rancangan halaman chat
h. Perancangan layar halaman pengaturan karakter.
Pada halaman ini, pengguna dapat mengatur karakternya. Dan
pengguna pun dapat menjual perlengkapan yang dimiliki. Berikut
adalah perancangan layarnya.
118
Gambar 3.60 Rancangan halaman pengaturan karakter
i. Perancangan layar halaman petunjuk (guide).
Pada halaman ini, pengguna terdaftar dapat melihat bantuan-bantuan
dalam navigasi, penjelasan-penjelasan mengenai permainan. Berikut
adalah perancangan layarnya.
119
Gambar 3.61 Rancangan halaman petunjuk
120
3.4. Metode Rekayasa Piranti Lunak
Model proses yang digunakan dalam perancangan aplikasi spaceXplorer
menggunakan model proses RAD. Pada proses design and coding serta
modeling dibagi menjadi beberapa tim yang nantinya akan bekerja sama saat
deployment aplikasi berlangsung.
Gambar 3.62 Model proses yang digunakan pada perancangan aplikasi
Adapun langkah-langkah manajemen proyek pada rekayasa piranti lunak
adalah sebagai berikut :
1. Requirment Analys
121
Pada tahap ini dilakukan analisa tentang semua hal yang bersangkutan dalam
pembuatan aplikasi spaceXplorer. Dalam tahap ini kami melakukan pembagian
questionare ke beberapa target survey.
2. Specification
Pada tahap ini dilakukan kelanjutan dari hasil tahap requirment analys. Dalam
tahap ini kami melakukan analisa lebih lanjut dari questionare yang didapat.
3. Design
Pada tahap ini dilakukan desain aplikasi. Diantaranya, disain struktur aplikasi,
perancangan layar, serta sistem basis data.
4. Coding
Tahap dimana pembuatan aplikasi dijalankan sesuai dengan tahap-tahap yang
telah dilewati sebelumnya.
5. Testing
Tahap dimana aplikasi telah selesai dan harus dilakukan percobaan terlebih
dahulu sebelum aplikasi dirilis. Pada testing ini, terbagi menjadi dua jenis,
diantaranya adalah black box testing dan white box testing. Black box testing
merupakan percobaan dimana hanya melibatkan internal proyek sedangkan white
box testing adalah percobaan dimana melibatkan internal dan external proyek.
6. Implementation
Tahap dimana aplikasi telah selesai keseluruhan dan telah ditest pada tahap
testing. Implementasi dilakukan sesuai dengan tahap-tahap yang telah ditentukan
pada spesifikasi dan desain
7. Maintenance
122
Tahapan perawatan aplikasi setelah aplikasi selesai dirilis atau selesai
diimplementasikan.
