Prosedur Menjalankan Program. membuka aplikasi ini. Halaman pertama yang ditampilkan adalah Halaman Login.

Transcription

1 Prosedur Menjalankan Program Halaman Login Setelah selesai melakukan proses instalasi Bolt Event, pengguna dapat membuka aplikasi ini. Halaman pertama yang ditampilkan adalah Halaman Login. Pada halaman ini terdapat dua buah textbox untuk menampung dan password yang dimasukkan oleh pengguna. Button register untuk pindah ke halaman register, button forgot password untuk mengirimkan password ke , dan button Login untuk proses authentification. Gambar 4.4 Tampilan halaman Login Jika pengguna tidak mengisi salah satu textbox namun telah menekan button Login, maka akan muncul pesan error seperti pada gambar 4.5.

2 Gambar 4.5 Tampilan belum diisi Jika pengguna mengisi dengan format yang salah, akan muncul tampilan seperti gambar 4.6. Gambar 4.6 Tampilan format salah Jika pengguna memasukkan dan password yang tidak sesuai dengan yang ada pada database, maka akan menampilkan pesan dan password salah seperti pada gambar 4.7.

3 Gambar 4.7 Tampilan Invalid Login gambar 4.8. Jika pengguna menekan forgot password, akan muncul tampilan seperti Gambar 4.8 Tampilan Forgot Password Halaman Register Pada halaman register terdapat tiga buah textbox untuk menampung , password, dan confirm password, button Login untuk pindah ke halaman Login, dan button register untuk proses pendaftaran.

4 Gambar 4.9 Tampilan halaman register Jika pengguna tidak mengisi salah satu textbox, maka akan muncul pesan error seperti gambar Gambar 4.10 Tampilan harus diisi Jika pengguna memasukkan confirm password yang tidak sama dengan password, maka akan muncul pesan error seperti pada gambar 4.11.

5 Gambar 4.11 Tampilan Password dan Confirm Password harus sama Jika pengguna memasukkan yang salah, maka akan muncul pesan error seperti pada gambar Gambar 4.12 Tampilan format salah Halaman utama Pada halaman utama terdapat empat buah menu yang mewakili masing-masing fitur yang dimilikinya. Adapun menu tersebut terdiri dari Contact, Event, Schedule, dan Todolist.

6 Gambar 4.13 Tampilan halaman utama dengan menu Apabila pengguna menekan softkey menu, maka akan muncul tiga buah menu lagi yaitu help, change password, dan logout. Apabila pengguna menekan menu help maka pengguna akan diarahkan ke halaman help. Apabila pengguna menekan menu logout, maka pengguna akan diarahkan kembali ke halaman Login. Apabila pengguna menekan menu change password, maka akan ditampilkan tampilan seperti pada gambar Gambar 4.14 Tampilan Change Password

7 Halaman Contact Halaman Contact memiliki dua buah tab yang akan menampilkan daftar Contact maupun Group yang pengguna miliki seperti pada gambar 4.15 dan gambar Gambar 4.15 Tampilan halaman Contact Gambar 4.16 Tampilan halaman Group Apabila pengguna menekan softkey menu, maka akan muncul empat buah menu antara lain help, add contact, friend request, dan refresh seperti pada gambar Apabila pengguna ingin menambahkan daftar contact, maka dapat dilakukan dengan menekan button + atau menu add contact. Setelah menekan button

8 tersebut, maka pengguna akan diarahkan ke halaman add contact. Apabila pengguna menekan menu friend request, maka pengguna akan diarahkan ke halaman friend request. Gambar 4.17 Tampilan halaman Contact dengan menu Gambar 4.18 Tampilan halaman Add Contact

9 Gambar 4.19 Tampilan halaman Friend Request Apabila pengguna melakukan long press pada salah satu daftar Contact atau Group, maka akan muncul pilihan delete dan ketika pengguna menekan pilihan tersebut akan muncul dialog untuk menghapus atau tidak. Gambar 4.20 Tampilan pop up Delete Contact

10 Gambar 4.21 Tampilan konfirmasi Delete Contact Pada tab Group, pengguna dapat menambah Group baru dengan menekan button + pada bagian kanan atas. Setelah itu, akan muncul pop up menu yang berisi textbox untuk mengisi nama Group baru. Gambar 4.22 Tampilan pop up Add Group Halaman Event Fitur event diawali dengan main event dimana ketika pengguna menekan menu event, tampilan akan langsung terarah pada own event, selain own event, pengguna dapat memilih tab join event.

11 Main Event Halaman event berisi dua buah tab masing-masing untuk Own event dan join event. Gambar 4.23 Tampilan halaman Own Event Gambar 4.24 Tampilan halaman Join Event Apabila pengguna menekan softkey menu, akan muncul empat buah menu yaitu help, create event, event request, dan refresh. Menu event request akan mengarahkan pengguna ke halaman event request. Terdapat dua pilihan yang akan muncul apabila pengguna melakukan long press pada halaman event request, yaitu Ignore untuk menolak undangan event dan

