Dokumen Perancangan Perangkat Lunak

Penyusun :
Kelompok [6]

1. Project Manager Erzan Miftah Faridi 24010311120004

2. System Analyst Sidiq Aldi Ginanjar 24010311130048
Rizka Ella Setyani 24010311120023
3. Software Designer Milata Khanifah 24010311120006
TitisTriwijayanti 24010311120019
4. Software Developer Haris Dwi Arfianto 24010311130038
Tiara Fajrin 24010311120020
5. Software Tester Eva LiyanWoroningrum 24010311120009
Rico Estrada 24010311120013

JURUSAN ILMU KOMPUTER / INFORMATIKA

FAKULTAS SAINS DAN MATEMATIKA
UNIVERSITAS DIPONEGORO
2014
 SISTEM PENYEWAAN AYODYA SPORT CENTER

DOKUMEN PERANCANGAN PERANGKAT LUNAK

14 April 2014

Penyusun :
Kelompok [6]

1. Project Manager Erzan Miftah Faridi 24010311120004

2. System Analyst Sidiq Aldi Ginanjar 24010311130048
Rizka Ella Setyani 24010311120023
3. Software Designer Milata Khanifah 24010311120006
TitisTriwijayanti 24010311120019
4. Software Developer Haris Dwi Arfianto 24010311130038
Tiara Fajrin 24010311120020

5. Software Tester Eva LiyanWoroningrum 24010311120009

Rico Estrada 24010311120013

JURUSAN ILMU KOMPUTER / INFORMATIKA

FAKULTAS SAINS DAN MATEMATIKA
UNIVERSITAS DIPONEGORO
2014
 DAFTAR PERUBAHAN

Revisi Deskripsi
A Memperbaiki flowchart FC-01, FC-03, FC-07, FC-17,
FC-19, FC-21

B
Memperbaiki flowchart dan perancangan basis data

C
Menambah diagram arsitektur perangkat lunak,
mengganti antarmuka

D
Mengubah perancangan basis data, menambah flow
chart dan antarmuka.

i
 DAFTAR ISI

1 Pendahuluan ......................................................................................................................... 1
1.1 Tujuan Penulisan Dokumen .......................................................................................... 1
1.2 Lingkup Masalah ........................................................................................................... 1
1.3 Aturan Penomoran......................................................................................................... 1
1.4 Referensi........................................................................................................................ 5
1.5 Deskripsi Umum Dokumen........................................................................................... 5
2 Model Perancangan .............................................................................................................. 6
2.1 Arsitektur Perangkat Lunak .......................................................................................... 6
2.2 Perancangan Algoritma ............................................................................................... 10
2.3 Perancangan Antarmuka ............................................. Error! Bookmark not defined.
2.4 Perancangan Basis Data .............................................................................................. 48
3 Traceability ........................................................................................................................ 49

ii
1 Pendahuluan

1.1 Tujuan Penulisan Dokumen

Dokumen ini berisi tentang penjelasan bagian design perangkat lunak Sistem
Penyewaan Sport Centre (S.P.S.C) serta proses singkat dari sistem perangkat lunak yang
akan di rancang. Tujuan dari pembuatan dokumen ini sendiri adalah untuk
mempermudah developer memahami tentang bagaimana sistem ini bekerja nantinya
sehingga dapat di kembangkan sesuai dengan rancangan perangkat lunak yang dibuat
dalam dokumen ini.

1.2 Lingkup Masalah

Sport center merupakan lahan bisnis, yang dalam penanganan suatu transaksi
penyewaan jika dilakukan secara manual akan membutuhkan banyak waktu dan kurang
efisien. Oleh karena itu dibangun suatu sistem penyewaan Ayodya Sport Centre untuk
memudahkan dalam proses pemesanan lapangan sehingga lebih efektif serta
mempermudah pencarian jadwal secara online oleh pemesan.

1.3 Aturan Penomoran

Bagian ini diisi dengan aturan penomoran yang digunakan dalam dokumen.

Penomoran Keterangan

AR-1 Komponen arsitektur ke 1

AR-1.1 Komponen arsitektur ke 1.1

AR-1.2 Komponen arsitektur ke 1.2

AR-1.3 Komponen arsitektur ke 1.3

AR-1.4 Komponen arsitektur ke 1.4

AR-2 Komponen arsitektur ke 2

AR-2.1 Komponen arsitektur ke 2.1

AR-2.2 Komponen arsitektur ke 2.2

1
AR-2.3 Komponen arsitektur ke 2.3

AR-2.4 Komponen arsitektur ke 2.4

AR-2.5 Komponen arsitektur ke 2.5

AR-2.6 Komponen arsitektur ke 2.6

AR-3 Komponen arsitektur ke 3

AR-3.1 Komponen arsitektur ke 3.1

AR-3.2 Komponen arsitektur ke 3.2

AR-3.3 Komponen arsitektur ke 3.3

AR-3.4 Komponen arsitektur ke 3.4

AR-4 Komponen arsitektur ke 4

AR-4.1 Komponen arsitektur ke 4.1

AR-4.2 Komponen arsitektur ke 4.2

AR-4.3 Komponen arsitektur ke 4.3

AR-4.4 Komponen arsitektur ke 4.4

AR-5 Komponen arsitektur ke 5

AR-6 Komponen arsitektur ke 6

AR-7 Komponen arsitektur ke 7

AR-8 Komponen arsitektur ke 8

AM-01 Antarmuka ke 01

AM-02 Antarmuka ke 02

AM-03 Antarmuka ke 03

2
AM-04 Antarmuka ke 04

AM-05 Antarmuka ke 05

AM-06 Antarmuka ke 06

