BAB 3 ANALISIS DAN PERANCANGAN. pembuatan game yang lebih menarik, sesuai dengan keinginan pengguna, dan

(1)

34 BAB 3

ANALISIS DAN PERANCANGAN 3.1 Analisis Permainan

Dalam menganalisis permaian yang akan dibuat, terlebih dahulu menganalisis keinginan pengguna dan permaianan (game) yang sudah ada. Hal ini akan membantu pembuatan game yang lebih menarik, sesuai dengan keinginan pengguna, dan berbeda dengan game yang pernah ada.

3.1.1 Analisis Pengguna

Analisis dilakukan terhadap orang tua pengguna, dengan menggunakan kuesioner untuk mengetahui kebutuhan-kebutuhan dan keinginan pengguna dalam sebuah game. Kuesioner terdiri dari 10 pertanyaan yang harus diisi oleh responden. Kuesioner ini dibuat dalam selebaran, disebarkan kepada khalayak ramai, khususnya kepada orang tua yang mempunyai anak dibawah umur 10 tahun. Setelah disebar, didapat sebanyak 50 responden yang mengisi kuesioner ini. Berikut ini hasil kuesionernya.

Pertanyaan pada gambar 3.1 bertujuan untuk mengetahui usia dari anak responden. Dengan mengetahui hal tersebut, dapat diketahui target pengguna aplikasi yang akan dibuat, yaitu anak dengan umur 10 tahun.

(2)

1. Berapakah usia anak anda? 7 Tahun 8 Tahun 9 Tahun 10 Tahun 22% 32% 34% 12%

Gambar 3.1 Analisis Usia

Pertanyaan pada gambar 3.2 bertujuan untuk mengetahui

handphone / smartphone yang dimiliki oleh responden. Dengan

mengetahui hal tersebut, dapat diketahui target platform yang akan digunakan, yaitu BlackBerry.

2. Handphone / Smartphone apa yang anda miliki? Blackberry Iphone Samsung Lain-lain 28% 38% 22% 12%

Gambar 3.2 Analisis Handphone / Smartphone yang dimiliki Pertanyaan pada gambar 3.3 bertujuan untuk mengetahui seberapa besar responden suka bermain game di handphone / smartphone. Dengan

(3)

mengetahui hal tersebut, dapat diketahui dimana game akan diimplementasikan.

3. Apakah anak anda suka bermain game di handphone/smartphone anda?

Ya Tidak

72% 28%

Gambar 3.3 Analisis Suka Bermain Game

Pertanyaan pada gambar 3.4 bertujuan untuk mengetahui genre (jenis) game yang biasa dimainkan. Dengan mengetahui hal tersebut, dapat diketahui target genre (jenis) game yang akan dibuat, yaitu game pendidikan.

4. Genre (jenis) game apa yang biasanya anak anda mainkan?

Action Strategi Petualangan Pendidikan 24% 38% 28% 10%

(4)

Pertanyaan pada gambar 3.5 bertujuan untuk mengetahui apa yang membuat anak responden suka bermain game. Dengan mengetahui hal tersebut, dapat diketahui bagaimana game yang akan dibuat, yaitu dengan memberikan konsep permainan dan tampilan yang menarik.

5. Apa yang membuat anak anda suka bermain game ? Konsep Permainan Tampilan Cerita Suara 18% 60% 14% 8%

Gambar 3.5 Analisis Fitur Game

Pertanyaan pada gambar 3.6 bertujuan untuk mengetahui apa yang membuat anak responden tertantang bermain game. Dengan mengetahui hal tersebut, dapat diketahui target pembuatan game yang menantang, yaitu dengan memberikan tingkat kesulitan yang berbeda-beda, dan skor tertinggi.

(5)

6. Apa yang membuat anak anda tertantang untuk bermain game ?

Skor tertinggi Tingkat kesulitan Lain-lain 48% 42% 10%

Gambar 3.6 Analisis Persentase Tantangan Game

Pertanyaan pada gambar 3.7 bertujuan untuk mengetahui pernahkah anak responden bermain game pendidikan. Dengan mengetahui hal tersebut, dapat diketahui masih sedikit game pendidikan dimainkan.

7. Pernahkah anak anda bermain game pendidikan?

Pernah Tidak Pernah

80% 20%

Gambar 3.7 Analisis Bermain Game Edukasi

Pertanyaan pada gambar 3.8 bertujuan untuk mengetahui seberapa penting game pendidikan untuk anak responden. Dengan mengetahui hal tersebut, dapat diketahui pentingnya game pendidikan dibuat.

(6)

8. Menurut anda apakah game pendidikan penting untuk anak anda?

ya Tidak 74%

26%

Gambar 3.8 Analisis Persentase Game Edukasi

Pertanyaan pada gambar 3.9 bertujuan untuk mengetahui game pendidikan apa yang pernah dimainkan anak responden. Dengan mengetahui hal tersebut, dapat diketahui tema game pendidikan apa yang akan dibuat, yaitu bertema matematika.

9. Game pendidikan tentang apa yang pernah anak anda mainkan?

Matematika Pengetahuan Umum Pengetahuan Alam Lain-lain 30% 38% 22% 10%

Gambar 3.9 Analisis Persentase Tentang Game Pendidikan Pertanyaan pada gambar 3.10 bertujuan untuk mengetahui seberapa suka anak responden bermain game dengan banyak pemain. Dengan

(7)

mengetahui hal tersebut, dapat diketahui target pembuatan game yang disukai anak, yaitu dapat dimainkan dengan banyak pemain.

