3.5 Perancangan Sistem .1 Use Case Diagram
3.5.4 Sequence Diagram Register
Gambar 3.20 Sequence Diagram Register
Proses Register diawali dengan pengisian formulir registrasi oleh pengguna di halaman Registration. Setelah pengguna mengisi form, web interface akan melakukan validasi pada data yang telah dimasukkan oleh pengguna. Jika data tidak lengkap dan tidak sesuai dengan format maka akan ditampilkan pesan error, dan jika data lengkap dan sesuai dengan format yang diwajibkan, maka data pengguna akan disimpan ke dalam database dan pesan sukses
Log In
Gambar 3.21 Sequence Diagram Login
Proses Login diawali dengan pengguna mengakses halaman kotak Log In memasukkan email dan password yang telah didaftarkan pada proses register di atas. Proses Log In mencocokkan email dan password pada database. Jika cocok maka akan dibuat session baru bagi pengguna dan di redirect ke halaman Home. Proses Location GPS akan mendeteksi lokasi pengguna dan mengatur current location pengguna berdasarkan lokasi yang dideteksi.
Manage Profile View Profile
Gambar 3.22 Sequence Diagram View Profile
Proses pada View Profile diawali dengan pengguna melakukan klik pada nama pengguna yang ingin dilihat profile nya. Jika pengguna melakukan klik pada namanya sendiri maka proses View Profile akan memeriksa data profile tersebut dan akan ditampilkan profile lengkap pengguna pada halaman profile, jika yang diklik adalah nama pengguna lain maka proses View Profile akan memeriksa status relasi antar pengguna dan menampilkan profile lengkap pengguna tersebut di halaman profile. Jika pengguna memiliki relasi teman maka akan ada pilihan Message.
Edit Profile
Gambar 3.23 Sequence Diagram Edit Profile
Proses pada Edit Profile dimulai dengan pengguna mengakses halaman Edit Profile, lalu mengedit profile dan menyimpan profile yang telah di ubah. Jika data yang diisi sudah sesuai dengan format yang diwajibkan maka data profile akan disimpan ke dalam database.
Manage Friend Add Friend
Gambar 3.24 Sequence Diagram Add Friend
Proses Add Friend dimulai dengan pengguna mengakses halaman Add Friend, lalu mencari pengguna yang ingin ditambahkan sebagai teman. Jika pengguna tersebut belum memiliki relasi sebagai teman maka proses Add Friend akan menambahkan relasi tersebut ke dalam database.
View Friend
Gambar 3.25 Sequence Diagram View Friend
Proses View Friend diawali dengan pengguna mengakses halaman Friend. Proses View Friend akan memeriksa user relation pengguna dan akan menampilkan pengguna lain yang telah terdaftar sebagai teman di halaman Friend.
Delete Friend
Gambar 3.26 Sequence Diagram Delete Friend
Delete Friend merupakan extend dari sequence diagram View Friend lalu memilih teman yang ingin di hapus. Proses Friend Delete akan meminta konfirmasi penghapusan teman kepada pengguna dan akan menghapus relasi antar pengguna tersebut dalam database.
Manage Message Send Message
Gambar 3.27 Sequence Diagram Message Friend
Message Friend diawali dengan pengguna memilih teman yang ingin dikirim pesan. Lalu proses User Messaging akan menampilkan kotak pengiriman pesan dan pengguna mengisi judul serta isi pesan setelah itu menekan tombol send untuk mengirim pesan. Proses User Messaging akan melakukan validasi field yang telah diinput dan melakukan konfirmasi pengiriman pesan kepada pengguna. Lalu pesan akan dikirimkan kepada pengguna yang dituju dengan cara menyimpan pesan ke dalam database.
View Message
Gambar 3.28 Sequence Diagram View Message
View Message diawali dengan pengguna memilih pesan yang ingin dilihat lalu proses Message View akan menampilkan detail pesan beserta pengirim pada kotak pesan dengan mengambil data dari database. Proses Message View akan menandakan pesan yang telah dibaca.
Manage Photo
View Photo
Gambar 3.29 Sequence Diagram View Photo
View Photo diawali dengan user mengakses foto yang ingin dilihat dan proses View Photo akan mengambil data foto seperti activity data, user id, location data, photo rating dan photo comment lalu menampilkan semua data tersebut pada tampilan photo box.
Add Comment
Gambar 3.30 Sequence Diagram Add Comment
Add Comment merupakan extend dari sequence diagram View Photo, lalu dilanjutkan dengan pengguna menambakan komentar pada foto yang dipilh. Proses Add Comment akan mengesahkan komentar lalu menyimpan komentar dan menyimpan notifikasi ke dalam database. Notifikasi akan muncul di profile pengguna yang memiliki foto tersebut.
Rating Photo
Gambar 3.31 Sequence Diagram Rating Photo
Rating Photo merupakan extend dari sequence diagram View Photo yang dilanjutkan dengan pengguna mengisi rating pada foto tersebut. Proses Rating Photo akan memeriksa user rating apabila pengguna pernah memberikan rating pada foto tersebut maka rating yang lama akan di update dengan yang baru, apabila pengguna belum pernah memberikan rating maka nilai rating yang diberikan akan langsung disimpan dalam database.
Delete Photo
Gambar 3.32 Sequence Diagram Delete Photo
Delete Photo merupakan extend dari sequence diagram View Photo dilanjutkan dengan pengguna menghapus foto yang sedang dilihat. Proses Delete Photo akan melakukan pemeriksaan tipe user, jika pengguna tersebut adalah moderator atau pemilik foto maka akan diberikan konfirmasi penghapusan foto, dan setelah pengguna memilih Ya maka foto akan dihapus dari database.
Upload Photo
Gambar 3.33 Sequence Diagram Upload Photo
Upload Photo merupakan extend dari sequence diagram View Location yang dilanjutkan dengan pengguna mengakses halaman upload lalu proses Activity Add akan melakukan pengesahan activity dan proses Upload Photo akan melakukan pengesahan foto. Setelah itu data activity dan foto akan disimpan ke dalam database.
Manage Travel Plan Create Travel Plan
Gambar 3.34 Sequence Diagram Create Travel Plan
Create Travel Plan diawali dengan pengguna mengisi travel form pada halaman Create Travel. Proses Create Travel akan mengambil data kota untuk kota tujuan dan kota asal lalu melakukan pengesahan form yang telah diisi. Setelah itu proses Create Travel akan memeriksa apakah tanggal travel plan yang dibuat memiliki konflik dengan travel plan lainnya. Jika tanggal travel plan tidak
View Travel Plan
Gambar 3.35 Sequence Diagram View Travel Plan
View Travel Plan diawali dengan pengguna memilih travel plan yang ingin dilihat. Proses View Travel akan mengambil data travel termasuk data city, traveller dan travel relation jika travel plan tersebut dibagi kepada pengguna lain. Lalu akan dilakukan pengecekan jika travel plan tersebut merupakan on going travel maka akan ditampilkan di halaman On Going selain itu akan ditampilkan di halaman Travel.
Gambar 3.36 Sequence Diagram Sharing Travel Plan
Sharing Travel Plan merupakan extend dari sequence diagram View Travel Plan yang dilanjutkan dengan pengguna membagi travel plan di mana proses View Who To Share akan memeriksa daftar teman serta tanggal travel plan mereka dan daftar teman akan ditampilkan kepada pengguna. Jika tanggal travel plan konflik maka akan ditampilkan keterangan dan pengguna tidak dapat memilih teman tersebut. Sesudah pengguna memilih teman yang ingin dibagi travel plan nya maka proses Share Travel Plan akan menyimpan data travel relation dan notifikasi pembagian travel ke pengguna yang bersangkutan ke dalam database.
Gambar 3.37 Sequence Diagram Edit Travel Plan
Edit Travel Plan merupakan extend dari sequence diagram View Travel Plan yang dilanjutkan dengan pengguna melakukan edit pada travel plan. Proses Travel Info Get akan mengambil data travel dari database dan menampilkannya ke halaman Edit Travel. Pengguna mengisi semua form yang ingin di edit dan proses Edit Travel Plan akan melakukan validasi serta konfirmasi perubahan travel plan lalu memeriksa apakah tanggal travel plan memiliki konflik dengan travel plan lainnya, jika tidak ada konflik maka data travel plan baru akan disimpan ke dalam database, namun jika ternyata ada konflik maka akan ditampilkan pesan error sehingga pengguna dapat melakukan perubahan data kembali.
Gambar 3.38 Sequence Diagram View Schedule
View Schedule merupakan extend dari sequence diagram View Travel Plan yang dilanjutkan dengan pengguna melihat schedule. Proses Travel Schedule View akan mengambil data travel, city, activity dan location dari tanggal mulai hingga tanggal akhir travel plan lalu menampilkannya pada kotak Travel Schedule.
Gambar 3.39 Sequence Diagram Add Activity in Schedule
Add Activity in Schedule merupakan extend dari sequence diagram View Schedule yang dilanjutkan pengguna dengan memilih hari yang ingin ditambahkan activity ke dalamnya. Pengguna mengisi formulir activity lalu proses Bind Location akan mencari lokasi yang diisi oleh pengguna dan proses Add Travel Activity akan memasukkan lokasi tersebut ke dalam tanggal yang diinginkan dan menyimpannya ke dalam database.
Gambar 3.40 Sequence Diagram Delete Travel Plan
Delete Travel Plan merupakan extend dari sequence diagram View Travel Plan yang dilanjutkan dengan pengguna menghapus travel plan tersebut. Proses Delete Travel akan meminta konfirmasi penghapusan travel plan dan menghapus data travel dari database.
Add Activity
Gambar 3.41 Sequence Diagram Add Activity
Add Activity di awali dengan pengguna mengisi form pada halaman Add Activity lalu proses Bind Location akan mencari location tempat activity dilakukan dan proses Add Activity akan melakukan validasi form yang telah diisi dan menyimpan data activity ke dalam database.
Gambar 3.42 Sequence Diagram View Activity
View Activity diawali dengan pengguna melihat activity lalu proses View Activity akan mengambil data activity berupa location, photo dan like dari database lalu ditampilkan pada info window Map Info.
Gambar 3.43 Sequence Diagram Like Activity
Like Activity merupakan extend dari sequence diagram View Activity yang dilanjutkan pengguna dengan memberikan like pada activity yang sedang dilihat. Nilai like dapat berupa like (suka) atau unlike (tidak suka). Lalu proses Like Activity akan memeriksa apakah pengguna sudah pernah memberi like sebelumnya, jika Ya maka nilai like sebelumnya akan di up date dengan yang baru, jika Tidak maka nilai like pengguna akan langsung disimpan dalam database.
Search Locations
Gambar 3.44 Sequence Diagram Search Locations
Search Location diawali dengan pengguna mengisi lokasi yang ingin di cari pada search box lalu proses Search Location akan mencari lokasi tersebut serta data lokasi pada database. Setelah ditemukan data lokasi akan ditampilkan pada peta dalam bentuk info window.
Gambar 3.45 Sequence Diagram View Location
View Location diawali dengan pengguna memilih lokasi yang ingin dilihat lalu proses View Location akan mengambil data lokasi termasuk data city dan rating lalu menampilkannya kembali ke dalam peta dalam bentuk info window.
Gambar 3.46 Sequence Diagram Add Location
Add Location diawali dengan pengguna mengarahkan marker pada peta sesuai dengan lokasi yang ingin ditambahkan lalu proses Geocoding akan menampilkan data kepada pengguna dalam bentuk info window Add Location. Pada info window tersebut pengguna dapat mengisi location information lalu proses Add Location akan melakukan pengesahan form serta meminta konfirmasi kembali kepada pengguna. Setelah itu location information akan disimpan ke dalam database dan pengguna akan di redirect ke lokasi baru yang telah dibuat.
Gambar 3.47 Sequence Diagram View Review
View Review merupakan extend dari sequence diagram View Location yang dilanjutkan pengguna dengan melihat review dari lokasi tersebut. Proses Review View akan menghitung total review dan mengambil data review beserta data like review dari database sesuai dengan jumlah total review dan menampilkannya kepada pengguna pada halaman Like Review.
Gambar 3.48 Sequence Diagram Add Review
Add Review merupakan extend dari sequence diagram View Location yang dilanjutkan pengguna dengan mengisi form review pada kotak Add Review. Lalu proses Add Review melakukan pengesahan form dan mengambil location id. Data-data ini kemudian disimpan ke dalam database dan ditampilkan dengan proses yang ada dalam sequence diagram View Review.
Gambar 3.49 Sequence Diagram Like Review
Like Review merupakan extend dari sequence diagram View Review yang dilanjutkan pengguna dengan memberi like pada review yang sedang dilihat. Proses Like Review akan memeriksa user like, jika pengguna telah memberikan like sebelumnya maka data like yang lama akan di up date dengan yang baru, dan jika pengguna belum pernah memberikan like sebelumnya maka data like akan langsung disimpan dalam database.
Gambar 3.50 Sequence Diagram Rating Location
Rating Location merupakan extend dari sequence diagram View Location yang dilanjutkan pengguna dengan memberi rating pada location yang sedang dilihat. Proses Rating Location akan memeriksa user rating, jika pengguna telah memberikan rating sebelumnya maka data rating yang lama akan di up date dengan yang baru, dan jika pengguna belum pernah memberikan rating sebelumnya maka data rating akan langsung disimpan dalam database.
Gambar 3.51 Sequence Diagram Edit Location
Edit Location merupakan extend dari sequence diagram View Location yang dilanjutkan pengguna dengan memilih tombol Edit pada info window yang terletak di peta. Proses Edit Location akan akan mengambil data lokasi dari database dan menampilkannya kembali kepada pengguna di info window Edit Location. Pengguna dapat menggerakkan info window yang terhubung dengan marker pada peta untuk dapat diletakkan di tempat yang dikehendaki. Setelah itu proses Geocoding akan menampilkan data lokasi pada info window
Edit Location dan pengguna dapat mengubah isi informasi lokasi tersebut. Setelah di submit proses Edit Location akan melakukan pengsahan form dan meminta konfirmasi perubahan kepada pengguna lalu data baru yang telah di submit tersebut akan disimpan ke dalam database dan ditampilkan kembali kepada pengguna dalam bentuk info window pada peta.
Gambar 3.52 Sequence Diagram View Feed
View Feed dimulai dengan pengguna mengakses halaman home dan proses Feed View akan memeriksa photo feed pada database. Foto-foto baru akan diambil dari database dan ditampilkan pada image feed slider.
Gambar 3.53 Sequence Diagram View Notification
View Notification dimulai dengan pengguna melihat notifikasi dan proses Notification View mengambil data notifikasi seperti seperti travel, comment dan photo dari database lalu semua notifikasi tersebut ditandai dalam database.
Gambar 3.54 Sequence Diagram Ban Member
Ban Member merupakan extend dari sequence diagram View Profile di mana pengguna yang memiliki hak akses sebagai Moderator dapat melakukan ban member. Proses Ban Member akan meminta konfirmasi kembali kepada pengguna lalu mengubah status pengguna aktif menjadi tidak aktif di dalam database.
Gambar 3.55 Sequence Diagram Log Out
Log Out diawali ketika pengguna ingin keluar dari aplikasi melalui halaman apa saja pada aplikasi IndoLista lalu mengklik tombol Log Out. Proses Log Out akan menghapus seluruh session yang sedang berjalan dan melakukan redirect ke halaman Welcome.
3.5.5 Activity Diagram