Gambar Error! No text of specified style in document.4.2 Tampilan Layar Mobile Registration

Transkripsi

1 1.1 Prosedur Penggunaan Aplikasi Tampilan User 1. Registration Gambar Error! No text of specified style in document.4.1 Tampilan Layar Desktop Registration Gambar Error! No text of specified style in document.4.2 Tampilan Layar Mobile Registration

2 Pengguna yang belum terdaftar disebut sebagai guest. Guest tidak bisa mengakses semua fitur yang tersedia di dalam website, untuk itu guest harus mendaftar terlebih dahulu. Pendaftaran dilakukan dengan mengklik tombol login lalu mengklik tombol register. Guest diminta untuk mengisi field yang tersedia kemudian mengklik tombol finish. 2. Login Gambar Error! No text of specified style in document.4.3 Tampilan Layar Desktop Login

3 Tampilan pada desktop, guest yang sudah melakukan register sebelumnya sudah bisa melakukan login dengan memasukkan username atau address dan password lalu klik tombol login. Jika username atau address dan password yang dimasukkan salah, pengguna diminta kembali memasukkan username atau address dan password. Jika sudah benar, pengguna akan masuk ke halaman home Maplan sebagai member. Pada tampilan mobile, guest yang sudah melakukan register dapat melakukan login dengan klik tab pada sudut kanan atas dan memilih login. Selanjutnya, tahap yang sama dilakukan seperti pada tampilan desktop. Gambar Error! No text of specified style in document.4.4 Tampilan Layar Mobile

4 3. Home Gambar Error! No text of specified style in document.4.5 Tampilan Layar Home Pengguna dapat melakukan login dengan mengklik tombol login pada menu bar yang ditunjukkan nomor 1. Untuk melihat journal pengguna lain yang sudah melakukan login dapat mengklik show the stories yang ditunjukkan nomor 2. Sedangkan, petunjuk nomor 3 untuk melihat fitur most followed, most senior backpacker dan most like journal.

5 4. User Profile Gambar Error! No text of specified style in document.4.6 Tampilan Layar User Profile

6 Gambar Error! No text of specified style in document.4.7 Tampilan Layar Follower

7 Gambar Error! No text of specified style in document.4.8 Tampilan Layar Change Background Picture Gambar Error! No text of specified style in document.4.9 Tampilan Layar Change Profile Picture Pada halaman user profile bagian journal diberikan 5 nomor sebagai petunjuk member dapat melakukan aktivitas apa saja pada halaman user profile. Berikut penjelasan dari 5 nomor petunjuk :

8 1. Upload profile picture, member dapat meng-upload foto untuk profil. 2. Background image upload, member dapat merubah foto pada background yang terdapat pada profil member. 3. Member dapat melihat semua profil pengguna lain yang mereka follow. 4. Member dapat melihat semua profil pengguna lain yang follow dirinya. 5. Semua journal yang telah dibuat oleh dikumpulkan terdapat disini. Jika member ingin membuat journal baru maka member dapat mengklik Create New Journal. 5. Edit Profile Gambar Error! No text of specified style in document.4.10 Tampilan Layar Desktop Edit Profile

9 Gambar Error! No text of specified style in document.4.11 Tampilan Layar Mobile Edit Profile Member dapat merubah data profil dengan mengklik nama profil pada menu bar dan mengklik tombol Edit Profile. Setelah data selesai diubah lalu klik save change. 6. Change Password Gambar Error! No text of specified style in document.4.12 Tampilan Layar Desktop Change Password

10 Gambar Error! No text of specified style in document.4.13 Tampilan Layar Mobile Change Password Member dapat mengubah password dengan megklik menu bar dan pilih tombol Change Password dan mengisi field yang tersedia. Setelah selesai mengubah password klik save changes. 7. Search User Profile

11 Gambar Error! No text of specified style in document.4.14 Tampilan Layar Desktop Search User Profile

