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. Masukkan username dan password pada kolom yang telah

disediakan. Kemudian tekan tombol Login.

Gambar 1. 2 Halaman Login

Masukan

username

dan

password

Lalu tekan

tombol ini

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).

Gambar 1. 3 Halaman Login Error Message

Pesan error

4. Apabila username dan password sesuai dengan database,

halaman List EO akan muncul (lihat Gambar 1.4).

Gambar 1. 4 Halaman List EO

Prosedur Penambahan EO

1. Tekan tombol Add New EO pada halaman Home (List EO).

Gambar 1. 5 Halaman List EO – Pilih Add New EO

Tekan tombol ini

2. Masukkan EO Name, EO Username, EO Password, dan Confirm

Password dan tekan tombol Submit.

Gambar 1. 6 Masukkan Data EO

Isi data

Tekan tombol ini

3. Jika data tidak sesuai dengan format yang diminta, akan muncul

pesan error.

Gambar 1. 7 Pesan Error - Add EO

Pesan error

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.

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).

Data baru

Prosedur Delete EO

1. Tekan tombol Delete yang ada dalam halaman List EO (Gambar

1.9).

Gambar 1. 9 Tampilan Halaman List EO – Tekan Delete

Tekan tombol ini

2. Jendela konfirmasi akan ditampilkan seperti yang terlihat pada

Gambar 1.10.

Gambar 4. 10 Konfirmasi Delete EO

3. Jika tombol Yes ditekan, data EO tersebut akan dihapus dari

database dan halaman List EO yang sudah diperbaharui akan

ditampilkan (Gambar 1.10).

Gambar 1. 11 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).

List EO yang telah

diperbaharui

Gambar 1. 12 Halaman Home (Website) EO

2. Masukkan username dan password pada kolom yang telah

disediakan. Kemudian tekan tombol Login.

Gambar 1. 13 Halaman Login EO

Masukan

username

dan

password

Lalu tekan

tombol ini

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).

Gambar 1. 14 Halaman Login Error Message

Pesan error

4. Apabila username dan password sesuai dengan database,

halaman Future Events akan ditampilkan (lihat Gambar

1.15).

Gambar 1. 15 Halaman Future Events

Prosedur Pemulihan Akun

1. Buka halaman Home dan tekan tombol Forgot Password.

Gambar 1. 16 Halaman Login - Pilih Forgot Password

Tekan

tombol ini

2. Masukkan email sesuai dengan email yang ada dalam My

Personal Data dan tekan tombol Submit.

Gambar 1. 17 Forgot Password - Masukkan Email

Isi data

Tekan tombol ini

3. Apabila email yang dimasukkan tidak sesuai dengan email yang

tersimpan dalam database, akan muncul pesan kesalahan.

Gambar 1. 18 Forgot Password - Pesan Error

Pesan Error

4. Apabila email yang dimasukkan sesuai dengan database, akan

muncul pesan konfirmasi seperti pada gambar berikut dan sistem

akan mengirimkan data EO ke email tersebut.

Gambar 1. 19 Forgot Password - Pesan Konfirmasi Sukses

Pesan Konfirmasi

Prosedur Perubahan Data Pribadi

1. Pilih menu My Personal Data seperti yang ada di Gambar 4.20.

Gambar 1. 20 Halaman My Personal Data

2. Tekan tombol Update.

Gambar 1. 21 My Personal Data - Tekan Update

Tekan

tombol ini

3. Akan muncul halaman seperti pada gambar di bawah ini.

Lakukan perubahan data yang diinginkan.

Gambar 1. 22 My Personal Data - Ubah Data

4. Jika tombol Change Password ditekan, maka akan muncul dua

text field tambahan.

Gambar 1. 23 My Personal Data - Ubah Password

Tekan

tombol ini

Muncul

New

Password

dan Confirm

New

Password

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.

Gambar 1. 24 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.

Pesan error

Prosedur Menambahkan Event

1. Pilih tab Future Events dan tekan tombol Add New Event seperti

pada Gambar 1.25.

Gambar 1. 25 Halaman Future Events - Tekan Add New

Event

Tekan tombol ini Pilih tab Future Events

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.

Gambar 1. 26 Add New Event - Isi Data

Masukkan

data

Lalu tekan

tombol ini

3. Jika data tidak sesuai dengan format yang diminta, akan muncul

pesan error.

Gambar 1. 27 Add New Event - Pesan Error

Pesan error

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 1. 28 Halaman Future Events yang Diperbaharui

5. Jika menekan tombol Cancel, halaman akan kembali ke tampilan

Future Events (Gambar 1.25).

Prosedur Memperbaharui Data Event

1. Pilih menu Future Events dan tekan tombol Edit. Akan muncul

halaman seperti pada Gambar 1.29.

Gambar 1. 29 Halaman Future Event - Tekan Edit

