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

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.

34

35 1. Berapakah usia anak anda?

12% 7 Tahun

34%

8 Tahun

22%

9 Tahun 10 Tahun

32%

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?

12%

38% 28%

Blackberry Iphone Samsung

22%

Lain-lain

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

36 mengetahui

hal

tersebut,

dapat

diketahui

dimana

game

akan

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

28% Ya Tidak

72%

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 pendidikan. 4. Genre (jenis) game apa yang biasanya anak anda mainkan?

10% Action

24%

38%

Strategi Petualangan

28%

Pendidikan

Gambar 3.4 Analisis Genre Game

game

37 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 ? 8%

Konsep Permainan Tampilan

14% 18%

60%

Cerita Suara

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.

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

10%

Skor tertinggi

42% 48%

Tingkat kesulitan Lain-lain

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?

20% Pernah Tidak Pernah

80%

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.

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

26% ya

74%

Tidak

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?

22%

10%

38% 30%

Matematika Pengetahuan Umum Pengetahuan Alam Lain-lain

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

40 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?

22% Iya Tidak

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

41 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

42 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

Gambar 3.14 Tampilan Bermain Sudoku

43 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

Mengisi garis-garis kosong

Mengisi kolom-kolom

(gameplay)

dengan huruf yang telah

kosong dengan angka yang

diberikan, sehingga

sesuai dengan baris dan

membentuk suatu kata.

kolom yang diberikan.

Web, PC / Laptop, telepon

Web, PC / Laptop, telepon

selular, dan perangkat

selular.

Platform

tambahan game seperti alfalink dan sebagainya. Audio

Tidak ada

Tidak ada

Animasi

Tidak ada

Tidak ada

Maksimum pemain

Satu pemain

Satu pemain

Tingkat kesulitan

Mudah- sedang , tidak ada

Mudah-sulit, tidak ada

permainan

batasan waktu

batasan waktu

Unsur pendidikan

Hanya sedikit

Hanya sedikit

44 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 seharihari 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

45 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.

46 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.

47 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

48 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.

49 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 players.

50 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.

51

Gambar 3.15 Flowchart QuicklyRight

52 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.

53 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) Text Attributes : nama permainan dan ajakan bermain

54 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


Date : 15/11/2012

Screen : 2 of 21

Screen ID : 02

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

55 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


Date : 15/11/2012

Screen : 3 of 21

Screen ID : 03

56

Screen Description : 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

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 : N/A

57 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


Date : 15/11/2012

Screen : 4 of 21

Screen ID : 07

Screen Description : a. Merupakan informasi yang berisi tentang cara bermain. Link From Screen ID : 03


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

58 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


Date : 15/11/2012

Screen : 5 of 21

Screen ID : 08

Screen Description : 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. Link From Screen ID : 03