12 Gambar Error! No text of specified style in document.4.15 Tampilan Layar Mobile Search User Profile Member dapat mencari profil member lain dengan menggunakan menu search yang tersedia pada menu bar dan klik ikon user pada layar. Search user profile menggunakan pencarian berdasarkan nama user yang ingin dicari. Setelah selesai klik tombol search.

13 8. Search Journal Gambar Error! No text of specified style in document.4.16 Tampilan Layar Desktop Search Journal

14 Gambar Error! No text of specified style in document.4.17 Tampilan Layar Mobile Search Journal Member dapat mencari journal dengan menggunakan menu search yang tersedia pada sidebar dan klik ikon journal pada layar. Search journal menggunakan pencarian berdasarkan lokasi dari tempat tujuan wisata atau berdasarkan budget perjalanan wisata. Setelah selesai klik tombol search.

15 9. Timeline Gambar Error! No text of specified style in document.4.18 Tampilan Layar Timeline

16 Member dapat melihat notifikasi pada halaman timeline dengan cara mengklik pada menu bar, member dapat melihat aktivitas terbaru dari pengguna lain dengan mengklik pada petunjuk nomor 1 untuk memperbaharui isi timeline dan jika member ingin membuat journal baru dapat mengklik pada petunjuk nomor Journal

17 Gambar Error! No text of specified style in document.4.19 Tampilan Member dapat menuliskan cerita Layar dan Journal pengalaman mereka selama perjalanan dalam fitur journal. Fitur ini dapat dilihat oleh member lain. 11. Create Journal

18 Gambar Error! No text of specified style in document.4.20 Tampilan Layar Create Journal Member dapat membuat journal baru pada halaman journal yang dapat diakses melalui 2 halaman yaitu halaman timeline dan user profile. Member harus mengisi form dan upload gambar dengan ukuran 500px X 500px lalu klik tombol create. 12. Add Activity Gambar Error! No text of specified style in document.4.21 Tampilan Layar Add Activity

19 Member dapat membuat activity baru sesuai dengan keinginan mereka dengan cara mengklik create new activity lalu akan muncul 4 pilihan yang terdapat tempat yaitu restoran, hotel, tempat wisata dan akomodasi. 13. Create activity

20 Gambar Error! No text of specified style in document.4.22 Tampilan Layar Create Activity Accomodation Ketika member memilih create activity accomodation maka akan muncul 8 pilihan yang menjelaskan transportasi apa yang digunakan member pada saat perjalanan. Setelah itu member dapat mengisi form lalu klik tombol create.

21 Gambar Error! No text of specified style in document.4.23 Tampilan Layar Create Activity Restaurant Berbeda dari halaman create activity accomodation, halaman create activity yang lain seperti create activity restaurant hanya mengisi form seperti pada Gambar 4.23, sehingga dalam satu journal terdapat banyak activity baru yang bisa dibuat. 14. Achievement

22 Gambar Error! No text of specified style in document.4.24 Tampilan Layar Achievement Member mendapatkan achievement berdasarkan jumlah journal yang telah dibuat. Achievement tersebut berupa title yang akan muncul pada profil member dan unuk memilih achievement member dapat mengklik choose Tampilan Admin 1. Admin Member

23 Gambar Error! No text of specified style in document.4.25 Tampilan Layar Admin Member Pada tampilan ketika admin sudah melakukan login maka akan masuk ke halaman khusus admin, halaman ini admin dapat mencari semua member yang terdaftar. 2. Admin Member Profile

24 Gambar Error! No text of specified style in document.4.26 Tampilan Layar Admin Member Profile Pada halaman ini, admin dapat melihat biodata member secara keseluruhan, untuk mengakses halaman ini admin dapat mengklik nama member seperti pada Gambar Admin Journal

25 Gambar Error! No text of specified style in document.4.27 Tampilan layar Admin Journal Pada halaman ini admin dapat mencari semua journal milik member, cara mengakses halaman ini adalah admin mengklik journal pada menu sidebar sebelah kiri.