prosedur penggunaan aplikasi 4.1...

PROSEDUR PENGGUNAAN APLIKASI

4.1 Implementasi

Setelah dilakukan analisis dan perancangan pada bab 3, berikutnya adalah

tahap pengimplementasian dan tahap evaluasi aplikasi. Tahap pengimplementasian

dilakukan dengan cara mengubah hasil analisis dan perancangan yang sudah

didapat kedalam bentuk bahasa pemograman agar dapat dibaca oleh mesin

komputer. Setelah tahap pengimplementasian selesai, dilakukan evaluasi terhadap

aplikasi dengan melakukan pengujian. Pengujian yang dilakukan adalah uji coba

input-input yang diperbolehkan, output-output yang dihasilkan, dan proses request

client-server. Evaluasi ini dilakukan untuk memastikan aplikasi menghasilkan

output yang sesuai dengan kebutuhan.

4.1.1 Spesifikasi Aplikasi

Aplikasi ini terdiri dari mobile dan website. Aplikasi mobile yang

digunakan untuk berinterkasi dengan user dibangun dengan

menggunakan teknologi Phonegap, JQuery Mobile, Javascript, Java,

SQLite, MySQL, HMTL5, dan CSS3. Aplikasi tersebut dikompilasi

sehingga berbentuk file android yang berekstensi APK, file ini digunakan

untuk diinstalasi pada perangkat Android. Sedangkan website digunakan

sebagai server dengan menggunakan teknologi PHP 5.0, JQuery,

Javascript, MySQL, HTML5, dan CSS3. Untuk menjalankan aplikasi

mobile maupun website dibutuhkan spesifikasi minimal software yang

harus dipenuhi, yaitu:

1. Mobile

Spesifikasi minimal software yang dibutuhkan untuk

menjalankan aplikasi mobile adalah sistem operasi Android 2.3.

2. Website

Spesifikasi minimal software yang dibutuhkan untuk

menjalankan website adalah sebagai berikut:

a. Apache

Apache adalah sebuah web server untuk menjalankan

aplikasi yang berbasiskan PHP.

b. Internet Browser

Mozilla Firefox, Google Chrome, Opera, Internet Explorer

dan lain-lain. Untuk tampilan yang terbaik, dapat menggunakan

internet browser dengan versi terbaru.

Selain software untuk menjalankan aplikasi mobile dan website,

ada software pendukung yang digunakan untuk membangun aplikasi

tersebut, yaitu:

1. Sublime Text 2.0.1

Sublime Text adalah editor teks yang digunakan untuk

menerjemahkan hasil analisa dan rancangan kedalam bentuk code.

2. Eclipse Software Development Kit (SDK) 4.2.1

Eclipse adalah Software Development Environment (SDE)

multi language yang didalamnnya terdapat workspace dan sistem

plugin tambahan.

3. Android Developmet Tools (ADT) 20.0.3

ADT adalah sebuah plugin tambahan untuk Integrated

Development Environment (IDE) eclipse yang didesain untuk

pengembangan aplikasi Android.

4. XAMPPLite 1.7.3

XAMPPLite adalah sebuah software yang berfungsi untuk

membuat virtual server pada komputer lokal yang terdiri dari Apache,

MySQL, PHP, dan Perl. XAMPPLite merupakan versi Lite atau ringan

dari XAMPP.

5. Adobe Photoshop CS3

Adobe Photoshop adalah sebuah software editor gambar yang

berbasis pixel.

6. Adobe Illustrator CS3

Adobe Illustrator adalah sebuah software editor gambar yang

berbasis vektor.

4.1.2 Implementasi Aplikasi

4.1.2.1 Mobile

4.1.2.1.1 Tampilan Layar Login

Gambar 4.1 Halaman Login

Halaman ini adalah tampilan layar login saat

aplikasi dinyalakan. Apabila belum memiliki Akun,

dapat membuat akun dengan cara tap Sign up dan

jika sudah mendaftar tapi lupa password, dapat

memilih forgot account.

4.1.2.1.2 Tampilan Layar Login Error

Gambar 4.2 Halaman Login Error

Halaman ini adalah tampilan layar ketika

pada saat login terjadi error. Masukkan kembali

