Prosedur Menjalankan Program. Prosedur menjalankan program dijelaskan melalui tujuh bagian umum yaitu prosedur

Transkripsi

1 Prosedur Menjalankan Program Prosedur menjalankan program dijelaskan melalui tujuh bagian umum yaitu prosedur halaman Registrasi, menu Chat, menu Friends, dan menu Groups, menu Activity, halaman Help, dan Setting. Gambar 1 Halaman Awal Aplikasi Pada saat aplikasi pertama kali dijalankan, akan muncul halaman awal aplikasi dimana terdapat logo Hi! dan tulisan welcome to Hi! Pada halaman ini, jika user belum melakukan registrasi sebelumnya, maka user akan dibawa ke halaman registrasi, dan jika user sudah melakukan registrasi sebelumnya, maka user akan dibawa ke halaman menu Chat. 1. Halaman Registrasi Halaman Registrasi merupakan halaman dimana user melakukan registrasi awal sebelum menggunakan aplikasi. Ada dua kemungkinan yang terjadi pada halaman registrasi yakni saat user belum terdaftar dan saat user sudah terdaftar sebelumnya.

2 a. Layar Input Smartphone Number Pada awal install aplikasi dan aplikasi dijalankan, maka akan muncul halaman registrasi yang mengharuskan user untuk memasukkan smartphone number. Setelah user memasukkan smartphone number, smartphone number yang telah diisi akan dilakukan pengecekkan kedalam database. Jika smartphone number sudah pernah terdaftar sebelumnya, maka user akan dibawa ke halaman Confirmation. Namun jika smartphone number yang dimasukan belum pernah terdaftar, maka user akan dibawa ke halaman Term of Agreement. Gambar 2 Halaman Registrasi Jika user memasukan format phone number yang tidak sesuai, maka button Submit yang tersedia pada halaman ini akan menjadi disable. Button Submit ini akan menjadi enable ketika user memasukan phone number dengan format yang benar.

3 Gambar 3 Tampilan Layar Jika Internet Tidak Tersedia Jika user menggunakan aplikasi dan internet pada smartphone user tidak tersedia, maka aplikasi akan memberikan pesan error kepada user bahwa internet tidak tersedia sehingga user tidak dapat menggunakan aplikasi. b. Layar Term of Agreement Halaman Term of Agreement merupakan halaman perjanjian yang harus dibaca dan disetujui oleh user sebelum menggunakan aplikasi.

4 Gambar 4 Halaman Term of Agreement Jika user belum mencentang checkbox yang tersedia pada halaman Term of Agreement, namun telah menekan button Submit, maka aplikasi akan menampilkan pesan agar mencentang checkbox terlebih dahulu. Jika user telah mencentang checkbox yang tersedia dan menekan button Submit, maka aplikasi akan menampilkan halaman Confirmation. c. Layar Confirmation Pada halaman Confirmation terbuka, maka aplikasi akan mengirimkan Short Message Service (SMS) kepada phone number yang telah diinput sebelumnya. SMS yang dikirimkan kepada aplikasi berupa confirmation code yang harus dimasukan kedalam textbox yang tersedia pada halaman Confirmation.

5 Gambar 5 Halaman Confirmation Jika user memasukan confirmation code yang tidak sesuai dengan yang apa yang dikirimkan melalui SMS, maka aplikasi akan menampilkan pesan error bahwa kode konfirmasi yang telah dimasukan tidak sesuai. Pada halaman Confirmation, disediakan satu button yang dapat digunakan untuk mengirimkan kembali confirmation code. Jika confirmation code sesuai dengan apa yang dikirimkan melalui SMS, maka aplikasi akan membuka halaman Input Your Data. d. Layar Input Your Data Pada halaman Input Your Data, user yang belum pernah memasukan datanya akan diminta untuk memasukan display name, user id dan photo.

6 Gambar 6 Halaman Input Your Data Jika display name atau user id belum diisi dan user menekan button Submit, maka aplikasi akan menampilkan pesan ke user untuk menginput display name dan user id terlebih dahulu. 2. Menu Chat Ada beberapa hal yang dapat dilakukan di menu Chat yaitu melanjutkan kegitan private chat dan conference chat yang sudah pernah dilakukan sebelumnya, dan mengirimkan broadcast message. a. Layar Awal Menu Chat Pada halaman awal menu chat, terdapat history chat yang pernah terjadi. Selain itu, disediakan juga satu button yang digunakan untuk mengirimkan broadcast message.

7 Gambar 7 Halaman Menu Chat dan Tampilan Ketika Long Click Pada saat user melakukan long click pada history chat, maka akan muncul pilihan Chat, Delete, dan Cancel. Pilihan Chat digunakan untuk melanjutkan kegiatan chat yang telah dilakukan sebelumnya. Pilihan Delete digunakan untuk menghapus history chat. Jika pilihan cancel dipilih, maka aplikasi tidak akan menjalankan perintah apapun. b. Layar Private Chat User dapat mengirimkan pesan dengan menggunakan fitur private chat. Pada fitur ini, user juga dapat menerima pesan dari user lain.

