BAB III
ANALISA DAN PERANCANGAN
3.1 Pengkonsepan (Concept) Jenis aplikasi ini adalah aplikasi action dan casual mengenai seorang petugas pemadam kebakaran yang tidak bertujuan untuk memadamkan api, tetapi untuk menyelamatkan korban kebakaran terlebih dahulu dengan batasan waktu yang di tentukan, jika waktu sudah habis maka permainan akan berakhir dan juga score yang di dapat dalam game ini masing-masing level akan mendapatkan nilai 100, jika petugas menyelamatkan korban kebakaran kurang dari 5 menit maka akan mendapatkan setengah dari score yang di tentukan. Aplikasi ini sederhana namun tetap mewakili multimedia, yaitu dengan perpaduan teks, gambar, audio dan animasi sprites dalam penyampaian materinya. Aplikasi ini akan diterapkan dalam perangkat mobile dengan system operasi Android versi 4.2 (Jellybean) keatas dan berprocessor minimal ARMV7. Ukuran resolusi aplikasi ini adalah 1280x720 pixel. Sesuai dengan tujuan penelitian ini, bahwa aplikasi Game ini di tujukan untuk semua umur dan bertujuan untuk bagaimana kita harus mendahulukan menolong terhadap korban terluka. Game ini cocok di mainkan pada saat ada waktu luang atau waktu kosong.
3.2 Perancangan (Design) 3.2.1 Storyboard
Scene 1 : Tampilan desain menu utama berupa tombol Play dan About
Scene 2 : Desain antarmuka level 1
Scene 3 : Desain environtment pada level 1 berupa gameplay permainan
Scene 4 : Desain antarmuka jika pemain menang
Scene 5 : Desain antarmuka level berikutnya Jika pemain menang (terdiri dari 3 level)
http://digilib.mercubuana.ac.id/
Scene 6 : Desain environtment gameplay permainan level berikutnya dengan tantangan yang lebih sulit
Scene 7 : Desain antarmuka jika pemain kalah
Scene 8 : Desain antarmuka menu About
HALAMAN ABOUT
HALAMAN MENU UTAMA ImageView
ImageView
START
ABOUT
Background Image
Background Image
HALAMAN LEVEL 1
HALAMAN LEVEL 2
HALAMAN LEVEL 3
ImageView Mulai
ImageView Mulai
ImageView Mulai
Backgroun d Image
Background Image
Backgroun d Image
HALAMAN GameView
Backgroun d Image
HALAMAN KALAH
HALAMAN MENANG
ImageView Kembali
ImageView Kembali
Backgroun d Image
ImageView Next Level
Backgroun d Image
Gambar 3. 1 Perancangan Storyboard
Keterangan garis pada Storyboard 1. Garis berwarna biru tebal : button start menghubungkan antara halaman utama menuju halaman level 1, sedangkan garis berwarna hitam : button about menghubungkan halaman utama menuju halaman about. 2. Garis berwarna merah tebal : button mulai menghubungkan antara halaman level menuju halaman GameView. 3. Garis berwarna hijau tebal : menghubungkan antara GameView menuju halaman menang/kalah.
http://digilib.mercubuana.ac.id/
4. Garis berwarna ungu tua tebal : button next level menghubungkan antara halaman menang menuju level 2 ataupun level 3. 5. Garis berwarna kuning tebal : button kembali menghubungkan antara halaman menang/kalah menuju ke halaman utama. 3.2.2 Flowchart View Flowchart View merupakan bahasan dari diagram tampilan yang menjelaskan gambaran alur dari satu scene ke scene yang lainnya. Dalam Flowchart View terdapat penjelasan yang terdapat pada setiap scene yang terlihat dalam setiap komponennya. Gambar di bawah merupakan gambaran dari diagram Flowchart View yang menjelaskan alur dari game LAUNCH GAME
MENU ABOUT
EXIT
MENU UTAMA
MENU LEVEL 1
KALAH
LEVEL 1
MENANG
YA
TIDA K
MENU LEVEL 2
LEVEL 2
YA
TIDA K
MENAN G
MENU LEVEL 3
TIDA K
LEVEL 3
YA
MENANG
Gambar 3. 2 Flowchart View Game
http://digilib.mercubuana.ac.id/
3.2.3 Desain Objek
Gambar 3. 3 Desain Petugas penyelamat, korban kebakaran dan mobil
3.2.4 Environment Design Di bawah ini merupakan Environment design gameplay di setiap level, setiap level menunjukkan desain yang sama, hanya saja rintangannya lebih sulit.
Gambar 3. 4 Environment Design
3.3 Pengumpulan Bahan Material Collecting adalah tahap dimana pengumpulan bahan yang sesuai dengan kebutuhan dilakukan. Adapun bahan-bahan yang dibutuhkan adalah sebagai berikut : a) Teks : type font yang digunakan untuk teks adalah Calibri. b) Gambar : semua gambar yang digunakan bertipe .png kemudian dijadikan objek symbol graphics, Bitmap, dan Sprites di dalam aplikasi Eclipse. c) Audio : file audio yang digunakan dalam game ini bertipe .mp3 d) Animasi : obyek animasi yang digunakan adalah animasi karakter petugas penyelamat, korban kebakaran, dan mobil
http://digilib.mercubuana.ac.id/
e) Tombol : tombol-tombol dibuat dan digunakan sebagai petunjuk navigasi pada keseluruhan game.
3.4 Pembuatan Game Setelah semua bahan dikumpulkan maka tahap selanjutnya adalah pembuatan game sesuai dengan alur flowchart yang telah dibuat pada tahap desain. Perakitan bahan-bahan yang telah dipersiapkan dilakukan dengan menggunakan aplikasi Eclipse dengan pemrograman Java. Pemilihan aplikasi Eclipse dikarenakan aplikasi ini mendukung ke pemrograman berorientasi obyek. Kemampuan aplikasi ini adalah membuat Sprites, Bitmap gambar dan juga aplikasi android lainnya. Kode pemrograman ditempatkan pada obyek-obyek dalam game, misalnya : gameView, button, Navigasi, graphics, dan sebagainya.
3.5 Pengujian Pengujian dilakukan dengan menggunakan metode metode Black Box. Metode pengujian Black Box merupakan pengujian user interface kepada pengguna apakah sistem dapat dioperasikan atau tidak. Pengujian ini dilakukan dengan memberikan datadata sample sebagai nilai masukan dan dibandingkan dengan informasi yang dihasilkan, disbut juga pengujian berbasis scenario.
3.6 Publikasi Pada tahap ini, project yang telah selesai kemudian dilakukan pemaketan aplikasi. Dalam game ini, file aplikasi dikemas ke dalam Android Package (.apk). Kemudian di instal dengan smartphone Android minimal versi 4.2.2 (Jellybean) sampai dengan 5.0.1 (Lollipop) ataupun juga bisa di instal di Emulator Android yang terinstal di PC. Publikasi bisa juga di lakukan secara online melalui Play Store yang di telah di sediakan.
http://digilib.mercubuana.ac.id/
3.7 Desain Antarmuka (Interface) Antarmuka atau biasa disebut interface adalah tampilan layar aplikasi yang bersentuhan langsung dengan pengguna dalam menjalankan fungsi-fungsi yang dibutuhkan oleh pengguna. 3.7.1 Rancangan Menu Utama Gambar 3. 5 dibawah ini merupakan gambar rancangan awal untuk halaman menu utama yang terdiri dari judul dan dua buah menu, yaitu menu bermain (play) dan menu tentang (about).
Gambar 3. 5 Rancangan Menu Utama
3.7.2 Rancangan Menu About Pada rancangan menu about (tentang) terdapat deskripsi singkat mengenai game Firehouse Rescue dan juga deskripsi pengenalan tentang pembuat game Firehouse Rescue ini.
Gambar 3. 6 Rancangan Menu About
http://digilib.mercubuana.ac.id/
3.7.3 Rancangan Menu Level Pada rancangan menu level akan di tampilkan setelah user menekan tombol start pada halaman utama dan juga bila memenangkan sebuah game, halaman ini terdapat tombol mulai main yaitu untuk memulai gameplay dari game ini. Halaman ini juga akan muncul jika memenangkan tiap-tiap level berikutnya.
Gambar 3. 7 Rancangan Menu Level
3.7.4 Rancangan Menu Menang Rancangan menu menang adalah menu yang akan muncul jika user memenangkan game ini, yang terdapat 2 buah tombol yaitu tombol next level untuk menuju level berikutnya dan tombol kembali untuk menuju halaman menu utama.
Gambar 3. 8 Rancangan Menu Menang
http://digilib.mercubuana.ac.id/
3.7.5 Rancangan Menu Kalah Rancangan menu menang adalah menu yang akan muncul jika user kalah saat memainkan game ini, yang hanya terdapat satu buah tombol yaitu tombol kembali untuk menuju halaman menu utama.
Gambar 3. 9 Rancangan Menu Kalah
http://digilib.mercubuana.ac.id/