BAB 3 ANALISA DAN PERANCANGAN. Tahap-tahap analisis yang dilalui dalam pembuatan aplikasi jejaring sosial ini

Transkripsi

1 BAB 3 ANALISA DAN PERANCANGAN 3.1 Analisa Aplikasi Tahap-tahap analisis yang dilalui dalam pembuatan aplikasi jejaring sosial ini diantaranya adalah analisis pemetaan studi kasus, analisis kuesioner, analisis hasil wawancara, analisis permasalahan yang dihadapi dan analisis web sejenis Latar Belakang Studi Kasus Perkembangan action figure sebagai hobi yang diminati banyak kaum lelaki merupakan fenomena tersendiri di dunia mainan. Semakin besarnya minat kolektor dewasa untuk mengkoleksi beragam model action figure kemudian melahirkan sejumlah komunitas pecinta action figure yang kemudian menggabungkan diri mereka dalam suatu forum diskusi sebagai wadah bagi para kolektor, penjual, dan penggemar untuk saling berbagi informasi baik seputar action figure, film, games maupun event-event seperti toys fair atau pameran mainan yang kini marak diadakan setiap tahun untuk memuaskan para penggemar dan kolektor dalam mengikuti perkembangan dunia action figure ini. Seiring dengan berkembangnya kemajuan teknologi, komunitas pecinta action figure tidak hanya bertemu dalam forum seperti milis-milis di internet namun juga memanfaatkan fitur dalam gadget mereka seperti blackberry messenger group untuk berbagi banyak hal. Namun dengan tingginya antusiasme para pecinta action figure, intensitas dan aktifitas yang

2 ditunjukkan oleh komunitas ini pun bertambah dan grup-grup diskusi maupun forum komunitas tersebut tidak mampu mengakomodir kegiatan dan kebutuhan mereka. Oleh karena itulah dibutuhkan komunitas yang lebih besar dalam bentuk social media agar masyarakat dan penggemar action figure dapat lebih mengenal dan mengetahui keberadaan komunitas action figure ini, serta untuk mempersatukan berbagai komunitas dan grup diskusi yang ada sekarang. Social media yang akan dibuat diharapkan dapat memenuhi kebutuhan para kolektor, penjual dan penggemar action figure melalui kegiatan yang sesuai dengan hobi mereka dan sebagai wadah yang lebih besar, yang memungkinkan mereka untuk saling berinteraksi dan berbagi berbagai hal dan informasi seputar perkembangan action figure Analisa Pemetaan Studi Kasus Daerah studi kasus yang dimaksudkan tidak lain adalah lingkungan komunitas action figure. Komunitas yang cukup terkenal di kalangan pecinta action figure ini diantaranya adalah HENTOS Analisa Kuesioner Pembuatan kuesioner ini dimaksudkan dalam rangka mendapatkan datadata yang lebih akurat dan objektif terhadap kelayakan pengembangan dan analisis sistem yang akan dibuat. Kuesioner ini terbagi atas 23 pertanyaan yang diedarkan secara online dengan jumlah responden sebanyak 60 orang

3 penggemar action figure. Jawaban dari responden telah dihitung dengan persentase berikut : a. Data pribadi 1. Jenis kelamin Anda? Tabel 3.1 Tabel presentase hasil kuesioner pertanyaan 1 Pilihan Responden Persentase Laki-laki 55 92% Perempuan 5 8% TOTAL % Gambar 3.1 Pie chart kuesioner pertanyaan 1 Hasil analisa kuesioner menunjukkan 92% responden berjenis kelamin laki-laki.

4 2. Berapakah usia Anda? Tabel 3.2 Tabel presentase hasil kuesioner pertanyaan 2 Pilihan Responden Persentase <= 15 tahun 1 2% tahun 33 55% tahun 19 32% >= 30 tahun 7 11% TOTAL % Gambar 3.2 Pie chart kuesioner pertanyaan 2 Hasil analisa kuesioner menunjukkan 56% responden berusia 16 hingga 22 tahun. b. Action Figure 1. Apakah Anda tahu tentang action figure? Tabel 3.3 Tabel presentase hasil kuesioner pertanyaan 3 Pilihan Responden Persentase Ya 52 87%

5 Tidak 0 0% Sedikit 8 13% TOTAL % Gambar 3.3 Pie chart kuesioner pertanyaan 3 Hasil analisa kuesioner menunjukkan 87% responden mengetahui action figure. 2. Apakah Anda mempunyai action figure? Tabel 3.4 Tabel presentase hasil kuesioner pertanyaan 4 Pilihan Responden Persentase Ya 50 87% Tidak 10 0% TOTAL %

6 Gambar 3.4 Pie chart kuesioner pertanyaan 4 Hasil analisa kuesioner menunjukkan 83% responden mempunyai action figure. 3. Jika Ya, apa jenis action figure yang Anda sukai? (untuk pertanyaan ini, responden diberi kebebasan menuliskan kesukaannya masing-masing) Statue Revoltech Jenis Action Figure Nendoroid Transformers Head Coll. SHF Jumlah responden Gambar 3.5 Bar chart kuesioner pertanyaan 5

7 Dari hasil kuesioner yang diperoleh, sebanyak 18 orang responden menyukai jenis SHF dan 12 orang sisanya menyukai jenis statue. 4. Apa tujuan Anda mengkoleksi action figure? (untuk pertanyaan ini responden dapat memilih lebih dari satu jawaban) Gambar 3.6 Bar chart kuesioner pertanyaan 6 Dari hasil kuesioner yang diperoleh, sebanyak 44 orang responden menjawab tujuan mereka mengkoleksi adalah sebagai kepuasan tersendiri atau hobby. 5. Bagaimana cara Anda memuaskan diri dengan koleksi Anda? (untuk pertanyaan ini responden dapat memilih lebih dari satu jawaban)

8 Gambar 3.7 Bar chart kuesioner pertanyaan 7 Dari hasil kuesioner yang diperoleh, sebanyak 36 orang responden menjawab cara mereka memuaskan diri dengan koleksinya adalah dengan cara dipajang. 6. Bagaimana cara Anda membeli action figure? (untuk pertanyaan ini responden dapat memilih lebih dari satu jawaban) Datang ke toko Cara membeli Action Figure Online Shop Membeli pada saat Lainnya Jumlah responden

9 Gambar 3.8 Bar chart kuesioner pertanyaan 8 Dari hasil kuesioner yang diperoleh, sebanyak 38 orang responden menjawab mereka membeli action figure melalui online shop. 7. Apakah Anda menyediakan budget khusus untuk membeli action figure? Tabel 3.5 Tabel presentase hasil kuesioner pertanyaan 9 Pilihan Responden Persentase Ya 37 62% Tidak 23 38% TOTAL % 38% 62% Ya Tidak Gambar 3.9 Pie chart kuesioner pertanyaan 9 Hasil analisa kuesioner menunjukkan sebanyak 62% responden menyediakan budget khusus untuk membeli action figure.

10 8. Jika Ya, berapa budget yang Anda sediakan dalam waktu satu bulan? > 2 juta 1 juta -2 juta Budget 500 ribu -1 juta 200 ribu -500 ribu < 200 ribu Jumlah responden Gambar 3.10 Bar chart kuesioner pertanyaan 10 Dari hasil kuesioner yang diperoleh, sebanyak 16 orang responden menjawab menyediakan budget antara 200 ribu hingga 500 ribu. c. Jejaring Sosial 1. Apakah Anda sekarang/pernah bergabung dalam komunitas action figure? Tabel 3.6 Tabel presentase hasil kuesioner pertanyaan 11 Pilihan Responden Persentase Ya 39 63% Tidak 21 37% TOTAL %