Color Scheme : hijau (#145c12), coklat (#732525), putih (#ffffff) Text Attributes : nama pemain, quote Still Images : N/A

59 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


Date : 15/11/2012

Screen : 6 of 21

Screen ID : 10

Screen Description : a. Merupakan nyawa yang diberikan kepada pemain untuk memulai permainan. b. Merupakan waktu yang diberikan kepada pemain untuk menjawab soal. c. Merupakan jumlah soal yang akan dijawab dalam suatu tingkatan.

60 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

Color Scheme : hijau (#145c12), coklat (#732525), putih (#ffffff) 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


Date : 15/11/2012

Screen : 7 of 21

Screen ID : 11

61

Screen Description : 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.

62 Tabel 3.9 Storyboard Lanjut Single Player Multimedia Storyboard


Date : 15/11/2012

Screen : 8 of 21

Screen ID : 12

Screen Description : 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. Link From Screen ID : 10


Color Scheme : hijau (#145c12), coklat (#732525), putih (#ffffff) Text Attributes : get ready Still Images : N/A Audio : vic.mp3 Video : N/A Animation : N/A

63 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


Date : 15/11/2012

Screen : 9 of 21

Screen ID : 09

Screen Description : 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

Color Scheme : hijau (#145c12), coklat (#732525), putih (#ffffff) Text Attributes : nama permainan, note Still Images : gambar karakter Einstein

64 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 Multimedia Storyboard


Date : 15/11/2012

Screen : 10 of 21

Screen ID : 13

Screen Description : a. Merupakan tampilan berisi tentang bantuan cara bermain dengan two players. Link From Screen ID : 09


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

65 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 Multimedia Storyboard


Date : 15/11/2012

Screen : 11 of 21

Screen ID : 14

Screen Description : a. Merupakan judul game dari permainan ini . b. Merupakan gambar karakter dalam permainan ini. c. Merupakan tampilan pemberitahuan Bluetooth dalam keadaan off.

66 d. Merupakan tampilan selamat datang kepada pemain e. Merupakan catatan informasi dari menu yang akan dipilih. Link From Screen ID : 09


Color Scheme : hijau (#145c12), coklat (#732525), putih (#ffffff) Text Attributes : nama permainan, note Still Images : gambar karakter Einstein Audio : becak.mp3 Video : N/A Animation : N/A

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


Date : 15/11/2012

Screen : 12 of 21

Screen ID : 15

67 Screen Description : a. Merupakan tampilan menunggu player 2 untuk gabung dalam permainan Link From Screen ID : 09

Link To Screen ID : 09, 17, 18

Color Scheme : hijau (#145c12), coklat (#732525), putih (#ffffff) 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


Date : 15/11/2012

Screen : 13 of 21

Screen ID : 16

68

Screen Description : a. Merupakan nama Bluetooh pemain. b. Merupakan menu yang akan dipilih pemain. Link From Screen ID : 09


Color Scheme : hijau (#145c12), coklat (#732525), putih (#ffffff) 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


Date : 15/11/2012

69 Screen : 14 of 21

Screen ID : 19

Screen Description : a. Merupakan tampilan untuk bersedia memulai permainan. Link From Screen ID : 16


Color Scheme : hijau (#145c12), coklat (#732525), putih (#ffffff) Text Attributes : ready Still Images : N/A Audio : N/A Video : N/A Animation : 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.

70 Tabel 3.16 Storyboard Konfirmasi Two Players Multimedia Storyboard


Date : 15/11/2012

Screen : 15 of 21

Screen ID : 17

Screen Description : 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. Link From Screen ID : 15


Color Scheme : hijau (#145c12), coklat (#732525), putih (#ffffff) Text Attributes : ready Still Images : N/A Audio : N/A Video : N/A Animation : N/A

71 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


Date : 15/11/2012

Screen : 16 of 21

Screen ID : 18

Screen Description : 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. Link From Screen ID : 17



72 Text Attributes : life, score, time, level, question, answer Still Images : N/A 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


Date : 15/11/2012

Screen : 17 of 21

Screen ID : 20

Screen Description : a. Merupakan tampilan sewaktu nyawa pemain habis Link From Screen ID : 10, 18



73 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


Date : 15/11/2012

Screen : 18 of 21

Screen ID : 21

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

74 Link From Screen ID : 10, 18


Color Scheme : hijau (#145c12), coklat (#732525), putih (#ffffff) Text Attributes : game over Still Images : N/A 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


Date : 15/11/2012

Screen : 19 of 21

Screen ID : 04

Screen Description : a. Merupakan tampilan peringkat pemain yang mendapatkan skor tertinggi.

75 b. Merupakan petunjuk untuk kembali ke-menu sebelumnya. Link From Screen ID : 02


Color Scheme : hijau (#145c12), coklat (#732525), putih (#ffffff) Text Attributes : highscore Still Images : N/A Audio : becak.mp3 Video : N/A Animation : N/A

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


Date : 15/11/2012

Screen : 20 of 21

Screen ID : 05

Screen Description :

76 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. Link From Screen ID : 02


Color Scheme : hijau (#145c12), coklat (#732525), putih (#ffffff) Text Attributes : name, sound Still Images : N/A Audio : becak.mp3 Video : N/A Animation : N/A

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


Date : 15/11/2012

Screen : 21 of 21

Screen ID : 06

77

Screen Description : a. Merupakan judul game dalam permainan ini. b. Merupakan pilihan untuk tetap berada dalam aplikasi atau keluar. Link From Screen ID : 02


Color Scheme : hijau (#145c12), coklat (#732525), putih (#ffffff) 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, activity diagram, class diagram, dan sequence diagram.

78 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.

Gambar 3.16 Usecase QuicklyRight

79 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.

80

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 pemain, maka akan ditampilkan lagi pilihan create, join, dan help,

81 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.

82

Gambar 3.19 Activity Diagram Playing With Two Players

83 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. Player

Client

Run QuicklyRight Application

Display Start Screen

Press Button To Start

Display Menu Screen

Choose Start Menu

Choose How To Play

Display Choice of Single Player/Two Players/How To Play

Display How To Play

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 bantuan (help).

84

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.

85 Player

Client




Display Menu Screen

Choose Option Menu

Display Option Screen

Input Name

Display Choice of Save/Exit Save

Store Name Into Persistent Store

Exit

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.

86 Player

Client




Display Menu Screen

Choose Option Menu

Display Option Screen

Checklist Sound

Display Choice Save/Exit Save

Store The Sound Into Persistent Store

Exit

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 memperoleh skor tertinggi pada game QuicklyRight dari database.

87 Player

Client




Display Menu Screen

Choose Highscore Menu

Read Highscore Data

Display Highscore List

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.

88 Player

Client




Display Menu Screen

Choose Quit Menu

Display Confirmation Quit Yes/No

No

Display Menu Screen

Yes

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 BackEnd.

89

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.

90 Player

Run BackEnd Application

Client


Press Button To Continue

Display BackEnd Screen

Choose Language

Display Choose Save/Exit Save

Save Setting

Exit

Gambar 3.27 Activity Diagram Set The Display And Language

91 3. Class Diagram

Gambar 3.28 Class Diagram QuicklyRight Game

92 4. Sequence Diagram

Gambar 3.29 merupakan sequence diagram untuk menjalankan aplikasi game QuicklyRight, berdasarkan atas activity diagram yang telah dirancang.

Player

<> :OpenApplicationQR

<> :Run

:StartScreen

:MenuScreen

<> openApplication() run() <>

Display Start Screen openMenuScreen() <> Display Menu Screen

X

X

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.

93

Gambar 3.30 Sequence Diagram Playing With One Player

94 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 game QuicklyRight, berdasarkan atas activity diagram yang telah dirancang.

95

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.

96

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.

97

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.

98

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.

99

Gambar 3.36 Sequence Diagram View Highscore

Gambar 3.37 merupakan sequence diagram untuk keluar dari permainan game QuicklyRight, berdasarkan atas activity diagram yang telah dirancang.

100

Gambar 3.37 Sequence Diagram Choose Quit

Gambar 3.38 merupakan sequence diagram untuk menjalankan aplikasi BackEnd pada admin, berdasarkan activity diagram yang telah dirancang.

101

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.

102

Gambar 3.39 Sequence Diagram Set The Display And Language

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

Recommend Documents