AM-07 Antarmuka ke 07

AM-08 Antarmuka ke 08

AM-09 Antarmuka ke 09

AM-10 Antarmuka ke 10

AM-11 Antarmuka ke 11

AM-12 Antarmuka ke 12

AM-13 Antarmuka ke 13

AM-14 Antarmuka ke 14

AM-15 Antarmuka ke 15

AM-16 Antarmuka ke 16

AM-17 Antarmuka ke 17

AM-18 Antarmuka ke 18

AM-19 Antarmuka ke 19

AM-20 Antarmuka ke 20

AM-21 Antarmuka ke 21

AM-22 Antarmuka ke 22

AM-23 Antarmuka ke 23

AM-24 Antarmuka ke 24

3
FC-01 Flowchart ke 1

FC-02 Flowchart ke 2

FC-03 Flowchart ke 3

FC-04 Flowchart ke 4

FC-05 Flowchart ke 5

FC-06 Flowchart ke 6

FC-07 Flowchart ke 7

FC-08 Flowchart ke 8

FC-09 Flowchart ke 9

FC-10 Flowchart ke 10

FC-11 Flowchart ke 11

FC-12 Flowchart ke 12

FC-13 Flowchart ke 13

FC-14 Flowchart ke 14

FC-15 Flowchart ke 15

FC-16 Flowchart ke 16

FC-17 Flowchart ke 17

FC-18 Flowchart ke 18

FC-19 Flowchart ke 19

FC-20 Flowchart ke 20

FC-21 Flowchart ke 21

4
FC-22 Flowchart ke 22

FC-23 Flowchart ke 23

FC-24 Flowchart ke 24

FC-25 Flowchart ke 25

FC-26 Flowchart ke 26

FC-27 Flowchart ke 27

1.4 Referensi
Suharto, Toto. 1997. Diktat Kuliah Pengantar Basis Data. Bandung.
Pressman, R.S. 2010. Software Engineering : A Pratitioners Approach, Seventh
Edition. New York : McGraw-Hill.

1.5 Deskripsi Umum Dokumen

Bab 1 (Pendahuluan) : Menjelaskan gambaran umum tujuan dan manfaat dari

dibangunnya software S.P.S.C, beserta spesifikasi dari
software itu sendiri. Bab ini juga menjelaskan bagaimana
masalah-masalah yang menjadi dasar pembangunan
software ini.

Bab 2 (Model Perancangan): Menjelaskan bagaimana gambaran kasar software ini akan
dibangun beserta cara mengaksesnya dan antarmuka yang
akan ditampilkan.

2.1 (Arsitektur Perangkat Lunak) : sekumpulan pernyataan yang menggambarkan

komponen perangkat lunak dan fungsi-fungsi yang ada pada komponen tersebut.

2.2 (Perancangan Algoritma) : Akan memberikan gambaran umum bagaimana

Alur atau algoritma pembuatan sistem ini. Dalam hal ini kami menggunakan
flowchart.

2.3 (Perancangan Antar Muka) : Akan memberikan gambaran umum bagaimana

tampilan utama dari S.P.S.C saat diakses oleh user.

2.4 (Perancangan Basis Data) : menggambarkan bagaimana basis data dari sistem
ini beserta tipe-tipe datanya.

5
 Bab 3 (Traceability) : Berisi keteruntutan mulai dari spesifikasi kebutuhan hingga
perancangan.

2 Model Perancangan

2.1 Arsitektur Perangkat Lunak

Arsitektur perangkat lunak merupakan penjelasan dari komponen komponen yang

menyusun sistem, sebagai berikut :

No Nama Komponen Fungsi

Arsitektur
1. AR-1 Mengolah data member fungsinya untuk mengolah data
member Sport center
2. AR-1.1 Menambah data member fungsinya untuk menambahkan
data member baru Sport center
3 AR-1.2 Mengubah data member fungsinya untuk mengubah
data member Sport center
4 AR-1.3 Menghapus data member fungsinya untuk menghapus
data member Sport center
5 AR-1.4 Menampilkan data member fungsinya untuk
menampilkan data member Sport center
6 AR-2 Mengolah data sewa fungsinya untuk mengolah data
penyewaan lapangan Sport center
7 AR-2.1 Memeriksa data member fungsinya untuk memeriksa
apakah yang akan menyewa lapangan adalah member
atau bukan
8 AR-2.2 Menambah data sewa fungsinya untuk menambah data
penyewaan lapangan Sport center
9 AR-2.3 Mengubah data sewa fungsinya untuk mengubah data
penyewaan lapangan Sport center
10 AR-2.4 Menghapus data sewa fungsinya untuk menghapus data
penyewaan lapangan Sport center
11 AR-2.5 Menampilkan data sewa fungsinya untuk menlihat data
penyewaan lapangan Sport center
12 AR-2.6 Mencetak nota pembayaran sewa fungsinya untuk

6
 mencatat data penyewaan lapangan Sport center