10.Apakah anak anda suka bermain game dengan banyak pemain?

Iya Tidak 22%

78%

Gambar 3.10 Analisis Bermain Dengan Banyak Pemain 3.1.2 Analisis Permainan Sejenis

Terdapat 2 jenis permainan yang memiliki unsur yang mirip dengan

game QuicklyRight ini. Berikut adalah pembahasannya.

1. Hangman

Unsur konsep permaianan (gameplay) Hangman pada gambar 3.12 ini hampir sama dengan game QuicklyRight, yaitu menjawab pertanyaan yang diberikan. Perbedaannya, game hangman tidak memiliki batasan waktu untuk menjawab, tetapi memiliki batasan nyawa untuk menjawab. Game ini menyajikan beberapa kotak atau titik-titik kosong yang harus ditebak dengan mengisi huruf-huruf yang tepat untuk membentuk suatu kata yang sesuai dengan kategori yang ada. Tetapi game Hangman ini sangat minim akan multimedianya. Game Hangman tidak memiliki suara (audio) di

(8)

dalamnya. Akan tetapi, game Hangman memiliki banyak sekali kategori yang dapat dipilih, mulai dari nama artis, hingga kategori pelajaran.

Gambar 3.11 Tampilan Awal Game Hangman

Gambar 3.12 Tampilan Bermain Hangman 2. Sudoku

Unsur konsep permainan (gameplay) Sudoku pada gambar 3.14 ini hampir mirip dengan game QuicklyRight, yaitu menjawab

(9)

pertanyaan yang diberikan dengan angka. Perbedaannya, Sudoku menyajikan beberapa kotak yang berisi angka untuk disusun dengan memasukkan angka yang berbeda tiap baris dan kolomnya. Game Sudoku ini sangat sederhana, tidak menggunakan suara (audio), serta sangat minim multimedia. Game Sudoku ini hanya dapat dimainkan oleh satu pemain saja, dan game Sudoku bersifat monoton sehingga membuat pemain mungkin merasa jenuh pada permainannya.

Gambar 3.13 Tampilan Awal Game Sudoku

(10)

Berdasarkan perbandingan dengan game sejenis pada table 3.1, terdapat beberapa kekurangan untuk game edukasi. Game edukasi pada umumnya tidak memiliki audio, yang mungkin pengaruhnya dapat menambah suasana pada saat bermain, dan game edukasi biasanya hanya dimainkan oleh satu pemain saja, yang memungkinkan penggunanya merasa bosan untuk memainkannya lagi tanpa adanya interaksi lawan bermain.

Tabel 3.1 Tabel Perbandingan Aplikasi Sejenis

Hangman Sudoku

Konsep Permainan (gameplay)

Mengisi garis-garis kosong dengan huruf yang telah diberikan, sehingga membentuk suatu kata.

Mengisi kolom-kolom kosong dengan angka yang sesuai dengan baris dan kolom yang diberikan.

Platform Web, PC / Laptop, telepon

selular, dan perangkat tambahan game seperti alfalink dan sebagainya.

Web, PC / Laptop, telepon

selular.

Audio Tidak ada Tidak ada

Animasi Tidak ada Tidak ada

Maksimum pemain Satu pemain Satu pemain

Tingkat kesulitan permainan

Mudah- sedang , tidak ada batasan waktu

Mudah-sulit, tidak ada batasan waktu

(11)

Waktu Tidak ada Ada

Konten Umum Matematika

3.2 Analisis dan Solusi Permasalahan

Berikut adalah analisis dan solusi permasalahan yang didapat melalui hasil kuesioner dan aplikasi-aplikasi sejenis di atas.

Berdasarkan hasil kuesioner diatas, telah didapat kesimpulan bahwa sebagian besar pemain kurang meminati game edukasi yang bertema matematika, sedangkan matematika sangat penting untuk si pemain baik dalam membantu kehidupan sehari-hari maupun dalam kegiatan belajar mengajar, bahkan dapat dikatakan setiap aspek kehidupan pasti memiliki dasar matematika. Game edukasi bertema matematika mungkin lebih menarik dimainkan, jika dimainkan bersama orang lain dan biasanya konsep permainan (gameplay) merupakan salah satu syarat terpenting yang membuat pemain dapat memainkan suatu game. Berdasarkan masalah tersebut, muncul ide untuk membuat suatu game edukasi untuk membantu pembelajaran matematika dengan konsep permaianan yang menarik, dan dapat dimainkan dengan dua pemain, serta memiliki tingkat kesulitan dan tantangan yang membuat pemain ingin memainkannya lagi.

Berdasarkan aplikasi-aplikasi sejenis diatas, terdapat perbandingan game edukasi. Namun game edukasi diatas kurang memiliki multimedia yang menarik, seperti kurangnya audio, serta tidak memiliki tantangan seperti batasan waktu yang membuat pemain tersebut ingin mencoba permainan tersebut kembali. Oleh sebab itu, muncullah gagasan untuk membuat game edukasi yang berbeda dengan game edukasi lainnya. Konsep yang dihadirkan sebenarnya tidak berbeda jauh dengan

(12)

game edukasi lainnya, yaitu harus menjawab pertanyaan yang telah disediakan,

