4.2 Prosedur Operasional 4.2.1 Instalasi Awal 1. Copy QD.apk ke dalam memory card atau phone memory. 2. Buka File Manager lalu pilih file QD.apk. 3. Pilih install, kemudian akan muncul layar seperti berikut ini. Gambar 4.1 Tampilan Layar Permission 4. Lalu proses instalasi akan berjalan untuk beberapa saat. Setelah proses instalasi selesai akan muncul layar seperti berikut ini. 153
154 Gambar 4.2 Tampilan Layar Instalasi Berhasil 5. Jika layar di atas sudah muncul makan aplikasi Questdone telah dapat digunakan. 4.2.2 Sign In dan Sign Up 1. Ketika aplikasi dijalankan akan muncul layar seperti di bawah ini.
155 Gambar 4.3 Tampilan Layar Sign In 2. Bagi user yang belum memiliki akun diperlukan registrasi terlebih dengan memilih tombol Sign Up. 3. Akan muncul layar seperti di bawah ini dan user diharuskan mengisi semua data data yang diminta.
156 Gambar 4.4 Tampilan Layar Sign Up 4. Setelah semua data diisi, pilih tombol Sign Up untuk proses registrasi, pada langkah ini sistem melakukan verifikasi data yang telah di input oleh user seperti format email, kesamaan password, dan data kosong. 5. Jika proses registrasi berhasil maka web server akan menyimpan data user dalam database online dan mengirim kembali pesan berhasil ke aplikasi. User akan kembali pada layar Sign In. 6. Pada layar Sign In isi kotak email dan password pada layar sesuai dengan email dan password yang telah terdaftar. 7. Kemudian pilih tombol Sign In. Pada tahap ini aplikasi akan mengirimkan data ke database online untuk verifikasi. 8. Jika user berhasil melakukan sign in maka akan tampil sebuah layar baru seperti gambar di bawah ini.
157 Gambar 4.5 Tampilan Layar Main 9. Akan terdapat dua buah icon jika posisi user dan quest saling berdekatan, icon yang pertama adalah icon berbentuk logo Android yang merepresentasikan posisi user dan icon satu lagi merepresentasikan posisi dari quest yang dapat diambil. 4.2.3 Menu Social 1. Jika user memilih tombol Social pada layar Main akan tampil layar seperti gambar di bawah ini.
158 Gambar 4.6 Tampilan Layar Friend List 2. Friend Request akan muncul jika ada permintaan untuk berteman, jika tidak ada maka Friend Request tidak akan muncul. Selain itu juga terdapat Friend List yang merupakan daftar nama teman yang telah terkoneksi dengan akun user. 3. Untuk menanggapi friend request, user hanya perlu memilih nama teman dan memilih confirm pada kotak dialog yang muncul. Secara otomatis nama teman yang baru tadi akan muncul pada Friend List. 4. Akan muncul pilihan seperti gambar di berikut ini jika user memilih salah satu nama teman dalam Friend List. Untuk menampilkan pilihan ini digunakan library external NewQuickAction oleh Lorensius W. L. T.
159 Gambar 4.7 Tampilan Pilihan Friend 5. Jika user memilih Message maka akan muncul tampilan seperti gambar berikut ini. Gambar 4.8 Tampilan Tulis Pesan
160 6. Tulis isi pesan dan tekan Send maka pesan tersebut akan dikirim kepada teman yang diinginkan. 7. Apabila user memilih Profile maka akan muncul tampilan layar seperti di bawah ini yang merupakan data data dari teman. Gambar 4.9 Tampilan Layar Profile/MyProfile 8. Jika user memilih Track maka akan ditampilkan rute dari posisi user hingga posisi teman seperti gambar berikut ini. Rute yang ditampilkan berdasarkan parsing data yang diterima melalui Google Map Service.
161 Gambar 4.10 Tampilan Layar Track 9. User dapat memilih tombol Add Friend pada layar Friend List untuk melakukan friend request dan kemudian akan muncul kotak dialog seperti gambar di bawah ini. Gambar 4.11 Tampilan Layar Add Friend
162 10. Masukan alamat email dari teman yang ingin ditambahkan ke dalam daftar teman lalu pilih Ok maka friend request akan dikirim kepada teman yang dituju dan bisa ditanggapi. 11. Saat user memilih tombol MyProfile pada layar FriendList maka akan muncul layar baru seperti Gambar 4.9, yang membedakan kali ini yang ditampilkan adalah data data dari user sendiri dan dapat mengganti username serta shout. 12. Tombol Inbox akan menampilkan pesan pesan yang dikirim oleh teman pada user seperti pada gambar di bawah ini. Gambar 4.12 Tampilan Layar Inbox 13. Untuk melakukan reply pesan tersebut user hanya perlu memilih pesan mana yang akan dibalas lalu akan muncul pilihan seperti gambar berikut ini.
163 Gambar 4.13 Tampilan Pilihan Inbox 14. Dengan memilih reply akan muncul tampilan seperti Gambar 4.8 lalu tulis isi pesan balasan kemudian pilih Send untuk mengirimnya. 15. Tombol Party akan menampilkan anggota party seperti pada gambar di bawah ini. Gambar 4.14 Tampilan Party
164 16. Akan muncul pilihan seperti gambar di bawah ini jika user memilih salah satu anggota party. Gambar 4.15 Tampilan Pilihan Party 4.2.4 Menu Quest 1. Jika user memilih tombol Quest pada layar Main akan tampil layar seperti gambar berikut ini.
165 Gambar 4.16 Tampilan Layar Quest List 2. Pada layar tersebut ditampilkan quest quest yang dapat dijalankan oleh user. Pilih salah satu quest yang ingin dijalankan dan akan tampil pilihan seperti gambar di bawah ini. Gambar 4.17 Tampilan Pilihan Quest List
166 3. Pilih Take untuk mengambil quest. Jika berhasil maka quest yang diambil akan masuk ke menu MyQuest. Pilihan Detail untuk melihat keterangan lebih lengkap mengenai quest. Sedangkan Track untuk menampilkan rute perjalanan menuju tempat quest. 4. Gambar di bawah ini merupakan tampilan layar MyQuest yang menampilkan quest apa saja yang telah diambil user dan bisa segera diselesaikan. Gambar 4.18 Tampilan Layar My Quest 5. Apabila user telah berada pada lokasi quest berada dan ingin menyelesaikan quest, user hanya perlu memilih quest dan akan keluar pilihan sepeti pada gambar berikut ini.
167 Gambar 4.19 Tampilan Pilihan My Quest 6. Dengan memilih Questdone maka user telah berhasil menyelesaikan quest tersebut. Daftar quest yang telah diselesaikan akan masuk pada MyHistory. Pilihan Detail dan Track memiliki fungsi yang sama dengan yang ada pada pilihan QuestList. Tombol Scan digunakan untuk merekam gambar yang dapat berupa QRCode atau BarCode yang berisi kode verifikasi khusus untuk penyelesaian misi. Untuk mengimplementasikan fungsi ini digunakan library external android-quick-response-code oleh Justin Wetherell. Berikut merupakan tampilan layar Scan.
168 Gambar 4.20 Tampilan Layar Scan 7. Untuk melihat quest apa saja yang telah diselesaikan, user dapat memilih MyHistory dengan tampilan seperti gambar berikut ini. Gambar 4.21 Tampilan Layar My History
169 8. Pada layar tersebut ditampilkan quest quest yang telah diselesaikan oleh user. Jika user memilih salah satu quest akan tampil pilihan seperti gambar di bawah ini. Gambar 4.22 Tampilan Pilihan My History 9. Pilihan Retake berfunsi untuk mengambil kembali quest tersebut. Pilihan Detail dan Track memiliki fungsi yang sama dengan yang ada pada pilihan QuestList. 4.2.5 Menu Wallet 1. Jika user memilih tombol Wallet pada layar Main akan tampil layar seperti gambar berikut ini.
170 Gambar 4.23 Tampilan Layar QdStats 2. Pada layar tersebut ditampilkan beberapa informasi user mengenai penyelesaian quest. Informasi yang ditampilkan berguna bagi user untuk melihat perkembangan permainan yang telah dijalankan. 3. Gambar di bawah ini merupakan tampilan layar Shop yang menampilkan voucher apa saja yang ditawarkan oleh aplikasi maupun partner.
171 Gambar 4.24 Tampilan Layar Shop 4. Pada layar tersebut ditampilkan voucher voucher yang dapat dibeli oleh user dengan menggunakan Qpoints. Jika user memilih salah satu voucher akan tampil Voucher Detail seperti gambar di bawah ini. Gambar 4.25 Tampilan Layar Voucher Detail
172 5. Pada layar tersebut ditampilkan informasi voucher yang dipilih oleh user. Ada beberapa voucher memiliki syarat yang harus dipenuhi dahulu sebelum user dapat membelinya. Pada gambar 4.23 terdapat syarat level user 5 atau lebih. Voucher Description berisi kegunaan atau deskripsi yang perlu diperhatikan user sebelum membeli. Tombol Buy berfungsi untuk membeli voucher tersebut Jika Qpoints user cukup dan syarat terpenuhi. 6. Gambar di bawah ini merupakan tampilan layar Bag yang menampilkan voucher apa saja yang dimiliki oleh user. Gambar 4.26 Tampilan Layar Bag 7. Jika user memilih salah satu voucher yang dimiliki maka akan tampil Voucher Detail seperti gambar 4.23 dengan perubahan tombol Buy
173 menjadi tombol Use. Ketika user menekan tombol Use maka akan tambil layar berisi barcode seperti berikut. Gambar 4.27 Tampilan Layar Barcode 8. Pada layar tersebut ditampilkan barcode yang berfungsi mempermudah partner partner tertentu yang mengunakan barcode scanner untuk mencatat transaksi. Untuk mengimplementasikan fungsi ini digunakan library external android-quick-response-code oleh Justin Wetherell. 4.2.6 Menu Setting 1. Jika user memilih tombol Setting pada layar Main akan tampil layar seperti gambar berikut ini.
174 Gambar 4.28 Tampilan Layar Setting Map 2. Pada layar tersebut user dapat mengatur tampilan peta pada layar Main dengan memilih Satellite View untuk tampilan satelit atau memilih Street View untuk tampilan jalan yang jelas. Disini user dapat mengatur apakah user dapat di- Track atau tidak dengan menekan tombol Trackable, user juga dapat mengatur apakah ia terlihat sebagai online atau offline dengan tombol Visible. Dengan menekan tombol Default aplikasi akan mengubah kembali pengaturan dasar aplikasi.
175 Gambar 4.29 Tampilan Layar Setting Account 3. Pada layar Account diatas user dapat melakukan sign out yang akan membuat user kembali ke layar Sign In. jika user memilih tombol Sign Out & Quit maka user akan sign out dan aplikasi akan ditutup. 4. Pada layar About terdapat deskriptif singkat aplikasi dan alamat kontak pengembang aplikasi. User dapat mengirim email maupun menghubungi nomor yang ditampilkan untuk memberi saran, keluhan, ataupun rencana kerjasama sebagai partner. Berikut gambar layar About.
Gambar 4.30 Tampilan Layar Setting - About 176