8 Gambar 8 Halaman Private Chat Pada halaman ini, User dapat mengetikan pesan pada textbox yang tersedia kemudian menekan button Send untuk mengirimkan pesan. Di setiap pesan yang telah dikirimkan, akan ditampilkan jam kirim dan status apakah pesan tersebut sedang dikirimkan, atau sudah masuk. Gambar 9 Halaman Private Chat Ketika Insert Smile Pada halaman Private Chat, disediakan satu button yang dapat digunakan untuk memasukkan emoticon. Cara memasukkannya adalah dengan menekan

9 button tersebut dan setelah itu akan tampil daftar emoticon yang ada. Ketika user memilih emoticon yang ada maka simbol dari emoticon yang dipilih akan tampil pada textbox pesan dan ketika pesan dikirim maka muncul ke dalam private chat dalam bentuk emoticon. Gambar 10 Opsi pada Halaman Private Chat Pada halaman Private Chat, disediakan beberapa opsi yang dapat dipilih oleh user yakni pilihan urgent untuk menandakan pesan yang penting, opsi translate untuk menerjemahkan pesan, opsi free call untuk melakukan aktivitas telepon melalui internet, opsi share untuk mengirimkan image, video, sound, dan file serta opsi end chat untuk selesai melakukan aktivitas chat.

10 Gambar 11 Halaman Private Chat Ketika Translate Pesan Fitur translate yang dapat menerjemahkan pesan dari bahasa Indonesia ke bahasa Inggris dan sebaliknya dapat dilakukan dengan cara mengetikkan pesan pada textbox yang tersedia, kemudian menekan button translate, memilih bahasa, dan menekan button OK. Gambar 12 Halaman Private Chat Ketika Sharing Files Untuk melakukan sharing files, pilih opsi Share, selanjutnya aplikasi akan menampilkan dialog untuk memilih jenis files yang akan dikirimkan yang berupa

11 image, sound, video dan file. Setelah memilih jenis file yang akan dikirimkan, pilih file yang akan dikirim. Untuk mengirimkan file, tekan button Share. Gambar 13 Halaman Private Chat Ketika Download Files Untuk melakukan download file yang telah dikirimkan melalui private chat, tekan button Download dan tunggu hingga proses download selesai. Download file ini dapat dilakukan untuk gambar, suara, video, dan dokumen yang telah dikirimkan melalui private chat. Gambar 14 Halaman Ketika Melakukan Free Call

12 Untuk melakukan kegaiatan free call, tekan option button ketika private chat, kemudian pilih opsi free call. Sebelum halaman ini muncul, user harus menerima panggilan telepon atau melakukan panggilan telepon dengan menekan opsi Free Call. c. Layar Conference Chat Gambar 15 Halaman Conference Chat Conference chat dapat dimulai dari halaman private chat. Pada halaman private chat, tekan button Add Friend untuk menambahkan teman untuk bergabung ke dalam conference chat.

13 Gambar 16 Halaman Conference Chat Ketika Menambahakan Peserta Conference Cara pengiriman pesan pada conference chat sama dengan private chat yaitu dengan mengetikkan pesan pada textbox yang tersedia kemudian menekan button send untuk mengirimkan pesan. Fitur-fitur yang tersedia pada conference chat sama dengan private chat. Namun untuk fitur free call, tidak tersedia pada conference chat.

14 d. Layar Broadcast Message Gambar 17 Halaman Broadcast Message dan Tampilan Ketika Memilih Teman Pada halaman Chat terdapat button Send Broadcast Message untuk mengirimkan broadcast message. Halaman broadcast message terdiri dari dua button yakni button Choose User dan button Send Broadcast Message. Button Choose User pada bagian atas berfungsi untuk memilih teman yang akan menerima broadcast message. Button Send Broadcast Message pada bagian bawah digunakan untuk mengirim pesan. Pada bagian tengah layar terdapat textbox yang dapat diisi dengan pesan yang akan dikirimkan.

15 Gambar 18 Halaman Broadcast Message Ketika Tujuan Tidak Dipilih dan Tampilan Ketika Message Belum Diisi Aplikasi akan menampilkan peringatan jika user belum memilih teman atau belum mengisi pesan yang akan dikirimkan. 3. Menu Friends Berikut merupakan prosedur penggunaan untuk menu Friends: a. Layar Awal Menu Friends Pada menu Friends, terdapat list teman yang terdiri dari kategori Pending, Request, Friends, dan Inactived yang tiap kategori jika tidak memiliki isinya tidak akan ditampilkan pada aplikasinya.

