153 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.
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
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.
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.
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.
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.
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.
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.
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”.
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.
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.
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.
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.
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”.
