BAB 3 ANALISIS DAN PERANCANGAN
3.1 Analisis 3.1.1 Gambaran Umum Jejaring sosial bukanlah hal yang asing lagi bagi manusia, saat ini hampir semua orang memiliki akun di jejaring sosial yang telah ada, bahkan satu orang dapat memiliki akun pada beberapa jejaring sosial. Dewasa ini jejaring sosial tidak hanya dipandang sebagai hiburan semata, namun juga dapat berupa alat untuk menghasilkan uang, oleh sebab itu jejaring sosial makin populer di berbagai kalangan masyarakat.
Gambar 3.1 Ilustrasi Jejaring Sosial
34
35
Checkpoint adalah salah satu aplikasi jejaring sosial yang saat ini dalam tahap perkembangan. Checkpoint merupakan salah satu sarana untuk menambah jaringan teman, rekan bisnis, ataupun menemukan kembali teman lama. Checkpoint dapat digunakan oleh siapa aja dengan berbagai latar belakang, baik dari kalangan remaja atau dewasa, perseorangan atau komunitas. Checkpoint menawarkan berbagai macam fitur seperti mengunggah dan mengunduh file untuk berbagi dalam grup, memberitahukan lokasi pengguna kepada teman, mengirimkan pesan, group chat, memasang foto diri untuk profile dan menuliskan status. Fitur file sharing terinspirasi dari banyaknya web file hosting yang berdiri sendiri namun tidak terdapat pengelompokan untuk komunitas tertentu. Dengan fitur-fitur ini, pengguna akan lebih mudah berinteraksi dengan pengguna lain. 3.1.2 Analisis Kuesioner Dengan membuat kuesioner ini, ditujukan untuk mendapatkan data – data yang lebih akurat dan objektif terhadap kelayakan pengembangan dan analisis aplikasi yang akan dibuat. Kuisoner ini terdiri dari 18 pertanyaan yang diedarkan dalam bentuk softcopy maupun dalam bentuk hardcopy dengan jumlah responden sebanyak 50 orang (teman, kerabat, saudara, dll). Jawaban dari setiap responden telah diakumulasi dan dihitung sehingga memperoleh persentase sebagai berikut :
36
1.
Berapa umur Anda sekarang? Tabel 3.1 Tabel persentase hasil pertanyaan nomor 1 Pilihan
Responden
Persentase
20 Tahun
3
6%
21 Tahun
28
56%
22 Tahun
16
32%
23 Tahun
2
4%
24 Tahun
1
2%
Total
50
100%
1st Qtr 2nd Qtr 3rd Qtr 4th Qtr
Gambar 3.2 Pie chart hasil kuisoner pertanyaan nomor 1 Hasil survei menunjukkan 88% responden kuisoner berumur 21 hingga 22 tahun.
37
2.
Apa jenis kelamin Anda? Tabel 3.2 Tabel persentase hasil pertanyaan nomor 2 Pilihan
Responden
Persentase
Laki - Laki
28
56%
Perempuan
22
44%
Total
50
100%
44%
Laki ‐ Laki
56%
Perempuan
Gambar 3.3 Pie chart hasil kuisoner pertanyaan nomor 2 Hasil survei menunjukkan 56% responden kuisoner berjenis kelamin laki – laki.
38
3. Apakah pekerjaan Anda saat ini? Tabel 3.3 Tabel persentase hasil pertanyaan nomor 3 Pilihan
Responden
Persentase
Pelajar / Mahasiswa
38
76%
Pegawai Swasta
3
6%
Pegawai Negeri
2
4%
Wiraswasta
1
2%
Lainnya
6
12%
Total
50
100%
2% 4%
Pelajar / Mahasiswa
12%
Pegawai Swasta
6% Pegawai Negeri
76%
Wiraswasta
Lainnya
Gambar 3.4 Pie chart hasil kuisoner pertanyaan nomor 3 Hasil survei menunjukkan 76% responden kuisoner pekerjaannya adalah pelajar / mahasiswa.
39
4.
Dimanakah biasanya Anda menggunakan internet? Tabel 3.4 Tabel persentase hasil pertanyaan nomor 4 Pilihan
Responden
Persentase
Warnet
10
20%
Rumah
31
62%
Kampus
4
8%
Kantor
5
10%
Total
50
100%
10% 8%
20% Warnet Rumah Kampus Kantor
62%
Gambar 3.5 Pie chart hasil kuisoner pertanyaan nomor 4 Hasil survei menunjukkan 62% responden kuisoner menggunakan internet di rumah.
40
5.
Berapa lama dalam sehari Anda menggunakan internet? Tabel 3.5 Tabel persentase hasil pertanyaan nomor 5 Pilihan
Responden
Persentase
< 1 Jam
3
6%
1 - 2 Jam
14
28%
2 - 3 Jam
19
38%
3 -4 Jam
8
16%
> 4 Jam
6
12%
Total
50
100%
12% 6% < 1 Jam
28%
16%
1 ‐ 2 Jam 2 ‐ 3 Jam 3 ‐ 4 Jam > 4 Jam
38%
Gambar 3.6 Pie chart hasil kuisoner pertanyaan nomor 5 Hasil survei menunjukkan 66% responden kuisoner menghabiskan waktu 1 – 3 jam sehari untuk menggunakan internet. 6.
Kegiatan apa yang biasanya Anda lakukan ketika menggunakan internet? (untuk pertanyaan ini, responden boleh memilih lebih dari satu jawaban)
41
Lainnya
19
Forum
17
Email
19
Download File
Jumlah Responden
39
Chatting
27
Game Online
32
Browsing
41 0
50
Gambar 3.7 Bar chart hasil kuisoner pertanyaan nomor 6 Hasil survei menunjukkan lebih dari 50% responden kuisoner menggunakan internet untuk Browsing, Game Online, Chatting, dan Download File. 7.
Apakah Anda pernah bergabung dengan jejaring sosial? Tabel 3.6 Tabel persentase hasil pertanyaan nomor 7 Pilihan
Responden
Persentase
Pernah
50
100%
Tidak Pernah
0
0%
Total
50
100%
42
0%
Pernah Tidak Pernah
100%
Gambar 3.8 Pie chart hasil kuisoner pertanyaan nomor 7 Hasil survei menunjukkan 100% responden pernah bergabung dengan jejaring sosial. Dari sini dapat disimpulkan bahwa jejaring sosial bukan hal yang asing lagi bagi para responden, semua responden sudah pernah mencoba bergabung dengan jejaring sosial. 8.
Bagaimana Anda pertama kali bergabung dengan jejaring sosial? Tabel 3.7 Tabel persentase hasil pertanyaan nomor 8 Pilihan
Responden
Persentase
Iklan di web
0
0%
Tertarik sendiri
37
74%
Diajak teman
11
22%
Lainnya
2
4%
Total
50
100%
43 4%
0%
22%
Iklan di web Tertarik sendiri Diajak teman
74%
Lainnya
Gambar 3.9 Pie chart hasil kuisoner pertanyaan nomor 8 Hasil survei menunjukkan 74% responden mengaku pertama kali bergabung dengan jejaring sosial karena tertarik sendiri. 9.
Jejaring sosial apa yang paling sering Anda gunakan? Tabel 3.8 Tabel persentase hasil pertanyaan nomor 9 Pilihan
Responden
Persentase
Facebook
47
94%
Friendster
0
0%
Twitter
3
6%
Total
50
100%
44 0% 6% Facebook Friendster Twitter
94%
Gambar 3.10 Pie chart hasil kuisoner pertanyaan nomor 9 Hasil survei menunjukkan 94% responden paling sering menggunakan jejaring sosial Facebook. 10. Apakah tujuan Anda menggunakan jejaring sosial? (untuk pertanyaan ini, responden boleh memilih lebih dari satu jawaban)
Lainnya
4 17
Responden
Keep in touch
48 24
Menambah relasi
37 0
10
20
30
40
50
60
Gambar 3.11 Bar chart hasil kuisoner pertanyaan nomor 10 Hasil survey menunjukkan sebanyak 48 responden menganggap jejaring sosial sebagai tempat untuk tetap dapat berkomunikasi dengan teman
45
lama dan 37 responden menganggap jejaring sosial sebagai tempat untuk menambah relasi yang baru. 11. Apakah jejaring sosial membantu Anda dalam berkomunikasi? Tabel 3.9 Tabel persentase hasil pertanyaan nomor 11 Pilihan
Responden
Persentase
Sangat membantu
11
22%
Membantu
29
58%
Biasa saja
8
16%
Kurang membantu
2
4%
Tidak membantu
0
0%
Total
50
100%
4% 0% 16%
22%
Sangat membantu
Membantu
Biasa saja
58%
Kurang membantu
Tidak membantu
Gambar 3.12 Pie chart hasil kuisoner pertanyaan nomor 11 Hasil survei menunjukkan 58% responden menganggap bahwa jejaring sosial membantu responden dalam berkomunikasi.
46
12. Dalam jejaring sosial, sarana komunikasi apa yang Anda sukai? (untuk pertanyaan ini, responden boleh memilih lebih dari satu jawaban)
Message
31
Comment
42
Chat
23
Bulletin
Responden
9
Lainnya
1 0
20
40
60
Gambar 3.13 Bar chart hasil kuisoner pertanyaan nomor 12 Hasil survei menunjukkan 42 responden menyukai comment sebagai sarana komunikasi dan 31 responden menyukai message sebagai sarana komunikasi. 13. Selama menggunakan jejaring sosial, fitur apa yang Anda sukai? (untuk pertanyaan ini, responden boleh memilih lebih dari satu jawaban)
Friends
50
Groups
27
Aplikasi Game
24
Update Status
49
Customize Theme
Responden
4
Customize Profile
17
Lainnya
3 0
20
40
60
. Gambar 3.14 Bar chart hasil kuisoner pertanyaan nomor 13
47
Hasil survei menunjukkan 50 responden menyukai fitur friends, dan 49 responden menyukai fitur update status. 14. Bagaimana pendapat Anda bila jejaring sosial menampilkan informasi lokasi Anda berada? Tabel 3.10 Tabel persentase hasil pertanyaan nomor 14 Pilihan
Responden
Persentase
Sangat setuju
14
28%
Setuju
27
54%
Biasa saja
6
12%
Kurang setuju
3
6%
Tidak setuju
0
0%
Total
50
100%
3% 0% Sangat setuju
12% 28, 29%
Setuju Biasa saja Kurang setuju
56%
Tidak setuju
Gambar 3.15 Pie chart hasil kuisoner pertanyaan nomor 14 Hasil survei menunjukkan 82% responden setuju apabila jejaring sosial menampilkan informasi lokasi.
48
15 5. Seberapa sering Andaa mengunduuh atau menggunggah file menggunakan aplikasi file fi sharing seperti s rapiddshare, mediaafire, dan lainnya? Tabell 3.11 Tabel persentase hasil h pertanyyaan nomorr 15 Pilihan
R Responden
Persentaase
Sangat seringg
19
38%
C Cukup seringg
13
26%
Kaadang-kadanng
13
26%
Jarang
5
10%
T Tidak pernahh
0
0%
Total
50
100% %
10.00% Sangat sering 2 26.00%
38 8.00%
Cukup sering kadangg‐kadang Jarang
26.00%
Tidak p pernah
Gambar 3.16 Pie chaart hasil kuissoner pertannyaan nomorr 15 Hasil suurvei menunnjukkan bahhwa sebagiian besar responden r s sering menggunnakan aplikassi file sharinng.
49
16. Apakah jejaring sosial yang Anda gunakan sekarang, mendukung file sharing? (selain foto dan video) Tabel 3.12 Tabel persentase hasil pertanyaan nomor 16 Pilihan
Responden
Persentase
Ya
0
0%
Tidak
50
100%
Total
50
100%
0%
Ya Tidak
100%
Gambar 3.17 Pie chart hasil kuisoner pertanyaan nomor 16 Hasil survei menunjukkan 100% responden menganggap jejaring sosial tidak mendukung file sharing selain foto dan video.
50
17. Apabila ada jejaring sosial yang mendukung file sharing dalam suatu kelompok, apakah Anda tertarik untuk bergabung? Tabel 3.13 Tabel persentase hasil pertanyaan nomor 17 Pilihan
Responden
Persentase
Ya
32
64%
Tidak
7
14%
Ragu-ragu
11
22%
Total
50
100%
22% 14%
Ya Tidak
64%
Ragu‐ragu
Gambar 3.18 Pie chart hasil kuisoner pertanyaan nomor 17 Hasil survei menunjukkan 64% responden tertarik dengan jejaring sosial yang mendukung fitur file sharing.
51
18. Dengan adanya fitur file sharing, apakah akan membantu Anda dalam berbagi informasi? Tabel 3.14 Tabel persentase hasil pertanyaan nomor 18 Pilihan
Responden
Persentase
Sangat membantu
9
18%
Membantu
29
58%
Biasa saja
12
24%
Kurang membantu
0
0%
Tidak membantu
0
0%
Total
50
100%
0% 0% 24%
18%
Sangat membantu Membantu Biasa saja Kurang membantu
58%
Tidak membantu
Gambar 3.19 Pie chart hasil kuisoner pertanyaan nomor 18 Hasil survey menunjukkan 58% responden akan membantu dalam berbagi informasi.
52
Kesimpulan Secara keseluruhan dapat disimpulkan beberapa poin dari hasil kuisoner yang ditanyakan kepada 50 responden serta analisis pemetaan dari daerah studi kasus, antara lain sebagai berikut : •
Sebagian besar responden telah memiliki akun jejaring sosial.
•
Sebagian besar responden tidak keberatan dengan berbagi informasi mengenai lokasi mereka sehingga fitur tersebut dapat ditambahkan dalam aplikasi checkpoint.
•
Dengan jumlah responden yang cukup banyak menggunakan aplikasi file sharing namun belum ada jejaring sosial yang mendukung fitur tersebut. Sehingga menjadi peluang yang sangat bagus untuk mengembangkan fitur tersebut.
•
Sebagian besar setuju dengan fitur file sharing dan menganggap file sharing akan semakin membantu pembagian informasi.
3.2 Perancangan Tahap – tahap untuk perancangan dalam pembuatan aplikasi jejaring sosial ini antara lain perancangan aplikasi dengan fitur – fitur nya, perancangan sistem menggunakan UML (Unified Modeling Language) dan perancangan layar.
53
3.2.1 Perancangan Aplikasi Dengan pertimbangan dari berbagai segi, aplikasi jejaring sosial ini diberi nama Checkpoint dan berikut adalah fitur-fitur yang akan dibuat : •
Profile Fitur Profile digunakan untuk menampilkan data diri yang berhubungan dengan pengguna pada umumnya. Dalam fitur ini, pengguna dapat mengatur informasi diri yang ingin ditampilkan sehingga dapat dilihat oleh pengguna lain. Informasi yang ditampilkan seperti nama, foto, usia, hobi, jenis kelamin dan deskripsi singkat mengenai diri pengguna. Pengguna dapat mengubah informasi tersebut dan juga dapat menambah atau menghapus foto.
• Profile Picture Fitur Profile Picture digunakan untuk menampilkan gambar atau foto pengguna sebagai data diri. Pengguna dapat mengunggah foto yang diinginkan, kemudian foto tersebut dapat ditampilkan untuk dilihat oleh pengguna lain sebagai informasi diri.
54
• Update Status Fitur Update Status menawarkan pengguna sebuah fasilitas yang memperbolehkan pengguna untuk menulis kegiatan atau sesuatu yang mau diungkapkan oleh pengguna untuk dilihat oleh orang lain atau teman pengguna. • Group Fitur ini memberikan kesempatan kepada pengguna untuk saling
membentuk
perkumpulan
yang
terbentuk
karena
kesamaan yang dimiliki oleh pengguna seperti hobi, tokoh idola, ataupun organisasi. Sehingga dalam sebuah group, pengguna dapat saling berdiskusi mengenai kesamaan mereka. • Group Chat Fitur
Group
Chat
menawarkan
pengguna
untuk
berkomunikasi dalam sebuah grup. • Group File Sharing Fitur Group File Sharing memperbolehkan pengguna untuk saling berbagi data dalam sebuah grup. Pengguna dapat mengunggah file untuk dibagi kepada pegguna lain yang berada dalam group yang sama.
55
• Sistem Friends Fitur ini memberikan kesempatan bagi pengguna untuk menambah jaringan teman antar sesama pengguna. Pengguna dapat menjadikan semua pengguna
yang terdaftar sebagai
teman. Untuk menjadi friend, user akan meminta kepada user lain untuk disetujui, jika user lain tersebut setuju, maka kedua user tersebut akan menjadi friend dan masuk ke dalam friendlist. • Sistem Location Fitur ini memberikan kesempatan pada pengguna untuk memberitahukan lokasi pengguna tersebut, agar dapat diketahui oleh jaringan teman pengguna tersebut. User dapat memilih lokasi yang diinginkan kemudian akan terlihat user lain yang berada pada lokasi yang sama, atau melihat lokasi friend . 3.2.2 Perancangan Sistem 3.2.2.1 Use Case Sistem Jejaring Sosial Checkpoint Berikut adalah sistem dari aplikasi jejaring sosial Checkpoint, dimana aktor berupa user dan admin. Di bawah ini terdapat beberapa kegiatan yang dapat aktor lakukan, kegiatan – kegiatan ini akan dijelaskan lebih lanjut kemudian.
56
Gambar 3.20 Use case diagram sistem Checkpoint
57
a. Use Case konfigurasi profile Dibawah ini adalah use case kegiatan
yang
dapat
konfigurasi profile. Dimana
dilakukan
oleh
pengguna
adalah
mengkonfigurasi informasi profile seperti nama, tanggal lahir, umur dan lainnya. Selain itu user juga dapat mengatur foto seperti meng-upload foto untuk informasi pengguna. Pengguna juga mengatur persetujuan untuk menjadi friend.
Gambar 3.21 Use case diagram konfigurasi profile
58
b. Use case konfigurasi friend Berikut adalah use case untuk mengkonfigurasi friend. Dimana pengguna
dapat
melakukan
kegiatan
seperti
menambah,
menghapus, menyetujui, mencari dan melihat friend.
konfigurasi Friend
Menambah Friend
Menghapus Friend
user
Menyetujui Friend Request
Mencari user lain
Melihat online Friend
Gambar 3.22 Use case diagram konfigurasi friend
59
c. Use case konfigurasi foto Berikut adalah use case untuk mengkonfigurasi foto. Pengguna dapat
melakukan
kegiatan
seperti
melihat,
menambah,
menghapus foto serta memilih foto profile.
Gambar 3.23 Use case diagram konfigurasi foto
60
d. Use case konfigurasi pesan Berikut adalah use case untuk mengkonfigurasi pesan. Dimana pengguna dapat melakukan kegiatan seperti membaca pesan, menulis, mengirim dan menghapus pesan. Pesan yang masuk secara otomatis disimpan oleh sistem.
konfigurasi pesan Membaca pesan
menulis pesan
mengirim pesan
user
menghapus pesan
Gambar 3.24 Use case diagram konfigurasi pesan e. Use case konfigurasi group Berikut adalah use case untuk mengkonfigurasi group. Pengguna dapat membuat, mencari, join, keluar dari group. Di dalam group pengguna dapat melakukan chat, mengunggah, mengunduh dan menghapus file. Sedangkan admin dapat membuat group, menghapus group, mengunggah, mengunduh dan menghapus file.
61
konfigurasi group
Membuat group
Mencari group
Join group
Keluar dari group
Group conversation Admin user
Menghapus Group
Mengunggah file
mengunduh file
Menghapus file
Gambar 3.25 Use case diagaram konfigurasi group
62
f. Use case konfigurasi lokasi Dibawah adalah use case untuk mengkonfigurasi lokasi. Dimana pengguna dapat melakukan kegiatan seperti menambah, mencari dan memilih lokasi.
konfigurasi lokasi
mencari lokasi
user Memilih lokasi
Gambar 3.26 Use case konfigurasi lokasi
63
3.2.2.2 Use Case Specification a. Use case Specification Registration Tabel 3.15 Use case Specification Registration Pelaku :
pengguna
Deskripsi :
Calon pengguna yang ingin untuk login dan menjadi pengguna dari Checkpoint harus mendaftarkan accountnya terlebih dahulu
Tujuan :
Agar data-data pengguna dapat disimpan di database sesuai dengan account pengguna yang bersangkutan dan dapat menggunakan aplikasi checkpoint.
Bidang khas suatu event :
Kegiatan Pelaku 1. Pengguna memilih link join here pada
Respon Sistem 2. Sistem membuka halaman registrasi
halaman login 3. Pengguna mengisi
4. Sistem
semua field pada
memasukkan data
halaman tersebut
account pengguna ke dalam database
Alternatif :
Langkah 4
Apabila pengguna salah memasukkan data, maka sistem tidak akan meyimpan data tersebut dalam database dan
64
sistem memberitahukan letak kesalahan tersebut untuk diperbaiki.
b. Use case specification login Tabel 3.16 Use case specification login Pelaku :
Pengguna dan admin
Deskripsi :
Untuk masuk ke dalam sistem, pengguna atau admin harus lebih dahulu melakukan login, dan apabila berhasil maka sistem akan menampilkan halaman home. Di Halaman home pengguna dapat melihat semua link dan update yang terjadi terhadap account-nya.
Tujuan :
Agar pengguna dapat menggunakan aplikasi checkpoint dengan mengakses data pada database.
Bidang khas suatu event :
Kegiatan Pelaku 1. Pengguna atau
Respon Sistem 2. Sistem membuka
admin memasukkan
halaman home jika
username dan
username dan
password pada field
password cocok
kemudian login
dengan data pada database
3. Pengguna atau admin dapat
4. Sistem akan merespon sesuai
65
memilih pilihan
dengan pilihan
yang tersedia pada
yang dipilih oleh
halaman tersebut
pengguna atau admin.
Alternatif : Langkah 2
Apabila username dan password yang dimasukkan tidak cocok, maka sistem akan mengarahkan pengguna ke halaman login dan memberitahukan bahwa username atau password yang dimasukkan tidak cocok.
Pilihan : Memilih button checkpoint
Kegiatan Pelaku 1. Pengguna memilih button checkpoint
Respon Sistem 2. Sistem menampilkan autocomplete pilihan tempat untuk di-submit
3. Pengguna mengetik
4. Sistem
lokasi kemudian
menampilkan
submit
lokasi yang dipilih pengguna
Melihat dan
1. Pengguna melihat
2. Sistem
memberikan
dan memberi
menampilkan
komentar
comment pada
komentar yang
status pengguna
ditulis oleh
66
lain yang berada
pegguna
pada lokasi yang sama Menulis status
Memilih “more feed”
1. Pengguna menulis
2. Sistem
status pada field
menampilkan input
kosong kemudian
dari pengguna di
submit
bawah field status
1. Pengguna memilih more feed
2. Sistem menampilkan feed sebelumnya
c. Use case specification konfigurasi profile Tabel 3.17 Use case specification konfigurasi profile Pelaku :
Pengguna
Deskripsi :
Pengguna dapat melakukan konfigurasi terhadap profilenya yang terdiri dari informasi pengguna seperti tanggal lahir, pekerjaan, hobi, deskripsi diri, email, telepon, foto.
Tujuan :
Untuk merubah informasi pengguna dan konfigurasi foto
Bidang khas
Kegiatan Pelaku
suatu event :
1. Pengguna dapat
Respon Sistem 2. Sistem akan
memilih profile
menampilkan
pada bar navigasi
halaman profile
67
3. Pengguna dapat
4. Sistem akan
memilih pilihan
merespon sesuai
yang tersedia
dengan pilihan pengguna
Pilihan : Merubah informasi profile
Kegiatan Pelaku 1. Pengguna memilih
Respon Sistem 2. Sistem
edit pada halaman
menampilkan
profile
halaman edit profile
3. Pengguna
4. Sistem akan
mengubah
menyimpan
informasi yang ada
informasi tersebut di database
Menambah foto
1. Pengguna memilih tombol browse
2. Sistem akan menampilkan jendela browse file
3. Pengguna memilih
4. Sistem menyimpan
foto yang ingin
foto di database dan
ditambahkan
menampilkan foto tersebut
Menghapus foto
1. Pengguna memilih foto yang ingin
2. Sistem menanyakan konfirmasi
68
dihapus
pengguna untuk menghapus foto
3. Pengguna
Membuat album
4. Sistem menghapus
memberikan
foto tersebut dari
konfirmasi
database
1. Pengguna memilih
2. Sistem
create album dan
album baru sesuai
mengisi
dengan nama yang
nama
ditulis pengguna
album Melihat History
membuat
1. Pengguna memilih
2. Sistem
tab history
menampilkan history
post
pengguna
d. Use case specification konfigurasi friend Tabel 3.18 Use case specification konfigurasi friend Pelaku :
Pengguna
Deskripsi :
Pengguna dapat melakukan konfigurasi terhadap friend.
Tujuan :
Untuk mengatur jaringan friend pengguna seperti mencari, menambah, menghapus, menyetujui.
69
Bidang khas suatu event :
Kegiatan Pelaku 1. Pengguna memilih
Respon Sistem 2. Sistem akan
friend pada bar
menampilkan
navigasi
halaman friend
3. Pengguna dapat
4. Sistem akan
memilih pilihan
merespon sesuai
yang tersedia
dengan pilihan pengguna
Pilihan : Menambah friend
Kegiatan Pelaku 1. Pengguna memilih
Respon Sistem 2. Sistem
profile pengguna
menampilkan
lain
profile pengguna tersebut
3. Pengguna memilih
4. Sistem akan
be friend with
mengirimkan
“username”
friend request kepada user tersebut
Mencari friend
1. Pengguna
2. Sistem akan
memasukkan nama
mencari nama
yang ingin dicari
tersebut di
pada search bar
database dan menampilkannya
70
Menghapus friend
1. Pengguna memilih
2. Sistem
profile pengguna
menampilkan
lain
profile pengguna
3. Pengguna
memilih
4. Sistem meminta konfirmasi kepada
remove friend
pengguna 5. Pengguna mejawab konfirmasi
6. Sistem akan
yang
ditanyakan
menghapus friend tersebut dari friendlist
e. Use case specification konfigurasi group Tabel 3.19 Use case specification konfigurasi group Pelaku :
Pengguna
Deskripsi :
Pengguna dapat membuat komunitas sendiri atau bergabung dengan komunitas lain yang dilengkapi dengan fitur file sharing Dalam group terdapat 2 jenis pengguna yaitu owner dan member
Tujuan :
Untuk membuat atau bergabung dengan grup dan mengatur grup
71
Bidang khas suatu event :
Kegiatan Pelaku 1. Pengguna memilih
Respon Sistem 2. Sistem akan
group pada bar
menampilkan
navigasi
halaman group
3. Pengguna dapat
4. Sistem akan
memilih pilihan
merespon sesuai
yang tersedia
dengan pilihan pengguna
Pilihan : Membuat grup
Kegiatan Pelaku 1. Pengguna memilih create group
Respon Sistem 2. Sistem menampilkan jendela pembuatan grup
3. Pengguna mengisi
4. Sistem membuat
field yang ada
grup tersebut dan
dalam jendela
dimasukkan ke
tersebut dan
dalam grouplist
memilih tombol create delete group
1. Pemilik group memilih delete group
2. Sistem menghapus group tersebut
72
Remove member
1. Pemilik group
2. Sistem akan
memilih remove
mengeluarkan
dari list member
member tersebut dari group tersebut
Leave group
1. Member memilih leave group
2. Sistem mengeluarkan member dari group tersebut
View group
1. Pengguna memilih nama group
2. Sistem menampilkan group
Upload
1. Pengguna memilih upload
2. Sistem menampilkan jendela pop-up upload
3. Pengguna memilih
File list
4. Sistem menyimpan
file yang ingin di-
file tersebut dalam
upload
file list
1. Pengguna memilih tab file
2. Sistem menampilkan tab file list
3. Pengguna melihat dan memilih
4. Sistem memberikan akses
73
download file yang
untuk download
diinginkan
file tersebut
f. Use case specification konfigurasi message Tabel 3.20 Use case specification konfigurasi message Pelaku :
Pengguna dan admin
Deskripsi :
Pengguna atau admin dapat berkomunikasi dengan pengguna lain dengan pesan
Tujuan : Bidang khas suatu event :
Kegiatan Pelaku 1. Pengguna memilih
Respon Sistem 2. Sistem akan
message pada bar
menampilkan
navigasi
halaman message
3. Pengguna dapat
4. Sistem akan
memilih pilihan
merespon sesuai
yang tersedia
dengan pilihan pengguna
Pilihan : Membuat pesan baru
Kegiatan Pelaku 1. Pengguna memilih
Respon Sistem 2. Sistem
compose new
menampilkan text
message
editor
74
3. Pengguna mengisi
4. Sistem
field untuk dikirim
mengirimkan
ke pengguna lain
pesan tersebut kepada pengguna yang dituju dan menyimpannya dalam sent message
Membaca pesan
1. Pengguna memilih inbox
2. Sistem menampilkan pesan yang diterima
3. Pengguna memilih
Menghapus pesan
4. Sistem
pesan yang ingin
menampilkan isi
dibaca
pesan tersebut
1. Pengguna milih pesan yang ingin dihapus
2. Sistem menghapus pesan tersebut
75
h. Use case specification setting Tabel 3.21 Use case specification setting Pelaku :
Pengguna
Deskripsi :
Pengguna dapat mengubah hal-hal yang berkaitan dengan account – nya, seperti password dan e-mail
Tujuan :
Untuk mengubah password atau e-mail
Bidang khas
Kegiatan Pelaku
suatu event :
1. Pengguna memilih
Respon Sistem 2. Sistem akan
setting pada bar
menampilkan
navigasi
halaman setting
3. Pengguna dapat
4. Sistem akan
memilih pilihan
merespon sesuai
yang tersedia
dengan pilihan pengguna
Pilihan : Mengubah password
Kegiatan Pelaku 1. Pengguna memasukkan password lama dan
Respon Sistem 2. Sistem menyimpan perubahan tersebut 3. ke dalam database
password baru yang ingin digunakan Alternatif Langkah 4
jika password lama yang dimasukkan tidak cocok, maka
76
tidak terjadi pergantian password dan pengguna diminta memasukkan password yang benar Mengubah e-mail
1. Pengguna
2. Sistem menyimpan
memasukkan e-mail
perubahan tersebut
baru yang ingin
ke dalam database
digunakan Menghapus account
1. Pengguna memilih delete account
2. Sistem menanyakan konfirmasi dan meminta password kepada pengguna
3. Pengguna
4. Sistem menghapus
memasukkan
account tersebut
password untuk
dari database
konfirmasi
3.2.2.3 Activity Diagram a. Activity Diagram Registrasi Account Pengguna harus melakukan registrasi terlebih dahulu agar dapat menggunakan aplikasi ini. Pada halaman login, pengguna dapat memilih link join here. Setelah itu pengguna akan diarahkan ke halaman registrasi untuk mengisi data diri. Setelah semua data telah diisi dengan benar, pengguna menekan tombol register untuk
77
mengirim data tersebut ke sistem, lalu sistem akan membuat account pengguna dan menyimpannya dalam database.
Gambar 3.27 Activity diagram registrasi b. Activity Diagram Login Apabila pengguna telah memiliki account, pengguna harus melakukan login terlebih dahulu untuk menggunakan aplikasi ini.
78
Untuk login pengguna atau admin harus mengisi username dan password dengan benar. Apabila sesuai dengan data pada database, maka pengguna atau admin akan diarahkan ke halaman home.
Gambar 3.28 Activity diagram login untuk user
79
Gambar 3.29 Activity diagram login untuk admin c. Activity Diagram Halaman Home Pada halaman home pengguna dapat memilih lokasi yang diinginkan dengan memilih tombol checkpoint, setelah pengguna check-in lokasi, maka akan muncul feed tentang siapa saja yang berada di lokasi tersebut.
80
Gambar 3.30 Activity diagram check-in lokasi
Pengguna juga dapat menulis status untuk ditampilkan. Pengguna dapat melakukan update status dengan mengisi textfield di bawah tombol checkpoint lalu melakukan submit. Maka status yang baru akan ditampilkan.
81 user
sistem
tampilkan halaman home
mengisi field status
menampilkan status di halaman home
Gambar 3.31 Activity diagram update status
Pengguna dapat memberikan komentar pada status yang ada dengan cara memilih link coment, maka akan keluar textbox untuk diisi oleh pengguna.
82 user
sistem
tampilkan halaman home
memilih comment status
tampilkan text field
mengisi field comment
tampilkan comment
Gambar 3.32 Activity diagram comment status
d. Activity Diagrami Konfigurasi Profile Pada halaman konfigurasi profile pengguna dapat mengubah data diri, menambah foto dan menghapus foto. Untuk mengubah informasi diri, pengguna memilih link edit, kemudian mengisi informasi yang ingin diganti. Maka sistem akan mengubah database.
83
Gambar 3.33 Activity diagram edit profile
Untuk menambah foto, pengguna dapat memilih tab photo pada halaman profile. Sistem akan menampilkan button untuk menambah foto, lalu pengguna memilih foto yang ingin ditambahkan dan mengirimnya. Sistem akan menyimpan foto tersebut di database.
84 user
sistem
memilih tab photo
tampilkan tab photo
memilih foto
menyimpan foto di database
Gambar 3.34 Activity diagram menambah foto
Untuk menghapus foto, pengguna memilih foto yang ingin dihapus. Kemudian memilih link delete photo, maka sistem akan menanyakan konfirmasi apakah yakin foto tersebut ingin dihapus. Pengguna memberikan konfirmasi untuk menghapus, maka foto tersebut akan dihapus dari database.
85
Gambar 3.35 Activity diagram menghapus foto
e. Activity Diagram Konfigurasi Friend Pengguna dapat menambah, menghapus dan menyetujui permintaan untuk menjadi teman. Untuk menambah teman, pengguna perlu membuka profile pengguna lain, kemudian memilih link be
86
friend with. Maka sistem akan mengirim permintaan menjadi teman kepada pengguna tersebut.
Gambar 3.36 Activity diagram menambah teman
Untuk menghapus teman, pengguna membuka link friend kemudian memilih teman mana yang ingin dihapus. Sitem akan menanyakan konfirmasi. Jika ya, maka teman tersebut akan dihapus dari friendlist, jika tidak, sistem akan membatalkan aksi.
87 user
sistem
membuka halaman friend list
tampilkan halaman friend list
memilih link delete friend
memberikan konfirmasi
menanyakan konfirmasi
menghapus friend dari database
Ya
membatalkan aksi
Tidak
Gambar 3.37 Activity diagram menghapus teman
Untuk menyetujui permintaan menjadi teman, pengguna memilih tab friend request, kemudian memilih apakah permintaan disetujui atau tidak.
88 user
sistem
memilih halaman friend request
tampilkan halaman friend request
melakukan aksi
menambah friend ke friend list
Terima
menghapus friend request
Tolak
Gambar 3.38 Activity diagram friend request
f. Activity Diagram Konfigurasi Group Pengguna dapat mengkonfigurasi group seperti membuat group baru, mengatur group, bergabung atau meninggalkan group. Untuk membuat group, pengguna dapat memilih link create group, kemudian sistem akan menampilkan form untuk diisi, lalu menekan tombol create.
89 user
sistem
memilih create group
tampilkan form create group
mengisi form create group
menambahkan data group ke database
Gambar 3.39 Activity diagram create group
Untuk menghapus group, hanya bisa dilakukan oleh pemilik group. Pengguna memilih group yang ingin dihapus kemudian memilih delete group. Maka sistem akan menghapus group tersebut.
90 user
sistem
membuka halaman group
tampilkan halaman group
memilih nama group
tampilkan group
memilih delete group
menghapus group
Gambar 3.40 Activity diagram delete group
Pada halaman group, pemilik group dapat mengeluarkan anggota dari group tersebut dengan memilih link remove pada member list.
91
Gambar 3.41 Activity diagram remove member
Untuk anggota group, anggota tersebut dapat meninggalkan group dengan memilih link leave group.
92
Gambar 3.42 Activity diagram leave group
Untuk menunggah file, pengguna memilih salah satu group kemudian memilih link upload. Maka akan muncul jendela upload, pengguna memilih file yang ingin diunggah. Sistem akan menyimpan file tersebut.
93
Gambar 3.43 Activity diagram upload file
Sedangkan untuk mengunduh, pengguna membuka halaman file. Pengguna memilih file yang diinginkan kemudian menekan tombol download.
94
Gambar 3.44 Activity diagram download file
g. Activity Diagram Konfigurasi Message Pengguna dapat saling berkomunikasi dengan menggunakan pesan. Untuk menuli pesan, pengguna membuka halaman pesan kemudian memilih write message. Sistem akan menampilkan form untuk menulis pesan. Setelah diisi pesan akan dikirim.
95 user
sistem
tampilkan halaman message
memilih link compose
tampilkan form message
mengis form message
mengirim pesan ke user lain
menyimpan pesan dalam outbox
Gambar 3.45 Activity diagram menulis pesan
Pesan yang diterima akan disimpan dalam inbox oleh sistem. Untuk membaca pesan, pengguna memilih link inbox kemudian akan ditampilkan pesan yang masuk. Pengguna dapat memilih pesan mana yang ingin dibaca.
96
Gambar 3.46 Activity diagram membaca pesan
Untuk menghapus pesan, pengguna memilih pesan mana yang ingin dihapus, kemudia memilih link delete message. Maka pesan tersebut akan dihapus dari inbox.
97 user
sistem
tampilkan halaman message
memilih delete message
menghapus pesan dari database
Gambar 3.47 Activity diagram menghapus pesan
h. Activity diagram Setting Pengguna dapat mengubah password, e-mail, serta menghapus account pada halaman setting. Untuk mengubah password, pengguna mengisi form change password. Setelah semua field diisi dengan benar, maka sistem akan mengganti password lama dengan password baru.
98 user
sistem
tampilkan halaman setting
mengisi form change password
mengecek password
Benar
Salah
mengubah database
Gambar 3.48 Activity diagram mengganti password
Pengguna juga dapat mengganti e-mail dengan mengisi form change e-mail. Pengguna diminta memasukkan e-mail baru. Sistem akan mengganti e-mail lama dengan yang baru.
99
Gambar 3.49 Activity diagram mengganti e-mail
Untuk menghapus account, pengguna memilih link delete account.
Sistem
akan
meminta
password
untuk
melakukan
penghapusan account. Jika password yang dimasukkan benar, maka account tersebut akan dihapus.
100
Gambar 3.50 Activity diagram menghapus account
101
3.2.2.4 Class Diagram
Gambar 3.51 Class diagram sistem
102
3.2.3 Perancangan Layar Adapun perancangan layar pada aplikasi Checkpoint adalah sebagai berikut, pada kumpulan dari link ke semua halaman utama dari aplikasi checkpoint.setiap halaman terdapat menubar horizontal di bagian atas yang merupakan
Gambar 3.52 Perancangan layar dasar
103
a. Perancangan Layar Login Untuk masuk ke dalam jejaring sosial Checkpoint, pengguna atau admin harus melakukan identifikasi dengan memasukkan username dan password pada halaman ini. Apabila login sukses, maka pengguna atau admin akan masuk ke halaman home atau akan dikembalikan ke halaman login apabila gagal.
Gambar 3.53 Perancangan layar Login b. Perancangan Layar Registrasi Halaman Registrasi digunakan untuk pengguna yang belum mempunyai account di jejaring sosial sehingga dapat masuk ke dalam aplikasi checkpoint. Registrasi dapat dilakukan dengan menekan tombol Join Us pada layar login,
104
sistem akan menampilkan form registrasi yang harus diisi oleh pengguna. Pengguna akan mengisi username, email, first name, last name, password, confirm password, gender, birthday. Setelah semua data yang dimasukkan benar maka pengguna sudah mendapatkan account untuk masuk ke aplikasi checkpoint.
Gambar 3.54 Perancangan Layar Registrasi
c. Perancangan Layar Home Pada halaman home ini, user dapat memberikan informasi dimana lokasi user sedang berada, begitu juga dapat mengupdate status yang diinginkan. Dalam halaman ini juga, akan terdapat list semua pengguna yang terdapat dalam satu lokasi, sehingga dapat mengetahui siapa saja yang terletak di lokasi yang sama.
105
Gambar 3.55 Perancangan Layar Home
d. Perancangan Layar Profile Pada halaman profile, pengguna dapat melakukan pengkontrolan terhadap profilenya, halaman ini terdiri dari tab – tab yang dapat dipilih yaitu tab profile, tab friends, dan tab photo.
106
Gambar 3.56 Perancangan Layar Profile
i.
Layar Profile dengan Tab Profile Pada tab ini pengguna dapat melihat informasi data dirinya, begitu juga dengan status – status dari pengguna yang pernah dimasukkan dalam update statusnya.
107
Gambar 3.57 Perancangan Layar Profile dengan Tab Profile
ii.
Layar Profile dengan Tab History Pada tab ini, terdapat list history status pengguna selama dia menggunakan checkpoint di lokasi tertentu.
108
Gambar 3.58 Perancangan Layar Profile dengan Tab History
iii.
Layar Profile dengan Tab Photo Pada tab ini pengguna dapat mengupload foto – fotonya, dan juga terdapat list foto – foto pengguna yang sudah diupload sebelumnya.
109
Gambar 3.59 Perancangan Layar Profile dengan Tab Photo
e. Perancangan Layar Friend Pada halaman ini, pengguna dapat melihat daftar teman – temannya. Halaman ini terdapat dua tab yaitu tab friends dan tab friend request.
110
Gambar 3.60 Perancangan Layar Friend
i.
Layar Friend dengan Tab Friends Pada tab ini, semua teman – teman pengguna akan terlihat dan juga terdapat fitur remove apabila pengguna ingin menghapus teman dari listnya. Selain itu, pada tab ini dilengkapi juga fitur search untuk mencari teman dalam list.
111
Gambar 3.61 Perancangan Layar Friend dengan Tab Friends
ii.
Layar Friend dengan Tab Friends Request Pada tab ini pengguna dapat melihat pengguna lain yang ingin menjadi temannya. Pengguna dapat menerima ataupun menolak permintaan dari pengguna lain sesuai dengan keinginannya.
112
Gambar 3.62 Perancangan Layar Friend dengan Tab Friends Request
f. Perancangan Layar Groups Pada halaman ini, pengguna dapat melihat list group – group yang dimilikinya. Selain itu pengguna juga dapat membuat groupnya sendiri, menerima permohonan masuk group. Terdapat juga tab – tab yang terdiri dari tab group name, tab group file sharing, tab group members.
113
Gambar 3.63 Perancangan Layar Groups i.
Layar Create Group Apabila pengguna menggunakan fitur create group, maka akan muncul tampilan di bawah ini yang berfungsi untuk membuat group sendiri.
Gambar 3.64 Perancangan Layar Create Group
114
ii.
Layar Groups dengan Tab Home Pada tab ini pengguna dapat melihat group yang dia pilih. Terdapat masukan – masukan dari member group, dan pengguna juga bisa menambahkan masukan – masukan tersebut dengan fitur add feeds.
Gambar 3.65 Perancangan Layar Groups dengan Tab Home iii.
Layar Groups dengan Tab Members Pada tab ini pengguna dapat mengetahui siapa saja yang sedang online ataupun offline di dalam grup tersebut.
115
Gambar 3.66 Perancangan Layar Groups dengan Tab Members
iv.
Layar Groups dengan Tab Group File Sharing Pada tab ini pengguna dapat melakukan file sharing yang berfungsi untuk saling berbagi file antar member group. Pengguna dapat mengupload file baru, ataupun mendownload file yang sudah tersedia. Selain itu pengguna juga dapat menggunakan fitur search group file untuk mempermudah pencarian file.
116
Gambar 3.67 Perancangan Layar Groups dengan Tab Group File List g. Perancangan Layar Message Pada halaman ini, pengguna dapat saling berkirim pesan dengan pengguna lain dengan fitur compose message. Halaman ini terdapat dua tab yaitu tab inbox dan tab outbox.
117
Gambar 3.68 Perancangan Layar Message i.
Layar Compose Message Pada tab ini pengguna dapat mengirimkan pesan ke pengguna lain dengan tampilan seperti di bawah ini :
Gambar 3.69 Perancangan Layar Compose Message
118
ii.
Layar Message dengan Tab Inbox Pada tab ini pengguna dapat melihat list dari inbox messagenya yang diterima dari pengguna lainnya.
Gambar 3.70 Perancangan Layar Message dengan Tab Inbox iii.
Layar Reply Inbox Message Apabila pengguna mengklik salah satu message dari pengguna lain, maka akan muncul isi dari message tersebut dan juga terdapat fitur reply apabila pengguna ingin membalas message dari pengguna lain.
119
Gambar 3.71 Perancangan Layar Reply Inbox Message iv.
Layar Message dengan Tab Outbox Pada tab ini pengguna dapat melihat list dari outbox message yang pernah dikirim pengguna ke pengguna lainnya.
Gambar 3.72 Perancangan Layar Message dengan Tab Outbox
120
h. Perancangan Layar Setting Pada halaman ini, pengguna diberikan fitur untuk melakukan setting terhadap keamanan accountnya. Fitur – fitur tersebut terdiri dari change password, change email dan juga delete account apabila pengguna ingin menghapus account-nya.
Gambar 3.73 Perancangan Layar Settings