12 details untuk menampilkan details event dan memutuskan untuk bergabung atau tidak. Apabila ada jadwal yang bertabrakan, maka akan muncul pop up pesan seperti pada gambar Gambar 4.25 Tampilan Event dengan menu Gambar 4.26 Tampilan halaman Event Request

13 Gambar 4.27 Tampilan pop up menu Event Request Gambar 4.28 Tampilan details Event Request Gambar 4.29 Tampilan Event bentrok

14 Apabila pengguna menekan button + maupun menu create event, pengguna akan diarahkan ke halaman create event name. Terdapat sebuah textbox untuk mengisi nama event, sebuah text area untuk description, dan sebuah button next untuk ke halaman create event time. Gambar 4.30 Tampilan halaman Create Event Name Pada halaman create event time, pengguna dapat mengatur tanggal event, start time, end time, dan menggunakan reminder atau tidak. Pastikan end time harus lebih besar dari start time. Terdapat button next yang akan menampikan dialog use mapping. Apabila pengguna menekan yes, maka pengguna akan diarahkan ke halaman mapping. Apabila pengguna menekan no, maka pengguna akan langsung diarahkan ke halaman Contact event.

15 Gambar 4.31 Tampilan halaman Create Event Time Gambar 4.32 Tampilan pop up menu Mapping Pada halaman mapping, terdapat sebuah textbox untuk menampung alamat yang akan dituju, sebuah button search untuk mencari alamat yang telah diisi pada Google Maps, dan button submit untuk pindah ke halaman Contact event.

16 Gambar 4.33 Tampilan halaman Mapping Gambar 4.34 Tampilan alamat yang dicari pada Google Maps Pada halaman Contact event, terdapat daftar Contact yang pengguna miliki. Pengguna dapat memilih siapa saja yang akan diundang ke event yang sedang dibuat. Terdapat dua buah button send untuk menyelesaikan create event dan cancel untuk membatalkannya.

17 Gambar 4.35 Tampilan halaman Contact Event Own Event Apabila salah satu event pada tab Own event ditekan, maka akan muncul context menu untuk invite contact, delete event, share file, polling event, budgeting event, update location event dan details event. Masingmasing nama menu mewakili fungsinya masing-masing. Gambar 4.36 Tampilan pilihan menu setiap Event pada halaman Own Event Pertama, apabila pengguna memilih Invite Contact, maka pengguna diarahkan ke halaman Invite Contact. Pada halaman ini, memiliki tampilan

18 yang hampir sama dengan halaman Contact Event. Pengguna cukup memilih Contact yang akan diundang dan menekan button invite. Gambar 4.37 Tampilan halaman Invite Contact Kedua, apabila pengguna memilih delete event, maka akan muncul pop up menu konfirmasi untuk delete event seperti pada gambar Gambar 4.38 Tampilan konfirmasi Delete Event Ketiga, bila pengguna memilih share file, maka pengguna akan diarahkan ke halaman share file. Terdapat tiga buah menu pada halaman share file, yaitu help, upload file, dan refresh.

19 Gambar 4.39 Tampilan halaman Share File Apabila pengguna menekan button + atau menu upload file, maka pengguna akan diarahkan ke halaman upload file. Gambar 4.40 Tampilan halaman Upload File Pada halaman upload file, terdapat dua buah button, yaitu browse file untuk memilih file dan send and Save untuk mengirimkannya ke peserta event yang dipilih. Apabila pengguna langsung menekan send tanpa memilih file, maka akan muncul pesan error seperti pada gambar 4.42.

20 Gambar 4.41 Tampilan halaman Browse File Gambar 4.42 Tampilan No File Setelah file dipilih dan button send and save ditekan, maka proses upload dijalankan dan ketika telah selesai, pengguna akan diarahkan ke share file list.

21 Gambar 4.43 Tampilan proses Upload Pada halaman share file list, ketika dilakukan long press pada satu file, muncul dua buah menu yaitu delete dan download. Ketika menu delete ditekan, maka akan muncul pop up menu konfirmasi delete dan ketika button download ditekan, maka proses download akan berjalan. Gambar 4.44 Tampilan pop up menu ketika salah satu item ditekan

22 Gambar 4.45 Tampilan konfirmasi Delete File Gambar 4.46 Tampilan proses Download Keempat, apabila menu polling event ditekan, maka pengguna akan diarahkan ke halaman Polling (lihat gambar 4.47). Ketika softkey menu di tekan, maka akan muncul tiga buah menu, yaitu help, create polling, dan refresh.

23 Gambar 4.47 Tampilan halaman Polling dengan menu Ketika button + maupun menu add event ditekan, maka pengguna akan diarahkan ke menu add polling seperti pada gambar Terdapat dua buah textbox yang menampung nama polling dan keterangannya. Selain itu, terdapat button next untuk ke halaman insert answer option. Pada halaman ini, terdapat sebuah textbox untuk menampung pilihan jawabannya yang akan digunakan. Terdapat pula dua button lainnya, yaitu add answer untuk menambah pilihan jawaban lainnya dan save all untuk menyelesaikan pembuatan polling. Gambar 4.48 Tampilan halaman Add Polling