11 Gambar 3.11 Pie chart kuesioner pertanyaan 11 Hasil analisa kuesioner menunjukkan sebanyak 63% responden menyediakan bergabung dalam forum komunitas / group khusus action figure. 2. Jika Ya, apakah yang Anda lakukan dalam forum komunitas / group tersebut? (untuk pertanyaan ini responden dapat memilih lebih dari satu jawaban)

12 Gambar 3.12 Bar chart kuesioner pertanyaan 12 Hasil analisa kuesioner menunjukkan sebanyak 34 responden bergabung dengan forum/group action figure untuk mencari informasi harga barang. 3. Apakah Anda pernah mengikuti kopi darat? Tabel 3.7 Tabel presentase hasil kuesioner pertanyaan 13 Pilihan Responden Persentase Ya 30 50% Tidak 30 50% TOTAL %

13 Gambar 3.13 Pie chart kuesioner pertanyaan Jika tidak harap berikan alasan Anda (untuk pertanyaan ini responden dapat memberikan jawaban mereka sendiri)

14 Gambar 3.14 Bar chart kuesioner pertanyaan 14 Hasil analisa kuesioner menunjukkan sebanyak 8 responden tidak mengikuti kopi darat karena alasan sibuk. 5. Bagaimana Anda mendapat informasi baru dari forum komunitas / group Anda? Cara mendapat informasi baru Notifikasi via Notifikasi di forum/group Mengecek forum secara rutin Lainnya Jumlah responden Gambar 3.15 Bar chart kuesioner pertanyaan 15 Hasil analisa kuesioner menunjukkan sebanyak 32 responden memperoleh informasi baru dengan cara mengecek forum secara rutin. 6. Apakah Anda merasa membutuhkan sebuah jejaring sosial khusus action figure? Tabel 3.8 Tabel presentase hasil kuesioner pertanyaan 16 Pilihan Responden Persentase Ya 36 60% Tidak 22 37%

15 Ragu-ragu 2 3% TOTAL % Gambar 3.16 Pie chart kuesioner pertanyaan 16 Hasil analisa kuesioner menunjukkan sebanyak 36 responden sudah merasa membutuhkan jejaring sosial khusus action figure. 7. Apa kekurangan dari forum komunitas / group Anda sekarang yang sering Anda keluhkan? (untuk pertanyaan ini responden bebas memberikan jawaban mereka)

16 Gambar 3.17 Bar chart kuesioner pertanyaan 17 Dari hasil analisa kuesioner, sebanyak 2 responden mengeluhkan kurangnya fitur pada forum komunitas mereka, kurangnya keaktifan dan solidaritas antar member dan informasi yang kurang update. Sedangkan sisanya mengeluhkan hal lainnya. 8. Bila ada jejaring sosial yang baru khusus untuk komunitas action figure, apakah Anda tertarik untuk bergabung? Tabel 3.9 Tabel presentase hasil kuesioner pertanyaan 18 Pilihan Responden Persentase Ya 52 68% Tidak 6 29% Ragu-ragu 2 3% TOTAL %

17 Gambar 3.18 Pie chart kuesioner pertanyaan 18 Hasil analisa kuesioner menunjukkan sebanyak 52 responden tertarik untuk bergabung dengan jejaring sosial khusus action figure. 9. Bila Anda bergabung dalam sebuah jejaring sosial, bagaimana notifikasi yang anda inginkan? Tabel 3.10 Tabel presentase hasil kuesioner pertanyaan 19 Pilihan Responden Persentase Notifikasi dalam jejaring 36 88% sosial Notifikasi via 3 7% Keduanya 21 5% TOTAL %

18 Gambar 3.19 Pie chart kuesioner pertanyaan 19 Hasil analisa kuesioner menunjukkan sebanyak 88% responden menginginkan notifikasi dalam jejaring sosial. 10. Fitur apa saja yang Anda sukai dari sebuah jejaring sosial? (untuk pertanyaan ini responden dapat memilih lebih dari satu jawaban)

19 Gambar 3.20 Bar chart kuesioner pertanyaan 20 Dari hasil analisa kuesioner menunjukkan sebanyak 20 responden menyukai fitur groups dalam jejaring sosial. 11. Tampilan seperti apa yang Anda sukai di halaman utama (Home) jejaring sosial Anda? Tabel 3.11 Tabel presentase hasil kuesioner pertanyaan 21 PILIHAN Responden Persentase Minimalis 22 37% Banyak tulisan sedikit 2 3% gambar Banyak gambar sedikit 21 35% tulisan Banyak tulisan dan 15 25% gambar

20 TOTAL % 3% 25% Minimalis 37% Banyak gambar sedikit tulisan Banyak tulisan sedikit gambar 35% Banyak tulisan dan gambar Gambar 3.21 Pie chart kuesioner pertanyaan 21 Hasil analisa kuesioner menunjukkan sebanyak 37% responden menginginkan tampilan yang minimalis pada halaman utama (Home) mereka dalam jejaring sosial. 12. Sarana komunikasi mana yang Anda sukai dalam jejaring sosial? Personal Message Sarana komunikasi yang disukai Comment Forum Chat room Lainnya Jumlah responden

21 Gambar 3.22 Bar chart kuesioner pertanyaan 22 Hasil analisa kuesioner menunjukkan sebanyak 15 responden menyukai forum dan personal message sebagai sarana komunikasi mereka dalam jejaring sosial. 13. Fitur tambahan apakah yang Anda inginkan dalam jejaring sosial action figure? (untuk pertanyaan ini responden dapat memberikan lebih dari satu jawaban) Gambar 3.23 Bar chart kuesioner pertanyaan 23 Hasil analisa kuesioner menunjukkan sebanyak 17 responden memilih fitur tambahan lain dan 16 responden memilih Market place sebagai fitur tambahan dalam jejaring sosial action figure.

22 d. Kesimpulan Secara keseluruhan dapat disimpulkan menjadi beberapa poin dari hasil kuesioner yang ditanyakan kepada 60 responden serta analisa pemetaan daerah studi kasus, antara lain sebagai berikut : - Dapat disimpulkan bahwa sebagian besar responden mengkoleksi action figure sebagai kepuasan tersendiri untuk menyalurkan hobi mereka. - Sebagian besar responden telah bergabung dengan forum komunitas atau grup khusus action figure, alasan mereka bergabung umumnya untuk mencari informasi harga barang maupun update rilis terbaru. - Ada keinginan besar dari responden untuk saling berkomunikasi melalui sebuah jejaring sosial yang khusus dibuat untuk penggemar action figure. - Hampir seluruh responden mengharapkan fitur yang lengkap dan mendukung interaksi antara satu user dengan user lainnya dalam suatu komunitas jejaring sosial. - Hampir sebagian besar responden mengaku menyukai fitur Groups pada sebuah jejaring sosial dan mengandalkan fitur Forum untuk berkomunikasi dalam aplikasi jejaring sosial. - Sebagian besar responden sudah mengenal aplikasi jejaring sosial dan memiliki akun di jejaring-jejaring sosial tersebut.

23 3.1.4 Analisa Hasil Wawancara Pembuatan wawancara ini dimaksudkan untuk menggali informasi yang lebih dalam mengenai komunitas action figure. Wawancara ini terdiri dari 11 pertanyaan dengan jumlah responden sebanyak 2 orang. Responden yang dipilih khususnya yang aktif dalam komunitas action figure sehingga jawaban yang diterima pun lebih rinci. Berikut adalah hasil wawancaranya : a. Responden I Nama Responden Posisi : Fandy Adhi Sudarso : Admin SHF Indo dan Hentos Tanggal wawancara : Minggu, 29 Oktober 2012 Waktu : pkl WIB 1. Apakah alasan anda membentuk/bergabung dengan forum komunitas? Untuk mencari teman sehobi agar mudah tersalurkan. 2. Kegiatan apa saja yang biasa dilakukan dalam forum komunitas? Gathering, share info dan melakukan jual beli barang. 3. Sejauh manakah forum mampu memenuhi kegiatan Anda? Forum sangat membantu, apalagi member tersebar di seluruh Indonesia bahkan ada yang sampai luar negeri. 4. Apakah ada pertemuan rutin dari forum komunitas anda? Bila ada, apakah ada kebiasaan khusus saat pertemuan?