namun dalam game QuicklyRight ini menyediakan fitur-fitur tambahan, seperti menambahkan batasan waktu untuk menjawab suatu pertanyaan, dan memiliki tingkat kesulitan yang berbeda-beda tiap tingkatannya. Game QuicklyRight ini menambahkan fitur multimedia, seperti audio pada saat masuk kedalam tampilan menu, pada saat bermain menjawab salah dan benar. Walaupun hanya sebatas audio biasa, namun hal sekecil ini dapat menambah kenyamanan pemain dalam bermain suatu game. Game edukasi biasanya dibuat dalam bentuk singleplayer, yang membuat para pemainnya merasa bosan, karena tidak adanya teman / lawan dalam bermain game. Pada game QuicklyRight ini, disediakan fitur multiplayer, yang membuat pemainnya dapat berinteraksi satu dengan yang lainnya, sehingga dapat menghilangkan rasa bosan dan mungkin ingin memainkannya lagi. Game QuicklyRight ini, cara bermainnya mirip seperti hangman, yaitu menjawab pertanyaan yang telah disediakan. Game QuicklyRight ini akan memberikan pertanyaan matematika dengan nyawa awal sebanyak 3 kali, dan waktu yang diberikan selama 9 detik, serta tingkat kesulitan soal yang berbeda-beda sesuai tingkat kesulitannya.

Jadi, game QuicklyRight ini dirancang untuk pemain dalam mengatasi permasalahan umum matematika dengan cepat dan tepat, serta mengubah pola pikir para pemain game untuk mulai memainkan permainan game edukasi ini. Diharapkan dengan adanya game QuicklyRight ini, dapat membantu pemain untuk mengatasi masalah perhitungan.

(13)

3.3 Perancangan

Perancangan dibagi menjadi tiga tahap, yaitu perancangan game, perancangan sistem, dan perancangan layar.

3.3.1 Perancangan Permainan 3.3.1.1 Deskripsi Permainan

Berikut ini merupakan deskripsi permainan pada aplikasi yang dirancang.

1. Informasi Umum

Game QuicklyRight adalah sebuah game edukasi yang dapat

dimainkan dengan multiplayer berbasis platform BlackBerry. Game ini mengangkat tema matematika, yang ditujukan untuk anak khususnya dibawah umur 10 tahun. Cara bermainnya adalah dengan mengisi jawaban dari pertanyaan yang bertanda tanya, dimana setiap soal memiliki tingkat kesulitannya masing-masing sesuai dengan tingkatannya, semakin tinggi tingkatnya (level), maka semakin sulit juga soalnya.

Misi utama permainan ini adalah :

1. Menjawab setiap pertanyaan dengan tepat tiap levelnya. 2. Menjawab setiap pertanyaan dengan cepat.

3. Mendapatkan skor sebanyak-banyaknya dari game ini. 2. Objektif / Tujuan

Tujuan dari permainan ini adalah untuk mendapatkan skor sebanyak-banyaknya, dengan cara menjawab semua pertanyaan secara cepat dan tepat.

(14)

3. Konsep Permainan (Gameplay)

Konsep permainan ini yaitu menjawab pertanyaan yang bertanda tanya, dari setiap soal yang diberikan. Permainan ini terbagi menjadi dua pilihan bermain, yaitu :

a. Bermain dengan single player

Pada saat pemain bermain dengan single player, pemain akan menjawab sejumlah pertanyaan yang ada tiap tingkatannya, dengan memiliki nyawa awal sebanyak 3 kali dan waktu yang diberikan 9 detik tiap pertanyaannya. Skor akan dihitung dari kecepatan dan ketepatan pemain menjawab sebuah pertanyaan. Jika pemain benar menjawab sebuah pertanyaan, maka skornya ditambah 10, dan ditambah lagi jumlah sisa waktu pemain pada saat menjawab, misal pemain dapat menjawab pertanyaan dengan benar dan sisa waktu 5 detik, maka total skornya adalah 15 (10+5). Jika dalam suatu level pemain dapat menjawab pertanyaan dengan sempurna, maka pemain mendapatkan tambahan skor 20, serta diberikan bonus 1 nyawa pada tingkat berikutnya. Namun nyawa tersebut dibatasi, maksimal 5 nyawa.

b. Bermain secara two players

Pada saat pemain bermain secara two players, pemain akan menjawab sejumlah pertanyaan yang diberikan tiap tingkatannya, dengan masing-masing pemain memiliki nyawa awal sebanyak 3 kali, dan waktu yang diberikan 9 detik tiap pertanyaannya. Skor didapat pemain, dari siapa yang duluan menjawab pertanyaan yang

(15)

diberikan dengan cepat dan tepat. Jika salah satu pemain menjawab pertanyaan dengan cepat dan tepat, maka pemain yang menjawab tersebut mendapatkan skor dan permainan berlanjut kesoal berikutnya. Jika salah satu pemain yang menjawab salah, maka nyawanya akan berkurang, tetapi pemain yang satunya lagi masih dapat menjawab pertanyaan tersebut, dan pemain yang salah akan menunggu pemain yang lain menjawab untuk melanjutkan kesoal berikutnya, tetapi jika kedua-duanya menjawab salah, maka permainan langsung dilanjutkan kesoal berikutnya, apabila masih memiliki nyawa. Ketika waktu yang diberikan kepada kedua pemain habis, dan kedua pemain tidak menjawabnya, maka permainan dilanjutkan kesoal berikutnya tanpa pengurangan nyawa. Ketika salah satu pemain kehabisan nyawa, tetapi pemain yang satunya lagi masih memiliki nyawa, maka pemain yang masih memiliki nyawa tersebut masih dapat melanjutkan permainan sampai nyawanya habis, sedangkan pemain yang nyawanya sudah habis, menunggu pemain satunya lagi sampai nyawanya habis juga. Pemain yang menjawab pertanyaan dengan cepat dan tepat, serta memiliki skor tertinggi, itulah yang akan menjadi pemenangnya.

