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 INFORMATIKADAN TEKNIK KOMPUTER (STMIK)

STIKOM BALI SINGARAJA2014

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.

m anipulasi data adm in

login

m anipulasi data lapangan

m anipulasi data tarif

ubah status aktif m em ber

ubah status pem esanan

transaksi pem bayaran

adm inistrator

logout

Gambar Rancangan UML Web Server Aplikasi Futsal Booking SystemBerbasis 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.

login aplikasi

register m em berdashboard

ubah account

pem esanan

detail pem esanan

lihat kontak

m em ber

logout aplikasi

Gambar Rancangan UML Aplikasi Android Aplikasi FutsalBooking 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 BookingSystem 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 Keteranganid_admin bigint(20) primary key increment nomor

data administratorUsername varchar(50) username yang digunakan

administrator untuk login webserver

Password varchar(50) password yang digunakanadministrator untuk login webserver

Aktif enum(‘Y’,’T’) status administrator (ya atautidak) untuk mengoperasikanweb 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 Tipe Keteranganid_member bigint(20) primary key increment nomor

data memberNama varchar(50) nama lengkap memberAlamat varchar(255) alamat tempat tinggal lengkap

memberTelepon varchar(50) nomor telephon member yang

dapat dihubungiEmail varchar(50) Email member yang akan

digunakan untuk login aplikasiPassword varchar(50) password yang digunakan member

untuk login aplikasi androidAktif enum(‘Y’,’T’) Status member (ya atau tidak)

untuk mengoperasikan aplikasiandroid

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 Keteranganid_lapangan bigint(20) primary key increment nomor

data lapanganAdmin bigint(20) foreign key id_adminNama varchar(15) nama lapangan dari data

lapanganAktif 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 Keteranganid_tarif bigint(20) primary key increment nomor

data tarif lapanganLapangan bigint(20) foreign key id_lapanganAdmin bigint(20) foreign key id_adminJam varchar(5) jam yang dapat dilakukan

pemesananDurasi int(11) lama lapangan yang dapat

digunakan (dalam menit)

Harga decimal(10,0) harga untuk pemesanan yangdisesuaikan dengan jenislapangan 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 Keteranganid_pemesanan bigint(20) primary key increment nomor

data pemesananMember bigint(20) foreign key id_memberTarif bigint(20) foreign key id_tarifTanggal varchar(15) tanggal yang akan dipesanJam varchar(15) jenis lapangan yang dapat

dilakukan pemesananDurasi int(11) lama lapangan yang dapat

digunakan (dalam menit)Harga decimal(10,0) harga untuk pemesanan yang

disesuaikan dengan jenislapangan dan jam yang dipesan

Team varchar(100) nama tim pemesan lapangan yangakan bermain

Aktif enum(‘S’,’B’) status pemesanan (selesai ataubatal) selama pemesananterjadi

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 Keteranganid_pembayaran bigint(20) primary key increment nomor

data pemesananPemesanan bigint(20) foreign key id_pemesananBiaya decimal(10,0) biaya pemesanan member yang

disesuaikan dengan jenislapangan dan jam yang dipesan

3. 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.

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.

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.

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.

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.

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.

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.

Gambar Rancangan History Member