LAPORAN FINAL PROJECT

MATA KULIAH PEMROGRAMAN WEB

LAPANGAN FUTSAL BINTANG

PARAREL : A

NAMA ANGGOTA :

NUR WAHID MUHAMMAD (1534010003)

MUHAMMAD SYAFRIANSYAH (1534010032)

FAIZ RIZKY RAMADHAN (1534010048)

RAIS ALHAKIM (1534010096)

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS ILMU KOMPUTER

UNIVERSITAS PEMBANGUNAN NASIONAL “ VETERAN ”

JAWA TIMUR
 2017

DATA ANGGOTA

FOTO NAMA KONTRIBUSI

Nur Wahid Muhammad

User Interface
1534010003

Muhammad Syafriansyah
Halaman admin
1534010032

Faiz Rizky Ramadhan

1534010048 Database

Rais Alhakim
1534010096 Halaman utama
DOKUMENTASI PEMROGRAMAN BERBASIS WEB

Gambar 1 Tampilan home awal

 Gambar 2 Tampilan home fasilitas

Tampilan home menjelaskan bahwa di home website tersebut memaparkan

tentang dari Bintang Futsal tersebut dan juga menjelaskan berbagai macam-macam
fasilitas yang dipunyai BIntang futsal.

Gambar 3 Tampilan berita dari Bintang Futsal

Tampilan berita menjelaskan berbagai macam informasi yang dibagikan oleh

admin bintang futsal. Dan user website dapat menjalankan fitur untuk mencari berita
dengan menggunakan kata kunci yang sudah tesedia.
 Gambar 4 Tampilan Booking Lapangan

Tampilan Booking Lapangan adalah cara memesan lapangan futsal secara

online, dalam tampilan ini customer dapat memilih berbagai macam lapangan serta di
setiap lapangan dicantumkan ukuran lapangan, bahan lapangan, dan harga sewa
lapangan tiap perjamnya.

Gambar 5 Tampilan jadwal kalender memesan lapangan

 Gambar 6 Tampilan jam lapangan yang kosong atau tidak dipesan

Tampilan kedua gambar tersebut menjelaskan untuk memberitahukan customer

jadwal lapangan yang tidak pesan, sehingga memudahkan mereka menentukan
jadwalnya sendiri.
 Gambar 7 Tampilan Form customer untuk memesan lapangan secara online

Gambar tersebut menjelaskan tata cara customer untuk melakukan pemesanan

lapangan secara online.

Gambar 8 Tampilan vertifikasi customer

 Gambar tesebut menjelaskan bahwa customer sudah melakukan pembayaran
uang muka maupun lunas serta diikuti bukti pembayaran dengan cara upload bukti
pembayaran tersebut.

Gambar 9 Tampilan login untuk admin

Pada halaman login admin dapat login dengan menggunakan id admin dan password
yang telah didaftarkan sebelumnya.
 Gambar 10 Tampilan home admin

Pada halaman beranda terdapat menu data admin, berita, dan booking serta laporan
perbulan, laporan pertahun, dan laporan keseluruhan.

Gambar 11 Tampilan home untuk admin ke 2

Di dalam halaman home admin, terdapat panel laporan perbulanan, pertahun dan
keseluruhan yang berguna untuk informasi transaksi yang dilakukan di website ini.

Gambar 12 Tampilan table admin Bintang Futsal

Pada halaman admin, super admin dapat mengelola admin-admin yang telah dibuat
untuk karyawan persewaan lapangan futsal
 Gambar 13 Tampilan pembuatan berita oleh admin

Pada halaman berita, admin dapat mengelola berita baik dari membuat, mengedit
maupun menghapus berita. Setiap admin hanya dapat mengelola berita buatannya
sendiri.

Gambar 14 Tampilan yang menujukan customer yang sudah melakukan pemesanan

online
Pada tabel booking, admin dapat melakukan verifikasi pembayaran untuk data booking
yang telah diisi oleh customer. Di dalam halaman ini terlihat juga status dari setiap data
customer apakah sudah terverifikasi atau tidak. Data pembooking dapat dihapus jika
belum diverifikasi oleh admin sesuai dengan sang pembooking sudah melakukan
pembayaran atau tidak.

Gambar 15 Tampilan vertifikasi admin terhadap customer yang sudah membayar

Jika admin ingin memverifkasi satu data pembooking, maka admin menekan tombol
verifikasi dan akan dialihkan ke halaman form verifikasi booking, admin akan melihat
apakah pembooking sudah membayar dp atau melunasi dengan melihat hasil upload
foto bukti pembayaran. Jika masih belum ada upload foto maka admin masih belum
bisa memverifikasi pembayaran tersebut.
 Gambar 16 Tampilan tabel-tabel pada database “futsal”

Diatas merupakan tabel –tabel yang ada pada database futsal yang digunakan pada
website kami.

Gambar 17 Secercah source code javascript angular-js yang digunakan sebagai

controller