(16)

4. Alur permainan (flowchart)

Gambar 3.15 merupakan perancangan alur permainan pada aplikasi yang akan dirancang. Ketika pemain memasuki game QuicklyRight, pemain akan mendapatkan 4 pilihan menu, yaitu : 1. Start Menu, disini pemain akan mendapatkan lagi pilihan menu:

a. Single Player, ketika pemain memilih single player, maka

pemain akan langsung bermain secara single player, dan ketika pemain mendapatkan new highscore, maka skor dan namanya akan disimpan didatabase.

b. Two Players, ketika pemain memilih two players, maka pemain

mendapatkan pilihan menu untuk create, join, dan help. Jika pemain memilih menjadi create (player 1), maka akan ditampilkan tampilan menunggu player 2. Ketika player 2 telah masuk dan player 1 menerima konfirmasi dari player 2, maka permainan akan dimulai. Jika pemain memilih untuk join (player 2), maka akan ditampilkan pilihan menu search atau

start. Untuk memulai permainan, pemain harus memilih search

terlebih dahulu, maka device BlackBerry akan menampilkan daftar device yang tersedia, lalu pemain memilih device dari

player 1 (yang create), dan menunggu sampai player 1

menerima konfirmasi yang dikirim, kalau diterima, maka permainan akan dimulai. Jika pemain memilih help, maka akan ditampilkan bantuan bagaimana cara bermain dengan two

(17)

c. How To Play, ketika pemain memilih how to play, maka

pemain akan diberikan tampilan cara bermain permainan ini. 2. Highscore Menu, ketika pemain memilih highscore menu, maka

device BlackBerry terlebih dahulu membaca data highscrore pada

database, lalu pemain dapat melihat daftar highscore yang ada.

3. Option Menu, ketika pemain memilih option menu, maka pemain

dapat mengisi nama dan mengatur suara(berbunyi/diam), dan dapat memilih save, untuk menyimpan pengaturan pada persistent store. 4. Quit Menu, ketika pemain memilih quit menu, maka akan di

tampilkan konfirmasi, “Are You Sure Want To Quit ?”, ketika pemain memilih yes, maka akan keluar dari aplikasi permainan QuicklyRight.

(18)

(19)

3.3.1.2 Komponen Permainan

Komponen permainan yaitu bagian-bagian kecil yang membentuk

game ini. Dibawah ini merupakan ringkasan singkat dari komponen

pada game ini. 1. Item

Item pada game ini meliputi:

- Timer

Waktu maksimum yang disediakan kepada pemain untuk menjawab sebuah pertanyaan yang disediakan.

- Score

Point yang diraih oleh pemain dalam game ini.

2. Formula

Rumus menghitung skor single player dalam game ini adalah pemain akan mendapatkan skor sebesar 10 dan ditambah dengan total sisa waktu menjawab benar, jika pemain menjawab pertanyaan dengan benar. Ketika dalam suatu tingkatan pemain menjawab dengan sempurna, maka skornya akan ditambah 20 dengan skor yang dia dapat. Hanya skor yang termasuk skor terbaiklah yang akan dimasukkan kedalam menu highscore.

Rumus menghitung skor two players dalam game ini adalah pemain yang duluan menjawab benar akan mendapatkan skor sebesar 10 dan ditambah dengan total sisa waktu menjawab benar. Pemain yang mendapatkan skor tertinggilah yang akan memenangkan permainan game QuicklyRight secara two players.

(20)

3.3.2 Perancangan Layar

Berikut adalah perancangan layar yang ada di dalam game QuicklyRight. 1. Perancangan Layar Awal

Layar awal merupakan layar yang pertama kali muncul pada saat aplikasi game QuicklyRight dijalankan.

Tabel 3.2 Storyboard Awal Multimedia Storyboard

Project : QuicklyRight Date : 15/11/2012

Screen : 1 of 21 Screen ID : 01

Screen Description :

a. Merupakan judul game dalam permainan ini. b. Merupakan gambar karakter dalam permainan ini. c. Merupakan petunjuk untuk masuk ketampilan menu. d. Merupakan ajakan untuk bermain game QuicklyRight.

Link From Screen ID : - Link To Screen ID : 02

