BAB 3 ANALISIS DAN PERANCANGAN

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% 56% Laki Laki 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% 6% 12% Pelajar / Mahasiswa Pegawai Swasta 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% 8% 10% 20% Warnet Rumah Kampus 62% Kantor 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 16% 28% 1 2 Jam 2 3 Jam 3 4 Jam 38% > 4 Jam 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 Download File 19 39 Jumlah Responden 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 Keep in touch 17 48 Responden 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% Sangat membantu 16% 22% 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 Responden Bulletin 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 Groups Aplikasi Game Update Status Customize Theme Customize Profile Lainnya 4 3 17 24 27 50 49 Responden 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% 12% 56% 28, 29% Sangat setuju Setuju Biasa saja Kurang setuju 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. Seberapa sering Anda mengunduh atau mengunggah file menggunakan aplikasi file sharing seperti rapidshare, mediafire, dan lainnya? Tabel 3.11 Tabel persentase hasil pertanyaan nomor 15 Pilihan Sangat sering Cukup sering Kadang-kadang Jarang Tidak pernah Total Responden 19 13 13 5 0 50 Persentase 38% 26% 26% 10% 0% 100% 10.00% 38.00% 26.00% 26.00% Sangat sering Cukup sering kadang kadang Jarang Tidak pernah Gambar 3.16 Pie chart hasil kuisoner pertanyaan nomor 15 Hasil survei menunjukkan bahwa sebagian besar responden sering menggunakan aplikasi file sharing.

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% Ya 14% 64% Tidak 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% 58% Sangat membantu Membantu Biasa saja Kurang membantu 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.

Gambar 3.20 Use case diagram sistem Checkpoint 56

57 a. Use Case konfigurasi profile Dibawah ini adalah use case konfigurasi profile. Dimana kegiatan yang dapat 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 : Deskripsi : pengguna 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 : Alternatif : Kegiatan Pelaku 1. Pengguna memilih link join here pada halaman login 3. Pengguna mengisi semua field pada halaman tersebut Respon Sistem 2. Sistem membuka halaman registrasi 4. Sistem memasukkan data account pengguna ke dalam database 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 : Deskripsi : Pengguna dan admin 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 admin memasukkan username dan password pada field kemudian login 3. Pengguna atau admin dapat Respon Sistem 2. Sistem membuka halaman home jika username dan password cocok dengan data pada database 4. Sistem akan merespon sesuai

65 memilih pilihan yang tersedia pada halaman tersebut dengan pilihan yang dipilih oleh 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 : Kegiatan Pelaku Respon Sistem Memilih button checkpoint Melihat dan memberikan komentar 1. Pengguna memilih button checkpoint 3. Pengguna mengetik lokasi kemudian submit 1. Pengguna melihat dan memberi comment pada status pengguna 2. Sistem menampilkan autocomplete pilihan tempat untuk di-submit 4. Sistem menampilkan lokasi yang dipilih pengguna 2. Sistem menampilkan komentar yang ditulis oleh

66 lain yang berada pegguna Menulis status Memilih more feed pada lokasi yang sama 1. Pengguna menulis status pada field kosong kemudian submit 1. Pengguna memilih more feed 2. Sistem menampilkan input dari pengguna di bawah field status 2. Sistem menampilkan feed sebelumnya c. Use case specification konfigurasi profile Tabel 3.17 Use case specification konfigurasi profile Pelaku : Deskripsi : Pengguna 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 suatu event : Kegiatan Pelaku 1. Pengguna dapat memilih profile pada bar navigasi Respon Sistem 2. Sistem akan menampilkan halaman profile

67 3. Pengguna dapat memilih pilihan yang tersedia 4. Sistem akan merespon sesuai dengan pilihan pengguna Pilihan : Kegiatan Pelaku Respon Sistem Merubah informasi profile Menambah foto Menghapus foto 1. Pengguna memilih edit pada halaman profile 3. Pengguna mengubah informasi yang ada 1. Pengguna memilih tombol browse 3. Pengguna memilih foto yang ingin ditambahkan 1. Pengguna memilih foto yang ingin 2. Sistem menampilkan halaman edit profile 4. Sistem akan menyimpan informasi tersebut di database 2. Sistem akan menampilkan jendela browse file 4. Sistem menyimpan foto di database dan menampilkan foto tersebut 2. Sistem menanyakan konfirmasi

68 dihapus pengguna untuk menghapus foto Membuat album 3. Pengguna memberikan konfirmasi 1. Pengguna memilih create album dan 4. Sistem menghapus foto tersebut dari database 2. Sistem membuat album baru sesuai mengisi album nama dengan nama yang ditulis pengguna Melihat History 1. Pengguna memilih tab history 2. Sistem menampilkan history post pengguna d. Use case specification konfigurasi friend Tabel 3.18 Use case specification konfigurasi friend Pelaku : Deskripsi : Tujuan : Pengguna Pengguna dapat melakukan konfigurasi terhadap friend. Untuk mengatur jaringan friend pengguna seperti mencari, menambah, menghapus, menyetujui.