dengan data yang benar dan tap tombol login.

4.1.2.1.3 Tampilan Layar Sign Up

Gambar 4.3 Halaman Sign Up

Pada halaman ini terdapat form pengisian

untuk pembuatan akun baru. Isilah semua field

dengan benar dan sesuai dengan contoh yang

diberikan didalam field inputnya

4.1.2.1.4 Tampilan Layar Sign Up Error

Gambar 4.4 Halaman Sign Up Error

Halaman ini adalah tampilan ketika saat sign

up ada field yang diisi tidak sesuai dengan format

yang telah ditentukan. Masukkan kembali data pada

field yang muncul pesan error seperti pada gambar

diatas dengan benar, kemudian tap tombol submit.

4.1.2.1.5 Tampilan Layar Forgot Account

Gambar 4.5 Halaman Forgot Account

Pada halaman ini adalah tampilan untuk

forgot account. Masukkan email yang letah

didaftarkan sebelumnya. Kemudia periksa email

yang digunakan karena akan dikirimkan username

dan password yang baru.

4.1.2.1.6 Tampilan Layar Forgot Account Error

Gambar 4.6 Halaman Forgot Account Error

4.1.2.1.7 Tampilan Layar Event

Gambar 4.7 Halaman Event

Pada halaman ini adalah tampilan setelah

login, berisi list event-event yang diadakan

UKM/HMJ/komunitas. Untuk masing-masing event-

nya diberikan informasi dentang judul, tanggal

pelaksanaan, biaya pendaftaran, dan poin SAT jika

mengikuti event tersebut.

4.1.2.1.8 Tampilan Layar Event Detail

Gambar 4.8 Halaman Event Detail

Halaman ini berisi informasi yang detail

tentang event yang diadakan. Jika ingin mendaftar,

tap tombol Reserve untuk memesan tempat pada

event tersebut.

4.1.2.1.9 Tampilan Layar Reserved

Gambar 4.9 Halaman Reserved

Pada halaman ini berisi list event yang telah

dipesan oleh user. Jadi user bisa melihat event-event

apa saja yang sudah dipesannya

4.1.2.1.10 Tampilan Layar Reserved Detail

Gambar 4.10 Halaman Reserved Detail

Halaman ini berisi informasi detail

mengenai event yang sudah dipesan oleh user. Di

halaman ini juga bisa melakukan perubahan status

pemesanan tempat untuk event tersebut, yaitu dengan

cara tap tombol change, kemudian pilih status yang

diinginkan, ada yes, maybe, atau no.

4.1.2.1.11 Tampilan Layar Organization

Gambar 4.11 Halaman Organization

Pada halaman ini adalah tampilan layar jika

memasuki menu organization, terdpata 4 pilihan

submenu, yaitu, proposal status yang berfungsi untuk

melihat status proposal yang telah diajukan ke

SCDC, room yang berfungsi untuk meminjam

ruangan, transportation yang befungsi untuk

meminjam transport, dan tools yang berfungsi untuk

meminjam peralatan.

4.1.2.1.12 Tampilan Layar Proposal Status

Gambar 4.12 Halaman Proposal Status

Ini adalah tampilan layar proposal status yang

berisi keterangan apakah status proposal yang

diajukan diterima atau ditolak. Jika diterima akan

terlihat pada gambar diatas, yaitu ditandai dengan

ceklist berwarna hijau. Jika ditolak, maka akan

muncul tandai silang berwarna merah. Dan jika

ditandai dengan titik-titik, berarti sedang on

progress.

4.1.2.1.13 Tampilan Layar Room

Gambar 4.13 Halaman Room

Pada halaman ini adalah tampilan layar

untuk peminjaman ruangan. Jika ingin meminjam

ruangan, tap request room. Dan jika ingin melihat

list peminjaman yang telah dilakukan dan melihat

statusnya apakah disetujui atau ditolak tap view

requested room.

4.1.2.1.14 Tampilan Layar Request Room

Gambar 4.14 Halaman Request Room

Pada halaman ini berisi form pengisian untuk

melakukan peminjaman ruangan. Isi semua field

sesuai dengan format yang telah ditentukan yang

terdapat didalam field inputnya.

4.1.2.1.15 Tampilan Layar Error Request Room

