BAB 3 ANALISIS DAN PERANCANGAN. Pembuatan aplikasi ini menggunakan pendekatan proses rekayasa perangkat

BAB 3 ANALISIS DAN PERANCANGAN 3.1 Metodologi Penelitian Pembuatan aplikasi ini menggunakan pendekatan proses rekayasa perangkat lunak model Agile:SCRUM. Fase-fase pendekatan Agile Software Development Method sebagai berikut: 1. Product Backlog Fitur-fitur yang akan diselesaikan dalam aplikasi, dan secara rutin akan dilakukan pengaturan ulang skala prioritas dari fitur yang akan diselesakan dan juga penghilangan/penambahan fitur. Fitur fitur yang diperlukan dalam aplikasi messenger adalah sebagai berikut: a. Registration Registration merupakan fitur yang berfungsi untuk user yang pertama kali menggunakan aplikasi messenger. Registration meminta user yang baru untuk mengisi form yang ada di layar registration, dimana form tersebut terdiri dari lima input text field yaitu first name, last name, email, password, image, dan phone number. Apabila user telah mengisi semua text field, user hanya perlu menyentuh button submit, dan sistem akan memproses data tersebut. b. Login Login merupakan fitur yang berfungsi untuk masuk ke dalam halaman utama. Login terdiri dari dua input text field yaitu username, dan password. Apabila 93

94 user sudah menginput data ke text field, maka user hanya perlu menekan button login untuk masuk ke halaman utama. c. Profile User profile merupakan fitur yang berfungsi untuk melihat profile user. User juga dapat melakukan edit image, status message, dan appreance status online atau offline. d. Friend Friend merupakan fitur yang berfungsi untuk melihat list friend yang ada di account user. Friend bisa menambah teman melalui button add friend yang otomatis memindahkan user ke halaman add friend, make new category yang membuat contact user menjadi terstruktur dengan cara grouping friend menurut kategori yang ditentukan oleh user, dan edit friend yang dapat digunakan untuk delete friend, see friend profile. e. Chat Chat merupakan fitur yang berfungsi yang mengajak other user untuk mengobrol (chatting). Chatting juga dapat melakukan send file, tracking, invite member, dan send emoticon. Chat juga dapat melakukan edit chat untuk membersihkan chat yang lama agar tidak memenuhi list chat yang terdapat pada layar chat. f. Recent Status Recent status merupakan fitur yang berfungsi untuk melihat status other user. Apabila user menyentuh salah satu tampilan dalam recent status, maka user dapat mengobrol (chatting) langsung dan melihat profile other user.

95 g. Group Group merupakan fitur yang berfungsi untuk melihat list contact group yang ada pada layar group. Group ini terdiri dari create new group untuk membuat group yang baru, edit group untuk melakukan perubahan seperti mengganti nama group, invite other user, leave group, dan kick member dari group. h. Location Location merupakan fitur yang berfungsi untuk memberikan informasi keberadaan kepada other user. Location ini terdiri dari beberapa fitur seperti check in yang dilakukan user untuk memberikan informasi keberadaan saat berada di tempat umum (restoran, mall, rumah, dan lain-lain), access terdiri dari dua fitur yaitu friend location access yang akan memberikan akses kepada other user untuk melihat posisi/keberadaan user, sedangkan given location access berisi other user yang telah diberikan akses posisi/keberadaan user. More layer akan membantu user saat mencari sebuah tempat ketika membuka map location. i. Meetpoint Meetpoint merupakan fitur yang berfungsi untuk menandakan tempat pertemuan yang ditentukan user di map location. Meetpoint memberikan setiap user informasi meetpoint(tempat pertemuan), dan posisi setiap user yang diundang dalam meetpoint. Meetpoint terdiri dari beberapa fitur seperti invite member to meetpoint yang menambahkan member ke dalam meetpoint yang sudah dibuat dan setiap member dapat melihat posisi/keberadaan member lain, edit member meetpoint yang berfungsi mengeluarkan member dari meetpoint yang sudah dibuat oleh user, edit meetpoint yang berfungsi

96 untuk melakukan update posisi meetpoint, dan delete meetpoint untuk menghapus meetpoint yang telah dibuat. Delete meetpoint hanya dapat dilakukan oleh user yang menginisiasi meetpoint. Teknologi yang digunakan untuk Location Based Services pada aplikasi messenger ini adalah: 1. GPS (Global Positioning System) merupakan teknologi penentuan lokasi dengan menggunakan satelit serta GPS receiver yang terdapat pada setiap device Android. Teknologi GPS digunakan ketika pengguna berada di luar ruangan dan dapat menerima sinyal GPS. 2. Android Network Location Provider merupakan teknologi penentuan lokasi dengan menggunakan jaringan Wi-Fi dan BTS (Base Transceiver Station) yang terdekat dengan pengguna. Teknologi Android Network Location Provider digunakan ketika pengguna tidak mendapatkan sinyal GPS untuk menentukan lokasinya. Pada aplikasi T-Rex Messenger digunakan user permissions berupa ACCESS_FINE_LOCATION yang mengizinkan aplikasi untuk menentukan posisi pengguna berdasarkan GPS dan Network Provider. 2. Sprint Backlog Melakukan analisis keseluruhan sebelum melakukan eksekusi terhadap aplikasi messenger. Fitur yang telah diambil dari product backlog akan dipecah-pecah menjadi to-do list yang spesifik yang akan dieksekusi selama sprint process. Dengan menggunakan perancangan storyboard, perancangan Unified Modeling

97 Language (UML) yang terdiri dari use case, class diagram, sequence diagram, dan activity diagram, serta perancangan struktur database yang digunakan. a. Perancangan storyboard Perancangan storyboard merupakan perancangan tampilan yang akan dibuat dan menjelaskan deskripsi setiap tampilan. b. Perancangan UML Perancangan UML terdiri dari use case yang menjelaskan fungsi sistem dari sudut pandang setiap actor termasuk user, other user, dan admin kemudian dijelaskan dalam bentuk use case narrative, activity diagram yang menggambarkan alur proses dari setiap use case, class diagram yang menggambarkan objek atau kelas dari sistem serta hubungan antar objekobjek kelas, dan sequence diagram yang menggambarkan interaksi message dengan objek-objek sesuai urutan. c. Perancangan struktur database Perancangan struktur database dibuat dari hasil class diagram. Kelas-kelas yang membutuhkan penyimpanan ke database dibuatkan hubungan relationship dan membentuk struktur database. Pada tahap ini akan terus dilakukan review untuk melihat apakah fitur-fitur yang ada telah memenuhi harapan untuk pembuatan aplikasi messenger ini serta mengatur ulang semua fitur dan prioritas pengerjaannya. Perancangan dilakukan dengan cara yang lebih efektif dan efisien untuk meningkatkan siklus sprint tersebut. 3. Shippable product

