RANCANGAN APLIKASI FUTSAL BOOKING SYSTEM
RANCANGAN APLIKASI FUTSAL BOOKING SYSTEM
BERBASIS ANDROID
Oleh Kelompok IV:
Gede Novi Sedana (130010286)
Hari Muliawan (130010328)
I Gusti Bagus Arya Adi Suastika (130010336)
Yuslam Lahji (130010337)
A.A Putri Sasmirah (130010342)
PROGRAM STUDI S1 SISTEM KOMPUTER
PENDIDIKAN JARAK JAUH (PJJ)
SEKOLAH TINGGI MANAJEMEN INFORMATIKA
DAN TEKNIK KOMPUTER (STMIK)
STIKOM BALI SINGARAJA
2014
Rancangan “Aplikasi Futsal Booking System Berbasis Android” ini terdiri dari
beberapa rancangan, antara lain: rancangan sistem, rancangan basis data, dan rancangan
antarmuka.
1.
Rancangan UML
Aplikasi Futsal Booking System Berbasis Android, dirancang menggunakan
rancangan UML. Rancangan ini terdiri dari 2 (dua) pengguna yaitu administrator dan
member. Dalam hal ini, administrator bertugas sebagai pengguna web server. Administrator
hanya dapat melakukan proses manipulasi data admin, lapangan, tarif. Selain itu juga,
administrator dapat mengubah status aktif member dan pemesanan, serta melakukan proses
transaksi pembayaran. Pada proses manipulasi data terdapat proses tambah dan ubah/edit
data. Berikut ini Gambar Rancangan UML Web Server Aplikasi Futsal Booking System
Berbasis Android.
manipulasi data admin
manipulasi data lapangan
manipulasi data tarif
administrator
ubah status aktif member
login
ubah status pemesanan
transaksi pembayaran
logout
Gambar Rancangan UML Web Server Aplikasi Futsal Booking System Berbasis Android
Pengguna member dalam aplikasi ini, proses diawali dengan melakukan login
member terlebih dahulu. Selain itu juga, pada login member tersedia fasilitas register atau
daftar akun member baru. Selanjutnya pengguna member dapat melihat dashboard aplikasi
yang berisi menu account (ubah akun), pemesanan, history (daftar pemesanan yang telah
dilakukan member itu sendiri), kontak (nomor telepon petugas yang dapat dihubungi) dan
logout dan pesan lapangan. Berikut ini Gambar Rancangan UML Aplikasi Android Aplikasi
Pemesanan Lapangan Futsal Berbasis Android.
dashboard
register member
ubah account
login aplikasi
pemesanan
member
detail pemesanan
lihat kontak
logout aplikasi
Gambar Rancangan UML Aplikasi Android Aplikasi Futsal Booking System Berbasis
Android
2.
Rancangan Basis Data
Rancangan basis data “Aplikasi Futsal Booking System Berbasis Android”
menggunakan MySQL dengan nama “db_futsal”. Berikut ini adalah gambar dari relasi antar
tabel dari Aplikasi Futsal Booking System Berbasis Android.
Gambar Rancangan Relasi Antartabel Aplikasi Futsal Booking System Berbasis Android
Berikut ini penjabaran masing-masing tabel dari rancangan basis data dari Aplikasi
Futsal Booking System Berbasis Android.
2.1 t_admin
t_admin berfungsi sebagai tabel yang menampung data admin. Tabel ini dirancang
untuk administrator dapat login sistem untuk melakukan proses manipulasi data pada web
server. Berikut ini rancangan tabel t_admin.
Nama
id_admin
Tipe
bigint(20)
Username
varchar(50)
Password
varchar(50)
Aktif
enum(‘Y’,’T’)
Keterangan
primary key increment nomor data
administrator
username yang digunakan administrator
untuk login web server
password yang digunakan administrator
untuk login web server
status administrator (ya atau tidak) untuk
mengoperasikan web server
2.2 t_member
t_member berfungsi sebagai tabel yang menampung data member. Tabel ini
dirancang untuk administrator dalam melakukan manipulasi data member pada web server,
dan member untuk login sebelum mengakses menu utama yang terdapat pada aplikasi
android. Namun administrator hanya berhak mengatifkan atau non-aktifkan status member.
Berikut ini rancangan tabel t_member.
Nama
id_member
Nama
Alamat
Telepon
Tipe
bigint(20)
varchar(50)
varchar(255)
varchar(50)
Email
varchar(50)
Password
varchar(50)
Aktif
enum(‘Y’,’T’)
Keterangan
primary key increment nomor data member
nama lengkap member
alamat tempat tinggal lengkap member
nomor telephon member yang dapat
dihubungi
Email member yang akan digunakan untuk
login aplikasi
password yang digunakan member untuk
login aplikasi android
Status member (ya atau tidak) untuk
mengoperasikan aplikasi android
2.3 t_lapangan
t_lapangan berfungsi sebagai tabel yang menampung data lapangan. Tabel ini
merupakan relasi yang akan digunakan untuk t_tarif. Berikut ini rancangan tabel t_lapangan.
Nama
id_lapangan
Admin
Nama
Aktif
Tipe
bigint(20)
bigint(20)
varchar(15)
enum(‘Y’,’T’)
Keterangan
primary key increment nomor data lapangan
foreign key id_admin
nama lapangan dari data lapangan
status lapangan (ya atau tidak) untuk dapat
dipesan
2.4 t_tarif
t_tarif berfungsi sebagai tabel yang menampung data biaya tarif lapangan. Tabel ini
merupakan rincian biaya dari nama lapangan dan jam yang dipesan. Berikut ini rancangan
tabel t_tarif.
id_tarif
Nama
Tipe
bigint(20)
Lapangan
Admin
Jam
Durasi
bigint(20)
bigint(20)
varchar(5)
int(11)
Keterangan
primary key increment nomor data tarif
lapangan
foreign key id_lapangan
foreign key id_admin
jam yang dapat dilakukan pemesanan
lama lapangan yang dapat digunakan (dalam
menit)
Harga
decimal(10,0)
Aktif
enum(‘Y’,’T’)
harga untuk pemesanan yang disesuaikan
dengan jenis lapangan dan jam yang dipesan
status tarif (ya atau tidak) untuk dapat
dipesan
2.5 t_pemesanan
t_pemesanan berfungsi sebagai tabel yang menampung data pemesanan member.
Tabel ini dirancang untuk administrator dalam melakukan pembatalan pemesanan pada web
server, dan member untuk melakukan proses pemesanan melalui aplikasi android. Selain itu
juga sebagai relasi pada t_pembayaran. Berikut ini rancangan tabel t_pemesanan.
Nama
id_pemesanan
Tipe
bigint(20)
Member
Tarif
Tanggal
Jam
bigint(20)
bigint(20)
varchar(15)
varchar(15)
Durasi
int(11)
Harga
decimal(10,0)
Team
varchar(100)
Aktif
enum(‘S’,’B’)
Keterangan
primary key increment nomor data
pemesanan
foreign key id_member
foreign key id_tarif
tanggal yang akan dipesan
jenis lapangan yang dapat dilakukan
pemesanan
lama lapangan yang dapat digunakan (dalam
menit)
harga untuk pemesanan yang disesuaikan
dengan jenis lapangan dan jam yang dipesan
nama tim pemesan lapangan yang akan
bermain
status pemesanan (selesai atau batal) selama
pemesanan terjadi
2.6 t_pembayaran
t_pembayaran berfungsi sebagai tabel yang menampung data pembayar yang
dilakukan member. Proses ini berlangsung secara langsung saat member telah selesai
menggunakan lapangan dan waktu yang dipesan. Berikut ini rancangan tabel t_pembayaran.
Nama
id_pembayaran
Tipe
bigint(20)
Pemesanan
Biaya
bigint(20)
decimal(10,0)
3.
Keterangan
key increment nomor
primary
data
pemesanan
foreign key id_pemesanan
biaya pemesanan member yang disesuaikan
dengan jenis lapangan dan jam yang dipesan
Rancangan Antarmuka
Aplikasi Futsal Booking System Berbasis Android ini memiliki beberapa rancangan
antarmuka. Rancangan antarmuka tersebut, terdiri dari rancangan antarmuka login member,
register member, menu utama, account member, pemesanan, detail pemesanan dan history
member.
3.1 Rancangan Antarmuka Login Member
Rancangan antarmuka login member merupakan rancangan form yang berfungsi
sebagai pembatasan akses aplikasi, agar tidak sembarang orang yang dapat mengaksesnya,
kecuali member. Selain itu juga, form ini dirancang sebagai media penghubung ke form
register akun member baru. Komponen-komponen yang terdapat pada rancangan ini, antara
lain: sebuah ImageView yang akan digunakan gambar logo; 3 (tiga) buah TextView untuk
header, footer dan nama logo; E-mail untuk e-mail login member; Password untuk password
login member; dan 2 (dua) Button untuk login dan register akun. Berikut ini Gambar
Rancangan Antarmuka Log In Member.
Header-Judul Form (TextView)
Logo
(Image
View)
Nama logo (TextView)
Masukkan e-mail (E-mail)
Masukkan Password (Password)
Login
Register
Footer (TextView)
Gambar Rancangan Antarmuka Login Member
3.2 Rancangan Antarmuka Register Member
Rancangan antarmuka register member merupakan rancangan form untuk register
akun member baru. Komponen-komponen yang terdapat pada rancangan ini, antara lain: 2
(dua) buah TextView yang akan digunakan untuk header dan footer; 2 (dua) Plain Text nama
dan alamat member; Phone untuk nomor telepon member; E-mail untuk e-mail member;
Password untuk password log in member; dan 2 (dua) Button sebagai link pemanggil fom
login dan daftar atau menyimpan akun member. Berikut ini Gambar Rancangan Antarmuka
Register Member.
Header-Judul Form (TextView)
Masukkan Nama (Plain Text)
Masukkan Alamat (Plain Text)
Masukkan Telepon (Phone)
Masukkan e-mail (E-mail)
Masukkan Password (Password)
Login
Daftar
Footer (TextView)
Gambar Rancangan Antarmuka Register Member
3.3 Rancangan Antarmuka Menu Utama
Rancangan antarmuka menu utama dapat diakses apabila member berhasil melakukan
login member. Rancangan ini terdapat komponen ListView yang digunakan untuk
menampung list menu dari aplikasi tersebut. Isi dari list menu, antara lain: beranda, akun, list
pemesanan, pesan lapangan dan log out. Selain itu juga, terdapat komponen lain dalam
rancangan form ini, yaitu 2 (dua) buah TextView yang akan digunakan untuk header dan
footer, serta 4 (empat) buah pasang button dan Image sebagai menu utama pada background.
Berikut ini Gambar Rancangan Antarmuka Menu Utama.
Header-Judul Form (TextView)
List Menu
(ListView)
Menu Account,
Pemesanan, History,
Kontak
(Button dan ImageView)
Footer (TextView)
Gambar Rancangan Antarmuka Menu Utama
3.4 Rancangan Antarmuka Account Member
Rancangan antarmuka account member merupakan rancangan form untuk update data
akun member itu sendiri. Komponen-komponen yang terdapat pada rancangan ini, antara
lain: 2 (dua) buah TextView yang akan digunakan untuk header dan footer; 2 (dua) Plain
Text nama dan alamat member; Phone untuk nomor telepon member; E-mail untuk e-mail
member; Password untuk password log in member; dan sebuah Button untuk update atau
menyimpan perubahan akun member. Berikut ini Gambar Rancangan Antarmuka Account
Member.
Header-Judul Form (TextView)
Masukkan Nama (Plain Text)
Masukkan Alamat (Plain Text)
Masukkan Telepon (Phone)
Masukkan e-mail (E-mail)
Masukkan Password (Password)
Update
Footer (TextView)
Gambar Rancangan Antarmuka Account Member
3.5 Rancangan Antarmuka Pemesanan
Rancangan antarmuka pemesanan merupakan rancangan form yang tampil, ketika
menu pemesanan dari list menu pada halaman menu utama diklik. Rancangan ini berfungsi
sebagai media yang menampilkan data lapangan futsal yang dapat dipesan, berdasarkan status
sewa yang digunakan. Komponen-komponen yang terdapat pada rancangan ini, antara lain: 2
(dua) buah TextView yang akan digunakan untuk header dan footer, dan ListView sebagai
media menampilkan isi dari data lapangan yang diambil dari tabel t_tarif. Berikut ini Gambar
Rancangan Antarmuka Pemesanan.
Header-Judul Form (TextView)
Pilih Lapangan (Spinner)
Data Lapangan
(ListView)
Footer (TextView)
Gambar Rancangan Antarmuka Pemesanan
3.6 Rancangan Antarmuka Detail Pemesanan
Rancangan antarmuka detail pemesanan merupakan form yang tampil, ketika salah
satu dari list data lapangan diklik pada form pemesanan. Komponen-komponen yang terdapat
pada rancangan ini, antara lain: 2 (dua) buah TextView yang akan digunakan untuk header
dan footer, 5 (dua) Plain Text untuk menampilkan nama lapangan, jam, durasi, harga, dan
memasukkan nama tim yang akan bermain. Selain komponen Plain Text, terdapat juga 2
(dua) Button untuk kembali ke form pemesanan dan memroses pemesanan atau menyimpan
proses pemesanan. Berikut ini Gambar Rancangan Antarmuka Pemesanan.
Header-Judul Form (TextView)
Lapangan (Plain Text)
Jam (Plain Text)
Durasi (Plain Text)
Harga (Plain Text)
Masukkan Team (Plain Text)
Pilih
Pesan
Footer (TextView)
Gambar Rancangan Antarmuka Pesan Lapangan
3.7 Rancangan Antarmuka History Member
Rancangan antarmuka history member merupakan rancangan form yang tampil,
ketika menu history dari list menu pada halaman menu utama diklik. Rancangan ini berfungsi
sebagai media yang menampilkan data lapangan futsal telah dipesan pada saat itu.
Komponen-komponen yang terdapat pada rancangan ini, antara lain: 2 (dua) buah TextView
yang akan digunakan untuk header dan footer, dan ListView sebagai media menampilkan isi
dari data lapangan yang telah dipesan member. Berikut ini Gambar Rancangan Antarmuka
History Member.
Header-Judul Form (TextView)
Pilih Lapangan (Spinner)
Data Lapangan
(ListView)
Footer (TextView)
Gambar Rancangan History Member
BERBASIS ANDROID
Oleh Kelompok IV:
Gede Novi Sedana (130010286)
Hari Muliawan (130010328)
I Gusti Bagus Arya Adi Suastika (130010336)
Yuslam Lahji (130010337)
A.A Putri Sasmirah (130010342)
PROGRAM STUDI S1 SISTEM KOMPUTER
PENDIDIKAN JARAK JAUH (PJJ)
SEKOLAH TINGGI MANAJEMEN INFORMATIKA
DAN TEKNIK KOMPUTER (STMIK)
STIKOM BALI SINGARAJA
2014
Rancangan “Aplikasi Futsal Booking System Berbasis Android” ini terdiri dari
beberapa rancangan, antara lain: rancangan sistem, rancangan basis data, dan rancangan
antarmuka.
1.
Rancangan UML
Aplikasi Futsal Booking System Berbasis Android, dirancang menggunakan
rancangan UML. Rancangan ini terdiri dari 2 (dua) pengguna yaitu administrator dan
member. Dalam hal ini, administrator bertugas sebagai pengguna web server. Administrator
hanya dapat melakukan proses manipulasi data admin, lapangan, tarif. Selain itu juga,
administrator dapat mengubah status aktif member dan pemesanan, serta melakukan proses
transaksi pembayaran. Pada proses manipulasi data terdapat proses tambah dan ubah/edit
data. Berikut ini Gambar Rancangan UML Web Server Aplikasi Futsal Booking System
Berbasis Android.
manipulasi data admin
manipulasi data lapangan
manipulasi data tarif
administrator
ubah status aktif member
login
ubah status pemesanan
transaksi pembayaran
logout
Gambar Rancangan UML Web Server Aplikasi Futsal Booking System Berbasis Android
Pengguna member dalam aplikasi ini, proses diawali dengan melakukan login
member terlebih dahulu. Selain itu juga, pada login member tersedia fasilitas register atau
daftar akun member baru. Selanjutnya pengguna member dapat melihat dashboard aplikasi
yang berisi menu account (ubah akun), pemesanan, history (daftar pemesanan yang telah
dilakukan member itu sendiri), kontak (nomor telepon petugas yang dapat dihubungi) dan
logout dan pesan lapangan. Berikut ini Gambar Rancangan UML Aplikasi Android Aplikasi
Pemesanan Lapangan Futsal Berbasis Android.
dashboard
register member
ubah account
login aplikasi
pemesanan
member
detail pemesanan
lihat kontak
logout aplikasi
Gambar Rancangan UML Aplikasi Android Aplikasi Futsal Booking System Berbasis
Android
2.
Rancangan Basis Data
Rancangan basis data “Aplikasi Futsal Booking System Berbasis Android”
menggunakan MySQL dengan nama “db_futsal”. Berikut ini adalah gambar dari relasi antar
tabel dari Aplikasi Futsal Booking System Berbasis Android.
Gambar Rancangan Relasi Antartabel Aplikasi Futsal Booking System Berbasis Android
Berikut ini penjabaran masing-masing tabel dari rancangan basis data dari Aplikasi
Futsal Booking System Berbasis Android.
2.1 t_admin
t_admin berfungsi sebagai tabel yang menampung data admin. Tabel ini dirancang
untuk administrator dapat login sistem untuk melakukan proses manipulasi data pada web
server. Berikut ini rancangan tabel t_admin.
Nama
id_admin
Tipe
bigint(20)
Username
varchar(50)
Password
varchar(50)
Aktif
enum(‘Y’,’T’)
Keterangan
primary key increment nomor data
administrator
username yang digunakan administrator
untuk login web server
password yang digunakan administrator
untuk login web server
status administrator (ya atau tidak) untuk
mengoperasikan web server
2.2 t_member
t_member berfungsi sebagai tabel yang menampung data member. Tabel ini
dirancang untuk administrator dalam melakukan manipulasi data member pada web server,
dan member untuk login sebelum mengakses menu utama yang terdapat pada aplikasi
android. Namun administrator hanya berhak mengatifkan atau non-aktifkan status member.
Berikut ini rancangan tabel t_member.
Nama
id_member
Nama
Alamat
Telepon
Tipe
bigint(20)
varchar(50)
varchar(255)
varchar(50)
varchar(50)
Password
varchar(50)
Aktif
enum(‘Y’,’T’)
Keterangan
primary key increment nomor data member
nama lengkap member
alamat tempat tinggal lengkap member
nomor telephon member yang dapat
dihubungi
Email member yang akan digunakan untuk
login aplikasi
password yang digunakan member untuk
login aplikasi android
Status member (ya atau tidak) untuk
mengoperasikan aplikasi android
2.3 t_lapangan
t_lapangan berfungsi sebagai tabel yang menampung data lapangan. Tabel ini
merupakan relasi yang akan digunakan untuk t_tarif. Berikut ini rancangan tabel t_lapangan.
Nama
id_lapangan
Admin
Nama
Aktif
Tipe
bigint(20)
bigint(20)
varchar(15)
enum(‘Y’,’T’)
Keterangan
primary key increment nomor data lapangan
foreign key id_admin
nama lapangan dari data lapangan
status lapangan (ya atau tidak) untuk dapat
dipesan
2.4 t_tarif
t_tarif berfungsi sebagai tabel yang menampung data biaya tarif lapangan. Tabel ini
merupakan rincian biaya dari nama lapangan dan jam yang dipesan. Berikut ini rancangan
tabel t_tarif.
id_tarif
Nama
Tipe
bigint(20)
Lapangan
Admin
Jam
Durasi
bigint(20)
bigint(20)
varchar(5)
int(11)
Keterangan
primary key increment nomor data tarif
lapangan
foreign key id_lapangan
foreign key id_admin
jam yang dapat dilakukan pemesanan
lama lapangan yang dapat digunakan (dalam
menit)
Harga
decimal(10,0)
Aktif
enum(‘Y’,’T’)
harga untuk pemesanan yang disesuaikan
dengan jenis lapangan dan jam yang dipesan
status tarif (ya atau tidak) untuk dapat
dipesan
2.5 t_pemesanan
t_pemesanan berfungsi sebagai tabel yang menampung data pemesanan member.
Tabel ini dirancang untuk administrator dalam melakukan pembatalan pemesanan pada web
server, dan member untuk melakukan proses pemesanan melalui aplikasi android. Selain itu
juga sebagai relasi pada t_pembayaran. Berikut ini rancangan tabel t_pemesanan.
Nama
id_pemesanan
Tipe
bigint(20)
Member
Tarif
Tanggal
Jam
bigint(20)
bigint(20)
varchar(15)
varchar(15)
Durasi
int(11)
Harga
decimal(10,0)
Team
varchar(100)
Aktif
enum(‘S’,’B’)
Keterangan
primary key increment nomor data
pemesanan
foreign key id_member
foreign key id_tarif
tanggal yang akan dipesan
jenis lapangan yang dapat dilakukan
pemesanan
lama lapangan yang dapat digunakan (dalam
menit)
harga untuk pemesanan yang disesuaikan
dengan jenis lapangan dan jam yang dipesan
nama tim pemesan lapangan yang akan
bermain
status pemesanan (selesai atau batal) selama
pemesanan terjadi
2.6 t_pembayaran
t_pembayaran berfungsi sebagai tabel yang menampung data pembayar yang
dilakukan member. Proses ini berlangsung secara langsung saat member telah selesai
menggunakan lapangan dan waktu yang dipesan. Berikut ini rancangan tabel t_pembayaran.
Nama
id_pembayaran
Tipe
bigint(20)
Pemesanan
Biaya
bigint(20)
decimal(10,0)
3.
Keterangan
key increment nomor
primary
data
pemesanan
foreign key id_pemesanan
biaya pemesanan member yang disesuaikan
dengan jenis lapangan dan jam yang dipesan
Rancangan Antarmuka
Aplikasi Futsal Booking System Berbasis Android ini memiliki beberapa rancangan
antarmuka. Rancangan antarmuka tersebut, terdiri dari rancangan antarmuka login member,
register member, menu utama, account member, pemesanan, detail pemesanan dan history
member.
3.1 Rancangan Antarmuka Login Member
Rancangan antarmuka login member merupakan rancangan form yang berfungsi
sebagai pembatasan akses aplikasi, agar tidak sembarang orang yang dapat mengaksesnya,
kecuali member. Selain itu juga, form ini dirancang sebagai media penghubung ke form
register akun member baru. Komponen-komponen yang terdapat pada rancangan ini, antara
lain: sebuah ImageView yang akan digunakan gambar logo; 3 (tiga) buah TextView untuk
header, footer dan nama logo; E-mail untuk e-mail login member; Password untuk password
login member; dan 2 (dua) Button untuk login dan register akun. Berikut ini Gambar
Rancangan Antarmuka Log In Member.
Header-Judul Form (TextView)
Logo
(Image
View)
Nama logo (TextView)
Masukkan e-mail (E-mail)
Masukkan Password (Password)
Login
Register
Footer (TextView)
Gambar Rancangan Antarmuka Login Member
3.2 Rancangan Antarmuka Register Member
Rancangan antarmuka register member merupakan rancangan form untuk register
akun member baru. Komponen-komponen yang terdapat pada rancangan ini, antara lain: 2
(dua) buah TextView yang akan digunakan untuk header dan footer; 2 (dua) Plain Text nama
dan alamat member; Phone untuk nomor telepon member; E-mail untuk e-mail member;
Password untuk password log in member; dan 2 (dua) Button sebagai link pemanggil fom
login dan daftar atau menyimpan akun member. Berikut ini Gambar Rancangan Antarmuka
Register Member.
Header-Judul Form (TextView)
Masukkan Nama (Plain Text)
Masukkan Alamat (Plain Text)
Masukkan Telepon (Phone)
Masukkan e-mail (E-mail)
Masukkan Password (Password)
Login
Daftar
Footer (TextView)
Gambar Rancangan Antarmuka Register Member
3.3 Rancangan Antarmuka Menu Utama
Rancangan antarmuka menu utama dapat diakses apabila member berhasil melakukan
login member. Rancangan ini terdapat komponen ListView yang digunakan untuk
menampung list menu dari aplikasi tersebut. Isi dari list menu, antara lain: beranda, akun, list
pemesanan, pesan lapangan dan log out. Selain itu juga, terdapat komponen lain dalam
rancangan form ini, yaitu 2 (dua) buah TextView yang akan digunakan untuk header dan
footer, serta 4 (empat) buah pasang button dan Image sebagai menu utama pada background.
Berikut ini Gambar Rancangan Antarmuka Menu Utama.
Header-Judul Form (TextView)
List Menu
(ListView)
Menu Account,
Pemesanan, History,
Kontak
(Button dan ImageView)
Footer (TextView)
Gambar Rancangan Antarmuka Menu Utama
3.4 Rancangan Antarmuka Account Member
Rancangan antarmuka account member merupakan rancangan form untuk update data
akun member itu sendiri. Komponen-komponen yang terdapat pada rancangan ini, antara
lain: 2 (dua) buah TextView yang akan digunakan untuk header dan footer; 2 (dua) Plain
Text nama dan alamat member; Phone untuk nomor telepon member; E-mail untuk e-mail
member; Password untuk password log in member; dan sebuah Button untuk update atau
menyimpan perubahan akun member. Berikut ini Gambar Rancangan Antarmuka Account
Member.
Header-Judul Form (TextView)
Masukkan Nama (Plain Text)
Masukkan Alamat (Plain Text)
Masukkan Telepon (Phone)
Masukkan e-mail (E-mail)
Masukkan Password (Password)
Update
Footer (TextView)
Gambar Rancangan Antarmuka Account Member
3.5 Rancangan Antarmuka Pemesanan
Rancangan antarmuka pemesanan merupakan rancangan form yang tampil, ketika
menu pemesanan dari list menu pada halaman menu utama diklik. Rancangan ini berfungsi
sebagai media yang menampilkan data lapangan futsal yang dapat dipesan, berdasarkan status
sewa yang digunakan. Komponen-komponen yang terdapat pada rancangan ini, antara lain: 2
(dua) buah TextView yang akan digunakan untuk header dan footer, dan ListView sebagai
media menampilkan isi dari data lapangan yang diambil dari tabel t_tarif. Berikut ini Gambar
Rancangan Antarmuka Pemesanan.
Header-Judul Form (TextView)
Pilih Lapangan (Spinner)
Data Lapangan
(ListView)
Footer (TextView)
Gambar Rancangan Antarmuka Pemesanan
3.6 Rancangan Antarmuka Detail Pemesanan
Rancangan antarmuka detail pemesanan merupakan form yang tampil, ketika salah
satu dari list data lapangan diklik pada form pemesanan. Komponen-komponen yang terdapat
pada rancangan ini, antara lain: 2 (dua) buah TextView yang akan digunakan untuk header
dan footer, 5 (dua) Plain Text untuk menampilkan nama lapangan, jam, durasi, harga, dan
memasukkan nama tim yang akan bermain. Selain komponen Plain Text, terdapat juga 2
(dua) Button untuk kembali ke form pemesanan dan memroses pemesanan atau menyimpan
proses pemesanan. Berikut ini Gambar Rancangan Antarmuka Pemesanan.
Header-Judul Form (TextView)
Lapangan (Plain Text)
Jam (Plain Text)
Durasi (Plain Text)
Harga (Plain Text)
Masukkan Team (Plain Text)
Pilih
Pesan
Footer (TextView)
Gambar Rancangan Antarmuka Pesan Lapangan
3.7 Rancangan Antarmuka History Member
Rancangan antarmuka history member merupakan rancangan form yang tampil,
ketika menu history dari list menu pada halaman menu utama diklik. Rancangan ini berfungsi
sebagai media yang menampilkan data lapangan futsal telah dipesan pada saat itu.
Komponen-komponen yang terdapat pada rancangan ini, antara lain: 2 (dua) buah TextView
yang akan digunakan untuk header dan footer, dan ListView sebagai media menampilkan isi
dari data lapangan yang telah dipesan member. Berikut ini Gambar Rancangan Antarmuka
History Member.
Header-Judul Form (TextView)
Pilih Lapangan (Spinner)
Data Lapangan
(ListView)
Footer (TextView)
Gambar Rancangan History Member