BAB 3 ANALISIS DAN PERANCANGAN

Transkripsi

1 BAB 3 ANALISIS DAN PERANCANGAN 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%. 66

2 67 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). Gambar 3.2 WW Distribution of User Sessions by Android Firmware

3 68 (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 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

4 69 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.

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

6 71 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? Gambar 3.7 Diagram Clustered Column Kuesioner soal no.5

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

8 73 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? Gambar 3.10 Diagram Clustered Column Kuesioner soal no.8

9 74 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 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

10 75 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

11 76 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 Gambar 3.13 Game Air Control

12 77 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 Gambar 3.14 Game Who Wants To Be a Millionaire

13 78 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 Kategori Usia Umum Umum Umum

14 79 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. Meluncurkan Dengan Game ini roket di mana menggunakan mengandung elemen Gameplay tujuan utamanya adalah untuk mouse atau jari, kita dan peraturan yang sama seperti yang terbang setinggi menentukan ada di televisi. User mungkin jalur yang harus menjawab

15 80 mencapai bulan akan dengan sukses 15 dan ditempuh oleh pertanyaan yang mengumpulkan pesawat atau akan diberikan semua uang yang helikopter secara acak, didapat dengan tersebut. mengemudikan roket Tidak Kondisi Menang Terbang setinggitingginya. membuat pesawat atau helikopter Menjawab 15 pertanyaan dengan sukses. tabrakan. 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.

16 81 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 yang menjadi pusat download bank soal terlengkap. Mata pelajaran yang penulis pilih adalah mata pelajaran yang akan keluar pada UASBN.

17 82 User akan menerima reward apabila menjawab pertanyaan dengan benar berupa bahan bakar untuk menjalankan pesawat.

18 Game Design Document Antarmuka Pengguna Layar User

19 84 Gambar 3.15 Layar user Layar Admin Gambar 3.16 Layar admin 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.

20 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)/ 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 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 Target Hardware Hardware yang menjadi target dari game ini adalah device android yang memiliki fitur multitouch, gesture, dan accelerometer.

21 Target Operating System Operating System yang menjadi target dari game ini adalah Android dengan versi minimal Froyo Game Engine Andengine. Game Engine yang digunakan pada pembuatan game ini adalah Scripting Language Pembuatan game ini menggunakan bahasa pemrograman Java 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 Bahan Bakar Berbentuk koin emas yang melayang di antara awan. Berbentuk bahan bakar yang melayang di antara awan. Menambah score yang user dapatkan setelah menjawab soal dengan benar. Menambah bahan bakar yang user dapatkan setelah menjawab soal

22 87 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 Game Writing 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.

23 Layar Copyright Pada halaman Copyright akan disajikan teks sebagai berikut: Agri Eka Putra Muhammad Febrianto Adiwiratama Benjamin Mangasih 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 Jawa Sumatera Kalimantan Sulawesi Deskripsi Pulau pertama Bandara yang terdapat disini merupakan bandara yang ada di kota-kota besar didalamnya, seperti Jakarta, Malang, Tasikmalaya, Ciamis, dll. Pulau kedua Bandara yang terdapat disini merupakan bandara yang ada di kota-kota besar didalamnya, seperti NAD, Palembang, Jambi, Riau, Bengkulu, dll. Pulau ketiga Bandara yang terdapat disini merupakan bandara yang ada di kota-kota besar didalamnya, seperti Ketapang, Palangka Raya, Banjarmasin, dll. Pulau keempat

24 89 Papua Bandara yang terdapat disini merupakan bandara yang ada di kota-kota besar didalamnya, seperti Gorontalo, Palu, Poso, dll. Pulau kelima Bandara yang terdapat disini merupakan bandara yang ada di kota-kota besar didalamnya, seperti Manokrawi, Anggi, Jayawijaya, dll 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 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 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.

25 Deskripsi Permainan Penjelasan deskripsi game yang dirancang adalah sebagai berikut: 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 Tujuan Game ini merupakan salah satu game yang dibuat untuk hiburan namun mengajak user untuk belajar selagi mereka bermain. Selain itu, game yang bergenre simulasi-classic ini ditujukan pula untuk melatih mereka untuk menjawab soal dengan cepat dan tepat serta mendukung tujuan dan manfaat dari penelitian ini 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.

26 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 Bahan Bakar Berbentuk koin emas yang melayang di antara awan. Berbentuk bahan bakar yang melayang di antara awan. Menambah score yang user dapatkan setelah menjawab soal dengan benar. 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,

27 92 Kalimantan, Sulawesi, Papua. Dibawah ini akan dijelaskan masingmasing pulau yang ada di dalam game ini. Tabel 3.5 Pulau-Pulau Nama Pulau Deskripsi Pulau pertama Jawa Bandara yang terdapat disini merupakan bandara yang ada di kota-kota besar didalamnya, seperti Jakarta, Malang, Tasikmalaya, Ciamis, dll. Pulau kedua Sumatera Bandara yang terdapat disini merupakan bandara yang ada di kota-kota besar didalamnya, seperti NAD, Palembang, Jambi, Riau, Bengkulu, dll. Pulau ketiga Kalimantan Bandara yang terdapat disini merupakan bandara yang ada di kota-kota besar didalamnya, seperti Ketapang, Palangka Raya, Banjarmasin, dll. Pulau keempat Sulawesi Bandara yang terdapat disini merupakan bandara yang ada di kota-kota besar didalamnya, seperti Gorontalo, Palu, Poso, dll. Papua Pulau kelima

