66 3.1 Latar Belakang
Perkembangan game di Android dari awal kemunculannya hingga sekarang sangatlah pesat. Pada tahun 2011, jumlah penghasilan yang dicatat oleh Android Market mencapai USD 8 miliar. Semakin berkembangnya versi OS Android, maka semakin canggih pula game yang bermunculan, contohnya fitur dan grafik yang semakin bagus.
Flurry adalah salah satu perusahaan analisis mobile development terdepan yang telah membantu 50,000 perusahaan dengan lebih dari 100,000 aplikasi dari berbagai platform. Flurry telah mengukur waktu yang dihabiskan menggunakan mobile apps per kategori aplikasi diseluruh alat yang menggunakan iOS dan Android. Flurry menggunakan data akhir bulan November 2012 sebagai dasar. Grafik dibawah menunjukkan bahwa hampir 80% dari total waktu yang dihabiskan adalah melalui kategori games, social networking, dan entertainment, dengan games sebanyak 43%.
Gambar 3.1 WW iOS & Android Smart Device Time Spent Per App Category (Source: blog.flurry.com)
Berdasarkan persentase terbanyak dari survei yang diadakan oleh Flurry pada bulan May 2012, devices dipasaran didominasi versi Gingerbread dan froyo. Oleh karena itu, game Fly and Learn akan dibuat untuk smartphone Android yang mampu berjalan di Android yang menggunakan versi Froyo sampai versi Ice Cream Sandwich (ICS).
(Source: blog.flurry.com) 3.2 Analisis Game
Analisis game diperlukan dalam mendukung perancangan game ini, dilakukan melalui dua jenis analisis, yaitu analisis user dan analisis game sejenis.
3.2.1 Analisis Kebutuhan User
Analisis user dilakukan dengan cara menyebarkan kuisoner kepada 131 siswa kelas satu sampai kelas empat Sekolah Dasar Negeri Sukabumi Utara 05 Pagi, mengenai situasi terakhir mereka.
1. Apakah anda memiliki handphone atau tablet sendiri?
Gambar 3.3 Diagram Clustered Column Kuesioner soal no.1
Berdasarkan hasil jawaban kuesioner, mayoritas dari responden memiliki telepon genggam sendiri sehingga game yang kami buat dapat digunakan oleh pengguna yang menggunakan telepon genggam dengan sistem operasi
Android. Jika telepon genggam yang mereka miliki tidak menggunakan sistem operasi Android, ada kemungkinan dari mereka yang suatu saat menggunakan sistem operasi Android dilihat dari pesatnya market share Android.
2. Jika tidak, apakah anda ingin memiliki handphone atau tablet?
Gambar 3.4 Diagram Clustered Column Kuesioner soal no.2
Berdasarkan hasil jawaban kuesioner, mayoritas dari responden yang tidak memiliki telepon genggam atau tablet tetap ingin memiliki telepon genggam atau tablet jika mampu memilikinya.
3. Apakah anda sering menggunakan handphone atau tablet?
Gambar 3.5 Diagram Clustered Column Kuesioner soal no.3
Berdasarkan hasil jawaban kuesioner, mayoritas dari responden seting menggunakan telepon genggam atau tablet. Hal ini menunjukkan bahwa perangkat lunak yang penulis buat memiliki kesempatan untuk digunakan oleh mereka, baik menggunakan telepon genggam atau tablet sendiri atau menggunakan milik orang lain.
4. Apakah anda suka bermain game?
Gambar 3.6 Diagram Clustered Column Kuesioner soal no.4
Berdasarkan hasil jawaban kuesioner, mayoritas dari responden bermain game. Hal ini meningkatkan kemungkinan yang kami harapkan dari game ini dapat terwujud, karena didukung oleh keinginan atau hobi responden sendiri. 5. Dimana anda suka bermain game?
Berdasarkan hasil jawaban kuesioner, mayoritas responden menggunakan telepon genggam sebagai media mereka dalam bermain game. Hal ini menunjukkan pilihan penulis menggunakan telepon genggam sebagai media pembelajaran sudah sesuai.
6. Apakah anda sering bermain game?
Gambar 3.8 Diagram Clustered Column Kuesioner soal no.6
Berdasarkan hasil jawaban kuesioner, mayoritas responden sering bermain game. Hal ini menunjukkan media pembelajaran melalui game merupakan keputusan yang sesuai dengan minat responden.
7. Apakah anda mengalami kesusahan dalam belajar?
Gambar 3.9 Diagram Clustered Column Kuesioner soal no.7
Berdasarkan hasil jawaban kuesioner, mayoritas responden mengalami kesulitan dalam belajar, namun beberapa dari responden masih mengalami kesulitan. Hal ini mendukung tujuan dari penelitian ini agar membantu mereka dalam memahami pelajaran dengan melatih mereka melalui media game.
8. Apakah anda suka bermain sambil belajar?
Berdasarkan hasil jawaban kuesioner, mayoritas responden suka bermain sambil belajar. Penulis akan melakukan sosialisasi saat melakukan Kuesioner tahap dua untuk melihat tanggapan mereka.
9. Kendaraan mana yang kamu suka?
Gambar 3.11 Diagram Clustered Column Kuesioner soal no.9
Berdasarkan hasil jawaban kuesioner, mayoritas responden lebih memilih "Pesawat" sebagai kendaraan yang mereka suka. Oleh karena itu, penulis akan menggunakan pesawat sebagai kendaraan yang akan digunakan user didalam game.
3.2.2 Analisis Game Sejenis
Pada analisis game sejenis, akan digunakan beberapa game sebagai referensi yang memiliki kesamaan dengan tema game yang akan dibuat. Game yang dipilih sebagai referensi memiliki genre yang sama. Game yang dijadikan referensi merupakan game untuk smartphone Android. Ada 3 game yang
dijadikan referensi, yaitu Rocket Craze, Air Control, dan Who Wants To Be a Millionaire.
a. Rocket Craze
Gambar 3.12 Game Rocket Craze
Rocket Craze adalah permainan meluncurkan roket di mana tujuan utamanya adalah untuk terbang setinggi mungkin mencapai bulan dan mengumpulkan semua uang yang didapat dengan mengemudikan roket. User dapat menambah kecepatan roket dengan menekan layar Android dan memiringkan device Android (accelerometer) untuk mengubah arah roket ke kiri atau kanan. Jika mendapatkan cukup uang, user akan dapat meningkatkan fitur roket, seperti body tabung, sirip, mesin, tangki bahan bakar dan sistem pendingin.
Saat bermain, roket akan mengalami panas sehingga user harus segera menemukan ikon air untuk mendinginkan roket agar user dapat terus bermain. Selain itu juga bila menabrak obyek terbang lainnya, life meter juga akan
berkurang. Bila sudah mencapai batas minimal life meter, user harus segera mencari ikon tang untuk kembali menambah life meter. Bila user tidak bisa mendapatkan ikon air pada saat roket sudah bewarna kemerahan serta notifikasi suara berbunyi atau tidak bisa mendapatkan ikon tang pada saat life meter sudah mencapai batas minimal lalu menabrak objek terbang lainnya, maka roket akan jatuh dan artinya user kalah.
Game ini cukup sulit dikemudikan dalam penggunan accelerometer, sehingga membuat user cukup sulit untuk mengendalikan roket untuk menghindari obyek terbang lainnya dan mengambil ikon tang dan air.
b. Air Control
Air Control adalah salah satu game yang didalamnya kita bertugas untuk mengatur pesawat atau helikopter yang datang menuju bandara yang disediakan. Dengan menggunakan jari, kita menentukan jalur yang akan ditempuh oleh pesawat atau helikopter tersebut. Pada saat ada pesawat baru akan datang, dilayar akan muncul tanda seru. Game akan berakhir ketika terjadi tabrakan. Game ini menggunakan gesture yang diciptakan oleh user.
Di dalam game ini terdapat berbagai jenis pesawat sebagai objek yang kita kendalikan. Semakin lama kita memainkan game ini, tantangan yang diberikan semakin sulit. Terkadang kita diharuskan mengontrol dua atau lebih pesawat dalam satu layar yang membuat kita bingung.
Pengendalian diri user sangat ditantang dalam game ini. Meskipun game ini sangat sulit dimainkan, tantangan yang diberikan membuat kita ingin selalu bermain game ini.
c. Who Wants To Be a Millionaire
Who Wants To Be a Millionaire adalah Game adaptasi yang berasal dari game show internasional yang cukup populer di televisi. Game ini memberikan kesempatan kepada user untuk berada di kursi panas untuk menguji pengetahuan mereka terhadap berbagai macam pertanyaan.
Game ini mengandung elemen dan peraturan yang sama seperti yang ada di televisi. user harus menjawab dengan sukses 15 pertanyaan yang akan diberikan secara acak, berdasar database yang hampir mencapai 1000 pertanyaan. Terdapat tiga pilihan bantuan yang diberikan; 50/50, phone a friend, dan ask the audience.
Game ini telah berumur sangat tua, namun peminatnya masih cukup banyak. Semakin user mencapai tingkat atas dari game ini, makin sulit pertanyaan yang akan diberikan. Game ini cukup menantang bagi anda yang suka menguji pengetahuan anda.
Berikut ini adalah tabel keterangan dari tiga jenis game diatas:
Tabel 3.1 Keterangan Aplikasi Game Sejenis
Rocket Craze Air Control
Who Wants To Be a Millionaire
Jenis Grafik 2D 2D 2D
Platform Android Android Android
Genre n/a Simulasi Kuis, Classic Game
Pemain Single Player Single Player Single Player Story Rocket Craze adalah permainan meluncurkan roket di mana tujuan utamanya adalah untuk terbang setinggi mungkin mencapai bulan dan mengumpulkan semua uang yang didapat dengan mengemudikan roket. Air Control adalah salah satu game yang didalamnya kita bertugas untuk mengatur pesawat atau helikopter yang datang menuju bandara yang disediakan. Who Wants To Be a Millionaire adalah Game adaptasi yang berasal dari game show internasional yang cukup populer di televisi. Gameplay Meluncurkan roket di mana tujuan utamanya adalah untuk terbang setinggi mungkin Dengan menggunakan mouse atau jari, kita menentukan jalur yang Game ini mengandung elemen dan peraturan yang sama seperti yang ada di televisi. User harus menjawab
mencapai bulan dan
mengumpulkan semua uang yang didapat dengan mengemudikan roket akan ditempuh oleh pesawat atau helikopter tersebut. dengan sukses 15 pertanyaan yang akan diberikan secara acak, Kondisi Menang Terbang setinggi-tingginya. Tidak membuat pesawat atau helikopter tabrakan. Menjawab 15 pertanyaan dengan sukses. Fitur
Koin yang dapat digunakan untuk meningkatkan kemampuan. Penambahan score saat berhasil mendaratkan pesawat dan helikopter.
Terdapat tiga pilihan bantuan yang
diberikan; 50/50, phone a friend, dan ask the audience.
Analisis dan solusi kebutuhan
Hasil dari analisis kebutuhan user dan analisis game sejenis dapat dilihat bahwa:
• Mayoritas responden suka bermain game di telepon genggam atau tablet. Hal ini mendukung dari pembuatan game yang penulis buat dengan menggunakan sistem operasi Android.
• Masih ada responden yang mengalami kesulitan belajar. Dengan adanya game yang akan kami buat, diharapkan dapat membantu responden dalam belajar.
Game yang dibuat ber-genre simulasi dan classic pada platform Android. Dari kebutuhan yang telah dibahas tersebut, maka diajukan usulan sebagai berikut:
• Game dibuat dengan ukuran yang tidak terlalu besar agar dapat dipasang pada telepon genggam yang tidak memiliki ukuran memory yang besar. • Di sepanjang perjalanan akan diberikan kuis dengan waktu dua menit setiap
soal yang muncul.
• Untuk memudahkan pelatihan user, sistem kuis bersifat mengarahkan user memilih jawaban yang benar.
• Sumber soal yang digunakan berasal dari website www.banksoal.web.id yang menjadi pusat download bank soal terlengkap.
• Mata pelajaran yang penulis pilih adalah mata pelajaran yang akan keluar pada UASBN.
• User akan menerima reward apabila menjawab pertanyaan dengan benar berupa bahan bakar untuk menjalankan pesawat.
3.3 Game Design Document 3.3.1 Antarmuka Pengguna.
Gambar 3.15 Layar user 3.3.1.2 Layar Admin
Gambar 3.16 Layar admin
3.3.2 World Design
Konsep yang digunakan dalam pembuatan game "Fly and Learn" ini adalah user diibaratkan sebagai seorang pilot yang akan menuju bandara di setiap level. Setiap level yang dimainkan oleh user, memiliki jarak yang beragam sesuai dengan kota yang menjadi tujuan mereka. Di dalam game ini disediakan beberapa soal yang disimpan di database game ini yang dapat diubah oleh admin game dengan cara masuk ke menu admin.
Setiap level disediakan bahan bakar dan koin yang bisa diambil user untuk menambah bahan bakar dan skor yang akan diakumulasi diakhir permainan. Soal akan terlihat setelah user menyentuh bahan bakar, untuk memperolehnya user diharuskan menjawab soal tersebut dengan benar.
3.3.3 System Design
Setiap satu kali permainan, user diberikan 5 bar untuk mengendarai pesawat. Untuk menghitung jarak yang ditempuh setiap bar di setiap level digunakan rumus:
jarak yang ditempuh 1 bar(km) = (jarak/2)/5
3.3.3.1 General Movement
Di awal game, user menggerakkan arah pesawat dengan menggunakan accelerometer yang disediakan. user dapat memiringkan device yang mereka gunakan ke kiri untuk mengarah ke kiri atau ke kanan untuk mengarah ke kanan.
3.3.3.2 Landing Movement
Pada setiap akhir game, user akan menggunakan fitur gesture yang telah disediakan. fitur gesture ditampilkan dalam bentuk D-pad yang terletak di sudut.
3.3.3.3 Target Hardware
Hardware yang menjadi target dari game ini adalah device android yang memiliki fitur multitouch, gesture, dan accelerometer.
3.3.3.4 Target Operating System
Operating System yang menjadi target dari game ini adalah Android dengan versi minimal Froyo.
3.3.3.5 Game Engine
Game Engine yang digunakan pada pembuatan game ini adalah Andengine.
3.3.3.6 Scripting Language
Pembuatan game ini menggunakan bahasa pemrograman Java.
3.3.4 Content Design
Game "Fly and Learn" memiliki dua jenis object yang dapat dilihat user. Object ini memiliki fungsi dan bentuk yang berbeda. Beberapa object yang akan muncul pada game "Fly and Learn" kami sajikan pada tabel dibawah ini.
Tabel 3.2 Daftar object yang ada di dalam game
Object Deskripsi Fungsi
Koin Berbentuk koin emas yang melayang di antara awan.
Menambah score yang user dapatkan setelah menjawab soal dengan benar. Bahan Bakar Berbentuk bahan bakar yang
melayang di antara awan.
Menambah bahan bakar yang user dapatkan setelah menjawab soal
dengan benar.
User dapat mengambil object yang disediakan dengan cara menabrakkan layar ke object tersebut.
Tujuan dari game ini adalah mengumpulkan nilai tertinggi pada setiap level yang telah disediakan. Masing-masing level memiliki koin yang akan terbang dan bisa diambil oleh user dengan menggunakan bahan bakar yang mereka miliki.
3.3.5 Game Writing 3.3.5.1 Layar Intro
Pada halaman intro akan disajikan teks sebagai berikut: “Halo.. Anda kini berada di level 1
Pada level ini anda berada di kota Jakarta Dengan kota tujuan Semarang
Jarak yang ditempuh 500km
Penerbangan akan dilakukan pada pagi hari dengan maskapai Garuda Airlines”.
3.3.5.2 Layar Copyright
Pada halaman Copyright akan disajikan teks sebagai berikut: 1301055703 – Agri Eka Putra
1301047071 – Muhammad Febrianto Adiwiratama 1301025713 – Benjamin Mangasih
3.3.6 Level Design
Banyaknya level yang ada didalam game ini akan disesuaikan dengan banyaknya bandara yang ada di Indonesia.
Tabel 3.3 Level pada game Nama Pulau Deskripsi
Jawa
Pulau pertama
Bandara yang terdapat disini merupakan bandara yang ada di kota-kota besar didalamnya, seperti Jakarta, Malang, Tasikmalaya, Ciamis, dll.
Sumatera
Pulau kedua
Bandara yang terdapat disini merupakan bandara yang ada di kota-kota besar didalamnya, seperti NAD, Palembang, Jambi, Riau, Bengkulu, dll.
Kalimantan
Pulau ketiga
Bandara yang terdapat disini merupakan bandara yang ada di kota-kota besar didalamnya, seperti Ketapang, Palangka Raya, Banjarmasin, dll. Sulawesi Pulau keempat
Bandara yang terdapat disini merupakan bandara yang ada di kota-kota besar didalamnya, seperti Gorontalo, Palu, Poso, dll.
Papua
Pulau kelima
Bandara yang terdapat disini merupakan bandara yang ada di kota-kota besar didalamnya, seperti Manokrawi, Anggi, Jayawijaya, dll.
3.3.6.1 Game Progression
Didalam game ini, user dapat bermain pada level mana saja yang diinginkan. Namun, untuk bermain pada level selanjutnya diharuskan untuk menyelesaikan level sebelumnya.
3.3.6.2 Mission/challenge Structure
Didalam game ini, user ditantang untuk mengumpulkan score dengan mengambil koin sebanyak-banyaknya untuk digunakan sebagai nilai yang akan diakumulasi sebagai skor akhir.
3.3.6.3 Objectives
Tujuan dari game ini adalah mengumpulkan nilai tertinggi pada setiap level yang telah disediakan. Masing-masing level memiliki koin yang akan terbang dan bisa diambil oleh user dengan menggunakan bahan bakar yang dimiliki.
3.4 Deskripsi Permainan
Penjelasan deskripsi game yang dirancang adalah sebagai berikut: 3.4.1 Informasi Umum
Game ini ber-genre simulasi dan classic yang dapat dimainkan di smartphone ber-platform Android. Game ini diberi judul "Fly and Learn". Judul game diambil sesuai dengan gameplay yang penulis buat. Wilayah yang penulis pilih didalam game ini adalah wilayah Republik Indonesia. Dengan lokasi bandara sesuai dengan kota-kota yang terdapat di Indonesia.
3.4.2 Tujuan
Game ini merupakan salah satu game yang dibuat untuk hiburan namun mengajak user untuk belajar selagi mereka bermain. Selain itu, game yang ber-genre simulasi-classic ini ditujukan pula untuk melatih mereka untuk menjawab soal dengan cepat dan tepat serta mendukung tujuan dan manfaat dari penelitian ini.
3.4.3 Konsep Permainan
User akan memilih lokasi yang disediakan di peta wilayah Indonesia. Disana user menentukan bandara asal dan bandara tujuan. dengan menggunakan pesawat yang beragam, user akan dihadapkan dengan koin dan bahan bakar di antara awan yang digunakan untuk menambah score serta bahan bakar pesawat agar pesawat tidak jatuh yang membuat game berakhir.
3.5 Komponen Permainan
Terdapat dua komponen di dalam permainan Fly and Learn ini. Kedua komponen itu, yaitu:
a. Item
Game Fly and Learn memiliki dua jenis item yang dapat dilihat user. Item ini memiliki fungsi dan bentuk yang berbeda Beberapa item yang akan muncul pada game Fly and Learn kami sajikan pada tabel dibawah ini.
Tabel 3.4 Daftar item yang ada didalam game
Item Deskripsi Fungsi
Koin Berbentuk koin emas yang melayang di antara awan.
Menambah score yang user dapatkan setelah menjawab soal dengan benar.
Bahan Bakar Berbentuk bahan bakar yang melayang di antara awan.
Menambah bahan bakar yang user dapatkan setelah
menjawab soal dengan benar.
b. Stage Detail
Game ini terdiri dari lima tempat yang dapat dimainkan dan berupa pulau pulau besar di Indonesia, seperti Sumatera, Jawa,
Kalimantan, Sulawesi, Papua. Dibawah ini akan dijelaskan masing-masing pulau yang ada di dalam game ini.
Tabel 3.5 Pulau-Pulau Nama Pulau Deskripsi
Jawa
Pulau pertama
Bandara yang terdapat disini merupakan bandara yang ada di kota-kota besar didalamnya, seperti Jakarta, Malang, Tasikmalaya, Ciamis, dll.
Sumatera
Pulau kedua
Bandara yang terdapat disini merupakan bandara yang ada di kota-kota besar didalamnya, seperti NAD, Palembang, Jambi, Riau, Bengkulu, dll.
Kalimantan
Pulau ketiga
Bandara yang terdapat disini merupakan bandara yang ada di kota-kota besar didalamnya, seperti Ketapang, Palangka Raya, Banjarmasin, dll.
Sulawesi
Pulau keempat
Bandara yang terdapat disini merupakan bandara yang ada di kota-kota besar didalamnya, seperti Gorontalo, Palu, Poso, dll.
Bandara yang terdapat disini merupakan bandara yang ada di kota-kota besar didalamnya, seperti Manokrawi, Anggi, Jayawijaya, dll.
3.6 Perancangan Sistem
Perancangan sistem yang dipakai adalah perancangan UML, yang meliputi Class Diagram, Use Case Diagram, Activity Diagram, dan Sequence Diagram.
3.6.1 Class Diagram
Berikut ini adalah gambar Class diagram:
3.6.2 Use Case Diagram
Berikut ini adalah gambar use case diagram untuk user dan admin:
Gambar 3.19 Use case diagram admin
3.6.3 Activity Diagram
Berikut adalah activity diagram untuk kegiatan-kegiatan user: 1. Melihat Skor tertinggi
Proses ini terjadi saat user ingin melihat nilai tertinggi pada halaman front end. Sistem kemudian menampilkan layar skor tertinggi sebagai respon tersebut.
Tabel 3.6 Activity Diagram - Melihat Skor tertinggi
User Sistem
2. Melihat Tutorial
Proses ini terjadi saat user ingin melihat halaman tutorial yang ada di main menu. Sistem kemudian merespon permintaan tersebut dengan menampilkan layar tutorial yang dapat dilihat oleh user.
Tabel 3.7 Activity Diagram - Melihat Tutorial
User Sistem
3. Memilih Tempat Tujuan
Menampilkan layar Skor Tertinggi Menyentuh tombol
“Skor Tertinggi”
Memilih menu “Tutorial”
Proses ini terjadi saat user telah memilih menu mainkan! yang ada di main menu. Sistem kemudian merespon permintaan tersebut dengan menampilkan layar pemilihan tempat tujuan yang dapat dipilih user.
Tabel 3.8 Activity Diagram - Memilih Tempat Tujuan
User Sistem
4. Memainkan Game
Proses ini terjadi saat user telah memilih level yang akan dimainkan. Sistem kemudian merespon permintaan tersebut dengan menampilkan layar pemilihan tempat tujuan yang dapat dipilih user.
Menampilkan layar intro Menampilkan layar gameplay Menampilkan layar intro-2 Memeriksa node yang
dipilih Memilih tempat tujuan dengan memilih node (Tidak dapat dimainkan) (Dapat dimainkan)
Tabel 3.9 Activity Diagram - Memainkan Game Sebelum Landing
User Sistem
5. Mengambil Koin
Proses ini terjadi saat user ingin menambah score dengan mengambil koin. Sistem kemudian merespon kegiatan tersebut dengan menambahkan jumlah score yang diperoleh user.
Tabel 3.10 Activity Diagram - Mengambil Koin
User Sistem Mengarahkan layar ke lokasi koin Menambah score KoinMenambah Bahan Bakar Menambah score Masuk ke layar Landing Mengambil Mengambil Bahan Bakar
6. Melakukan Pause Game
Proses ini terjadi saat user ingin menghentikan sementara proses game yang sedang dimainkan. Sistem kemudian merespon permintaan tersebut dengan menampilkan layar pause yang kegiatan selanjutnya dapat dipilih user.
Tabel 3.11 Activity Diagram - Melakukan Pause Game
User Sistem
7. Melakukan Resume Game
Proses ini terjadi saat user memutuskan untuk melanjutkan game yang sedang di-pause. Sistem kemudian merespon permintaan tersebut dengan menampilkan kembali layar game untuk dilanjutkan kembali oleh user.
Tabel 3.12 Activity Diagram - Melakukan Resume Game
User Sistem
8. Menghentikan Game
Proses ini terjadi saat user ingin menghentikan game yang sedang dimainkan. Sistem kemudian merespon permintaan tersebut dengan menampilkan layar main menu.
Tabel 3.13 Activity Diagram - Menghentikan Game
User Sistem 9. Mengulang Game Menekan tombol lanjutkan Menjalankan fungsi resume game Menekan tombol keluar Menampilkan main menu
Proses ini terjadi saat user ingin mengulang kembali game yang sedang dimainkan. Sistem kemudian merespon permintaan tersebut dengan mengembalikan user ke layar intro-2.
Tabel 3.14 Activity Diagram - Mengulang Game
User Sistem
10.Mengambil Bahan Bakar
Proses ini terjadi saat user ingin menambah bahan bakar dengan cara mengambil bahan bakar di layar. Sistem kemudian menampilkan soal yang harus dijawab dengan benar oleh user. Jika telah benar, sistem akan menambahkan bahan bakar sebanyak 3 bar untuk user gunakan.
Menekan tombol ulangi
Mengulang game dari intro-2
Tabel 3.15 Activity Diagram - Mengambil Bahan Bakar
User Sistem
11.Menjawab Soal
Proses ini terjadi saat user ingin menjawab soal setelah mengambil bahan bakar. Sistem kemudian melakukan pemeriksaan jawab yang user berikan sebelum menambah bahan bakar.
Mengarahkan layar ke lokasi bahan bakar
Menampilkan soal acak dari
database Menjawab soal Menambah 3 bar pada indikator bahan bakar Memberi peringatan dan memberi jawaban yang benar (Jawaban benar) (Jawaban salah)
Tabel 3.16 Activity Diagram - Menjawab Soal
User Sistem
12.Melakukan Landing
Proses ini terjadi saat user telah berhasil sampai di akhir tujuan. Sistem kemudian menampilkan mode landing yang dapat digunakan oleh user untuk mendaratkan pesawat ke bandara yang disediakan.
(Jawaban salah) Menjawab soal Menambah 3 bar pada indikator bahan bakar Memberi peringatan dan memberi jawaban yang benar (Jawaban benar)
Tabel 3.17 Activity Diagram - Melakukan Landing
User Sistem
13.Kontrol Game - Sebelum Landing
Proses ini menggambarkan hal yang dilakukan oleh user untuk mengendalikan layar. Sistem merespon dengan menggerakkan layar tersebut sesuai dengan accelerometer.
Tabel 3.18 Activity Diagram - Kontrol Game Sebelum Landing
User Sistem
Menampilkan score yang didapat user Mengarahkan
pesawat ke jalur yang disediakan
Cek Skor tertinggi
Menggunakan
accelerometer
Mengarahkan pergerakan layar sesuai
dengan gerakan
14.Kontrol Game - Landing
Proses ini menggambarkan hal yang dilakukan oleh user untuk mengendalikan pesawat ke bandara. Sistem merespon dengan menggerakkan layar tersebut sesuai dengan gesture.
Tabel 3.19 Activity Diagram - Kontrol Game Landing
User Sistem
Menggunakan
gesture pada tombol
yang disediakan
Mengarahkan pergerakan layar sesuai dengan
Berikut adalah activity diagram untuk kegiatan-kegiatan Admin: 1. Melakukan Login
Proses ini menggambarkan hal yang dilakukan oleh admin untuk mengakses layar back end. Sistem merespon dengan memeriksa validitas username dan password sebelum memberi hak akses pada admin.
Tabel 3.20 Activity Diagram - Melakukan Login
Admin Sistem
2. Melakukan Logout
Proses ini menggambarkan hal yang dilakukan oleh admin untuk menutup akses layar back end. Sistem merespon dengan menarik hak untuk mengubah data di aplikasi back end.
(Tidak Valid)
(Valid) Memasukkan
username & password
Validasi username & password
Memberi hak mengubah data di
Tabel 3.21 Activity Diagram - Melakukan Logout
Admin Sistem
3. Menambah Soal
Proses ini menggambarkan hal yang dilakukan oleh admin untuk menambah soal di layar back end. Sistem merespon dengan memeriksa validitas data yang dimasukkan sebelum menyimpan data tersebut.
Tabel 3.22 Activity Diagram - Menambah Soal
Admin Sistem
Logout dari aplikasi back end
Menarik hak mengubah data di
aplikasi back end
Memasukkan soal, jawaban, dan memilih level
Validasi data
(Tidak Valid)
(Valid) Menyimpan data
4. Melihat Data
Proses ini menggambarkan hal yang dilakukan oleh admin untuk melihat data di layar back end. Sistem merespon dengan menampilkan data sesuai pilihan admin.
Tabel 3.23 Activity Diagram - Melihat Data
Admin Sistem
Memilih menu
3.6.4 Sequence Diagram
Berikut adalah sequence diagram untuk kegiatan-kegiatan user: 1. Melihat Skor tertinggi
Gambar 3.20 Sequence Diagram - Melihat Skor tertinggi
2. Melihat Tutorial
3. Memilih Tempat Tujuan
Gambar 3.22 Sequence Diagram - Memilih Tempat Tujuan
4. Memainkan Game
5. Mengambil Koin
Gambar 3.24 Sequence Diagram - Mengambil Koin
6. Melakukan Pause Game
7. Melakukan Resume Game
Gambar 3.26 Sequence Diagram - Resume Game
8. Menghentikan Game
9. Mengulang Game
Gambar 3.28 Sequence Diagram - Mengulang Game
10.Mengambil Bahan Bakar dan Menjawab Soal
11.Melakukan Landing
Gambar 3.30 Sequence Diagram - Melakukan Landing
Berikut adalah sequence diagram untuk kegiatan-kegiatan admin: 1. Melakukan Login
2. Melakukan Logout
Gambar 3.32 Sequence Diagram - Melakukan Log Out
3. Menambah Soal
4. Melihat Data
3.7 Perancangan Layar
3.7.1 Perancangan Layar Front End 1. Layar Splashscreen
Multimedia Storyboard
Project: Fly and Learn Date:
Screen: Splashscreen Screen ID: M01
Screen Description: Splashscreen menampilkan gambar pesawat. Link From Screen ID: - Link to Screen ID: M02 Color Scheme:
Background: Gradient #3d6ba7 dan #113473 Text Attributes: -
Still Images: splash.png Audio: -
Video: - Animation: -
2. Layar Main Menu
Multimedia Storyboard
Project: Fly and Learn Date:
Screen: Main Menu Screen ID: M02
Screen Description: Mainkan! untuk memulai game. ? : menampilkan halaman tutorial dalam bentuk side scroll. Skor Tertinggi : Melihat score tertinggi. suara : Untuk menghidupkan atau mematikan suara. C : Melihat info pembuat. X: Untuk keluar dari game.
Link From Screen ID: M01 Link to Screen ID: A01, A02, A03, A04 Color Scheme: Background: #61c2fa, Awan: # ffffff, Tombol: #d45700
Text Attributes: FontTombol: Plok.ttf, TombolColour: # ecc239
Still Images: Tombol.png, Judul.png, menu1.png, menu2.png, menu3.png, menu4.png, menu5.png, menu6.png, menu7.png
Audio: Menu.ogg Video: -
3. Layar Tutorial
Multimedia Storyboard
Project: Fly and Learn Date:
Screen: Tutorial Screen ID: A01
Screen Description: Menampilkan tutorial untuk membantu user mengenali user interface di dalam game Fly and Learn
Link From Screen ID: M02 Link to Screen ID: M02 Color Scheme: Background: #61c2fa
Text Attributes: Font: #Plok.ttf
Still Images: Tutorial0.png, Tutorial1.png, Tutorial2.png, Tutorial3.png, Tutorial4.png, Tutorial5.png
Audio: - Video: -
4. Layar Credit
Multimedia Storyboard
Project: Fly and Learn Date:
Screen: Credit Screen ID: A02
Screen Description: Menampilkan nama dan NIM penulis dan pembuat. Link From Screen ID: M02 Link to Screen ID: M02 Color Scheme: Background: # 61c2fa Text Attributes: Font: Courier Colour: #ffffff Still Images: - Audio: - Video: - Animation: Teks
5. Layar Skor Tertinggi
Multimedia Storyboard
Project: Fly and Learn Date:
Screen: Skor Tertinggi Screen ID: A03
Screen Description: Layar ini menampilkan daftar pemilik skor tertinggi sejak game pertama dimainkan.
Link From Screen ID: M02 Link to Screen ID: M02 Color Scheme:
Background: # 61c2fa Text Attributes: Font: Plok.ttf Colour: #ffffff Still Images: None Audio: -
Video: -
6. Layar Peta
Multimedia Storyboard
Project: Fly and Learn Date:
Screen: Pilih Wilayah Screen ID: A04
Screen Description: User memilih wilayah terbang yang ada di Indonesia Link From Screen ID:M02 Link to Screen ID: M02, M03 Color Scheme: Map: # 20924b, Non-active node: #000000,
Active node: #ff0000
Text Attributes: Colour: #000000, Font: Courier Still Images: Peta Indonesia.png
Audio: - Video: -
Animation: Teks, plane.png, node.png Silahkan Pilih Wilayah
7. Layar Intro
Multimedia Storyboard
Project: Fly and Learn Date:
Screen: Intro Game Screen ID: M03
Screen Description: Intro game sebelum masuk ke layar intro kedua. Layar ini berisi informasi tentang penerbangan yang akan dilakukan user
Link From Screen ID:A04 Link to Screen ID: A04, M04 Color Scheme: Tombol: #d45700
Text Attributes: FontTombol: Plok.ttf, TombolColour: # ecc239, TeksColour: #ffffff
Still Images: langit.jpg, lewati.png, background.png Audio: -
Video: -
Animation: Teks, tombol
Halo.. Anda kini berada di level 1
Pada level ini anda berada di kota Jakarta Dengan kota tujuan Semarang
Jarak yang ditempuh 500km
Penerbangan akan dilakukan pada pagi hari dengan maskapai Garuda Airline
8. Layar Intro-2
Multimedia Storyboard
Project: Fly and Learn Date:
Screen: Intro-2 Screen ID: M04
Screen Description: Intro game yang menampilkan gambar maskapai penerbangan yang ada di Indonesia.
Link From Screen ID:M03 Link to Screen ID: M03, M05 Color Scheme: Tombol: #d45700
Text Attributes: FontTombol: Plok.ttf, TombolColour: # ecc239 Still Images: Pesawat.png, background.png, tombol.png Audio: takeoff.ogg
Video: -
Animation: Pesawat bergerak
9. Layar Gameplay
Multimedia Storyboard
Project: Fly and Learn Date:
Screen: Gameplay Screen ID: M05
Screen Description: Rancangan layar gameplay yang akan tampil saat user memulai permainan, Bahan bakar Indikator berkurang. Bahan bakar Indikator bertambah jika soal dijawab benar.
Link From Screen ID: M04 Link to Screen ID:A00, M00, M06 Color Scheme: Bahan Bakar, Bahan Bakar Indikator: #ff0000, Koin: #ffd800 Score: #8a8a8a, Jarak Tempuh Indikator: #21f3f1
Text Attributes: Font: Courier, Colour: #000000
Still Images: Langit.png, Deck.png, Kemudi.png, Coin.png, Bahan Bakar.png Audio: game.ogg
Video: -
Animation: Kemudi bergerak sesuai dengan accelerometer, Jarak Tempuh Indikator bergerak sesuai dengan jarak tempuh dalam Km, Koin & Bahan bakar muncul secara acak, Bahan bakar Indikator bertambah dan berkurang,
10.Layar Pause
Jarak Tempuh Indikator
Multimedia Storyboard
Project: Fly and Learn Date:
Screen: Pause Screen ID: A00
Screen Description:
Rancangan layar pause yang akan tampil saat user menekan tombol pause atau back.
Link From Screen ID: M05 Link to Screen ID:M05, M02 Color Scheme:Tombol: #d45700
Text Attributes: FontTombol: Plok.ttf, Tombol: # ecc239 Still Images: tombol.png
Audio: game.ogg Video: - Animation: Tombol ulangi keluar lanjutkan
11.Layar Soal
Multimedia Storyboard
Project: Fly and Learn Date:
Screen: Layar Soal Screen ID: M00
Screen Description:
Rancangan layar soal yang akan tampil saat user mengambil bahan bakar.
Link From Screen ID: M05 Link to Screen ID: M05 Color Scheme: Background: #ffffff
Text Attributes: Courier New Still Images: -
Audio: game.ogg Video: -
Animation: Dialog soal Muncul dan hilang
12.Layar Landing
Project: Fly and Learn Date:
Screen: Layar Landing Screen ID: M06
Screen Description: Rancangan layar gameplay yang akan tampil saat user masuk ke mode Landing.
Link From Screen ID: M05 Link to Screen ID: A04 Color Scheme: Background, Pesawat: #ffffff, Kontrol: #000000,
Airport: #555555
Text Attributes: Font: Bauhaus 93, Colour: #ffffff Still Images: Background: langit.png
Audio: - Video: -
Animation: Kontrol bergerak sesuai gesture yang di-input user, pesawat bergerak, dialog pemberitahuan.
13.Layar Game Over
Multimedia Storyboard
Project: Fly and Learn Date:
Screen: Game Over Screen ID: M0
Screen Description: Rancangan layar game over yang akan tampil saat user kalah.
Link From Screen ID: M05 Link to Screen ID: A04 Color Scheme: Background, Tombol: #d45700
Text Attributes: Font: Bauhaus 93, Colour: #ffffff, Tombol: # ecc239, FontTombol: Plok.ttf
Still Images: Background: langit.png Audio: -
Video: -
Animation: Kontrol bergerak sesuai gesture yang di-input user, pesawat bergerak, dialog pemberitahuan.
3.7.2 Perancangan Layar Back End 1. Layar Login
Multimedia Storyboard
Project: Fly and Learn Date:
Screen: Login Screen ID: X01
Screen Description:
Rancangan layar login untuk admin.
Link From Screen ID: - Link to Screen ID: X02 Color Scheme: Background: #ffffff Line: #1cb3eb Text Attributes: Login: #1cb3eb Colour : #000000 Still Images: - Audio: - Video: - Animation: -
2. Layar Menu
Multimedia Storyboard
Project: Fly and Learn Date:
Screen: Menu Screen ID: X02
Screen Description: Rancangan layar menu untuk admin.
Link From Screen ID: X01 Link to Screen ID: X03 Color Scheme: Background: #ffffff, Line: #1cb3eb
Tombol: #898a8b Text Attributes: Colour : #000000 Still Images: - Audio: - Video: - Animation: -
3. Layar Tampilkan Soal
Multimedia Storyboard
Project: Fly and Learn Date:
Screen: Tampilkan Soal Screen ID: X03
Screen Description:
Rancangan layar soal untuk admin.
Link From Screen ID: X02 Link to Screen ID: X02 Color Scheme: Background: #ffffff, Line: #1cb3eb
Text Attributes: Colour : #000000 Still Images: -
Audio: - Video: - Animation: -
3.8 Perancangan Database
Tabel 3.24 Skor dan Level
Nama Tipe data Deskripsi
ScoreID int Mengidentifikasi score
Nama String Nama user yang memperoleh score tertinggi Level String Tingkat yang dimainkan user saat mencapai Skor
tertinggi.
Score int Score yang diperoleh.
LevelID Int Berguna untuk mengidentifikasi setiap map. LevelBeaten Boolean Menandakan level yang sudah dilewati. LevelLocked Boolean Menandakan level yang masih terkunci.
LevelScore Int Jumlah score yang harus dilewati untuk menuju level selanjutnya.
Tabel 3.25 Soal
Nama Tipe data Deskripsi
SoalID Int Berguna untuk mengidentifikasi setiap soal. Soal String Pertanyaan yang akan diberikan.
Opsi1 String Pilihan jawaban1 dari soal yang diberikan. Opsi2 String Pilihan jawaban2 dari soal yang diberikan. Opsi3 String Pilihan jawaban3 dari soal yang diberikan. Jawaban Int Opsi jawaban dari pertanyaan.
