3.4. Transisi Layar dan Antarmuka
Bagian ini adalah bagian terakhir dari analisa dan perancangan dimana penulis menerapkan ide, analisa, dan mekanisme permainan untuk membuat tampilan yang
user friendly layaknya permainan mobile pada umumnya.
3.4.1. Transisi layar
Transisi layar merupakan proses pergantian layar dari satu layar ke layar lain. Pergantian layar dapat terjadi akibat berbagai pemicu yang dapat berupa tombol,
waktu, keadaan aplikasi, dan lain-lain.
Penulis membuat skema transisi layar agar dapat mengetahui berapa banyak layar yang harus dibuat dalam permainan ini. Secara umum transisi layar permainan
magic square dapat dilihat pada Gambar 3.20.
Gambar 3.20 Transisi layar permainan magic square
Universitas Sumatera Utara
3.4.2. Antarmuka
Berdasarkan transisi layar pada Gambar 3.20, ada enam antarmuka yang harus dirancang. Berikut adalah rencana antarmuka yang akan dibuat yang dibuat dalam
bentuk low fidelity interface.
1. Main menu
Layar ini adalah layar pertama yang terlihat saat aplikasi dibuka dimana kegiatan yang dilakukan pada layar ini adalah pemain dapat memilih papan
permainan ataupun melihat skor. Selain itu ada juga tombol untuk pengaturan suara. Adapun rancangan layar dapat dilihat pada Gambar 3.21.
Gambar 3.21. Rancangan main menu
LOGO
NEW GAME HIGHSCORES
HELP ABOUT
SOUND ONOFF
Universitas Sumatera Utara
2. New game select
Layar ini adalah layar pemilihan ukuran papan permainan. Ukuran papan permainan dapat dipilih dengan menekan tombol yang ada pada layar. Adapun
rancangan layar dapat dilihat pada gambar 3.22
Gambar 3.22. Rancangan new game select
3. Play screen
Play screen adalah layar yang digunakan untuk memainkan permainan. Adapun rancangan layar dapat dilihat pada Gambar 3.23.
NEW GAME
BOARD PREVIEW →
←
PLAY
Universitas Sumatera Utara
Gambar 3.23. Rancangan play screen
Gambar 3.23. Rancangan play screen
4. Highscores
Layar ini adalah layar yang digunakan pemain untuk melihat skor permainan yang telah lewat. Pemain dapat melihat skor berdasarkan ukuran papan
permainan. Adapun rancangan layar dapat dilihat pada Gambar 3.24.
Gambar 3.24. Rancangan layar highscores
GAME BOARD Move :
Magic Sum :
FINISH IT
HIGHSCORES
1. 50
2. 50
3. 50
4. 50
5. 50
EASY HARD
Universitas Sumatera Utara
5. Help
Layar ini adalah layar untuk memberitahu pemain cara bermain magic square. Adapun rancangan layar dapat dilihat pada Gambar 3.25.
Gambar 3.25. Rancangan layar help
6. About
Layar ini adalah layar yang berisi tentang informasi umur dari permainan magic square. Adapun rancangan layar dapat dilihat pada Gambar 3.26.
Gambar 3.26. Rancangan layar about
HELP
INFO CARA BERMAIN
ABOUT
INFORMASI UMUM TENTANG
PERMAINAN MAGIC
SQUARE
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI DAN PENGUJIAN
Setelah melakukan analisis dan perancangan pada bab sebelumnya, sekarang sudah dapat memulai untuk melakukan implementasi dan pengujian. Implementasi sistem