28 93 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.

29 Class Diagram Berikut ini adalah gambar Class diagram: Gambar 3.17 Class Diagram

30 Use Case Diagram Berikut ini adalah gambar use case diagram untuk user dan admin: Gambar 3.18 Use case diagram user

31 96 Gambar 3.19 Use case diagram admin 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.

32 97 Tabel 3.6 Activity Diagram - Melihat Skor tertinggi User Sistem Menyentuh tombol Skor Tertinggi Menampilkan layar Skor Tertinggi 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 Memilih menu Tutorial Menampilkan layar tutorial 3. Memilih Tempat Tujuan

33 98 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 Memilih tempat tujuan dengan memilih node Memeriksa node yang dipilih (Tidak dapat dimainkan) (Dapat dimainkan) Menampilkan layar intro Menampilkan layar intro-2 Menampilkan layar gameplay 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.

34 99 Tabel 3.9 Activity Diagram - Memainkan Game Sebelum Landing User Sistem Mengambil Mengambil Bahan Bakar KoinMenambah Bahan Bakar Menambah score Masuk ke layar Landing 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

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

36 101 Tabel 3.12 Activity Diagram - Melakukan Resume Game User Sistem Menekan tombol lanjutkan Menjalankan fungsi resume game 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 Menekan tombol keluar Menampilkan main menu 9. Mengulang Game

37 102 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 Menekan tombol ulangi Mengulang game dari intro 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.

38 103 Tabel 3.15 Activity Diagram - Mengambil Bahan Bakar User Sistem Mengarahkan layar ke lokasi bahan bakar Menjawab soal Menampilkan soal acak dari database (Jawaban salah) Memberi peringatan dan memberi jawaban yang benar (Jawaban benar) Menambah 3 bar pada indikator bahan bakar 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.

39 104 Tabel 3.16 Activity Diagram - Menjawab Soal User Sistem Menjawab soal (Jawaban salah) Memberi peringatan dan memberi jawaban yang benar (Jawaban benar) Menambah 3 bar pada indikator bahan bakar 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.

40 105 Tabel 3.17 Activity Diagram - Melakukan Landing User Sistem Mengarahkan pesawat ke jalur yang disediakan Menampilkan score yang didapat user Cek Skor tertinggi 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 Menggunakan accelerometer Mengarahkan pergerakan layar sesuai dengan gerakan accelerometer

41 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 gerakan gesture

42 107 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 Memasukkan username & password Validasi username & password (Tidak Valid) (Valid) Memberi hak mengubah data di aplikasi back end 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.

43 108 Tabel 3.21 Activity Diagram - Melakukan Logout Admin Sistem Logout dari aplikasi back end Menarik hak mengubah data di aplikasi back end 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 Memasukkan soal, jawaban, dan memilih level Validasi data (Tidak Valid) (Valid) Menyimpan data yang diisi admin

44 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 tampilkan soal Menampilkan Soal

45 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 Gambar 3.21 Sequence Diagram - Melihat Tutorial

46 Memilih Tempat Tujuan Gambar 3.22 Sequence Diagram - Memilih Tempat Tujuan 4. Memainkan Game Gambar 3.23 Sequence Diagram - Memainkan Game

47 Mengambil Koin Gambar 3.24 Sequence Diagram - Mengambil Koin 6. Melakukan Pause Game Gambar 3.25 Sequence Diagram - Pause Game

48 Melakukan Resume Game Gambar 3.26 Sequence Diagram - Resume Game 8. Menghentikan Game Gambar 3.27 Sequence Diagram - Pause Game

49 Mengulang Game Gambar 3.28 Sequence Diagram - Mengulang Game 10. Mengambil Bahan Bakar dan Menjawab Soal Gambar 3.29 Sequence Diagram - Mengambil Bahan Bakar

50 115

51 Melakukan Landing Gambar 3.30 Sequence Diagram - Melakukan Landing Berikut adalah sequence diagram untuk kegiatan-kegiatan admin: 1. Melakukan Login Gambar 3.31 Sequence Diagram - Melakukan Login

52 Melakukan Logout Gambar 3.32 Sequence Diagram - Melakukan Log Out 3. Menambah Soal Gambar 3.33 Sequence Diagram - Menambah Soal

53 Melihat Data Gambar 3.34 Sequence Diagram - Melihat Data

54 Perancangan Layar Perancangan Layar Front End 1. Layar Splashscreen Multimedia Storyboard Project: Fly and Learn Screen: Splashscreen Date: Screen ID: M01 Screen Description: Splashscreen menampilkan gambar pesawat. Link From Screen ID: - Color Scheme: Background: Gradient #3d6ba7 dan # Text Attributes: - Link to Screen ID: M02 Still Images: splash.png Audio: - Video: - Animation: -