Gambar 4.15 Halaman Error Request Room

Pada halaman ini adalah tampilan ketika pada

saat pengisian form peminjaman ruangan, ada data

yang dimasukkan yang tidak sesuai dengan format

yang ditentukan, maka muncul lah pesan error

seperti pada gambar diatas. Perbaiki kembali

pengisian pada field yang error, kemudian tap

submit.

4.1.2.1.16 Tampilan Layar View Requested Room

Gambar 4.16 Halaman View Requested Room

Pada halaman ini adalah list peminjaman

ruangan yang telah dilakukan dan juga terdapat

statusnya, apakah masih on progress, diterima, atau

ditolak. Jika ditolak terdapat keterangan kenapa

status tersebut ditolak.

4.1.2.1.17 Tampilan Layar Transportation

Gambar 4.17 Halaman Transportation

Pada halaman ini adalah tampilan layar untuk

peminjaman trasnportasi. Jika ingin meminjam

kendaraan, tap request transportation. Dan jika ingin

melihat list peminjaman yang telah dilakukan dan

melihat statusnya apakah disetujui atau ditolak tap

view requested transportation.

4.1.2.1.18 Tampilan Layar Request Transportation

Gambar 4.18 Halaman Request Transportation


melakukan peminjaman kendaraan. Isi semua field



4.1.2.1.19 Tampilan Layar Error Request Transportation

Gambar 4.19 Halaman Error Request

Transportation


saat pengisian form peminjaman kenadaraan, ada

data yang dimasukkan yang tidak sesuai dengan

format yang ditentukan, maka muncul lah pesan

error seperti pada gambar diatas. Perbaiki kembali


submit.

4.1.2.1.20 Tampilan Layar View Requested Transportation

Gambar 4.20 Halaman View Requested

Transportation


kendaraan yang telah dilakukan dan juga terdapat




4.1.2.1.21 Tampilan Layar Tools

Gambar 4.21 Halaman Tools

Pada halaman ini adalah tampilan layar untuk

peminjaman peralatan. Jika ingin meminjam

peralatan, tap request tools. Dan jika ingin melihat

list peminjaman yang telah dilakukan dan melihat

statusnya apakah disetujui atau ditolak tap view

requested tools.

4.1.2.1.22 Tampilan Layar Request Tools

Gambar 4.22 Halaman Request Tools


melakukan peminjaman peralatan. Isi semua field



4.1.2.1.23 Tampilan Layar Error Request Tools

Gambar 4.23 Halaman Error Request Tools


saat pengisian form peminjaman peralatan, ada data

yang dimasukkan yang tidak sesuai dengan format

yang ditentukan, maka muncul lah pesan error

seperti pada gambar diatas. Perbaiki kembali


submit.

4.1.2.1.24 Tampilan Layar View Requested Tools

Gambar 4.24 Halaman View Requested Tools


peralatan yang telah dilakukan dan juga terdapat




4.1.2.1.25 Tampilan Layar SAT Point

Gambar 4.25 Halaman SAT Point

Pada halaman ini berisi informasi tentang

total poin SAT yang telah terkumpul. Dan jika sudah

mendaftar event, bisa dilihat berapa poin yang

didapat berserta total sementara yang akan didapat

jika mengikuti event tersebut. Serta bisa

mengkalkulasi sendiri, harus mengikuti berapa event

agar total poin yang diinginkan bisa tercapai.

4.1.2.1.26 Tampilan Layar Question

Gambar 4.26 Halaman Question

Halaman ini adalah tampilan layar question

yang berfungsi untuk mengajukan pertanyaan-

pertanyaan seputar organisasi mahasiswa atau hal

lain yang terkait. Jika ingin menajukan pertanyaan,

tap ask question.

4.1.2.1.27 Tampilan Layar Ask Question

Gambar 4.27 Halaman Ask Question

Halaman ini berisi form untuk mengajukan

pertanyaan kepada SCDC. Isilah field-field yang ada

sesuai dengan format yang ditentukan yang berada

didalam field inputnya.

4.1.2.1.28 Tampilan Layar Error Ask Question

Gambar 4.28 Halaman Error Ask Question

Halaman ini adalah tampilan layar ketika ada

