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.
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.
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.
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.
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.
153
Gambar 3.88 Activity diagram mengupload groups photo Sebagai admin dari grup, user juga dapat menghapus foto grup atau memilih primary group photo.
154
Gambar 3.89 Activity diagram memilih primary groups photo
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.
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.
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.
158
Gambar 3.93 Activity diagram menghapus blog post
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.
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.
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.
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.
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.
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.
165
Gambar 3.100 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.
166
Gambar 3.101 Activity diagram membaca message
167
Gambar 3.102 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.
168
Gambar 3.103 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.
169
Gambar 3.104 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.
170
Gambar 3.105 Activity diagram melihat topik forum User atau admin dapat membuat topik baru dengan memilih create new topic dan mengisi data topik kemudian submit.
171
Gambar 3.106 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.
172
Gambar 3.107 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.
173
Gambar 3.108 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.
174
Gambar 3.109 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.
175
Gambar 3.110 Activity diagram avatar item approval
176
Gambar 3.111 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.
177
Admin dapat membuat event baru dengan memasukan data event dari tersebut ke dalam form new event di tab event pada admin home.
Gambar 3.112 Activity diagram membuat event baru Admin dapat membatalkan event yang sedang berlangsung dengan memilih link cancel pada event log di tab event.
178
Gambar 3.113 Activity diagram membatalkan event Admin juga dapat menetapkan pemenang dengan memilih link set winner pada event log, sistem akan menampilkan field input pemenang.
179
Gambar 3.114 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. Setelah itu user akan diarahkan langsung ke layar halaman utama.
180
Gambar 3.115 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.
181
Gambar 3.116 Sequence diagram masuk untuk user
Gambar 3.117 Sequence diagram masuk untuk admin
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 3.118 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.
183
Gambar 3.119 Sequence diagram memberikan komentar pada feed
Gambar 3.120 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.
184
Gambar 3.121 Sequence diagram navigasi melalui panel kiri untuk user
Gambar 3.122 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
185
Information, user dapat memanipulasi data – data sesuai dengan kategori tersebut dan disimpan di dalam ms_user.
Gambar 3.123 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.
186
Gambar 3.124 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.
187
Gambar 3.125 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 3.126 Sequence diagram profile comment approval iv.
Sequence Diagram Memanipulasi Friend
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 3.127 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.
189
Gambar 3.128 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 3.129 Sequence diagram menghapus teman
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 3.130 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.
191
Gambar 3.131 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 3.132 Sequence diagram membuat kategori teman baru
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 3.133 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.
193
Gambar 3.134 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 3.135 Sequence diagram mencari user lain
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 3.136 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
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 3.137 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.
196
Gambar 3.138 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 3.139 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
197
diambil melalui ms_widget yang disesuaikan data kepemilikan widget di dalam tr_user_widget.
Gambar 3.140 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.
