LAYANAN PERENCANAAN DAN PENJADWALAN PARIWISATA MASYARAKAT INDONESIA DENGAN KONSEP JEJARING SOSIAL BERBASIS WEB BUKU PETUNJUK PENGGUNAAN APLIKASI INDOLISTA Oleh Krishna Nugraha A Ricky A 1301051674 Kevin Liemunandar 1301052033 Utari Prokla Leonard Lintang 1301052286 BINA NUSANTARA UNIVERSITY JAKARTA 2013
2 Aplikasi IndoLista memiliki tiga jenis pengguna yaitu Guest yang merupakan pengguna tidak terdaftar, Member yang merupakan pengguna yang telah mendaftar dan melakukan log in ke dalam aplikasi dan Moderator yang merupakan pengguna terdaftar dengan hak akses tertinggi pada aplikasi. Cara Penggunaan Aplikasi Bagi Guest, Member dan Administrator. a. Registration Gambar 1 Tampilan halaman Registration Pengguna yang belum terdaftar sebagai disebut guest dan memiliki akses terbatas pada aplikasi IndoLista, untuk dapat menikmati semua fitur dalam aplikasi maka guest dapat mendaftar terlebih dahulu dengan melakukan akses ke www.indolista.com, kemudian mengklik tombol Sign Up. Guest diminta untuk mengisi semua field yang tersedia kemudian dengan mengklik tombol Sign Up pengguna mengirim data registrasi serta setuju dengan peraturan yang berlaku di IndoLista.
3 b. Log In Gambar 2 Tampilan halaman Log In Guest yang sudah melakukan pendaftaran dapat melakukan log in dengan membuka halaman welcome.php dan mengisi data log in berupa username dan password dan mengklik tombol Log In. Jika username dan password yang diisi tidak sesuai dengan data yang tersimpan dalam database IndoLista maka pengguna akan diminta untuk mengisi kembali data yang benar. Jika benar maka pengguna akan masuk ke halaman IndoLista sebagai member. c. Manage Profile 1. View Profile Gambar 3 Tampilan halaman Profile
4 Member dapat melihat profile mereka dengan memilih menu Profile pada sidebar atau melakukan klik pada nama mereka. 2. Edit Profile Gambar 4 Tampilan halaman Edit Profile Member dapat mengedit data profile dengan memilih menu Profile di sidebar IndoLista dan memilih tombol Edit. Setelah data diubah klik Save untuk menyimpan data yang baru. Member juga dapat memilih foto yang ingin digunakan sebagai avatar.
5 d. Manage Friend Terdapat tab Friend pada sidebar IndoLista, pengguna dapat melakukan: 1. Search User Gambar 5 Tampilan halaman Search User Member dapat mencari teman dengan memilih menu Friend yang ada pada sidebar dan klik tombol Search Friend. Member dapat mengetikkan nama atau email pengguna lainnya pada kotak search. Search Friends dilengkapi dengan fitur auto complete sehingga ketika pengguna mengetikkan beberapa huruf saja dari nama atau email Member secara otomatis akan tampil hasil pencarian yang serupa dengan huruf yang diketik.
6 2. Add Friend Gambar 6 Tampilan halaman Add Friends (1) Jika Member belum memiliki teman maka Member dapat menambahkan teman baru dengan dua cara. Cara pertama dengan memilih menu Friend lalu pilih sub menu Add Friend dan mengetikkan nama atau alamat email teman yang ingin ditambahkan dalam list Friend. Akan tampil nama pengguna lalu klik tombol Add Friend.
7 Gambar 7 Tampilan halaman Add Friends (2) Cara kedua dengan melihat profile teman yang ingin ditambahkan sebagai teman lalu klik tombol Add yang berada dalam tampilan profile teman tersebut. Member lainnya yang ditambahkan sebagai teman harus melakukan approve permintaan pendaftaran sebagai teman terlebih dahulu.
8 3. View Friend Gambar 8 Tampilan halaman View Friends Setelah permintaan menjadi Friend di approve, Member dapat memilih menu Friend List untuk melihat daftar Friend. 4. Delete Friend Gambar 9 Tampilan halaman Delete Friends
9 Member dapat menghapus teman yang ada pada Friend List. Dengan cara memilih menu Friend List, klik nama Friend lalu klik tombol Delete. e. Manage Message 1. Send Message Gambar 10 Tampilan halaman Send Message Member dapat mengirim pesan pribadi ke pengguna lainnya baik yang telah menjadi friend maupun yang belum menjadi friend. Pesan dapat dikirim dengan cara melakukan klik pada tombol Message pada profile pengguna tersebut. Pesan untuk pengguna lain yang telah menjadi friend juga dapat dikirim melalui menu Friend pada sidebar. Member juga dapat mengecek pesan pada Inbox dan Outbox. Pada Inbox terdapat pesan masuk yang memiliki status belum terbaca dan yang sudah terbaca. Pada Outbox terdapat pesan keluar yang telah dikirim ke pengguna lain.
10 2. View Message Gambar 11 Tampilan halaman View Message Member dapat melihat message yang telah dikirim oleh member lain dengan cara melakukan kllik pada tombol Message lalu akan tampil daftar pesan yang masuk pada folder Inbox. Untuk melihat pesan yang telah dikirim ke member lain dapat dilakukan dengan memilih menu Outbox. Pesan yang sudah dibaca akan ditandai dengan tulisan READ dan yang belum dibaca akan ditandai dengan tulisan UNREAD.
11 f. Manage Photo Member dan guest dapat melakukan beberapa aktivitas yang berhubungan dengan foto diantaranya: 1. View Photo Gambar 12 Tampilan halaman View Photo Member dan guest dapat melihat detail foto dengan mengklik foto yang ingin dilihat dan akan muncul pop up photo yang berisi foto berserta informasinya.
12 Gambar 13 Tampilan halaman Best Photo Jika Member memilih menu Photo pada navigasi menu utama maka akan ditampilkan foto aktivitas yang dapat diurut berdasarkan City, Type, Date, Rating, Latest Comment, Total Comment dan Alphabetical.
13 2. Upload Photo Gambar 14 Tampilan halaman Upload Photo Member dapat melakukan upload foto aktivitas dengan memilih lokasi yang berhubungan dengan foto tersebut. Setelah lokasi dipilih maka akan muncul info window lokasi tersebut, lalu pilih menu Photo dan tekan tombol Choose File untuk memilih foto yang ingin di upload (harus berupa ekstensi jpg, jpeg, gif, bmp atau png). Setelah foto dipilih isi Title, Description, dan Time foto tersebut. Setelah semua diisi klik tombol Upload. Foto akan muncul dalam deretan Your Photo.
14 3. Add Photo Comment Gambar 15 Tampilan halaman Photo Comment Member dapat memberikan komentar pada foto yang telah di upload oleh pengguna lainnya dengan cara mengklik salah satu foto dan mengetikkan komentar di kotak Write a Comment lalu klik tombol Post.
15 4. Rating Photo Gambar 16 Tampilan halaman Rating Photo Member dapat memberikan rating pada foto dengan cara mengklik foto dan memilih rating yang ingin diberikan. Rentang rating menggunakan skala 1 (paling kecil) sampai 10 (paling besar). 5. Delete Photo Gambar 17 Tampilan halaman Delete Photo
16 Foto yang telah di upload oleh member hanya dapat di hapus oleh member tersebut dan moderator IndoLista, caranya dengan mengklik foto dan memilih tombol Delete. g. Manage Travel Plan 1. Create Travel Plan Gambar 18 Tampilan halaman Create Travel Plan Pilih menu Travel yang terdapat pada sidebar IndoLista dan klik Create Travel. Member harus mengisi data travel, member dapat mengatur tempat asal dan tempat tujuan, waktu pergi dan waktu kembali, jenis group serta jenis perjalanan. Setelah semua data diisi klik tombol Submit.
17 2. Sharing Travel Plan Gambar 19 Tampilan halaman Sharing Travel Plan Travel Plan yang telah dibuat dapat dibagi kepada teman yang telah terdaftar dalam Friend List dengan cara pilih Travel Plan, klik tombol Share. Pilih teman yang ingin dibagi Travel Plan tersebut dengan cara mencentang nama mereka, teman yang sedang memiliki Travel Plan pada tanggal yang sama tidak dapat dicentang. Setelah memilih teman klik tombol Share.
18 3. Edit Travel Plan Gambar 20 Tampilan halaman Edit Travel Plan Travel plan yang telah dibuat member dapat di edit kembali dengan cara memilih menu Travel yang ada pada sidebar IndoLista dan memilih travel yang ingin di edit. Akan muncul tampilan detail travel lalu klik tombol Edit dan semua field dalam travel tersebut dapat diubah. Setelah selesai klik tombol Save.
19 4. View Schedule Gambar 21 Tampilan halaman View Schedule Travel Plan yang telah dibuat dapat dilihat penjadwalannya dengan memilih menu Travel yang ada pada sidebar IndoLista dan memilih travel yang ingin dilihat penjadwalannya. Akan muncul tampilan detail travel lalu klik tombol Schedule dan akan muncul pop up schedule di mana pengguna dapat melihat schedule per hari.
20 5. Add Activity in Schedule Gambar 22 Tampilan halaman Add Activity in Schedule Activity dapat dimasukkan ke dalam Schedule Travel Plan yang telah dibuat sebelumnya, dengan cara mengklik travel plan, lalu memilih schedule dan menekan tombol add activity.
21 6. Delete Travel Plan Gambar 23 Tampilan halaman Delete Travel Plan Travel plan yang telah dibuat dapat dihapus dengan cara memilih menu Travel yang ada pada sidebar IndoLista dan memilih travel yang ingin di hapus. Akan muncul tampilan detail travel lalu klik tombol Delete dan lakukan konfirmasi dengan memilih Yes lalu Travel akan dihapus dari database.
22 h. Manage Activity 1. Add Activity Gambar 24 Tampilan halaman Add Activity Pilih menu Activity yang terdapat pada sidebar Indolista dan klik tombol +Activity. Member harus mengisi data aktivitas seperti judul, nama tempat dan waktu aktivitas dilakukan. Setelah semua diisi tekan tombol Add.
23 2. View Activity Gambar 25 Tampilan halaman View Activity Pilih menu Activity yang terdapat pada sidebar IndoLista dan pilih tab List maka akan terlihat semua aktifitas yang pernah dibuat.
24 3. Like Activity Gambar 26 Tampilan halaman Like Activity in Schedule Activity yang telah dibuat dapat di like oleh member lainnya dengan cara mengakses halaman profile user dan memilih menu Activity, setelah itu klik activity yang ingin di like dan klik icon jempol ke atas jika menyukai activity tersebut atau jempol ke bawah jika tidak menyukai activity tersebut.
25 i. Manage Location Member dan guest dapat melakukan beberapa aktivitas yang berhubungan dengan Location, diantaranya: 1. View Location Gambar 27 Tampilan halaman View Location Member dan guest dapat melihat lokasi pada IndoLista dengan melakukan klik pada setiap nama lokasi yang ada. Ketika lokasi diklik akan muncul info window pada peta yang menampilkan informasi lengkap tentang tempat tersebut seperti nama tempat, rating, alamat dan nomor telepon.
26 Gambar 28 Tampilan halaman Best Location Member juga dapat melihat Best Location, pada sebelah kiri atas IndoLista terdapat navigasi menu utama, jika pengguna memilih menu Location maka akan ditampilkan daftar lokasi yang dapat diurut berdasarkan City, Type, Listed Date, Rating, Reviewed Date, dan Alphabetical.
27 2. Add Location Gambar 29 Tampilan halaman Add Location Member dapat menambahkan lokasi baru pada IndoLista dengan dua cara, pertama dengan memilih menu Location dan memilih menu Add. Member harus mengetikkan nama daerah di mana lokasi tempat tersebut berada, dan memilih jenis lokasi yang ingin ditambahkan lalu klik tombol Map It dan akan muncul info window dengan marker pada peta. Cara kedua dengan melakukan klik pada tombol +Location dan akan muncul info window dengan marker pada peta. Pengguna dapat melakukan drag and drop untuk menempatkan marker peta. Setelah itu pengguna harus mengisi data lokasi dan menekan tombol Submit.
28 3. Search Location Gambar 30 Tampilan halaman Search Location Member dan guest dapat mencari lokasi dengan mengetikkan nama lokasi pada kotak Search yang ada pada bagian atas aplikasi IndoLista. Search Location dilengkapi dengan fitur auto complete sehingga ketika pengguna mengetikkan beberapa huruf saja dari nama sebuah lokasi secara otomatis akan tampil hasil pencarian yang serupa dengan huruf yang diketik.
29 4. Add Review Gambar 31 Tampilan halaman Add Review Member dapat menuliskan ulasan mengenai sebuah lokasi dengan memilih melakukan klik pada sebuah lokasi, akan muncul info window di peta lalu klik menu Reviews dan pilih Write Review. Isi judul, tingkat kepuasan dan ulasan Member lalu klik Submit.
30 5. Like Review Gambar 32 Tampilan halaman Like Review Member dapat memberikan like pada ulasan atau review sebuah lokasi dengan cara memilih lokasi dan klik menu Reviews yang ada pada info window sebuah lokasi. Akan muncul ulasan yang diberikan oleh member lain, dibawah ulasan tersebut terdapat pertanyaan Do you like this review? Dengan pilihan Yes atau No. Pilih Yes jika pengguna merasa review tersebut membantu atau No jika pengguna merasa review tersebut tidak membantu.
31 Gambar 33 Tampilan halaman Top Reviewer Jika member memilih menu Review pada navigasi menu utama lalu memilih menu Top lalu akan ditampilkan top reviewer atau pemberi ulasan yang memiliki ranking tertinggi yang diurut berdasarkan jumlah like yang diterima.
32 6. Rating Location Gambar 34 Tampilan halaman Rating Location Member dapat memberikan rating pada lokasi dengan cara melakukan klik pada lokasi dan memilih rating yang ingin diberikan. Rentang rating menggunakan skala 1 (paling kecil) sampai 10 (paling besar).
33 7. Edit Location Gambar 35 Tampilan halaman Edit Location Hanya moderator yang dapat mengubah detail lokasi yang telah terdaftar di IndoLista. Untuk dapat melakukan edit location, moderator dapat melakukan klik pada lokasi lalu menekan tombol Edit dan info window location dapat di edit serta marker location dapat di drag and drop. Setelah perubahan selesai moderator dapat menekan tombol Submit. j. View Feed Gambar 36 Tampilan halaman View Feed Member dan guest dapat mengetahui aktifitas apa saja yang dilakukan oleh member lainnya melalui feed yang berupa image slider pada halaman utama
34 IndoLista. Jika member atau guest melakukan klik pada gambar maka muncul informasi seperti rating, komentar dan lokasi dari gambar tersebut. k. View Notification Gambar 37 Tampilan halaman View Notification Member dapat melihat notifikasi yang berhubungan dengan akunnya dengan melakukan klik pada icon notifikasi yang berada di sebelah kanan atas aplikasi IndoLista.
35 l. Ban Member Gambar 38 Tampilan halaman Ban Member Moderator dapat melakukan banned member dengan cara melihat profile pengguna yang ingin di banned kemudian pilih tombol Ban.
36 m. Log Out Gambar 39 Tampilan halaman Log Out Member dapat keluar dari aplikasi IndoLista dengan mengklik tombol log out pada sidebar, dengan begitu session yang sedang berjalan pada pengguna tersebut akan dihentikan dan akun tidak dapat diakes oleh orang lain.