98 Pada tahap ini merupakan tahap yang siap memasuki tahap akhir yaitu deployment. Fitur-fitur aplikasi yang telah dibuat siap untuk digunakan dan diuji oleh stakeholder untuk mengetahui apakah aplikasi yang dibuat telah memenuhi kebutuhan stakeholder. 3.2 Analisis Permasalahan 3.2.1 Analisis Aplikasi Mobile Sejenis Tabel 3.1 Aplikasi Messenger Terpopuler di Android Sumber (https://play.google.com) No Aplikasi Mobile Messenger Jumlah Download 1 WhatsApp Messenger 2.368.841 2 KakaoTalk 1.088.827 3 Facebook Messenger 608.927 4 Line Messenger 540.270 5 Messenger With You 238.629 6 ebuddy Messenger 198.011 7 WeChat 185.016 8 Kik Messenger 177.491 9 Yahoo Messenger 169.009 10 ChatON 57.078

99 Berikut ini beberapa contoh dari aplikasi mobile sejenis yang ditemukan: a. WhatsApp Messenger WhatsApp Messenger adalah aplikasi messenger yang berjalan di atas beragam platform, WhatsApp Messenger bisa digunakan sebagai sarana untuk berkirim pesan ke beragam ponsel dengan platform OS yang berbeda. Memanfaatkan jaringan internet, WhatsApp Messenger menawarkan beberapa fitur seperti pesan teks, video, foto atau suara ke teman dengan cara yang sangat mudah cukup dengan menambahkan attachment. WhatsApp Messenger tidak seperti blackberry messenger yang menggunakan PIN sebagai identifikasi user, namun langsung menggunakan daftar kontak untuk mengenali semua nomor telepon dalam daftar kontak yang telah menggunakan WhatsApp Messenger. b. KakaoTalk Messenger KakaoTalk Messenger adalah sebuah aplikasi Android yang memungkinkan penggunanya mengirim pesan dengan teman, pesan yang dikirim bisa berupa foto, video dan suara. KakaoTalk Messenger juga memperbolehkan penggunanya saling berkirim pesan dengan menggunakan ID sebagai identifikasi user seperti halnya Yahoo Messenger maupun menggunakan nomor telepon seperti WhatsApp Messenger. Aplikasi ini memiliki beberapa fitur seperti Plus Friends yang merupakan layanan berlangganan konten selebritis yang memungkinkan pengguna menerima beragam konten dari

100 selebriti idolanya. Konten tersebut berupa kabar berita atau gosip bahkan Update Status dari selebriti. c. Kik Messenger Kik Messenger merupakan sebuah aplikasi Chatting Android yang memungkinkan pengguna berkomunikasi dengan saling berkirim pesan melalui jaringan internet, baik melalui WiFi maupun data 3G. Melalui Kik Messenger user dapat berukar file serta membagikan lokasinya. Namun, agar bisa bertukar file, pengguna harus menginstall plug-in dari Kik Messenger bernama File Kicker. d. Line Messenger Line Messenger adalah aplikasi messenger yang tidak hanya menyediakan fitur pengiriman pesan namun juga panggilan suara melalui internet. Dengan Line Messenger, pengguna dapat mengirimkan foto beserta info lokasi kepada teman. Pada saat membuka aplikasi Line Messenger, aplikasi tersebut akan mengidentifikasi nomor telepon yang tersimpan dalam ponsel dan menambahkannya ke daftar teman secara otomatis. e. Catfiz Catfiz adalah aplikasi chatting sesama pengguna Android yang memungkinkan pengguna untuk saling berkirim pesan dengan model seperti BlackBerry Messenger. Agar dapat berkomunikasi dengan pengguna lain, pengguna harus terlebih dahulu mengetahui nomor PIN temannya yang disebut NIC. Sebelum chatting dengan teman, kita harus menunggu persetujuan dari teman kita.

101 Melalui Catfiz kita bisa mengetahui status pesan chatting yang sudah dikirim apakah masih pending, sudah terkirim, sudah sampai atau telah dibaca. Catfiz juga mendukung pengiriman pesan berupa Teks, Foto, Suara dan Sharing File ke perorangan atau group yang disebut Pool. Tidak hanya berfungsi sebagai aplikasi chatting, Catfiz juga memiliki fungsi sebagai alat jejaring sosial berupa update status serta mengomentari status user Catfiz lain. f. Blackberry Messenger Blackberry messenger adalah aplikasi pengirim pesan instan yang disediakan untuk para pengguna perangkat Blackberry. Layanan messenger ini dibuat khusus bagi pemilik Blackberry dan dirancang khusus untuk berkomunikasi di antara pengguna. Dalam BlackBerry Messenger pengguna dapat menambah kontak dengan cara memasukkan nomor PIN dari pengguna lain. Selain itu, pengguna juga dapat memperbaharui status kapanpun dan dimanapun, hanya dengan mengetik status yang diinginkan. BlackBerry Messenger menyediakan berbagai fitur, yaitu: berbagi berkas, percakapan grup, avatar, memperbaharui status, kontak cadangan, broadcast, dan berbagi lokasi. (Anonim 12, 2012). Hasil dari perbandingan aplikasi sejenis yang telah dijelaskan sebelumnya, dapat dilihat pada tabel 3.2.

102

103 Tabel 3.2 Perbandingan Aplikasi Mobile Messenger Sejenis Aplikasi yang Fitur WhatsApp KakaoTalk Kik Line Catfiz BlackBerry sedang dikembangkan Group Sending Data MultiChat Upgradeable Emoticon Share Location Status Update Grouping Contact

104 Aplikasi yang Fitur WhatsApp KakaoTalk Kik Line Catfiz BlackBerry sedang dikembangkan Tracking I ve been there!(personal Travel Memory, Share and Review Place) MeetPoint

105

104 3.2.2 Analisis Hasil Kuisioner Analisis dilakukan menggunakan kuisioner yang disebarkan kepada pengguna smartphone. Kuisioner ini disebarkan secara online melalui Google Form yang dapat diakses melalui link: https://docs.google.com/spreadsheet/viewform?formkey=deg5x0fynxpqeklln3 EzU2pHNnNwSVE6MA. Kuisioner terdiri 13 pertanyaan dan 164 responden. Kusioner ini dimaksudkan untuk mendapatkan data mengenai pengguna smartphone Android, kebutuhan dan minat pengguna terhadap aplikasi messenger dengan fitur tracking. Hasil dari penyebaran kuisioner adalah sebagai berikut : 1. Apakah anda merupakan pengguna smartphone? Tabel 3.3 Hasil Kuisioner nomor 1 Pilihan Jumlah Responden Persentase Responden Ya 153 93% Tidak 11 7%

105 Pengguna Smartphone Gambar 3.1 Hasil Kuisioner nomor 1 dalam Bentuk Diagram Pie Pertanyaan ini ditujukan untuk mengetahui berapa banyak pengguna smartphone di kalangan masyarakat Indonesia. Dari data diagram di atas, diketahui bahwa sekitar 93% responden adalah pengguna smartphone dan sebanyak 7% responden yang tidak menggunakan smartphone. 2. Apakah anda memiliki aplikasi messenger pada smartphone yang anda gunakan? Tabel 3.4 Hasil Kuisioner nomor 2 Pilihan Jumlah Responden Persentase Responden Ya 152 93% Tidak 9 5% Tidak menjawab 3 2%

106 Gambar 3.2 Hasil Kuisioner nomor 2 dalam Bentuk Diagram Pie Pertanyaan ini ditujukan untuk mengetahui berapa banyak responden yang memiliki aplikasi messeger di smartphone mereka. Dari data diagram di atas, diketahui bahwa sekitar 93% responden memiliki aplikasi messenger pada smartphone mereka, dan sebanyak 5% responden tidak memiliki aplikasi messenger pada smartphone mereka, sedangkan 2% sisanya tidak menjawab pertanyaan ini.

107 3. Aplikasi messenger apa yang anda gunakan pada smartphone anda? Tabel 3.5 Hasil Kuisioner nomor 3 Persentase Pada Responden Yang Pilihan Jumlah Responden Memiliki Aplikasi Messenger Pada Smartphonenya WhatsApp 97 64% KakaoTalk 13 9% LINE Messenger 33 22% Kik Messenger 0 0% Catfiz 9 6% Other 36 24%

108 Aplikasi Messenger yang digunakan pada Smartphone responden Gambar 3.3 Hasil Kuisioner nomor 3 dalam Bentuk Diagram Batang Pertanyaan ini ditujukan untuk mengetahui sebaran pengguna untuk setiap jenis aplikasi messenger dari responden. Dari data diagram di atas, diketahui bahwa sekitar 64% responden yang memiliki aplikasi messenger pada smartphonenya menggunakan aplikasi WhatsApp, 9% responden yang memiliki aplikasi messenger pada smartphonenya menggunakan aplikasi KakaoTalk, 22% responden yang memiliki aplikasi messenger pada smartphonenya menggunakan aplikasi LINE Messenger, 0% responden yang memiliki aplikasi messenger pada smartphonenya yang pernah menggunakan Kik Messenger, 6% responden yang memiliki aplikasi messenger pada smartphonenya menggunakan aplikasi Catfiz dan sebanyak 24% responden yang memiliki aplikasi messenger pada smartphonenya menggunakan aplikasi messenger yang lain.

109 4. Fitur apakah yang membuat anda memilih sebuah aplikasi messenger? Tabel 3.6 Hasil Kuisioner nomor 4 Pilihan Jumlah Responden Persentase Responden Group 114 70% Send File (Image, Video, audio, etc) 131 80% Multichat 122 74% Free Call 63 38% Share Location 31 19% Voice Record 27 16% Emoticon 79 48% Status Update (Recent Update) 61 37% Other 15 9%

110 Fitur yang membuat responden memilih sebuah aplikasi messenger Gambar 3.4 Hasil Kuisioner nomor 4 dalam Bentuk Diagram Batang Pertanyaan ini ditujukan untuk mengetahui seberapa besar kebutuhan suatu fitur terdapat dalam sebuah aplikasi messenger. Dari data diagram di atas dapat disimpulkan bahwa menurut responden fitur group, send file, dan multi chat merupakan fitur yang penting&harus ada pada sebuah aplikasi messenger.

111 5. Apakah anda mengetahui tentang fitur Tracking? Tabel 3.7 Hasil Kuisioner nomor 5 Pilihan Jumlah Responden Persentase Responden Ya 108 66% Tidak 56 34% Mengetahui tentang fitur Tracking Gambar 3.5 Hasil Kuisioner nomor 5 dalam Bentuk Diagram Pie Pertanyaan ini ditujukan untuk mengetahui berapa banyak responden yang mengetahui tentang fitur tracking. Dari data diagram di atas, diketahui bahwa sekitar 66% responden mengetahui fitur tracking dan sebanyak 34% responden tidak mengetahui fitur tracking.

112 6. Apakah anda tertarik menggunakan aplikasi yang membuat anda dapat mengetahui posisi pengguna lain yang sedang berinteraksi dengan anda secara real time? Tabel 3.8 Hasil Kuisioner nomor 6 Pilihan Jumlah Responden Persentase Responden Ya 107 65% Tidak 57 35% Tertarik menggunakan aplikasi mengetahui posisi pengguna lain Gambar 3.6 Hasil Kuisioner nomor 6 dalam Bentuk Diagram Pie

113 Pertanyaan ini ditujukan untuk mengetahui berapa banyak responden yang tertarik untuk menggunakan aplikasi messenger dengan fitur tracking (mengetahui posisi pengguna lain). Dari data diagram di atas, diketahui bahwa sekitar 65% responden tertarik menggunakan fitur tracking (mengetahui posisi pengguna lain) dan sebanyak 35% responden tidak tertarik untuk menggunakan fitur tracking (mengetahui posisi pengguna lain). 7. Kenapa anda tidak tertarik menggunakan aplikasi tersebut? Tabel 3.9 Hasil Kuisioner nomor 7 Pilihan Jumlah Responden Persentase Terhadap Jumlah Jawaban Privasi 45 65% Belum membutuhkan 15 22% Sudah menggunakan aplikasi sejenis 5 7% Tidak ada waktu untuk mencoba 2 3% aplikasi tersebut Other 2 3%

114 Gambar 3.7 Hasil Kuisioner nomor 7 dalam Bentuk Diagram Pie Pertanyaan ini ditujukan untuk mengetahui alasan responden yang tidak tertarik untuk menggunakan aplikasi messenger dengan fitur tracking (mengetahui posisi pengguna lain). Dari data diagram di atas, diketahui bahwa sekitar 65% responden tidak tertarik menggunakan fitur tracking (mengetahui posisi pengguna lain) karena privasi, 22% responden belum membutuhkan fitur seperti tracking, 7% responden sudah menggunakan aplikasi sejenis, 3% responden tidak memiliki waktu untuk mencoba aplikasi tersebut dan sebanyak 3% responden sisanya memiliki alasan lain.

115 8. Apakah anda pernah menggunakan aplikasi untuk berbagi lokasi anda (Location Based Application)? Tabel 3.10 Hasil Kuisioner nomor 8 Pilihan Jumlah Responden Persentase Responden Ya 118 72% Tidak 46 28% Share Location Gambar 3.8 Hasil Kuisioner nomor 8 dalam Bentuk Diagram Pie Pertanyaan ini ditujukan untuk mengetahui berapa banyak responden yang pernah menggunakan aplikasi untuk berbagi lokasi (Location Based Application). Dari data diagram di atas, diketahui bahwa sekitar 72% responden pernah menggunakan aplikasi untuk berbagi lokasi (Location Base Application) dan sebanyak

116 28% responden tidak pernah menggunakan aplikasi untuk berbagi lokasi (Location Based Application). 9. Apa saja Location Based Application yang pernah anda gunakan? Tabel 3.11 Hasil Kuisioner nomor 9 Pilihan Jumlah Responden Persentase Terhadap Jumlah Jawaban Foursquare 101 49% Google Latitude 37 18% Facebook Places 53 26% Koprol 10 5% Other 5 2% Location Based Application

117 Gambar 3.9 Hasil Kusioner nomor 9 dalam Bentuk Diagram Batang Pertanyaan ini ditujukan untuk mengetahui location based application yang pernah digunakan oleh responden. Dari data diagram di atas, diketahui bahwa sekitar 49% responden pernah menggunakan Foursquare, 18% responden pernah menggunakan Google Latitude, 26% responden pernah menggunakan Facebook Places, 5% responden pernah menggunakan Koprol dan sebanyak 2% responden sisanya pernah menggunakan Location Based Application yang lain.

118 10. Jika anda menggunakan fitur Tracking, Siapa yang anda izinkan untuk mengetahui lokasi anda? Tabel 3.12 Hasil Kuisioner nomor 10 Pilihan Jumlah Responden Persentase Responden Orang Tua 113 69% Saudara Kandung 87 53% Sepupu 46 28% Sahabat 80 49% Teman 68 41% Pacar 79 48% Kerabat 36 22% Layanan Masyarakat 12 7%

119 Tidak ingin ditracking oleh 23 14% siapapun Other 8 5% Frekuensi siapa saja yang diizinkan responden untuk mengetahui lokasinya Gambar 3.10 Hasil Kuisioner nomor 10 dalam Bentuk Diagram Batang

120 Pertanyaan ini ditujukan untuk mengetahui siapa saja yang diizinkan responden untuk mengetahui lokasinya dengan menggunakan fitur tracking. Dari data diagram di atas, diketahui bahwa sekitar 69% responden mengizinkan orang tuanya untuk mengetaui lokasi mereka, 53% responden mengizinkan saudara kandungnya untuk mengetahui lokasi mereka, 28% responden mengizinkan sepupunya untuk mengetahui lokasi mereka, 49% responden mengizinkan sahabatnya untuk mengetaui lokasi mereka, 41% responden mengizinkan temannya untuk mengetahui lokasi mereka, 48% responden mengizinkan pacarnya untuk mengetahui lokasi mereka, 22% responden mengizinkan kerabatnya untuk mengetahui lokasi mereka, 7% responden mengizinkan layanan masyarakat untuk mengetahui lokasi mereka, 14% responden tidak ingin ditracking oleh siapapun dan sebanyak 5% responden memilih lain-lain.

121 11. Jika anda menggunakan fitur Tracking apa saja yang akan anda lakukan dengan fitur tersebut? Tabel 3.13 Hasil Kuisioner nomor 11 Pilihan Jumlah Responden Persentase Responden Memberikan informasi yang cepat dan akurat dalam kondisi darurat (Rumah Sakit, Kantor 119 73% Polisi, Pemadam Kebakaran, dll) Memantau orang yang membutuhkan perlakuan khusus (Anak, Manula, 65 40% Penderita Alzamer, Penderita Keterbelakangan Mental, dll) Bersosialisasi 88 54%

122 Mengatur pertemuan dan mengetahui proses perjalanan 74 45% setiap anggota Other 3 2% Frekuensi pada saat menggunakan fitur tracking apa saja yang akan dilakukan dengan fitur tersebut Gambar 3.11 Hasil Kuisioner nomor 11 dalam Bentuk Diagram Batang Pertanyaan ini ditujukan untuk mengetahui apa saja yang akan dilakukan oleh responden pada saat menggunakan fitur tracking. Dari data diagram di atas, diketahui bahwa sekitar 73% responden ingin memberikan informasi yang cepat dan akurat dalam kondisi darurat, 40% responden ingin memantau orang yang membutuhkan perlakuan khusus, 54% responden ingin memanfaatkan tracking untuk bersosialisasi, 45% responden ingin memanfaatkan tracking untuk mengatur pertemuan dan mengetahui proses perjalanan setiap anggota,

123 dan sebanyak 2% responden ingin memanfaatkan tracking untuk melakukan hal-hal yang lain. 12. Apakah anda tertarik menggunakan aplikasi messenger yang terintegrasi dengan fitur tracking seperti di atas? Tabel 3.14 Hasil Kuisioner nomor 12 Pilihan Jumlah Responden Persentase Responden Ya 131 80% Tidak 33 20% Frekuensi peminat aplikasi messenger yang terintegrasi dengan fitur tracking Gambar 3.12 Hasil Kuisioner nomor 12 dalam Bentuk Diagram Pie

124 Pertanyaan ini ditujukan untuk mengetahui berapa banyak responden yang tertarik untuk menggunakan aplikasi messenger yang terintegrasi dengan fitur tracking. Dari data diagram di atas, diketahui bahwa sekitar 80% responden tertarik untuk menggunakan aplikasi messenger yang terintegrasi dengan fitur tracking dan sebanyak 20% responden tidak tertarik untuk menggunakan aplikasi messenger yang terintegrasi dengan fitur tracking. 13. Jika tidak, mengapa anda tidak ingin menggunakan aplikasi tersebut? Tabel 3.15 Hasil Kuisioner nomor 13 Pilihan Jumlah Responden Persentase Responden Privasi 24 73% Sudah menggunakan 1 3% aplikasi sejenis Boros baterai dan pulsa 1 3% Belum Membutuhkan 7 21%

125 Gambar 3.13 Hasil Kuisioner nomor 13 dalam Bentuk Diagram Pie Pertanyaan ini ditujukan untuk mengetahui alasan sehingga responden tidak ingin menggunakan aplikasi messenger dengan fitur tracking yang berplatform android. Dari data diagram di atas, diketahui bahwa sekitar 73% responden memberikan alasan karena privasi, 3% responden memberikan alasan sudah pernah memakai aplikasi sejenis tersebut, 3% responden memberikan alasan karena sangat boros baterai dan pulsa, dan sebanyak 21% responden masih belum membutuhkan aplikasi tersebut. 3.2.3 Analisis Kebutuhan Dari hasil analisis data dalam bentuk kuisioner bagi para calon pengguna dapat dirumuskan beberapa hal yang diperlukan dalam sistem aplikasi sebagai berikut: a. Perlunya suatu aplikasi messenger pada platform Android yang menyediakan fitur tracking, meetpoint dan check-in.

126 b. Perlunya menyediakan fitur tracking yang diintegrasikan dalam aplikasi messenger untuk memenuhi kebutuhan responden akan Location Based Service yang handal. 3.2.4 Perancangan Solusi Berdasarkan analisis pengguna dan kebutuhan yang ada, maka dirancang solusi untuk mengatasi hal tersebut, yaitu: a. Merancang aplikasi messenger yang dapat menampilkan informasi posisi pengguna lain (tracking) dengan platform Android. b. Merancang aplikasi messenger dengan fitur MeetPoint yang memudahkan pengguna untuk mengatur pertemuan serta melihat proses perjalanan pengguna lain yang tergabung dalam MeetPoint tersebut. c. Merancang aplikasi messenger dengan fitur I ve been there!(check-in) yang dapat membantu penggunanya untuk bersosialisasi, berbagi review tempat yang dikunjungi serta catatan perjalanan pribadi.

127 3.3 Perancangan Sistem 3.3.1 Use Case Diagram 3.3.1.1 T-Rex Messenger System

Gambar 3.15 Use Case Diagram for T-Rex Messenger 128

129 3.3.1.2 Front End Use Case a. User Gambar 3.16 Use Case Diagram for User

130 Tabel 3.16 Deskripsi Proses Melakukan Registrasi Proses/Komponen Deskripsi Nama Use Case Registrasi Deskripsi Use case mendeskripsikan proses yang terjadi saat pertama kali user memakai aplikasi messenger. User harus melakukan registrasi terlebih dahulu dengan mengisi nama, nomor telepon, email, tanggal lahir sesuai format dalam halaman registrasi. Actor User Pre Condition User mengklik pilihan Registrasi pada layar Login Action Actor Action System Action Basic flow 1. User melakukan pengisian form registrasi 2. User mengklik tombol submit 3. Sistem akan melakukan pengecekan format pengisian form registrasi oleh user

131 sudah benar atau belum 4. Jika format pengisian form registrasi sudah benar, maka sistem akan menyimpan data user tersebut ke database dan menampilkan kembali halaman Registrasi dan pesan Registration Success. Alternative Flow 2a User mengklik tombol cancel, form dikosongkan dan kembali ke langkah 1 4a Jika format pengisian form registrasi salah, maka sistem akan memberikan tanda warning pada bagian field yang salah, kemudian kembali ke langkah 1

132 Tabel 3.17 Deskripsi Proses Melakukan Login Proses/Komponen Deskripsi Nama Use Case Login Deskripsi Use case mendeskripsikan proses yang terjadi saat user ingin masuk ke dalam aplikasi mobile messenger. User akan diminta mengisi username dan password. Actor User Pre Condition User mengklik icon aplikasi messenger dalam menu mobile phone dan belum ada user yang login dalam aplikasi Action Actor Action System Action Basic Flow 1. User mengisi username dan password dalam field yang tersedia di halaman login 2. Sistem akan melakukan pengecekan format pengisian di halaman login oleh user apakah sudah benar atau belum. 3. Jika benar maka

133 sistem akan menampilkan halaman home user 3a Jika salah maka sistem akan menampilkan tampilan error di halaman login. Kemudian kembali lagi ke Alternative Flow langkah 2 1a Jika lupa password, user dapat memilih icon forget password

134 Tabel 3.18 Deskripsi Proses Melakukan Choose Menu Proses/Komponen Deskripsi Nama Use Case Choose Menu Deskripsi Use case mendeskripsikan proses yang terjadi saat user memilih menu-menu yang ditampilkan pada home user. Actor User Pre Condition User melakukan login Action Actor Action System Action Basic Flow 1. User memilih menu Friends 2. Sistem akan menampilkan halaman FList 3. User memilih menu Recent Update 5. User memilih menu Chat 4. Sistem akan menampilkan halaman Recent Update. 6. Sistem akan menampilkan list chat yang ada. 7. User memilih menu More 8. Sistem akan menampikan

135 halaman More. Alternative Flow -

136 Tabel 3.19 Deskripsi Proses Melakukan Choose More Proses/Komponen Deskripsi Nama Use Case Choose More Deskripsi Use case mendeskripsikan proses yang terjadi saat user memilih menu-menu yang ditampilkan pada halaman More. Actor User Pre Condition User memilih halaman More Action Actor Action System Action Basic Flow 1. User memilih menu Profile 2. Sistem akan menampilkan halaman Profile 1a User memilih menu Add Friend b User memilih menu Group c User memilih menu Location d User memilih menu MeetPoint Alternative Flow e User memilih menu Help f User memilih menu About Us 2a Sistem akan menampilkan halaman Add Friend. b Sistem akan menampilkan list Group user. c Sistem akan menampilkan halaman Location.

137 c Sistem akan menampilkan halaman MeetPoint. c Sistem akan menampilkan halaman Help. c Sistem akan menampilkan halaman About Us.

138 Tabel 3.20 Deskripsi Proses Melakukan Update Profile Proses/Komponen Deskripsi Nama Use Case Update Profile Deskripsi Use case mendeskripsikan proses yang terjadi saat User melakukan perubahan profile yaitu DisplayName, Status, Appearance, Photo, dan Private Data Actor User Pre Condition User memilih menu Profile pada halaman More Action Actor Action System Action Basic Flow 1. User melakukan perubahan DisplayName 2. Sistem mengubah data DisplayName pada database user Alternative Flow 1a User melakukan perubahan Status b User melakukan perubahan Appearance c User melakukan perubahan Photo d User memilih menu Change Private Data 2a Sistem mengubah data Status pada database user b Sistem mengubah data Appearance pada database user

c Sistem mengubah data Photo pada database user 139

140 Tabel 3.21 Deskripsi Proses Melakukan Change Password Proses/Komponen Deskripsi Nama Use Case Change Password Deskripsi Use case mendeskripsikan proses yang terjadi saat user melakukan perubahan password pada akunnya Actor User Pre Condition User memilih ChangePass pada halaman Change Private Data Action Actor Action System Action Basic Flow 1. User mengklik menu Change Password 2. Sistem menampilkan halaman Change Password pada halaman Change Private Data 3. User mengisi field sesuai format yang telah ditampilkan pada layar. 4. Sistem melakukan pengecekan, apakah pengisian oleh user sudah benar atau belum. 5. Jika pengisian field benar maka sistem mengubah

141 data password pada database User Alternative Flow 5a Jika pengisian change password tidak sesuai, maka otomatis sistem akan menampilkan tanda error pada field yang mengakibatkan kesalahan tersebut. Kemudian kembali lagi ke langkah 4. Tabel 3.22 Deskripsi Proses Melakukan Change Private Data

142 Proses/Komponen Deskripsi Nama Use Case Change Private Data Deskripsi Use case mendeskripsikan proses yang terjadi saat user melakukan perubahan data pribadi Actor User Pre Condition User memilih Change Private Data pada halaman Profile Action Actor Action System Action Basic Flow 1. User memilih menu Change Private Data 2. Sistem menampilkan halaman change private data pada layar 3. User melakukan pengisian form yang terdapat pada halaman change private data 4. User memilih icon submit setelah selesai melakukan pengisian 5. Sistem melakukan pengecekan format data yang diisi oleh user. pada form change

143 private data 6. Jika benar maka sistem melakukan perubahan data pribadi user dalam database Alternative Flow 6a Jika salah maka sistem akan menampilkan tanda error pada field yang tidak sesuai. Kemudian kembali ke langkah 3. Tabel 3.23 Deskripsi Proses Melakukan Logout Proses/Komponen Deskripsi

144 Nama Use Case Logout Deskripsi Use case mendeskripsikan proses yang terjadi saat user akan Logout dari akunnya saat ini Actor User Pre Condition User mengklik tombol Logout pada halaman Home Action Actor Action System Action Basic Flow 1. User memilih menu Logout 2. Sistem menghapus session user pada database SQLite dan menampilkan halaman login kembali. Alternative Flow - b. Interraction

145 Gambar 3.17 Use Case Diagram for Interraction Tabel 3.24 Deskripsi Proses Melakukan Add Friend

146 Proses/Komponen Deskripsi Nama Use Case Add Friend Deskripsi Use case mendeskripsikan proses yang terjadi saat User mengundang Other User untuk menjalin hubungan pertemanan Actor User, Other User Pre Condition User memilih menu Add Friend pada halaman FList atau More Action Actor Action System Action Basic Flow 1. User memasukkan email atau phone number Other User yang akan 2. Sistem melakukan pengecekan apakah detail Other User yang dimasukkan valid diundang menjadi teman 3. Sistem mengirim request kepada Other User 4. Other User menerima request dari user yang mengirim permintaan 5. Sistem menambahkan Other User dalam database Friend untuk menjalin

147 pertemanan Alternative Flow 2a Jika tidak valid, sistem akan menampilkan pesan error dan kembali ke langkah 1 4a Jika Other User menolak request, sistem akan menampilkan pesan error dan kembali ke langkah 1 Tabel 3.25 Deskripsi Proses Melakukan Chat Proses/Komponen Deskripsi

148 Nama Use Case Chat Deskripsi Use case mendeskripsikan proses yang terjadi saat user mengundang Other User melakukan chat dan juga multiperson chat. Actor User, Other User Pre Condition User mulai memilih Friend untuk Chat pada halaman FList atau user memilih menu Chat pada halaman home Action Actor Action System Action Basic Flow 1. User memilih Other User untuk chat atau chat yang telah ada sebelumnya 3. User mengetik dan mengirimkan pesan 2. Sistem menampilkan halaman Chat sebelumnya dengan Other User 4. Sistem menyimpan pesan dalam database chat antara User dan Other User 5. Other User membuka pesan yang diterima 6. Sistem menampilkan halaman Chat dengan pesan terbaru 7. Other User membalas pesan yang 8. Sistem menyimpan pesan dalam

149 didapatkan dari pengirim pesan 9. User kemudian membuka pesan yang diterima database chat antara User dan Other User 10. Sistem menampilkan halaman Chat dengan pesan terbaru Alternative Flow 1a User memilih lebih dari 1 Other User untuk Chat 2a Jika belum ada history chat sebelumnya maka sistem menampilkan halaman Chat baru

150 Tabel 3.26 Deskripsi Proses Melakukan Tracking Proses/Komponen Deskripsi Nama Use Case Tracking Deskripsi Use case mendeskripsikan proses yang terjadi saat user melakukan tracking terhadap Other User. Actor User, Other User Pre Condition User memilih track pada halaman Chat Action Actor Action System Action Basic Flow 1. User memilih Other User untuk di-track 2. Sistem menampilkan halaman Chat sebelumnya dengan Other User 3. User memilih tombol track 4. Sistem mengirim request untuk pairing dari User kepada Other User 5. Other User melakukan konfirmasi pairing 6. Jika Other User menerima pairing, Sistem menampilkan lokasi pada halaman Location

151 Alternative Flow 1a User memilih lebih dari 1 Other User untuk tracking 2a Jika belum ada history chat sebelumnya maka sistem menampilkan halaman Chat baru 6a Jika Other User menolak pairing maka sistem menampilkan pesan penolakan dan kembali ke langkah 1

152 Tabel 3.27 Deskripsi Proses Melakukan See Recent Updates Proses/Komponen Deskripsi Nama Use Case See Recent Updates Deskripsi Use case mendeskripsikan proses yang terjadi saat user melihat update status terbaru dari teman-teman user. Actor User Pre Condition User memilih tab Recent Updates dari halaman Home Action Actor Action System Action Basic Flow 1. User memilih tab Recent Updates 2. Sistem mencari List Friend dari User pada database Friend 3. Sistem mencari detail Display Status terbaru dari database User berdasarkan List Friend User Alternative Flow -

153 Tabel 3.28 Deskripsi Proses Melakukan Close Multi Chat Proses/Komponen Deskripsi Nama Use Case Close Multi Chat Deskripsi Use case mendeskripsikan proses yang terjadi saat user menutup Multi Chat. Actor User, Other User Pre Condition User memilih Close Chat pada halaman Multi Chat Action Actor Action System Action Basic Flow 1. User memilih menu Chat 2. Sistem menampilkan daftar Multi Chat dengan Other User 3. User memilih Multi Chat yang akan di Close dan memilih Close Chat 4. Sistem melakukan verifikasi apakah masih ada Other User dalam Multi Chat 5. Jika tidak ada Other User, sistem menghapus Multi Chat

154 dari database Alternative Flow 5a Jika masih ada Other User maka sistem akan mengeluarkan User dari Multi Chat sehingga Multi Chat tidak akan tampil lagi pada daftar Chat user.

155 Tabel 3.29 Deskripsi Proses Melakukan Transfer Data Proses/Komponen Deskripsi Nama Use Case Transfer Data Deskripsi Use case mendeskripsikan proses yang terjadi saat user mengundang Other User melakukan Transfer Data dan juga multiperson Transfer Data. Actor User, Other User Pre Condition User mulai memilih Friend untuk Transfer Data pada halaman FList atau user memilih Chat yang aktif pada halaman Chat Action Actor Action System Action Basic Flow 1. User memilih Other User untuk chat 2. Sistem menampilkan halaman Chat sebelumnya dengan Other User 3. User memilih Data untuk dikirim dan menekan tombol Send 4. Sistem menyimpan Data dalam database chat antara User dan Other User 5. Other User 6. Sistem

156 membuka pesan yang diterima menampilkan halaman Chat dengan Data terbaru 7. Other User mendownload Data yang dikirimkan User 8. Sistem mengirim Data dalam database chat antara User dan Other User kepada Other User Alternative Flow 1a User memilih lebih dari 1 Other User untuk Chat 2a Jika belum ada history chat sebelumnya maka sistem menampilkan halaman Chat baru 7a Other User memilih Cancel Transfer Data 8a Sistem menghapus Data dalam database chat antara User dan Other User.

157 Tabel 3.30 Deskripsi Proses Melakukan Delete Friend Proses/Komponen Deskripsi Nama Use Case Delete Friend Deskripsi Use case mendeskripsikan proses yang terjadi saat user melakukan Delete Friend dari Friendlist. Actor User Pre Condition User berada pada halaman FList untuk melihat Friendlist Action Actor Action System Action Basic Flow 1. User memilih Friend 2. User memilih Delete Friend 3. Sistem melakukan konfirmasi kepada User 4. User memilih OK 5. Sistem menghapus data Friend dari database Friend milik User Alternative Flow 4a User memilih No

158 5a Sistem menampilkan kembali halaman FList Tabel 3.31 Deskripsi Proses Melakukan Grouping Friend Proses/Komponen Deskripsi Nama Use Case Grouping Friend Deskripsi Use case mendeskripsikan proses yang terjadi saat user melakukan Grouping Friend pada Friendlist. Actor User Pre Condition User berada pada halaman FList untuk melihat Friendlist Action Actor Action System Action Basic Flow 1. User memilih Add Category 2. User memasukkan Nama Category 3. User memilih Friend 4. User 5. Sistem

159 memilih Move Friend to Category memasukkan data Category pada database Friend Alternative Flow 1a Jika Category sudah ada langsung menuju langkah 3 c. Group

160 Gambar 3.18 Use Case Diagram for Group Tabel 3.32 Deskripsi Proses Melakukan Create Group

161 Proses/Komponen Deskripsi Nama Use Case Create Group Deskripsi Use case mendeskripsikan proses yang terjadi saat user membuat Group baru. Actor User, Other User Pre Condition User memilih menu Group pada halaman More Action Actor Action System Action Basic Flow 1. User memilih Create Group 2. Sistem menampilkan halaman Create Group 3. User memasukkan GroupName, GroupAvatar, GroupDescription, dan Friend yang akan diundang ke dalam Group 4. User memilih Submit 5. Sistem menambahkan data Group pada Database Group dan mengirimkan Request pada Other User

162 6. Other User melakukan konfirmasi OK untuk undangan Group 7. Sistem memasukkan data User pada database Group Alternative Flow 3a User memilih cancel, kembali ke langkah 1 4a Other user melakukan konfirmasi NO 5a Sistem menampilkan pesan penolakan pada halaman Create Group Tabel 3.33 Deskripsi Proses Melakukan Delete Group Proses/Komponen Deskripsi

163 Nama Use Case Delete Group Deskripsi Use case mendeskripsikan proses yang terjadi saat user melakukan Delete Group dari Grouplist. Actor User Pre Condition User berada pada halaman Group untuk melihat Grouplist Action Actor Action System Action Basic Flow 1. User memilih Group 2. User memilih Delete Group 3. Sistem melakukan konfirmasi kepada User 4. User memilih OK 5. Sistem melakukan validasi apakah masih ada user lain dalam Group 6. Jika tidak ada user lain maka sistem menghapus data Group dari database Alternative Flow 4a User memilih No

164 5a Sistem menampilkan kembali halaman Home 6a Jika masih ada user lain, Sistem menampilkan pesan untuk menghapus user lain dari Group terlebih dahulu

165 Tabel 3.34 Deskripsi Proses Melakukan Invite Friend to Group Proses/Komponen Deskripsi Nama Use Case Invite Friend to Group Deskripsi Use case mendeskripsikan proses yang terjadi saat user melakukan Invite Friend to Group pada ListGroup User. Actor User, Other User Pre Condition User berada pada halaman Group untuk melihat semua ListGroup User Action Actor Action System Action Basic Flow 1. User melihat List Group 2. Sistem menampilkan semua Group di mana User terdaftar 3. User memilih Group 4. User memilih Add 5. Sistem menampilkan FriendList User 6. User memilih Friend 7. User 8. Sistem

166 memilih Invite Friend mengirimkan pesan konfirmasi kepada Other User 9. Other User memilih OK 10. Sistem menambahkan user ke dalam Group dan menampilkan pesan sukses pada halaman Group Alternative Flow 9a Other User memilih No 10a Sistem mengirimkan pesan penolakan kepada user

167 Tabel 3.35 Deskripsi Proses Melakukan Group Chat Proses/Komponen Deskripsi Nama Use Case Group Chat Deskripsi Use case mendeskripsikan proses yang terjadi saat User melakukan Chat dalam Group. Actor User, Other User Pre Condition User berada pada halaman Group untuk melihat semua ListGroup User Action Actor Action System Action Basic Flow 1. User memilih Group untuk chat 2. Sistem menampilkan halaman Chat sebelumnya dalam Group 3. User mengetik dan mengirimkan pesan 5. Other User membuka pesan yang 4. Sistem menyimpan pesan dalam database chat Group 6. Sistem menampilkan halaman

168 diterima Chat dengan pesan terbaru dalam Group 7. Other User membalas pesan yang didapatkan dari chat Group 9. User kemudian membuka pesan yang diterima 8. Sistem menyimpan pesan dalam database chat Group 10. Sistem menampilkan halaman Chat Group dengan pesan terbaru Alternative Flow 2a Jika belum ada history chat sebelumnya maka sistem menampilkan halaman Chat baru

169 Tabel 3.36 Deskripsi Proses Melakukan Update Group Proses/Komponen Deskripsi Nama Use Case Update Group Deskripsi Use case mendeskripsikan proses yang terjadi saat User melakukan perubahan profile Group yaitu GroupName, GroupAvatar dan GroupDescription Actor User Pre Condition User memilih menu GroupSetting pada halaman Group Action Actor Action System Action Basic Flow 1. User memilih Group Setting 2. Sistem menampilkan halaman Update Group 3. Sistem mengecek status User 4. Jika status user adalah Admin, sistem menampilkan

170 form Update Group 5. User memasukkan data GroupName, GroupAvatar dan GroupDescription baru. 6. User memilih Submit 7. Sistem melakukan perubahan Data pada database Group sesuai input User Alternative Flow 4a Jika status user bukan Admin maka sistem menampilkan pesan bahwa hanya Admin yang bisa melakukan Update Group

171 Tabel 3.37 Deskripsi Proses Melakukan Kick Member Proses/Komponen Deskripsi Nama Use Case Kick Member Deskripsi Use case mendeskripsikan proses yang terjadi saat user melakukan Kick Member dalam Group User. Actor User Pre Condition User berada pada halaman Group untuk melihat semua Member Group Action Actor Action System Action Basic Flow 1. User melihat List Group 2. Sistem menampilkan semua Group di mana User terdaftar 3. User memilih Group 4. Sistem menampilkan List Member 5. User memilih Member 6. User memilih Kick Member 7. Sistem mengecek status User

172 8. Jika status user adalah Admin, sistem menampilkan konfirmasi Kick Member 9. User memilih OK 10. Sistem menghapus data member dari dalam Group Alternative Flow 8a Jika status User bukan Admin maka sistem menampilkan pesan bahwa hanya Admin yang bisa melakukan Kick Member 9a Jika User memilih NO, kembali ke langkah 4

173 Tabel 3.38 Deskripsi Proses Melakukan Leave Group Proses/Komponen Deskripsi Nama Use Case Leave Group Deskripsi Use case mendeskripsikan proses yang terjadi saat user melakukan Leave Group dari Group User. Actor User Pre Condition User berada pada halaman Group Action Actor Action System Action Basic Flow 1. User melihat List Group 2. Sistem menampilkan semua Group di mana User terdaftar 3. User memilih Group 4. User memilih Leave Group 5. Sistem mengecek status User 6. Jika status user bukan Admin, Sistem menampilkan

174 konfirmasi Leave Group 7. User memilih OK 8. Sistem menghapus data User dari dalam Group Alternative Flow 6a Jika status User Admin maka sistem akan memindahkan status Admin kepada User lain dalam Group 9a Jika User memilih NO, kembali ke langkah 1

175 Tabel 3.39 Deskripsi Proses Melakukan Group Tracking Proses/Komponen Deskripsi Nama Use Case Group Tracking Deskripsi Use case mendeskripsikan proses yang terjadi saat user melakukan tracking terhadap Other User dalam group. Actor User, Other User Pre Condition User memilih track pada halaman Group Action Actor Action System Action Basic Flow 1. User memilih Group untuk ditrack 2. Sistem menampilkan halaman Chat sebelumnya dalam Group 3. User memilih tombol track 4. Sistem mengirim request untuk pairing kepada semua Other User dalam Group 5. Other User melakukan konfirmasi pairing 6. Jika Other User menerima pairing, Sistem menampilkan

176 lokasi Other User pada halaman Location Alternative Flow 2a Jika belum ada history chat sebelumnya maka sistem menampilkan halaman Chat baru 6a Jika Other User menolak pairing maka sistem menampilkan pesan penolakan dan melanjutkan pairing dengan Other User lainnya.

177 Tabel 3.40 Deskripsi Proses Melakukan Group Transfer Data Proses/Komponen Deskripsi Nama Use Case Group Transfer Data Deskripsi Use case mendeskripsikan proses yang terjadi saat user melakukan Transfer Data dalam Group. Actor User, Other User Pre Condition User mulai memilih Transfer Data pada Group Chat Action Actor Action System Action Basic Flow 1. User memilih Group untuk chat 2. Sistem menampilkan halaman Chat sebelumnya dalam Group 3. User memilih Data untuk dikirim dan menekan tombol Send 5. Other User membuka pesan dalam chat Group 4. Sistem menyimpan Data dalam database chat Group 6. Sistem menampilkan halaman Chat dengan Data terbaru 7. Other User mendownload Data yang 8. Sistem mengirim Data dalam

178 dikirimkan dalam chat database chat Group Group Alternative Flow 2a Jika belum ada history chat sebelumnya maka sistem menampilkan halaman Chat baru 7a Other User memilih Cancel Transfer Data 8a Sistem menghapus Data dalam database chat Group

179 d. Location Gambar 3.19 Use Case Diagram for Location

180 Tabel 3.41 Deskripsi Proses Melakukan View Progress Proses/Komponen Deskripsi Nama Use Case View Progress Deskripsi Use case mendeskripsikan proses yang terjadi saat user memilih untuk melihat MeetPoint yang berkaitan dengannya. Actor User Pre Condition User memilih MeetPoint pada halaman Location Action Actor Action System Action Basic Flow 1. User memilih menu Location pada halaman More 2. Sistem menampilkan semua MeetPoint yang berkaitan dengan user 3. User memilih MeetPoint 4. User memilih View Progress 5. Sistem menampilkan progress semua User yang berkaitan dengan MeetPoint tersebut

181 Alternative Flow - Tabel 3.42 Deskripsi Proses Melakukan Add MeetPoint Proses/Komponen Deskripsi Nama Use Case Add MeetPoint Deskripsi Use case mendeskripsikan proses yang terjadi saat user menambahkan MeetPoint baru pada halaman Location Actor User, Other User Pre Condition User memilih Add MeetPoint pada halaman Location Action Actor Action System Action Basic Flow 1. User memilih titik MeetPoint pada peta 2. User memilih Add MeetPoint 3. Sistem menambahkan MeetPoint dalam database Location User Alternative Flow -

182 Tabel 3.43 Deskripsi Proses Melakukan Invite Member to MeetPoint Proses/Komponen Deskripsi Nama Use Case Invite Member to MeetPoint Deskripsi Use case mendeskripsikan proses yang terjadi saat user mengundang Other User ke MeetPoint. Actor User, Other User Pre Condition User memilih Invite Member to MeetPoint pada halaman MeetPoint Action Actor Action System Action Basic Flow 1. User memilih MeetPoint 2. Sistem menampilkan Friendlist User 3. User memilih Friend 4. User memilih Invite 5. Sistem mengirim request untuk pairing kepada semua Friend yang diundang 6. Other User 7. Jika Other

183 melakukan konfirmasi pairing User menerima pairing, sistem menambahkan lokasi Other User pada halaman MeetPoint Alternative Flow 6a Jika Other User menolak pairing maka sistem menampilkan pesan penolakan dan melanjutkan pairing dengan Other User lainnya.

184 Tabel 3.44 Deskripsi Proses Melakukan Update MeetPoint Proses/Komponen Deskripsi Nama Use Case Update MeetPoint Deskripsi Use case mendeskripsikan proses yang terjadi saat user memilih untuk Update MeetPoint. Actor User Pre Condition User memilih MeetPoint pada halaman Location Action Actor Action System Action Basic Flow 1. User memilih menu MeetPoint pada halaman Location 2. Sistem menampilkan semua MeetPoint yang berkaitan dengan user 3. User memilih MeetPoint 4. User memasukkan posisi baru MeetPoint 5. User memilih Update MeetPoint 6. Sistem mengecek inisiator MeetPoint

185 7. Jika User merupakan inisiator MeetPoint maka sistem akan melakukan Update MeetPoint sesuai posisi baru yang user berikan Alternative Flow 8a Jika User bukan merupakan inisiator MeetPoint maka sistem akan menampilkan pesan hanya inisiator yang bisa mengubah posisi MeetPoint

186 Tabel 3.45 Deskripsi Proses Melakukan Delete MeetPoint Proses/Komponen Deskripsi Nama Use Case Delete MeetPoint Deskripsi Use case mendeskripsikan proses yang terjadi saat user memilih untuk Delete MeetPoint. Actor User Pre Condition User memilih MeetPoint pada halaman Location Action Actor Action System Action Basic Flow 1. User memilih menu MeetPoint pada halaman Location 2. Sistem menampilkan semua MeetPoint yang berkaitan dengan user 3. User memilih MeetPoint 4. User memilih Delete MeetPoint 5. Sistem mengecek inisiator MeetPoint 6. Jika User merupakan inisiator

187 MeetPoint maka sistem akan menghapus MeetPoint dari database MeetPoint Alternative Flow 8a Jika User bukan merupakan inisiator MeetPoint maka sistem akan menghapus User dari database MeetPoint

188 Tabel 3.46 Deskripsi Proses Melakukan Check in Proses/Komponen Deskripsi Nama Use Case Check In Deskripsi Use case mendeskripsikan proses yang terjadi saat user memilih menu Check In Actor User Pre Condition User memilih menu Tracking dan masuk ke halaman Tracking Action Actor Action System Action Basic Flow 1. Sistem menentukan posisi User dan menampilkannya di peta 2. User memilih menu Check In 3. Sistem mencari tempat-tempat yang berdekatan dengan posisi User dan menampilkannya di halaman Check In List 4. User memilih tempat yang 5. Sistem memindahkan ke

189 diinginkan halaman Check In Detail 6. User Menambahkan Comment 7. User menekan button submit 8. Sistem menyimpan lokasi,user,dan commentnya ke dalam database User History 9. Sistem menampilkan message Check In Success dan menampilkan posisi baru user Alternative Flow 4a.Jika tempat yang diinginkan oleh user tidak terdapat pada Check In List,maka User dapat melakukan pencarian dengan memasukan nama tempat ke textbox search 5a. Sistem melakukan pencarian terhadap lokasi yang diinginkan user dan menampilkannya di halaman Check In Search 6a. Jika user mendapatkan tempat yang diinginkannya maka menuju langkah 4,jika user tidak mendapatkan tempat yang diinginkannya user dapat menambahkan lokasi baru dengan memilih Add Place 7a. Sistem memindahkan ke halaman Add Place

190 8a. User menambahkan nama,kategori,alamat,dan gambar untuk tempat tersebut 9a. Sistem menambahkan tempat tersebut ke database dan memindahkan ke halaman Place Location untuk menampilkan halaman tempat yang telah dibuat 10a. User memilih Check In Here pada halaman Place Location, maka menuju langkah 5

191 3.2.1.3 Back End Use Case a. Admin Gambar 3.20 Use Case Diagram for Admin

192 Tabel 3.47 Deskripsi Proses Melakukan View User Proses/Komponen Deskripsi Nama Use Case View User Deskripsi Use case mendeskripsikan proses yang terjadi saat Admin memilih untuk melihat User melalui Back-End sistem Actor Admin Pre Condition Admin melakukan Login pada halaman Back-End Action Actor Action System Action Basic Flow 1. Admin memilih menu View User 2. Sistem menampilkan list User pada halaman Back-End 3. Admin memilih User 4. Admin memilih See User Detail 5. Sistem menampilkan detail profil dan posisi User Alternative Flow -

193 Tabel 3.48 Deskripsi Proses Melakukan Delete User Proses/Komponen Deskripsi Nama Use Case Delete User Deskripsi Use case mendeskripsikan proses yang terjadi saat Admin memilih untuk Delete User. Actor Admin Pre Condition Admin memilih Delete User pada halaman Back-End Sistem Action Actor Action System Action Basic Flow 1. Admin memilih User 2. Admin memilih Delete User 3. Sistem menghapus User dari database User Alternative Flow -

194 Tabel 3.49 Deskripsi Proses Melakukan View Admin Proses/Komponen Deskripsi Nama Use Case View Admin Deskripsi Use case mendeskripsikan proses yang terjadi saat Admin memilih untuk melihat Admin melalui Back-End sistem Actor Admin Pre Condition Admin melakukan Login pada halaman Back-End Action Actor Action System Action Basic Flow 1. Admin memilih View Admin pada 2. Sistem menampilkan list Admin halaman Back-End 3. Admin memilih Admin 4. Sistem menampilkan detail Admin Alternative Flow -

195 Tabel 3.50 Deskripsi Proses Melakukan Add Admin Proses/Komponen Deskripsi Nama Use Case Add Admin Deskripsi Use case mendeskripsikan proses yang terjadi saat Admin memilih untuk Add Admin. Actor Admin Pre Condition Admin memilih Add Admin pada halaman Back-End Sistem Action Actor Action System Action Basic Flow 1. Admin memilih menu Add Admin pada halaman Back-End 2. Sistem menampilkan form New Admin 3. Admin memasukkan AdminID, AdminPassword dan AccessStatus 4. Admin memilih Submit 5. Sistem menambah data Admin pada database Admin

196 sesuai input Alternative Flow - Tabel 3.51 Deskripsi Proses Melakukan Update Admin Proses/Komponen Deskripsi Nama Use Case Update Admin Deskripsi Use case mendeskripsikan proses yang terjadi saat Admin memilih untuk Update Admin. Actor Admin Pre Condition Admin memilih Update Admin pada halaman Back-End Sistem Action Actor Action System Action Basic Flow 1. Admin memilih Admin 2. Admin memilih Update Admin 3. Sistem menampilkan form Update Admin 4. Admin memasukkan AdminPassword dan AccessStatus Admin

197 5. Admin memilih Submit 6. Sistem mengubah data Admin pada database Admin sesuai input Alternative Flow - Tabel 3.52 Deskripsi Proses Melakukan Delete Admin Proses/Komponen Deskripsi Nama Use Case Delete Admin Deskripsi Use case mendeskripsikan proses yang terjadi saat Admin memilih untuk Delete Admin. Actor Admin Pre Condition Admin memilih Delete Admin pada halaman Back-End Sistem Action Actor Action System Action Basic Flow 1. Admin memilih Admin 2. Admin memilih Delete Admin 3. Sistem menghapus Admin dari database Admin

Alternative Flow - 198

199 3.3.2 Activity Diagram 1. Home Gambar 3.21 Activity Diagram Home

200 2. Register Gambar 3.22 Activity Diagram Register

201 3. Login Gambar 3.23 Activity Diagram Login

202 4. Choose Friend Gambar 3.24 Activity Diagram Choose Friend

203 5. Update profile Gambar 3.25 Activity Diagram Update Profile

204 6. Change password Gambar 3.26 Activity Diagram Change Password

205 7. Change private data Gambar 3.27 Activity Diagram Change Private Data

206 8. Logout Gambar 3.28 Activity Diagram Logout

207 9. Add friend Gambar 3.29 Activity Diagram Add Friend

208 10. Chat Gambar 3.30 Activity Diagram Chat

209 11. Tracking Gambar 3.31 Activity Diagram Tracking

210 12. Close multi chat Gambar 3.32 Activity Diagram Close Multi Chat

13. Transfer data 211

212 Gambar 3.33 Activity Diagram Transfer Data 14. Delete friend Gambar 3.34 Activity Diagram Delete Friend

213 15. Grouping friend Gambar 3.35 Activity Diagram Grouping Friend

214 16. Create group Gambar 3.36 Activity Diagram Create Group

17. Delete group 215

216 Gambar 3.37 Activity Diagram Delete Group 18. Choose Option More Gambar 3.38 Activity Diagram Choose Option More

217 19. Invite friend to group Gambar 3.39 Activity Diagram Invite Friend to Group

218 20. Group chat Gambar 3.40 Activity Diagram Group Chat

219 21. Update group Gambar 3.41 Activity Diagram Update Group

220 22. Kick member Gambar 3.42 Activity Diagram Kick Member

221 23. Leave group Gambar 3.43 Activity Diagram Leave Group

222 24. Group tracking Gambar 3.44 Activity Diagram Group Tracking

223 25. Group transfer data Gambar 3.45 Activity Diagram Group Transfer Data

224 26. View progress Gambar 3.46 Activity Diagram View Progress

225 27. Add Meetpoint Gambar 3.47 Activity Diagram Add Meetpoint

226 28. Invite to meetpoint Gambar 3.48 Activity Diagram Invite to Meetpoint

227 29. Update meetpoint Gambar 3.49 Activity Diagram Update Meerpoint

228 30. Delete meetpoint Gambar 3.50 Activity Diagram Delete Meetpoint

229 31. View user Gambar 3.50 Activity Diagram View User

230 32. Delete user Gambar 3.51 Activity Diagram Delete User

231 33. View admin Gambar 3.52 Activity Diagram View Admin

232 34. Add admin Gambar 3.53 Activity Diagram Add Admin

233 35. Update admin Gambar 3.54 Activity Diagram Update Admin

234 36. Delete admin Gambar 3.55 Activity Diagram Delete Admin

235 37. Check in Gambar 3.56 Activity Diagram Check In

236 38. Recent Updates Gambar 3.57 Activity Recent Updates

234 3.3.3 Sequence Diagram 1. Register Gambar 3.58 Sequence Diagram for Register

235 2. Login Gambar 3.59 Sequence Diagram for Login

236 3. Choose Menu Gambar 3.60 Sequence Diagram for Choose Menu

237 4. Delete Friend Gambar 3.61 Sequence Diagram for Delete Friend

238 5. Update Profile Gambar 3.62 Sequence Diagram for Update Profile 238

239 6. Change Password Gambar 3.63 Sequence Diagram for Change Password 239

240 7. Add Friend Gambar 3.64 Sequence Diagram for Add Friend 240

241 8. Create Group Gambar 3.65 Sequence Diagram for Create Group 241

242 9. Group Chat Menu Gambar 3.66 Sequence Diagram for Group Chat Menu 242

243 10. Group Chat Gambar 3.67Sequence Diagram for Group Chat 243

244 11. Group Tracking Gambar 3.68 Sequence Diagram for Group Tracking 244

245 12. Tracking 245

246 Gambar 3.69 Sequence Diagram for Tracking 246

247 13. Kick Member 247

248 Gambar 3.70 Sequence Diagram for Kick Member 14. Invite Friend to Group 248

249 Gambar 3.71 Sequence Diagram for Invite Friend to Group 15. Choose Option More Gambar 3.72 Sequence Diagram for Choose Option Mor 249

250 16. Leave Group Gambar 3.73 Sequence Diagram for Leave Group 250

251 17. Update Group Gambar 3.74 Sequence Diagram for Update Group 251

252 18. Close MultiChat Gambar 3.75 Sequence Diagram for Close MultiChat 252

253 19. Logout Gambar 3.76 Sequence Diagram for Logout 253

254 20. See Friend Profiles Gambar 3.77 Sequence Diagram for See Friend Profiles 254

255 21. Chat Gambar 3.78 Sequence Diagram for Chat 255

256 22.Delete Group Gambar 3.79 Sequence Diagram for Delete Group

257 23. Grouping Friend Gambar 3.80 Sequence Diagram for Grouping Friend

258 24. Meetpoint Gambar 3.81 Sequence Diagram for Meetpoint 258

259 25. Update Profile Gambar 3.82 Sequence Diagram for Update Profile 259

260 29. Transfer Data Gambar 3.83 Sequence Diagram for Transfer Data 260

30. Group Transfer Data Gambar 3.84 Sequence Diagram for Group Transfer Data 31. Stop Tracking 265

Gambar 3.85 Sequence Diagram for Stop Tracking 32. Check in 266

Gambar 3.86 Sequence Diagram for Check in 33. Back End Setting 267

Gambar 3.87 Sequence Diagram for Back End Setting 34. Recent Updates 268

Gambar 3.88 Sequence Diagram for Recent Updates 3.3.5Class Diagram 269

Gambar 3.89 Class Diagram Aplication Mobile Messenger with Feature Tracking platform Android 270

3.4 Perancangan Database 3.4.1 Entity Relationship Diagram Gambar 3.90 Entity Relationship Diagram System Aplication Mobile Messenger with Feature Tracking platform Android 104

267 3.5 Perancangan Layar Tabel 3.53 Storyboard halaman awal aplikasi Multimedia Storyboard Project: Aplikasi Mobile Messenger dengan Fitur Tracking berbasis Android Date: 27 April 2012 Screen: 1 of 27 Screen ID: S-00 1 2 3 4 Screen Description: 1. Logo : Gambar dari aplikasi mobile messenger yang dibuat 2. Button Create New Account 3. Button Login 4. Copyright Link From Screen ID: Link to Screen ID: S-01, S-02 267

268 Halaman awal pada saat user membuka aplikasi, akan ditampilkan halaman seperti berikut button login dan button create new account. 268

269 Tabel 3.54 Storyboard halaman login Multimedia Storyboard Project: Aplikasi Mobile Messenger dengan Fitur Tracking berbasis Android Date: 27 April 2012 Screen: 2 of 27 Screen ID: S-01 1 2 4 3 5 Screen Description: 1. Logo 2. Login 3. Textbox Email: untuk mengisi alamat email user 4. Textbox Password: untuk mengisi password user Link From Screen ID: S-00 Link to Screen ID: S-03 269

270 Halaman ini user memasukkan email dan password untuk bisa masuk ke halaman berikutnya dengan menekan tombol login. 270

271 Tabel 3.55 Storyboard halaman Registration Multimedia Storyboard Project: Aplikasi Mobile Messenger dengan Fitur Tracking berbasis Android Date: 27 April 2012 Screen: 3 of 27 Screen ID: S-02 1 2 7 3 4 5 8 6 Screen Description: 1. Registration 2. Text Field First Name 3. Text Field Last Name 4. Text Field email 5. Text Field password 6. Text Field Phone number 7. Insert Image 8. Button Submit 271

272 Link From Screen ID: S-00 Link to Screen ID: S-01 Pada halaman registrasi ini, user yang pertama kali menggunakan aplikasi, terlebih dahulu membuat account baru dengan mengisi form yang sudah disediakan dalam halaman registrasi tersebut. Setelah pengisian selesai user dapat menekan button submit, kemudian menuju halaman login untuk memasukkan email dan password sesuai yang diisi dalam halaman form registrasi. 272

273 Tabel 3.56 Storyboard halaman My Profile Multimedia Storyboard Project: Aplikasi Mobile Messenger dengan Fitur Tracking berbasis Android Date: 27 April 2012 Screen: 4 of 27 Screen ID: S-03 1 8 2 3 4 5 6 7 Screen Description: 1. Logo 2. Appearance status online dan offline 3. Edit profile 4. Display Name 5. Status Message 6. Phone Number 273

274 7. Share Location 8. Judul My Profile Link From Screen ID: S-01 Link to Screen ID: S-04 Halaman my profile ini menampilkan data profile dari user, dimana ada image, status online atau offline, nama, status update, phone number dan share location. User dapat ganti profile picture dengan menyentuh profile picture saat ini. 274

275 Tabel 3.57 Storyboard halaman Friends Multimedia Storyboard Project: Aplikasi Mobile Messenger dengan Fitur Tracking berbasis Android Date: 27 April 2012 Screen: 5 of 27 Screen ID: S-04 3 11 2 1 7 12 6 8 10 9 5 4 Screen Description: 1. Friends 2. Logo 3. Klik Button ke chat 4. Klik Button ke Status Update 5. Icon invite friends 6. Icon search 7. Grouping contact 8. Make a new contact group 9. Status update dari user lain 10. Name 275

276 11. Button edit 12. Image Link From Screen ID: S-03 Link to Screen ID: S-05 Halaman friends, menampilkan jumlah anggota friends dari user, bukan itu saja user dapat melakukan grouping contact, menambah teman, dan mencari teman sesuai keinginan user. User juga bisa mengedit halaman friends tersebut. 276

277 Tabel 3.58 Storyboard halaman Chat Multimedia Storyboard Project: Aplikasi Mobile Messenger dengan Fitur Tracking berbasis Android Date: 27 April 2012 Screen: 6 of 27 Screen ID: S-05 1 7 6 3 2 4 8 9 5 Screen Description: 1. Logo 2. Klik button ke halaman status update 3. Status pengiriman 4. hari dan waktu obrolan 5. multiple chat 6. button edit 7. Klik button ke halaman friends 8. image 9. icon multiple chat 277

278 Link From Screen ID: S-04 Link to Screen ID: S-06 Halaman chat ini, user dapat melihat status chat dengan user lain. Dengan melihat kapan chat itu masuk dan sudah dibaca maupun membalas chat tersebut. Dalam halaman ini user juga dapat meng-edit chat tersebut. 278

279 Tabel 3.59 Storyboard halaman Chatting Multimedia Storyboard Project: Aplikasi Mobile Messenger dengan Fitur Tracking berbasis Android Date: 27 April 2012 Screen: 7 of 27 Screen ID: S-07 8 10 9 2 1 3 11 4 12 13 5 7 6 Screen Description: 1. Logo 2. Hari dan waktu chat 3. Nama user lain 4. Text Bubble : balasan obrolan dari user 5. Button send 6. Text field pengisian kata-kata 7. Button emoticon 8. Button edit 279

280 9. Image 10. Text Bubble : dari user lain 11. Waktu pengiriman chat 12. Hari pengiriman chat 13. Button icon plus Link From Screen ID: S-06 Link to Screen ID: S-08 Halaman chatting ini, user dapat melakukan chat dengan user lain. Selain cha,t user juga bisa mengirim data seperti foto, file dan emoticon. 280

281 Tabel 3.60 Storyboard halaman Edit Chat Multimedia Storyboard Project: Aplikasi Mobile Messenger dengan Fitur Tracking berbasis Android Date: 27 April 2012 Screen: 8 of 27 Screen ID: S-08 2 1 Screen Description: 1. Delete obrolan 2. Button Done Link From Screen ID: S-07 Link to Screen ID: - 281

282 Pada halaman edit chat ini, user memilih chat yang sudah tidak mau disimpan dan menghapusnya dengan button delete serta menyentuh button done setelah selesai. 282

283 Tabel 3.61 Storyboard halaman Edit Profile Multimedia Storyboard Project: Aplikasi Mobile Messenger dengan Fitur Tracking berbasis Android Date: 27 April 2012 Screen: 9 of 27 Screen ID: S-09 3 2 1 Screen Description: 1. Take a photo 2. Choose from galery 3. Cancel Link From Screen ID: S-03 Link to Screen ID: - Halaman Edit Profile, dimana user bisa menganti foto dengan mengambil foto dari kamera langsung atau mengambil foto yang sudah ada dalam gallery. 283

284 Tabel 3.62 Storyboard halaman Edit Friends Multimedia Storyboard Project: Aplikasi Mobile Messenger dengan Fitur Tracking berbasis Android Date: 27 April 2012 Screen: 10 of 27 Screen ID: S-10 2 1 Screen Description: 1. Delete friends 2. Button save Link From Screen ID: S-05 Link to Screen ID: S-05 284

285 Halaman edit friends, user melakukan delete member friend, kemudian meng-touch button done. 285

286 Tabel 3.63 Storyboard halaman Group Multimedia Storyboard Project: Aplikasi Mobile Messenger dengan Fitur Tracking berbasis Android Date: 27 April 2012 Screen: 11 of 27 Screen ID: S-11 9 1 10 2 3 11 4 12 5 13 7 6 8 Screen Description: 1. Jumlah member 2. Logo 3. Group Name 4. Button chat 5. Status update 6. Jumlah Pending 7. Button Cancel 8. Button invite members 286

287 9. Button edit 10. Slide ke halaman chat 11. Image Group 12. Name 13. Image Link From Screen ID: S-05 Link to Screen ID: S-12 Pada halaman Group ini, user dapat melihat jumlah member yang dalam group. 287

288 Tabel 3.64 Storyboard halaman Edit Group Multimedia Storyboard Project: Aplikasi Mobile Messenger dengan Fitur Tracking berbasis Android Date: 27 April 2012 Screen: 14 of 27 Screen ID: S-12 1 5 7 6 3 2 4 Screen Description: 1. Group Name 2. Jumlah Group 3. Text Field Group Name 4. Button plus menambah member group 5. Button Save 6. Edit Image 7. Button Member 288

289 Link From Screen ID: S-12 Link to Screen ID: S-12 Halaman Edit Group ini, user dapat mengganti nama group, mengganti image group dan mengundang user lain ke dalam group yang sudah dibuat tersebut. Setelah pengeditan selesai, user dapat menyentuh button save untuk menyimpan group setting. 289

290 Tabel 3.65 Storyboard halaman Delete Members dan Add Admin Multimedia Storyboard Project: Aplikasi Mobile Messenger dengan Fitur Tracking berbasis Android Date: 27 April 2012 Screen: 13 of 27 Screen ID: S-13 1 3 2 Screen Description: 1. Button Done 2. Kick Member 3. Add Admin Link From Screen ID: S-12 Link to Screen ID: S-12 290

291 Halaman delete user dan add admin, user yang membuat group berhak untuk menghapus user lain dari group dan juga mengundang user lain untuk menjadi admin dalam group tersebut. 291

292 Tabel 3.66 Storyboard halaman Group Chat Multimedia Storyboard Project: Aplikasi Mobile Messenger dengan Fitur Tracking berbasis Android Date: 27 April 2012 Screen: 14 of 27 Screen ID: S-14 4 1 2 5 3 6 7 Screen Description: 1. Hari dan waktu chat di group 2. Text bubble chat 3. Button send 4. Waktu bergabung dalam group chat 5. Button icon plus 6. Button emoticon 7. Text field 292

293 Link From Screen ID: S-12 Link to Screen ID: S-12 Pada halaman group chat, user bisa melakukan chat, send data dan lain sebagainya. 293

294 Tabel 3.67 Storyboard halaman leave group Multimedia Storyboard Project: Aplikasi Mobile Messenger dengan Fitur Tracking berbasis Android Date: 27 April 2012 Screen: 15 of 27 Screen ID: S-15 1 2 Screen Description: 1. Yes 2. No Link From Screen ID: S-12 Link to Screen ID: S-12 294

295 Halaman ini user bisa melakukan leave group, kemudian akan muncul pop-up seperti rancangan layar di atas. 295

296 Tabel 3.68 Storyboard halaman Invite Members Multimedia Storyboard Project: Aplikasi Mobile Messenger dengan Fitur Tracking berbasis Android Date: 27 April 2012 Screen: 16 of 27 Screen ID: S-16 1 2 5 3 4 Screen Description: 1. Field searching friends 2. Button all : user memilih friend berdasarkan kategori yang telah dibuat 3. Checklist 4. Button Invite 5. Checkbox Link From Screen ID: S-12 Link to Screen ID: S-12 296

297 Halaman invite member group, user menambah jumlah anggota dengan mengundang user lain dengan grouping contact yang ada, agar proses invite ke group lebih mudah. 297

298 Tabel 3.69 Storyboard halaman Popup Menu Other Contact User Multimedia Storyboard Project: Aplikasi Mobile Messenger dengan Fitur Tracking berbasis Android Date: 27 April 2012 Screen: 17of 27 Screen ID: S-17 1 5 3 2 4 Screen Description: 1. Name 2. Icon close 3. Status update 4. Button chat 5. Image Link From Screen ID: S-06 Link to Screen ID: S-04, S-03 298

299 Halaman ini user dapat melakukan chat langsung dengan menyentuh button chat, kemudian user bisa menggunakan button status untuk melihat status dari user lain. 299

300 Tabel 3.70 Storyboard halaman Popup Choose Menu Multimedia Storyboard Project: Aplikasi Mobile Messenger dengan Fitur Tracking berbasis Android Date: 27 April 2012 Screen: 18 of 27 Screen ID: S-18 4 1 2 3 Screen Description: 1. File 2. Tracking 3. Share Location 4. Take a photo Link From Screen ID: S-07 Link to Screen ID: S-07 300

301 Pada halaman ini, user dapat melakukan send data seperti file, take a photo, share location dan tracking dengan user lain. 301

302 Tabel 3.71 Storyboard halaman Share Location Multimedia Storyboard Project: Aplikasi Mobile Messenger dengan Fitur Tracking berbasis Android Date: 27 April 2012 Screen: 19 of 27 Screen ID: S-19 1 3 2 Screen Description: 1. Location 2. Checkin 3. Info location Link From Screen ID: S-07 Link to Screen ID: S-07 Halaman share location, menunjukkan posisi user sedang berada di mana. Menampilkan posisi tempat user tersebut berada. 302

303 Tabel 3.72 Storyboard halaman Popup Create Checkpoint Multimedia Storyboard Project: Aplikasi Mobile Messenger dengan Fitur Tracking berbasis Android Date: 27 April 2012 Screen: 20 of 27 Screen ID: S-20 2 1 Screen Description: 1. Icon close 2. Create checkpoint Link From Screen ID: S-19 Link to Screen ID: S-21 303