pengisian yang tidak sesuai dengan format yang telah

ditentukan. Untuk menghilangkan pesan error

tersebut, perhatikan kembali data yang dimasukkan

apakah sudah sesuai dengan contoh atau belum. Jika

sudah diperbaiki, tap submit.

4.1.2.1.29 Tampilan Layar View Answered Question

Gambar 4.29 Halaman View Answered Question

Pada halaman ini berisi list pertanyaan

berserta dengan statusnya apakah sudah dijawab atau

belum. Jika sudah dijawab, bisa di tap pada

pertanyaannya untuk melihat jawabannya.

4.1.2.1.30 Tampilan Layar View Answered Question Detail

Gambar 4.30 Halaman View Answered Question

Detail

Pada halaman ini adalah halaman untuk

melihat detail atas pernyaan yang diajukan dan

jawaban dari SCDC.

4.1.2.1.31 Tampilan Layar Setting

Gambar 4.31 Halaman Setting

Halaman ini berisi edit profile, about us, dan

logout. Jika ingin mengubah profile, tap pada edit

profile. Jika ingin melihat informasi mengenai

aplikasi mobile ini, tap pada about us. Dan jika ingin

keluar, maka tap logout.

4.1.2.1.32 Tampilan Layar Edit Profile

Gambar 4.32 Halaman Edit Profile

Pada halaman ini, berisi form untuk

mengubah data user. Jika sudah selesai mengubah

data, simpanlah dengan cara tap submit.

4.1.2.1.33 Tampilan Layar About Us

Gambar 4.33 Halaman About Us

Pada halaman ini berisi credit serta informasi

mengenai aplikasi mobile ini.

4.1.2.2 Website

4.1.2.2.1 Tampilan Layar Login

Gambar 4.34 Halaman Index (Login)

Pada halaman index, terdapat sebuah panel

untuk login. Login hanya bisa dilakukan oleh orang

yang memiliki privilege Admin.

4.1.2.2.2 Tampilan Layar Login Error

Gambar 4.35 Halaman Login Error

Pada halaman ini menampilkan pesan error

jika user salah memasukkan username atau

password. Pesan error ini juga akan tampil ketika

field username atau password belum terisi.

4.1.2.2.3 Tampilan Layar Home

Gambar 4.36 Halaman Home

Pada halaman home, terdapat sebuah kalender

yang berisikan jumlah event yang akan diadakan oleh

organisasi pada setiap tanggalnya dan juga terdapat

today event list yang ditampilkan di sebelah kanan

kalender. Apabila ada event pada suatu tanggal, maka

ketika tanggal di klik, akan dialihkan ke halaman

event. Dan apabila salah satu event yang terdapat

pada today event list di klik, maka akan dialihkan ke

halaman detail event.

4.1.2.2.4 Tampilan Layar Event

Gambar 4.37 Halaman Event

Halaman ini berisi daftar semua event yang

status proposalnya telah disetujui oleh SCDC dan

untuk masing-masing event terdapat penjelasan

mengenai judul, waktu, oganisasi penyelenggara,

jumlah reserved event, dan sebagian deskripsi event.

Pada halaman ini terdapat sebuah aksi edit dan delete

di sudut kanan masing-masing event. Ketika gambar

pensil di klik, maka akan dialihkan ke halaman edit

event. Sedangkan ketika gambar tempang sampah di

klik, maka akan muncul panel konfirmasi yang

menyatakan apakah yakin ingin menghapus event

tersebut. Dan jika title event di klik, maka akan

dialihkan ke halaman detail event. Kemudian ada

kotak search yang dapat membantu untuk

mempermudah pencarian event.

4.1.2.2.5 Tampilan Layar Detail Event

Gambar 4.38 Halaman Detail Event

Halaman ini berisikan informasi detail

tentang event yang diselenggarakan. Mulai dari

judul, organisasi penyelenggara, waktu, jumlah

reserved, deskripsi lengkap, biaya pendaftaran, poin

SAT yang akan didapat, dan list orang-orang yang

telah reserved event. Didalam list tersebut terdapat

NIM, nama, kontak, dan status reserved. Kemudian

terdapat gambar file excel yang jika di klik dapat

