Gambar 1 Halaman Utama. Halaman ini merupakan tampilan awal dari aplikasi storytelling Indonesia

Transkripsi

1 Prosedur Penggunaan Aplikasi Prosedur Penggunaan Aplikasi Untuk User 1. Halaman Utama Gambar 1 Halaman Utama Halaman ini merupakan tampilan awal dari aplikasi storytelling Indonesia Merdeka.Hanya terdapat satu buah tombol yaitu tombol Mulai. User harus melakukan klik pada tombol tersebut untuk memulai cerita. 2. Tampilan Cerita Gambar 2 Tampilan Cerita

2 Ini merupakan tampilan dari setiap storyboard pada aplikasi storytelling Indonesia Merdeka. Terdapat sebuat kotak berisikan narasi yang menjelaskan tentang scene tersebut.terdapat panah atas dan bawah disaping kanan kotak narasi yang berfungsi untuk menggeser teks narasi keatas untuk membaca kembali teks narasi yang telah terlewati. Gambar 3 Tombol Mematikan / Menyalakan Suara Selama berjalannya aplikasi ini, terdapat background music, efek-efek suara, dan juga teks narasi yang dibacakan. User dapat mematikan seluruh suara yang ada pada aplikasi ini dengan menekan tombol matikan suara yang berada di pojok kiri atas dari kotak narasi. Pada gambar 4.3, aplikasi sedang dalam keadaan suara mati dan user dapat menyalakan kembali suara pada aplikasi ini dengan menekan tombol matikan suara yang sama. Ikon akan berubah untuk memberitahukan user apakah suara pada aplikasi sedang dalam keadaan mati atau tidak.

3 Gambar 4 Petunjuk Pada Kotak Narasi Didalam kotak narasi pada scene tertentu terdapat petunjuk yang berguna untuk memberitahukan kepada user bahwa pada scene tersebut terdapat satu atau dua objek yang dapat dianimasikan dengan cara melakukan klik objek tersebut. Untuk berpindah ke scene berikutnya, user cukup melakukan klik tombol Lanjut yang terdapat pada sisi kanan kotak narasi. User tidak dapat berpindah ke scene berikutnya sampai teks narasi selesai dibacakan. Dan juga scene tidak akan berpindah sampai usermelakukan klik tombol Lanjut. 3. Mini games Untuk menghindari kejenuhan dalam menggunakan aplikasi ini, maka dibuatlah beberapa mini games sebagai selingan dari scene-scene yang ada. Pengadaan mini games pada aplikasi ini bertujuan untuk mengembalikan konsentrasi user agar dapat kembali menangkap informasi yang hendak disampaikan melalui aplikasi ini dengan baik. User tidak dapat memilih mini games apa yang hendak dia mainkan karena mini games tersebut kan mengikuti alur dari cerita. Berikut akan

4 dijelaskan mengenai tiap-tiap mini games yang ada diurutkan berdasarkan urutan munculnya: a. Panen Pak Tani Pada permainan ini, user ditugaskan untuk membantu para petani Indonesia yang menjalankan kerja paksa untuk Belanda. Gambar 5 Mini games Panen Pak Tani Pada permainan ini user mendapat instruksi untuk menggerakan karung dengan cara menggerakan kursor kekanan atau kekiri untuk menangkap buahbuahan yang jatuh dari bagian atas layar. Setiap buah-buahan bernilai 50 (lima puluh) poin. Dan untuk bisa maelanjutkan ke scene berikutnya, user harus terus menangkap sayuran dan buah-buaha tersebut sampai mendapat nilai 1000 (seribu). User memiliki lima buah life yang akan berkurang setiap user gagal menangkap satu sayur atau buah-buahan yang jatuh.

5 Gambar 6 Scene dalam Kondisi User Kalah Apabila life dari user telah habis, maka scene diatas (Gambar 4.6) akan muncul, dan akanuser akan kembali ke halaman mini game Panen Pak Tani. User diharuskan untuk menang untuk bisa berlanjut ke scene berikutnya Gambar 7 Scene dalam Kondisi User Menang Permainan berakhir apabila user berhasil mengumpulkan nilai 1000 (seribu) dan akan berpindah ke scene seperti tampak pada gambar 4.7 untuk

