Transisi Layar dan Antarmuka

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