13 AR-3 Mengolah data lapangan fungsinya untuk mengolah
data lapangan Sport Center
14 AR-3.1 Menambah data lapangan fungsinya untuk menambah
data lapangan Sport Center
15 AR-3.2 Mengubah data lapangan fungsinya untuk mengubah
data lapangan Sport Center
16 AR-3.3 Menghapus data lapangan fungsinya untuk menghapus
data lapangan Sport Center
17 AR-3.4 Menampilkan data lapangan fungsinya untuk melihat
data lapangan Sport Center
18 AR-4 Mengolah data jenis lapangan fungsinya untuk
mengolah data jenis lapangan Sport Centre
19 AR-4.1 Menambah data jenis lapangan fungsinya untuk
menambah data jenis lapangan Sport Centre
20 AR-4.2 Mengubah data jenis lapangan fungsinya untuk
Mengubah data jenis lapangan Sport Centre
21 AR-4.3 Menghapus data jenis lapangan fungsinya untuk
menghapus data jenis lapangan
22 AR-4.4 Menampilkan data jenis lapangan fungsinya untuk
menampilkan data jenis lapangan
23 AR-5 Mencari dan menampilkan jadwal penyewaan lapangan
fungsinya untuk mencari dan menampilkan jadwal
penyewaan lapangan Sport Center
24 AR-6 Menampilkan statistik penyewaan lapangan fungsinya
untuk menampilkan statistik penyewaan lapangan Sport
Center
25 AR-7 Otentikasi dan autorisasi login fungsinya untuk
otentikasi dan autorisasi login Sport Center
26 AR-8 Mengelola akun fungsinya untuk mengelola akun
pengguna sistem penyewaan Sport Center

7
 Arsitektur Perangkat Lunak S.P.S.C

Sistem
Penyewaan
Ayodya Sport
Center

Mengolah Mengolah Mengolah Mengelola Autorisasi

data data data sewa akun dan
lapangan member autentifikasi
login

Mencari dan Mencetak Menampilkan

menampilkan nota statistik
jadwal pembayaran penyewaan
lapangan lapangan

Sistem penyewaan sport center ini mengelola proses penyewaan lapangan lapangan
yang ada di dalam Ayodya Sport Center. Dalam proses penyewaan lapangan operator terlebih
dahulu login ke dalam sistem, kemudian sistem menampilkan jadwal penyewaan lapangan.
Pihak penyewa lapangan memberitahukan kepada operator keyword lapangan yang ingin
disewa meliputi jenis lapangan, nama lapangan, tanggal. Kemudian sistem mencari jadwal
penyewaan lapangan sesuai dengan keyword yang telah diinputkan oleh operator. Jika jadwal
yang diinginkan kosong, maka dilanjutkan dengan menginput data sewa untuk melengkapi
data penyewaan. Data penyewaan disimpan, jika pembayaran lunas maka sistem mencetak
nota pembayaran. Namun jika jadwal yang diinginkan ternyata sudah dibooking, maka bisa
mencari jadwal lain dengan input keyword lagi. Jika tidak ingin mencari jadwal lain, maka
selesai. Berikut flowchart untuk proses penyewaan lapangan yang dilayani oleh operator
Ayodya Sport Center.

8
9
2.2 Perancangan Algoritma
Perancangan algoritma dalam dokumen desain S.P.S.C ini menggunakan flowchart.
Flowchart (diagram alur) merupakan alat bantu pemrograman yang dapat membantu
programmer dalam mengorganisasikan pemikiran dalam pemrograman, terutama bila
dibutuhkan penalaran yang tajam dalam logika prosedur suatu program . Dalam
dokumen ini terdapat 22 flowchart yang merupakan gambaran fungsi fungsi yang ada
dalam S.P.S.C.

ID Flowchart : FC 01
Flowchart : Flowchart tambah data jenis lapangan

Flowchart tambah data jenis lapangan merupakan fungsi ketika sistem menambahkan data
jenis lapangan oleh admin jika sport center memiliki jenis lapangan baru. Data jenis lapangan
yang pertama diinput adalah jenis_lap karena jenis lapangan selalu berbeda setiap lapangan.
Jika jenis lapangan tidak ada yang sama maka input atribut lapangan lainnya meliputi harga
siang dan harga malam. Jika ada jenis lapangan ada yang sama maka admin harus
menginputkan jenis lapangan dengan jenis lain yang belum ada.

10
ID Flowchart : FC 02
Flowchart : Flowchart tambah data lapangan

Flowchart tambah data lapangan merupakan fungsi ketika sistem menambahkan data
lapangan oleh admin jika sport center memiliki lapangan baru yang jenisnya sudah ada. Data
lapangan yang pertama diinput adalah nama lapangan karena nama lapangan selalu berbeda
setiap lapangan. Jika nama lapangan tidak ada yang sama maka input atribut lapangan lainnya
meliputi jenis lapangan. Jika ada nama lapangan yang sama maka admin harus menginputkan
nama lapangan dengan nama lain yang belum ada.

11
ID Flowchart : FC-03
Flowchart : Flowchart tambah data member

Flowchart tambah data member merupakan fungsi ketika sistem menambahkan data member
oleh operator jika ada orang yang ingin menjadi member baru. Data member yang pertama
diinput adalah username karena username selalu berbeda setiap akun member. Jika username
tidak ada yang sama maka input atribut member lainnya meliputi password, nama, alamat,
telepon dan tanggal join. Jika ada username yang sama maka operator harus menginputkan
username dengan username lain yang belum ada.

12
ID Flowchart : FC-04
Flowchart : Flowchart tambah data sewa

Flowchart tambah data sewa merupakan fungsi ketika sistem menambahkan data sewa oleh
operator jika ada orang (bisa member) yang ingin menyewa lapangan. Sebelum input data
sewa, operator mencarikan jadwal lapangan dengan inputan keyword jenis lapangan, nama
lapangan, tanggal dan waktu. Keyword tidak harus terisi semua, bisa salah satu atau lebih.
Jika jadwal hasil pencarian yang diinginkan tersebut kosong dan jadi pesan lapangan tersebut
maka input data sewa lainnya. Jika tidak kosong maka bisa mencari jadwal lapangan lagi
untuk mendapatkan jadwal lapangan yang lainnya. Dan dilanjut dengan input data sewa
lainnya untuk memenuhi data penyewaan hingga selesai.
13
ID Flowchart : FC-05
Flowchart : Flowchart ubah data jenis lapangan

