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)
65
Embed
Prosedur Penggunaan Aplikasi web dan mobile application ...thesis.binus.ac.id/doc/ProsedurProgram/2012-1-00468-IF... · Aplikasi pada platform Android difokuskan untuk registrasi
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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