24 Gambar 4.49 Tampilan Add New Answer Ketika dalam pengisian answer option pengguna menekan softkey back, maka akan muncul pop up menu konfirmasi akan kehilangan semua data pengisian seperti pada gambar Gambar 4.50 Tampilan konfirmasi Lost Data Pengguna dapat melakukan long press pada salah satu list polling akan muncul pop up menu. Apabila pengguna merupakan pembuat polling, maka akan muncul pilihan delete dan details. Ketika pengguna menekan delete, maka pop up menu konfirmasi delete akan muncul seperti gambar Apabila pengguna merupakan peserta polling, maka akan muncul

25 pilihan insert answer dan details. Ketika pengguna menekan insert answer, maka akan muncul pop up untuk memilih jawaban sedangkan ketika pengguna menekan details, maka pengguna akan diarahkan ke halaman details polling. Gambar 4.51 Tampilan menu yang muncul apabila pengguna sebagai pembuat Polling Gambar 4.52 Tampilan menu yang muncul apabila pengguna sebagai peserta Polling

26 Gambar 4.53 Tampilan halaman Insert Answer Gambar 4.54 Tampilan konfirmasi Delete Polling Gambar 4.55 Tampilan halaman Details Polling

27 Kelima, pada halaman budgeting terdapat daftar budgeting yang ada. Ketika softkey menu ditekan, terdapat tiga buah menu, yaitu help, create budgeting, dan refresh. Apabila pengguna menekan button + atau create budgeting, maka pengguna akan diarahkan ke halaman create budgeting. Gambar 4.56 Tampilan halaman Budgeting dengan menu Halaman create budgeting memiliki dua buah textbox masing-masing untuk menampung nama budgeting dan budget awal. Untuk menyelesaikan pembuatan budgeting, pengguna dapat menekan button submit. Gambar 4.57 Tampilan halaman Create Budgeting

28 Apabila pengguna menekan salah satu daftar budgeting, akan muncul context menu yang terdiri dari empat buah menu, yaitu delete budgeting, insert income, insert expenditures, dan details. Menu delete budgeting untuk menghapus budgeting yang telah ada. Menu insert income dan insert expenditures untuk menambah pemasukan atau pengeluaran. Sedangkan details untuk melihat rincian pemasukan atau pengeluaran yang dibagi dalam dua buah tab. Gambar 4.58 Tampilan pop up menu ketika salah satu item dipilih Gambar 4.59 Tampilan halaman Insert Income

29 Gambar 4.60 Tampilan halaman Insert Expenditures Gambar 4.61 Tampilan halaman History Income Gambar 4.62 Tampilan halaman History Expenditures

30 Gambar 4.63 Tampilan halaman Details Budgeting Keenam, apabila pengguna menekan details event, dalam halaman details event terdapat keterangan mengenai event yang sedang dipilih. Terdapat pula button show map untuk melihat peta dan attendance list untuk melihat peserta event. Gambar 4.64 Tampilan halaman Details Event

31 Gambar 4.65 Tampilan halaman Attendance List Join Event Apabila salah satu event pada tab join event ditekan, maka akan muncul context menu yang hampir sama seperti tab own event,yaitu leave event, share file, polling event, budgeting event, dan details event. Masingmasing nama menu mewakili fungsinya masing-masing. Untuk leave event, akan muncul pop up menu seperti pada gambar Gambar 4.66 Tampilan konfirmasi Leave Event Schedule

32 Halaman schedule memiliki tampilan berbentuk calendar. Apabila salah satu tanggal ditekan, maka akan muncul pop up menu yang terdiri dari dua pilihan, yaitu create event dan see schedule. Apabila dipilih create event, maka pengguna akan diarahkan ke halaman create event. Apabila dipilih see schedule, maka aplikasi akan memunculkan tampilan seperti pada gambar Gambar 4.67 Tampilan halaman Schedule Gambar 4.68 Tampilan pop up apabila pengguna memilih salah satu tanggal

33 Gambar 4.69 Tampilan halaman See Schedule Todolist Pada halaman todolist terdapat daftar todolist yang pengguna miliki. Ketika pengguna menekan softkey menu, akan muncul dua buah menu, yaitu help dan add todolist. Pengguna dapat menambah todolist dengan button + atau menu add todolist dan akan tampak seperti pada gambar Selain itu, pengguna juga dapat menandai todolist yang ada. Gambar 4.70 Tampilan halaman Todolist dengan menu

34 Gambar 4.71 Tampilan Add Todolist Help Apabila pengguna menekan menu help, maka akan muncul halaman Help seperti pada gambar Gambar 4.72 Tampilan halaman Help