mengeksport tabel reserved kedalam bentuk excel.

Jika ingin mengubah atau menghapus detail event

ini, klik gambar pensil atau tempat sampah disudut

kanan atas.

4.1.2.2.6 Tampilan Layar Edit Event

Gambar 4.39 Halaman Edit Event

Halaman edit event ini berisi form untuk

mengubah data event. Bila semua data sudah terisi

dengan benar, simpanlah perubahan data tersebut

dengan menekan tombol submit.

4.1.2.2.7 Tampilan Layar Error Edit Event

Gambar 4.40 Halaman Error Edit Event

Halaman edit event error ini adalah tampilan

layar ketika user belum memasukkan data pada field

yang diwajibkan untuk diisi, salah memasukkan data,

dan data yang dimasukkan tidak sesuai dengan

format. Pesan error akan ditunjukkan dengan

munculnya kotak bewarna beserta dengan pesan

error-nya. Perbaikilah error tersebut dab jika sudah

benar semua silakan tekan tombol submit unutk

menyimpan perubahan data.

4.1.2.2.8 Tampilan Layar Delete Event

Gambar 4.41 Halaman Delete Event

Pada halaman ini, user bisa menghapus event

dengan cara menekan tombol bergambar tempat

sampah disudut kanan atas. Sebelum event terhapus

akan muncul peringatan terlebih dahulu untuk

meyakinkan user apakah event yang dipilih adalah

event yang ingin dihapus atau tidak.

4.1.2.2.9 Tampilan Layar Proposal

Gambar 4.42 Halaman Proposal

Pada halaman proposal ini, terdapat table

yang berisi list proposal yang telah dimasukkan

dengan keterangan nama UKM/HMJ/komunitas,

category, nama, status, dan tanggal memasukkan

proposal ke SCDC. Untuk memasukkan proposal

baru, tekan tombol add proposal disudut kanan atas.

Kemudian jika ingin mengubah data proposal, tekan

tombol yang bergambar pensil pada kolom

operation. Dan jika ingin menghapus proposal, tekan

tombol bergambar tempat sampah pada kolom

operation. Di dalam halaman ini juga terdapat kotak

search untuk mempermudah pencarian proposal yang

terletak disudut kiri atas.

4.1.2.2.10 Tampilan Layar Add Proposal – Routine

Gambar 4.43 Halaman Add Proposal - Routine

Halaman ini berisi form untuk memasukkan

proposal yang telah diajukan ke pihak SCDC oleh

UKM/HMJ/komutas. Proposal dengan kategori

routine ini digunakan untuk melakukan aktifitas

UKM/HMJ/komunitas yang tidak disertai dengan

sebuah event.

4.1.2.2.11 Tampilan Layar Add Proposal – Event

Gambar 4.44 Halaman Add Proposal - Event

Halaman ini berisi form untuk memasukkan

proposal yang telah diajukan ke pihak SCDC oleh

UKM/HMJ/komunitas. Proposal dengan kategori

event ini digunakan untuk melakukan aktifitas

UKM/HMJ/komunitas yang disertai dengan sebuah

event.

4.1.2.2.12 Tampilan Layar Error Add Proposal

Gambar 4.45 Halaman Error Add Proposal

Pada halaman ini akan muncul pesan error

seperti pada gambar diatas, jika field yang

diwajibkan untuk diisi masih kosong dan format data

yang dimasukkan salah.

4.1.2.2.13 Tampilan Layar Edit Proposal – Routine

Gambar 4.46 Halaman Edit Proposal - Routine

Pada halaman edit proposal kategori routine

ini berisi form untuk mengubah data proposal. Bila

semua data sudah terisi dengan benar, simpanlah

perubahan data tersebut dengan menekan tombol

submit.

4.1.2.2.14 Tampilan Layar Edit Proposal – Event

Gambar 4.47 Halaman Edit Proposal – Event

Halaman edit proposal kategori event ini

berisi form untuk mengubah data proposal dan event.

Bila semua data sudah terisi dengan benar, simpanlah

perubahan data tersebut dengan menekan tombol

submit.

4.1.2.2.15 Tampilan Layar Error Edit Proposal

Gambar 4.48 Halaman Error Edit Proposal

