Gambar 3.83 Activity diagram memberikan reply di forum groups. User yang merupakan anggota dari grup dapat mengubah post miliknya

Transkripsi

1 148 Gambar 3.83 Activity diagram memberikan reply di forum groups User yang merupakan anggota dari grup dapat mengubah post miliknya dalam topik dengan menekan tombol edit di post yang bersangkutan dalam topik.

2 149 Gambar 3.84 Activity diagram mengubah reply di forum groups User dapat melihat semua anggota yang dimiliki oleh grup ini dengan memilih tombol see all members dan sistem akan menampilkan semua anggota yang dimiliki oleh grup tersebut.

3 150 Gambar 3.85 Activity diagram melihat anggota groups User dapat melihat foto yang dimiliki oleh grup ini dengan memilih tombol see more photo dan sistem akan menampilkan semua foto yang dimiliki oleh grup tersebut.

4 151 Gambar 3.86 Activity diagram melihat foto groups Sebagai admin dari grup, user dapat melakukan perubahan infromasi dari grup dengan memilih link edit group pada group profile, sistem akan menampilkan halaman group control panel.

5 152 Gambar 3.87 Activity diagram mengubah informasi groups Sebagai admin dari grup, user juga dapat mengupload foto grup agar dapat dilihat oleh semua anggota dari grup. Dengan memilih tombol browse yang ada di dalam group photo gallery.

6 153 Gambar 3.88 Activity diagram mengupload groups photo Sebagai admin dari grup, user juga dapat menghapus foto grup atau memilih primary group photo.

7 Gambar 3.89 Activity diagram memilih primary groups photo 154

8 155 Gambar 3.90 Activity diagram menghapus groups photo Sebagai admin dari grup, user dapet menghapus grup yang ia miliki dengan memilih link delete group pada profile group.

9 156 Gambar 3.91 Activity diagram menghapus groups ix. Activity Diagram Memanipulasi Blog User dapat memanipulasi blog berupa menambah, mengubah dan menghapus post, membuat komentar dan merubah theme dari blog. Untuk melakukan manipulasi ini user harus berada di halaman blog dengan memilih blog milik user sendiri melalui panel kiri, atau blog milik user lain dengan memilih link blog di halaman profile user tersebut.

10 157 Untuk menulis post baru di blog sendiri, user dapat memilih link compose dan mengisi data dari post kemudian submit. Gambar 3.92 Activity diagram menulis blog post baru Sedangkan untuk menghapus atau mengubah post, user dapat melakukannya melalui link edit dan delete di bawah judul post milik user.

11 Gambar 3.93 Activity diagram menghapus blog post 158

12 159 Gambar 3.94 Activity diagram merubah blog post User juga dapat merubah tampilan dari blog-nya dengan memilih theme atau memasukan custom CSS buatan user di halaman theme yang dapat diakses melalui link theme di halaman blog.

13 160 Gambar 3.95 Activity diagram memanipulasi blog theme User dapat membaca post detail dari tiap post dalam blog dengan memilih link read more and comment di bagian akhir tiap post pada halaman utama dari blog.

14 161 Gambar 3.96 Activity diagram membaca detail blog post User juga dapat memberikan komentar di blog miliknya atau blog user lain dengan memilih read more and comment on this post di bagian bawah tiap post. Kemudian user memasukan data komentar dan submit.

15 162 Gambar 3.97 Activity diagram memberikan komentar blog User dapat memberikan rating pada tiap blog post dengan memilih bintang yang ada di bawah tiap blog post.

16 163 Gambar 3.98 Activity diagram memberikan rating pada blog post User juga dapat mencari blog post yang user inginkan dengan memilih tab search dari halaman blog dan memasukan kata kunci, sistem akan menampilkan semua blog post dari blog tersebut yang sesuai dengan kata kunci.

17 164 Gambar 3.99 Activity diagram search blog post x. Activity Diagram Memanipulasi Message User maupun admin dapat memanipulasi pesan dengan membuat dan mengirim pesan serta menghapus pesan itu sendiri. User dan admin dapat memanipulasi dengan mengakses halaman message melalui link message di panel kiri. User ataupun admin dapat membuat pesan baru dengan memilih create new message di halaman message kemudian melakukan submit, pesan tersebut akan muncul di user inbox penerima dan masuk ke sent item dari user pengirim.

