Sampel yang setuju untuk menggunakan aplikasi pembelian
3.2 Rancangan Sistem yang Diusulkan
3.2.3 Rancangan Layar .1 Tampilan Layar
Gambar 3.37 Protype Web Home untuk Admin
Gambar 3.39 Protype Web Profile Member untuk Admin
Gambar 3.41 Prototype Web Member List untuk Admin
Tabel 3.24 Prototype Mobile untuk Pembeli (user)
Gambar Aplikasi Mobile
Pada gambar di samping merupakan halamanan awal untuk masuk ke dalam aplikasi pembelian tiket, harus login terlebih dahulu.
Jika tidak memiliki akun, pembeli harus membuat akun terlebih dahulu dengan menekan “Belum Registrasi?”
Gambar Registrasi melalui Mobile
Setelah menekan tombol “Belum Registrasi?”, akan tampil gambar seperti di samping. Pengguna diharuskan mengisi form yang telah disediakan untuk pendataan sebelum dapat melakukan pembelian tiket konser.
Gambar Lupa Password
Jika pembeli sudah memiliki akun untuk pembelian tiket konser, tetapi lupa password maka pembeli dapat mengirimkan email pembeli dan admin akan mengirimkan situs untuk reset password ke email pembeli.
Gambar Prototype Tampilan Daftar
Gambar di samping merupakan halaman setelah melakukan login. Pada halaman ini, pembeli dapat melihat daftar konser yang tersedia.
Konser
Gambar Prototype Info konser
Gambar di samping adalah prototype halaman info konser, setelah pembeli memilih salah satu konser yang tersedia dihalaman daftar konser. Pada halaman ini pembeli dapat melihat info-info seputar konser, seperti penyanyi/band, tempat/lokasi konser yang akan diselenggarakan, tanggal dan jam konser yang akan dimulai, serta tata letak panggung. Setelah melihat menu info konser, pembeli dapat melakukan pemesanan tiket konser dengan menekan tombol “Status tiket”.
Gambar Protype Beranda
Setelah menekan tombol “Status tiket”, pembeli akan masuk ke halaman status tiket konser, dimana pada halaman ini pembeli dapat memilih jenis kelas tiket yang diinginkan.
Pembeli dapat melihat harga yang tertera sesuai dengan jenis kelas tiketnya. Jika tiket konser telah habis, maka pembeli tidak dapat melakukan pemesanan tiket konser. Ketersediaan tiket konser dapat dilihat pada kolom ‘Status’. Pembeli juga dapat memilih banyaknya tiket yang diinginkan dengan menekan tombol pada kolom ‘Qty’. Jika sudah selesai memilih banyaknya tiket yang diinginkan maka pembeli dapat menekan tombol “Beli” untuk dapat melakukan proses selanjutnya
Gambar Prototype Kepastian pembelian tiket konser
Pada gambar di samping adalah halaman untuk konfirmasi terhadap tiket konser yang telah dipilih oleh pembeli. Pada halaman ini akan ditampilkan Kelas yang berupa kelas tiket konser yang telah dipilih, Tiket yang berupa banyaknya jumlah tiket konser yang telah dipesan, dan Harga merupakan satuan harga tiket sesuai dengan jenis kelas tiket yang dipesan, dan Total Harga merupakan jumlah keseluruhan biaya yang harus dibayar oleh pembeli. Jika pembeli telah yakin untuk melekukan pemesanan tiket konser, maka pembeli dapat menekan tombol “Konfirmasi” untuk melakukan proses pembelian selanjutnya.
Gambar Prototype Konfirmasi Pemesanan
Setelah menekan tombol “Konfirmasi” pembeli akan mendapatkan kode pemesanan tiket konser, kode tersebut berisi angka secara random sebanyak 8 karakter. Kode pemesanan ini digunakan sebagai alat untuk memvalidasi pemesanan tiket konser dan harus dicatat, apabila terjadi kendala pada saat pemindaian tiket konser oleh petugas pemindaian.
Gambar Prototype Transaksi
Jika pembeli sudah melakukan transfer sejumlah dana melalui rekening yang telah tersedia, maka pembeli wajib untuk mengkonfirmasi ulang transfer yang telah dilakukan dengan memasukan kode pemesanan, Nama Bank, Nama Pemilik yaitu nama pemegang nasabah Bank, Total Transfer adalah total harga yang telah ditetapkan, Tanggal Transfer adalah
tanggal pembeli melakukan transfer sejumlah dana pembelian tiket konser.
Gambar Prototype Menu Transaksi
Gambar di samping adalah halaman untuk menunjukan status transaksi pembayaran yang telah dilakukan. Jika status Proses, maka pembeli harus sabar mengunggu sampai status Berhasil atau Gagal. Untuk status berhasil, pembeli dapat menekan kata berhasil tersebut dan akan mendapatkan tiket konser masuk berupa QRCode. Untuk status Gagal, pembeli tidak mendapatkan QRCode dikarenakan gagalnya transfer sejumlah dana yang telah dilakukan oleh pembeli. Pembeli dapat menginformasikan status kegagalannya kepada admin dengan mengirimkan email kepada admin.
Gambar Tampilan bila Transaksi berhasil
Pembeli dengan status berhasil akan mendapatkan gambar berupa QRCode sebagai tiket masuk area konser. Saat melakukan scanning gambar QRCode akan menghilang dan akan berganti gambar berupa gambar kelas tiket yang telah yang telah dipilih, warna bangku, dan untuk kelas V.I.P akan mendapatkan nomor bangku. Hal ini lah salah satu yang membedakan antara aplikasi Indonesian Event.
Gambar Prototype bila transaksi Gagal
Pembeli dengan status Gagal akan mendapatkan pesan berupa informasi untuk memasukan kembali kode pemesanan yang telah didapat pada halaman Pemesanan dengan benar. Jika pembeli masih mendapatkan status Gagal, maka pembeli harus melaporkan hal tersebut kepada admin dengan mengirimkan email kepada admin.
Gambar Syarat dan Ketentuan
Gambar untuk Menu petunjuk
Gambar di samping adalah halaman petunjuk untuk para pembeli yang belum mengetahui cara pemakaian Aplikasi Pembelian Tiket Konser
Berbasis Mobile dengan
Memanfaatkan QRCode Sebagai
3.2.3.2 Navigasi Layar
Pada gambar – gambar dibawah ini akan menjelaskan navigasi layar proses pembelian tiket konser melalui mobile yaitu tampilan pada smartphone, mulai dari awal registrasi sampai pada konfirmasi transaksi diakhir. Setelah user melakukan register dan login, tampilan sistem terdiri dari 3 yaitu menu beranda, profil, dan pemesanan. Dimana halaman beranda berisikan daftar konser yang memuat info dan detail mengenai acara konser. Pada halaman profil memuat informasi mengenai user, dimana user juga dapat melakukan edit biodata melalui halaman ini. Pada halaman pemesanan memuat informasi dan cara transaksi untuk user dalam melakukan pembelian tiket konser yang diinginkan.
Gambar Navigasi Layar ini akan ditampilkan pada lampiran.
Hal ini dikarenakan terlalu banyaknya jumlah Gambar Navigasi
Layar.
Untuk mengetahui lebih jelasnya letak tabel-tabel tersebut pada halaman lampiran 3 – Gambar Navigasi Layar L20, penulis memberikan arahan pada Tabel 3.25
Tabel 3.25 Navigasi Layar
No. Penjelasan Gambar Halaman
1 Register L 20 2 Lupa Password L 21 3 Login L 22 4 Profil L 23 5 Edit L 24 6 Info Konser L 25
7 Status Tiket L 26 8 Beli Tiket L 27 9 Konfirmasi L 28 10 Pemesanan L 29 11 Transaksi L 30 12 Beranda L 31 13 Transaksi Status L 32 14 Petunjuk L 33 15 Petunjuk Beranda L 34 16 Transaksi Berhasil L 35 17 Transaksi Gagal L 36 18 Logout L 37
3.2.4 Rancangan Program