Pada halaman ini adalah tampilan jika pada

saat melakukan pengubahan data proposal dan event

ada field yang diwajibkan diisi tapi belum terisi dan

ada format yang tidak sesuai, maka akan muncul

kotak berwarna merah dengan pesan error untuk

masing-masing field.

4.1.2.2.16 Tampilan Layar Delete Proposal

Gambar 4.49 Halaman Delete Proposal

Pada halaman ini, ketika menekan tombol

bergambar tempat sampah pada kolom operation

akan muncul kotak peringatan yang menyatakan

apakah yakin ingin menhapus proposal yang dipilih,

jika iya tekan tombol Ok, jika tidak tekan tombol

Cancel.

4.1.2.2.17 Tampilan Layar Room Reservation

Gambar 4.50 Halaman Room Reservation

Pada halaman room reservation ini terdapat

table yang menampilkan organisasi, NIM, nama,

kontak, ruangan, status, dan tanggal masuknya

permintaan peminjaman ruang. Terdapat 3 jenis

status reservation, yaitu On Progress, Accepted, dan

Rejected. On Progress ketika user pertama kali

mengajukan permintaan untuk meminjam ruangan.

Accepted ketika pihak-pihak yang terkait sudah

menyetujui untuk peminjaman ruang yang diajukan.

Rejected ketika tidak ada persetujuan dari pihak

terkait untuk peminjaman ruangan yang diajukan.

4.1.2.2.18 Tampilan Layar Room Reservation Detail

Gambar 4.51 Halaman Room Reservation Detail

Pada halaman ini terdapat informasi detail

tentang peminjaman ruang dan siapa yang

meminjamnya. Jika ingin menyetujui peminjaman,

ubahlah status menjadi Accepted dan Rejected untuk

menolaknya dan berikan alasannya melalui field

notes.

4.1.2.2.19 Tampilan Layar Delete Room Reservation

Gambar 4.52 Halaman Detele Room Reservation




apakah yakin ingin menghapus room reservation

yang dipilih. Jika iya tekan tombol Ok, jika tidak

tekan tombol Cancel.

4.1.2.2.20 Tampilan Layar Tool Reservation

Gambar 4.53 Halaman Tool Reservation

Pada halaman tool reservation ini terdapat

table yang menampilkan organisasi, NIM, nama,

kontak, ruangan, status, dan tanggal masuknya









4.1.2.2.21 Tampilan Layar Tool Reservation Detail

Gambar 4.54 Halaman Tool Reservation Detail


tentang peminjaman peralatan dan siapa yang




notes.

4.1.2.2.22 Tampilan Layar Delete Tool Reservation

Gambar 4.55 Halaman Detele Tool Reservation




apakah yakin ingin menghapus tool reservation yang

dipilih. Jika iya tekan tombol Ok, jika tidak tekan

tombol Cancel.

4.1.2.2.23 Tampilan Layar Transport Reservation

Gambar 4.56 Halaman Transport Reservation

Pada halaman transport reservation ini

terdapat table yang menampilkan organisasi, NIM,

nama, kontak, ruangan, status, dan tanggal masuknya









4.1.2.2.24 Tampilan Layar Transport Reservation Detail

Gambar 4.57 Halaman Transport Reservation

Detail


tentang peminjaman kendaraan dan siapa yang




notes.

4.1.2.2.25 Tampilan Layar Delete Transport Reservation

Gambar 4.58 Halaman Detele Transport

Reservation




apakah yakin ingin menghapus transport reservation



4.1.2.2.26 Tampilan Layar Question

Gambar 4.59 Halaman Question

Pada halaman question ini berisi table list

pertanyaan yang diajukan oleh user yang terdiri dari

asker, subject, status sudah dijawab atau belum, dan

tanggal saat bertanya. Jika ingin menjawabnya tekan

tombol bergambar pensil pada kolom operation.

4.1.2.2.27 Tampilan Layar Question Detail – Answered

Gambar 4.60 Halaman Question Detail-Answered

Pada halaman ini adalah question detail yang

telah dijawab pertanyaannya. Jawaban yang telah

dibuat dapat diubah dengan cara menekan tombol

edit disudut kanan bawah. Setelah diklik, akan

