BAB III ANALISIS DAN PERANCANGAN

Transkripsi

1 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

2 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 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 (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

3 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 Judul Pengguna Animasi Suara Gambar Interaktif Deskripsi Konsep Games Hijaiyah Dasar Games Hijaiyah Dasar Anak-anak dan remaja Animasi pada teks dan gambar dibuat sendiri menggunakan Adobe Flash Professional CS5 Format file yang digunakan adalah berformat.mp3 yang diunduh dari internet 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.

4 Text Teks dalam aplikasi game ini digunakan sebagai pemberi informasi kepada user agar memudahkan dalam memainkan game dan dibuat menggunakan Adobe Flash Professional CS Gambar Gambar yang digunakan dalam aplikasi game ini dibuat langsung menggunakan Adobe Flash Professional CS5 dan beberapa gambar diambil dari Adobe Ilustrator CS Animasi Animasi yang digunakan dalam aplikasi game ini menggunakan Adobe Flash Professional CS5 yang dibuat sebagai movie clip dan button Suara Efek suara pada aplikasi game ini diunduh dari situs dan Adobe Flash Professional CS5 dengan meng-klik Window > Common Libraries > Sounds dengan format file.mp 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 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.

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

6 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 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 Mencetak nilai variabel score dan target. 6. Selesai.

7 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 Membaca nilai variabel life. 4. Jika benar karakter mengambil objek hati, maka nilai variabel life bertambah Jika benar karakter mengenai objek bom, maka nilai variabel life berkurang Jika benar karakter mengenai objek laut, maka nilai variabel life berkurang Mencetak nilai variabel life. 8. Selesai.

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

9 34 4. Diagram Alir Koin Keterangan : Gambar 3.5 Diagram Alir Koin 1. Mulai. 2. Nilai awal variabel score adalah Membaca variabel score. 4. Jika benar karakter mengambil objek koin 25, maka nilai variabel score bertambah Jika benar karakter mengambil objek koin 50, maka nilai variabel score bertambah Jika benar karakter mengambil objek koin 25, maka nilai variabel score bertambah Mencetak nilai variabel score. 8. Selesai.

10 35 5. Diagram Alir Musuh Gambar 3.6 Diagram Alir Musuh Keterangan : 1. Mulai. 2. Nilai awal variabel score adalah Membaca nilai variabel score. 4. Jika benar karakter mengenai objek hiu, maka nilai variabel score berkurang Jika benar karakter mengenai objek robot, maka nilai variabel score berkurang Jika benar karakter mengenai objek hiu, maka nilai variabel score berkurang 10 sampai Mencetak nilai variabel score. 8. Selesai.

11 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 Audio Keterangan : Hitam dan hijau : Backsound.Mp3 : Tampilan awal dengan animasi loading pada game setelah itu menuju ke frame 6 yaitu tampilan Home

12 37 2. Storyboard Tampilan Home Gambar 3.8 Storyboard Tampilan Home Nama Frame : Home Nomor Frame : 6 Background Audio : Pemandangan pantai pagi hari : Backsound.Mp3 PLAY : Menuju ke frame 36 (tampilan Pre Level 1) OPTION SCORE HELP EXIT : Menuju ke frame 16 (tampilan Option) : Menuju ke frame 66 (tampilan Score) : Menuju ke frame 26 (tampilan Help) : Menampilkan tampilan Exit Keterangan : Tampilan Home dengan background pemandangan pantai pagi hari terdapat pilihan tombol Play, Option, Score, Help dan Exit.

13 38 3. Storyboard Tampilan Option Gambar 3.9 Storyboard Tampilan Option Nama Frame : Option Nomor Frame : 16 Background Audio Music Sound Fullscreen Home : Bambu-bambu berwarna kekuningan : Backsound.Mp3 : Menampilkan musik Off Atau On : Menampilkan suara Off Atau On : Membuat tampilan fullscreen Off Atau On : Menuju ke frame 6 (tampilan Home) Keterangan : Tampilan Option terdapat pilihan Music, Sound dan Fullscreen yang dapat diatur Off Atau On.

14 39 4. Storyboard Tampilan Score Gambar 3.10 Storyboard Tampilan Score Nama Scene : Score Frame : 66 Background Animasi Audio Home Keterangan : Ruangan berwarna hijau muda : Text, Movie Clip, Button : Backsound.Mp3 : Menuju ke frame 6 (tampilan Home) : Menampilkan nama dan skor diurut dari nilai tertinggi

15 40 5. Storyboard Tampilan Help Gambar 3.11 Storyboard Tampilan Help Nama Frame : Help Nomor Frame : 26 Background Audio Control About Home Keterangan : Hitam : Backsound.Mp3 : Menampilkan cara bermain : Menampilkan informasi versi game dan pembuat game : Menuju ke frame 6 (tampilan Home) : Menampilkan Cara Bermain berikut informasi versi game dan informasi pembuatnya

16 41 6. Storyboard Tampilan Exit Gambar 3.12 Storyboard Tampilan Exit Nama Frame : Home Nomor Frame : 6 Background : Pemandangan pantai pagi hari Audio : - Yes No Keterangan : Keluar game : Kembali ke tampilan Home : Form peringatan keluar game

17 42 7. Storyboard Tampilan Pre Level 1 Gambar 3.13 Storyboard Tampilan Pre Level 1 Nama Frame : Pre Level 1 Nomor Frame : 36 Background Audio : Hitam : 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.

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

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

20 Storyboard Tampilan Game Over Gambar 3.16 Storyboard Tampilan Game Over Nama Frame : Level 1 Nomor Frame : 56 Background : Hitam Audio : - OK Keterangan : Menuju ke frame 66 (tampilan Score) : 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)

21 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 : Karakter Utama Keterangan : Player Nama : Robot Keterangan : Score -50 Nama : Alien Keterangan : Score -10 s/d -110 Nama : Shark Keterangan : Score - 10 Nama : Bom Keterangan : Life 1 Nama : Time Plus Keterangan : Time + 30 Nama : Coin 25 Keterangan : Score + 25 Nama : Coin 50 Keterangan : Score + 50 Nama : Coin 100 Keterangan : Score 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 : Level 2 Keterangan : Lanjut ke level 2

22 47