6 melanjutkan cerita. Untuk menambah tantangan pada mini game ini, setiap kali user berhasil memasukan sayur dan buah-buahan kedalam karung, maka kecepatan jatuh dari sayur dan buah-buahan akan bertambah. b. Cari Senjata Gambar 8 Tampilan Game Cari Senjata Pada permainan ini, user diminta untuk menyocokkan gambar senjata yang berada dibalik kotak-kotak yang tersedia dengan cara melakukan klik kotak tersebut.

7 Gambar 9 Tampilan Kotak yang terbuka Gambar 10 Tampilan Pilihan yang salah Apabila user melakukan kesalahan dalam memilih, kotak akan kembali tertutup, dan user dapat kembali memilih sampai menemukan gambar senjata yang sama.

8 Gambar 11 Tampilan Pilihan Benar Apabila user memilih kotak yang tepat ebrisikan dua gambar yang sama, maka kotak tersebut akan secara otomatis hilang. User harus terus melakukan ini hingga seluruh kotak hilang, baru setelah itu dapat melanjutkan ke scene berikutnya. c. Tebak Kata Gambar 12 Tampilan Permainan Tebak Kata

9 Pada permainan ini, user ditugaskan untuk menyelamatkan rakyat Indonesia yang akan dihukum mati dengan cara menjawab pertanyaan. Pertanyaan berupa pertanyaan seputar sejarah kemerdekaan Indonesia. Pertanyaan didapat dari database pertanyaan yang tersimpan di server, oleh karena itu permainan ini membutuhkan koneksi internet. Permainan ini menggunakan konsep permainan hangman dimana user diberikan 5 (lima) buah kesempatan untuk menebak huruf untuk mengisi jawaban. User dapat mengetahui berapa jumlah huruf dari jawaban yang benar dari pertanyaan itu dengan menghitung jumlah garis bawah (underline) yang ada dibawah kalimat pertanyaan. Untuk menebak huruf, user harus melakukan klik pada tampilan on-screen keyboard. Gambar 13 User Telah Melakukan Lima Kali Kesalahan Menebak Huruf Apabila user melakukan lima kali kesalahan dalam menebak huruf, maka permainan gagal dan harus diulang kembali, dan jawaban yang benar akan

10 muncul. Ada beberapa ketentuan dalam permainan ini; yang pertama adalah sebuah huruf hanya bisa dipilih satu kali. Dan yang kedua apabila dalam jawaban terdapat dua buah huruf yang sama, maka ketika user memilih, huruf tersebut akan secara otomatis muncul pada kalimat jawaban. Gambar 14 Tampilan User Berhasil Menebak Kata dengan Benar Dan apabila user berhasil menebak kata dengan benar, maka userakan berpindah ke scene selanjutya. d. Permainan Bom gedung Gambar 15 Tampilan Awal Permainan Bom Gedung

11 Pada permainan ini, user diminta untuk membantu Amerika dalam menghancurkan kota Nagasaki & Heroshima. Pada bagian atas layar terlihat sebuah pesawat yang akan terbang secara horizontal diatas gedung-gedung dan user harus melakukan klik tombol Jatuhkan yang terletak disamping kanan kotak narasi. Gambar 16 Tampilan dan Permainan Gagal User hanya dibekali lima buah bom atom, yang dapat dilihat di pojok kanan atas layar, dan harus bisa digunakan untuk menghancurkan seluruh gedung yang ada. Dan apabila bom telah habis tetapi seluruh gedung belum hancur, maka permainan akan secara otomatis diulang.

12 Gambar 17 Tampilan Permainan Berhasil e. Permainan Tebak Soekarno Gambar 18 Tampilan Permainan Tebak Soekarno Permainan ini cukup sederhana, user diminta untuk menemukan gambar Soekarno yang berada diantara gambar tokoh-tokoh lainnya.

13 Gambar 19 Tampilan User Salah Menebak Apabila User salah menebak tokoh, maka akan tampil scene seperti pada gambar 4.19, dan permainan akan diulang ke tampilan awal permainan. Permainan akan terus berulang sampai user berhasil menebak dengan benar. f. Permainan Rengasdengklok Gambar 20 Tampilan Permainan Rengasdengklok Pada permainan ini, user diminta untuk mengarahkan mobil kuning dalam mencari jalan menuju tujuan akhir yaitu kota Rengasdengklok dengan menggunakan panah kiri, kanan, atas, dan bawah yang ada pada papan ketik.

