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)
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
login
manipulasi data lapangan
manipulasi data tarif
ubah status aktif member
ubah status pemesanan
transaksi pembayaran administrator
logout
Gambar Rancangan UML Web Server Aplikasi Futsal Booking System Berbasis Android
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.
login aplikasi
register member
dashboard
ubah account
pemesanan
detail pemesanan
lihat kontak member
logout aplikasi
Gambar Rancangan UML Aplikasi Android Aplikasi Futsal Booking System Berbasis Android
2. Rancangan Basis Data
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 Tipe Keterangan
id_admin bigint(20) primary key increment nomor data
administrator
Username varchar(50) username yang digunakan administrator
untuk login web server
Password varchar(50) password yang digunakan administrator
untuk login web server
Aktif enum(‘Y’,’T’) status administrator (ya atau tidak) untuk
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 Tipe Keterangan
id_member bigint(20) primary key increment nomor data member
Nama varchar(50) nama lengkap member
Alamat varchar(255) alamat tempat tinggal lengkap member
Telepon varchar(50) nomor telephon member yang dapat
dihubungi
Email varchar(50) Email member yang akan digunakan untuk
login aplikasi
Password varchar(50) password yang digunakan member untuk
login aplikasi android
Aktif enum(‘Y’,’T’) 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 Tipe Keterangan
id_lapangan bigint(20) primary key increment nomor data lapangan
Admin bigint(20) foreign key id_admin
Nama varchar(15) nama lapangan dari data lapangan
Aktif enum(‘Y’,’T’) 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.
Nama Tipe Keterangan
id_tarif bigint(20) primary key increment nomor data tarif
lapangan
Lapangan bigint(20) foreign key id_lapangan
Admin bigint(20) foreign key id_admin
Jam varchar(5) jam yang dapat dilakukan pemesanan
Durasi int(11) lama lapangan yang dapat digunakan (dalam
Harga decimal(10,0) harga untuk pemesanan yang disesuaikan dengan jenis lapangan dan jam yang dipesan
Aktif enum(‘Y’,’T’) 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 Tipe Keterangan
id_pemesanan bigint(20) primary key increment nomor data
pemesanan
Member bigint(20) foreign key id_member
Tarif bigint(20) foreign key id_tarif
Tanggal varchar(15) tanggal yang akan dipesan
Jam varchar(15) jenis lapangan yang dapat dilakukan
pemesanan
Durasi int(11) lama lapangan yang dapat digunakan (dalam
menit)
Harga decimal(10,0) harga untuk pemesanan yang disesuaikan
dengan jenis lapangan dan jam yang dipesan
Team varchar(100) nama tim pemesan lapangan yang akan
bermain
Aktif enum(‘S’,’B’) 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 Tipe Keterangan
id_pembayaran bigint(20) primary key increment nomor data
pemesanan
Pemesanan bigint(20) foreign key id_pemesanan
Biaya decimal(10,0) biaya pemesanan member yang disesuaikan
dengan jenis lapangan dan jam yang dipesan
3. Rancangan Antarmuka
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.
Masukkan e-mail (E-mail)
Gambar Rancangan Antarmuka Login Member
3.2 Rancangan Antarmuka Register Member
Masukkan Nama (Plain Text)
Masukkan e-mail (E-mail) Masukkan Alamat (Plain Text)
Masukkan Telepon (Phone)
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.
Menu Account,
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.
Masukkan Nama (Plain Text)
Masukkan e-mail (E-mail) Masukkan Alamat (Plain Text)
Masukkan Telepon (Phone)
Masukkan Password (Password) Header-Judul Form (TextView)
Footer (TextView) Update
Gambar Rancangan Antarmuka Account Member
3.5 Rancangan Antarmuka Pemesanan
Data Lapangan (ListView) Header-Judul Form (TextView)
Footer (TextView) Pilih Lapangan (Spinner)
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.
Lapangan (Plain Text)
Masukkan Team (Plain Text)
Pesan Jam (Plain Text)
Durasi (Plain Text) Header-Judul Form (TextView)
Footer (TextView) Harga (Plain Text)
Pilih
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.
Data Lapangan (ListView) Header-Judul Form (TextView)
Footer (TextView) Pilih Lapangan (Spinner)