24 Pertemuan kadang dilakukan saat ada event Toys Fair dengan membuka booth dan lebih memperkenalkan group pada khalayak ramai. 5. Apakah yang anda harapkan dari forum diskusi yang ada sekarang? Saya berharap forum diskusi yang ada dapat lebih memberikan info-info yang saya perlukan. 6. Bagaimanakah cara anda/member group memperlihatkan koleksi masing-masing di forum? Dengan cara memfoto dan meng-upload koleksi kami ke forum komunitas. 7. Apakah kelebihan dan kekurangan bergabung di suatu forum? Kelebihan bergabung dalam suatu forum/group pastinya lebih mudah mencari teman. Kekurangannya kadang ada orang yang mempunyai ego berlebihan. 8. Bagaimana cara anda mengetahui seorang kolektor dewa dan dari segi mana anda mengukurnya? Kolektor dewa biasanya dinilai dari banyaknya koleksi yang ia miliki, mulai dari harga rendah, tinggi, hingga koleksi yang sulit dicari biasanya ia miliki. 9. Fitur apa dalam forum yang paling sering anda gunakan? Upload image

25 10. Bentuk komunikasi/cara seperti apa yang paling sering anda gunakan untuk berhubungan dengan anggota komunitas lain? Biasanya ada member yang tergabung dengan komunikasi tertentu dan akan memberikan info tentang acara yang akan happening. 11. Apakah anda merasa sudah saatnya komunitas action figure membutuhkan sebuah jejaring sosial khusus? Ya, saya rasa sudah saatnya ada jejaring sosial khusus agar tidak dianggap sepele dan lebih menarik bagi para member dan calon member. b. Responden II Nama Responden Posisi : Yuchan : Admin blackcatlounge.com dan pemilik Black Cat Toys Tanggal wawancara : Senin, 30 Oktober 2012 Waktu : pkl WIB 1. Apakah alasan anda membentuk/bergabung dengan forum komunitas? Untuk memudahkan transaksi jual beli. 2. Kegiatan apa saja yang biasa dilakukan dalam forum komunitas? berdagang

26 3. Sejauh manakah forum mampu memenuhi kegiatan Anda? Forum lumayan membantu untuk menjangkau buyer yang ada di luar kota dan tidak bisa langsug datang ke toko. 4. Apakah ada pertemuan rutin dari forum komunitas anda? Bila ada, apakah ada kebiasaan khusus saat pertemuan? Tidak ada. Kalaupun ada saya termasuk orang yang ansos (anti sosial). 5. Apakah yang anda harapkan dari forum diskusi yang ada sekarang? Saya harap dapat memberikan informasi. 6. Bagaimanakah cara anda/member group memperlihatkan koleksi masing-masing di forum? Dengan cara menge-post foto. 7. Apakah kelebihan dan kekurangan bergabung di suatu forum? Kelebihannya memudahkan interaksi antar user, kekurangannya banyak terjadi penipuan online. 8. Bagaimana cara anda mengetahui seorang kolektor dewa dan dari segi mana anda mengukurnya? 9. Fitur apa dalam forum yang paling sering anda gunakan? Quick reply

27 10. Bentuk komunikasi/cara seperti apa yang paling sering anda gunakan untuk berhubungan dengan anggota komunitas lain? Biasanya dengan bbm, sms, forum, YM dan FB. 11. Apakah anda merasa sudah saatnya komunitas action figure membutuhkan sebuah jejaring sosial khusus? Saya rasa sudah karena sudah banyaknya user yang khusus toys. Kesimpulan : Dari hasil wawancara yang dilakukan dengan kedua respoden, keberadaan forum atau group action figure yang ada sekarang cukup membantu untuk memperluas jaringan pertemanan dan memudahkan transaksi dalam berdagang. Kedua responden juga sama-sama mengandalkan fitur upload foto untuk memamerkan koleksinya dan berharap agar forum yang ada dapat memberikan informasi yang mereka perlukan. Selain itu, keduanya juga merasa sudah saatnya komunitas action figure memiliki sosial media karena banyaknya user yang ada sekarang Analisa Permasalahan dan Kebutuhan Berdasarkan hasil kuesioner dan wawancara di atas maka dapat diketahui beberapa masalah yang dialami responden, yaitu : a. Banyak responden yang bergabung dalam forum dan grup komunitas, namun masih merasakan keterbatasan-keterbatasan dalam memperoleh informasi secara aktual.

28 b. Responden membutuhkan sebuah social media khusus action figure untuk menunjang atifitas dan kegiatan mereka. c. Banyak responden yang menggunakan forum dan grup komunitas untuk mengetahui perkembangan toys figure dan harga jual beli barang. d. Penggemar action figure umumnya hanya memajang koleksinya secara pribadi di rumah tanpa dapat memamerkannya. e. Dibutuhkan fitur-fitur untuk menunjang komunikasi dan kegiatan para anggota action figure Solusi Permasalahan Dari semua permasalahan yang dijabarkan di atas, dapat diatasi dengan solusi-solusi yang dapat dilakukan sebagai berikut : a. Membuat sebuah jejaring sosial yang berfungsi sebagai komunitas dalam dunia maya dan menjadi sarana komunikasi dan hobi para responden, yang dilengkapi fitur messaging, market, my figure, event dan lainnya. b. Membuat fitur Friend agar kelak para member dapat membangun sebuah jaringan sosial yang luas dan dapat berhubungan dimanapun mereka berada. c. Membuat fitur Market agar para member dapat melakukan transaksi jual beli yang kini banyak dilakukan dalam forum dan grup-grup diskusi.

29 d. Membuat fitur My Shelf agar para member dapat memajang koleksi mainannya dan memamerkannya kepada member lain. e. Membuat fitur Message agar para member dapat mengirim dan menerima pesan secara pribadi Analisa Web Sejenis Pada sub bab ini, akan dilakukan analisis terhadap web sejenis, dalam hal ini web jejaring sosial khususnya yang diperuntukkan untuk komunitas tertentu. Analisis yang dilakukan ditujukan terhadap beberapa jejaring sosial berdasarkan fitur-fitur seperti multimedia sharing, manipulasi data, manipulasi profile, mailing system, user control panel, groups, news feed, sistem ekonomi, pemakaian AJAX sebagai pendukung web 2.0. a. Sixreps

30 Gambar 3.24 Tampilan Home pada sixreps.com Sixreps.com adalah sosial media pertama dan satu-satunya yang dibuat khusus untuk para pecinta fitness. Sixreps pertama kali diluncurkan oleh L. Denny Santoso, pada 21 November Denny Santoso adalah seorang ahli diet, nutrisi dan fitness yang sebelumnya telah aktif berbagi info mengenai diet sehat melalui buku, situs dan akun Twitter miliknya. Sebagai jejaring sosial khusus bagi komunitas fitness, Sixreps menyediakan fitur-fitur yang cukup interaktif untuk memenuhi kebutuhan para pecinta fitness dalam melakukan aktivitas dan berbagi