69 Bidang khas suatu event : Kegiatan Pelaku 1. Pengguna memilih friend pada bar navigasi 3. Pengguna dapat memilih pilihan yang tersedia Respon Sistem 2. Sistem akan menampilkan halaman friend 4. Sistem akan merespon sesuai dengan pilihan pengguna Pilihan : Kegiatan Pelaku Respon Sistem Menambah friend Mencari friend 1. Pengguna memilih profile pengguna lain 3. Pengguna memilih be friend with username 1. Pengguna memasukkan nama yang ingin dicari pada search bar 2. Sistem menampilkan profile pengguna tersebut 4. Sistem akan mengirimkan friend request kepada user tersebut 2. Sistem akan mencari nama tersebut di database dan menampilkannya

70 Menghapus friend 1. Pengguna memilih profile pengguna lain 3. Pengguna memilih remove friend 5. Pengguna mejawab 2. Sistem menampilkan profile pengguna 4. Sistem meminta konfirmasi kepada pengguna 6. Sistem akan konfirmasi ditanyakan yang menghapus friend tersebut dari friendlist e. Use case specification konfigurasi group Tabel 3.19 Use case specification konfigurasi group Pelaku : Deskripsi : Pengguna 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 group pada bar navigasi 3. Pengguna dapat memilih pilihan yang tersedia Respon Sistem 2. Sistem akan menampilkan halaman group 4. Sistem akan merespon sesuai dengan pilihan pengguna Pilihan : Kegiatan Pelaku Respon Sistem Membuat grup delete group 1. Pengguna memilih create group 3. Pengguna mengisi field yang ada dalam jendela tersebut dan memilih tombol create 1. Pemilik group memilih delete group 2. Sistem menampilkan jendela pembuatan grup 4. Sistem membuat grup tersebut dan dimasukkan ke dalam grouplist 2. Sistem menghapus group tersebut

72 Remove member Leave group View group Upload File list 1. Pemilik group memilih remove dari list member 1. Member memilih leave group 1. Pengguna memilih nama group 1. Pengguna memilih upload 3. Pengguna memilih file yang ingin diupload 1. Pengguna memilih tab file 3. Pengguna melihat dan memilih 2. Sistem akan mengeluarkan member tersebut dari group tersebut 2. Sistem mengeluarkan member dari group tersebut 2. Sistem menampilkan group 2. Sistem menampilkan jendela pop-up upload 4. Sistem menyimpan file tersebut dalam file list 2. Sistem menampilkan tab file list 4. Sistem memberikan akses

73 download file yang diinginkan untuk download file tersebut f. Use case specification konfigurasi message Tabel 3.20 Use case specification konfigurasi message Pelaku : Deskripsi : Pengguna dan admin Pengguna atau admin dapat berkomunikasi dengan pengguna lain dengan pesan Tujuan : Bidang khas suatu event : Kegiatan Pelaku 1. Pengguna memilih message pada bar navigasi 3. Pengguna dapat memilih pilihan yang tersedia Respon Sistem 2. Sistem akan menampilkan halaman message 4. Sistem akan merespon sesuai dengan pilihan pengguna Pilihan : Kegiatan Pelaku Respon Sistem Membuat pesan baru 1. Pengguna memilih compose new message 2. Sistem menampilkan text editor

74 3. Pengguna mengisi field untuk dikirim ke pengguna lain 4. Sistem mengirimkan pesan tersebut Membaca pesan Menghapus pesan 1. Pengguna memilih inbox 3. Pengguna memilih pesan yang ingin dibaca 1. Pengguna milih pesan yang ingin dihapus kepada pengguna yang dituju dan menyimpannya dalam sent message 2. Sistem menampilkan pesan yang diterima 4. Sistem menampilkan isi pesan tersebut 2. Sistem menghapus pesan tersebut

75 h. Use case specification setting Tabel 3.21 Use case specification setting Pelaku : Deskripsi : Pengguna Pengguna dapat mengubah hal-hal yang berkaitan dengan account nya, seperti password dan e-mail Tujuan : Untuk mengubah password atau e-mail Bidang khas suatu event : Kegiatan Pelaku 1. Pengguna memilih setting pada bar navigasi 3. Pengguna dapat memilih pilihan yang tersedia Respon Sistem 2. Sistem akan menampilkan halaman setting 4. Sistem akan merespon sesuai dengan pilihan pengguna Pilihan : Kegiatan Pelaku Respon Sistem Mengubah password Alternatif 1. Pengguna memasukkan password lama dan password baru yang ingin digunakan 2. Sistem menyimpan perubahan tersebut 3. ke dalam database 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 Menghapus account 1. Pengguna memasukkan e-mail baru yang ingin digunakan 1. Pengguna memilih delete account 3. Pengguna memasukkan password untuk konfirmasi 2. Sistem menyimpan perubahan tersebut ke dalam database 2. Sistem menanyakan konfirmasi dan meminta password kepada pengguna 4. Sistem menghapus account tersebut dari database 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 Tidak membatalkan aksi 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 Tolak menghapus friend request 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 Salah Benar 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.

Gambar 3.50 Activity diagram menghapus account 100

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 i. Layar Create Group Gambar 3.63 Perancangan Layar Groups 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