BAB III ANALISIS DAN PERANCANGAN
3.1. Analisa Sistem Dalam merancang suatu game pembelajaran hijaiyah dasar, akan dilakukan analisa terhadap kebutuhan dasar sistem untuk mengetahui data-data yang merepresentasikan masalah. Setelah data yang dibutuhkan telah diketahui, selanjutnya membuat spesifikasi kebutuhan sistem yang akan dibangun. Berdasarkan latar belakang dan perumusan masalah yang terdapat pada bab 1, maka kebutuhan awal sistem adalah membuat perancangan media pembelajaran hijaiyah dasar tentang pengenalan huruf hijaiyah dan contoh pengucapannya. Pada penelitian ini akan dibuat game hijaiyah dasar tentang pengenalan huruf-huruf hijaiyah beserta contoh pengucapan. Aplikasi game ini ditujukan untuk anak-anak dan remaja agar dapat membantu proses pembelajaran dalam memahami tentang huruf hijaiyah agar tepat dan benar dalam cara pengucapannya. Proses perancangan game menggunakan perangkat lunak (software) Adobe Flash Professional CS5 dengan bahasa pemrograman ActionScript 3.0, game ini bersifat pasif dan hanya dapat digunakan pada sistem operasi yang dapat menjalankan file berekstensi ‘.exe’ seperti : Windows xp/Vista/7. Pada tampilan Home terdapat tombol Play, Option, Score, Help dan Exit. Tombol Play digunakan untuk memulai permainan. Tombol Option untuk mengatur musik dan suara pada game serta tampilan fullscreen. Tombol Score menampilkan top score nilai yang telah diraih dalam permainan yang akan disusun sesuai nilai yang tertinggi. Tombol Help akan menjelaskan bagaimana cara memainkan game ini dengan instruksi yang telah dibuat dan menampilkan informasi versi game beserta informasi pembuatnya. Tombol Exit untuk keluar aplikasi game. Jenis game ini adalah game petualangan (adventure) dengan satu karakter utama yang akan dimainkan untuk melewati level yang telah dibuat. Game ini juga 26
27
disebut game side scrolling yaitu background yang terus bergerak mengikuti karakter ketika karakter mulai digerakan melalui input dari keyboard dengan menekan tombol A untuk ke kiri, D untuk ke kanan dan spasi untuk melompat. Pada awal permainan di level 1, karakter utama harus mengambil 28 huruf hijaiyah yang telah diletakkan di suatu tempat dan setiap huruf yang diambil akan menambah skor sebanyak 500, untuk menambah skor terdapat juga banyak objek koin dengan nilai skor 25, 50 dan 100. Waktu awal yang diberikan adalah 600 detik, agar tidak kehabisan waktu sebelum mencapai finish terdapat 20 objek waktu yang harus diambil untuk menambah waktu sebanyak 30 detik tiap objek, karakter jg harus menghindari musuh-musuh yang dapat mengurangi skor dan nyawa pada karakter, jumlah nyawa awal pada karakter adalah 3, terdapat 7 objek hati yang dapat diambil untuk menambah nyawa sebanyak 1 tiap objek yang diambil. Kemudian, karakter utama harus cepat menemukan objek finish untuk menyeselaikan permainan sebelum waktu habis.
3.2. Analisa Kebutuhan Dalam melakukan penelitian dibutuhkan beberapa komponen pendukung yaitu perangkat keras (hardware) dan perangkat lunak (software) untuk keberhasilan penelitian ini yaitu : 1.
Perangkat Keras (hardware) Perangkat keras atau hardware yang digunakan untuk membantu
penelitian ini adalah sebuah Laptop dengan spesifikasi sebagai berikut : a. Processor : Intel(R) Core(TM) i5-2450M CPU @2.50GHz (4 CPU) b. Memory : 4096 MB RAM c. Harddisk drive (HDD) : 500 GB d. Video Graphics addapter (VGA): Mobile Intel® HD Graphics 1 GB 2.
Perangkat Lunak (software) Perangkat lunak atau software yang digunakan untuk membantu
penelitian ini adalah : a. Sistem Operasi : Microsoft Windows 7 Ultimate 32-bit
28
b. Adobe Flash Profesional CS5 c. Adobe Ilustrator CS5 d. Audacity
3.3. Konsep Aplikasi game ini bertujuan untuk membantu proses belajar mengajar yang bersifat manual menjadi digital agar dapat belajar mandiri, berpikir kreatif dan inovatif. Game ini dirancang semenarik mungkin menggunakan text, grafik, gambar dan animasi agar mudah dimengerti. Aplikasi game dapat digunakan pada komputer atau laptop dengan sistem operasi Windows Xp/Vista/7 tanpa harus koneksi internet sehingga lebih mudah dalam penggunaannya. Berikut ini adalah deskripsi konsep aplikasi game : Tabel 3.1
Deskripsi Konsep Games Hijaiyah Dasar
Judul
Games Hijaiyah Dasar
Pengguna
Anak-anak dan remaja
Animasi
Animasi pada teks dan gambar dibuat sendiri menggunakan Adobe Flash Professional CS5 Format file yang digunakan adalah berformat .mp3 yang
Suara
diunduh dari internet
Gambar Interaktif
Sebagian besar gambar dibuat sendiri menggunakan Adobe Flash Professional CS5 Menggunakan button, animasi dan ActionScript 3.0 sebagai media interaktif
3.4. Pengumpulan Bahan Setelah melakukan analisa aplikasi game yang akan dibuat, langkah selanjutnya adalah mengumpulkan bahan-bahan pendukung yang dibutuhkan untuk membuat aplikasi game berupa text, gambar, animasi dan suara agar menjadi lebih menarik.
29
3.4.1. Text Teks dalam aplikasi game ini digunakan sebagai pemberi informasi kepada user agar memudahkan dalam memainkan game dan dibuat menggunakan Adobe Flash Professional CS5. 3.4.2. Gambar Gambar yang digunakan dalam aplikasi game ini dibuat langsung menggunakan Adobe Flash Professional CS5 dan beberapa gambar diambil dari Adobe Ilustrator CS5. 3.4.3. Animasi Animasi yang digunakan dalam aplikasi game ini menggunakan Adobe Flash Professional CS5 yang dibuat sebagai movie clip dan button. 3.4.4. Suara Efek
suara
pada
aplikasi
game
ini
diunduh
dari
situs
www.freesoundeffects.com dan Adobe Flash Professional CS5 dengan meng-klik Window > Common Libraries > Sounds dengan format file .mp3.
3.5. Perancangan Pada tahap ini akan dijelaskan secara detail perancangan game pembelajaran hijaiyah dasar mengunakan Adobe Flash Professional CS5 dengan bahasa pemrograman ActionScript 3.0 dari tampilan utama sampai akhir menggunakan peta navigasi, flow chart dan storyboard. 3.5.1. Perancangan Peta Navigasi Peta navigasi memudahkan dalam perancangan aplikasi game yang akan dibuat untuk menentukan lokasi perpindahan setiap tampilan ke tampilan lain pada aplikasi game.
30
Gambar 3.1 Peta navigasi Pada gambar 3.1 terlihat bahwa tampilan pertama kali adalah tampilan Loading dengan animasi loading game jika telah 100 persen maka menuju ke tampilan HOME. Pada tampilan HOME terdapat pilihan tombol yaitu tombol Exit menuju ke tampilan Exit dengan pilihan tombol Yes untuk keluar aplikasi game dan tombol No untuk kembali ke tampilan HOME, tombol Help menuju ke tampilan Help, tombol Score menuju Ke tampilan Score, tombol Option menuju ke tampilan Option dan tombol Play menuju ke tampilan Pre Level 1 yang akan memberi petunjuk/ target yang harus dicapai oleh karakter, kemudian menekan tombol Mulai yang akan menuju ke tampilan Level 1. Pada tampilan Level 1, terdapat tombol Pause jika ditekan maka akan menuju ke tampillan Pause dengan pilihan tombol resume untuk kembali ke tampilan Level 1, tombol restart untuk mengulang permainan yang akan menuju ke tampilan Pre Level 1 dan tombol home menuju ke tampilan HOME, karakter harus dengan cepat menyelesaikan permainan sebelum waktu habis atau nyawa menjadi nol yang akan mengarahkan menuju ke tampilan Game Over. Pada tampilan Game Over akan terlihat skor yang telah diperoleh kemudian memasukan nama untuk melihat posisi skor yang ada pada tampilan Score dengan menekan tombol Ok. Pada tampilan Score akan terlihat nama dan nilai yang ada sesuai urutan nilai tertinggi dan dapat kembali ke tampilan HOME dengan menekan tombol home.
31
3.5.2. Perancangan Diagram Alir (Flowchart) Dalam melakukan perancangan aplikasi game diperlukan diagram alir (flowchart) sebagai cara untuk mengambarkan langkah-langkah dari alur logika sebuah program menjadi sederhana yang dapat dimengerti. 1. Diagram Alir Huruf Hijaiyah
Target = variabel jumlah huruf hijaiyah yang akan diambil Score = variabel nilai skor game
Gambar 3.2 Diagram Alir Huruf Hijaiyah Keterangan : 1. Mulai. 2. Nilai awal variabel score dan variabel target adalah 0. 3. Membaca nilai variabel score dan variabel target. 4. Jika benar karakter mengambil salah satu objek huruf hijaiyah, maka nilai variable score bertambah 500 dan nilai variable target bertambah 1. 5. Mencetak nilai variabel score dan target. 6. Selesai.
32
2. Diagram Alir Nyawa Karakter
Life = variabel nyawa karakter
Gambar 3.3 Diagram Alir Nyawa Karakter Keterangan : 1. Mulai. 2. Nilai awal variabel life adalah 3. 3. Membaca nilai variabel life. 4. Jika benar karakter mengambil objek hati, maka nilai variabel life bertambah 1. 5. Jika benar karakter mengenai objek bom, maka nilai variabel life berkurang 1. 6. Jika benar karakter mengenai objek laut, maka nilai variabel life berkurang 1. 7. Mencetak nilai variabel life. 8. Selesai.
33
3. Diagram Alir Waktu Game
Time = variabel waktu
Gambar 3.4 Diagram Alir Waktu Game Keterangan : 1. Mulai. 2. Nilai awal variabel time adalah 600 detik. 3. Membaca nilai variabel time. 4. Jika benar karakter mengambil objek waktu, maka nilai variabel time bertambak 30 detik. 5. Nilai variabel time berkurang 1 tiap detik. 6. Mencetak nilai variabel time. 7. Selesai.
34
4. Diagram Alir Koin
Gambar 3.5 Diagram Alir Koin Keterangan : 1. Mulai. 2. Nilai awal variabel score adalah 0. 3. Membaca variabel score. 4. Jika benar karakter mengambil objek koin 25, maka nilai variabel score bertambah 25. 5. Jika benar karakter mengambil objek koin 50, maka nilai variabel score bertambah 50. 6. Jika benar karakter mengambil objek koin 25, maka nilai variabel score bertambah 100. 7. Mencetak nilai variabel score. 8. Selesai.
35
5. Diagram Alir Musuh
Gambar 3.6 Diagram Alir Musuh Keterangan : 1. Mulai. 2. Nilai awal variabel score adalah 0. 3. Membaca nilai variabel score. 4. Jika benar karakter mengenai objek hiu, maka nilai variabel score berkurang 10. 5. Jika benar karakter mengenai objek robot, maka nilai variabel score berkurang 50. 6. Jika benar karakter mengenai objek hiu, maka nilai variabel score berkurang 10 sampai 110. 7. Mencetak nilai variabel score. 8. Selesai.
36
3.5.3. Perancangan Storyboard Pada tahap storyboard digunakan sebagai alat bantu untuk menjelaskan secara detail rancangan tampilan game. Storyboard bertujuan menjelaskan secara deskripsi dari masing-masing tampilan suatu kejadian dari movie yang dimainkan dengan menampilkan objek atau elemen multimedia berikut komponen-komponen pada perancangan game yang akan dibuat. Pada satu kolom storyboard mendeskripsikan satu tampilan dilayar monitor. 1. Storyboard Tampilan Loading
Gambar 3.7 Storyboard Tampilan Loading Nama Frame
: Loading game
Nomor Frame
:1
Background
: Hitam dan hijau
Audio
: Backsound.Mp3
Keterangan
: Tampilan awal dengan animasi loading pada game setelah itu menuju ke frame 6 yaitu tampilan Home
37
2. Storyboard Tampilan Home
Gambar 3.8 Storyboard Tampilan Home Nama Frame
: Home
Nomor Frame
:6
Background
: Pemandangan pantai pagi hari
Audio
: Backsound.Mp3
PLAY
: Menuju ke frame 36 (tampilan Pre Level 1)
OPTION
: Menuju ke frame 16 (tampilan Option)
SCORE
: Menuju ke frame 66 (tampilan Score)
HELP
: Menuju ke frame 26 (tampilan Help)
EXIT
: Menampilkan tampilan Exit
Keterangan
: Tampilan Home dengan background pemandangan pantai pagi hari terdapat pilihan tombol Play, Option, Score, Help dan Exit.
38
3. Storyboard Tampilan Option
Gambar 3.9 Storyboard Tampilan Option
Nama Frame
: Option
Nomor Frame
: 16
Background
: Bambu-bambu berwarna kekuningan
Audio
: Backsound.Mp3
Music
: Menampilkan musik “Off” Atau “On”
Sound
: Menampilkan suara “Off” Atau “On”
Fullscreen
: Membuat tampilan fullscreen “Off” Atau “On”
Home
: Menuju ke frame 6 (tampilan Home)
Keterangan
: Tampilan Option
terdapat pilihan Music, Sound dan
Fullscreen yang dapat diatur “Off” Atau “On”.
39
4. Storyboard Tampilan Score
Gambar 3.10 Storyboard Tampilan Score
Nama Scene
: Score
Frame
: 66
Background
: Ruangan berwarna hijau muda
Animasi
: Text, Movie Clip, Button
Audio
: Backsound.Mp3
Home
: Menuju ke frame 6 (tampilan Home)
Keterangan
: Menampilkan nama dan skor diurut dari nilai tertinggi
40
5. Storyboard Tampilan Help
Gambar 3.11 Storyboard Tampilan Help
Nama Frame
: Help
Nomor Frame
: 26
Background
: Hitam
Audio
: Backsound.Mp3
Control
: Menampilkan cara bermain
About
: Menampilkan informasi versi game dan pembuat game
Home
: Menuju ke frame 6 (tampilan Home)
Keterangan
: Menampilkan Cara Bermain berikut informasi versi game dan informasi pembuatnya
41
6. Storyboard Tampilan Exit
Gambar 3.12 Storyboard Tampilan Exit
Nama Frame
: Home
Nomor Frame
:6
Background
: Pemandangan pantai pagi hari
Audio
:-
Yes
: Keluar game
No
: Kembali ke tampilan Home
Keterangan
: Form peringatan keluar game
42
7. Storyboard Tampilan Pre Level 1
Gambar 3.13 Storyboard Tampilan Pre Level 1
Nama Frame
: Pre Level 1
Nomor Frame
: 36
Background
: Hitam
Audio
: Prelevel.mp3
Mulai
: Menuju ke frame Level 1/memulai permainan Level 1
Keterangan
: Tampilan Pre Level 1 sebelum memulai permainan yang akan memberikan informasi target yang harus dicapai.
43
8. Storyboard Tampilan Level 1
Gambar 3.13 Storyboard Tampilan Level 1
Nama Frame
: Level 1
Nomor Frame
: 46
Background
: Pemandangan laut dan gunung berawan
Audio
:-
Keterangan
: Tampilan Level 1 terdapat karakter utama yang akan mengambil huruf-huruf hijaiyah yang berjumlah 28, terdapat banyak objek koin untuk menambah skor, 20 objek waktu untuk menambah waktu, 7 objek hati untuk menambah nyawa dan menghindari musuh-musuh yang dapat mengurangi skor dan nyawa.
44
9. Storyboard Tampilan Pause
Gambar 3.15 Storyboard Tampilan Pause
Nama Frame
: Level 1
Nomor Frame
: 46
Background
: Pemandangan laut dan gunung berawan
Audio
:-
Resume
: Kembali ke frame 46 (tampilan Level 1)
Restart
: Menuju ke frame 36 (tampilan Pre Level 1)
HOME
: Menuju ke frame 6 (tampilan Home)
Keterangan
:
Tampilan
Pause
untuk
menghentikan
permainan
sementara untuk memilih satu dari tiga button yang ada.
45
10. Storyboard Tampilan Game Over
Gambar 3.16 Storyboard Tampilan Game Over Nama Frame
: Level 1
Nomor Frame
: 56
Background
: Hitam
Audio
:-
OK
: Menuju ke frame 66 (tampilan Score)
Keterangan
: Tampilan Game Over menunjukkan hasil skor yang telah dicapai oleh karakter kemudian memasukkan nama untuk dan menekan button OK yang akan menuju ke frame 66 (tampilan Score)
46
11. Storyboard Karakter dan Objek Pada aplikasi Games Hijaiyah Dasar terdapat beberapa karakter dan objek yang ada di tampilan Level 1. Dibawah ini adalah deskripsi tiap karakter dan objek yang ada di tampilan Level 1 sebagai berikut : Tabel 3.2
Deskripsi Karakter dan Objek Games Hijaiyah Dasar
Nama : Alien Keterangan : Score -10 s/d -110
Nama : Karakter Utama Keterangan : Player
Nama : Robot Keterangan : Score -50
Nama : Shark Keterangan : Score - 10
Nama : Bom Keterangan : Life – 1
Nama : Coin 25 Keterangan : Score + 25
Nama : Coin 50 Keterangan : Score + 50
Nama : Coin 100 Keterangan : Score + 100
Nama : Life Keterangan : Life + 1
Nama : Jumper Keterangan : Membuat karakter loncat tinggi
Nama : Land Flay Keterangan : Membuat karakter dapat berpindah ke atas dan ke bawah
Nama : Pipa Keterangan : Membuat karakter berpindah tempat di pipa tertentu
Nama : Cek Point Keterangan : Membuat karakter berada pada cek point yang terakhir jika Life berkurang
Nama : Time Plus Keterangan : Time + 30
Nama : Level 2 Keterangan : Lanjut ke level 2
47