18 165 Gambar Activity diagram membuat message baru User maupun admin juga dapat melihat pesan yang melalui inbox kemudian setelah pesan terbuka, user dan admin dapat menghapus pesan tersebut.

19 Gambar Activity diagram membaca message 166

20 167 Gambar Activity diagram menghapus message xi. Activity Diagram Melakukan Manipulasi di Market User dapat melihat halaman market dimana user dapat melihat dan membeli semua avatar item dan widget yang dijual. Di halaman market, user dapat membeli widget atau avatar item sesuai dengan kategorinya dengan melakukan drag-and-drop barang tersebut ke dalam shopping list. Sistem akan menghitung dan memasukan barang yang dibeli kedalam daftar belanjaan, kemudian user dapat menekan tombol buy untuk membeli barang.

21 168 Gambar Activity diagram melakukan pembelian di market User juga dapat memberikan honey kepada user lainnya dengan cara memilih menu transfer. Sistem akan menampilkan halaman transfer dan user harus mengisi data-data transfer kemudian menekan submit untuk melakukan transfer tersebut.

22 169 Gambar Activity diagram melakukan transfer honey xii. Activity Diagram Manipulasi Forum User atau admin dapat melihat forum serta ikut serta dalam diskusi yang terjadi di subject subject yang sudah ada. Untuk melihat forum, user atau admin dapat memilih subject yang ada di panel kiri, setelah itu sistem akan menampilkan halaman utama dari forum. User atau admin dapat membuka topik yang diinginkan dengan memilih judul dari topik tersebut.

23 170 Gambar Activity diagram melihat topik forum User atau admin dapat membuat topik baru dengan memilih create new topic dan mengisi data topik kemudian submit.

24 171 Gambar Activity diagram membuat topik forum baru Selain itu, user atau admin juga dapat membuat post baru dalam sebuah topik dengan memilih topik yang dimaksud dan menekan link reply topic.

25 172 Gambar Activity diagram membuat reply forum User atau admin juga dapat mengubah post miliknya dalam topik dengan menekan tombol edit di post yang bersangkutan dalam topik tersebut.

26 173 Gambar Activity diagram mengubah reply forum xiii. Activity Diagram Menanggani Penyalahgunaan Aplikasi User dapat melaporkan penyalahgunaan aplikasi kepada admin dan setelah itu admin dapat melakukan tindakan lebih lanjut terhadap permasalahan tersebut.

27 174 Gambar Activity diagram menangani pelaporan user Selain itu admin juga dapat melakukan pengecekan tentang kelayakan dari widget dan avatar item yang dibuat oleh user, sebelum user tersebut menjual hasil karyanya.

28 Gambar Activity diagram avatar item approval 175

29 176 Gambar Activity diagram widget approval xiv. Activity Diagram Memanipulasi Event Admin dapat memenipulasi event yang terdapat dalam sistem sesuai dengan kreatifitas dari admin, manipulasi yang dapat dilakukan berupa menambah dan membatalkan event, serta admin juga dapat menetapkan pemenang kepada user yang memenangkan event tersebut.

30 177 Admin dapat membuat event baru dengan memasukan data event dari tersebut ke dalam form new event di tab event pada admin home. Gambar Activity diagram membuat event baru Admin dapat membatalkan event yang sedang berlangsung dengan memilih link cancel pada event log di tab event.

31 178 Gambar Activity diagram membatalkan event Admin juga dapat menetapkan pemenang dengan memilih link set winner pada event log, sistem akan menampilkan field input pemenang.

32 179 Gambar Activity diagram menetapkan pemenang event d. Sequence Diagram i. Sequence Diagram Mendaftarkan Account Registrasi account dapat dilakukan oleh user pada halaman login dengan memasukkan data diri dan mengisi field yang terdapat pada registrasi form. User dapat masuk ke dalam aplikasi dengan memasukkan nim dan tanggal lahir sebagai password pada layar login dan disesuaikan dengan data yang ada di ms_user. Set elah it u user akan diarahkan langsung ke layar halaman utama.

33 180 Gambar Sequence diagram registrasi ii. Sequence Diagram Masuk Untuk masuk ke dalam aplikasi, user dan admin harus melakukan identifikasi diri dengan melakukan login setiap kali user atau admin ingin masuk. Di halaman login, user dan admin diharuskan untuk mengisi login name dan password yang user miliki dan akan disesuaikan dengan ms_user, jika data tepat maka sistem akan menampilkan halaman home.