Flowchart ubah data jenis lapangan merupakan fungsi ketika admin akan mengubah data jenis
lapangan. Sistem menampilkan data jenis lapangan terlebih dahulu, kemudian bisa diubah
pada atribut harga siang, harga malam dari lapangan. Jika perubahan data sudah selesai dan
form sudah terisi lengkap, makadata disimpan. Jika masih ada atribut yang kosong maka input
data untuk mengisi atribut kosong tersebut.

14
ID Flowchart : FC-06
Flowchart : Flowchart ubah data lapangan

Flowchart ubah data lapangan merupakan fungsi ketika admin akan mengubah data lapangan.
Sistem menampilkan data lapangan terlebih dahulu, kemudian bisa diubah pada nama
lapangan dan jenis lapangan. Jika perubahan data sudah selesai dan form sudah terisi lengkap,
maka data disimpan. Jika masih ada atribut yang kosong maka input data untuk mengisi
atribut kosong tersebut.

15
ID Flowchart : FC-07
Flowchart : Flowchart ubah data member

Flowchart ubah data member merupakan fungsi ketika operator akan mengubah data
member. Sistem menampilkan data member terlebih dahulu, kemudian bisa diubah pada
atribut nama, password, alamat, telepon pada data member. Jika perubahan data sudah selesai
dan form sudah terisi lengkap, makadata disimpan. Jika masih ada atribut yang kosong maka
input data untuk mengisi atribut kosong tersebut.

16
ID Flowchart : FC-08
Flowchart : Flowchart ubah data user

Flowchart ubah data user merupakan fungsi yang bisa dilakukan admin dan operator yang
akan mengubah data user yang dalam hal ini adalah ubah password. Admin bias memilih
ubah password terlebih dahulu. Jika form password sudah terisi, maka data disimpan. Jika
field password masih kosong maka input data password untuk mengisi atribut password yang
kosong tersebut.

17
ID Flowchart : FC-09
Flowchart : Flowchart ubah data sewa

Flowchart ubah data sewa merupakan fungsi yang bisa dilakukan operator yang akan
mengubah data sewa jika pemesan menghendaki perubahan. Jika perubahan data sudah
selesai dan form sudah terisi lengkap, maka data disimpan. Jika masih ada atribut yang
kosong maka input data untuk mengisi atribut kosong tersebut. Jika yang diubah pembayaran
sewa (untuk pelunasan pembayaran) maka sistem mencetak nota pelunasan.

18
ID Flowchart : FC-10
Flowchart : Flowchart tampil data jenis lapangan

Flowchart tampil data jenis lapangan merupakan fungsi yang bisa dilakukan admin yang
digunakan untuk menampilkan data jenis lapangan .Output fungsi ini berupa tampilan dari
data jenis lapangan.

ID Flowchart : FC-11
Flowchart : Flowchart tampil data lapangan

Flowchart tampil data lapangan merupakan fungsi yang bisa dilakukan admin yang digunakan
untuk menampilkan data lapangan .Output fungsi ini berupa tampilan dari data lapangan.

19
ID Flowchart : FC-12
Flowchart : Flowchart tampil data member

Flowchart tampil data member merupakan fungsi yang bisa dilakukan oleh admin dan
operator yang digunakan untuk menampilkan data member anggota SPSC. Output fungsi ini
berupa tampilan dari data member.

ID Flowchart : FC-13
Flowchart : Flowchart tampil data user

Flowchart tampil data user merupakan fungsi yang bisa dilakukan oleh admin yang
digunakan untuk menampilkan data user SPSC. Output fungsi ini berupa tampilan dari data
user.

20
ID Flowchart : FC-14
Flowchart : Flowchart tampil data sewa

Flowchart tampil data sewa merupakan fungsi yang bisa dilakukan oleh admin dan operator
yang digunakan untuk menampilkan data sewa lapangan. Input tanggal bulan tahun untuk
mendapatkan data sewa pada berdasarkan tanggal. Kemudian sistem menampilkan data sewa,
output hasilnya berupa tampil data sewa.

ID Flowchart : FC-15
Flowchart : Flowchart tampil jadwal penyewaan lapangan
mulai

Menampilkan jadwal
penyewaan lapangan

Tampil
jadwal
penyewaan
lapangan

selesai

Flowchart tampil jadwal penyewaan lapangan merupakan fungsi yang bisa dilakukan oleh
21
operator, admin, member dan guest yang digunakan untuk menampilkan jadwal penyewaan
lapangan. Input keyword jenis lapangan, nama lapangan, tanggal dan waktu. Keyword tidak
harus terisi semua, bisa salah satu atau lebih. Kemudian sistem menampilkan jadwal
penyewaan lapangan, output hasilnya berupa tampil jadwal penyewaan lapangan berdasarkan
keyword yang diinput.

ID Flowchart : FC-16
Flowchart : Flowchart tampil statistik penyewaan lapangan

Flowchart tampil statistic penyewaan lapangan merupakan fungsi yang bisa dilakukan oleh
admin yang digunakan untuk menampilkan statistic penyewaan lapangan. Inputan berupa
bulan dan tahun, kemudian system menampilkan statistic penyewaan lapangan. Output
hasilnya berupa tampilan statistic penyewaan lapangan selama satu bulan tergantung bulan
yang diinputkan.

ID Flowchart : FC-17
Flowchart : Flowchart hapus data jenis lapangan

22
Flowchart hapus data jenis lapangan merupakan fungsi yang bisa dilakukan admin yang
akan menghapus data jenis lapangan jika jenis lapangan sudah tidak bisa di sewa lagi. Data
jenis lapangan yang dihapus maka dihapus dalam database. Jika tidak jadi menghapus data
jenis lapangan maka kembali pada tampilan data jenis lapangan.

