Aplikasi Event Portal dapar diakses melalui web dan mobile application. 1. Prosedur Penggunaan Aplikasi Berbasis Website

Transkripsi

1 Prosedur Penggunaan Aplikasi Aplikasi Event Portal dapar diakses melalui web dan mobile application (Android). Aplikasi pada platform Android difokuskan untuk registrasi dan konfirmasi pembayaran yang dilakukan oleh peserta. 1. Prosedur Penggunaan Aplikasi Berbasis Website Prosedur Penggunaan untuk Admin Prosedur Melakukan Login 1. Untuk menggunakan aplikasi Event Portal, bukalah halaman utama dari web Event Portal pada browser yang ada di komputer/laptop Anda. (lihat Gambar 1.1). Gambar 1. 1 Halaman Home (Website)

2 2. Masukkan username dan password pada kolom yang telah disediakan. Kemudian tekan tombol Login. Masukan username dan password Lalu tekan tombol ini Gambar 1. 2 Halaman Login

3 3. Apabila username dan password yang dimasukkan tidak sesuai dengan database, akan muncul pesan error seperti yang ada pada gambar di bawah ini (Gambar 1.3). Pesan error Gambar 1. 3 Halaman Login Error Message

4 4. Apabila username dan password sesuai dengan database, halaman List EO akan muncul (lihat Gambar 1.4). Gambar 1. 4 Halaman List EO

5 Prosedur Penambahan EO 1. Tekan tombol Add New EO pada halaman Home (List EO). Tekan tombol ini Gambar 1. 5 Halaman List EO Pilih Add New EO

6 2. Masukkan EO Name, EO Username, EO Password, dan Confirm Password dan tekan tombol Submit. Isi data Tekan tombol ini Gambar 1. 6 Masukkan Data EO

7 3. Jika data tidak sesuai dengan format yang diminta, akan muncul pesan error. Pesan error Gambar 1. 7 Pesan Error - Add EO

8 4. Jika data sesuai dengan format yang diminta, data EO akan ditambahkan ke dalam database. Halaman List EO akan ditampilkan kembali dengan data yang sudah diperbaharui. Data baru Gambar 1. 8 EO Sukses Ditambahkan ke List EO 5. Jika admin menekan tombol Cancel, halaman List EO akan ditampilkan kembali tanpa perubahan data (Gambar 4.5).

9 Prosedur Delete EO 1. Tekan tombol Delete yang ada dalam halaman List EO (Gambar 1.9). Tekan tombol ini Gambar 1. 9 Tampilan Halaman List EO Tekan Delete

10 2. Jendela konfirmasi akan ditampilkan seperti yang terlihat pada Gambar Gambar Konfirmasi Delete EO

11 3. Jika tombol Yes ditekan, data EO tersebut akan dihapus dari database dan halaman List EO yang sudah diperbaharui akan ditampilkan (Gambar 1.10). List EO yang telah diperbaharui Gambar List EO Jika Delete EO Dilakukan 4. Jika tombol No ditekan, halaman akan kembali seperti pada Gambar 1.9. Prosedur Penggunaan untuk EO Prosedur Melakukan Login 1. Untuk menggunakan aplikasi Event Portal, bukalah halaman utama dari web Event Portal pada browser yang ada di komputer/laptop Anda. (lihat Gambar 1.12).

12 Gambar Halaman Home (Website) EO 2. Masukkan username dan password pada kolom yang telah disediakan. Kemudian tekan tombol Login. Masukan username dan password Lalu tekan tombol ini Gambar Halaman Login EO

13 3. Apabila username dan password yang dimasukkan tidak sesuai dengan database, akan muncul pesan error seperti yang ada pada gambar di bawah ini (Gambar 1.14). Pesan error Gambar Halaman Login Error Message

14 4. Apabila username dan password sesuai dengan database, halaman Future Events akan ditampilkan (lihat Gambar 1.15). Gambar Halaman Future Events

15 Prosedur Pemulihan Akun 1. Buka halaman Home dan tekan tombol Forgot Password. Tekan tombol ini Gambar Halaman Login - Pilih Forgot Password

16 2. Masukkan sesuai dengan yang ada dalam My Personal Data dan tekan tombol Submit. Isi data Tekan tombol ini Gambar Forgot Password - Masukkan

17 3. Apabila yang dimasukkan tidak sesuai dengan yang tersimpan dalam database, akan muncul pesan kesalahan. Pesan Error Gambar Forgot Password - Pesan Error

