Perancangan User Interface ANALISIS DAN PERANCANGAN SISTEM

3.5 Perancangan User Interface

Perancangan user interface adalah rancangan umum tentang tampilan antarmuka dari video game Majapahit. Ada 5 antarmuka yang akan dirancang yaitu main menu, dialog menu, cara bermain, battle menu, save menu, dan level up menu. Berikut adalah rancangan antarmuka dari halaman-halaman tersebut. 3.5.1 Main Menu Halaman main menu merupakan halaman pertama kali yang ditampilkan pada saat video game dijalankan. Kegiatan yang dapat dilakukan pada halaman ini adalah pemain dapat memilih bermain dari awal, melanjutkan permainan yang sudah disimpan, melihat credits, dan keluar dari permainan. Untuk rancangan antarmuka dapat dilihat pada Gambar 3.18 a, b dan c. a Tampilan Utama Logo New Game Load Game Credits Exit Universitas Sumatera Utara b Tampilan tingkat kesulitan setelah tombol New Game ditekan c Tampilan save slot setelah tombol Load Game ditekan Gambar 3.18 Rancangan tampilan Main Menu 3.5.2 Dialog Menu Dialog menu adalah halaman yang digunakan dalam scene cerita pada video game Majapahit. Halaman ini berfungsi untuk menampilkan dialog cerita pada permainan. Untuk rancangan antarmuka dapat dilihat pada Gambar 3.19. Logo Easy Normal Hard Logo Slot 1 Slot 2 Slot 3 Universitas Sumatera Utara Gambar 3.19 Rancangan tampilan Dialog Menu 3.5.3 Cara Bermain Halaman cara main adalah halaman yang berisi tentang peraturan dan cara bermain video game Majapahit. Untuk rancangan antarmuka dapat dilihat pada Gambar 3.20. Gambar 3.20 Rancangan tampilan Cara Bermain Image Karakter Teks Image Cara Bermain Universitas Sumatera Utara 3.5.4 Battle Menu Battle menu adalah halaman yang digunakan dalam scene pertarungan pada video game Majapahit. Halaman ini berfungsi untuk menampilkan atribut dan aksi yang dapat dilakukan oleh karakter. Untuk rancangan antarmuka dapat dilihat pada Gambar 3.21 Gambar 3.21 Rancangan tampilan Battle Menu. 3.5.5 Save Menu Save menu adalah halaman yang dalam scene save game pada video game Majapahit. Halaman ini berfungsi untuk menampilkan save slot yang dapat digunakan. Untuk rancangan antarmuka dapat dilihat pada Gambar 3.22. Gambar 3.22 Rancangan Tampilan Save Meu Tekan „ESC‟ untuk kembali Save Slot 1 Save Slot 2 Save Slot 3 Move Wajah Karakter Attack Defend End Atribut Karakter Universitas Sumatera Utara 3.5.6 Level Up Menu Level Up Menu adalah halaman yang dalam scene level up pada video game Majapahit. Halaman ini berfungsi untuk menampilkan dan menambahkan nilai atribut pada karakter. Untuk rancangan antarmuka dapat dilihat pada Gambar 3.23. Gambar 3.23 Rancangan tampilan Level Up Menu Image Karakter Nama Karakter Experience Health Point Attack Defend Start - - - + + + Universitas Sumatera Utara

BAB 4 IMPLEMENTASI DAN PENGUJIAN