ID Flowchart : FC-18
23
Flowchart : Flowchart hapus data lapangan

Flowchart hapus data lapangan merupakan fungsi yang bisa dilakukan admin yang akan
menghapus data lapangan jika lapangan sudah tidak bisa di sewa lagi. Data lapangan yang
dihapus maka dihapus dalam database. Jika tidak jadi menghapus data lapangan makan
kembali pada tampilan data lapangan.

ID Flowchart : FC-19
Flowchart : Flowchart hapus data member
24
 mulai

Menampilkan
data member

Pilih data
yang akan Tidak
dihapus

Hapus data?

Ya

Hapus data dalam

database

selesai

Flowchart hapus data member merupakan fungsi yang bisa dilakukan operator yang akan
menghapus data member jika member sudah tidak ingin menjadi member. Data member yang
dihapus maka dihapus dalam database. Jika tidak jadi menghapus data member maka kembali
pada tampilan data member.

ID Flowchart : FC-20
Flowchart : Flowchart hapus data sewa.
25
 mulai

Menampilkan
data sewa

Pilih data
yang akan Tidak
dihapus

Hapus data?

Ya

Hapus data dalam

database

selesai

Flowchart hapus data sewa merupakan fungsi yang bisa dilakukan operator yang akan
menghapus data sewa jika penyewa membatalkan transaksi penyewaan lapangan . Data sewa
yang dihapus maka dihapus dalam database. Jika tidak jadi menghapus data sewa maka
kembali pada tampilan data sewa.

ID Flowchart : FC-21
Flowchart : Flowchart cetak nota pelunasan pembayaran sewa
26
 mulai

Penambahan
data sewa

Bayar uang
Bayar lunas? Tidak
muka

ya

Melunasi
Mencetak nota
pembayaran

Nota
pembayaran
sewa

selesai

Flowchart mencetak nota pelunasan pembayaran sewa merupakan fungsi yang bisa dilakukan
operator yang melayani penyewa dalam menyewa lapangan. Setelah melakukan transaksi
penambahan data sewa dan biaya sewa dibayar lunas maka sistem mencetak nota pembayaran
sewa dan dihasilkan dokumen nota pembayaran sewa. Jika penyewa tidak bayar lunas maka
penyewa membayar uang muka kemudian melunasi pembayaran setelah selesai menggunakan
lapangan dan system mencetak nota.

ID Flowchart : FC-22
Flowchart : Flowchart booking lapangan secara online

27
 mulai

Pencarian
jadwal
Ya
penyewaan
lapangan

Cari data
Lapangan yang mau
Tidak Jadwal lapangan
dibooking kosong?
lain

Ya

Input data
sewa

Simpan

Tidak

selesai

Flowchart booking lapangan secara online merupakan fungsi yang bisa dilakukan member
yang akan booking lapangan secara online. Sistem melakukan pencarian jadwal penyewaan
lapangan, jika lapangan yang ingin dibooking kosong maka lanjut dengan input data sewa
untuk melengkapi data yang dibutuhkan untuk menyewa lapangan. Jika lapangan yang
diinginkan tidak kosong, maka bisa mencari jadwal lapangan lain, jika tidak maka selesai dan
tidak jadi booking lapangan.

ID Flowchart : FC-23
Flowchart : Flowchart membuat jadwal lapangan yang disewa dan belum disewa

28
Flowchart membuat jadwal lapangan yang belum, sedang dan sudah disewa merupakan
fungsi yang mengambil data dari data sewa yang ada. Jika data yang diambil sudah sesuai
dengan data untuk membuat jadwal penyewaan lapangan maka tampil output berupa jadwal
penyewaan lapangan, jika tidak sesuai maka ambil data lagi dari data sewa yang sesuai.

ID Flowchart : FC-24
Flowchart : Flowchart mencari jadwal penyewaan lapangan
29
Flowchart mencari jadwal penyewaan lapangan merupakan fungsi yang bisa dilakukan
operator, member dan guest. System melakukan pencarian jadwal lapangan dengan inputan
keyword jenis lapangan, nama lapangan, tanggal. Keyword tidak harus terisi semua, bisa
salah satu atau lebih. Jika jadwal lapangan yang dicari berdasarkan keyword ketemu maka
outputnya berupa tampilan jadwal lapangan. Jika tidak ketemu maka tampil output peringatan
dan bisa melakukan pencarian ulang dengan input keyword lagi atau tidak melakukan
pencarian ulang sehingga selesai.

ID Flowchart : FC-25
Flowchart : Flowchart login
30
 mulai

Input
username
dan
password
Tidak

Cek login
berhasil?

Ya

Masuk Halaman
sesuai tipe user

Tampil
halaman
sesuai tipe
user

selesai

Flowchart login merupakan fungsi yang bisa dilakukan admin, operator dan member. Login
dilakukan dengan input username dan password, kemudian di cek apakah sesuai dengan akun
yang tersimpan dalam database, jika berhasil maka masuk ke halaman sesuai tipe user dan
tampil output berupa halaman sesuai tipe user. Jika login gagal, maka input username dan
password kembali.

ID Flowchart : FC-26
Flowchart : Flowchart logout
31
 mulai

Menampilkan
halaman sesuai
tipe user

Logout

selesai

Flowchart logout merupakan fungsi yang bisa dilakukan admin, operator dan member. Logout
dilakukan untuk keluar dari sistem. Ketika user dalam keadaan login dalam sistem dan tampil
halaman user, kemudian user logout dan keluar dari sistem.