18 4. Apabila yang dimasukkan sesuai dengan database, akan muncul pesan konfirmasi seperti pada gambar berikut dan sistem akan mengirimkan data EO ke tersebut. Pesan Konfirmasi Gambar Forgot Password - Pesan Konfirmasi Sukses

19 Prosedur Perubahan Data Pribadi 1. Pilih menu My Personal Data seperti yang ada di Gambar Gambar Halaman My Personal Data 2. Tekan tombol Update. Tekan tombol ini Gambar My Personal Data - Tekan Update

20 3. Akan muncul halaman seperti pada gambar di bawah ini. Lakukan perubahan data yang diinginkan. Tekan tombol ini Gambar My Personal Data - Ubah Data 4. Jika tombol Change Password ditekan, maka akan muncul dua text field tambahan. Muncul New Password dan Confirm New Password Gambar My Personal Data - Ubah Password

21 5. Jika tombol Submit ditekan, akan dilakukan pengecekan validitas data yang dimasukkan. Jika ada data yang tidak sesuai, akan muncul pesan error seperti gambar berikut. Pesan error Gambar My Personal Data - Pesan Error 6. Jika seluruh data yang dimasukkan telah sesuai, database akan diperbaharui dan halaman My Personal Data akan kembali ditampilkan dengan data yang telah diperbaharui. 7. Jika tombol Cancel ditekan, halaman My Personal Data akan ditampilkan kembali tanpa ada perubahan data.

22 Prosedur Menambahkan Event 1. Pilih tab Future Events dan tekan tombol Add New Event seperti pada Gambar Pilih tab Future Events Tekan tombol ini Gambar Halaman Future Events - Tekan Add New Event

23 2. Tekan tombol Add New Event. Setelah itu, halaman Add New Event akan ditampilkan (Gambar 1.26). Masukkan semua data yang diperlukan. Organization/EO berisikan nama organisasi penyelenggara yang diisi secara otomatis dari database sistem dan tidak dapat diubah oleh EO. Lalu, tekan tombol Submit. Masukkan data Lalu tekan tombol ini Gambar Add New Event - Isi Data

24 3. Jika data tidak sesuai dengan format yang diminta, akan muncul pesan error. Pesan error Gambar Add New Event - Pesan Error

25 4. Jika data yang dimasukkan sesuai dengan format yang diminta, data akan disimpan ke dalam database. Sistem akan mempublikasikan event yang dibuat dengan cara memperbaharui status akun jejaring sosial EO yang juga akan muncul dalam halaman utama aplikasi Event Portal berbasis web. Kemudian, halaman Future Events akan ditampilkan kembali dengan data yang sudah diperbaharui. Gambar Halaman Future Events yang Diperbaharui 5. Jika menekan tombol Cancel, halaman akan kembali ke tampilan Future Events (Gambar 1.25).

26 Prosedur Memperbaharui Data Event 1. Pilih menu Future Events dan tekan tombol Edit. Akan muncul halaman seperti pada Gambar Tekan tombol ini Gambar Halaman Future Event - Tekan Edit 2. Kemudian, akan muncul halaman seperti Gambar Lakukan perubahan data sesuai dengan yang diinginkan. Lalu, tekan tombol Submit.

27 3. Jika tombol Submit ditekan dan data sesuai dengan format yang diminta, data akan diperbaharui dalam database dan akan muncul konfirmasi seperti yang ada pada gambar di bawah ini. Pesan konfirmasi Gambar Edit Event - Pesan Konfirmasi 4. Jika tombol Cancel ditekan, halaman Future Events akan kembali ditampilkan.

28 Prosedur Mengkonfirmasi Registrasi (Confirm Registration) 1. Pilih menu Home Future Events. Kemudian tekan tombol Approval. Tekan tombol ini Gambar Halaman Future Events - Tekan Approval 2. Akan tampil halaman Confirm Registration. Pada kolom Action, pilih tindakan yang dikehendaki. Pengecekan transfer masih perlu dilakukan secara manual. Tekan tombol ini Gambar Halaman Confirm Registration - Tekan Tombol dalam Kotak Action

29 3. Jika tombol Accept ditekan, akan muncul layar konfirmasi. Gambar Confirm Registration - Konfirmasi Accept 4. Jika tombol Yes ditekan, data participant akan diperbaharui dan sistem akan mengirimkan (yang sekaligus menjadi tiket) ke alamat participant. Kemudian sistem akan menambahkan participant ke dalam Google Calendar untuk memberikan reminder. Gambar Confirm Registration Accept Sukses