2. Kemudian, akan muncul halaman seperti Gambar 1. 26.

Lakukan perubahan data sesuai dengan yang diinginkan. Lalu,

tekan tombol Submit.

Tekan tombol ini

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.

Gambar 1. 30 Edit Event - Pesan Konfirmasi

4. Jika tombol Cancel ditekan, halaman Future Events akan

kembali ditampilkan.

Pesan konfirmasi

Prosedur Mengkonfirmasi Registrasi (Confirm Registration)

1. Pilih menu Home � Future Events. Kemudian tekan tombol

Approval.

Gambar 1. 31 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.

Gambar 1. 32 Halaman Confirm Registration - Tekan Tombol dalam Kotak Action

Tekan tombol ini

Tekan

tombol

ini

3. Jika tombol Accept ditekan, akan muncul layar konfirmasi.

Gambar 1. 33 Confirm Registration - Konfirmasi Accept

4. Jika tombol Yes ditekan, data participant akan diperbaharui dan

sistem akan mengirimkan email (yang sekaligus menjadi tiket)

ke alamat email participant. Kemudian sistem akan

menambahkan participant ke dalam Google Calendar untuk

memberikan reminder.

Gambar 1. 34 Confirm Registration – Accept Sukses

5. Jika tombol Reject ditekan, akan muncul layar konfirmasi.

Gambar 1. 35 Confirm Regsitration - Konfirmasi Reject

6. Jika tombol Yes ditekan, data participant akan dihapus dari

database dan sistem akan mengirimkan rejection email ke

alamat email participant.

Gambar 1. 36 Confirm Registration - Delete Sukses

Prosedur Mengatur Event Review

1. Pilih menu Home � Event History. Tekan tombol Review.

Gambar 1. 37 Halaman History Event – Tekan Review

Tekan tombol ini

Pilih menu ini

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.

Gambar 1. 38 Review - Delete Komentar

Tekan

tombol ini

3. Jika tombol Delete ditekan, maka akan ditampilkan pesan

konfirmasi seperti Gambar 4.39.

Gambar 1. 39 Review - Konfirmasi Delete Komentar

4. Apabila tombol OK ditekan, maka komentar tersebut akan

dihapus dari halaman Review.

Gambar 1. 40 Review - Delete Komentar Sukses

5. Apabila tombol Cancel ditekan, tampilan akan kembali seperti

pada Gambar 1. 35.

Data

telah

dihapus

Prosedur Absen

1. Pilih tab Today’s Event. Lalu tekan tombol Absent.

Gambar 1. 41 Halaman Today's Event - Tekan Absent

2. Halaman Absent akan ditampilkan. Masukkan Booking ID ke

tempat yang disediakan dan tekan tombol Submit.

Gambar 1. 42 Halaman Absent - Masukkan Booking ID

Pilih menu ini

Tekan tombol ini

Isi data

3. Jika data tidak diisi ataupun tidak terdaftar dalam database, akan

muncul pesan error seperti pada gambar berikut.

Gambar 1. 43 Confirmation - Pesan Error

Pesan error

4. Jika data terdaftar dalam database, maka akan muncul pesan

konfirmasi.

Gambar 1. 44 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 email

participant.

Gambar 1. 45 Halaman Show Attendace - Tekan Close and Send Certificate

Pesan konfirmasi

Pilih menu ini

Tekan tombol ini

6. Tekan tombol OK pada jendela konfirmasi.

Gambar 1. 46 Absent - Konfirmasi Close and Send Certificate Sukses

Tekan tombol ini

� Prosedur Penggunaan untuk Participant

Prosedur Pendaftaran (Registration)

1. Pilih halaman List Events, Recent Events.

Gambar 1. 47 Halaman Home - Tekan List Event, Recent Event

Pilih

List

Events,

Recent

Events

2. Pilih event yang hendak diikuti dan masukkan data-data yang

dibutuhkan seperti yang ada pada Gambar 4.44. Lalu tekan

tombol Submit untuk melanjutkan ke langkah berikutnya.

Gambar 1. 48 Register - Isi Data dan Tekan Submit

Tekan tombol ini

Isi Data Tekan tombol ini

3. Jika data yang dimasukkan tidak sesuai dengan format yang

diminta, akan muncul pesan error.

Gambar 1. 49 Register - Pesan Error

Pesan error

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.

Gambar 1. 50 Register - Participant Data Confirmation

Data

Tekan tombol ini

5. Jika tombol Confirm ditekan, halaman Booking Transaction

akan tampil. Halaman ini berisi Booking ID dan tata cara

pembayaran. Booking ID akan dikirimkan ke email participant.

Pada tahap ini juga status participant akan diubah menjadi

booked.

Gambar 1. 51 Register - Finishing

6. Jika tombol Back ditekan, tampilan halaman akan seperti yang

ditunjukkan oleh Gambar 1.44. Participant dapat memperbaiki