ID Flowchart : FC-27
Flowchart : Flowchart tambah jadwal lapangan

Flowchart tambah jadwal lapangan merupakan fungsi yang bisa dilakukan oleh operator untuk
menambah jadwal lapangan selama satu bulan ke depan. Operator input nama lapangan, field
tanggal sudah terisi dengan tanggal terakhir yang ada pada tabel sewa dan field sampai diisi
dengan tanggal satu bulan setelah field tanggal. Kemudian system menyimpan jadwal
lapangan.

32
2.3 Perancangan Antarmuka

ID Antarmuka : AM-01
Antarmuka : antarmuka halaman utama

Halaman utama ini digunakan sebagai halaman pertama dari sistem ayodya sport centre.
Dapat digunakan oleh guest dengan tanpa login untuk mencari jadwal lapangan yang tersedia
dan melihat contact ayodya sport centre yang dapat dihubungi. Halaman utama juga
digunakan sebagai halaman login bagi administrator, operator, dan member untuk masuk ke
dalam sistem dengan memasukkan username, dan password sehingga administrator, operator,
dan member dapat masuk ke dalam S.P.S.C untuk mengakses.

ID Antarmuka : AM-02
Antarmuka : antarmuka jadwal lapangan untuk guest

33
Halaman jadwal lapangan ini menampilkan interface saat guest melihat jadwal lapangan
maupun melakukan pencarian jadwal lapangan. Pencarian jadwal yaitu berdasarkan jenis
lapangan, nama lapangan, tanggal. Sehingga jika klik cari maka akan tampil tabel jadwal
lapangan beserta status ketersediaan lapangan (masih isi atau kosong) dapat dilihat pada
kolom status sehingga guest dapat melihat lapangan mana saja yang tersedia.

ID Antarmuka : AM-03
Antarmuka : antarmuka contact_us (Guest)

Halaman contact_us ini menampilkan interface untuk guest yang berisi informasi mengenai
contact dan alamat dari ayodya sport centre yang dapat dihubungi.

ID Antarmuka : AM-04
Antarmuka : antarmuka tambah data lapangan (Administrator)

34
Halaman tambah data lapangan ini tampil setelah administrator melakukan login pada
halaman utama. Salah satu kewenangan administrator yaitu dapat menambah data lapangan.
Halaman tambah data lapangan ini menampilkan interface untuk administrator berupa form
untuk melakukan tambah data lapangan yang meliputi nama lapangan, jenis lapangan,. Klik
tambah agar data tersimpan dalam database dan akan tampil ketika administrator
melakukan kelola data lapangan. Jika administrator ingin melakukan perubahan passwordnya,
maka klik ubah password pada pojok kanan atas. Jika administrator ingin keluar dari sistem
maka klik logout.

ID Antarmuka : AM-05
Antarmuka : antarmuka kelola data lapangan (Administrator)

35
Salah satu kewenangan administrator yaitu dapat melakukan kelola lapangan. Pada halaman
kelola lapangan dalam hal ini administrator dapat mengubah dan menghapus data lapangan.
Jika klik ubah maka akan tampil form ubah data lapangan. Jika klik hapus maka data
akan terhapus secara otomatis. Jika administrator ingin melakukan perubahan passwordnya,
maka klik ubah password pada pojok kanan atas. Jika administrator ingin keluar dari sistem
maka klik logout.

ID Antarmuka : AM-06
Antarmuka : antarmuka form ubah data lapangan (Administrator)

Halaman form ubah data lapangan tampil setelah administrator klik ubah pada halaman
sebelumnya. Pada halaman form ubah data lapangan ini menampilkan interface untuk
administrator agar dapat mengubah data lapangan yang meliputi nama lapangan, jenis
lapangan. Klik edit agar data tersimpan dalam database dan akan tampil pada tabel
lapangan. Jika administrator ingin melakukan perubahan passwordnya, maka klik ubah

36
password pada pojok kanan atas. Jika administrator ingin keluar dari sistem maka klik
logout.

ID Antarmuka : AM-07
Antarmuka : antarmuka kelola jenis lapangan (Administrator)

Salah satu kewenangan administrator yaitu dapat melakukan kelola jenis lapangan. Pada
halaman kelola jenis lapangan dalam hal ini administrator dapat mengubah dan menghapus
jenis lapangan pada ayodya sport centre. Jika klik ubah maka akan tampil form ubah data
lapangan. Jika klik hapus maka data akan terhapus secara otomatis. Jika administrator ingin
melakukan perubahan passwordnya, maka klik ubah password pada pojok kanan atas. Jika
administrator ingin keluar dari sistem maka klik logout.

ID Antarmuka : AM-08

37
Antarmuka : antarmuka form ubah jenis lapangan (Administrator)

Halaman form ubah jenis lapangan tampil setelah administrator klik ubah pada halaman
sebelumnya. Pada halaman form ubah jenis lapangan ini menampilkan interface untuk
administrator agar dapat mengubah jenis lapangan yang meliputi jenis lapangan, harga siang,
dan harga malam. Klik edit agar data tersimpan dalam database dan akan tampil pada tabel
lapangan. Jika administrator ingin melakukan perubahan passwordnya, maka klik ubah
password pada pojok kanan atas. Jika administrator ingin keluar dari sistem maka klik
logout.

ID Antarmuka : AM-09
Antarmuka : antarmuka tambah jenis lapangan (Administrator)

Salah satu kewenangan administrator yaitu dapat melakukan tambah jenis lapangan. Pada
halaman tambah jenis lapangan dalam hal ini administrator dapat menambah jenis lapangan
pada ayodya sport centre. Klik Simpan agar tersimpan di database dan dapat tampil pada
tabel lapangan. Jika administrator ingin melakukan perubahan passwordnya, maka klik ubah