30 5. Jika tombol Reject ditekan, akan muncul layar konfirmasi. Gambar Confirm Regsitration - Konfirmasi Reject 6. Jika tombol Yes ditekan, data participant akan dihapus dari database dan sistem akan mengirimkan rejection ke alamat participant. Gambar Confirm Registration - Delete Sukses

31 Prosedur Mengatur Event Review 1. Pilih menu Home Event History. Tekan tombol Review. Tekan tombol ini Pilih menu ini Gambar Halaman History Event Tekan Review

32 2. Halaman Review akan ditampilkan dan EO dapat melihat komentar dan rating yang diberikan terhadap event yang telah berlangsung. Di setiap baris komentar terdapat tombol Delete. Tekan tombol ini Gambar Review - Delete Komentar

33 3. Jika tombol Delete ditekan, maka akan ditampilkan pesan konfirmasi seperti Gambar Gambar Review - Konfirmasi Delete Komentar

34 4. Apabila tombol OK ditekan, maka komentar tersebut akan dihapus dari halaman Review. Data telah dihapus Gambar Review - Delete Komentar Sukses 5. Apabila tombol Cancel ditekan, tampilan akan kembali seperti pada Gambar

35 Prosedur Absen 1. Pilih tab Today s Event. Lalu tekan tombol Absent. Tekan tombol ini Pilih menu ini Gambar Halaman Today's Event - Tekan Absent 2. Halaman Absent akan ditampilkan. Masukkan Booking ID ke tempat yang disediakan dan tekan tombol Submit. Isi data Gambar Halaman Absent - Masukkan Booking ID

36 3. Jika data tidak diisi ataupun tidak terdaftar dalam database, akan muncul pesan error seperti pada gambar berikut. Pesan error Gambar Confirmation - Pesan Error

37 4. Jika data terdaftar dalam database, maka akan muncul pesan konfirmasi. Pesan konfirmasi Gambar Absent Sukses 5. Pilih tab Show Attendance (untuk melihat daftar participant yang telah hadir), lalu tekan tombol Close and Send Certificate untuk menutup absensi dan mengirimkan e-certificate ke participant. Pilih menu ini Tekan tombol ini Gambar Halaman Show Attendace - Tekan Close and Send Certificate

38 6. Tekan tombol OK pada jendela konfirmasi. Tekan tombol ini Gambar Absent - Konfirmasi Close and Send Certificate Sukses

39 Prosedur Penggunaan untuk Participant Prosedur Pendaftaran (Registration) 1. Pilih halaman List Events, Recent Events. Pilih List Events, Recent Events Gambar Halaman Home - Tekan List Event, Recent Event

40 2. Pilih event yang hendak diikuti dan masukkan data-data yang dibutuhkan seperti yang ada pada Gambar Lalu tekan tombol Submit untuk melanjutkan ke langkah berikutnya. Tekan tombol ini Tekan tombol ini Isi Data Gambar Register - Isi Data dan Tekan Submit

41 3. Jika data yang dimasukkan tidak sesuai dengan format yang diminta, akan muncul pesan error. Pesan error Gambar Register - Pesan Error

42 4. Jika data yang dimasukkan sesuai dengan format yang diminta, akan muncul halaman Participant Data Confirmation. Participant dapat memilih untuk menekan tombol Back atau Confirm. Data Tekan tombol ini Gambar Register - Participant Data Confirmation

43 5. Jika tombol Confirm ditekan, halaman Booking Transaction akan tampil. Halaman ini berisi Booking ID dan tata cara pembayaran. Booking ID akan dikirimkan ke participant. Pada tahap ini juga status participant akan diubah menjadi booked. Booking ID Gambar Register - Finishing 6. Jika tombol Back ditekan, tampilan halaman akan seperti yang ditunjukkan oleh Gambar Participant dapat memperbaiki atau mengubah datanya sebelum data disimpan ke dalam database.

44 Prosedur Konfirmasi Pembayaran (Confirmation) 1. Pilih halaman Confirmation. Pilih menu ini Gambar Halaman Home - Pilih Confirmation 2. Masukkan data-data yang diminta dan tekan tombol Submit. Pada titik ini status participant akan diperbaharui menjadi pending.