31 progress latihannya. Fitur tersebut antara lain photo sharing dan comment dengan AJAX, mail system dengan private messaging yang dapat dilakukan antar sesama user. Selain itu Sixreps juga dilengkapi dengan user control panel dimana user dapat mengatur dan mengendalikan keseluruhan content dari profile dan account-nya. Groups yakni fitur dimana para user yang memiliki ketertarikan sama dapat membentuk sebuah komunitas sendiri dan dapat berdiskusi dengan member group lainnya. News feed dimana user dapat mengetahui updates terbaru dari user lainnya melalui all updates yang dapat dilihat di halaman Home. Tampilan layar dari Sixreps didominasi warna biru tua, putih, abuabu tua dan warna oranye, dengan desain yang minimalis dan mudah dipahami sehingga user tidak bingung untuk menggunakan fitur-fitur yang ada. AJAX digunakan tidak di semua halaman, hanya pada tab menu dan bagian konfirmasi pada saat Follow Friend dan bergabung dengan groups. b. TemanGowes

32 Gambar 3.25 Tampilan profile pada temangowes.com temangowes.com adalah sebuah sosial media dan wadah bagi para pecinta sepeda untuk berbagi berbagai kegiatan bersepeda dan berdiskusi secara detail tentang sepeda. TemanGowes memiliki beberapa fitur diantaranya photo sharing dan comment dengan AJAX, mail system dengan private messaging yang dapat dilakukan antar sesama user. Selain itu TemanGowes juga dilengkapi dengan user control panel

33 dimana user dapat mengatur dan mengendalikan keseluruhan content dari profile dan account-nya. Groups yakni fitur dimana para user yang memiliki ketertarikan sama dapat membentuk sebuah komunitas sendiri dan dapat berdiskusi dengan member group lainnya. News feed dimana user dapat mengetahui updates terbaru dari user lainnya melalui Recent Activities yang dapat dilihat di halaman Home. Tampilan layar dari temangowes didominasi warna biru teal muda, putih, dan hitam, dengan desain yang minimalis dan mudah dipahami sehingga user tidak bingung untuk menggunakan fitur-fitur yang ada. AJAX digunakan terutama pada bagian tab menu.

34 c. Multiply Gambar 3.26 Tampilan profile pada Multiply Multiply adalah sebuah sosial media. Multiply memiliki beberapa fitur diantaranya photo sharing dan HTML Code comment. Selain itu Multiply juga dilengkapi dengan user control panel dimana user dapat mengatur dan mengendalikan keseluruhan content dari profile dan account-nya, yang didukung pula dengan CSS move and drag pada saat melakukan kustomisasi profile. Multiply juga memiliki fitur Groups yakni fitur dimana para user yang memiliki ketertarikan sama dapat membentuk sebuah komunitas sendiri dan dapat berdiskusi dengan member group lainnya. Selain itu

35 ada juga fitur Market untuk melakukan jual beli dan News feed dimana user dapat mengetahui updates terbaru dari user lainnya. Tampilan layar dari Multiply didominasi warna biru teal dan putih, dengan desain yang minimalis dan mudah dipahami sehingga user tidak bingung untuk menggunakan fitur-fitur yang ada. AJAX digunakan terutama pada bagian edit user profile. Untuk memperjelas perbandingan antara web sejenis yang kami analisa berikut adalah table perbandingannya. Tabel 3.30 Perbandingan aplikasi sejenis Fitur \ Aplikasi Sixreps Teman Gowes Multiply Photo Sharing HTML Code Comment Profile Mailing System Market Groups Newsfeed Fitur khusus Pemakaian Ajax Tab menu, konfirmasi, friends & groups Tab menu Edit user profile

36 3.2 Perancangan Tahap - tahap perancangan dalam pembuatan aplikasi jejaring sosial untuk hobby dan toys diantaranya adalah perancangan aplikasi beserta fitur-fiturnya, perancangan UML dan perancangan layar Perancangan Aplikasi Berdasarkan hasil analisa di atas, maka dibuatlah aplikasi yang diberi nama Hentos, yang dapat mengatasi semua permasalahan yang terdapat pada tahap analisa. Fitur-fitur yang terdapat di dalam aplikasi yang akan dibuat antara lain : a. Home Fitur ini menampilkan halaman awal ketika user melakukan login. Pada halaman ini berisi news feed yang merupakan posting terbaru yang dipost oleh oleh para user.

37 Gambar 3.27 Perancangan layar Home b. Profile Fitur profile ini menyediakan tempat untuk user menampilkan segala sesuatu yang berhubungan dengan diri user pada umumnya. Sehingga user dapat membagi informasi dirinya secara detail dan dapat dilihat oleh pengguna Hentos lainnya. Gambar 3.28 Perancangan layar profile c. Sistem Friend Fitur ini memberikan akses bagi user untuk berhubungan dengan user lainnya, user dapat berteman dengan user lain yang terdaftar dalam aplikasi ini. Dengan menggunakan fitur ini, user tidak akan kesulitan mencari user lainnya yang telah terdaftar sebagai teman, dan dapat juga melihat koleksi action figure dengan mudah.

38 Gambar 3.29 Perancangan layar Friend d. Sistem Pesan Fitur ini memberikan user kemudahan untuk berkomunikasi secara pribadi antar 2 user atau lebih, dengan teman yang telah di add ataupun dengan user lain yang bergabung dalam Hentos. Bagian-bagian dari fitur ini adalah compose message untuk menulis pesan baru, inbox yang menampung pesan-pesan yang diterima oleh user dan Sent message yang menampung pesan-pesan yang dikirim oleh user. Pesan yang diterima akan terhapus ketika user menghapusnya. Fitur ini juga dapat digunakan untuk melaporkan penyalahgunaan kepada admin.

39 Gambar 3.30 Perancangan layar Message e. Sistem Notifikasi Fitur ini digunakan untuk memberitahukan user bila ada suatu aktifitas yang membutuhkan konfirmasi user atau hal penting untuk dilihat dan diketahui user seperti notifikasi penambahan teman, komentar user lain atau notifikasi bila ada user lain yang berminat untuk membeli action figure yang dijual.

40 Gambar 3.31 Perancangan layar Notification f. Fitur Market Fitur ini digunakan untuk memudahkan user dalam berjualan. Fitur ini dapat digunakan oleh semua user yang telah mendaftar di Hentos. Masing - masing user akan diberikan satu "Kiosk" dimana mereka dapat melakukan transaksi jual/beli dari action figure mereka. Beberapa action yang akan disediakan di fitur ini adalah : upload item untuk mengupload barang yang ingin dijual, bargain untuk menawar harga dari barang yang dijual, comment untuk memberikan komentar tentang barang yang dijual dan down item untuk menurunkan jualan yang telah terjual atau batal untuk dijual.

41 Gambar 3.32 Perancangan layar Market g. Fitur Event Dalam fitur ini, user dapat melihat acara apa yang akan berlangsung dalam waktu dekat. User juga dapat membuat event baru dan menyebarkannya kepada anggota Hentos lain.

42 Gambar 3.33 Perancangan Event h. Fitur My Figure Fitur ini digunakan untuk memajang koleksi action figure yang dimiliki oleh user. User dapat menyusun action figure yang mereka miliki di rak yang telah diberikan. Fitur ini terdapat pada profil mereka, user dapat mengatur apakah rak action figure mereka akan diperlihatkan pada semua orang atau hanya pada user lain yang telah diterima menjadi teman mereka di Hentos. User juga dapat mengatur rak ini sesuai dengan keinginan mereka. Fitur ini juga menyediakan tema untuk memudahkan user memperindah rak action figure mereka.

43 Gambar 3.34 Perancangan layar My Figure Perancangan Sistem a. Use Case Sistem Berikut adalah system dari aplikasi jejaring sosial Hentos, dimana terdapat dua buah aktor yaitu user dan admin. Di sini terdapat beberapa kegiatan yang dapat user dan admin lakukan, kegiatan-kegiatan ini akan dijelaskan lebih lanjut kemudian.

