3.7 Diagram Pohon Program
Gambar 3.2 Diagram Pohon Rancangan Game Mococokkan
User H
alaman Awal
Help Score
About Play
Angka Game Mencocokkan Gambar dan Angka
Menggunakan Adobe Flash CS3
Warna Gambar
Medium Hard
Hard Medium
Easy Easy
Easy Medium
Hard
Universitas Sumatera Utara
3.8 Skema Flowchart Program
Gambar 3.3 Flowchart Rancangan Game Mencocokkan
Start Menu Utama
Play Score
Help About
Select Game Warna
Select Mode Easy
Medium Hard
Angka Select Mode
Easy Medium
Hard
Gambar Select Mode
Easy Medium
Hard
End
Universitas Sumatera Utara
Flowchart tersebut dijelaskan sebagai berikut: 1.
Start User menunggu untuk masuk ke Menu Utama.
2. Menu Utama
Setelah muncul tampilan menu utama, akan terdapat 4 pilihan menu utama serta tombol keluar.
4 pilihan menu tersebut:
a. Play
Program dijalankan untuk memilih mode permainan. b.
Score Menu yang berisikan hasil nilai dari suatu permainan.
c. Help
Menu yang berisikan panduan untuk memainkan permainan. d.
About Menu yang berisikan tampilan data diri dari pembuat game mencocokkan
ini.
3.9 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 yang lain yaitu menu utama.
Universitas Sumatera Utara
Rancangan Tampilan Intro Game
Gamabar 3.4 Tampilan Intro
Pada intro akan muncul teks animasi dengan durasi sekitar ± 6 detik.
3.9.2 Rancangan Frame Tampilan Menu Utama
Rancangan frame tampilan awal merupakan tampilan awal untuk memulai Aplikasi permainan pada game mencocokkan gambar yang menampilkan teks judul game,
serta terdapat 7 tombol eksekusi dan berupa latar belakang game animasi.
Gambar 3.5 Rancangan Frame Tampilan Menu Utama
Teks Animasi dengan loading
Teks Select Tombol
Exit Tombol
Sound Tombol
Home
Tombol Warna
Tombol Angka
Tombol Gambar
Universitas Sumatera Utara
Tombol Exit
Teks Judul Tombol
Play Tombol
Sound Tombol
Home
Tombol Score
Tombol Help
Tombol About
3.9.3 Rancangan Frame Select Game
Pada Frame Select Game, setelah menekan tombol play, pilih mode permainan yang diinginkan untuk memilih mode permainan yang akan dimainkan. Frame ini
terdiri dari latar belakang game animasi, sebuah teks , dan 6 buah tombol eksekusi.
Gambar 3.6 Rancangan Frame Select Game
3.9.4 Rancangan Frame Select Mode.
Frame Select Mode.adalah frame yang digunakan untuk memilih mode permainan yang akan dimainkan setelah user memilih mode permainan di frame sebelumnya,
yang terbagi atas 3 mode permainan yaitu warna, angka, dan gambar. Frame ini terdiri dari latar belakang game animasi, sebuah teks , dan 7 buah tombol eksekusi.
Universitas Sumatera Utara
Gambar 3.7 Rancangan Frame Select Mode.
3.9.5 Rancangan Frame Halaman Game
Frame Halaman Game adalah frame yang digunakan untuk menampilkan
permainan mencocokkan warna, angka dan gambar pada aplikasi game mencocokkan ini. Frame ini terdiri dari latar belakang game, sebuah teks
keterangan, dua buah bidang gambar yang akan dimainkan dan sebuah tombol eksekusi.
Teks Select Tombol
Exit Tombol
Sound Tombol
Home Tombol
Easy Tombol
Medium Tombol
Hard Tombol
Back
Universitas Sumatera Utara
Gambar 3.8 Rancangan Frame Halaman Game
3.9.6 Rancangan Frame Hasil Waktu Permainan
Frame yang digunakan untuk menampilkan hasil waktu dari permainan pada saat kita telah selesai memainkan suatu permainan dimana waktu permainan telah habis
di game mencocokkan ini. Frame ini terdiri dari latar belakang game, sebuah teks dan teks animasi, dan sebuah tombol eksekusi.
Teks Bidang Gambar
Universitas Sumatera Utara
Gambar 3.9 Rancangan Frame Hasil Permainan
3.9.7 Rancangan Frame Score
Frame tombol score adalah frame yang digunakan untuk menampilkan hasil score permainan yang kita mainkan berdasarkan mode dan level permainan pada aplikasi
game mencocokkan ini. Frame ini terdiri dari latar belakang game animasi, sebuah teks keterangan, dan sebuah tombol eksekusi.
Tombol Sound
Tombol Home
Tombol Save
Tombol Exit
Tombol Ulangi
Tombol Back
Teks Level Teks Animasi
Teks Hasil Nama dan Nilai yang di Simpan
Nama : Score :
Universitas Sumatera Utara
Gambar 3.10 Rancangan Frame Score
3.9.8 Rancangan Frame Hasil Score
Rancangan frame Hasil Score digunakan untuk menampilkan hasil nilai dari permainan yang telah kita selesaikan dan kita simpan pada aplikasi game
mencocokkan ini. Frame ini terdiri dari latar belakang game animasi, sebuah teks keterangan hasil nilai yang disimpan dan terdapat tombol eksekusi.
Teks Score
Teks Warna
Tombol Medium
Teks Angka
Tombol Easy
Tombol Medium
Tombol Hard
Teks Gambar
Tombol Easy
Tombol Easy
Tombol Hard
Tombol Medium
Tombol Hard
Tombol Home
Tombol Sound
Tombol Exit
Universitas Sumatera Utara
Gambar 3.11 Rancangan Frame Hasil Score
3.9.9 Rancangan Frame Help
Pada rancangan frame tombol help digunakan sebagai menu petunjuk cara bermain di game mencocokkan ini. Frame ini terdiri dari latar belakang game animasi,
sebuah teks keterangan, beberapa selide petunjuk permainan dan terdapat tombol eksekusi.
Rank Name
Score Tombol
Sound
Teks Hasil Score
Tombol Back
Tombol Home
Tombol Reset
Tombol Exit
Universitas Sumatera Utara
Gambar 3.12 Rancangan Frame Help
3.9.10 Rancangan Frame About Profil
Pada rancangan frame tombol about profil digunakan untuk menampilkan gambar dan biodata diri dari si pembuat game ini. Frame ini terdiri dari latar belakang game
animasi, dan sebuah teks keterangan.
Gambar 3.13 Rancangan Frame About
Tombol Exit
Tombol Home
Tombol Sound
Teks Help Teks Mode
Tombol Back
Tombol Next
Tombol Home
Tombol Sound
Tombol Exit
Teks About Gambar
Photo
Universitas Sumatera Utara
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
Kategori