45 Isi data Tekan tombol ini Gambar Confirmation - Isi Data 3. Jika data yang diisi tidak sesuai format, akan muncul pesan error. Pesan error Gambar Confirmation - Pesan Error

46 4. Jika data yang dimasukkan sudah sesuai dengan format, akan muncul halaman konfirmasi sukses. Pesan konfirmasi sukses Gambar Confirmation - Pesan Sukses

47 5. Apabila participant sudah pernah melakukan konfirmasi, akan muncul pesan seperti yang ada di Gambar Pesan konfirmasi Gambar Confirmation Pesan Konfirmasi Sudah Pernah Melakukan Konfirmasi

48 Prosedur Memberikan Komentar dan Rate 1. Pilih menu List Events Passed Event. Pilih menu ini Pilih menu ini Gambar Halaman Home - Pilih List Event, Passed Event

49 2. Pilih event yang hendak diberi komentar dan rating. Masukkan nama, komentar, dan rating. Kemudian tekan tombol Submit. Pilih menu ini Isi Data Tekan tombol ini Gambar Passed Event - Berikan Komentar

50 3. Jika data yang dimasukkan tidak sesuai format, akan tampil pesan error. Pesan error Gambar Passed Event - Pesan Error

51 4. Jika data telah sesuai format, data akan disimpan di dalam database. Tampilan akan kembali seperti di bawah ini. Komentar akan ditampilkan disini Gambar Passed Event - Komentar Sukses Ditambahkan

52 2. Prosedur Penggunaan Aplikasi Berbasis Mobile (Android) Prosedur Penggunaan untuk Participant Prosedur Melihat Daftar Events (List Events) dan Deskripsinya 1. Pilih menu List Events pada layar utama (lihat Gambar 4. 61). Kemudian, akan tampil halaman seperti Gambar Tekan tombol ini untuk masuk ke List Events Gambar Halaman List Events (Mobile)

53 2. Klik pada event untuk melihat deskripsi event. Tekan tombol ini untuk melihat detil event Gambar List Events - Pilih Event

54 3. Halaman Detail Event akan ditampilkan. Gambar Halaman Detail Event

55 Prosedur Registrasi (Event Registration) 1. Tekan tombol Book pada halaman Detail Event. Tekan tombol ini untuk melihat detil event Gambar Detail Event - Tekan Book

56 2. Masukkan semua data yang diminta pada halaman seperti pada Gambar dan tekan tombol Submit. Isi data Tekan tombol ini untuk menyelesaikan registrasi Gambar Event Registration - Isi Data dan Tekan Submit

57 3. Jika data yang dimasukkan tidak sesuai dengan format data yang diminta, maka akan muncul pesan error. Pesan error Gambar Event Register - Pesan Error

58 4. Jika data sesuai dengan format yang diminta, akan ditampilkan Booking ID beserta tata cara pembayaran dalam halaman Finising Registration. Sistem akan memperbaharui status participant menjadi booked dan akan mengirimkan Booking ID ke participant. Booking ID Gambar Event Registration - Pesan Konfirmasi Sukses

59 Prosedur Konfirmasi Pembayaran (Booking Confirmation) 1. Pilih menu Booking Confirmation pada halaman utama. Tekan tombol ini untuk melakukan konfirmasi pembayaran Gambar Halaman Home - Tekan Booking Confirmation

60 2. Masukkan data-data yang diminta dan tekan tombol Submit. Isi data Tekan tombol ini untuk melanjutkan Gambar Halaman Booking Confirmation (Mobile)

61 3. Jika data yang dimasukkan tidak sesuai dengan format yang diminta, akan tampil halaman sebagai berikut. Pesan error Gambar Booking Confirmation - Pesan Error

62 4. Jika data sudah sesuai format, akan ditampilkan halaman seperti gambar di bawah ini. Sistem akan mengirimkan Booking ID ke participant dan memperbaharui status participant menjadi pending. Gambar Booking Confirmation - Pesan Konfirmasi Sukses

63 5. Jika participant sudah pernah melakukan konfirmasi, maka akan muncul pesan seperti pada gambar di bawah ini. Gambar Booking Confirmation - Pesan Sudah Pernah Konfirmasi

64 Prosedur Melihat Keterangan Singkat Tentang Aplikasi 1. Pilih menu About pada halaman Home. Tekan tombol ini Gambar Halaman Home (Mobile) - Tekan About

65 2. Halaman About akan ditampilkan seperti gambar di bawah ini. Pop up Gambar Halaman About (Mobile)