44 Gambar 3.35 Use case diagram system Hentos i. Use Case Login Berikut adalah cara Login dari aplikasi ini, dimana user dan admin dapat melakukan login dan setelah itu dapat melakukan berbagai kegiatan di halaman utama.

45 Gambar 3.36 Use case diagram system Login ii. Use case Memanipulasi Profile Berikut adalah use case bagi user untuk memanipulasi profile miliknya, kegiatan yang dapat dilakukan oleh user berupa memanipulasi informasi profile, memanipulasi friends dan memanipulasi foto yang juga dapat dilakukan oleh admin.

46 Gambar 3.37 Use case diagram system Profle iii. Use case Memanipulasi Friend User dapat melakukan berbagai kegiatan untuk melakukan manipulasi terhadap teman yang dimiliki. Kegiatan ini antara lain adalah menambah dan menghapus teman, mengkonfirmasi permintaan friend request dan mencari teman.

47 Gambar 3.38 Use case diagram system Friends iv. Use case Memanipulasi Foto User dapat memanipulasi foto profile yang dimiliki oleh user berupa melihat foto teman, menambah dan menghapus foto, serta memilih foto utama yang akan ditampilkan di profile user.

48 Gambar 3.39 Use case diagram system Photo v. Use case Memanipulasi Message User dan admin dapat memanipulasi message dengan membaca pesan, menulis pesan untuk user lain, maupun menghapus pesan tertentu.

49 Gambar 3.40 Use case diagram system Message vi. Use case Memanipulasi Event User dapat melakukan manipulasi terhadap suatu event antara lain dengan membuat event baru, menulis comment tentang suatu event, maupun menghapus event yang dibuat oleh user sendiri. Sedangkan admin dapat melakukan manipulasi dengan membuat dan menghapus event

50 Gambar 3.41 Use case diagram system Event vii. Use case Memanipulasi Market User dapat melakukan manipulasi terhadap market dengan membuat thread jual/beli, menulis comment mengenai thread tertentu dan menghapus suatu thread yang dibuat sendiri oleh user.

51 Gambar 3.40 Use case diagram system Market b. Use Case Spesification Sistem 1. Mendaftarkan Account Tabel 3.12 Use case Spesification Mendaftarkan account Use-case : Aktor : Tujuan : Prakondisi : Deskripsi : Langkah-langkah : Aksi aktor Mendaftarkan account User Menyimpan data-data user account yang bersangkutan ke dalam database User ingin melakukan login dan belum pernah melakukan registrasi User yang ingin bergabung harus membuat account terlebih dahulu Response sistem

52 1. User memilih register pada halaman login. 3. User mengisi semua field yang ada pada halaman tersebut. 4. User menekan tombol submit. Alternatif 2. Sistem membuka halaman registrasi. 5. Sistem menyimpan data user account ke dalam database. Langkah 5 : jika user melakukan kesalahan input data tidak disimpan, dan letak kesalahan akan diberitahukan. ii. Login Tabel 3.13 Use case Spesification melakukan Login Use-case : Aktor : Tujuan : Prakondisi : Deskripsi : Langkah-langkah : Aksi aktor 1. User menekan tombol login. 3. User memasukan nama account dan password lalu menekan tombol submit. 5. User dan Admin dapat memilih menu yang tersedia. Alternatif Login User/Admin Agar mendapatkan session yang berguna untuk mengubah data dalam database dan sebagai identifikasi user untuk mengakses halaman utama. User sudah memiliki account dan ingin mengakses halaman utama. Untuk masuk kedalam system user / admin harus terlebih dahulu melakukan login, bila login sukses maka sistem akan menampilkan halaman utama yang berisi link-link dan update pada account Response sistem 2. Sistem menampilkan halaman login. 4. Apabila account dan password cocok dengan database maka sistem akan menampilkan halaman utama. 6. Sistem akan menampilkan halaman dari menu yang dipilih. Langkah 4 : apabila account dan password

53 Pilihan : Aksi aktor User / Admin memilih menu navigasi yang ada di sebelah kiri layar. tidak sesuai dengan database maka sistem akan menampilkan halaman login dengan notifikasi error. Response sistem Sistem menampilkan halaman yang dipilih. User / Admin memilih notifikasi yang ada diatas layar User / Admin memilih user menu yang ada diatas layar. User / Admin memilih search menu yang ada diatas layar. Sistem menampilkan notifikasi yang ada pada account Sistem menampilkan scroll down user menu. Sistem akan menampilkan menu search dilayar atas. iii. Memanipulasi Profile Tabel 3.14 Use case Spesification Memanipulasi Profile Use-case : Aktor : Tujuan : Prakondisi : Deskripsi : Langkah-langkah : Aksi aktor 1. User dapat memilih menu yang tersedia. Memanipulasi profile User/Admin Untuk merubah informasi dan gambar dalam menu profile User dan Admin sudah melakukan login dan mengakses menu profile dari halaman utama. User dapat melakukan perubahan pada profilenya memanipulasi informasi dan gambar yang digunakan baik di dalam shelf, sebagai profile picture, atau cover photo. Admin hanya dapat memanipulasi gambar pada shelf. Response sistem 2. Sistem menampilkan halaman yang dipilih.

54 Pilihan : Aksi aktor Response sistem User memilih add friend Sistem mengirimkan notifikasi friend request ke user yang dituju. User memilih edit profile. User selesai mengisi informasi dan menekan tombol submit. Sistem membuka tampilan untuk mengedit informasi pada profile. Sistem menyimpan perubahan dan menampilkanya di halaman informasi profile. User memillih menu changes profile picture dari profile picture. User memilih foto dan menekan tombol ok. User memillih menu changes cover photo dari profile picture. User memilih foto dan menekan tombol ok. User memilih tab wall pada menu profile. User menulis pada wall box dan menekan tombol post. Sistem menampilkan layar explorer untuk memilih foto. Sistem akan menyimpan dan menampilkan foto baru yang dipilih. Sistem menampilkan layar explorer untuk memilih foto. Sistem akan menyimpan dan menampilkan foto baru yang dipilih sebagai cover. Sistem akan menampilkan tab wall. Sistem akan menyimpan wall dan menampilkan pada wall profile. iv. Memanipulasi Shelf Tabel 3.15 Use case Spesification Memanipulasi shelf Use-case : Aktor : Tujuan : Prakondisi : Memanipulasi Shelf User/Admin Untuk merubah tampilan dan gambar dalam menu my figure User dan Admin sudah melakukan login dan mengakses menu my figure dari halaman

55 Deskripsi : Langkah-langkah : Aksi aktor 1. User dapat memilih menu yang tersedia. Pilihan : Aksi aktor User menekan tombol add pada menu my figures. User memilih foto dan menekan tombol ok. User menekan tombol edit pada menu my figure User memilih foto yang akan diganti, lalu mengklik upload atau mengklik tombol delete. User men-drag gambar ke kolom lainya dalam shelf my figure utama. User dapat melakukan perubahan pada my figure memanipulasi tampilan dan gambar yang digunakan. Response sistem 2. Sistem menampilkan halaman yang dipilih. Response sistem Sistem menampilkan layar explorer untuk memilih foto. Sistem akan menyimpan dan menampilkan foto yang di pilih pada rak my figures. Sistem menampilkan menu untuk mengupload ulang photo dan delete. Foto akan di-replace dengan yang baru, atau foto akan di-delete Gambar akan pindah ke kolom yang dipilih v. Memanipulasi Message Tabel 3.16 Use case Spesification Memanipulasi Message Use-case : Aktor : Tujuan : Prakondisi : Memanipulasi Message User/Admin Untuk menulis, mengirim atau menghapus pesan dalam menu Message. User dan Admin sudah melakukan login dan mengakses menu Message dari halaman utama.