atau mengubah datanya sebelum data disimpan ke dalam

database.

Booking ID

Prosedur Konfirmasi Pembayaran (Confirmation)

1. Pilih halaman Confirmation.

Gambar 1. 52 Halaman Home - Pilih Confirmation

2. Masukkan data-data yang diminta dan tekan tombol Submit.

Pada titik ini status participant akan diperbaharui menjadi

pending.

Pilih menu ini

Gambar 1. 53 Confirmation - Isi Data

3. Jika data yang diisi tidak sesuai format, akan muncul pesan

error.

Gambar 1. 54 Confirmation - Pesan Error

Isi data

Pesan error

Tekan

tombol ini

4. Jika data yang dimasukkan sudah sesuai dengan format, akan

muncul halaman konfirmasi sukses.

Gambar 1. 55 Confirmation - Pesan Sukses

Pesan konfirmasi

sukses

5. Apabila participant sudah pernah melakukan konfirmasi, akan

muncul pesan seperti yang ada di Gambar 1. 51.

Gambar 1. 56 Confirmation – Pesan Konfirmasi Sudah Pernah Melakukan

Konfirmasi

Pesan konfirmasi

Prosedur Memberikan Komentar dan Rate

1. Pilih menu List Events � Passed Event.

Gambar 1. 57 Halaman Home - Pilih List Event, Passed Event

Pilih menu ini

Pilih menu ini

2. Pilih event yang hendak diberi komentar dan rating. Masukkan

nama, komentar, dan rating. Kemudian tekan tombol Submit.

Gambar 1. 58 Passed Event - Berikan Komentar

Pilih menu ini

Isi Data

Tekan

tombol ini

3. Jika data yang dimasukkan tidak sesuai format, akan tampil

pesan error.

Gambar 1. 59 Passed Event - Pesan Error

Pesan

error

4. Jika data telah sesuai format, data akan disimpan di dalam

database. Tampilan akan kembali seperti di bawah ini.

Gambar 1. 60 Passed Event - Komentar Sukses Ditambahkan

Komentar akan

ditampilkan

disini

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 4. 61.

Gambar 1. 61 Halaman List Events (Mobile)

Tekan

tombol ini

untuk

masuk ke

List Events

2. Klik pada event untuk melihat deskripsi event.

Gambar 1. 62 List Events - Pilih Event

Tekan

tombol ini

untuk

melihat detil

event

3. Halaman Detail Event akan ditampilkan.

Gambar 1. 63 Halaman Detail Event

Prosedur Registrasi (Event Registration)

1. Tekan tombol Book pada halaman Detail Event.

Gambar 1. 64 Detail Event - Tekan Book

Tekan

tombol ini

untuk

melihat detil

event

2. Masukkan semua data yang diminta pada halaman seperti pada

Gambar 1. 65 dan tekan tombol Submit.

Gambar 1. 65 Event Registration - Isi Data dan Tekan Submit

Isi data

Tekan tombol

ini untuk

menyelesaikan

registrasi

3. Jika data yang dimasukkan tidak sesuai dengan format data yang

diminta, maka akan muncul pesan error.

Gambar 1. 66 Event Register - Pesan Error

Pesan error

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 email participant.

Gambar 1. 67 Event Registration - Pesan Konfirmasi Sukses

Booking ID

Prosedur Konfirmasi Pembayaran (Booking Confirmation)

1. Pilih menu Booking Confirmation pada halaman utama.

Gambar 1. 68 Halaman Home - Tekan Booking Confirmation

Tekan

tombol ini

untuk

melakukan

konfirmasi

pembayaran

2. Masukkan data-data yang diminta dan tekan tombol Submit.

Gambar 1. 69 Halaman Booking Confirmation (Mobile)

Isi data

Tekan

tombol ini

untuk

melanjutkan

3. Jika data yang dimasukkan tidak sesuai dengan format yang

diminta, akan tampil halaman sebagai berikut.

Gambar 1. 70 Booking Confirmation - Pesan Error

Pesan error

4. Jika data sudah sesuai format, akan ditampilkan halaman seperti

gambar di bawah ini. Sistem akan mengirimkan Booking ID ke

email participant dan memperbaharui status participant menjadi

pending.

Gambar 1. 71 Booking Confirmation - Pesan Konfirmasi Sukses

5. Jika participant sudah pernah melakukan konfirmasi, maka akan

muncul pesan seperti pada gambar di bawah ini.

Gambar 1. 72 Booking Confirmation - Pesan Sudah Pernah Konfirmasi

Prosedur Melihat Keterangan Singkat Tentang Aplikasi

1. Pilih menu About pada halaman Home.

Gambar 1. 73 Halaman Home (Mobile) - Tekan About

Tekan

tombol ini

2. Halaman About akan ditampilkan seperti gambar di bawah ini.

Gambar 1. 74 Halaman About (Mobile)

Pop up