3.2 Perancangan Sistem
Perancangan sistem yang akan dibahas meliputi perancangan aplikasi permainan dan perancangan antarmuka.
3.2.1 Perancangan Aplikasi Permainan
Perancangan aplikasi permainan merupakan perancangan interaksi yang dapat dilakukan pemain terhadap aplikasi permainan yang dibangun. Aplikasi akan dimulai
dengan menampilkan frame Menu yang tersedia tombol pilihan Mulai, Aturan, Tentang dan Keluar. Setiap tombol akan memberikan tampilan pada frame-frame
berikutnya. Aplikasi akan berhenti jika pengguna memilih tombol Keluar. Berikut ini adalah proses yang terjadi pada aplikasi permainan Word Scramble yang dapat dilihat
pada Gambar 3.11.
Start Tampilkan
Frame Menu
Pilih tombol Mulai ?
Tampilkan Frame Arena
Permainan
Pilih tombol Aturan ?
Pilih tombol Tentang ?
Pilih tombol Keluar
Tampilkan Frame Aturan
Permainan
Tampilkan Frame Tentang
Permainan Pilih tombol Kembali
Bermain Word Scramble Permainan berakhir
Pilih tombol Kembali
End Ya
Ya
Ya Tidak
Tidak
Tidak
UNIVERSITAS SUMATERA UTARA
Gambar 3.12 Flowchart Aplikasi
3.2.2 Perancangan Antarmuka
Perancangan antarmuka aplikasi permainan Word Scramble ini terdiri dari beberapa frame, yaitu frame Menu, frame Arena Permainan, frame Aturan Permainan, dan
frame Tentang Permainan. Berikut ini adalah rancangan antarmuka frame- frame tersebut.
1. Frame Menu Frame Menu merupakan frame yang pertama kali ditampilkan pada saat
aplikasi dijalankan. Frame ini berisikan menu yang dapat dipilih oleh pengguna yaitu Mulai, Aturan, Tentang dan Keluar. Rancangan antarmuka
frame ini dapat dilihat pada Gambar 3.12.
Gambar 3.13 Frame Menu
Keterangan : 1.
Word Scramble merupakan judul aplikasi yang dirancang dengan menggunakan komponen Graphic.
W O
S R
C E
B M
A L
R D
1
4 3
5 2
UNIVERSITAS SUMATERA UTARA
2. Mulai merupakan tombol yang berfungsi untuk menampilkan frame
Arena Permainan yang dirancang dengan menggunakan komponen Button.
3. Aturan merupakan tombol yang berfungsi untuk menampilkan frame
Aturan Permainan yang dirancang dengan menggunakan komponen Button.
4. Tentang merupakan tombol yang berfungsi untuk menampilkan frame
Tentang Permainan yang dirancang dengan menggunakan komponen Button.
5. Keluar merupakan tombol yang berfungsi untuk keluar dari aplikasi yang
dirancang dengan menggunakan komponen Button.
2. Frame Arena Permainan Frame arena permainan merupakan frame yang digunakan untuk bermain
Word Scramble. Rancangan antarmuka frame ini dapat dilihat pada Gambar 3.13.
Gambar 3.14 Frame Arena Permainan
Keterangan : 1. Word Scramble merupakan judul aplikasi yang dirancang dengan
menggunakan komponen Graphic.
3 6
W
O S
R C
E B
M A
L R
D
2
1 4
5
8 7
UNIVERSITAS SUMATERA UTARA
2. Papan merupakan komponen Button yang berfungsi untuk menampilkan huruf acak yang akan ditebak.
3. Tambah merupakan komponen Button yang berfungsi untuk memeriksa jawaban pemain apakah benar atau tidak.
4. Hapus merupakan komponen Button yang berfungsi untuk menghapus jawaban sebelum diperiksa.
5. Kembali merupakan komponen Button yang berfungsi untuk kembali ke frame Menu jika waktu sudah habis.
6. Hasil Nilai merupakan komponen Text Area yang berfungsi menampilkan nilai dan semua jawaban benar yang diperoleh pemain.
7. Status Kata merupakan komponen Movie Clip yang berfungsi menampilkan huruf yang dipilih.
8. Status Waktu merupakan komponen Movie Clip yang berfungsi menampilkan jumlah waktu yang tersisa untuk menebak jawaban.
3. Frame Aturan Permainan Frame aturan permainan merupakan frame yang berisikan peraturan sekaligus
cara bermain sehingga dapat memberikan informasi kepada pengguna tentang permainan Word Scramble. Rancangan antarmuka frame ini dapat dilihat pada
Gambar 3.14.
Gambar 3.15 Frame Aturan Permainan
2
W
O S
R C
E B
M A
L R
D
1 3
UNIVERSITAS SUMATERA UTARA
Keterangan : 1. Word Scramble merupakan judul aplikasi yang dirancang dengan
menggunakan komponen Graphic. 2. Komponen Static Text yang berfungsi untuk menampilkan aturan dan cara
bermain Word Scramble. 3. Kembali merupakan komponen Button yang berfungsi untuk kembali ke
frame awal.
4. Frame Tentang Permainan Frame tentang permainan merupakan frame yang berisikan informasi
mengenai profil penulis. Rancangan antarmuka frame ini dapat dilihat pada Gambar 3.15.
Gambar 3.16 Frame Tentang Permainan
Keterangan : 1. Word Scramble merupakan judul aplikasi yang dirancang dengan
menggunakan komponen Graphic. 2. Komponen Static Text yang berfungsi untuk menampilkan informasi
mengenai profil penulis. 3. Kembali merupakan komponen Button yang berfungsi untuk kembali ke
frame awal.
2
W
O S
R C
E B
M A
L R
D
1 3
UNIVERSITAS SUMATERA UTARA
BAB 4
IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi Sistem