16 Gambar 19 Halaman Menu Friends Kategori Pending merupakan kategori dimana user mengirimkan request pertemanan ke user lain, namun user lain belum melakukan approve terhadap request tersebut. Kategori Request merupakan kategori dimana user lain melakukan request ke user dan user belum melakukan approve. Kategori Friends merupakan kategori yang berisi list teman yang sudah di approve oleh user. Kategori Inactive merupakan kategori yang berisi list teman dari user namun sudah tidak aktif. Jika list teman dipilih maka akan masuk ke halaman chat.

17 Gambar 20 Halaman Menu Friends Ketika Pending Category Dilakukan Long Click Jika pada list teman dilakukan long click, maka akan muncul beberapa pilihan sesuai dengan kategori. Jika kategori Pending dilakukan long click maka akan muncul opsi Remove, Feedback, dan Cancel. Gambar 21 Halaman Menu Friends Ketika Request Category Dilakukan Long Click

18 Jika kategori Request dilakukan long click, maka akan muncul opsi Approve, Reject, Feedback dan Cancel. Gambar 22 Halaman Menu Friends Ketika Friends Category Dilakukan Long Click Jika kategori Friends dilakukan long click, maka akan muncul opsi Chat, Delete, View Profile dan Cancel. Gambar 23 Halaman Menu Friends Ketika Inctivate Category Dilakukan Long Click

19 Jika kategori Inactive dilakukan long click, maka akan muncul opsi Remove dan Cancel. b. Layar Add Friend Pada menu Friends, user dapat menambahakan teman dengan cara menekan button Add Friends. Setelah itu akan muncul 1 (satu) halaman baru. Gambar 24 Halaman Add Friends Pada halaman ini, user dapat memasukan user id teman. Selanjutnya aplikasi akan menampilkan list teman tersebut. Jika list teman tersebut dipilih, maka akan muncul opsi Add Friend. Pilih opsi Add Friend untuk menambahakan teman. c. Layar Search Friends Pada menu Friends, user dapat melakukan pencarian teman dengan cara mengetikan user id friend di textbox search yang telah disediakan.

20 Gambar 25 Halaman Search Friends d. Layar Friends Detail User juga dapat melihat detail dari teman dengan cara memilih teman, melakukan long click kemudian memilih opsi View Friend. Gambar 26 Halaman Friends Detail

21 e. Layar Friends Feedback User dapat mengirimkan feedback kepada permintaan teman dengan cara melakukan long click pada list kemudian memilih opsi Feedback. Selanjutnya user akan diminta untuk menginput feedback di textbox yang telah disediakan kemudian menekan button send. Gambar 27 Fitur Feedback 4. Menu Groups Berikut merupakan prosedur penggunaan untuk menu Groups: a. Layar Awal Menu Groups Pada saat user memilih menu Groups, maka aplikasi akan menampilkan list group yang ada. Pada menu ini juga disediakan satu button Add Group untuk menambahkan group dan satu textbox untuk search group.

22 Gambar 28 Halaman Menu Groups b. Layar Add Group Pada menu Groups, user dapat menambahkan group dengan cara memilih button Add Group. Setelah itu akan muncul halaman yang meminta user untuk mengisi data group seperti group name, description dan image. Jika group name belum diisi maka aplikasi akan menampilkan pesan error yang mengharuskan user mengisi group name.

23 Gambar 29 Halaman Add Groups c. Layar Search Groups Pada menu Groups, user dapat mencari group yang ada pada list dengan menginput nama group di textbox yang tersedia. Dengan begitu aplikasi akan menampilkan list Group yang sesuai dengan inputan user. Gambar 30 Halaman Search Groups

24 d. Layar Group Setting User yang mendapatkan hak akses sebagai admin dapat membuka Group Setting yang digunakan untuk settting group. Gambar 31 Halaman Group Setting Dihalaman ini, admin dapat memberikan admin privilege ke user lain dengan menekan button Set Admin Privillege. Selain itu, Admin juga dapat memberikan opsi apakah user lain yang bukan admin dapat menambahkan member lain atau tidak. Di halaman group setting ini, admin juga dapat menghapus group dengan menekan button Delete Group.

25 Gambar 32 Halaman Admin Privillege Ketika button Set Admin Privillege ditekan, maka akan muncul halaman Admin Privillege. Disini akan muncul list member dari group tersebut. Admin dapat memberikan hak admin kepada member di halaman ini. e. Layar View Member User dapat melihat member yang ada dalam suatu group dengan memilih option menu pada smartphone dan memilih opsi View Member.

26 Gambar 33 Halaman View Member f. Layar View Group Profile User dapat melihat profile group dengan memilih option menu pada smartphone dan memilih opsi View Group Profile. Gambar 34 Halaman View Group Profile

