PERANCANGAN SISTEM
3.4 Rancangan Tampilan
Rancangan tampilan yang ada pada tiap frame dan scene dalam aplikasi akan dijelaskan pada tahap ini. Intro pada aplikasi ini merupakan tampilan pertama atau
frame 1 dari scene 1 yang kemudian akan terhubung dengan frame 81 yaitu menu
utama.
3.4.1 Rancangan Tampilan Intro
Gambar 3.2 Tampilan Intro Teks Animasi
Pada intro akan muncul teks animasi dan garis waktu sebagai loading dengan durasi sekitar ± 6 detik.
3.4.2 Rancangan Frame Matchmaker for Kids
Frame Matchmaker for Kids adalah frame pembuka dari aplikasi game Matchmaker
ini. Frame ini terdiri dari latar belakang game, sebuah teks animasi pembuka, dan lima buah tombol eksekusi.
3.4.3 Rancangan Frame Pilih Mode Permainan
Frame Pilih Mode Permainan adalah frame yang digunakan untuk memilih mode
permainan yang akan dimainkan. Frame ini terdiri dari latar belakang game, 3 buah teks animasi, dan lima buah tombol eksekusi.
Gambar 3.4 Rancangan Frame Pilih Mode Permainan
3.4.4 Rancangan Frame Pilih Submode Permainan
Frame Pilih Submode Permainan adalah frame yang digunakan untuk memilih mode
permainan yang akan dimainkan setelah user memilih mode permainan di frame sebelumnya, yang terbagi atas Normal dan Time Attack. Frame ini terdiri dari latar belakang game, sebuah teks animasi, dan tiga buah tombol eksekusi.
Gambar 3.5 Rancangan Frame Pilih Submode Permainan
3.4.5 Rancangan Frame Pilih Level Permainan
Frame Pilih Level Permainan adalah frame yang digunakan untuk memilih level
permainan yang akan dimainkan. Frame ini terdiri dari latar belakang game, sebuah teks animasi, dan empat buah tombol eksekusi.
3.4.6 Rancangan Frame 8 Matchs Normal Mode
Frame 8 Matchs Normal Mode adalah frame yang digunakan untuk menampilkan
permainan 8 Matchs Normal Mode pada aplikasi game Matchmaker ini. Frame ini terdiri dari latar belakang game, dua buah teks animasi, dua buah bidang gambar yang akan dimainkan dan sebuah tombol eksekusi.
Gambar 3.7 Rancangan Frame 8 Matchs Normal Mode
3.4.7 Rancangan Frame 8 Matchs Time Attack Mode
Frame 8 Matchs Time Attack Mode adalah frame yang digunakan untuk menampilkan
permainan 8 Matchs Time Attack pada aplikasi game Matchmaker ini. Frame ini terdiri dari latar belakang game, dua buah teks animasi, dua buah bidang gambar yang akan dimainkan, sebuah timer dan sebuah tombol eksekusi.
Gambar 3.8 Rancangan Frame 8 Matchs Time Attack Mode
3.4.8 Rancangan Frame 16 Matchs Normal Mode
Frame 16 Matchs Normal Mode adalah frame yang digunakan untuk menampilkan
permainan 16 Matchs Normal Mode pada aplikasi game Matchmaker ini. Frame ini terdiri dari latar belakang game, sebuah teks keterangan, dua buah bidang gambar yang akan dimainkan dan sebuah tombol eksekusi.
3.4.9 Rancangan Frame 16 Matchs Time Attack Mode
Frame 16 Matchs Time Attack Mode adalah frame yang digunakan untuk
menampilkan permainan 16 Matchs Time Attack Mode pada aplikasi game
Matchmaker ini. Frame ini terdiri dari latar belakang game, sebuah teks keterangan,
dua buah bidang gambar yang akan dimainkan, sebuah timer dan sebuah tombol eksekusi.
Gambar 3.10 Rancangan Frame 16 Matchs Time Attack Mode
3.4.10 Rancangan Frame 8 Matchs Memory Normal Mode
Frame 8 Matchs Memory Normal Mode adalah frame yang digunakan untuk
menampilkan permainan 8 Matchs Memory Normal Mode pada aplikasi game
Matchmaker ini. Frame ini terdiri dari latar belakang game, sebuah teks keterangan,
Gambar 3.11 Rancangan Frame 8 Matchs Memory Normal Mode
3.4.11 Rancangan Frame 8 Matchs Memory Time Attack Mode
Frame 8 Matchs Memory Time Attack Mode adalah frame yang digunakan untuk
menampilkan permainan 8 Matchs Memory Time Attack Mode pada aplikasi game
Matchmaker ini. Frame ini terdiri dari latar belakang game, sebuah teks keterangan,
dua buah bidang gambar yang akan dimainkan dan sebuah tombol eksekusi.
3.4.12 Rancangan Frame 16 Matchs Memory Normal Mode
Frame 16 Matchs Memory Normal Mode adalah frame yang digunakan untuk
menampilkan permainan 16 Matchs Memory Normal Mode pada aplikasi game
Matchmaker ini. Frame ini terdiri dari latar belakang game, sebuah teks keterangan,
dua buah bidang gambar yang akan dimainkan dan sebuah tombol eksekusi.
Gambar 3.13 Rancangan Frame 16 Matchs Memory Normal Mode
3.4.13 Rancangan Frame 16 Matchs Memory Time Attack Mode
Frame 16 Matchs Memory Time Attack Mode adalah frame yang digunakan untuk
menampilkan permainan 16 Matchs Memory Time Attack Mode pada aplikasi game
Matchmaker ini. Frame ini terdiri dari latar belakang game, sebuah teks keterangan,
dua buah bidang gambar yang akan dimainkan, sebuah timer dan sebuah tombol eksekusi.
Gambar 3.14 Rancangan Frame 16 Matchs Memory Time Attack Mode
3.4.14 Rancangan Tampilan Petunjuk
Pada tampilan ini terdapat keterangan petunjuk cara bermain game, sebuah teks animasi, sebuah gambar animasi dan 2 buah tombol eksekusi.
3.4.15 Rancangan Tampilan Profil
Pada tampilan ini terdapat gambar dan data diri dari penulis, dan juga terdapat 1 tombol eksekusi yang terhubung ke menu utama.
Gambar 3.16 Rancangan Tampilan Profil
3.4.16 Rancangan Tampilan Respon Menang
Pada tampilan respon menang terdapat 1 label bertuliskan “Bagus Sekali!!!” yang menyatakan pemain berhasil dalam menyelesaikan level permainan, 1 tombol untuk memainkan ke level selanjutnya, 1 tombol untuk mengulang kembali permainan dan 1 tombol untuk kembali ke menu utama.
Gambar 3.17 Rancangan Tampilan Respon Menang
3.4.17 Rancangan Tampilan Respon Gagal
Pada tampilan respon gagal terdapat 1 label bertuliskan “Waktu Habis” yang menyatakan pemain gagal dalam menyelesaikan level permainan, 1 tombol untuk mengulang kembali permainan dan 1 tombol untuk kembali ke menu utama.
BAB 4