38
password pada pojok kanan atas. Jika administrator ingin keluar dari sistem maka klik
logout.

ID Antarmuka : AM-10
Antarmuka : Antarmuka statistik (Administrator)

Salah satu kewenangan administrator adalah dapat melihat data statistik penyewaan ayodya
sport centre. Halaman statistik ini menampilkan interface untuk administrator agar dapat
melihat statistik penyewaan lapangan. Jika administrator ingin melakukan perubahan
passwordnya, maka klik ubah password pada pojok kanan atas. Jika administrator ingin
keluar dari sistem maka klik logout.

ID Antarmuka : AM-11
Antarmuka : antarmuka data member (Administrator)

Salah satu kewenangan administrator adalah dapat melihat data member. Halaman member
ini menampilkan interface untuk administrator agar dapat melihat data member yang terdaftar
39
pada penyewaan ayodya sport centre. Namun administrator tidak diberi kewenangan untuk
mengubah data member tersebut. Jika administrator ingin melakukan perubahan passwordnya
sendiri, maka klik ubah password pada pojok kanan atas. Administrator ingin keluar dari
sistem maka klik logout.

ID Antarmuka : AM-12
Antarmuka : Antarmuka data sewa (Administrator)

Salah satu kewenangan administrator adalah dapat melihat data sewa. Halaman data sewa ini
menampilkan interface untuk administrator agar dapat melihat data sewa pada ayodya sport
centre. Dapat di sort berdasarkan tanggal agar data sewa tampil lebih spesifik sesuai tanggal
yang dipilih. Jika administrator ingin melakukan perubahan passwordnya, maka klik ubah
password pada pojok kanan atas. Jika administrator ingin keluar dari sistem maka klik
logout.

ID Antarmuka : AM-13
Antarmuka : antarmuka data user (Administrator)

40
Salah satu kewenangan administrator adalah dapat mengubah data user. Halaman data sewa
ini menampilkan interface untuk administrator agar dapat mengubah password user yang
dalam hal ini administrator dapat mengubah password dari operator. Jika administrator ingin
melakukan perubahan passwordnya sendiri, maka klik ubah password pada pojok kanan
atas. Jika administrator ingin keluar dari sistem maka klik logout.

ID Antarmuka : AM-14
Antarmuka : antarmuka form data user (Administrator)

Halaman form ubah data user menampilkan interface untuk administrator agar dapat
melakukan perubahan password pada data user (operator) dengan mengisi form perubahan
password. Form ini akan tampil setelah klik ubah password pada halaman data user.

ID Antarmuka : AM-15

41
Antarmuka : antarmuka jadwal lapangan (Operator)

Halaman jadwal lapangan, data sewa, dan data member tampil setelah operator melakukan
login pada halaman utama sistem. Halaman jadwal lapangan ini menampilkan interface untuk
operator agar dapat melihat jadwal lapangan yang tersedia. Setelah operator melihat jadwal
lapangan maka dapat langsung klik sewa untuk melakukan tambah data sewa. Jika operator
ingin melakukan perubahan passwordnya, maka klik ubah password pada pojok kanan atas.
Jika operator ingin keluar dari sistem maka klik logout.

ID Antarmuka : AM-16
Antarmuka : antarmuka form tambah data sewa (Operator)

Halaman form tambah data sewa menampilkan interface untuk operator agar dapat melakukan
tambah data sewa setelah operator klik sewa pada halaman jadwal lapangan sebelumnya.
Halaman ini berisi ID Member untuk membedakan antara member dan non-member, nama,
jenis lapangan, tanggal, waktu, dan uang yang dibayar. Lalu klik simpan agar tambah data
42
sewa dapat dilakukan. Jika operator ingin melakukan perubahan passwordnya, maka klik
ubah password pada pojok kanan atas. Jika operator ingin keluar dari sistem maka klik
logout.

ID Antarmuka : AM-17
Antarmuka : antarmuka tambah jadwal lapangan (Operator)

Halaman form tambah jadwal lapangan menampilkan interface untuk operator agar dapat
melakukan tambah jadwal lapangan. Halaman ini berisi lapangan, tanggal dan sampai. Lalu
klik tambah agar tambah data jadwal lapangan dapat dilakukan. Jika operator ingin
melakukan perubahan passwordnya, maka klik ubah password pada pojok kanan atas. Jika
operator ingin keluar dari sistem maka klik logout.

ID Antarmuka : AM-18
Antarmuka : antarmuka kelola data sewa (Operator)

43
Halaman kelola data sewa menampilkan interface untuk operator agar dapat melihat jadwal
sewa lapangan secara lengkap. Selain itu operator juga dapat melakukan ubah dan hapus data
sewa lapangan. Jika klik ubah maka akan tampil form ubah data sewa. Jika klik hapus
maka data akan otomatis terhapus. Operator juga dapat melakukan cetak nota pembayaran
jika pembayaran sewa telah lunas. Jika operator ingin melakukan perubahan passwordnya,
maka klik ubah password pada pojok kanan atas. Jika operator ingin keluar dari sistem
maka klik logout.

ID Antarmuka : AM-19
Antarmuka : antarmuka form ubah data sewa lapangan (Operator)

Halaman form ubah data sewa lapangan menampilkan interface untuk operator agar dapat
mengubah data sewa lapangan yang meliputi nama, nama lapangan, tanggal, waktu, dan
pembayaran. Klik Simpan agar data tersimpan dalam database dan dapat tampil pada jadwal

44
sewa lapangan. Jika operator ingin melakukan perubahan passwordnya, maka klik ubah
password pada pojok kanan atas. Jika operator ingin keluar dari sistem maka klik logout.