34 181 Gambar Sequence diagram masuk untuk user Gambar Sequence diagram masuk untuk admin

35 182 Di halaman ini user dapat memilih untuk melihat dan memilih feed yang diambil dari ms_feed yang disesuaikan dengan ms_user dan tr_friend_list. Dengan menklik link yang ada di dalam feed tersebut dan sistem akan menampilkan halaman pilihan user. Gambar Sequence diagram memilih feed User juga dapat melihat dan memilih user notification yang berisi segala sesuatu yang membutuhkan aksi dari user, sistem juga akan menampilkan halaman di mana aksi tersebut dapat user lakukan. User dapat memberikan komentar pada feed yang ditampilkan di halaman home dengan menekan link comment pada feed yang bersangkutan, sistem akan menampilkan input field bagi user untuk memasukan komentarnya yang akan disimpan di ms_feed_comment.

36 183 Gambar Sequence diagram memberikan komentar pada feed Gambar Sequence diagram memilih notifikasi User dan admin juga dapat melakukan navigasi ke halaman-halaman utama lainnya melalui panel kiri, dengan memilih link ke halaman yang diinginkan kemudian sistem akan membuka halaman tersebut.

37 184 Gambar Sequence diagram navigasi melalui panel kiri untuk user Gambar Sequence diagram navigasi melalui panel kiri untuk admin iii. Sequence Diagram Memanipulasi Informasi Profile User dapat memanipulasi data informasi profile dengan memilih link control panel pada halaman home. Setelah itu sistem akan menampilkan halaman control panel yang terdiri dari 4 kategori yaitu Basic Information, Personal Information, Contact Information dan Work and Education

38 185 Information, user dapat memanipulasi data data sesuai dengan kategori tersebut dan disimpan di dalam ms_user. Gambar Sequence diagram manipulasi profile melalui control panel Selain itu user juga dapat merubah profile theme. User dapat memilih link theme di halaman profile, kemudian halaman theme akan ditampilkan oleh sistem. Di sini user dapat merubah profile theme menjadi theme standar atau theme kreasi user sendiri melalui custom CSS. Data data CSS tersebut akan dimasukkan ke dalam folder yang disesuaikan nim user yang diambil melalui ms_user.

39 186 Gambar Sequence diagram memanipulasi profile theme User juga dapat menuliskan komentar baik di halaman profile-nya sendiri maupun di halaman profile orang lain dengan mengisi field comment di bawah profile user yang bersangkutan dan data akan disimpan di tr_comment.

40 187 Gambar Sequence diagram menulis profile comment User penerima dapat menyetujui komentar yang disesuaikan dengan status komentar pada tr_comment tersebut ataupun menolak komentar tersebut melalui halaman comment approval yang dapat diakses melalui halaman home. Gambar Sequence diagram profile comment approval iv. Sequence Diagram Memanipulasi Friend

41 188 User dapat memanipulasi teman berupa menambah dan menghapus teman serta user juga dapat memasukkan dan menghapus user lain dalam daftar ignore user. Untuk menambah teman dan memasukan teman ke ignore list, user diharuskan untuk memilih link profile user lain. Di halaman profile user lain tersebut, user dapat memilih link add friend untuk mengajukan permintaan teman yang kemudian akan dimasukkan ke dalam tr_friend_list dalam status pending berdasarkan data-data kedua user dari ms_user. Gambar Sequence diagram friend request Masih di halaman user lain, user dapat memilih link ignore user untuk memasukan user ke ignore list maka sistem akan mengubah status teman menjadi ignore di dalam tr_friend_list.

42 189 Gambar Sequence diagram ignore friend Untuk menghapus teman, user dapat memilih link delete friend yang ada di friend list milik user tersebut. Sistem akan mengecek ke dalam ms_user tentang kepastian user yang akan dihapus di tr_friend_list, jika sesuai maka data akan dihapus dari database. Gambar Sequence diagram menghapus teman