55 Layar Main Menu Multimedia Storyboard Project: Fly and Learn Screen: Main Menu Date: 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: - Animation: Tombol, awan.png

56 Layar Tutorial Multimedia Storyboard Project: Fly and Learn Screen: Tutorial Date: Screen ID: A01 Screen Description: Menampilkan tutorial untuk membantu user mengenali user interface di dalam game Fly and Learn Link From Screen ID: M02 Color Scheme: Background: #61c2fa Link to Screen ID: M02 Text Attributes: Font: #Plok.ttf Still Images: Tutorial0.png, Tutorial1.png, Tutorial2.png, Tutorial3.png, Tutorial4.png, Tutorial5.png Audio: - Video: - Animation: Geser

57 Layar Credit Multimedia Storyboard Project: Fly and Learn Screen: Credit Date: Screen ID: A02 Screen Description: Menampilkan nama dan NIM penulis dan pembuat. Link From Screen ID: M02 Color Scheme: Background: # 61c2fa Text Attributes: Font: Courier Colour: #ffffff Still Images: - Audio: - Video: - Animation: Teks Link to Screen ID: M02

58 Layar Skor Tertinggi Multimedia Storyboard Project: Fly and Learn Screen: Skor Tertinggi Date: Screen ID: A03 Screen Description: Layar ini menampilkan daftar pemilik skor tertinggi sejak game pertama dimainkan. Link From Screen ID: M02 Color Scheme: Background: # 61c2fa Text Attributes: Font: Plok.ttf Colour: #ffffff Still Images: None Audio: - Video: - Animation: Awan.png Link to Screen ID: M02

59 Layar Peta Multimedia Storyboard Project: Fly and Learn Screen: Pilih Wilayah Date: Screen ID: A04 Silahkan Pilih Wilayah 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

60 Layar Intro Multimedia Storyboard Project: Fly and Learn Screen: Intro Game Date: Screen ID: M03 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 Lewati 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

61 Layar Intro-2 Multimedia Storyboard Project: Fly and Learn Screen: Intro-2 Date: Screen ID: M04 Lewati Screen Description: Intro game yang menampilkan gambar maskapai penerbangan yang ada di Indonesia. Link From Screen ID:M03 Color Scheme: Tombol: #d45700 Link to Screen ID: M03, M05 Text Attributes: FontTombol: Plok.ttf, TombolColour: # ecc239 Still Images: Pesawat.png, background.png, tombol.png Audio: takeoff.ogg Video: - Animation: Pesawat bergerak

62 Layar Gameplay Multimedia Storyboard Project: Fly and Learn Screen: Gameplay Date: Screen ID: M05 Jarak Tempuh Indikator Jarak Tempuh Km 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: # 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

63 128 Multimedia Storyboard Project: Fly and Learn Screen: Pause Date: Screen ID: A00 ulangi keluar lanjutkan Screen Description: Rancangan layar pause yang akan tampil saat user menekan tombol pause atau back. Link From Screen ID: M05 Color Scheme:Tombol: #d45700 Link to Screen ID:M05, M02 Text Attributes: FontTombol: Plok.ttf, Tombol: # ecc239 Still Images: tombol.png Audio: game.ogg Video: - Animation: Tombol

64 Layar Soal Multimedia Storyboard Project: Fly and Learn Screen: Layar Soal Date: Screen ID: M00 Screen Description: Rancangan layar soal yang akan tampil saat user mengambil bahan bakar. Link From Screen ID: M05 Color Scheme: Background: #ffffff Link to Screen ID: M05 Text Attributes: Courier New Still Images: - Audio: game.ogg Video: - Animation: Dialog soal Muncul dan hilang 12. Layar Landing Multimedia Storyboard

65 130 Project: Fly and Learn Screen: Layar Landing Date: 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: # 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.

66 Layar Game Over Multimedia Storyboard Project: Fly and Learn Screen: Game Over Date: Screen ID: M0 Screen Description: Rancangan layar game over yang akan tampil saat user kalah. Link From Screen ID: M05 Color Scheme: Background, Tombol: #d45700 Link to Screen ID: A04 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.

67 Perancangan Layar Back End 1. Layar Login Multimedia Storyboard Project: Fly and Learn Screen: Login Date: Screen ID: X01 Screen Description: Rancangan layar login untuk admin. Link From Screen ID: - Color Scheme: Background: #ffffff Line: #1cb3eb Text Attributes: Login: #1cb3eb Colour :# Still Images: - Link to Screen ID: X02 Audio: - Video: - Animation: -

68 Layar Menu Multimedia Storyboard Project: Fly and Learn Screen: Menu Date: 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 :# Still Images: - Audio: - Video: - Animation: -

69 Layar Tampilkan Soal Multimedia Storyboard Project: Fly and Learn Screen: Tampilkan Soal Date: 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 :# Still Images: - Audio: - Video: - Animation: -

70 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. Level Int Level soal untuk di map mana akan ditampilkan