56 Deskripsi : Langkah-langkah : Aksi aktor 1. User dapat memilih menu yang tersedia. Pilihan : Aksi aktor User dapat menulis pesan ke sesama user, atau menyampaikan keluhan kepada admin. User juga dapat menghapus pesan yang berada di inbox. Response sistem 2. Sistem menampilkan halaman yang dipilih. Response sistem User memilih pesan yang tersedia Sistem akan menampilkan percakapan antar user User mengetik pesan pada text box yang tersedia lalu mengklik tombol kirim. User memilih tombol delete pada message Sistem akan mengirim pesan yang ditulis ke penerima dan akan ditampilkan dilayar. Sistem akan menghapus pesan yang di-delete dari layar. vi. Memanipulasi Foto Tabel 3.17 Use case Spesification Memanipulasi photo Use-case : Aktor : Tujuan : Prakondisi : Deskripsi : Langkah-langkah : Aksi aktor Memanipulasi photo User Untuk menambahkan menghapus atau melakukan comment pada foto. User sudah melakukan login dan mengakses menu Photo dari halaman utama. User dapat melakukan upload gambar mendelete gambar atau menuliskan komentar pada foto yang telah diupload. Response sistem

57 1. User dapat memilih menu yang tersedia. Pilihan : Aksi aktor 2. Sistem menampilkan halaman yang dipilih. Response sistem User memilih add Photo Sistem menampilkan layar explorer untuk memilih foto. User mengklik tombol upload. Sistem akan menyimpan dan menampilkan foto yang di pilih pada layar. User memilih delete. Sistem akan menghapus gambar dari sistem dan memberi pemberitahuan pada user bahwa foto telah dihapus. User mengetik pesan pada text box yang tersedia lalu mengklik tombol kirim. User memilih delete pada comment. Sistem akan mengirim comment yang ditulis pada foto dan akan ditampilkan dilayar. Sistem akan menghapus komentar pada gambar di layar. vii. Memanipulasi Market Tabel 3.18 Use case Spesification Memanipulasi Market Use-case : Aktor : Tujuan : Prakondisi : Deskripsi : Memanipulasi Market User/Admin Untuk menambahkan, mengedit atau menghapus postingan pasar dalam menu Market. User dan Admin sudah melakukan login dan mengakses menu Market dari halaman utama. User dapat membuat posting pasar baru atau melakukan perubahan pada posting-anya memanipulasi informasi dan gambar yang digunakan atau men-delete posting yang telah dibuat.

58 Langkah-langkah : Aksi aktor 1. User dapat memilih menu yang tersedia. Pilihan : Aksi aktor User memilih add Market. User mengisi data yang diperlukan memilih foto lalu mengklik tombol post. User memilih edit pada posting-an di Market. User selesai mengisi informasi dan menekan tombol submit. User memilih delete pada posting-an di Market. Response sistem 2. Sistem menampilkan halaman yang dipilih. Response sistem Sistem akan membuka tampilan untuk membuat Market baru. Sistem akan menyimpan dan menampilkan posting yang dibuat User. Sistem membuka tampilan untuk mengedit informasi pada posting. Sistem menyimpan perubahan dan menampilkanya di posting-an Market User. Sistem akan menghapus posting-an Market pada layar. viii. Memanipulasi Event Tabel 3.19 Use case Spesification Memanipulasi Event Use-case : Aktor : Tujuan : Prakondisi : Deskripsi : Memanipulasi Event User/Admin Untuk menambahkan, mengedit atau menghapus postingan pasar dalam menu Event. User dan Admin sudah melakukan login dan mengakses menu Event dari halaman utama. User dapat membuat posting event baru atau melakukan perubahan pada posting-anya memanipulasi informasi meng-invite User lain

59 Langkah-langkah : Aksi aktor 1. User dapat memilih menu yang tersedia. Pilihan : Aksi aktor User memilih add Market. User mengisi data yang diperlukan lalu mengklik tombol post User memilih edit pada posting-an di Event. User selesai mengisi informasi dan menekan tombol submit. User memilih delete pada posting-an di Market. atau men-delete posting yang telah dibuat. Response sistem 2. Sistem menampilkan halaman yang dipilih. Response sistem Sistem akan membuka tampilan untuk membuat Event baru. Sistem akan menyimpan dan menampilkan posting yang dibuat User. Sistem membuka tampilan untuk mengedit informasi pada posting. Sistem menyimpan perubahan dan menampilkanya di posting-an Event User. Sistem akan menghapus posting-an Event pada layar. c. Class Diagram Class diagram digunakan untuk mencari atribut, objek, dan operasi yang ada dalam sistem. Dengan mengetahui melalui survey, maka dapat dikumpulkan objek-objek beserta atribut dan operasinya untuk membantu dalam perancangan dan analisis sistem. Berikut ini gambar class diagram sistem yang sedang dirancang :

60 Gambar 3.41 Class diagram Perancangan Sistem

61 Pada gambar diatas terdapat 13 kelas. Kelas-kelas tersebut adalah kelas event comment, kelas event, kelas event participant, kelas friend, kelas market comment, kelas market, kelas user, kelas mail, kelas foto, kelas status comment, kelas status, kelas my figure, dan kelas foto comment. d. Sequence Diagram Untuk memperjelas hubungan dari class diagram, berikut disertakan sequence diagram. Sequence diagram yang dibuat adalah : i. Login

62 Gambar 3.42 Sequence diagram Login Dari gambar 3.42 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman aplikasi 2. User melakukan login 3. Aplikasi mengirimkan data username dan password pada object user 4. Object user akan mengecek kecocokan username dengan password dari system 5. Aplikasi akan menampilkan halaman utama kepada user

63 ii. Update Profile Gambar 3.43 Sequence diagram Update Profile Dari gambar 3.43 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman aplikasi 2. User membuka halaman edit profile dan mengirimkan data yang telah diubah kepada object user 3. User akan mengubah profile yang telah dimasukkan di dalam system menurut data yang telah dimasukkan user 4. Aplikasi akan menampilkan halaman profile

64 iii. Add Friend Gambar 3.43 Sequence diagram Add Friend Dari gambar 3.43 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman aplikasi 2. User mengirimkan permintaan menambah teman melalu object Friend 3. Friend akan menambahkan permintaan teman user di system 4. Aplikasi akan menapilkan halaman friend kepada user

65 iv. Compose Message Gambar 3.45 Sequence diagram Compose Message Dari gambar 3.45 dapat diperjelas prosesnya sebagai berikut : 1. User/admin membuka halaman aplikasi 2. User/admin mengirimkan message yang telah dibuat melalui object message 3. Message akan memasukkan pesan user/admin ke dalam system 4. Aplikasi akan menampilkan halaman message

66 v. Delete Message Gambar 3.46 Sequence diagram Delete Message Dari gambar 3.46 dapat diperjelas prosesnya sebagai berikut : 1. User halaman aplikasi 2. User memilik message yang akan di delete dan mengirimkannya pada object message 3. Message akan menghapus data yang dipilih dari system 4. Applikasi akan menampilkan halaman message

67 vi. Upload Foto Gambar 3.47 Sequence diagram Upload Foto Dari gambar 3.47 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman aplikasi 2. User mengupload foto dan mengirimkan datanya kepada object foto 3. Foto akan memasukkan data foto yang di upload oleh user ke dalam system 4. Aplikasi akan menampilkan halaman foto kepada user

68 vii. Delete Foto Gambar 3.48 Sequence diagram Delete Foto Dari gambar 3.48 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman aplikasi 2. User memilih foto yang akan dihapus dan mengirimkannya kepada object photo 3. Foto akan menghapus data foto dari system 4. Aplikasi akan menampilkan halaman foto kepada user