14 g. Permainan Teks Proklamasi Gambar 21 Tampilan Permainan Teks Proklamasi Permainan ini menggunakan konsep game klasik puzzle dimana user diminta untuk menyusun ulang potongan gambar untuk menjadi satu gambar yang utuh. Gambar 22 Tampilan User Menyusun Potongan puzzle Potongan puzzle harus disusun sesuai dengan bagian-bagiannya sehingga membentuk sebuah gambar Teks Proklamasi dengan cara click and drag potongan gambar.

15 Gambar 23 Tampilan Puzzle Berhasil Disusun 4. Animasi Video Gambar 24 Tampilan Animasi Video Tampilan diatas dapat disebut video sungguhan. Ini merupakan hasil manipulasi gambar dan penggabungan tiga elemen multimedia sekaligus yaitu gambar, suara, dan animasi. Gambar yang sesungguhnyaa dalah gambar diam, diubah sedemikian rupa, ditambahkan diberikan sedikit gerakan animasi lalu

16 kemudian digabungkan dengan pemutaran suara rekaman pembacaan Teks Proklamasi oleh Presiden Soekarno menciptakan animasi video. 5. Halaman Akhir Aplikasi Storytelling Indonesia Merdeka ini memiliki dua episode, yang pertama adalah episode jaman penjajahan Eropa, dan yang kedua adalah episode jaman penjajahan Jepang. Gambar 25 Tampilan Halaman Akhir Episode Pertama Gambar 26 Tampilan Halaman Akhir Episode 2

17 Pada episode pertama, user dapat memilih apakah hendak melanjutkan ke episode berikutnya, atau mengulangi episode pertama. Sedangkan pada episode kedua, user dapat memilih ingin mengulangi episode pertama atau episode kedua. Untuk keluar dari aplikasi, user cukup menutup browser. Prosedur Penggunaan Aplikasi untuk Admin Aplikasi storytelling Indonesia Merdeka juga memiliki halaman khusus untuk admin yang berguna untuk mengedit data-data yang ada pada aplikasi ini. 1. Halaman Login Gambar 27 Tampilan Halaman Login Gambar 28 Tampilan Error Message Pada Halaman Login

18 Gambar ini adalah tampilan halaman login pada halaman admin aplikasi storytelling Indonesia Merdeka. Untuk bisa mengakses halaman ini, admin harus memasukan username dan password yang sebelumnya telah didaftarkan pada kolom yang tersedia. Error Message akan muncul jika admin salah atau belum memasukan username dan password. 2. Halaman Utama Gambar 29 Tampilan Halaman Utama Halaman Admin Halaman ini adalah tampilan halaman utama dari halaman untuk admin, terdiri dari dua menu pilihan utama yaitu Narration Data dan Quiz Data. Kedua menu ini berfungsi untuk mengedit data untuk aplikasi storytelling Indonesia Merdeka.

19 Gambar 30 Tampilan Menu Narration Data Gambar 31 Tampilan Fitur Search Pada Menu Narration Data

20 Gambar 32 Tampilan Fitur Edit Pada Menu Narration Data Pada menu Narration Data, admin dapat mengedit narasi yang akan ditampilkan pada aplikasi storytelling. Untuk mempermudah mencari narasi dari scene yang hendak diedit, ditambahkanfitur search (lihat Gambar 4.31). Setelah selesai mengedit, admin melakukan klik tombol save dan narasi yang ada akan terganti pada saat aplikasi storytelling Indonesia Merdeka dibuka kembali.

21 Gambar 33 Tampilan Menu Quiz Data Gambar 34 Tampilan Fitur Edit Pada Menu Quiz Data Menu Quiz Data ini dibuat untuk mengedit pertanyaan dari kuis pada permainan Tebak Kata.Admin dapat mengubah pertanyaan dan juga jawaban. Setelah selesai mengedit, admin melakukan klik tombol save dan pertanyaan serta

22 jawaban akan terganti pada saat aplikasi storytelling Indonesia Merdeka dibuka kembali.