muncul field untuk mengubah jawaban tersebut.

4.1.2.2.28 Tampilan Layar Question Detail – Not Answered

Gambar 4.61 Halaman Question Detail - Not

Answered

Pada halaman ini adalah question detail yang

pertanyaannya belum dijawab. Untuk menjawab

pertanyaan, tekan tombol reply, dan akan muncul

sebuah field untuk menuliskan jawaban.

4.1.2.2.29 Tampilan Layar Delete Question

Gambar 4.62 Halaman Delete Question




apakah yakin ingin menghapus transport reservation



4.1.2.2.30 Tampilan Layar User

Gambar 4.63 Halaman User

Pada halaman user ini, terdapat list user

dengan privilege admin dan activist. Untuk

menambahkan user baru bisa mengnekan tombol add

user disudut kanan atas, jika ingin mengubah data

user bisa menekan tombol yang bergambar pensil

pada kolom operation, dan jika ingin menghapus

user, tekan tombol bergambar tempat sampah pada

kolom operation.

4.1.2.2.31 Tampilan Layar Add User

Gambar 4.64 Halaman Add User

Pada halaman ini berisi form untuk membuat

user baru, isilah semua field dengan benar. Jika user

adalah pihak UMK/HMJ, gunakan previlege sebagai

activist. Jika pihak SCDC gunakan previlege admin.

Dan jika user sudah bukan pengurus dari suatu

UKM/HMJ/komunitas lagi, maka ubah previlege

user tersebut menjadi user atau menghapus user

tersebut.

4.1.2.2.32 Tampilan Layar Error Add User

Gambar 4.65 Halaman Error Add User

Pada halaman add user ini akan muncul pesan

error seperti pada gambar diatas, jika field yang

diwajibkan untuk diisi masih kosong dan format data

yang dimasukkan salah.

4.1.2.2.33 Tampilan Layar Edit User

Gambar 4.66 Halaman Edit User

Halaman edit user ini digunakan untuk

mengubah data user, jika ada yang perlu diubah.

Ketika semua data yang diubah sudah yakin benar,

dapat disimpan dengan menekan tombol submit.

4.1.2.2.34 Tampilan Layar Error Edit User

Gambar 4.67 Error Edit User

Halaman error edit user ini menunjukkan

bahwa data yang dimasukkan tidak sesuai dengan

format yang ditentukan dan ada field yang

diwajibkan diisi tapi tidak diisi. Benarkan data input

yang salah sampai semua pesa error yang muncul

hilang. Kemudian tekan tombol submit untuk

menyimpan perubahan.

4.1.2.2.35 Tampilan Layar SAT Point

Gambar 4.68 Halaman SAT Point

Halaman SAT point ini berisi event yang

sudah terlaksana dan berguna untuk memasukkan

SAT point pada event tersebut ke peserta yang sudah

hadir. SAT point ini memiliki 2 jenis status, yaitu

Realzation untuk SAT point yang sudah ditambahkan

ke peserta event dan Unrealized sebagai status

default yang menyatakan SAT point belum

direalisasikan ke peserta event. Untuk

merealisasikannya tekan tombol bergambar pensil

pada kolom operation.

4.1.2.2.36 Tampilan Layar Detail SAT Point

Gambar 4.69 Halaman Detail SAT Point

Halaman ini adalah halaman untuk

meralisasikan SAT Point ke peserta event sudah

hadir. Untuk meralisasikannya unduh file excel pada

halaman event, kemudian buka file excel tersebut lalu

tandai peserta mana saja yang telah hadir. Setalah itu

upload file excel tersebut ke dalam halaman ini.

Pastikan data yang di upload adalah benar karena

setelah di upload tidak bisa merubah statusnya

kembali. Kemudian tekan tombol submit untuk

merealisasikannya.

4.1.2.2.37 Tampilan Layar Error Detail SAT Point

Gambar 4.70 Halaman Error Detail SAT Point

Halaman ini menunjukkan adanya pesan

error yang dikarenakan file yang di upload bukanlah

file berekstensi .xls atau .xlsx. Masukkan kembali file

yang sesuai dengan format, lalu tekan tombol submit

untuk meralisasikannya.

prosedur penggunaan aplikasi 4.1...

Documents