43 190 Sedangkan untuk menghapus data dari ignore list, user dapat mengkases halaman ignore list melalui link ignore list di halaman friend list. Di halaman ignore list, user dapat memilih link remove user untuk menghapus data ignore kemudian sistem akan mengecek data kedua user melalui ms_user, jika sesuai maka status pada tr_friend_list akan dikembalikan menjadi teman atau ditiadakan jika kedua user belum berteman satu dengan lainnya. Gambar Sequence diagram menghapus data ignore friend User juga dapat menjawab permintaan teman dari user lainnya dengan mengakses tab require approval di halaman friend list milik user. Di halaman ini terdapat daftar semua user yang memberikan permintaan teman kepada user. Dimana sistem akan menyimpan data serta status teman dalam tr_friend_list berdasarkan tabel ms_user dalam database.

44 191 Gambar Sequence diagram friend approval User juga dapat mengkategorikan teman-teman milik user ke dalam kategori baru dengan memilih link create new category di halaman friend list user dan memasukan nama kategori lalu sistem akan menyimpan data tersebut di dalam ms_friend_cat. Gambar Sequence diagram membuat kategori teman baru

45 192 Setelah kategori terbentuk, maka user mendrag-and-drop foto teman tersebut ke dalam kotak kategori yang diinginkan maka sistem hanya mencata perubahan data di dalam tr_friend_list. Gambar Sequence diagram mengkategorikan teman User juga dapat menghapus kategori tersebut dengan memilih tombol delete category di samping nama kategori, semua teman yang ada di dalam kategori tersebut akan masuk ke kategori Uncategorized dan sistem akan menghapus data pada ms_friend_cat dan mengubah data pada tr_friend_list.

46 193 Gambar Sequence diagram menghapus kategori teman User juga dapat mencari profile user lain melalui tab user search dan memasukan kata kunci dalam pencarian. Sistem mencari kata kunci di dalam ms_user dan kemudian akan ditampilkan halaman user search tersebut. Gambar Sequence diagram mencari user lain

47 194 v. Sequence Diagram Memanipulasi Avatar User dapat memanipulasi avatar miliknya dengan memakai, menghapus dan memberikan avatar item serta mengupload avatar item hasil buatan user sendiri. Untuk melakukan manipulasi ini user harus memilih link avatar di halaman utama, sistem akan menampilkan halaman avatar dimana setiap avatar item yang dimiliki user telah dikategorikan. Di halaman ini user dapat memakai avatar item dengan memilih avatar item tersebut, kemudian sistem akan langsung menampilkan hasilnya di halaman yang sama. Sistem hanya mencatat perubahan yang terjadi di tr_user_avatar berdasarkan kepemilikan avatar berdasarkan data user di ms_user. Gambar Sequence diagram memakai avatar User juga dapat menghapus avatar item di halaman inventory dengan memilih tombol delete avatar yang berada disamping tiap avatar item yang

48 195 akan dihapus. Sistem akan mengecek kepemilikan avatar pada ms_user jika sesuai maka avatar item pada tr_user_avatar akan dihapus dari database. Gambar Sequence diagram menghapus avatar Di halaman inventory, user juga dapat memberikan avatar item dengan memasukan NIM yang dimaksud dan sistem akan mengubah data perubahan tersebut di dalam tr_user_avatar pada avatar item yang akan ditransfer.

49 196 Gambar Sequence diagram memberikan avatar User dapat mengupload avatar item nya sendiri dengan memilih link developer di panel kiri lalu tab avatar development dimana file yang diupload tersebut akan disimpan di dalam folder avatar dalam sistem. Di sini user diharuskan untuk mengisi semua data yang dibutuhkan untuk pengujian avatar oleh admin. Data yang masuk akan dimasukkan ke dalam ms_avatar dengan status pending. Gambar Sequence diagram mengupload avatar vi. Sequence Diagram Memanipulasi Widget User dapat memanipulasi widget miliknya dengan memainkan dan menghapus widget serta memasukan rancangan widget hasil buatan user sendiri. User dapat memainkan atau mengakses widget miliknya melalui link widget di halaman home, sistem akan menampilkan halaman widget dan data

50 197 diambil melalui ms_widget yang disesuaikan data kepemilikan widget di dalam tr_user_widget. Gambar Sequence diagram memainkan widget Di halaman ini user juga dapat menghapus widget yang ia miliki dengan memilik link delete widget kemudian sistem akan menghapus data di tr_user_widget yang disesuaikan dengan data pada ms_user.