Color Scheme : hijau (#145c12), coklat (#732525), putih (#ffffff)

(21)

Still Images : gambar karakter Einstein

Audio : N/A Video : N/A Animation : N/A

2. Perancangan Layar Menu QuicklyRight

Layar menu QuicklyRight merupakan layar yang muncul setelah menekan salah satu tombol pada keypad BlackBerry di layar awal. Layar ini akan menampilkan beberapa menu yang dapat dipilih oleh pemain. Tabel 3.3 Storyboard Menu QuicklyRight

Multimedia Storyboard

a. Merupakan judul game dalam permainan ini. b. Merupakan menu yang dapat dipilih oleh pemain. c. Merupakan simbol selamat datang kepada pemain.

(22)

d. Merupakan gambar karakter dalam permainan ini. e. Merupakan ajakan untuk bermain game QuicklyRight.

Link From Screen ID : 01 Link To Screen ID : 03, 04, 05, 06

Color Scheme : hijau (#145c12), coklat (#732525), putih (#ffffff) Text Attributes : nama permainan dan selamat datang

Still Images : gambar karakter Einstein Audio : becak.mp3

Video : N/A

Animation : Animasi rollover pada menu QuicklyRight

3. Perancangan Layar Start Menu

Layar start menu merupakan layar yang muncul ketika pemain memilih start menu. Layar ini akan menampilkan lagi beberapa pilihan yang dapat dipilih oleh pemain.

Tabel 3.4 Storyboard Start Menu Multimedia Storyboard

(23)

a. Merupakan judul game dari permainan ini. b. Merupakan menu yang dapat dipilih oleh pemain.

c. Merupakan tampilan pilihan dari start menu, yaitu single player, two

players, dan how to play.

d. Merupakan gambar karakter dalam permainan ini. e. Merupakan simbol selamat datang kepada pemain.

f. Merupakan catatan informasi dari menu yang akan dipilih.

Link From Screen ID : 02 Link To Screen ID : 07, 08, 09

Text Attributes : nama permainan dan selamat datang Still Images : gambar karakter Einstein

Audio : becak.mp3 Video : N/A Animation : N/A

(24)

4. Perancangan Layar How To Play

Layar how to play merupakan layar yang muncul ketika pemain memilih menu how to play di start menu. Layar ini akan menampilkan cara bermain game QuicklyRight.

Tabel 3.5 Storyboard How To Play Multimedia Storyboard

a. Merupakan informasi yang berisi tentang cara bermain.

Link From Screen ID : 03 Link To Screen ID : 02

Color Scheme : hijau (#145c12), coklat (#732525), putih (#ffffff) Text Attributes : how to play

Still Images : N/A Audio : becak.mp3

Video : N/A Animation : N/A

(25)

5. Perancangan Layar Awal Single Player

Layar awal single player merupakan layar yang muncul ketika pemain memilih menu single player di start menu. Layar ini akan menampilkan quote bagi pemain, dan menunggu selama 5 detik untuk memasuki permainan.

Tabel 3.6 Storyboard Awal Single Player Multimedia Storyboard

a. Merupakan nama dari pemain yang telah dibuat pada pengaturan. b. Merupakan hitungan mundur detik untuk memulai permainan. c. Merupakan kutipan untuk pemain yang sedang memulai permainan.

Text Attributes : nama pemain, quote Still Images : N/A

(26)

Audio : N/A

Video : N/A

Animation : hitungan mundur detik

6. Perancangan Layar Mulai Single Player

Layar mulai single player merupakan layar yang muncul ketika pemain telah menunggu selama 5 detik pada layar awal single player. Layar ini akan menampilkan permaianan mulai single player.

Tabel 3.7 Storyboard Mulai Single Player Multimedia Storyboard

a. Merupakan nyawa yang diberikan kepada pemain untuk memulai permainan.

b. Merupakan waktu yang diberikan kepada pemain untuk menjawab soal.

(27)

d. Merupakan skor yang diperoleh pemain. e. Merupakan soal yang harus dijawab pemain.

f. Merupakan tempat pemain untuk menjawab soal yang diberikan. g. Merupakan tingkat (level) soal yang sedang dimainkan pemain.

Link From Screen ID : 08 Link To Screen ID : 11, 12, 20, 21

Text Attributes : life, question, score, time, answer, level Still Images : N/A

Audio : benar.wav, salah.wav

Video : N/A Animation : time

7. Perancangan Lanjut Perfect Single Player

Layar lanjut perfect single player merupakan layar yang muncul ketika pemain telah menyelesaikan permainan dengan menjawab semua pertanyaan dengan benar.

Tabel 3.8 Storyboard Lanjut Perfect Single Player Multimedia Storyboard

(28)

a. Merupakan tampilan bahwa pemain telah menjawab semua soal dengan benar pada tingkat sebelumnya.

b. Merupakan pilihan untuk pemain jika mau keluar dari permainan. c. Merupakan pilihan untuk pemain jika ingin melanjutkan permainan

ketingkat selanjutnya.

Link From Screen ID : 10 Link To Screen ID : 02, 10

Color Scheme : hijau (#145c12), coklat (#732525), putih (#ffffff) Text Attributes : perfect, congratulation

Still Images : N/A

Audio : vic.mp3 Video : N/A

Animation : N/A

8. Perancangan Lanjut Single Player

Layar lanjut single player merupakan layar yang muncul ketika pemain telah menyelesaikan permainan, tetapi tidak menjawab semua pertanyaan dengan benar.

(29)

Tabel 3.9 Storyboard Lanjut Single Player Multimedia Storyboard

a. Merupakan tampilan untuk pemain bersiap-siap melanjutkan ketingkat selanjutnya.

b. Merupakan pilihan untuk pemain jika mau keluar dari permainan. c. Merupakan pilihan untuk pemain jika mau melanjutkan permainan ke

tingkat selanjutnya.

Text Attributes : get ready Still Images : N/A

Audio : vic.mp3 Video : N/A Animation : N/A

(30)

9. Perancangan Two Players Menu

Layar two players menu merupakan layar yang muncul ketika pemain memilih bermain dengan two players. Layar ini akan menampilkan lagi beberapa pilihan bagi pemain.

Tabel 3.10 Storyboard Two Players Menu Multimedia Storyboard

a. Merupakan judul game dari permainan ini. b. Merupakan menu yang akan dipilih pemain. c. Merupakan gambar karakter dalam permainan ini.

d. Merupakan catatan informasi dari menu yang akan dipilih.

Link From Screen ID : 03 Link To Screen ID : 02, 13, 14, 15,16

Text Attributes : nama permainan, note Still Images : gambar karakter Einstein

(31)

Audio : becak.mp3

Video : N/A

Animation : Animasi rollover menu

10.Perancangan Help

Layar help merupakan layar yang muncul ketika pemain memilih

help menu pada two players menu. Layar ini akan menampilkan bantuan

cara bermain dengan dua pemain. Tabel 3.11 Storyboard Help

a. Merupakan tampilan berisi tentang bantuan cara bermain dengan two

players.

(32)

Text Attributes : help

Still Images : N/A Audio : becak.mp3 Video : N/A

Animation : N/A

11.Perancangan Penanganan Masalah Bluetooth

Layar penanganan masalah Bluetooth merupakan layar yang muncul ketika pemain belum mengaktifkan jaringan Bluetooth-nya. Tabel 3.12 Storyboard Penanganan Masalah Bluetooth

a. Merupakan judul game dari permainan ini . b. Merupakan gambar karakter dalam permainan ini.

(33)

d. Merupakan tampilan selamat datang kepada pemain e. Merupakan catatan informasi dari menu yang akan dipilih.

Color Scheme : hijau (#145c12), coklat (#732525), putih (#ffffff) Text Attributes : nama permainan, note

Still Images : gambar karakter Einstein Audio : becak.mp3

12.Perancangan Create Two Players

Layar create two players merupakan layar yang muncul ketika pemain memilih create pada two players menu.

Tabel 3.13 Storyboard Create Two Players Multimedia Storyboard

(34)

a. Merupakan tampilan menunggu player 2 untuk gabung dalam permainan

Link From Screen ID : 09 Link To Screen ID : 09, 17, 18

Text Attributes : waiting Still Images : N/A

Audio : N/A Video : N/A

Animation : N/A

13.Perancangan Join Two Players

Layar join two players merupakan layar yang muncul ketika pemain memilih join pada two players menu.

Tabel 3.14 Storyboard Join Two Players Multimedia Storyboard

(35)

a. Merupakan nama Bluetooh pemain.

b. Merupakan menu yang akan dipilih pemain.

Text Attributes : connect Still Images : N/A

Audio : becak.mp3 Video : N/A

Animation : N/A

14.Perancangan Ready Two Players

Layar ready two players merupakan layar yang muncul ketika pemain telah memilih start pada layar join two players.

Tabel 3.15 Storyboard Ready Two Players Multimedia Storyboard

(36)

a. Merupakan tampilan untuk bersedia memulai permainan.

Text Attributes : ready Still Images : N/A Audio : N/A

15.Perancangan Konfirmasi Two Players

Layar konfirmasi two players merupakan layar yang muncul ke pemain yang menunggu pemain lain untuk bergabung, ketika pemain tersebut telah memilih start untuk join.

(37)

Tabel 3.16 Storyboard Konfirmasi Two Players Multimedia Storyboard

a. Merupakan pilihan untuk pemain jika pemain mau menerima permintaan untuk bergabung.

b. Merupakan pilihan untuk pemain jika pemain tidak mau menerima permintaan untuk bergabung.

c. Merupakan permintaan yang dikirim oleh pemain untuk bergabung dalam permainan.

Color Scheme : hijau (#145c12), coklat (#732525), putih (#ffffff) Text Attributes : ready

Still Images : N/A Audio : N/A

(38)

16.Perancangan Mulai Two Players

Layar mulai two players merupakan layar yang muncul ketika pemain telah menerima konfirmasi untuk bergabung.

Tabel 3.17 Storyboard Mulai Two Players Multimedia Storyboard

a. Merupakan nama dari pemain satu, nyawa pemain satu, dan skor pemain satu.

b. Merupakan nama dari pemain dua, nyawa pemain dua, dan skor dari pemain dua.

c. Merupakan soal yang harus dijawab pemain dan tempat pemain untuk menjawab soal yang diberikan.

d. Merupakan waktu yang diberikan kepada pemain untuk menjawab soal.

e. Merupakan tingkat (level) soal yang sedang dimainkan pemain.

(39)

Text Attributes : life, score, time, level, question, answer

Audio : benar.wav, salah.wav Video : N/A

Animation : time

17.Perancangan Game Over

Layar game over merupakan layar yang muncul ketika pemain telah selesai bermain game QuicklyRight.

Tabel 3.18 Storyboard Game Over Multimedia Storyboard

a. Merupakan tampilan sewaktu nyawa pemain habis

Link From Screen ID : 10, 18 Link To Screen ID : 02

(40)

Text Attributes : game over

Still Images : N/A Audio : N/A Video : N/A

Animation : N/A

18.Perancangan Game Over New Highscore

Layar game over new highscore merupakan layar yang muncul ketika pemain telah selesai bermain game QuicklyRight dan mendapatkan skor tertinggi baru.

Tabel 3.19 Storyboard Game Over New Highscore Multimedia Storyboard

a. Merupakan tampilan sewaktu nyawa pemain habis dan mendapatkan skor baru.

(41)

Link From Screen ID : 10, 18 Link To Screen ID : 02

Color Scheme : hijau (#145c12), coklat (#732525), putih (#ffffff) Text Attributes : game over

Audio : N/A Video : N/A

Animation : N/A

19.Perancangan Highscore Menu

Layar highscore menu merupakan layar yang muncul ketika pemain memilih highscore menu pada pilihan menu QuicklyRight.

Tabel 3.20 Storyboard Highscore Menu Multimedia Storyboard

a. Merupakan tampilan peringkat pemain yang mendapatkan skor tertinggi.

(42)

b. Merupakan petunjuk untuk kembali ke-menu sebelumnya.

Color Scheme : hijau (#145c12), coklat (#732525), putih (#ffffff) Text Attributes : highscore

Still Images : N/A Audio : becak.mp3

20.Perancangan Option Menu

Layar option menu merupakan layar yang muncul ketika pemain memilih option menu pada pilihan menu QuicklyRight.

Tabel 3.21 Storyboard Option Menu Multimedia Storyboard

(43)

a. Merupakan nama pemain.

b. Merupakan bunyi game dan dapat di diamkan. c. Merupakan pilihan untuk menyimpan pengaturan. d. Merupakan pilihan untuk kembali ketampilan menu.

Text Attributes : name, sound Still Images : N/A

Audio : becak.mp3

21.Perancangan Quit Menu

Layar quit menu merupakan layar yang muncul ketika pemain memilih quit menu pada pilihan menu QuicklyRight.

Tabel 3.22 Storyboard Quit Menu Multimedia Storyboard

(44)

a. Merupakan judul game dalam permainan ini.

b. Merupakan pilihan untuk tetap berada dalam aplikasi atau keluar.

Text Attributes : name, sound Still Images : N/A

Audio : becak.mp3 Video : N/A

Animation : N/A

3.3.3 Perancangan Sistem

Perancangan sistem yang dipakai untuk merancang game QuicklyRight ini adalah perancangan UML. Perancangan UML meliputi use case diagram,

(45)

1. Use case diagram

Gambar 3.16 merupakan rancangan use case diagram pada aplikasi yang akan dirancang. Untuk menjalankan permainan QuicklyRight, pemain pertama kali harus menjalankan aplikasinya terlebih dahulu. Ketika pemain telah menjalankan aplikasi, pemain dapat memilih bermain dengan single player, two players, melihat cara bermain, meminta bantuan untuk two players, memasukkan nama, mengatur ada tidaknya suara (audio), melihat tampilan highscore, dan memilih quit untuk keluar dari permainan.

(46)

2. Activity Diagram

Proses pada gambar 3.17 ini terjadi pada saat pemain menjalankan aplikasi permainan QuicklyRight. Pertama-tama device BlackBerry akan menampilkan tampilan awal, dimana pemain harus mengklik salah tombol untuk masuk kedalam tampilan menu.

Gambar 3.17 Activity Diagram Run QuicklyRight Application Proses pada gambar 3.18 ini terjadi pada saat pemain ingin bermain dengan single player. Terlebih dahulu pemain menjalankan aplikasi, lalu memilih start menu, maka device BlackBerry akan menampilkan beberapa pilihan. Untuk bermain dengan single player, pemain dapat memilih menu single player, maka device BlackBerry akan menampilkan tampilan permainan dengan single player, dan pemain dapat memulai permainan. Jika game over dan mendapatkan skor tertinggi, maka nama dan skor akan disimpan didatabase, tetapi kalau tidak mendapatkan skor tertinggi, maka langsung selesai bermain.

(47)

Gambar 3.18 Activity Diagram Playing With One Player

Proses pada gambar 3.19 ini terjadi pada saat pemain ingin bermain dengan dua pemain. Terlebih dahulu kedua pemain menjalankan aplikasi, lalu memilih start menu, maka akan ditampilkan pilihan single player /

two players / how to play. Kedua pemain memilih bermain dengan dua

(48)

dimana pemain pertama memilih create, kemudian device BlackBerry akan menampilkan tampilan tunggu kepada pemain pertama. Kemudian pemain kedua memilih join, maka device BlackBerry akan memberikan pilihan untuk search atau start. Pemain kedua terlebih dahulu memilih

search, dan device BlackBerry akan menampilkan pilihan daftar device

yang tersedia. Pemain kedua memilih nama device connect to player 1 lalu start. Kemudian, device BlackBerry mengirimkan konfirmasi ke pemain pertama untuk menerima konfirmasi gabung dari pemain kedua. Setelah pemain pertama menerima konfirmasi tersebut, maka permainan QuicklyRight dapat dimainkan dengan dua pemain.

(49)

(50)

Proses pada gambar 3.20 ini terjadi pada saat pemain ingin melihat cara bermain permainan ini. Pemain terlebih dahulu menjalankan aplikasi, lalu memilih start menu, maka akan ditampilkan beberapa pilihan. Untuk melihat cara bermain, pemain memilih how to play, maka akan ditampilkan tampilan cara bermain permainan ini.

Choose Start Menu Display Choice of Single Player/Two Players/How To Play

Choose How To Play Display How To Play

Run QuicklyRight Application Display Start Screen

Press Button To Start Display Menu Screen

Player Client

Gambar 3.20 Activity Diagram View How To Play

Proses pada gambar 3.21 ini terjadi pada saat pemain ingin meminta bantuan untuk bermain dengan two players. Pertama-tama pemain menjalankan aplikasi, lalu memilih start menu, maka akan diberikan beberapa pilihan. Pemain memilih two players, dan akan ditampilkan lagi pilihan create, join, dan help. Untuk meminta bantuan bermain dengan

two players, maka pemain memilih help, dan akan ditampilin tampilan

(51)

Gambar 3.21 Activity Diagram Choose Help

Proses pada gambar 3.22 ini terjadi pada saat pemain akan memasukkan nama kedalam aplikasi game QuicklyRight. Pemain terlebih dahulu menjalankan aplikasi, lalu memilih option menu, dan pada tampilan option menu, pemain dapat memasukkan namanya, kemudian memilih save untuk menyimpan nama pemain ke dalam persistent store, lalu keluar dari tampilan option menu. Dan kalau pemain memilih exit, maka langsung keluar dari tampilan option menu, tanpa menyimpan nama.

(52)

Save Exit

Choose Option Menu Display Option Screen

Input Name Display Choice of Save/Exit

Store Name Into Persistent Store

Player Client

Gambar 3.22 Activity Diagram Input Name

Proses pada gambar 3.23 ini terjadi pada saat pemain akan mengatur suara kedalam aplikasi game QuicklyRight. Pemain dapat memilih option menu, lalu pada tampilan option menu, pemain dapat mencentang sound, jika sound dicentang maka game QuicklyRight tidak bersuara (mute), dan sebaliknya jika tidak dicentang, maka bersuara. Kemudian memilih save untuk menyimpan pengaturan sound pemain kedalam persistent store, lalu persistent store akan men-set sound yang telah diatur pemain sebelumnya di-device BlackBerry, lalu keluar dari menu option. Dan kalau pemain memilih exit, maka langsung keluar dari option menu, tanpa menyimpan pengaturan suara.

(53)

Save Exit

Choose Option Menu Display Option Screen

Checklist Sound Display Choice Save/Exit

Store The Sound Into Persistent Store

Player Client

Gambar 3.23 Activity Diagram Set The Sound

Proses pada gambar 3.24 ini terjadi pada saat pemain ingin melihat daftar highscore dalam game QuicklyRight. Pemain terlebih dahulu menjalankan aplikasi, lalu memilih highscore menu, maka device

BlackBerry akan menampilkan daftar nama dan skor pemain yang

(54)

Choose Highscore Menu Read Highscore Data

Display Highscore List

Player Client

Gambar 3.24 Activity Diagram View Highscore

Proses pada gambar 3.25 ini terjadi pada saat ingin keluar dari permainan. Pemain dapat memilih quit menu, maka akan ditampilkan sebuah pilihan konfirmasi, “Are You Sure Want To Quit ?”. Jika pemain memilih yes, maka pemain akan keluar dari game, dan jika pemain memilih no, maka pemain akan kembali ke tampilan menu.

(55)

Yes

No

Choose Quit Menu Display Confirmation Quit Yes/No

Display Menu Screen

Player Client

Gambar 3.25 Activity Diagram Choose Quit

Proses pada gambar 3.26 ini terjadi pada saat admin ingin menjalankan aplikasi BackEnd. Pertama-tama perangkat BlackBerry akan menampilkan tampilan awal, yang menyuruh admin untuk menekan salah satu tombol untuk melanjutkan aplikasi. Pada saat admin menekan salah satu tombol, maka perangkat Blackbery akan menampilkan tampilan

(56)

Gambar 3.26 Activity Diagram Run BackEnd Application

Proses pada gambar 3.27 ini terjadi pada saat admin ingin mengganti tampilan dan bahasa pada aplikasi game QuicklyRight. Terlebih dahulu pemain menjalankan aplikasi BackEnd, lalu memilih bahasa yang akan digunakan. Ketika admin telah memilih bahasa dan save, maka secara otomatis bahasa dan tampilan pada game QuicklyRight akan terganti, sesuai yang dipilih, jika memilih exit, maka tidak melakukan perubahan apapun.

(57)

Save Exit

Choose Language Display Choose Save/Exit Run BackEnd Application Display Start Screen

Press Button To Continue Display BackEnd Screen

Save Setting

Player Client

(58)

3. Class Diagram

(59)

4. Sequence Diagram

Gambar 3.29 merupakan sequence diagram untuk menjalankan aplikasi

game QuicklyRight, berdasarkan atas activity diagram yang telah dirancang.

:StartScreen <<interface>>

:OpenApplicationQR

run()

:MenuScreen

Display Start Screen

Display Menu Screen openMenuScreen() <<controller>> :Run Player <<create UI>> openApplication() <<create UI>> <<create UI>>

X

Gambar 3.29 Sequence Diagram Run QuicklyRight Application

Gambar 3.30 merupakan sequence diagram untuk bermain dengan satu pemain, berdasarkan atas activity diagram yang telah dirancang.

(60)

(61)

Gambar 3.31 merupakan sequence diagram untuk bermain dengan dua pemain, berdasarkan atas activity diagram yang telah dirancang.

Gambar 3.31 Sequence Diagram Playing With Two Players

Gambar 3.32 merupakan sequence diagram untuk melihat cara bermain

(62)

Gambar 3.32 Sequence Diagram View How To Play

Gambar 3.33 merupakan sequence diagram untuk meminta bantuan bermain dengan dua pemain, berdasarkan activity diagram yang telah dirancang.

(63)

Gambar 3.33 Sequence Diagram Choose Help

Gambar 3.34 merupakan sequence diagram cara memasukkan nama pemain pada game QuicklyRight, berdasarkan atas activity diagram yang telah dirancang.

(64)

Gambar 3.34 Sequence Diagram Input Name

Gambar 3.35 merupakan sequence diagram untuk mengatur ada tidaknya bunyi suara pada game QuicklyRight, berdasarkan atas activity diagram yang telah dirancang.

(65)

Gambar 3.35 Sequence Diagram Set The Sound

Gambar 3.36 merupakan sequence diagram melihat daftar skor tertinggi yang ada dalam game QuicklyRight, berdasarkan atas activity diagram yang telah dirancang.

(66)

Gambar 3.36 Sequence Diagram View Highscore

Gambar 3.37 merupakan sequence diagram untuk keluar dari permainan

(67)

Gambar 3.37 Sequence Diagram Choose Quit

Gambar 3.38 merupakan sequence diagram untuk menjalankan aplikasi

(68)

Gambar 3.38 Sequence Diagram Run BackEnd Application

Gambar 3.39 merupakan sequence diagram untuk mengatur tampilan dan bahasa pada admin, berdasarkan activity diagram yang telah dirancang.

(69)