69 viii. Add Foto Comment Gambar 3.50 Sequence diagram add foto comment Dari gambar 3.50 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman applikasi 2. User menambahkan comment dan mengirimkannya ke object foto comment 3. Foto comment menambahkan comment yang telah diterima ke dalam system 4. Applikasi akan menampilkan halaman utama

70 ix. Edit Foto Comment Gambar 3.50 Sequence diagram edit foto comment Dari gambar 3.50 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman aplikasi 2. User megubah comment dan mengirimkannya ke object foto comment 3. Foto comment mengubah data yang ada di dalam database berdasarkan data yang dimasukkan user. 4. Aplikasi menampilkan halaman utama

71 x. Delete Foto Comment Gambar 3.50 Sequence diagram Delete Foto Comment Dari gambar 3.50 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman aplikasi 2. User memilih comment yang ingin dihapus dan dikirimkan kepada object foto comment 3. Foto comment menghapus data yang ada dalam system 4. Aplikasi menampilkan halaman utama kepada user

72 xi. Create Event Gambar 3.50 Sequence diagram Create Event Dari gambar 3.50 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman aplikasi 2. User membuat event dan mengirimkannya kepada object event 3. Event akan menambahkan data event yang dibuat oleh user ke dalam system 4. Aplikasi akan menampilkan halaman event kepada user

73 xii. Delete Event Gambar 3.51 Sequence diagram Delete Event Dari gambar 3.51 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman aplikasi 2. User memilih event yang ingin dihapus dan mengirimkannya kepada object event 3. Event akan menghapus event yang dipilih user dari system 4. Aplikasi akan menampilkan halaman event kepada user

74 xiii. Edit Event Gambar 3.52 Sequence diagram edit event Dari gambar 3.52 dapat diperjelas prosesnya sebagai berikut : 1. User membuka aplikasi 2. User mengubah data event dan mengirimkannya ke object event 3. Object even mengubah data yang ada di dalam system berdasarkan data yang telah dimasukkan oleh user 4. Applikasi menampikan halaman event

75 xiv. Add Event Comment Gambar 3.52 Sequence diagram add event comment Dari gambar 3.52 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman applikasi 2. User menambahkan comment dan mengirimkannya ke object market comment 3. Market comment menambahkan comment yang telah diterima ke dalam system 4. Applikasi akan menampilkan halaman utama

76 xv. Edit Event Comment Gambar 3.52 Sequence diagram edit event comment Dari gambar 3.52 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman aplikasi 2. User mengubah comment dan mengirimkannya ke object event comment 3. Event comment mengubah data yang ada di dalam system berdasarkan data yang dimasukkan user. 4. Aplikasi menampilkan halaman event

77 xvi. Delete Event Comment Gambar 3.52 Sequence diagram Delete Event Comment Dari gambar 3.52 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman aplikasi 2. User memilih comment yang ingin dihapus dan dikirimkan kepada object event comment 3. Event comment menghapus data yang ada dalam system 4. Aplikasi menampilkan halaman event kepada user

78 xvii. Event Attendance Gambar 3.52 Sequence diagram Event Attendance Dari gambar 3.52 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman aplikasi 2. User memilih event yang ingin dihadiri dan dikirimkan kepada object event participation 3. Event participation mengubah data yang ada dalam system 4. Aplikasi menampilkan halaman event kepada user

79 xviii. Create Thread Market Gambar 3.52 Sequence diagram Create Thread Market Dari gambar 3.52 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman aplikasi 2. User membuat thread market dan dikirimkan kepada object market 3. Market akan menambahkan thread yang telah dibuat user ke dalam database 4. Aplikasi akan menampilkan halaman thread kepada user

80 xix. Delete Market Gambar 3.53 Sequence diagram Delete Market Dari gambar 3.53 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman aplikasi 2. User memilih thread yang ingin dihapus dan dikirimkan kepada object market 3. Market akan menghapus thread yang dipilih user dari system 4. Aplikasi akan menampilkan halaman thread

81 xx. Add Market Comment Gambar 3.53 Sequence diagram Add Market Comment Dari gambar 3.53 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman aplikasi 2. User memberi comment pada market dan dikirimkan kepada object market comment 3. Market comment akan menambahkan comment yang telah dibuat user ke dalam system 4. Aplikasi akan menampilkan halaman market kepada user

82 xxi. Edit Market Comment Gambar 3.53 Sequence diagram Edit Market Comment Dari gambar 3.53 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman aplikasi 2. User megubah comment dan mengirimkannya ke object Market comment 3. Market comment mengubah data yang ada di dalam system berdasarkan data yang dimasukkan user. 4. Aplikasi menampilkan halaman market

83 xxii. Delete Market Comment Gambar 3.53 Sequence diagram Delete Market Comment Dari gambar 3.53 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman aplikasi 2. User memilih comment yang ingin dihapus dan dikirimkan kepada object market comment 3. Market comment menghapus data yang ada dalam system 4. Aplikasi menampilkan halaman utama kepada user

84 xxiii. Add Status Comment Gambar 3.53 Sequence diagram Add Status Comment Dari gambar 3.53 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman applikasi 2. User menambahkan comment dan mengirimkannya ke object status comment 3. Status comment menambahkan comment yang telah diterima ke dalam system 4. Applikasi akan menampilkan halaman utama

85 xxiv. Delete Status Comment Gambar 3.53 Sequence diagram Delete Status Comment Dari gambar 3.53 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman aplikasi 2. User memilih comment yang ingin dihapus dan dikirimkan kepada object status comment 3. Status comment menghapus data yang ada dalam system 4. Aplikasi menampilkan halaman utama kepada user

86 xxv. Edit Status Comment Gambar 3.53 Sequence diagram Edit Status Comment Dari gambar 3.53 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman aplikasi 2. User megubah comment dan mengirimkannya ke object status comment 3. Status comment mengubah data yang ada di dalam system berdasarkan data yang dimasukkan user. 4. Aplikasi menampilkan halaman utama

87 xxvi. Add Status Gambar 3.53 Sequence diagram Add Status Dari gambar 3.53 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman applikasi 2. User menulis status dan mengirimkannya ke object status 3. Status menambahkan status yang telah diterima ke dalam system 4. Applikasi akan menampilkan halaman utama

88 xxvii. Delete Status Gambar 3.53 Sequence diagram Delete Status Dari gambar 3.53 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman applikasi 2. User menghapus status dan mengirimkannya ke object status 3. Status menghapus status yang telah dihilangkan dalam system

89 xxviii. Add Figure Gambar 3.53 Sequence diagram add figure Dari gambar 3.53 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman aplikasi 2. User membuka mengupload gambar dan mengirimkannya kepada object MyFigure 3. MyFigure akan memasukkan data ke dalam system 4. Aplikasi akan menampilkan halaman figure kepada user

90 xxix. Mengatur Tampilan Figure Gambar 3.53 Sequence diagram Mengatur Tampilan Figure Dari gambar 3.53 dapat diperjelas prosesnya sebagai berikut : 1. User membuka halaman aplikasi 2. User mengubah aturan figure dan mengirimkannya kepada object MyFigure 3. MyFigure akan mengubah data dari system 4. Aplikasi akan menampilkan halaman figure kepada user

91 xxx. Delete Figure Gambar 3.53 Sequence diagram Delete Figure 1. User membuka halaman aplikasi 2. User membuka memilih figure yang ingin di delete dan mengirimkannya ke object my figure 3. MyFigure akan menghapus data dari system 4. Aplikasi akan menampilkan halaman figure kepada user