27 g. Layar Invite Others User dapat menambahkan member lain dengan memilih option menu pada smartphone dan memilih opsi Invite Others. Gambar 35 Halaman Invite Others h. Layar Group Chat Pada saat group dipilih, maka aplikasi akan masuk ke halaman group panel dimana menampilkan history chat yang pernah ada.

28 Gambar 36 Halaman Group Chat Gambar 37 Menambahkan Subject Baru User dapat menambahakan subject baru untuk group chat dengan memilih button New Subject kemudian menginput nama subject yang baru, kemudian memilih button Create.

29 i. Layar Share File User juga dapat melakukan sharing picture, sound, video dan file lain dengan memilih button sesuai dengan tipe file yang hendak di share, kemudian memilih file yang akan di sharing. File yang telah dikirimkan akan masuk ke list dan dapat dilakukan download. Gambar 38 Halaman Share File 5. Menu Activity Untuk membuka halaman awal dari menu activity, pilihlah menu activity yang ada pada sebelah kanan atas. Disini user dapat melihat aktivitas diri sendiri maupun teman.

30 Gambar 39 Halaman Awal Menu Activity Gambar 40 Halaman Comment Activity Pada halaman activity, user dapat memberikan respons berupa komentar dan like pada aktivitas. Untuk memberikan komentar, tekan button Comment. Untuk memberikan like, tekan button Like.

31 Gambar 41 Halaman Like Activity List Pada halaman activity, user juga dapat melihat siapa saja yang telah memberikan like pada aktivitas dengan cara menekan jumlah like pada aktivitas. 6. Help aplikasi. Disediakan halaman help yang digunakan sebagai panduan untuk menggunakan Gambar 42 Halaman Help

32 Untuk membuka halaman help, pilihlah option menu, kemudian pilih opsi Help. Selanjutnya akan muncul list help. Pilih list help yang hendak ditampilkan untuk menampilkan panduan. 7. Setting a. Layar Opsi Setting Pengaturan di dalam aplikasi dapat dilakukan melalui menu setting. Terdapat tiga pilihan setting, yaitu profile setting, message setting, dan others setting yang dapat diakses dari menu utama dengan menekan pilihan menu. Gambar 43 Tampilan Menu Pilihan Setting b. Layar Profile Setting Pada halaman Profile Setting terdapat dua textbox, satu untuk menampilkan dan mengubah display name dan satu lagi untuk menampilkan dan mengubah status. Halaman ini juga menampilkan phone number dan user id.

33 Pengaturan lain yang dapat dilakukan meliputi enbable/disable call dengan menekan button enable/disable call. Gambar 44 Tampilan Menu Profile Setting Gambar 45 Tampilan Menu Profile Setting Pada halaman ini juga dapat dilakukan pengaturan Session Initiation Protocol (SIP) account dengan menekan button Setting SIP Account dan akan muncul layar preference untuk mengisi data meliputi SIP username, SIP domain, SIP password, dan SIP outbound proxy. User juga dapat memberitahukan

34 lokasinya sekarang dengan menekan button Locate Me yang memberikan informasi berupa nama jalan user berada dan waktu yang diambil pada saat itu. Lalu pada halaman ini, user dapat menon-aktifkan dan menghapus account user tersebut. Jika user menon-aktifkan account, user tidak dapat melakukan apapun kecuali user mengaktifkan kembali account tersebut yang berada pada halaman yang sama. Jika user menekan button Delete My Account, akan muncul layar konfirmasi yang meyakinkan apakah user ingin menghapus account user tersebut atau tidak. Jika user memilih Yes, maka account akan terhapus dan aplikasi akan tertutup dan ketika aplikasi dibuka kembali maka akan user akan kembali ke layar registrasi. c. Layar Message Setting Pada halaman message setting, terdapat konfigurasi yang mengatur suara dan getaran pada normal message dan urgent message. Gambar 46 Tampilan Menu Message Setting

35 Gambar 47 Tampilan Menu Message Setting Ketika Select Sound Jika user menekan button Change Sound pada Normal atau Urgent Message, maka akan muncul layar pilihan sound yang tersedia dan dapat dipilih oleh user. Pada button vibrate, jika pada kondisi Off maka tidak akan ada getaran pada saat pesan masuk tapi jika user menggantinya menjadi On maka akan ada getaran pada saat pesan masuk. Setelah user selesai mengkonfigurasi, maka user harus menekan button Save untuk menyimpan konfigurasinya. d. Layar Others Setting Pada halaman Others Setting, user dapat melakukan pengaturan Block Broadcast Message dengan mengetikkan nama teman kemudian menekan button block. Selain itu user juga dapat melakukan pengaturan untuk status keaktifan user dengan mengisi period.

36 Gambar 48 Tampilan Menu Others Setting