Untuk dapat menggunakan website Century War, admin harus mengetahui halaman apa
saja yang terdapat pada website Century War beserta fungsi-fungsinya untuk dapat menjalankan
website tersebut. Admin harus melakukan instalasi phpMyadmin dan Adobe Dreamweaver CS5
terlebih dahulu, kemudian pengguna dapat mengakses website tersebut dengan URL
http://localhost/Century_War/index.php.
a. Halaman M enu Utama
Halaman menu utama ini adalah halaman yang ditampilkan pertama kali ketika admin
mengakses website Century War tersebut. Pada halaman menu utama ini terdapat tiga menu
yaitu Add Card, Edit Card, dan Delete Card.
Gambar 38 Halaman Menu Utama
b. Halaman Add Cards
Halaman ini menampilkan halaman pemasukan data kartu yang baru dimana halaman ini
Gambar 39 Halaman Menu Add Cards
1. Halaman Armor Add Cards
Halaman ini menampilkan form untuk admin dapat memasukkan data armoryang baru. Di
dalam tampilan tersebut terdapat tombol Save untuk menyimpan data yang akan dimasukkan
oleh admin, jika data tidak valid maka akan menampilkan pesan agar admin dapat mengetahui
dimana data yang salah, jika data valid maka akan menampilkan pesan dengan nama kartu yang
Gambar 40 Halaman Tampilan Menu Add Cards
(Error Message)
Gambar 42 Halaman Tampilan Menu Add Cards
(data berhasil dimasukkan)
Gambar 43 Halaman Tampilan Menu Add Cards
2. Halaman Weapon Cards
Halaman ini menampilkan form untuk admin dapat memasukkan data weaponyang baru. Di
dalam tampilan tersebut terdapat tombol Save untuk menyimpan data yang akan dimasukkan
oleh admin, jika data tidak valid maka akan menampilkan pesan agar admin dapat mengetahui
dimana data yang salah, jika data valid maka akan menampilkan pesan dengan nama kartu yang
akan disimpan ke dalam basis data.
Gambar 45 Halaman Tampilan Menu Add Weapon Cards
(error message)
Gambar 46 Halaman Tampilan Menu Add Weapon Cards
Gambar 47 Halaman Tampilan Menu Weapon Cards
(klik tombol Save)
c. Halaman Edit Cards
Halaman ini menampilkan halaman ubah data kartu dimana halaman ini terdapat tiga menu
Gambar 48 Halaman Tampilan Menu Edit Cards
1. Halaman Edit Spell Cards
Halaman ini menampilkan data kartu spell dan ada tombol Edit. Admin harus memilih data
kartu mana yang akan diubah dengan menekan tombol edit yang ada di sebelah kanan. Setelah
itu admin akan ke halaman form untuk dapat mengubah data spell yang baru. Di dalam tampilan
tersebut terdapat tombol Save, setelah selesai mengubah data kartu. Jika valid, maka data kartu
akan berhasil diubah dan diberikan pesan nama kartu berhasil diubah. Jika tidak, maka akan
Gambar 49 Halaman Tampilan Menu Edit Spell Cards
Gambar 50 Halaman Tampilan Menu Edit Spell Cards
Gambar 51 Halaman Tampilan Menu Edit Spell Cards
(error message)
Gambar 52 Halaman Tampilan Menu Edit Spell Cards
Gambar 53 Halaman Tampilan Menu Edit Spell Cards
(klik tombol Save)
2. Halaman Edit Weapon Cards
Halaman ini menampilkan data kartu Weapon dan ada tombol Edit. Admin harus memilih
data kartu mana yang akan diubah dengan menekan tombol edit yang ada di sebelah kanan.
Setelah itu admin akan masuk ke halaman form untuk dapat mengubah data weapon yang baru.
Di dalam tampilan tersebut terdapat tombol Save, setelah selesai mengubah data kartu. Jika
valid, maka data kartu akan diubah dan diberikan pesan nama kartu berhasil diubah. Jika tidak,
Gambar 54 Halaman Tampilan Menu Edit Weapon Cards
Gambar 55 Halaman Tampilan Menu Edit Weapon Cards
Gambar 56 Halaman Tampilan Menu Edit Weapon Cards
(error message)
Gambar 57 Halaman Tampilan Menu Edit Weapon Cards
Gambar 58 Halaman Tampilan Edit Weapon Cards
(klik tombol Save)
3. Halaman Edit Armor Cards
Halaman ini menampilkan data kartu armor dan ada tombol Edit. Admin harus memilih data
kartu mana yang akan diubah dengan menekan tombol edit yang ada di sebelah kanan. Setelah
itu admin akan ke halaman form untuk dapat mengubah data armor yang baru. Di dalam
tampilan tersebut terdapat tombol Save, setelah selesai mengubah data kartu. Jika valid, maka
data kartu akan berhasil diubah dan diberikan pesan nama kartu berhasil diubah. Jika tidak, maka
Gambar 59 Halaman Tampilan Menu Edit Armor Cards
Gambar 60 Halaman Tampilan Menu Edit Armor Cards
Gambar 61 Halaman Tampilan Menu Edit Armor Cards
(error message)
Gambar 62 Halaman Tampilan Menu Edit Armor Cards
Gambar 63 Halaman Tampilan Menu Edit Armor Cards
(klik tombol Save)
d. Halaman Delete Card
Halaman ini menampilkan halaman hapus data kartu dimana halaman ini terdapat tiga menu
yaitu Spell Cards, Armor Cards, dan Weapon Cards
1. Halaman Delete Spell Cards
Halaman ini menampilkan halaman untuk menghapus data kartu pada spell, sehingga admin
dapat menghapus data kartu yang ada pada basis data. Untuk menghapus admin harus memilih
data kartu yang akan dihapus dan mengklik tombol Delete yang ada di sebelah kanan. Jika admin
memilih Ok maka data akan terhapus pada basis data, jika Cancel maka admin akan kembali ke
halaman delete spell cards.
Gambar 66 Halaman Tampilan Menu Delete Spell Cards
(klik tombol Delete)
Gambar 67 Halaman Tampilan Menu Delete Spell Cards
2. Halaman Delete Weapon Cards
Halaman ini menampilkan halaman untuk menghapus data kartu pada weapon, sehingga
admin dapat menghapus data kartu yang ada pada basis data. Untuk menghapus admin harus
memilih data kartu yang akan dihapus dan mengklik tombol Delete yang ada di sebelah kanan.
Jika admin memilih Ok maka data akan terhapus pada basis data, jika Cancel maka admin akan
kembali ke halaman delete spell cards.
Gambar 69 Halaman Tampilan Delete Weapon Cards
(klik tombol Delete)
Gambar 70 Halaman Tampilan Delete Weapon Cards
3. Halaman Delete Armor Cards
Halaman ini menampilkan halaman untuk menghapus data kartu pada armor, sehingga admin
dapat menghapus data kartu yang ada pada basis data. Untuk menghapus admin harus memilih
data kartu yang akan dihapus dan mengklik tombol Delete yang ada di sebelah kanan. Jika admin
memilih Ok maka data akan terhapus pada basis data, jika Cancel maka admin akan kembali ke
halaman delete spell cards.
Gambar 72 Halaman Tampilan Menu Delete Armor Cards
(klik tombol Delete)
Gambar 73 Halaman Tampilan Delete Armor Cards