ID Antarmuka : AM-20
Antarmuka : antarmuka kelola data member (Operator)

Halaman kelola data member menampilkan interface untuk operator agar dapat melihat data
member secara lengkap. Selain itu operator juga dapat melakukan ubah data member yang
meliputi nama, password, alamat, dan telefon. Serta dapat melakukan hapus data member.
Jika operator ingin melakukan perubahan passwordnya, maka klik ubah password pada
pojok kanan atas. Jika operator ingin keluar dari sistem maka klik logout.

ID Antarmuka : AM-21
Antarmuka : antarmuka form ubah data member (Operator)

45
Halaman form ubah data member menampilkan interface untuk operator agar dapat mengubah
data member yang meliputi nama, username, password, alamat, dan telefon. Jika operator
ingin melakukan perubahan passwordnya, maka klik ubah password pada pojok kanan atas.
Jika operator ingin keluar dari sistem maka klik logout.

ID Antarmuka : AM-22
Antarmuka : Antarmuka form tambah member (operator)

Halaman form tambah data member menampilkan interface untuk operator agar dapat
melakukan tambah data member. Form ini meliputi pengisian nama, username, password,
alamat, telefon. Klik Simpan agar data tersimpan pada database dan akan ditampilkan pada
tabel data member. Jika operator ingin melakukan perubahan passwordnya, maka klik ubah
password pada pojok kanan atas. Jika operator ingin keluar dari sistem maka klik logout.
ID Antarmuka : AM-23
Antarmuka : antarmuka jadwal lapangan (Member)
46
Halaman jadwal lapangan tampil setelah member melakukan login pada halaman utama
sistem. Halaman jadwal lapangan ini menampilkan interface untuk member agar dapat
melihat jadwal lapangan yang tersedia pada hari itu dan dapat mencari jadwal lapangan sesuai
kata kunci yang diberikan. Setelah member melihat jadwal lapangan atau mencari jadwal
lapangan yang dicari maka member dapat klik pesan pada tabel untuk melakukan
pemesanan. Selain itu pada interface ini member dapat mengubah password dengan cara klik
Ubah Password di pojok kanan atas. Member juga dapat melakukan logout dalam
interface ini untuk keluar dari sistem.

ID Antarmuka : AM-24
Antarmuka : antarmuka reservasi lapangan (Member)

Form Reservasi Lapangan tampil setelah member melakukan klik pesan pada tabel jadwal
lapangan sebelumnya. Dalam interface ini member mengisikan data yang tersedia dalam form
guna untuk memesan lapangan, seperti ID Member, Nama, Nama Lapangan, Tanggal, Waktu,

47
dan pembayaran. Setelah klik simpan data akan tersimpan dalam database dan akan tampil
pada jadwal lapangan. Selain itu pada interface ini member dapat mengubah password dengan
cara klik Ubah Password di pojok kanan atas. Member juga dapat melakukan logout
dalam interface ini untuk keluar dari sistem.

2.4 Perancangan Basis Data

2.4.1 Conceptual data model (CDM)
Conceptual data model merupakan tingkat abstraksi yang menggambarkan data apa
yang disimpan dalam database, serta hubungan yang ada diantaranya. Dalam hal ini,
sistem memiliki lima tabel, yaitu tabel lapangan, tabel jenis lapangan, tabel sewa, tabel
member dan tabel user. Tabel lapangan memiliki relasi dengan tabel member dengan
kardinalitas m ke n. Relasi ini membentuk tabel sewa yang menyimpan transaksi
penyewaan lapangan.

2.4.2 Physical Data Model

Physical data model merupakan tingkat abstraksi paling rendah yang menggambarkan
bagaimana data disimpan sebenarnya. Dalam system penyewaan sport center ini
terdapat empat tabel. Berikut adalah tabel tabel yang ada :

48
3 Traceability
Bagian ini disi dengan tabel keterunutan mulai dari spesifikasi kebutuhan hingga perancangan
dalam bentuk tabel seperti pada halaman berikut.
Analisis Perancangan
SRS-ID Arsitektur Flowchart Antarmuka

SRS-S.P.S.C-F-001 AR-1.1 FC-01 AM-18

AR-3.1 FC-02 AM-04
FC-03 AM-13
AR-4.1 AM-09

SRS-S.P.S.C-F-002 AR-1.4 FC-08 AM-08

AR-2.5 FC-09 AM-09 ; AM-14
AR-3.4 FC-10 AM-05
AR-4 FC-11 AM-02 ; AM-12 ; AM-19
AR-5 FC-12 AM-07
FC-13 AM-10
AR-4.4 FC-10 AM-07

SRS-S.P.S.C-F-003 AR-1.2 FC-04 AM-16

AR-2.3 FC-05 AM-14
AR-3.3 FC-06 AM-05
AR-7 FC-07 AM-04 s.d AM-20
AR-4.2 FC-05 AM-08

49
SRS-S.P.S.C-F-004 AR-1.3 FC-14 AM-16
AR-2.4 FC-15 AM14
AR-3.3 FC-16 AM-05
AM-04 s.d AM-20
AR-4.3 AM-07

SRS-S.P.S.C-F-005 AR-2.6 FC-17 AM-18

SRS-S.P.S.C-F-006 FC-18 AM-23 ; AM-24
SRS-S.P.S.C-F-007 FC-19
SRS-S.P.S.C-F-008 AR-4 FC-20 AM-02 ; AM-15; AM-23
SRS-S.P.S.C-F-009 AR-6 FC-21 AM-01
FC-22
SRS-S.P.S.C-F-010 AR-5 FC-27 AM-17

50
51