92 xxxi. Logout Gambar 3.53 Sequence diagram Logout 1. User atau admin membuka applikasi 2. User atau admin memilih untuk logout 3. Object user akan memanggil fungsi logout 4. Aplikasi akan menampilkan halaman utama Perancangan Basis Data Basis data untuk perancangan aplikasi ini terdiri dari 18 tabel. Berikut ini penjelasan masing-masing table, deskripsi table dan primary key dari table tersebut :

93 Nama Tabel Deskripsi : Comment : untuk menampung data data comment status Primary Key : ID_Comment Tabel 3.20 Comment Nama Field TipeData Panjang Keterangan ID_Comment Bigint 20 Kode pengenal dari comment ID_Status Bigint 20 Kode untuk mengetahui status yang di comment ID_User Bigint 20 Kode untuk mengetahui user mana yang menulis comment Isi Text 255 Isi dari comment yang ditulis Nama Tabel Deskripsi : Conversation : untuk menampung pembicaraan dari user Primary Key : ID_Conversation Tabel 3.21 Conversation Nama Field Tipe Data Panjang Keterangan ID_Conversation Bigint 20 Kode pengenal dari conversation ID_User1 Bigint 20 Kode untuk mengenali user yang termasuk ID_User2 Bigint 20 Kode untuk mengetahui user yang termasuk Nama Tabel : Event

94 Deskripsi : untuk menampung data data event yang dibuat oleh user Primary Key : ID_Event Tabel 3.22 Event Nama Field Tipe Data Panjang Keterangan ID_Event Bigint 20 Kode pengenal dari Event ID_User Bigint 20 Kode untuk mengetahui user yang membuat event Type varchar 10 Jenis dari event (private / public) Headline Text 255 Headline dari event Description Text 255 Deskripsi dari event Tanggal Date 10 Tanggal dari event Tempat Varchar 20 Tempat dari event Nama Tabel Deskripsi : event_comment : untuk menampung data data comment event Primary Key : ID_Event_Comment Tabel 3.23 Event_comment Nama Field Tipe Data Panjang Keterangan ID_Event_Comment Bigint 20 Kode pengenal dari comment event ID_Event Bigint 20 Kode untuk mengetahui event yang di comment ID_User Bigint 20 Kode untuk mengetahui user mana yang menulis status Isi Text 255 Isi dari comment yang ditulis

95 Nama Tabel Deskripsi event : event_participation : untuk menampung data data dari kehadiran user pada Primary Key : ID_Participation Tabel 3.24 Event_participation Nama Field Tipe Data Panjang Keterangan ID_Participation Bigint 20 Kode pengenal dari participation ID_Event Bigint 20 Kode untuk mengetahui event mana yang diikuti ID_User Bigint 20 Kode untuk mengetahui user mana yang mengikuti event Status Varchar 10 Status dari user yang mengikuti event Nama Tabel Deskripsi : Figurine : untuk menampung figurine user Primary Key : ID_Figurine Tabel 3.25 Figurine Nama Field Tipe Data Panjang Keterangan ID_Figurine Bigint 20 Kode pengenal dari figurine ID_User Bigint 20 Kode untuk mengetahui user yang memiliki figurine Location Int 8 Lokasi dari figurin yang dimiliki Nama Tabel Deskripsi : Friend : untuk menampung data data dari pertemanan user Primary Key : ID_Friend

96 Tabel 3.26 Friend Nama Field Tipe Data Panjang Keterangan ID_Friend Bigint 20 Kode pengenal dari friend ID_User1 Bigint 20 Kode untuk mengetahui user yang berteman ID_User2 Bigint 20 Kode untuk mengetahui user yang berteman Status Varchar 10 Status dari pertemanan user Nama Tabel Deskripsi : Market : untuk menampung data data market Primary Key : ID_Market Tabel 3.27 Market Nama Field Tipe Data Panjang Keterangan ID_Market Bigint 20 Kode pengenal dari market ID_User Bigint 20 Kode untuk mengetahui user yang melakukan posting market Type Varchar 20 Jenis dari market yang di posting (jual atau beli) Category Varchar 20 Kategori dari barang yang dijual Headline Text 255 Headline dari market yang di posting Description Text 255 Deskripsi dari market yang di posting

97 Nama Tabel Deskripsi : market_comment : untuk menampung data data comment market Primary Key : ID_Market_Commen Tabel 3.28 Market_comment Nama Field Tipe Data Panjang Keterangan ID_Market_Comment Bigint 20 Kode pengenal dari comment market ID_Market Bigint 20 Kode untuk mengetahui market yang di comment ID_User Bigint 20 Kode untuk mengetahui user mana yang melakukan comment market Isi Text 255 Isi dari comment market yang ditulis Nama Tabel Deskripsi : message : untuk menampung data data message Primary Key : ID_Message Table 3.29 Message Nama Field Tipe Data Panjang Keterangan ID_Message Bigint 20 Kode pengenal dari message ID_Conversation Bigint 20 Kode untuk mengetahui conversation mana yang memiliki pesan ini ID_User Bigint 20 Kode untuk mengetahui user mana yang mengirim pesan Message Text 255 Isi dari pesan yang ditulis

98 Nama Tabel Deskripsi : notification : untuk menampung data data notification Primary Key : ID_Notification Table 3.30 Notification Nama Field Tipe Data Panjang Keterangan ID_Notification Bigint 20 Kode pengenal dari notification ID_User Bigint 20 Kode untuk mengetahui user yang melakukan aktifitas ID_Owner Bigint 20 Kode untuk mengetahui kepada user mana aktifitas tersebut dilakukan Type Varchar 20 Jenis aktivitas Nama Tabel Deskripsi : photo : untuk menampung data data dari photo Primary Key : ID_Photo Table 3.31 Photo Nama Field Tipe Data Panjang Keterangan ID_Photo Bigint 20 Kode pengenal dari Photo ID_User Bigint 20 Kode untuk mengetahui user mana yang memiliki photo Nama Tabel : photo_comment Deskripsi : untuk menampung data data comment photo Primary Key : ID_Photo_Comment

99 Table 3.32 Photo_comment Nama Field Tipe Data Panjang Keterangan ID_Photo_Comment Bigint 20 Kode pengenal dari comment photo ID_Photo Bigint 20 Kode untuk mengetahui photo yang di comment ID_User Bigint 20 Kode untuk mengetahui user mana yang menulis comment Isi Text 255 Isi dari comment yang ditulis Nama Tabel Deskripsi : rate : untuk menampung data data rate Primary Key : ID_Rate Tabel 3.33 Rate Nama Field Tipe Data Panjang Keterangan ID_Rate Bigint 20 Kode pengenal dari rate ID_User Bigint 20 Kode untuk mengetahui user mana yang melakukan raiting ID_Owner Bigint 20 Kode untuk mengetahui user mana yang di raiting Status Varchar 10 Status dari raiting yang diberikan (like/dislike) Nama Tabel Deskripsi : status : untuk menampung data data status Primary Key : ID_Status

100 Table 3.34 Status Nama Field Tipe Data Panjang Keterangan ID_Status Bigint 20 Kode pengenal dari status ID_User Bigint 20 Kode untuk mengetahui user mana yang menulis status Isi Text 255 Isi dari status yang ditulis Nama Tabel Deskripsi : user : untuk menampung data data user Primary Key : ID_User Tabel 3.35 User Nama Field Tipe Data Panjang Keterangan ID_User Bigint 20 Kode pengenal dari user Username Varchar 30 Username yang dimiliki oleh user Password Varchar 30 Password yang dimiliki oleh user Name Varchar 30 Nama dari user Varchar 30 dari user DoB Varchar 30 Tanggal lahir user Interest Text 255 Ketertarikan dari user

101 3.2.4 Entity Relationship Diagram (ERD)