Anda di halaman 1dari 152

PERANCANGAN SISTEM INFORMASI PENGELOLAAN

FUTSAL PADA HEIS FUTSAL


TUGAS AKHIR
Diajukan Untuk Memenuhi Salah Satu Sa!at Kelulu"an
P!#$!am Di%l#ma Ti$a P#liteknik LP&I 'aka!ta
Oleh
A!a Pujiant#
(()**+),)+()
PROGRAM STUDI MANA'EMEN INFORMATIKA
POLITEKNIK LP&I 'AKARTA
+)(*
i
ii
SURAT KETERANGAN O-SER.ASI
iii
KATA PENGANTAR
Segala puji dan syukur penuis panjatkan kepada Tuhan Yang Maha Esa
atas segala berkat karunia dan rahmat-Nya sehingga penulis dapat
menyelesaikan Tugas Akhir (TA) ini tepat pada waktunya.
Sebagaimana ketentuan yang berlaku di !liteknik "#$ %akarta& bahwa
mahasiswa tingkat akhir di haruskan menyusun dan memaparkan Tugas
Akhir (TA) sebagai salah satu persyaratan penyelesaian pendidikan
!liteknik "#$ %akarta r!gram '#. (ntuk itu penulis melakukan
pengamatan dalam penyusunan Tugas Akhir ini dari tanggal )* - +, April
*)+- di .ei/s 0utsal kemudian menyusun lap!ran hasil pengamatan
tersebut dalam bentuk TA ini di bawah bimbingan 1apak urw!t!& S.2!m.

ada kesempatan ini penulis ingin mengu3apkan banyak terima kasih
kepada pihak-pihak yang telah dengan sabar membimbing& memberi
petunjuk& serta mend!akan penulis hingga tugas akhir ini dapat di
selesaikan pada waktunya& dengan segala kerendahan hati khususnya
kepada 4
+. 'irektur !liteknik "#$ %akarta& 'rs. %aenudin Akhmad& S.E.& M.M.
*. 5akil 'irektur $ 1idang endidikan& 'ra. Euis 5inarti& MM
#. 5akil 'irektur $$ 1idang 2euangan dan ers!nalia& '. urn!m!& M.M
-. 5akil 'irektur $$$ 1idang 2emahasiswaan dan 2erjasama& 6erus
.ardian& S.E.. M.SM
7. 2etua r!gram Studi Manajemen $n8!rmatika& Masria& SE
9. '!sen embimbing& urw!t!& S.2!m.
,. 2epala 1agian Administrasi Akademik& Nurdin& S.S.& M.M.
:. emilik .ei/s 0utsal& . .arun
;. engel!la .ei/s 0utsal& (din
i<
+). 2epada semua d!sen 2ampus 'ep!k yang telah mengajarkan penulis
banyak pengetahuan tentang ilmu dalam dunia in8!rmatika.
++. 2epada !rang tua dan keluarga ter3inta yang telah memberikan
dukungan m!ril maupun spiritual beserta d!anya.
+*. Teman-teman yang selalu memberikan d!r!ngan dan bantuannya.
+#. Semua pihak yang telah membantu dalam menyelesaikan tugas akhir
ini tidak dapat penulis sebutkan satu persatu.
(ntuk semua bimbingan dan petunjuk yang telah diberikan& penulis
mengu3apkan banyak terima kasih. Sem!ga kebaikan 1apak=$bu
mendapat balasan yang berlipat ganda dari Allah S5T. Amiin
Akhir kata penulis berharap sem!ga Tugas Akhir ini dapat berman8aat
bagi kita semuanya& khususnya bagi .ei/s 0utsal dan mahasiswa
!liteknik "#$ %akarta
%akarta& >>>>>..& %uli *)+-
A!a Pujiant#
enulis
<
DAFTAR ISI
.alaman
LEM-AR NASKAH PENGESAHAN TUGAS AKHIR ////////000 i
LEM-AR PENGESAHAN U'IAN ////////////0////00 ii
SURAT KETERANGAN O-SER.ASI00000000000000000000000000000000000000000000000000000000iii
KATA PENGANTAR00000000000000000000000000000000000000000000000000000000000000000000000000000000000i1
DAFTAR ISI0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000001i
DAFTAR TA-EL00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000i2
DAFTAR GAM-AR000000000000000000000000000000000000000000000000000000000000000000000000000000000000002
-A- I PENDAHULUAN
+.+ "atar 1elakang Masalah..........................................................+
+.* Alasan emilihan ?bjek...........................................................+
+.# Tujuan dan Man8aat.................................................................*
+.#.+ Tujuan enulisan *
+.#.* Man8aat enulisan *
+.- $denti8ikasi=erumusan Masalah..............................................#
+.7 1atasan Masalah......................................................................#
+.9 Met!d!l!gi enelitian...............................................................-
+.9.+ Studi "apangan -
+.9.* Studi ustaka -
+., Sistematika enelitian...............................................................-
-A- II LANDASAN TEORI
*.+ eran3angan............................................................................9
*.* Sistem.......................................................................................9
*.*.+ engertian Sistem 9
*.*.* 2arakteristik Sistem ,
*.*.# engembangan Sistem ;
*.*.- Siklus .idup engembangan Sistem ;
*.# $n8!rmasi.................................................................................+*
*.#.+ 2!nsep 'asar $n8!rmasi +*
*.#.* 2ualitas $n8!rmasi +*
<i
*.#.# Nilai $n8!rmasi +-
*.#.- Siklus $n8!rmasi +-
*.#.7 engertian Sistem $n8!rmasi +-
*.#.9 2!mp!nen 'asar Sistem $n8!rmasi +7
*.- Sistem $n8!rmasi Manajemen.................................................+7
*.7 2!nsep Unified Modeling Language (UML)...........................+9
*.7.+ Use Case 'iagram +,
*.7.* Class 'iagram+;
*.7.# Sequence 'iagram *)
*.7.- A3ti<ity 'iagram **
*.7.7 Deployment 'iagram*#
*.9 Flowchart................................................................................*7
*., engertian engel!laan 0utsal..............................................*:
*.,.+ engel!laan *:
*.,.* 0utsal #)
*.: Aplikasi emr!graman...........................................................#+
*.:.+ Sublime e!t #+
*.:.* "#" #*
*.:.# MyS$L ##
*.:.- %ampSer&er #-
*.:.7 'ootstrap #-
-A- III PROFIL HEIS FUTSAL
#.+ Sejarah 1erdirinya .ei/s 0utsal..............................................#:
#.* 6isi dan Misi...........................................................................#:
#.*.+ 6isi #:
#.*.* Misi #:
#.# 1idang (saha = @uang Aerak................................................#:
#.- Struktur ?rganisasi................................................................#;
#.7 'eskripsi 2erja.......................................................................-)
-A- I. ANALISA PEM-AHASAN
-.+ Sistem 1erjalan ada .ei/s 0utsal.........................................-+
<ii
-.+.+ Flowchart Sistem 1erjalan -+
-.* Masalah atau 2endala Sistem 1erjalan ada .ei/s 0utsal. . .-#
-.# S!lusi eme3ahan Atas Masalah Sistem Yang 1ejalan ada
.ei/s 0utsal............................................................................-#
-.#.+ Use Case 'iagram --
-.#.+.+ Skenari! Use Case --
-.#.* Class 'iagram ,:
-.#.# Sequence 'iagram ,;
-.#.- A3ti<ity 'iagram :;
-.#.7 Deployment 'iagram ++9
-.#.9 (ntity )elationship Diagram (()D) ++,
-.#., 2lasi8ikasi 0ile ++:
-.#.: eran3angan Sistem +*+
-.#.:.+ Struktur Menu +*+
-.#.:.* 'esain *nput dan +utput +**
-.#.:.# Tampilan %adi *nput dan +utput +#)
-.#.; Spesi8ikasi Sistem 2!mputer +-)
-.#.;.+ erangkat 2eras 2!mputer +-)
-.#.;.* erangkat "unak 2!mputer +-)
-.#.+) %adwal $mplementasi +-+
-A- . PENUTUP
7.+ 2esimpulan...........................................................................+-*
7.* Saran....................................................................................+-*
DAFTAR PUSTAKA
-IODATA PENULIS
<iii
DAFTAR TA-EL
.alaman
Tabel *.+ Simb!l dalam Use Case 'iagram..............................................+,
Tabel *.* Simb!l Dalam Class Diagram....................................................+;
Tabel *.# Simb!l 'alam Sequence Diagram.............................................*+
Tabel *.- N!tasi ada ,cti&ity Diagram.....................................................*#
Tabel *.7 Simb!l ada Deployment Diagram............................................*-
Tabel *.9 Simb!l enghubung Flowchart..................................................*7
Tabel *., Simb!l r!ses Flowchart............................................................*9
Tabel *.: Simb!l *nput +utput Flowchart...................................................*,
Tabel -.+ Skenari! Use Case Login...........................................................-7
Tabel -.* Skenari! Use Case Logout........................................................-9
Tabel -.# Skenari! Use Case Mengel!la 'ata "apangan.........................-,
Tabel -.- Skenari! Use Case Mengel!la 'ata 2ateg!ri 5aktu................7)
Tabel -.7 Skenari! Use Case Mengel!la 'ata .arga "apangan..............7#
Tabel -.9 Skenari! Use Case Mengel!la 'ata engguna........................79
Tabel -., Skenari! Use Case Mengel!la 'ata elanggan........................9)
Tabel -.: Skenari! Use Case Mengel!la 'ata enyewaan "apangan.....9-
Tabel -.; Skenari! Use Case Melihat %adwal dan Memilih %adwal 2!s!ng
............................................................................................................9;
Tabel -.+) Skenari! Use Case Mengubah r!8il engguna.....................,)
Tabel -.++ Skenari! Use Case Membuat "ap!ran....................................,7
Tabel -.+* Skenari! (se 3ase mengubah pengaturan penyewaan
lapangan.............................................................................................,9
Tabel -.+# TblBpelanggan........................................................................++:
Tabel -.+- TblBpengguna.........................................................................++:
Tabel -.+7 TblBb!!king............................................................................++:
Tabel -.+9 TblBb!!kingBdetail..................................................................++;
Tabel -.+, TblBlapangan..........................................................................++;
Tabel -.+: TblBkateg!riBwaktu.................................................................++;
Tabel -.+; TblBhargaBlapangan..............................................................+*)
Tabel -.*) %adwal $mplementasi..............................................................+-+
iC
DAFTAR GAM-AR
.alaman
Aambar *.+ Tahap engembangan Sistem.................................................;
Aambar *.* Siklus $n8!rmasi......................................................................+-
Aambar *.# "ima k!mp!nen Sistem $n8!rmasi.........................................+7
Aambar #.+ Struktur ?rganisasi................................................................#;
Aambar -.+ Flowchat Sistem 1erjalan ada .ei/s 0utsal.........................-+
Aambar -.* Use Case Diagram.................................................................--
Aambar -.# Class Diagram........................................................................,:
Aambar -.- Sequence Diagram Login dan Logout...................................,;
Aambar -.7 Sequence Diagram Mengel!la 'ata "apangan.....................:)
Aambar -.9 Sequence Diagram Mengel!la 'ata 2ateg!ri 5aktu............:+
Aambar -., Sequence Diagram Mengel!la 'ata .arga "apangan..........:*
Aambar -.: Sequence Diagram Mengel!la 'ata engguna....................:#
Aambar -.; Sequence Diagram Mengel!la 'ata elanggan...................:-
Aambar -.+) Sequence Diagram Mengel!la 'ata enyewaan "apangan
............................................................................................................:7
Aambar -.++ Sequence Diagram Melihat dan Milih %adwal......................:9
Aambar -.+* Sequence Diagram Mengubah r!8il engguna.................:,
Aambar -.+# Sequence Diagram Membuat "ap!ran................................::
Aambar -.+- Sequence Diagram Mengubah pengaturan penyewaan
lapangan.............................................................................................::
Aambar -.+7 ,cti&ity Diagram Login.........................................................:;
Aambar -.+9 ,cti&ity Diagram Logout.......................................................;)
Aambar -.+, ,cti&ity Diagram Tambah 'ata "apangan...........................;+
Aambar -.+: ,cti&ity Diagram (bah 'ata "apangan...............................;*
Aambar -.+; ,cti&ity Diagram .apus 'ata "apangan..............................;#
Aambar -.*) ,cti&ity Diagram Tambah 'ata 2ateg!ri 5aktu...................;-
Aambar -.*+ ,cti&ity Diagram (bah 'ata 2ateg!ri 5aktu.......................;7
Aambar -.** ,cti&ity Diagram .apus 'ata 2ateg!ri 5aktu.....................;9
Aambar -.*# ,cti&ity Diagram Tambah 'ata .arga "apangan................;,
Aambar -.*- ,cti&ity Diagram (bah 'ata .arga "apangan.....................;:
Aambar -.*7 ,cti&ity Diagram .apus 'ata .arga "apangan...................;;
Aambar -.*9 A3ti<ity Diagram Tambah 'ata engguna.........................+))
Aambar -.*, ,cti&ity Diagram (bah 'ata engguna.............................+)+
Aambar -.*: ,cti&ity Diagram .apus 'ata engguna...........................+)*
Aambar -.*; ,cti&ity Diagram Tambah 'ata elanggan........................+)#
Aambar -.#) ,cti&ity Diagram (bah 'ata elanggan............................+)-
Aambar -.#+ ,cti&ity Diagram Dari 'ata elanggan..............................+)7
Aambar -.#* ,cti&ity Diagram .apus 'ata elanggan..........................+)9
Aambar -.## ,cti&ity Diagram Tambah 'ata enyewaan "apangan.....+),
Aambar -.#- ,cti&ity Diagram (bah 'ata enyewaan "apangan.........+):
Aambar -.#7 ,cti&ity Diagram Dari 'ata enyewaan "apangan...........+);
Aambar -.#9 ,cti&ity Diagram .apus 'ata enyewaan "apangan........++)
Aambar -.#, ,cti&ity Diagram .apus 'ata enyewaan "apangan........++)
C
Aambar -.#: ,cti&ity Diagram Melihat %adwal dan Memilih %adwal 2!s!ng
...........................................................................................................+++
Aambar -.#; ,cti&ity Diagram (bah r!8il engguna.............................++*
Aambar -.-) ,cti&ity Diagram (bah "assword r!8il engguna............++#
Aambar -.-+ ,cti&ity Diagram (bah 0!t! r!8il engguna....................++-
Aambar -.-* ,cti&ity Diagram Membuat "ap!ran...................................++7
Aambar -.-# ,cti&ity Diagram Mengubah pengaturan penyewaan
lapangan............................................................................................++7
Aambar -.-- Deployment Diagram.........................................................++9
Aambar -.-7 Struktur Menu.....................................................................++,
Aambar -.-9 Struktur Menu....................................................................+*+
Aambar -.-, 'esain Form *nput Login...................................................+**
Aambar -.-: 'esain Form *nput 'ata "apangan...................................+**
Aambar -.-; 'esain Form *nput 'ata 2ateg!ri 5aktu...........................+*#
Aambar -.7) 'esain Form *nput 'ata engguna...................................+*#
Aambar -.7+ 'esain Form *nput 'ata .arga "apangan.........................+*-
Aambar -.7* 'esain Form *nput 'ata elanggan..................................+*-
Aambar -.7# 'esain Form *nput 'ata enyewaan "apangan...............+*7
Aambar -.7- 'esain Form *nput (bah r!8il engguna.........................+*7
Aambar -.77 'esain Form *nput (bah "assword r!8il engguna........+*9
Aambar -.79 'esain Form *nput (bah 0!t! r!8il engguna.................+*9
Aambar -.7, 'esain Form *nput engaturan 'oo-ing...........................+*9
Aambar -.7: 'esain +utput .alaman (tama.........................................+*,
Aambar -.7; 'esain +utput 'ata "apangan..........................................+*,
Aambar -.9) 'esain +utput 'ata 2ateg!ri 5aktu..................................+*,
Aambar -.9+ 'esain +utput 'ata engguna..........................................+*,
Aambar -.9* 'esain +utput 'ata .arga "apangan...............................+*:
Aambar -.9# 'esain +utput 'ata elanggan.........................................+*:
Aambar -.9- 'esain +utput 'ata 'oo-ing.............................................+*:
Aambar -.97 'esain +utput r!8il engguna.........................................+*:
Aambar -.99 'esain +utput "ap!ran......................................................+*;
Aambar -.9, 'esain +utput %adwal........................................................+*;
Aambar -.9: Tampilan Form *nput Login................................................+#)
Aambar -.9; Tampilan Form *nput 'ata "apangan................................+#)
Aambar -.,) Tampilan Form *nput 'ata 2ateg!ri 5aktu........................+#+
Aambar -.,+ Tampilan Form *nput 'ata engguna................................+#+
Aambar -.,* Tampilan Form *nput 'ata .arga "apangan.....................+#*
Aambar -.,# Tampilan Form *nput 'ata elanggan...............................+#*
Aambar -.,- Tampilan Form *nput 'ata enyewaan "apangan............+##
Aambar -.,7 Tampilan Form *nput (bah r!8il engguna......................+##
Aambar -.,9 Tampilan Form *nput (bah "assword r!8il engguna.....+##
Aambar -.,, Tampilan Form *nput (bah 0!t! r!8il engguna.............+#-
Aambar -.,: Tampilan +utput .alaman (tama......................................+#-
Aambar -.,; Tampilan +utput 'ata "apangan.......................................+#-
Aambar -.:) Tampilan +utput 'ata 2ateg!ri 5aktu..............................+#7
Aambar -.:+ Tampilan +utput 'ata engguna.......................................+#7
Ci
Aambar -.:* Tampilan +utput 'ata .arga "apangan............................+#7
Aambar -.:# Tampilan +utput 'ata elanggan......................................+#9
Aambar -.:- Tampilan +utput 'ata 'oo-ing..........................................+#9
Aambar -.:7 Tampilan +utput r!8il engguna......................................+#,
Aambar -.:9 Tampilan +utput "ap!ran...................................................+#,
Aambar -.:, Tampilan +utput %adwal.....................................................+#:
Aambar -.:: Tampilan +utput engaturan 'oo-ing...............................+#:
Aambar -.:; Tampilan +utput 2witansi 'oo-ing....................................+#;
Aambar -.;) Tampilan +utput "ap!ran "DF..........................................+#;
Cii
-A- I
PENDAHULUAN
(0( Lata! -elakan$ Ma"alah
2emajuan tekn!l!gi yang semakin pesat dan 3anggih telah membawa
dampak yang sangat besar dalam kehidupan. .al ini ditunjukan
dengan semakin meningkatnya pengguna k!mputer khususnya di
$nd!nesia. Sistem k!mputerisasi merupakan s!lusi yang terbaik untuk
meme3ahkan permasalahan-permasalahan yang ada di .ei/s 0utsal.
'alam pelaksanaanya& pr!ses transaksi dan pen3atatan d!kumen
yang dilakukan badan usaha ini masih dilakukan se3ara manual
sehingga tidak jarang ditemukan kesulitan-kesulitan saat peng!lahan
data. Sebagai 3!nt!h& data-data transaksi masih ditulis tangan dan
disimpan dalam bentuk kertas bukan di dalam "re.condition sehingga
pengel!laan data menjadi kurang e8ekti8 dan e8isien& disamping itu
data dapat dimanipulasi dan tidak menutup kemungkinan terjadi
kesalahan-kesalahan yang disebabkan !leh human error/
Alasan inilah yang membuat penulis tertarik untuk membuat sistem
in8!rmasi berbasis web dengan judul 3PERANCANGAN SISTEM
INFORMASI PENGELOLAAN FUTSAL HEIS FUTSAL4 yang
didalamnya men3akup pr!ses pengel!laan penyewaan dan transaksi
lapangan 8utsal serta penyajian lap!ran untuk pemilik.
(0+ Ala"an Pemilihan O5jek
Alasan penulis memilih .ei/s 0utsal sebagai tempat penelitian
karena tempat 8utsal tersebut setiap harinya sangat ramai
pengunjung terutama pada jam pulang kerja dan hari libur& sedangkan
tempat tersebut masih menggunakan 3ara yang k!n<ensi!nal dalam
menangani transaksi dan pengumpulan data untuk lap!ran sehingga
tidak jarang ditemukan kesulitan - kesulitan saat peng!lahan data.
(0& Tujuan 6an Man7aat
enulisan ini mempunyai beberapa tujuan dan man8aat antara lain
sebagai berikut 4
(0&0( Tujuan Penuli"an
+. (ntuk mengetahui sistem yang berjalan di .ei/s 0utsal.
*. (ntuk memberikan masukan terhadap kendala-kendala di
sistem yang berjalan pada .ei/s 0utsal.
#. (ntuk menerapkan ilmu yang di dapat !leh penulis selama
penulis duduk di bangku kuliah.
-. Sebagai pelengkap salah satu syarat kelulusan pr!gram '#
di !liteknik "#$ %akarta.
(0&0+ Man7aat Penuli"an
enulis berharap bahwa Tugas Akhir ini dapat memberikan
k!ntribusi lebih yang dapat dirasakan !leh berbagai pihak&
khususnya bagi penulis pribadi& umumnya bagi semua pihak
yang terlibat dalam penulisan Tugas Akhir ini& antara lain 4
(0 -a$i %enuli"
'apat menambah kemampuan penulis mengenai bahasa
pemr!graman yang pernah didapatkan semasa perkuliahan
di !liteknik "#$ %akarta Dabang 'ep!k dan dapat
mengembangkan wawasan tentang masalah-masalah yang
berhubungan dengan kegiatan-kegiatan di .ei/s 0utsal yang
tidak didapatkan dibangku kuliah.
*
+0 -a$i Pe!u"ahaan
Sistem in8!rmasi ini dapat dijadikan masukan yang dapat
membantu mema3ahkan permasalahan yang ada di .ei/s
0utsal.
&0 -a$i Dunia Pen6i6ikan
Sebagai tambahan in8!rmasi dan sumber bagi pihak yang
berk!mpeten terhadap permasalahan yang dibahas dan
dapat juga memberikan k!ntribusi sumber lain.
(0* I6enti7ika"i8Pe!umu"an Ma"alah
'ari latar belakang masalah yang terdapat di atas& maka penulis
menentukan masalah maupun kendala-kendala yang dihadapi pihak
8utsal& adapun permasalahan tersebut adalah sebagai berikutE
+. 1agaimana sistem berjalan melakukan pr!ses transaksi
penyewaan lapanganF
*. 1agaimana sistem berjalan memberikan in8!rmasi tentang jadwal
k!s!ng kepada pelanggannyaF
#. 1agaimana sistem berjalan melakukan pr!ses rekap dataF
-. 1agaimana s!lusi peme3ahanan atas permasalahan yang terjadi
pada sistem berjalanF
(09 -ata"an Ma"alah
'alam pembuatan sistem in8!rmasi pengel!laan lapangan 8utsal ini
perlu dibatasi masalah yang ada& supaya pada penjelasannya nanti
akan lebih baik& terarah dan sesuai dengan yang diharapkan. Adapun
beberapa batasan masalah yang akan dibuat !leh penulis&
diantaranya.
+. Sistem in8!rmasi yang dibuat tidak dapat digunakan di semua
penyedia lapangan 8utsal& mengingat setiap penyedia lapangan
8utsal memiliki pr!sedur yang berbeda-beda.
*. ada penelitian ini penulis hanya membahas masalah yang
berhubungan dengan sistem pengel!laan 8utsal saja. Meliputi 4
#
penyewaan lapangan 8utsal& perbedaan biaya sewa antara
member dan non member serta lap!ran keuangan.
#. Sistem ini hanya digunakan !leh pemilik& pengel!la dan kasir yang
sudah mempunyai Username dan "assword untuk dapat
mengakses sistem ini.
(0: Met#6#l#$i Penelitian
'ata yang penulis butuhkan di dalam penyusunan TA ini memilki *
sumber& yaitu 4
(0:0( Stu6i La%an$an
Yaitu penelitian langsung ke perusahaan yang bersangkutan
untuk mendapatkan data serta gambaran dari sistem berjalan.
Teknik pengumpulan datanya melalui wawan3ara.
(0:0+ Stu6i Pu"taka
engumpulan data dengan 3ara mempelajari berbagai bukuG
buku penunjang kajian& majalah& maupun re8erensi tertulis
lainnya.
(0, Si"tematika Penelitian
'alam penyusunan Tugas Akhir ini& pembahasan dan
penganalisaannya diklari8ikasikan se3ara sistematis ke dalam 7 ("ima)
bab yaitu4
-A- I PENDAHULUAN
'alam bab ini penulis mengemukakan tentang latar
belakang masalah& alasan pemilihan !bjek& tujuan
dan man8aat penulisan& identi8ikasi masalah&
pembatasan masalah& met!d!l!gi penelitian& serta
sistematika penulisan.
-A- II LANDASAN TEORI
'alam bab ini penulis mengemukakan berbagai
re8erensi atau tinjauan pustaka yang mendukung
kajian atau analisis yang penulis sampaikan.
-
-A- III PROFIL HEIS FUTSAL
'alam bab ini berisikan sejarah singkat .ei/s 0utsal
tempat penulis melakukan !bser<asi& <isi dan misi&
bidang usaha=ruang gerak& kegiatan usaha& struktur
!rganisasi& dan deskripsi kerja.
-A- I. ANALISA PEM-AHASAN
'alam bab ini menjelaskan deskripsi !bjek&
penelitian membuatkan pr!gram aplikasi&
memberikan s!lusi untuk .ei/s 0utsal dan desain
menu pr!gram.
-A- . PENUTUP
'alam bab 6 membahas kesimpulan yang diper!leh
dari !bser<asi dan juga memuat saran dari penulis
yang sesuai dengan kesimpulan yang penulis
per!leh.
7
-A- II
LANDASAN TEORI
+0( Pe!an;an$an
Satu kesatuan yang utuh dan ber8ungsi& untuk men3apai tujuan pada
eran3angan sistem adalah sebagian gambaran& peren3anaan dan
pembuatan sketsa atau pengaturan dari beberapa elemen yang
terpisah kedalam analisa sistem harus dapat men3apai sasaran-
sasaran sebagai berikut4
+. eren3anaan sistem harus berguna& mudah dipahami dan
nantinya mudah digunakan.
*. @an3angan sistem harus dapat mendukung tujuan utama
perusahaan sesuai dengan yang telah dide8inisikan pada tahap
peran3angan sistem yang dilanjutkan pada analisa sistem.
#. eran3angan sistem harus e8isien dan e8ekti8 untuk dapat
mendukung peng!lahan transaksi.
+0+ Si"tem
+0+0( Pen$e!tian Si"tem
Sistem sering dipergunakan untuk men3ari akar atau pangkal
pers!alan yangberkaitan dengan pengel!laan !rganisasi atau
perusahaan. Sehingga se3ara umum sistem sering diartikan
sebagai suatu met!de& 3ara ataupun petunjuk yang
menghubungkan satu dengan yang lainnya dalam suatu
kumpulan atau himpunan !bjek. 1erikut pengertian sistem
menurut beberapa ahli 4
+. @!bert A. Murdik dalam kutipan buku karya Al 1ahra
"adjamudin (*))74#) mende8inisikan 4
0Sistem adalah seperang-at elemen yang membentu-
suatu a-ti&asi atau prosedur umum yang operasi-an -e
dalam data dan energi dalam suatu acuan wa-tu untu-
menghasil-an energi atau informasi dan lain.lain1/
*. Nisyar dalam kutipan buku karya Al 1ahra "adjamudin
(*))74#) mende8inisikan 4
0Sistem merupa-an himpunan dari bagian.bagian yang
satu sama lain berintera-si dan bersama.sama beroperasi
mencapai tu2uan tertentu dalam suatu
ling-ungan3organisasi1/
+0+0+ Ka!akte!i"tik Si"tem
Suatu sistem mempunyai si8at-si8at atau karakteristik tertentu&
yaitu mempunyai k!mp!nen-k!mp!nen& batas sistem&
lingkungan luar sistem& penghubung& masukan& keluaran&
peng!lah serta sasaran atau tujuan.
+. 2!mp!nen sistem& suatu sistem terdiri dari sejumlah
k!mp!nen yang saling berinteraksi& yang artinya saling
bekerjasama membentuk suatu kesatuan. 2!mp!nen-
k!mp!nen sistem atau elemen-elemen sistem dapat berupa
suatu sub sistem atau bagian-bagian dari sistem. Setiap
subsistem mempunyai karakteristik dari sistem yang
menjalankan suatu 8ungsi tertentu yang berpengaruh
terhadap pr!ses sistem se3ara keseluruhan.
*. 1atas sistem merupakan suatu daerah yang membatasi
antara suatu sistem dengan sistem yang lainnya atau
dengan lingkungan luarnya. 1atasan memungkinkan sistem
dipandang sebagai suatu kesatuan dan menunjukan ruang
lingkup dari sistem tersebut.
#. "ingkungan luar sistem adalah apapun yang ada diluar
batas dari sistem dan mempengaruhi !perasi sistem.
"ingkungan luar sistem dapat beris8at menguntungkan atau
merugikan. "ingkungan luar yang menguntungkan
merupakan energi dari sistem& dengan demikian harus
,
dijaga dan dipelihara. Sedangkan lingkungan luar yang
merugikan harus ditahan dan dikendalikan karena dapat
mengganggu kelangsungan hidup sistem.
-. enghubung sistem merupakan media yang
menghubungkan suatu subsistem dengan subsistem
lainnya. Melalui penghubung ini kemungkinan sumber-
sumber daya mengalir dari subsistem ke subsistem lainnya.
2eluaran dari subsistem akan menjadi masukan bagi sub
sistem lainnya melalui penghubung. 'engan penghubung
subsistem dapat berintegrasi dengan subsistem lainnya
untuk membentuk suatu kesatuan.
7. Masukan sistem adalah energi yang dimasukan kedalam
sistem. Masukan dapat berupa masukan perawatan dan
masukan sinyal. Masukan perawatan adalah energi yang
dimasukan agar sistem tersebut dapat berjalan. Masukan
sinyal adalah energi yang di pr!ses untuk menghasilkan
keluaran sistem.
9. 2eluaran sistem adalah energi yang di !lah dan
diklasi8ikasikan menjadi keluaran yang berguna. 2eluaran
dapat merupakan masukan bagi subsistem yang lain.
,. eng!lahan sistem& suatu sistem dapat mempunyai suatu
bagian peng!lahan atau sistem itu sendiri sebagai
peng!lahnya. eng!lah yang akan merubah masukan
menjadi keluaran.
:. Sasaran sistem& suatu sistem mepunyai tujuan atau
sasaran& kalau tidak mempunyai sasaran maka sistem tidak
akan ada. Suatu sistem dikatakan berhasil jika mengenai
tujuan atau sasarannya. Sasaran sangat berpengaruh pada
masukan dan keluaran yang dihasilkan.
+0+0& Pen$em5an$an Si"tem
engembangan sistem merupakan 8ase kemun3ulan sebuah
sistem. ada 8ase ini sistem baru mulai dikenal !leh lingkungan
:
dan lingkungan mulia mendeteksi kekurangan dan kelebihan
sistem ini untuk disesuaikan dengan kebutuhan lingkungan
sekitar sistem tersebut. Tahapan pengembangan sistem dapat
digambarkan sebagai berikut E
Gam5a! +0( Tahap engembangan Sistem
+0+0* Siklu" Hi6u% Pen$em5an$an Si"tem
engembagan sistem in8!rmasi yang berbasis k!mputer dapat
merupakan tugas k!mpleks yang membutuhkan sumber daya
dan dapat memakan waktu berbulan-bulan bahkan bertahun-
tahun untuk menyelesaikannya. r!ses pengembangan sistem
melewati beberapa tahapan dari mulai sistem itu diren3anakan
sampai dengan sistem itu diterapkan& di!perasikan dan
dipelihara. 1ila !perasi sistem yang sudah dikembangkan
masih timbul kembali permasalahan-permasalahan yang kritis
serta tidak dapat diatasi dalam tahap pemeliharaan sistem&
maka perlu dikembangkan kembali suatu sistem untuk
mengatasinya dan pr!ses ini kembali ke tahap pertama& yaitu
tahap peren3anaan sistem. Siklus ini disebut dengan siklus
hidup suatu sistem (systems of cycle). 'aur atau siklus hidup
dari sistem merupakan suatu bentuk yang digunakan untuk
menggambarkan tahapan utama dan langka-langkah di
tahapan tersebut dalam pr!ses pengembangannya. Menurut
;
'esain
Sistem
Analisis
Sistem
$mplementas
i Sistem
"ap!ran .asil
Analisis
Sistem
(sulan
elaksanaan
Analisis Sistem
"ap!ran 0inal
'esain Sistem
Se3ara @in3i
"ap!ran 0inal
Sistem Se3ara
Aaris 1esar
(sulan 'esain
Sistem Se3ara
Al!bal
"ap!ran 0inal
$mplementasi
Sistem
%!hn 1ur3h& Aary Arudnitski& informarion systems& heory ,nd
"ractice (New Y!rk4 %!hn 5iley H S!ns) yang menuliskan
tahapan pengembangan sistem sebagai berikut 4
+. 2ebijakan dan peren3anaa sistem& sebelum suatu sistem
in8!rmasi dikembangkan& umumnya terlebih dahulu dimulai
dengan adanya suatu kebijakan dan peren3anaan untuk
mengembangkan sistem tersebut. Tanpa adanya
peren3anaan sistem yang baik& pengembangan sistem tidak
akan dapat berjalan sesuai dengan yang diharapkan.
Tanpa adanya kebijakan pengembangan sistem !leh
manajemen pun3ak& maka pengembangan sistem tidak akan
mendapatkan dukungan dari manajemen pun3ak ini.
adahal dukungan dari manajemen pun3ak sangat penitng.
2ebijakan sistem merupakan landasan dan dukungan dari
manajemen pun3ak untuk membuat peren3anaan sistem.
eren3anaan sistem merupakan ped!man untuk melakukan
pengembangan sistem.
*. engembagan sistem
a. Analisis sistem
enelitian atas sistem yang telah ada dengan
tujuan untuk meran3ang sistem yang baru atau
diperbarui.
b. 'esain sistem se3ara umum
Tujuan dari desain sistem se3ara umum adalah
untuk memberikan gambaran se3ara umum kepada
user tentang sistem yang baru.
3. enilaian sistem
.asil desain sistem se3ara umum tentunya akan
harus menjadi pertimbangan pihak manajemen
+)
apakah melanjutkan pengembangan sistem yang
baru berdasarkan gambaran desain sistem se3ara
umum atau men!lak ran3angan baru tersebut.
d. 'esain sistem terin3i
Setelah memahami sistem yang ada dan
persyaratan-persyaratan sistem yang baru&
selanjutnya adalah penentuan pr!ses dan data
yang diperlukan !leh sistem baru. %ika sistem itu
berbasis k!mputer& makan ran3angan harus
menyertakan spesi8ikasi jenis peralatan yang akan
digunakan.
e. $mplementasi sistem
Merupakan kegiatan memper!leh dan
mengintegrasikan sumber daya 8isik dan
k!nseptual yang menghasilkan suatu sistem yang
bekerja.
#. Manajemen sistem dan !perasi
a. Memperbaiki kesalahan
enggunaan sistem mengungkapkan kesalahan
pada pr!gram atau kelemahan ran3angan yang
tidak terdeteksi dalam pengujian sistem.
2esalahan-kesalahan ini dapat diperbaiki.
b. Menjaga kemutakhiran sistem
'engan berlalunya waktu& terjadi perubaha-
perubahan dalam lingkungan sistem yang
mengharuskan mem!di8ikasi dalam ran3angan
atau perangkat lunak.
3. Meningkatkan sistem
Saat sistem digunakan& akan ditemukan 3ara-3ara
membuat peningkatan sistem. Saran-saran ini
diteruskan kepada spesialis in8!rmasi yang
++
mem!di8ikasi sistem sesuai dengan saran tersebut.
ada titik tertentu& mem!di8ikasi sistem akan
menjadi sedemikian rupa& sehingga lebi baik
memulai dari awal. "alu siklus hidup sistem akan
terulang.
+0& In7#!ma"i
+0&0( K#n"e% Da"a! In7#!ma"i
Al-1ahra 1in "adjamudin (*))74:) Menerangkan beberapa
k!nsep dasar in8!rmasi dalam bukunya yang berjudul Analisis
dan 'esain Sistem $n8!rmasi Sebagai berikut 4
$n8!rmasi adalah data yang di!lah menjadi bentuk yang lebih
berguna dan lebih berarti bagi yang menerimanya.
+0&0+ Kualita" In7#!ma"i
Terbentuknya in8!rmasi yang dihasilkan dari pr!ses peng!lahan
data hingga sampai ke pengguna in8!rmasi tersebut& maka
in8!rmasi tersebut haruslah mempunyai kualitas yang baik.
Adapun kualitas in8!rmasi (quality of information) sangat
dipengaruhi atau ditentukan !leh beberapa hal berikut ini&
yaitu 4
+. @ele<an ()ele&ancy)4 seberapa jauh tingkat rele<ansi
in8!rmasi tersebut terhadap kenyataan kejadian masa lalu&
kejadian hari ini& dan kejadian yang akan datang. $n8!rmasi
yang berkualitas akan mampu menunjukkan benang merah
rele<ansi kejadian masa lalu& hari ini dan masa depan
sebagai sebuah bentuk akti<itas yang k!ngkrit dan mampu
dilaksanakan& dibuktikan !leh siapa saja.
*. Akurat (,ccurate)4 yaitu Suatu in8!rmasi dikatakan
berkualitas jika seluruh kebutuhan in8!rmasi tersebut telah
tersampaikan (Completeness)4 seluruh pesan sudah telah
+*
benar atau sesuai (Correctness)4 Serta pesan yang
disampaikan sudah lengkap atau hanya sistem yang
diinginkan !leh user.
#. Tepat waktu (imeLines)& berbagai pr!ses dapat dilakukan
dengan tepat waktu& lap!ran-lap!ran dapat disampaikan
tepat waktu.
-. Ek!n!mis ((conomy)& in8!rmasi yang dihasilkan mempunyai
daya jual yang tinggi& serta biaya !perasi!nal untuk
menghasilkan in8!rmasi tersebut minimal& in8!rmasi tersebut
juga mampu memberikan dampak yang luas terhadap laju
pertumbuhan ek!n!mi dan tekn!l!gi in8!rmasi.
7. E8isien ((fficiency)4 in8!rmasi yang berkualitas memiliki
sintaks ataupun kalimat yang sederhana (tidak berbelit-belit&
bahkan r!mantis)& namun mampu memberikan makna dan
hasil yang medalam& atau bahkan menggetarkan setiap
!rang atau benda apapun yang menerimanya.
9. 'apat diper3aya ()eliability)4 in8!rmasi tersebut berasal dari
sumber terper3aya. Sumber tersebut juga sudah teruji
tingkat kejujurannya. Misalkan +utput suatu pr!gram
k!mputer& bisa dikateg!rikan sebagai reability& karena
pr!gram k!mputer akan memberikan +utput sesuai dengan
*nput yang diberikan dan +utputnya tidak pernah
dipengaruhi !leh iming-iming jabatan& ataupun setumpuk
nilai rupiah.
+0&0& Nilai In7#!ma"i
Suatu in8!rmasi dikatakan bernilai bila man8aatnya lebih e8ekti8
dibandingkan dengan biaya mendapatkannya dan sebagian
besar in8!rmasi tidak dapat tepat ditaksir keuntungannya
dengan satuan nilai uang& tetapi dapat ditaksir nilai
+#
e8ekti8itasnya. engukurannya dapat menggunakan analisis
cost effecti&eness atau cost benefit.
+0&0* Siklu" In7#!ma"i
(ntuk memper!leh in8!rmasi yang berman8aat bagi
penerimanya& perlu untuk dijelaskan bagaimana siklus yang
terjadi atau dibutuhkan dalam menghasilkan in8!rmasi. Siklus
in8!rmasi atau siklus peng!lahan data adalah sebagai berikut4
Gam5a! +0+ Siklus $n8!rmasi
+0&09 Pen$e!tian Si"tem In7#!ma"i
Al-1ahra 1in "adjamudin (*))74+#) mengemukakan # de8inisi
tentang sistem in8!rmasi& yaitu4
Sistem $n8!rmasi dapat dide8inisikan sebagai berikut4
+. Suatu sistem dibuat !leh manusia yang terdiri dari
k!mp!nen-k!mp!nen dalam !rganisasi untuk men3apai
suatu tujuan yaitu menyajikan in8!rmasi.
*. Sekumpulan pr!sedur !rganisasi yang pada saat
dilaksanakan akan memberikan in8!rmasi bagi pengambil
keputusan dan untuk mengendalikan !rganisasi.
#. Suatu sistem didalam suatu !rganisasi yang
mempertemukan kebutuhan peng!lahan tranksaksi&
mendukung !perasi& bersi8at manajerial& dan kegiatan
strategi dari suatu !rganisasi dan menyediakan pihak luar
tertentu dengan lap!ran-lap!ran yang diperlukan.
+-
+0&0: K#m%#nen Da"a! Si"tem In7#!ma"i
2!mp!nen dalam system in8!rmasi dapat diilustrasikan menjadi
7 k!mp!nen yaitu sebagai berikut 4
+. #ardware dan Software yang ber8ungsi sebagai mesin.
*. "eople dan "rocedures yang merupakan manusia dan
tata3ara menggunakan mesin.
#. 'ata merupakan jembatan penghubung antara manusia dan
mesin agar terjadi suatu pr!ses peng!lahan data.
Gam5a! +0& "ima k!mp!nen Sistem $n8!rmasi
+0* Si"tem In7#!ma"i Manajemen
Sistem in8!rmasi manajemen (management information sistem)
adalah suatu sistem in8!rmasi manajemen menggambarkan
ketersediaan suatu rangkaian data yang 3ukup lengkap yang
disimpan agar dapat menyediakan in8!rmasi untuk mendukung
!perasi& manajemen& dan pembuatan keputusan dalam suatu
!rganisasi. 1iasanya sistem in8!rmasi manajemen menghasilkan
in8!rmasi untuk memantau kinerja& memelihara k!!rdinasi dan
menyediakan in8!rmasi untuk !perasi !rganisasi.
Menurut Ae!rge M.S3!tt (*))+4-) mende8inisikan bahwa 4
0sistem informasi mana2emen adalah se-umpulan sistem informasi
yang saling berintera-si4 yang memberi-an informasi bai- untu-
-epentingan operasi atau -egiatan mana2erial1.
Sedangkan @aym!nd M3"e!d %r. dan Ae!rge .S3hell (*)++4#)
mende8inisikan bahwa 4
+7
0sistem informasi mana2emen sebagai suatu sistem berbasis
-omputer yang membuat informasitersedia bagi para pengguna
yang memili-i -ebutuhan serupa/ "ara pengguna sistem
informasi biasanya terdiri atas entitas.entitas organisasi formal
perusahaan atau sub unit ana- perusahaannnya1.
Se3ara lebih ringkas de8inisi sistem in8!rmasi manajemen adalah
pengguna sumber daya in8!rmasi se3ara e8ekti8 dan e8isien untuk
meningkatkan kinerja !rganisasi.
+09 K#n"e% Unified Modeling Language (UML)
Menurut Adi Nugr!h! dalam bukunya I@ekayasa perangkat lunak
menggunakan UML dan 5,6, (*)+)49) menyatakan UML adalah
bahasa perm!delan untuk sistem atau perangkat lunak yang
ber!rientasi !bjek. erm!delan sesungguhnya digunakan untuk
menyederhanakan permasalahan-permasalahan yang k!mpleks
sedemikian rupa sehingga mudah dipelajari dan dipahami.
Menurut rab!w! udj! 5id!d! dalam bukunya IMenggunakan UML
(*)++49)J& menyatakan UML adalah bahasa perm!delan standar dan
yang memiliki sintaks dan sistematik.
'ari beberapa pengertian diatas& dapat disimpulkan bahwa UML
(Unified Modelling Language) adalah sebuah bahasa perm!delan
yang ber!rientasi !bjek dan menjadi standar <isualisasi& meran3ang&
dan mend!kumentasi sistem perangkat lunak untuk penyederhanaan
permasalahan-permasalahan yang k!mpleks.
+090( Use Case Dia$!am
'iagram yang menggambarkan interaksi antara sistem dengan
hal-hal eksternal dari sistem dan user. 'engan kata lain& se3ara
gra8is menjelaskan siapa yang akan mempergunakan sistem
+9
dan dengan 3ara apa user diharapkan berinteraksi dengan
sistem.
Use Case diagram berguna untuk menentukan kebutuhan
suatu sistem& mengk!munikasikan ran3angan dengan client&
dan meran3ang gambaran semua 8itur yang ada pada sistem.
1erikut ini simb!l-simb!l dalam Use Case diagram 4
Ta5el +0( Simb!l dalam Use Case 'iagram
Sim5#l De"k!i%"i
Akt!r ?rang& pr!ses atau sistem
lain yang berinteraksi
dengan sistem in8!rmasi
yang akan dibuat diluar
sistem in8r!masi yang akan
dibuat itu sendiri& jadi
walaupun simb!l akt!r
adalah gambar !rang& tapi
akt!r belum tentu
merupakan !rang.
Use Case 0ungsi!nalitas yang
disediakan sistem sebagai
unit-unit yang saling
bertukar pesan antar unit
atau akt!r.
As!siasi=,ssociation 2!munikasi antar akt!r dan
Use Case yang saling
berpartisipasi pada Use
Case atau Use Case
memiliki interaksi dengan
akt!r.
Ekstensi=(!tend @elasi Use Case tambahan
ke sebuah Use Case
+,
dimana Use Case yang
ditambahkan dapat berdiri
sendiri tanpa Use Case
tambahan itu.
Aeneralisasi=7eneralisatio
n
.ubungan generalisasi dan
spesialisasi (umum G
khusus) antara dua buah
Use Case dimana 8ungsi
yang satu adalah 8ungsi
yang lebih umum dari
lainnya.
*nclude @elasi Use Case tambahan
ke sebuah Use Case
dimana Use Case yang
ditambhakan memerlukan
Use Case ini untuk
menjalankan 8ungsinya atau
sebagai syarat dijalankan
Use Case
+090+ Class Dia$!am
Class diagram menggambarkan struktur dari sistem. Serta
menampilkan Class ob2ect yang berada didalam sistem serta
ada hubungannya antara !bjek tertentu dan !bjek lainnya.
Class memiliki apa yang disebut dengan atribut& met!de atau
!perasi dan multiplisitas.
+. Atribut
Atribut adalah karakteristik data yang dimiliki suatu !bjek
dalam Class.
*. Met!de=!perasi
Met!de=!perasi adalah 8ungsi atau trans8!rmasi yang
mungkin dapat diaplikasikan kepada Class atau !leh Class.
+:
#. Multiplisitas
Multiplisitas menunjukan jumlah suatu !bjek yang bisa
berhubungan dengan !bjek yang lain. (munya ditunjukan
dengan berapa banyak !bjek yang bisa mengisi property
IsatuJ atau IbanyakJ.
1erikut adalah simb!l-simb!l yang terdapat pada Class
diagram4
Ta5el +0+ Simb!l Dalam Class Diagram
Sim5#l De"k!i%"i
"ac-age "ac-age merupakan
sebuah bungkusan
dari satu atau lebih kelas
Class
NamaBkelas
Katribut
K!perasi()
Class pada struktur sistem
Antar muka=*nterface
namaBinter8a3e
Sama dengan k!nsep
interface dalam
pemr!graman ber!rientasi
!bjek
As!siasi=,ssociation @elasi antar Class dengan
makna umum& as!siasi
biasanya juga disertai
dengan multiplisitas
As!siasi berarah=Directed
association
@elasi antar Class dengan
makna Class yang satu
digunakan !leh Class
yang lain
+;
Aeneralisasi @elasi antar Class dengan
makna generalisasi-
spesialisasi (umum
khusus)
2ebergantungan=Dependenc
y
@elasi antar Class dengan
makna kebergantungan
antar Class
Agregasi=,ggregation @elasi antar Class dengan
makna semua bagian
+090& Sequence Dia$!am
Sequence diagram adalah diagram yang menggambarkan
bagaimana !bjek ber!rientasi denga !bjek lainnya melalui
pesan dalam suatu eksekusi dari sebuah Use Case atau
sebuah !perasi. Sequence diagram juga mengilustrasikan
bagaimana pesan dikirim dan diterima !leh !bjek dan terjadi
didalam suatu Sequence. 1erikut adalah simb!l-simb!l ada
pada Sequence diagram 4
Ta5el +0& Simb!l 'alam Sequence Diagram
Sim5#l De"k!i%"i
Akt!r
atau
?rang& pr!ses atau sistem
lain yang berinteraksi
dengan sistem in8!rmasi
yang akan dibuat diluar
sistem in8r!masi yang akan
dibuat itu sendiri& jadi
walaupun simb!l akt!r
adalah gambar !rang& tapi
akt!r belum tentu
merupakan !rang.
*)
nama akt!r
Aaris hidup=li8eline Menyatakan kehidupan
suatu !bjek
?bjek Menyatakan !bjek yang
beinteraksi dengan pesan
5aktu akti8 Menyatakan !bjek dalam
keadaan akti8 dan
berinteraksi dengan pesan
esan tipe 3reate
88create99
Menyatakan suatu !bjek
membuat !bjek yang lain&
arah panah mengarah
pada !bjek yang dibuat
esan tipe 3all
+4 namaBmet!de()
Menyatakan suatu !bjek
memanggil !perasi=met!de
yang ada pada !bjek lain
atau dirinya sendiri
esan tipe send
+4 masukan
Menyatakan suatu !bjek
mengirimkan data =
masukan = in8!rmasi ke
!bjek lainnya& arah panah
mengarah pada !bjek yang
dituju
esan tipe return
+4 keluaran
Menyatakan bahwa suatu
!bjek yang telah
menjalankan suatu !perasi
atau met!de menghasilkan
suatu kembalian ke !bjek
tertentu& arah panah
mengarah pada !bjek yang
*+
nama !bjek 4 nama kelas
menerima kembalian
esan tipe destroy Menyatakan suatu !bjek
mengakhiri hidup !bjek
yang lain& arah panah
mengarah pada !bjek yang
diakhiri
+090* A;ti1it Dia$!am
,cti&ity diagram adalah diagram yang dipergunakan untuk
menggambarkan alur dari pr!ses bisnis se3ara gra8is& langkah-
langkah dari Use Case dan l!gika dari karakteristik !bjek.
N!tasi-n!tasi yang digunakan dalam acti&ity diagram adalah
sebagai berikut 4
Ta5el +0* N!tasi ada ,cti&ity Diagram
N#ta"i Fun$"i
Melambangkan awal dari
sebuah pr!ses
Melambangkan akti8itas
Melambangkan trigger
Melambangkan garis
sinkr!nisasi
2ata didalam gambar ini
melambangkan trigger yang
menjadi hasil dari decision
acti&ity
Melambangkan decision
acti&ity
**
88destroy99
Melambangkan akhir dari
pr!ses
+0909 Deployment Dia$!am
Deployment Diagram adalah diagram yang menunjukan
k!n8igurasi k!mp!nen dalam pr!ses eksekusi aplikasi.
Deployment Diagram mewakili pandangan pengembangan
sistem sehingga hanya akan ada satu Deployment Diagram
untuk satu sistem. Deployment Diagram terdiri dari node dan
node merupakan perangkat keras 8isik yang digunakan untuk
menyebarkan aplikasi. Tiap node mewakili satu unit k!mputasi
sistem yang dalam banyak hal merupakan bagian dari
perangkat keras.
Deployment Diagram umumnya memiliki node dan hubungan
ketergantungan. Memungkinkan juga dalam Deployment
Diagram terdapat k!mp!nen. 1erikut adalah simb!l-simb!l
yang terdapat pada Deployment Diagram 4
Ta5el +09 Simb!l ada Deployment Diagram
Sim5#l De"k!i%"i
"ac-age "ac-age merupakan sebuah
bungkusan dari satu atau lebih
node
:ode 1iasanya menga3u pada
perangkat keras (#ardware)&
perangkat lunak yang tidak dibuat
sendiri (software)& jika didalam
node disertakan k!mp!nen untuk
*#
a3kage
NamaBn!de
mengk!nsistensikan ran3angan
maka k!mp!nen yang
diikutsertakan harus sesuai
dengan k!mp!nen yang
dide8inisikan pada Component
Diagram
kebergantungan=Dependenc
y
2ebergatungan antar node& arah
panah mengarah pada node yang
dipakai
Lin- @elasi antar node
+0: Flowchart
Menurut M!hammad Subhan dalam bukunya IAnalisa peran3angan
sistem (*)+*4++))& Flowchart adalah suatu bagan representasi sistem
yang mendeskripsikan relasi 8isik diantara entitas-entitas intinya.
Flowhart dapat digunakan untuk menyajikan akti<itas manual& akti<itas
pemr!sesan k!mputer atau keduanya.
Ada tiga ma3am bagan aliran 4
+. 1agan Aliran '!kumen
Document flowchart digunakan untuk menggambarkan elemen-
elemen dari system manual yang sedang berjalaln di suatu
!rganisasi.
*. 1agan Aliran Sistem
System flowchart menggambarkan aspek-aspek k!mputer dalam
sebuah system dan menggambarkan relasi antara data *nput yang
dihasilkan !leh system tersebut.
#. 1agan Aliran r!gram
"rogram flowchart merupakan bagan yang menjelaskan se3ara
rin3i langkah-langkah pr!ses pr!gram.
Flowchart disusun dengan simb!l& simb!l ini yang dipakai sebagai alat
bantu yang menggambarkan pr!ses didalam pr!gram. Simb!l-simb!l
yang digunakan dapat dibagi menjadi tiga kel!mp!k& yakni sebagai
berikut 4
*-
;/ Simb!l penghubung atau alur (Flow Direction Symbols)
Simb!l yang digunakan untuk menghubungkan antara simb!l yang
satu dengan yang lainnya. Simb!l ini disebut juga Connectingline.
Simb!l-simb!l tersebut adalah sebagai berikut 4
Ta5el +0: Simb!l enghubung Flowchart
+ Sim5#l a!u" 8 flow
(ntuk menyatakan jalannya arus
suatu pr!ses
* Sim5#l Communication Link
(ntuk menyatakan bahwa adanya
transisi suatu data=in8!rmasi dari
suatu l!kasi ke l!kasi lainnya
# Sim5#l Connector
(ntuk menyatakan sambungan dari
satu pr!ses ke pr!ses lainnya dalam
halaman=lembar yang sama
- Sim5#l ffline Connector
(ntuk menyatakan sambungan dari
satu pr!ses ke pr!ses lainnya dalam
halama=lembar yang berbeda
</ Simb!l pr!ses ("rocessing Symbols)
Simb!l yang menunjukan jenis !perasi peng!lahan dalam suatu
pr!ses=pr!sedur& simb!l-simb!l tersebut adalah sebagai berikut 4
Ta5el +0, Simb!l r!ses Flowchart
+ Sim5#l !roccess
Menyatakan suatu tindakan
(pr!ses) yang dilakukan !leh
k!mputer.
* Sim5#l Manual
*7
(ntuk menyatakan suatu
tindakan (pr!ses) yang tidak
dilakukan !leh k!mputer.
# Sim5#l Decision
(ntuk menunjukan suatu k!ndisi
tertentu yang akan
menghasilkan dua kemungkinan
jawaban4 ya = tidak.
- Sim5#l !redefined !rocces
(ntuk menyatakan persediaan
tempat penyimpanan suatu
peng!lahan untuk member
harga awal.
7 Sim5#l "erminal
(ntuk menyatakan permulaan
atau akhir suatu pr!gram.
9 Sim5#l #eying peration
(ntuk menyatakan segala jenis
!perasi yang dipr!ses dengan
menggunakan suatu mesin yang
mempunyai keyb!ard.
, Sim5#l ff$line Storage
(ntuk menunjukan bahwa data
dalam simb!l ini akan tersimpan
ke suatu media tertentu.
: Sim5#l Manual %nput
(ntuk memasukkan data se3ara
manual dengan menggunakan
!nline -eyboard.
=/ Simb!l *nput dan +utput
*9
Simb!l yang menunjukan jenis peralatan yang digunakan sebagai
media *nput dan +utput. Simb!l-simb!l tersebut adalah sebagai
berikut 4
Ta5el +0< Simb!l *nput +utput Flowchart
+ Sim5#l %nput$utput
(ntuk menyatakan pr!ses
*nput dan +utput tanpa
tergantung dengan jenis
peralatannya.
* Sim5#l !unched Card
(ntuk menyatakan *nput
berasal dari kartu atau +utput
ditulis ke kartu.
# Sim5#l Magnetic$"ape
(ntuk menyatakan *nput
berasal dari pita magnetic atau
+utput disimpan ke pita
magnetic/
- Sim5#l Disk Storage
(ntuk menyatakan *nput
berasal dari dis- atau +utput
disimpan ke dis-.
7 Sim5#l Document
(ntuk men3etak lap!ran ke
printer.
9 Sim5#l Display
(ntuk menyatakan peralatan
+utput yang digunakan berupa
layar m!nit!r.
*,
+0, Pen$e!tian Pen$el#laan Fut"al
+0,0( Pen$el#laan
ada dasarnya pengertian pengel!laan hampir sama dengan
manajemen. Menurut $<!r 'a<ies (+;:,4 -+) bahwa 4
0>onsep pengelolaan berhubungan dengan ide
sederhana dimana seorang mana2er membutuh-an
-etrampilan didalam mengembang-an alternatif tinda-an
dari mana mana2er dapat memilih strategi optimal untu-
mewu2ud-an tu2uannya1.
'ari pengertian tersebut dapat disimpulkan bahwa pengel!laan
merupakan suatu bentuk kegiatan mengatur& meren3anakan&
meng!rganisasikan dan mengawasi dengan tujuan agar
ter3ipta keadaan yang terkendali sesuai dengan yang
diharapkan.
Menurut "uther Auli3k yang dikutip $rine 'ianan Sari 5ijayanti
(*)):4+) mengemukakan bahwa 4
0"engelolaan merupa-an ilmu yang berusaha secara
sitematis untu- memahami mangapa dan bagaimana
manusia be-er2a bersama.sama untu- mencapai tu2uan
dan membuat sistem ini lebih bermanfaat bagi manusia1.
Sedangkan se3ara umum pengel!laan adalah suatu istilah
yang dipakai se3ara k!lekti8 untuk menunjukkan jabatan
kepemimpinan didalam !rganisasi antara lain kel!mp!k
pimpinan atas& kel!mp!k pimpinan tengah dan kel!mp!k
pimpinan bawah.
engel!laan adalah suatu kegiatan untuk men3iptakan dan
mempertahankan k!ndisi yang !ptimal bagi terjadinya pr!ses
*:
belajar seperti misalnya meng!ntr!l prilaku indi<idu& penetapan
n!rma kel!mp!k yang pr!dukti8& adanya kesepakatan yang
disetujui se3ara bersama dan sebagainya. engel!laan
menjadi suatu kegiatan yang ditujukan sebagai upaya
peng!ndisian keadaan agar sesuai dengan apa yang telah
diren3anakan.
+0,0+ Fut"al
0utsal (futbol sala dalam bahasa Spany!l berarti sepak
b!la dalam ruangan) merupakan permainan sepak b!la
yang dilakukan di dalam ruangan. 'alam beberapa tahun
terakhir ini 8utsal sangat marak di ind!nesia& baik di 'ep!k
maupun di daerah lainnya. ermainan ini sendiri dilakukan !leh
lima pemain setiap tim berbeda dengan sepak b!la
k!n<ensi!nal yang pemain nya berjumlah sebelas !rang
setiap tim. (kuran lapangan dan ukuran b!la nya pun
lebih ke3il di bandingkan ukuran yang digunakan dalam
sepak b!la rumput. Aturan permainan dalam !lahraga 8utsal
di buat sedemikian ketat !leh F*F, agar permainan ini
berjalan dengan fair play dan juga sekaligus menghindari
3edera yang dapat terjadi. $ni disebabkan underground atau
lapangan yang digunakan untuk pertandingan internasi!nal
bukan dari rumput. Tetapi dari kayu atau *7 rubber3plastic.
'engan ukuran lapangan yang lebih ke3il dan jumlah pemain
yang lebih sedikit&permainan 8utsal 3endrung lebih dinamis
karena gerakan dan ke3epatannya ini berbeda dengan sepak
b!la pada umumnya sehingga jumlah g!l yang di3iptakan
dalam permainan 8utsal umumnya lebih banyak. 'i samping itu
di 8utsal pemain juga mempelajari untuk lebih bermain akurat
dalam hal teknik dasar bermain& seperti teknik passing &
control dribling& dan shoting. 'ari teknik-teknik dasar inilah
*;
permainan 8utsal dan sepak b!la di bentuk. ?leh karena itu di
amerika latin dan er!pa permainan 8utsal telah dimainkan
sejak (usia 7 tahun) bahkan banyak pemain sepak b!la
pr!8esi!nal dunia di waktu muda berawal dari atau pernah
bermain 8utsal. Mereka antara lain @!nald!& @!naldinh!&
@!binh!& Lidane dan masih banyak yang lainya.
+0< A%lika"i Pem!#$!aman
Aplikasi pemr!graman adalah suatu pr!gram yang ditulis atau dibuat
untuk melaksanakan tugas khusus dari pengguna atau user. 'i dalam
penulisan Tugas Akhir ini& aplikasi pemr!graman (tools) yang
digunakan adalah Sublime e!t < dengan bahasa pemr!graman "#"
dan database mysql.
+0<0( Su&lime "e't
Sublime e!t adalah aplikasi editor untuk k!de dan teks yang
dapat berjalan diberbagai platform operating system dengan
menggunakan tekn!l!gi "hyton ,"*. Ter3iptanya aplikasi ini
terinspirasi dari aplikasi 6im& Aplikasi ini sangatlah 8leksibel dan
powerfull. 0ungsi!nalitas dari aplikasi ini dapat dikembangkan
dengan menggunakan sublime.pac-ages. Sublime e!t
bukanlah aplikasi open source dan juga aplikasi yang dapat
digunakan dan didapatkan se3ara gratis& akan tetapi beberapa
8itur pengembangan 8ungsi!nalitas (pac-ages) dari aplikasi ini
merupakan hasil dari temuan dan mendapat dukungan penuh
dari k!munitas serta memiliki lisensi aplikasi gratis.
Sublime e!t mendukung berbagai bahasa pemr!graman dan
mampu menyajikan 8itur synta! highlight hampir di semua
bahasa pemr!gramman yang didukung ataupun dikembangkan
!leh k!munitas sepertiE C4 C??4 C@4 CSS4 D4 Dylan4 (rlang4
#)
#ML4 7roo&y4 #as-ell4 5a&a4 5a&aScript4 LaeA4 Lisp4 Lua4
Mar-down4 M,L,'4 +Caml4 "erl4 "#"4 "ython4 )4 )uby4 S$L4
CL4 e!tile dan AML. 1iasanya bagi bahasa pemr!graman
yang didukung ataupun belum terdukung se3ara default dapat
lebih dimaksimalkan atau didukung dengan menggunakan add.
ons yang bisa di download sesuai kebutuhan user.
+0<0+ !(!
"#" juga dikenal sebagai I#yperte!t "reprocessorJ adalah
bahasa pemr!graman yang digunakan untuk peng!lahan data-
data berbasis web. Tujuan utama bahasa ini adalah untuk
mempermudah pembuatan halaman web yang dinamis atau
mudah di update dan 3epat dalam peng!lahan datanya. 'alam
aplikasinya& "#" dapat digabungkan dengan sintaks #ML&
sintaks "#" ini mirip dengan sintaks bahasa C dan memiliki
beberapa 8ungsi "#" tersendiri.
emgr!graman "#" dapat berdiri sendiri atau disisipkan di
antara k!de #ML sehingga dapat ditampilkan bersamaan
dengan k!de-k!de #ML tersebut dengan syarat web ser&er
harus support dengan "#". "#" merupakan bahasa
pemr!graman yang bersi8at ser&er side dan script nya menyatu
dengan #ML dan berada di ser<er. Artinya adalah sintaks dan
perintah-perintah yang diberikan akan sepenuhnya dijalankan
di ser&er.
"#" pertama kali dibuat !leh @asmus "erdr!8t& se!rang
pr!grammer C& semula "#" digunakannya untuk menghitung
jumlah pengunjung didalam website pribadinya. 2emudian $a
mengeluarkan "ersonal #ome "age ools <ersi +.) se3ara
gratis. 6ersi ini pertama kali keluar pada tahun +;;7. $sinya
#+
adalah sekumpulan script yang dibuatnya untuk membuat
halaman website pribadinya menjadi dinamis. 2emudian pada
tahun +;;9& $a mengeluarkan "#" <ersi *.) yang
kemampuannya telah mampu mengakses "re.condition dan
dapat terintergrasi dengan #ML. ada tahun +;;: tepatnya
tanggal 9 %uni +;:; keluarlah "#" <ersi #.) yang dikeluarkan
!leh @asmus sendiri bersama kel!mp!k pengembangnya
software nya.
6ersi yang kemudian yaitu "#" -.) keluar pada tahun *)))
merupakan <ersi yang lebih lengkap lagi dibandingkan dengan
<ersi sebelumnya. erubahan yang paling mendasar pada
"#" -.) adalah terintegrasinya Bend (ngine yang dibuat !leh
Lend Suraski dan Andi Autsman yang merupakan
penyempurnaan dari "#" =/C Scripting (ngine. Yang lainnya
adalah build in #" session& tidak lagi mengguakan library
tambahan seperti pada "#" #.). Tujuan dari bahasa scripting
ini adalah untuk membuat aplikasi-aplikasi yang dijalankan
diatas tekn!l!gi web. 'alam hal ini& aplikasi akan memberikan
hasil pada web br!wser& tetapi pr!sesnya se3ara keseluruhan
dijalankan !leh web ser&er. 6ersi terbarunya adalah "#" 7.)
yang pengembagannya lebih pada sisi keamanan dan
mengarah ke pemr!graman yang terstruktur dan bersi8at ++"
(+b2ect +riented "rogram) yaitu pemr!graman yang
ber!rientasi ke !bjek.
+0<0& MyS)L
MyS$L adalah sebuah implementasi dari sistem manajemen
basis data relasi!nal ()D'MS) yang didistribusikan se3ara
gratis dibawah lisensi 7"L (7eneral "ublic License)/ Setiap
pengguna dapat se3ara bebas menggunakan MyS$L& namun
#*
dengan batasan perangkat lunak tersebut tidak b!leh dijadikan
pr!duk turunan yang bersi8at k!mersial. MyS$L sebenarnya
merupakan turunan salah satu k!nsep utama dalam basis data
yang telah ada sebelumnya& S$L (Structured $uery
Language). S$L adalah sebuah k!nsep peng!perasian basis
data& terutama untuk pemilihan atau seleksi dan pemasukan
data yang memugnkinkan peng!peasian data dikerjakan
dengan mudah dan !t!matis. 2ehandalan suatu sistem basis
data (D'MS) dapat diketahui dengan 3ara kerja
peng!ptimasinya dalam melakukan perintah-perintah S$L
yang dibuat !leh pengguna maupun pr!gram-pr!gram aplikasi
yang meman8aatkannya.
+0<0* *ampSer+er
%ampSer&er merupakan salah satu paket installasi ,pache4
"#" dan MyS$L instant yang dapat di gunakan untuk
membantu pr!ses installasi ketiga pr!duk tersebut. Selain
paket installasi instant %ampSer&er juga memberikan 8asiltias
pilihan pengunaan "#"D atau "#"E. (ntuk berpindah <ersi
"#" yang ingin digunakan juga sangat mudah dilakukan
dengan mengunakan bantuan "#" Switch yang telah
disertakan !leh %ampSer&er dan yang terpenting %ampSer&er
bersi8at free atau gratis untuk digunakan. Sejarah singkat
%ampSer&er& %ampSer&er merupakan pengembangan dari
L,M" (Linu! ,pache4 MyS$L4 "#" and "()L)4 %ampSer&er
ini merupakan pro2ect n!npr!8it yang di kembangkan !leh
,pache Friends yang didirikan 2ai M?swaladM Seidler dan 2ay
6!gelgesang pada tahun *))*& pro2ect mereka ini bertujuan
mempr!m!sikan pengunaan ,pache web ser&er.
##
+0<09 ,ootstrap
'ootstrap merupakan framewor- ataupun tools untuk membuat
aplikasi ataupun situs web responsi&e se3ara 3epat& mudah
dan gratis. 'engan bootstrap& anda bisa membuat responsi&e
web dalam waktu singkat& tanpa perlu pusing kepala dengan
segala ma3am teknik CSS=& #MLE ataupun 5a&aScript untuk
meresp!n ukuran layar dari mobile ser&ice.
'ootstrap terdiri dari CSS dan #ML untuk menghasilkan grid4
layout4 typograp4 table4 form4 na&igation dan lain-lain. 'i dalam
bootstrap juga sudah terdapat 2$uery plugins untuk
menghasilkan k!mp!nen U* yang 3antik seperti transitions4
modal4 dropdown4 Scrollspy4 tooltip4 tab4 popo&er4 alert4 button4
carousel dan lain-lain.
Menurut sejarah& bootstrap di3iptakan !leh dua !rang
pr!grammer di witter& yaitu Mark ?tt! dan %a3!b Th!rnt!n
pada tahun *)++. Sejak dilun3urkan pada bulan Agustus *)++&
'ootstrap telah bere<!lusi dari sebuah pr!yek yang hanya
berbasis CSS menjadi sebuah tool ataupun framewor- yang
lebih lengkap dan juga berisi 5a&aScript "lugin4 icon4 form dan
button/
#-
-A- III
PROFIL HEIS FUTSAL
&0( Seja!ah -e!6i!ina Hei" Fut"al
.ei/s 0utsal berdiri pada tahun *)+) yang dipimpin !leh ...arun
pribadi.1eliau memper3ayakan usahanya tersebut kepada 5ahyudin
beserta kedua !rang pegawai nya untuk di kel!la& agar .ei/s 0utsal
bisa maju dan berkembang.'an alhamdulillah keper3ayaan yang
diberikan kepada 5ahyudin membuahkan hasil yang baik sehingga
.ei/s 0utsal dapat maju dan semakin berkembang sampai saat ini.
&0+ .i"i 6an Mi"i
Sebagai salah satu perusahaan yang bergerak di bidang !lahraga&
maka .ei/s 0utsal memiliki <isi dan misi sebagai dasar !perasi!nal
perusahaan.
&0+0( .i"i
Membantu atau mewadahi para remaja atau pun para pen3inta
8utsal untuk mengembangkan bakatnya dan men3iptakan
sp!rti8itas untuk bibit-bibit berbakat yang bisa dibanggakan.
&0+0+ Mi"i
Membantu mengalihkan para pemuda dan remaja dari kegiatan
- kegiatan yang berbau negati8. 'engan bermain 8utsal mereka
di didik se3ara tidak langsung tentang kedisiplinan& keseriusan&
serta kek!mpakan sehingga menghasilkan sesuatu hal yang
p!siti8.
&0& -i6an$ U"aha 8 Ruan$ Ge!ak
.ei/s 0utsal bergerak dalam bidang jasa penyewaan lapangan 8utsal
di daerah an3!ran Mas 'ep!k
&0* St!uktu! O!$ani"a"i
Gam5a! &0( Struktur ?rganisasi
#;
EM$"$2 "AANAAN 0(TSA"
.. .arun
1agian engel!la
5ahyudin
1agian 2eamanan 1agian 2ebersihan
&09 De"k!i%"i Ke!ja
.ei/s 0utsal tidak mempunyai terlalu banyak bagian karyawan& karena
usaha terg!l!ng usaha menengah.
+. emilik "apangan 0utsal
1ertanggung jawab terhadap kelan3aran akti8itas di .ei/s 0utsal
untuk mengawasi& meng!ntr!l akti8itas sehari-hari& mengk!!rdinasi
bagian-bagian yang berada di .ei/s 0utsal& serta menerima
lap!ran bulanan.
*. 1agian engel!la
Mengel!la& mengendalikan dan bertanggung jawab se3ara
menyeluruh semua akti<itas yang berhubungan dengan keuangan.
Serta membuat lap!ran keuangan per peri!dik (bulan).
#. 1agian 2eamanan
Memiliki kewajiban untuk menjaga keamanan. Men3akup m!t!r-
m!t!r penyewa yang di parkir di area tempat parkir .ei/s 0utsal.
-. 1agian 2ebersihan
Menjaga kebersihan disekitar l!kasi .ei/s 0utsal.
-)
-A- I.
ANALISA PEM-AHASAN
*0( Si"tem -e!jalan Pa6a Hei" Fut"al
*0(0( Flowchart Si"tem -e!jalan
Gam5a! *0( Flowchat Sistem 1erjalan ada .ei/s 0utsal
Kete!an$an Flowchart =
+. elanggan datang ke .ei/s 0utsal apabila mempunyai jadwal main&
maka pelanggan melakukan k!n8irmasi kepada kasir dan memasuki
lapangan.
a. Apabila waktu main pelanggan telah habis maka pelanggan
akan mendatangi kasir.
b. 2asir akan menanyakan apakah akan melunasi pembayaran
atau akan memilih jadwal main kembali.
3. %ika pelanggan akan melunasi pembayaran maka kasir
membuat kwitansi sebanyak dua rangkap.
d. @angkap pertama akan diserahkan kepada pelanggan dan
rangkap kedua akan disimpan sebagai arsip.
e. 2emudian kasir akan men3atat kembali kedalam buku sebagai
lap!ran untuk diserahkan kepada pemilik lapangan.
8. Apabila pelanggan akan memilih jadwal kembali& maka
pelanggan akan menentukan jadwal main dan kasir akan
men3atat jadwal main pelanggan.
*. Apabila pelanggan tidak mempunyai jadwal main& maka kasir akan
memberikan jadwal main yang tersedia kepada pelanggan.
a. 2emudian pelanggan akan memilih jadwal main yang tersedia dan
kasir akan men3atat data pelanggan.
b. Setelah data pelanggan di3atat& maka pelanggan melakukan
pembayaran kepada kasir.
3. 2asir akan menanyakan apakan pelanggan ingin member atau
tidak.
d. %ika tidak member maka selesai& jika pelanggan member maka
kasir akan membuatkan kwitansi sebanyak dua rangkap.
e. @angkap pertama akan diserahkan kepada pelanggan dan rangkap
kedua akan disimpan sebagai arsip.
8. 2emudian kasir akan men3atat kembali kedalam buku sebagai
lap!ran untuk diserahkan kepada pemilik lapangan.
-*
*0+ Ma"alah atau Ken6ala Si"tem -e!jalan Pa6a Hei" Fut"al
Setelah mengetahui sistem berjalan yang ada di .ei/s 0utsal& maka
penulis meyimpulkan bahwa masalah atau kendala pada sistem
berjalan tersebut pada 4
+. r!ses penyewaan lapangan masih dilakukan se3ara manual atau
belum terk!mputerisasi
*. r!ses penjadwalan yang masih menggunakan 3ara manual.
#. 2eamanan data kurang terjamin karena dilakukan dengan
pembukuan yang rentan terhadap kerusakan 8isik
-. r!ses perhitungan rekap data sulit dan lama dalam pengerjaannya
yang dilakukan se3ara manual. 'alam pembuatan lap!ran akti8itas
sistem baik data ataupun in8!rmasi lainnya masih menggunakan
pr!ses manual selain memakan waktu juga menghabiskan tenaga
karena harus melakukan rekap ulang terhadap semua transaksi
yang terjadi& selain itu bilamana mengalami kendala yang di
karenakan salah perhitungan& maka perhitungan harus diulangi dari
awal lagi.
*0& S#lu"i Peme;ahan Ata" Ma"alah Si"tem >an$ -ejalan Pa6a Hei"
Fut"al
S!lusi peme3ahan masalah dari sistem berjalan dalam pengel!laan
lapangan di .ei/s 0utsal yaitu membuat aplikasi pengel!laan 8utsal
berbasis website dengan 8itur 4
;/ 0!rm penyewaan lapangan
</ enjadwalan se3ara !t!matis setelah data penyewaan lapangan
ditambahkan
=/ enyimpanan data dengan database MyS$L
D/ .alaman rekapitulasi penyewaan lapangan yang dapat diatur
peri!denya sesuai yang diinginkan.
-#
*0&0( Use Case Dia$!am
System
Admin
Kasir
Pemilik
Mengubah Profl Pengguna
Mengelola Data Pelanggan
Mengelola Data Lapangan
Login
Mengelola data pengguna
Mengelola Data Penyewaan Lapangan
Membuat Laporan
Logout
Mengelola Data Kategori Waktu
Mengelola Data Harga Lapangan
Memilih J adwal Kosong
Melihat J adwal
<<ncude>>
<<ncude>>
<<ncude>>
<<ncude>>
<<ncude>>
<<ncude>>
<<ncude>>
<<ncude>>
<<ncude>>
<<ncude>>
<<ncude>>
<<ncude>>
<<ncude>>
<<ncude>>
<<ncude>>
<<ncude>>
<<ncude>>
<<ncude>>
Mengubah Pengaturan Penyewaan
Lapangan
<<ncude>>
<<ncude>>
Gam5a! *0+ Use Case Diagram
*0&0(0( Skena!i# Use Case
Skenari! Use Case digunakan untuk memudahkan
dalam menganalisa skenari! yang akan kita gunakan
pada 8ase-8ase selanjutnya dengan melakukan
penilaian terhadap skenari! tersebut.
--
;/ Skenari! Use Case Login
Ta5el *0( Skenari! Use Case Login
Use Case Login
Akt!r Admin&2asir dan emilik
'eskripsi r!ses ter3iptanya session untuk
dapat mengakses sistem dengan
memasukan Username dan
"assword pengguna& guna
mendapatkan hak akses
menggunakan sistem.
"re.condition +. Akt!r belum melakukan login.
*. Akt!r harus berada pada
halaman login.
"ost.condition Menampilkan .alaman (tama.
Ak"i Akt#! Reak"i Si"tem
Alu! Da"a!
+. Membuka website.
*. Menampilkan form
login.
#. Memasukan
Username dan
"assword serta pilih
t!mb!l IMasukJ
-. 6alidasi Username dan
"assword
7. %ika *nputan Username
dan "assword <alid
maka 4
- Membuat session
data berdasarkan
akun
- Menampilkan pesan
ILogin berhasilJ
- Mengarahkan ke
halaman utama
-7
Alu! Alte!nati7 N# 9
1. %ika masukan Username dan "assword salah akan
menampilkan pesan error IUsername atau
"assword salahJ
</ Skenari! Use Case Logout
Ta5el *0+ Skenari! Use Case Logout
Use Case Logout
Akt!r Admin&2asir dan emilik
'eskripsi r!ses penghapusan session data.
"re.condition Akt!r harus sudah melakukan login.
"ost.condition Menampilkan halaman login.
Ak"i Akt#! Reak"i Si"tem
Alu! Da"a!
+. ilih menu I2eluarJ.
2. Menghapus session.
3. Mengarahkan ke
halaman login
Alu! Alte!nati7 = NA
-9
=/ Skenari! Use Case Mengel!la 'ata "apangan
Ta5el *0& Skenari! Use Case Mengel!la 'ata
"apangan
Use Case Mengel!la 'ata "apangan
Akt!r Admin
'eskripsi r!ses ini adalah sebuah kegiatan
untuk melihat& mengubah&
menghapus data lapangan .
"re.condition Admin harus sudah melakukan login.
"ost.condition Menampilkan data lapangan.
Ak"i Akt#! Reak"i Si"tem
Alu! Da"a!
+. ilih menu I'ata
"apanganJ
*. Menampilkan data
lapangan.
#. ilih t!mb!l ITambah
'ata "apanganJ
-. Menampilkan 8!rm
tambah data lapangan
7. Memasukan Nama
"apangan dan pilih
t!mb!l ISimpanJ
9. 6alidasi masukan
Nama "apangan
,. %ika masukan <alid
maka 4
- Menyimpan data ke
database
- Menampilkan
esan I'ata
berhasil
ditambahkanJ
- 'an menampilkan
data baru ke urutan
-,
pertama dalam list
da8tar lapangan
:. ilih t!mb!l IEditJ
9. Menge3ek data
$'"apangan pada
database berdasarkan
data yang dipilih
+). Menampilkan data
dalam 8!rm edit sesuai
$'"apangan yang
dipilih
++. Mengubah Nama
"apangan pilih t!mb!l
ISimpan 'ataJ pada
8!rm edit
+*. 6alidasi masukan
Nama "apangan
+#. %ika data yang
dimasukan <alid maka4
- Mengubah data di
"re.condition
berdasarkan data
lapangan yang
dipilih
- Menampilkan pesan
I'ata berhasil
disimpanJ.
+-. ilih t!mb!l I.apusJ
+7. Menampilkan pesan
IApakah Anda yakin
ingin menghapus data
iniJ
+9. ilih t!mb!l IYaJ
+,. Menge3ek data
-:
$'"apangan
berdasarkan data yang
dipilih
+:. %ika $'"apangan <alid
maka 4
- Menghapus data di
database
berdasarkan data
lapangan yang
dipilih.
- Menampilakan
pesan I'ata
berhasil dihapusJ
Alu! Alte!nati7 N# , 6an (&
1. %ika *nputan tidak <alid maka akan menampilkan
pesan I'ata yang Anda masukan tidak <alidJ
Alu! Alte!nati7 N# (:
1. Menekan t!mb!l I1atalJ maka jendela popup
menutup
Alu! Alte!nati7 N# (<
+. Menampilakan pesan I'ata gagal dihapusJ
D/ Skenari! Use Case Mengel!la 'ata 2ateg!ri 5aktu
Ta5el *0* Skenari! Use Case Mengel!la 'ata 2ateg!ri
5aktu
Use Case Mengel!la 'ata 2ateg!ri 5aktu
Akt!r Admin
'eskripsi r!ses ini adalah sebuah kegiatan
untuk melihat& mengubah&menghapus
data kateg!ri waktu .
"re.condition Admin harus sudah melakukan login.
"ost.condition Menampilkan data kateg!ri waktu.
Ak"i Akt#! Reak"i Si"tem
Alu! Da"a!
+. ilih menu I'ata
-;
2ateg!ri 5aktuJ
*. Menampilkan data
kateg!ri waktu.
#. ilih t!mb!l ITambah
'ata 2ateg!ri waktuJ
-. Menampilkan 8!rm
tambah data kateg!ri
waktu
7. Memasukan 5aktu
Awal& 5aktu Akhir dan
pilih t!mb!l ISimpanJ
9. 6alidasi masukan.
,. %ika masukan <alid
maka 4
- Menyimpan data ke
"re.condition
- Menampilkan
esan I'ata
berhasil
ditambahkanJ
- 'an menampilkan
data baru ke urutan
pertama dalam list
da8tar kateg!ri
waktu
:. ilih t!mb!l IEditJ
9. Menge3ek data
$'kateg!ri waktu pada
database berdasarkan
data yang dipilih
+). Menampilkan data
dalam 8!rm edit sesuai
$'"apangan yang
dipilih
7)
++. Mengubah 5aktu
Awal& 5aktu Akhir
menekan t!mb!l
ISimpan 'ataJ pada
8!rm edit
+*. 6alidasi masukan
+#. %ika data yang
dimasukan <alid maka4
- Mengubah data di
database
berdasarkan data
kateg!ri waktu yang
dipilih
- Menampilkan pesan
I'ata berhasil
disimpanJ.
+-. ilih t!mb!l I.apusJ
+7. Menampilkan pesan
IApakah Anda yakin
ingin menghapus data
iniJ
+9. ilih t!mb!l IYaJ
+,. Menge3ek data $'
kateg!ri waktu
berdasarkan data yang
dipilih
+:. %ika $' kateg!ri waktu
<alid maka 4
- Menghapus data di
database
berdasarkan data
kateg!ri waktu yang
dipilih.
- Menampilakan
7+
pesan I'ata
berhasil dihapusJ
Alu! Alte!nati7 N# , 6an (&
+. %ika masukan sudah ada pada database maka
akan memun3ulkan pesan I2ateg!ri waktu yang
anda masukan sudah adaJ
*. %ika masukan tidak <alid maka akan menampilkan
pesan Idata yang Anda masukan tidak <alidJ
Alu! Alte!nati7 N# (:
1. Menekan t!mb!l I1atalJ maka jendela popup
tertutup
Alu! Alte!nati7 N# (<
+. Menampilakan pesan I'ata gagal dihapusJ
E/ Skenari! Use Case Mengel!la 'ata .arga
"apangan
Ta5el *09 Skenari! Use Case Mengel!la 'ata .arga
"apangan
Use Case Mengel!la 'ata .arga "apangan
Akt!r Admin dan 2asir
'eskripsi r!ses ini adalah sebuah kegiatan
untuk melihat& mengubah dan
menghapus data harga lapanga .
"re.condition Akt!r harus sudah melakukan login.
"ost.condition Menampilkan data harga lapangan.
Ak"i Akt#! Reak"i Si"tem
Alu! Da"a!
+. ilih menu I'ata
.arga "apanganJ
*. %ika yang mengakses
kasir maka t!mb!l edit
dan hapus tidak di
tampilkan
#. Menampilkan data
7*
harga lapangan.
-. ilih t!mb!l ITambah
'ata .arga
"apanganJ
7. Menampilkan 8!rm
tambah data harga
lapangan
9. Memasukan data
.arga untuk semua
hari&memilih
lapangan&memilih
kateg!ri waktu dan
pilih t!mb!l ISimpanJ
,. 6alidasi data masukan.
:. %ika semua data
masukan <alid maka 4
- Menyimpan data ke
"re.condition
- Menampilkan
esan I'ata
berhasil
ditambahkanJ
- 'an menampilkan
data baru ke urutan
pertama dalam list
da8tar harga
lapangan
;. ilih t!mb!l IEditJ
+). Menge3ek data
$'.arga "apangan
berdasarkan data yang
dipilih
11.Menampilkan data
dalam form edit sesuai
7#
$'.arga "apangan
yang dipilih
12.Mengubah data pada
form edit dan ilih
t!mb!l ISimpan 'ataJ
pada 8!rm edit
+#. 6alidasi data
masukan.
+-. %ika data yang
dimasukan <alid maka4
- Mengubah data di
database
berdasarkan data
harga lapangan
yang dipilih
- Menampilkan pesan
I'ata berhasil
disimpanJ.
+7. ilih t!mb!l I.apusJ
16.Menampilkan pesan
popup IApakah Anda
yakin ingin menghapus
data iniJ
+,. ilih t!mb!l IYaJ
+:. Menge3ek data
$'.arga "apangan
berdasarkan data yang
dipilih
+;. %ika $'.arga
"apangan <alid maka 4
- Menghapus data di
database
berdasarkan data
harga lapangan
7-
yang dipilih.
- Menampilkan pesan
I'ata berhasil
dihapusJ
Alu! Alte!nati7 N# < 6an (*
+. %ika data masukan tidak <alid maka akan
menampilkan pesan I'ata masukan tidak <alidJ.
Alu! Alte!nati7 N# (,
1. Menekan t!mb!l I1atalJ maka jendela popup
tertutup
Alu! Alte!nati7 N# (?
+. Menampilkan pesan I'ata gagal dihapusJ
F/ Skenari! Use Case Mengel!la 'ata engguna
Ta5el *0: Skenari! Use Case Mengel!la 'ata
engguna
Use Case Mengel!la 'ata engguna
Akt!r Admin
'eskripsi r!ses ini adalah sebuah kegiatan
untuk melihat&
mengubah&menghapus data
pengguna .
"re.condition Akt!r harus sudah melakukan
login.
"ost.condition Menampilkan data pengguna.
Ak"i Akt#! Reak"i Si"tem
Alu! Da"a!
+. ilih menu I'ata
enggunaJ
*. Menampilkan data
pengguna.
#. ilih t!mb!l ITambah
'ata enggunaJ
-. Menampilkan 8!rm
tambah data pelanggan
77
5. Memasukan Nama&
Alamat
&Email&Telep!n&Userna
me&"assword&"e<el
Akses dan ilih t!mb!l
ISimpanJ
6. 6alidasi masukan
Nama& Alamat
&Email&Telep!n&Userna
me&"assword&"e<el
Akses
,. %ika semua masukan
<alid maka 4
- Menyimpan data ke
database
- Menampilkan
esan I'ata
berhasil
ditambahkanJ
- 'an menampilkan
data baru ke urutan
pertama dalam list
da8tar pengguna
:. ilih t!mb!l IEditJ
;. Menge3ek data
$'engguna
berdasarkan data yang
dipilih
10.Menampilkan data
dalam form edit sesuai
$'engguna yang
dipilih
11.Mengubah Nama&
79
Alamat
&Email&Telep!n&Userna
me&"assword&"e<el
Akses dan ilih t!mb!l
ISimpan 'ataJ pada
form edit
12.6alidasi masukan
Nama& Alamat
&Email&Telep!n&Userna
me&"assword&"e<el
Akses
+#. %ika data yang
dimasukan <alid maka4
- Mengubah data di
database
berdasarkan data
pengguna yang
dipilih
- %ika
$'enggunaNN$'e
ngguna session
maka (bah
Session sesuai
dengan masukan.
- Menampilkan pesan
I'ata berhasil
disimpanJ.
+-. ilih t!mb!l I.apusJ
+7. Menampilkan pesan
IApakah Anda yakin
ingin menghapus data
iniJ
+9. ilih t!mb!l IYaJ
7,
+,. Menge3ek data
$'engguna
berdasarkan data yang
dipilih
+:. %ika $'engguna <alid
maka 4
- Menghapus data di
database
berdasarkan data
pengguna yang
dipilih.
- Menampilakan
pesan I'ata
berhasil dihapusJ
Alu! Alte!nati7 N# , 6an (:
1. %ika *nputan Nama& Alamat
&Email&Telep!n&Username&"assword&"e<el Akses
atau 0!t! ada yang tidak <alid maka akan
menampilkan pesan error sesuai *nputan yang tidak
<alid.
Alu! Alte!nati7 N# (:
1. ilih t!mb!l I1atalJ maka jendela popup tertutup
Alu! Alte!nati7 N# (<
1. %ika $'elanggan NN $'elanggan session maka
data tidak terhapus.
G/ Skenari! Use Case Mengel!la 'ata elanggan
Ta5el *0, Skenari! Use Case Mengel!la 'ata
elanggan
Use Case Mengel!la 'ata elanggan
Akt!r Admin dan 2asir
'eskripsi r!ses ini adalah sebuah kegiatan
untuk melihat& mengubah&menghapus
7:
dan men3ari data pelanggan .
"re.condition Akt!r harus sudah melakukan login.
"ost.condition Menampilkan data pelanggan.
Ak"i Akt#! Reak"i Si"tem
Alu! Da"a!
1. ilih menu I'ata
elangganJ
*. %ika 2asir yang
mengakses maka
t!mb!l hapus akan
dihilangkan
*. Menampilkan data
pelanggan.
#. ilih t!mb!l ITambah
'ata elangganJ
-. Menampilkan 8!rm
tambah data
pelanggan
7. Memasukan
Nama&Nama
Team&Alamat
&N!.Telep!n dan ilih
t!mb!l ISimpanJ
9. 6alidasi masukan
Nama&Nama Team dan
Alamat
,. %ika semua masukan
<alid maka 4
- Membuat
$'elanggan
!t!matis
- Membuat tanggal
da8tar !t!matis
- Menyimpan data ke
database
7;
- Menampilkan
esan I'ata
berhasil
ditambahkanJ
- 'an menampilkan
data baru ke urutan
pertama dalam list
da8tar pelanggan
:. Memasukan Nama
elanggan& Nama
Team atau
$'elanggan
;. ilih t!mb!l IDari
'ataJ
+). Menampilkan data
yang di3ari.
++. ilih t!mb!l IEditJ
+*. Menge3ek data
$'elanggan
berdasarkan data yang
dipilih
+#. Menampilkan data
dalam 8!rm edit sesuai
$'elanggan yang
dipilih
+-. Mengubah
Nama&Nama Team&
Alamat atau
N!.Telep!n dan ilih
t!mb!l ISimpan 'ataJ
pada 8!rm edit
+7. 6alidasi masukan
Nama&Nama Team dan
9)
Alamat
+9. %ika data yang
dimasukan <alid maka4
- Mengubah data di
database
berdasarkan data
pelanggan yang
dipilih
- Menampilkan pesan
I'ata berhasil
disimpanJ.
+,. ilih t!mb!l I.apusJ
+:. Menampilkan pesan
IApakah Anda yakin
ingin menghapus data
iniJ
+;. ilih t!mb!l IYaJ
*). Menge3ek data
$'elanggan
berdasarkan data yang
dipilih
*+. %ika $'elanggan <alid
maka 4
- Menghapus data di
database
berdasarkan data
pelanggan yang
dipilih.
- Menampilakan
pesan I'ata
berhasil dihapusJ
Alu! Alte!nati7 N# , 6an (:
9+
+. %ika *nputan Nama tidak <alid maka akan
menampilkan pesan error I*nputan Nama tidak
<alidJ
*. %ika *nputan Nama Team tidak <alid maka akan
menampilkan pesan error I*nputan Nama Team
tidak <alidJ
#. %ika *nputan Alamat tidak <alid maka akan
menampilkan pesan error I*nputan Alamat tidak
<alidJ
-. %ika *nputan N!.Telep!n tidak <alid maka akan
menampilkan pesan error I*nputan N!.Telep!n
tidak <alidJ
Alu! Alte!nati7 N# (?
1. ilih t!mb!l I1atalJ maka jendela popup tertutup
Alu! Alte!nati7 N# +(
+. Manampilkan pesan I'ata gagal dihapusJ
H/ Skenari! Use Case Mengel!la 'ata enyewaan
"apangan
Ta5el *0< Skenari! Use Case Mengel!la 'ata
enyewaan "apangan
Use Case Mengel!la 'ata enyewaan
"apangan
Akt!r Admin dan 2asir
'eskripsi r!ses ini adalah sebuah kegiatan
untuk menambah pemesanan
lapangan& ubah penyewaan lapangan&
hapus penyewaan lapangan&3etak
kwitansi&lihat rin3ian penyewaan
lapangan dan men3ari data
penyewaan lapangan.
"re.condition Akt!r harus sudah melakukan login.
"ost.condition Menampilkan data enyewaan
"apangan.
9*
Ak"i Akt#! Reak"i Si"tem
Alu! Da"a!
1. ilih menu I'ata
'oo-ingJ
2. Menampilkan data
'oo-ing lapangan.
3. ilih menu I'oo-ing
"apanganJ
4. Menampilkan 8!rm
tambah 'oo-ing
lapangan
7. %ika mempunyai
$'elanggan maka
memasukan
$'elanggan
6. Memasukan tanggal
main&jam main
&lapangan&kateg!ri waktu
,. Menampilkan t!tal
biaya.
:. Memasukan t!tal bayar
9. ilih t!mb!l I'oo-ingJ
+). 6alidasi masukan.
9#
++. %ika masukan <alid
maka 4
- Menyimpan data
ke database
- Menampilkan
esan
Ienyewaan
berhasil
ditambahkanJ
- 'an menampilkan
data baru ke
urutan pertama
dalam list da8tar
pemesanan
+*. ilih t!mb!l IEditJ
13.Menge3ek data
$''oo-ing pada
database berdasarkan
data yang dipilih
14.Menampilkan data
dalam 8!rm edit sesuai
$''oo-ing yang dipilih
+7. Mengubah data
penyewaan dan ilih
t!mb!l ISimpan 'ataJ
pada 8!rm edit
+9. 6alidasi masukan
9-
+,. %ika data yang
dimasukan <alid
maka4
- Mengubah data di
database
berdasarkan data
'oo-ing yang
dipilih
- Men3etak kwitansi
'oo-ing.
- Menampilkan
pesan I'ata
'oo-ing berhasil
diubahJ.
+;. ilih t!mb!l IDetakJ
20.Men3etak kwitansi
'oo-ing berdasarkan
data yang dipilih
*+. ilih t!mb!l I@in3ianJ
**. Menampilkan rin3ian
data 'oo-ing
berdasarkan data
yang dipilih
*#. ilih t!mb!l I.apusJ
*-. Menampilkan pesan
IApakah Anda yakin
ingin menghapus data
iniJ
*7. ilih t!mb!l IYaJ
*9. Menge3ek data
$''oo-ing
berdasarkan data
yang dipilih
97
*,. %ika $''oo-ing <alid
maka 4
- Menghapus data di
database
berdasarkan data
pelanggan yang
dipilih.
- Menampilakan
pesan I'ata
berhasil dihapusJ
25.Memasukan
$''oo-ing&$'elanggan&
pilih status&lapangan
atau peri!de tanggal
*9. ilih T!mb!l IDari 'ataJ
*,. Menampilkan data
berdasarkan data
yang di3ari.
Alu! Alte!nati7 N# ,
+. %ika tidak mempunyai $'elanggan dan pilih t!mb!l
ITidak mempunyai $'J maka menampilkan form *nput
Nama&Nama Team dan Alamat .
*. Memasukan Nama&Nama Team dan Alamat
Alu! Alte!nati7 N# <
+. %ika pilih t!mb!l ITambah %adwalJ maka akan
menampilkan form tambah jadwal baru.
*. %ika form *nput jadwal lebih dari - maka akan
menampilkan p!t!ngan harga.
Alu! Alte!nati7 N# (&
99
+. %ika data tidak dapat disimpan di database maka
akan menampilkan pesan I'ata gagal disimpanJ
*. %ika ada masukan yang tidak <alid maka akan
menampilkan pesan ITidak <alidJ berdasarkan
masukan yang tidak <alid tersebut.
#. %ika %adwal main sudah digunakan maka akan
menampilkan pesan I%adwal sudah digunakanJ
Alu! Alte!nati7 N# ++
1. ilih t!mb!l I1atalJ maka jendela popup tertutup
Alu! Alte!nati7 N# +*
+. Manampilkan pesan I'ata gagal dihapusJ
Alu! Alte!nati7 N# +,
+. Menampilkan pesan I'ata yang di3ari tidak adaJ
I/ Skenari! Use Case Melihat %adwal dan Memilih
%adwal 2!s!ng
Ta5el *0? Skenari! Use Case Melihat %adwal dan
Memilih %adwal 2!s!ng
Use Case Memilih %adwal dan Memilih %adwal
2!s!ng
Akt!r Admin dan 2asir
'eskripsi r!ses ini adalah sebuah kegiatan
untuk melihat penjadwalan lapangan
dan memilih jadwal k!s!ng.
"re.condition Akt!r belum melakukan login.
"ost.condition Menampilkan .alaman %adwal.
Ak"i Akt#! Reak"i Si"tem
Alu! Da"a!
+. ilih menu %adwal
2. Menampilkan da8tar
penjadwalan lapangan
berdasarkan peri!de
sekarang
3. Memasukan eri!de
9,
Tanggal=ilih
"apangan dan ilih
t!mb!l ITampilkanJ
4. Menampilkan da8tar
penjadwalan lapangan
berdasarkan masukan
peri!de = "apangan
yang dipilih
5. ilih %adwal k!s!ng
dan pilih t!mb!l
I'oo-ingJ
6. Mengarahkan ke
halaman tambah
'oo-ing dengan
membawa jadwal
k!s!ng yang dipilih
;C/ Skenari! Use Case Mengubah r!8il engguna
Ta5el *0() Skenari! Use Case Mengubah r!8il
engguna
Use Case Mengel!la r!8il engguna
Akt!r Admin&2asir dan emilik
'eskripsi r!ses ini adalah sebuah
kegiatan untuk melihat dan
mengubah data pr!8il
pengguna .
"re.condition Akt!r harus sudah
melakukan login.
"ost.condition Menampilkan pr!8il
pengguna.
Ak"i Akt#! Reak"i Si"tem
Alu! Da"a!
+. ilih menu Ir!8il enggunaJ
*. Menampilkan data
9:
pr!8il pengguna.
#. ilih menu IEdit r!8ilJ
-. Menampilkan 8!rm
edit pr!8il
7. Mengubah Nama
"engkap&Alamat&Email&N!.Te
lep!n dan ilih t!mb!l
ISimpanJ
9. 6alidasi Nama
"engkap&Alamat&E
mail dan
N!.Telep!n
,. %ika semua
masukan <alid
maka E
- data lama
yang ada di
database akan
diubah sesuai
dengan
masukan 8!rm
- (bah data
session
- Menampilkan
pesan I'ata
berhasil
diubahJ
:. ilih menu I(bah "asswordJ
;. Menampilkan 8!rm
ubah "assword.
+). Memasukan "assword
"ama&"assword 1aru&(langi
"assword 1aru dan
menekan t!mb!l I(bah
9;
"asswordJ
++. 6alidasi "assword
"ama&"assword
1aru dan (langi
"assword 1aru
+*. Enkripsi *nputan
ke M'7
+#. %ika *nputan
"assword
"ama&"assword
1aru dan (langi
"assword 1aru
<alid maka 8ield
"assword yang
ada di database
akan berubah
sesuai dengan
*nputan "assword
1aru serta akan
memun3ulkan
pesan I"assword
1aru berhasil
disimpanJ.
+-. ilih menu I(bah 0!t!J
+7. Menampilkan 8!rm
ubah 8!t!
+9. Men3ari dan memasukan 8ile
gambar kedalam *nputan
8!rm gambar serta ilih
t!mb!l I(bah 0!t!J
+,. 6alidasi 8ile
gambar
+:. %ika *nputan 8!t!
,)
<alid maka 4
- 0ile 8!t! lama
akan dihapus
- (bah nama 8ile
*nputan 0!t!
- Simpan 8ile
8!t! baru di
8!lder gambar
- (bah nama
8ield 8!t! di
database
dengan nama
baru sesuai
dengan
*nputan
- (bah session
8!t!
- 'an
menampilkan
pesan I0!t!
berhasil
diubahJ
Alu! Alte!nati7 N# ,
+. %ika *nputan Nama "engkap tidak <alid maka akan
menampilkan pesan error I*nputan Nama "engkap
tidak <alidJ
*. %ika *nputan Alamat tidak <alid maka akan
menampilkan pesan error I*nputan Alamat tidak
<alidJ
#. %ika *nputan Email tidak <alid maka akan
menampilkan pesan error I*nputan Email tidak <alidJ
-. %ika *nputan N!.Telep!n tidak <alid maka akan
menampilkan pesan error I*nputan N!.Telep!n tidak
<alidJ
,+
Alu! Alte!nati7 N# (&
+. %ika *nputan "assword "ama tidak sesuai dengan
8ield "assword yang ada di database maka akan
menampilkan pesan error I"assword "ama yang
Anda masukan salahJ.
*. %ika *nputan I"assword 1aruJ tidak sama dengan
*nputan I(langi "assword 1aruJ maka akan
menampilkan pesan error I*nputan "assword 1aru
salahJ
Alu! Alte!nati7 N# (<
+. %ika 8ile gambar yang di *nput tidak <alid maka akan
menampilkan pesan error I0!t! yang yang Anda
*nputkan tidak <alidJ
*. %ika 8ile gambar yang di *nputkan bukan 8ile
%A&%EA&NA&A$0 maka akan menampilkan pesan
error I.anya %A&%EA&NA dan A$0 yang
diperb!lehkanJ
#. %ika ukuran 8ile melebihi *M1 maka akan
menampilkan pesan error I0!t! maksimal *M1J
;;/ Skenari! Use Case Membuat "ap!ran
Ta5el *0(( Skenari! Use Case Membuat "ap!ran
Use Case Membuat "ap!ran
Akt!r Admin&emilik dan 2asir
'eskripsi r!ses ini adalah pr!ses setelah
penyewaan lapangan selesai
dilakukan dan terdapat pula sebuah
kegiatan untuk membuat &melihat dan
men3etak data lap!ran
keuangan(rekap data).
"re.condition Akt!r harus sudah melakukan login.
"ost.condition Menampilkan data lap!ran.
Ak"i Akt#! Reak"i Si"tem
Alu! Da"a!
,*
+. ilih menu "ap!ran.
*. Menampilkan data
lap!ran sesuai peri!de
sekarang.
#. Memasukan peri!de
tanggal dan t!mb!l
ITampilkanJ
4. 6alidasi *nputan
tanggal
5. %ika *nputan tanggal
<alid maka akan
menampilkan data
berdasarkan peri!de
tanggal yang
dimasukan.
9. Menekan t!mb!l
IDetakJ
,. Akan menampilkan
data ke br!wser dalam
bentuk Ipd8J
Alu! Alte!nati7 N# +
+. %ika data peri!de sekarang tidak ada& maka akan
menampilkan pesan Idata tidak adaJ.
Alu! Alte!nati7 N# 9
+. %ika tanggal tidak <alid maka akan menampilkan
pesan ITanggal yang dimasukan tidak <alid (dd.
mm.yyyy)J
2. %ika tanggal pertama lebih besar dari dari tanggal
kedua maka akan mun3ul pesan I*nputan tanggal
pertama harus lebih ke3il atau sama dengan
*nputan tanggal keduaJ
,#
;</ Skenari! Use Case Mengubah pengaturan
penyewaan lapangan
Ta5el *0(+ Skenari! (se 3ase mengubah pengaturan
penyewaan lapangan
Use Case Mengubah pengaturan penyewaan
lapangan
Akt!r Admin
'eskripsi r!ses ini adalah pr!ses mengubah
pengaturan penyewaan lapangan
"re.condition Akt!r harus sudah melakukan login.
"ost.condition Menampilkan data pengaturan
penyewaan lapangan .
Ak"i Akt#! Reak"i Si"tem
Alu! Da"a!
1. ilih menu
Iengaturan
'oo-ingJ.
2. Menampilkan 8!rm edit
pengaturan boo-ing
disertai dengan data
pengaturan boo-ing.
3. Mengubah data
pengaturan b!!king
dan takan t!mb!l
ISimpanJ
4. 6alidasi masukan
7. Simpan data di
database dan
menampilak pesan
I'ata berhasil
disimpanJ
Alu! Alte!nati7 NA
,-
*0&0+ Class Dia$!am
MainPage
+path
+ManPage()
+render()
+dspay()
Database
+db
+Database()
+query(sq, type, resut)
+type(type, query, resut)
Login
+sLogn()
+cek_ogn()
+ogout()
+getsesson()
Konfgurasi
+cong
+cong(key)
+Konguras()
Pelanggan
+d
+dpeanggan
+nama
+aamat
+nama_team
+teepon
+tg_daftar
+Peanggan()
+get_urstrng()
+where_cause()
+get_sq()
+get_data()
+cek_d(d)
+row_data(d)
+vadas_post_data()
+add_data()
+update_data(d)
+deete_data(d)
+render_content()
+dspay_content()
Profl_pengguna
+dpeanggan
+nama
+aamat
+teepon
+ema
+username
+password
+eve
+foto
+Pro_pengguna()
+get_sq()
+get_data()
+vadas_mage()
+vadas_post_data()
+vadas_password()
+update_data()
+update_password()
+update_mage()
+render_content()
+dspay_content()
Pengguna
+Pengguna()
+get_sq()
+get_data()
+cek_d(d)
+row_data()
+vadas_post_data()
+add_data()
+update_data(d)
+deete_data(d)
+render_content()
+dspay_content()
Lapangan
+dapangan
+namaapangan
+Lapangan()
+get_sq()
+get_data()
+cek_d(d)
+row_data(d)
+vadas_post_data()
+add_data()
+update_data(d)
+deete_data(d)
+render_content()
+dspay_content()
Kategori_waktu
+dkategor_waktu
+waktu_awa
+waktu_akhr
+Kategor_waktu()
+get_sq()
+get_data()
+cek_d(d)
+row_data(d)
+vadas_post_data()
+add_data()
+update_data(d)
+deete_data(d)
+render_content()
+dspay_content()
Harga_lapangan
+dharga_apangan
+dkategor_waktu
+dapangan
+hrg_senn
+hrg_seasa
+hrg_rabu
+hrg_kams
+hrg_|umat
+hrg_sabtu
+hrg_mnggu
+Harga_apangan()
+get_sq()
+get_data()
+cek_d(d)
+row_data(d)
+vadas_post_data()
+add_data()
+update_data(d)
+deete_data(d)
+render_content()
+dspay_content()
Penadwalan
+Pen|adwaan()
+get_sq()
+td_har()
+cek_|adwa()
+st_apangan()
+render_content()
+dspay_content()
!ooking
+d
+dbookng
+dpeanggan
+data_peanggan
+tg_bookng
+petugas
+dharga_apanga
+data_apangan
+tg_man
+|am_man
+|am_seesa
+potongan
+bayar
+status
+Bookng()
+get_urstrng()
+where_cause()
+get_sq()
+get_data()
+get_tota()
+data_deta()
+cek_d(d)
+cek_dpeanggan(d)
+row_data(d)
+vadas_post_data()
+add_data()
+update_data(d)
+deete_data(d)
+cetak_kwtans()
+render_content()
+dspay_content()
Laporan
+Laporan()
+get_urstrng()
+where_cause()
+get_sq()
+get_data()
+cetak_aporan()
+render_content()
+dspay_content()
"etting
+mn_|am_man
+potongan_harga
+mn_bayar
+Settng()
+get_sq()
+get_data()
+vadas_post_data()
+update_data()
+render_content()
+dspay_content()
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1 1
1
1
1
1
1
1
1
1
Home
+Home()
+render_content()
+dspay_content()
1
1
1
1
1
1
1
11
1
Gam5a! *0& Class Diagram
*0&0& Sequence Dia$!am
Sequence diagram menggambarkan interaksi antar masing-
masing !bjek pada setiap Use Case dalam urutan waktu.
$nteraksi ini berupa pengiriman serangkaian data antar !bjek-
!bjek yang saling berinteraksi. 1erikut ini penjelasan dari
masing-masing Sequence diagram 4
;/ Sequence Diagram Login dan Logout
Logout
Logn
Sukses
Gaga
ayout : ManPage ogn : Logn
Admn,Kasr dan Pemk
home : Home
1 : Buka Webste
2 : sLogn()
3 : true
4 : dspay()
5 : Haaman Utama
6 : Ph menu " Keuar"
7 : ogout()
8 : dspay()
9 : FormLogn
10 : Input Username dan Password
11 : cek_ogn()
12 : true
13 : dspay_content()
14 : dspay()
15 : Haaman Utama
16 : fase
17 : dspay()
18 : Username atau Password Saah
Gam5a! *0* Sequence Diagram Login dan Logout
</ Sequence Diagram Mengel!la 'ata "apangan
Aternatf
Aternatf
Aternatf
apangan : Lapangan ayout : ManPage
Admn
1 : Menekan menu Data Lapangan
2 : dspay_content()
3 : get_sq()
4 : get_data()
Tambah
5 : dspay()
6 : Data Lapangan
7 : Ph tombo "tambah"
8 : Tamp Form
9 : Form
10 : Input Data dan ph tombo "Smpan"
11 : dspay_content()
Edt
12 : vadas_post_data()
13 : add_data()
14 : dspay()
15 : Data Lapangan/ Pesan error
16 : Ph tombo "edt"
17 : dspay_content()
18 : cek_d()
19 : row_data()
20 : dspay()
21 : FormEdt
22 : Ubah Data dan Ph tombo "smpan"
23 : dspay_content()
Hapus
24 : cek_d()
25 : update_data()
26 : dspay()
27 : Data Lapangan / Pesan error
28 : Konrmas Hapus
29 : Ph menu "hapus"
30 : Konrmas Hapus()
31 : Ph "Ok"
32 : dspay_content()
33 : cek_d()
34 : deete_data()
35 : dspay()
36 : Data Lapangan / Pesan Error
Gam5a! *09 Sequence Diagram Mengel!la 'ata "apangan
=/ Sequence Diagram Mengel!la 'ata 2ateg!ri 5aktu
Aternatf
Aternatf
Aternatf
kategor : Kategor_waktu ayout : ManPage
Admn
1 : Menekan menu Data Kategor Waktu
2 : dspay_content()
3 : get_sq()
4 : get_data()
Tambah
5 : dspay()
6 : Data Kategor Waktu
7 : Ph tombo "tambah"
8 : Tamp Form
9 : Form
10 : Input Data dan ph tombo "Smpan"
11 : dspay_content()
Edt
12 : vadas_post_data()
13 : add_data()
14 : dspay()
15 : Data Kategor Waktu / Pesan error
16 : Ph tombo "edt"
17 : dspay_content()
18 : cek_d()
19 : row_data()
20 : dspay()
21 : FormEdt
22 : Ubah Data dan Ph tombo "smpan"
23 : dspay_content()
Hapus
24 : cek_d()
25 : update_data()
26 : dspay()
27 : Data Kategor Waktu / Pesan error
28 : Konrmas Hapus
29 : Ph menu "hapus"
30 : Konrmas Hapus()
31 : Ph "Ok"
32 : dspay_content()
33 : cek_d()
34 : deete_data()
35 : dspay()
36 : Data Kategor Waktu / Pesan Error
Gam5a! *0: Sequence Diagram Mengel!la 'ata 2ateg!ri
5aktu
D/ Sequence Diagram Mengel!la 'ata .arga "apangan
Aternatf
Aternatf
Aternatf
harga : Harga_apangan ayout : ManPage
Admn
1 : Menekan menu Data Harga Lapangan
2 : dspay_content()
3 : get_sq()
4 : get_data()
Tambah
5 : dspay()
6 : Data Harga Lapangan
7 : Ph tombo "tambah"
8 : Tamp Form
9 : Form
10 : Input Data dan ph tombo "Smpan"
11 : dspay_content()
Edt
12 : vadas_post_data()
13 : add_data()
14 : dspay()
15 : Data Harga Lapangan/ Pesan error
16: Ph tombo "edt"
17 : dspay_content()
18 : cek_d()
19 : row_data()
20 : dspay()
21 : FormEdt
22 : Ubah Data dan Ph tombo "smpan"
23 : dspay_content()
Hapus
24 : cek_d()
25 : update_data()
26 : dspay()
27: Data Harga / Pesan error
28: Konrmas Hapus
29: Ph menu "hapus"
30 : Konrmas Hapus()
31 : Ph "Ok"
32 : dspay_content()
33 : cek_d()
34 : deete_data()
35 : dspay()
36 : Data Harga Lapangan / Pesan Error
Gam5a! *0, Sequence Diagram Mengel!la 'ata .arga
"apangan
E/ Sequence Diagram Mengel!la 'ata engguna
Aternatf
Aternatf
Aternatf
pengguna : Pengguna ayout : ManPage
Admn
1 : Menekan menu Data Pengguna
2 : dspay_content()
3 : get_sq()
4 : get_data()
Tambah
5 : dspay()
6 : Data Pengguna
7 : Ph tombo "tambah"
8 : Tamp Form
9 : Form
10 : Input Data dan ph tombo "Smpan"
11 : dspay_content()
Edt
12 : vadas_post_data()
13 : add_data()
14 : dspay()
15 : Data Pengguna / Pesan error
16 : Ph tombo "edt"
17 : dspay_content()
18 : cek_d()
19 : row_data()
20 : dspay()
21 : FormEdt
22 : Ubah Data dan Ph tombo "smpan"
23 : dspay_content()
Hapus
24 : cek_d()
25 : update_data()
26 : dspay()
27 : Data Pengguna / Pesan error
28 : Konrmas Hapus
29 : Ph menu "hapus"
30 : Konrmas Hapus()
31 : Ph "Ok"
32 : dspay_content()
33 : cek_d()
34 : deete_data()
35 : dspay()
36 : Data Pengguna / Pesan Error
Gam5a! *0< Sequence Diagram Mengel!la 'ata engguna
F/ Sequence Diagram Mengel!la 'ata elanggan
Aternatf
Aternatf
Aternatf
Admn
peanggan : Peanggan ayout : ManPage
Admn dan Kasr
Admn
Logn : Logn
1: Menekan menu Data Peanggan / Input IDPeanggan,Nama,Nama Teamdan Ph tombo "Car Data"
2: dspay_content()
3: get_urstrng()
4: where_cause()
5 : get_sq()
6 : get_data()
Tambah
7: dspay()
8: Data Peanggan
9 : Ph tombo "tambah"
10: Tamp Form
11 : Form
12 : Input Data dan ph tombo "Smpan"
13: dspay_content()
Edt
14 : vadas_post_data()
15 : add_data()
16: dspay()
17 : Data Peanggan / Pesan error
18 : Ph tombo "edt"
19: dspay_content()
20: cek_d()
21: row_data()
22: dspay()
23 : FormEdt
24 : Ubah Data dan Ph tombo "smpan"
25: dspay_content()
Hapus
26: cek_d()
27 : update_data()
28 : dspay()
29 : Data Peanggan / Pesan error
30 : Ph menu "hapus"
31: Konrmas hapus
32: Konrmas hapus
33: Ph "Ok"
34: dspay_content()
35 : getsesson()
36 : admn
37 : cek_d()
38: deete_data()
39 : dspay()
40: Data Peanggan / Pesan error
Gam5a! *0? Sequence Diagram Mengel!la 'ata elanggan
G/ Sequence Diagram Mengel!la 'ata enyewaan "apangan
Aternatf
Aternatf
Aternatf
Aternatf
Aternatf
bookng: Bookng ayout : ManPage
AdmndanKasr
1: Menekan menuData Bookng/ MemhIDBookng,IDPeanggan,phstatus,apangan,kategor waktu,atauperode tangga danphtombo Car Data
2: dspay_content()
3: get_urstrng()
4: where_cause()
5: get_sq()
6: get_data()
Tambah
7: data_deta()
8: dspay()
9: Data Bookng
Edt
10: Phtombo "tambah"
11: dspay_content()
12: acton==tambah
13: FormBookng
14: Input Data danphtombo "Smpan"
15: dspay_content()
16: vadas_post_data()
17: cek_dpeanggan()
18: add_data()
19: dspay()
20: Data Bookng/ Pesanerror
21: Phtombo "edt"
22: dspay_content()
23: cek_d()
Hapus
24: row_data()
25: dspay()
26: FormEdt
27: UbahData danPhtombo "smpan"
28: dspay_content()
29: cek_d()
30: update_data()
31: dspay()
32: Data Bookng/ Pesanerror
33: Phtombo "Hapus"
34: Konrmas hapus
35: Konrmas Hapus
36: Ph"Ok"
37: dspay_content()
38: cek_d()
39: deete_data()
40: dspay()
41: Data Pengguna/ Pesanerror
42: Phtombo "Cetak"
Cetak
Rncan
43: dspay_content()
44: cetak_kwtans()
45: dspay()
46: Menampkandaambentuk"pdf"
47: Phtombo "Rncan"
48: MenampkanrncanBookng
Gam5a! *0() Sequence Diagram Mengel!la 'ata
enyewaan "apangan
H/ Sequence Diagram Melihat dan Milih %adwal
| adwa Kosong
Admn dan Kasr
ayout : ManPage | adwa : Pen|adwaan
1 : Ph menu | adwa / Ph Lapangan / Input Perode
2 : dspay_content()
3 : get_urstrng()
4 : where_cause()
5 : get_sq()
6 : get_data()
7 : dspay()
8 : | adwa
9 : Ph | adwa Kosong dan Ph tombo "Bookng"
10 : dspay()
11 : Mengarahkan FormBookng
Gam5a! *0(( Sequence Diagram Melihat dan Milih %adwal
I/ Sequence Diagram Mengubah r!8il engguna
Ubah Pro
Ubah Password
Ubah Foto
pro : Pro_pengguna ayout : ManPage
Admn
1 : Menekan menu Pro Pengguna
2 : dspay_content()
3 : dspay()
4 : Data Pro pegguna dar sesson
5 : Ph menu"pro"
6 : dspay_content()
7 : dspay()
8 : Tamp formedt dengan data sesson
9 : Ubah data dan ph tombo "Smpan"
10 : dspay_content()
11 : vadas_post_data()
12 : update_data()
13 : dspay()
14 : Tamp formedt dengan notkas
15 : Ph menu "Ubah Password"
16 : dspay_content()
17 : dspay()
18 : FormUbah Password
19 : Ubah Password dan Ph tombo "Ubah Password"
20 : dspay_content()
21 : vadas_password()
22 : update_password()
23 : dspay()
24 : FormUbah Password dengan Notkas
25 : Ph menu "Ubah Foto"
26 : dspay_content()
27 : dspay()
28 : FormUpoad Foto
29 : Car Foto dan ph tomo "Ubah Foto"
30 : dspay_content()
31 : vadas_mage()
32 : update_mage()
33 : dspay()
34 : FormUpoad Foto dengan Notkas
Gam5a! *0(+ Sequence Diagram Mengubah r!8il
engguna
;C/ Sequence Diagram Membuat "ap!ran
Cetak Laporan
Admn dan Kasr
ayout : ManPage aporan : Laporan
1 : Ph menu Laporan /Input Perode dan ph tombo "Tampkan"
2 : dspay_content()
3 : get_sq()
4 : dspay()
5 : Laporan sesua perode
6 : Ph tombo "Cetak"
7 : dspay_content()
8 : cetak_aporan()
9 : dspay()
10 : Laporan daambentuk pdf
Gam5a! *0(& Sequence Diagram Membuat "ap!ran
;;/ Sequence Diagram Mengubah pengaturan penyewaan
lapangan
Edt
Admn
ayout : ManPage settng : Settng
1 : Ph menu "Pengaturan Bookng"
2 : dspay_content()
3 : get_sq()
4 : get_data()
5 : dspay()
6 : formdata pengaturan bookng
7 : Ubah formpengaturan bookng dan ph tombo smpan
8 : dspay_content()
9 : update_data()
10 : dspay()
11 : Data berhas dsmpan
Gam5a! *0(* Sequence Diagram Mengubah pengaturan
penyewaan lapangan
*0&0* A;ti1it Dia$!am
,cti&ity diagram mem!delkan aliran kerja atau wor-flow dari
urutan akti8itas dalam suatu pr!ses yang menga3u pada Use
Case diagram yang ada. 1erikut ini penjelasan dari masing-
masing a3ti<ity diagram4
;/ ,cti&ity 'iagram Login
$nteraksi antara akt!r pengguna dengan Use Case login
dijelaskan dalam acti&ity diagram sebagai berikut 4
Admn,Kasr dan Pemk Sstem
Membuka webste Menampkan formogn
Memasukan username dan password
Ph tombo "Masuk" Vadas username dan password
Username atau Password Saah
gaga
Membuat Sesson
Pesan "Logn Berhas"
Mengarahkan ke manpage
sukses
Gam5a! *0(9 ,cti&ity 'iagram Login
</ ,cti&ity 'iagram Logout
$nteraksi antara akt!r pengguna dengan Use Case logout
dijelaskan dalam acti&ity diagram sebagai berikut 4
Admn,Kasr dan Pemk Sstem
Menampkan Manpage ph menu "Keuar"
Hapus Sesson
Mengarahkan ke haaman ogn
Gam5a! *0(: ,cti&ity 'iagram Logout
#. ,cti&ity 'iagram Mengel!la 'ata "apangan
$nteraksi antara akt!r pengguna dengan Use Case
Mengel!la 'ata "apangan dijelaskan dalam acti&ity diagram
tambah data lapangan& ubah data lapangan dan hapus data
lapangan. 1erikut ini penjelasan dari masing-masing acti&ity
diagram tersebut4
a. ,cti&ity 'iagram Tambah 'ata "apangan
Admn Sstem
Menampkan Data Lapangan
Ph tombo "Tambah Data Lapangan
Menampkan formtambah apangan
Memasukan Nama apangan
Ph tombo "Smpan" Vadas masukan nama
Smpan ke database
Pesan "Data Berhas Dsmpan"
Perbaharu daftar st apangan
true
Pesan "Nama Lapangan yang Anda masukan tdak vad"
fase
Gam5a! *0(, ,cti&ity Diagram Tambah 'ata "apangan
b. ,cti&ity 'iagram (bah 'ata "apangan
Sstem Admn
Menampkan Data Lapangan
Smpan ke database
Pesan "Data Berhas Dsmpan"
Perbaharu daftar st apangan
Ph tombo "Edt"
Cek IDLapangan
Menampkan data d formedt berdasarkan ID yang dph
Ubah Nama Lapangan
Ph tombo "Smpan" Vadas masukan nama
fase
Pesan "Nama Lapangan yang Anda masukan tdak vad"
true
Gam5a! *0(< ,cti&ity 'iagram (bah 'ata "apangan
3. ,cti&ity 'iagram .apus 'ata "apangan
Admn Sstem
Menampkan Data Lapangan
Cek IDLapangan
Perbaharu daftar st apangan
Ph tombo "Hapus"
Menampkan pesan "Apakah Anda yakn ngn menghapus data n"
Hapus data d database berdasarkan IDyang dph
Pesan "Data berhas dhapus"
Ya
vad
Ph tombo "Ya"
Ph tombo "Bata"
Tdak
Pesan "Data gaga dhapus"
tdak vad
Gam5a! *0(? ,cti&ity Diagram .apus 'ata "apangan
-. ,cti&ity 'iagram Mengel!la 'ata 2ateg!ri 5aktu
$nteraksi antara akt!r pengguna dengan Use Case
Mengel!la 'ata 2ateg!ri 5aktu dijelaskan dalam acti&ity
diagram tambah data kateg!ri waktu& ubah data kateg!ri
waktu dan hapus data kateg!ri waktu. 1erikut ini penjelasan
dari masing-masing acti&ity diagram tersebut4
+. ,cti&ity 'iagram Tambah 'ata 2ateg!ri 5aktu
Admn Sstem
Menampkan Data Kategor Waktu
Ph tombo "Tambah Data Kategor Waktu
Menampkan formtambah kategor waktu
Memasukan Waktu Awa
Ph tombo "Smpan"
Vadas masukan
Smpan ke database
Pesan "Data Berhas Dsmpan"
Perbaharu daftar st kategor waktu
true
Pesan "Data yang Anda masukan tdak vad"
fase
Memasukan Waktu Akhr
Gam5a! *0+) ,cti&ity Diagram Tambah 'ata 2ateg!ri
5aktu
*. ,cti&ity 'iagram (bah 'ata 2ateg!ri 5aktu
Sstem Admn
Menampkan Data Kategor Waktu
Smpan ke database
Pesan "Data Berhas Dsmpan"
Perbaharu daftar st kategor waktu
Ph tombo "Edt"
Cek IDLapangan
Menampkan data d formedt berdasarkan ID yang dph
Ubah Data Form
Ph tombo "Smpan" Vadas masukan
fase
Pesan "Data yang Anda masukan tdak vad"
true
Gam5a! *0+( ,cti&ity Diagram (bah 'ata 2ateg!ri
5aktu
#. ,cti&ity 'iagram .apus 'ata 2ateg!ri 5aktu
Admn Sstem
Menampkan Data Kategor Waktu
CekIDLapangan
Perbaharu daftar st kategor waktu
Ph tombo "Hapus"
Menampkan pesan "Apakah Anda yakn ngn menghapus data n"
Hapus data d database berdasarkan IDyang dph
Pesan "Data berhas dhapus"
Ya
vad
Ph tombo "Ya"
Ph tombo "Bata"
Tdak
Pesan "Data gaga dhapus"
tdakvad
Gam5a! *0++ ,cti&ity Diagram .apus 'ata 2ateg!ri 5aktu
7. ,cti&ity 'iagram Mengel!la 'ata .arga "apangan
$nteraksi antara akt!r pengguna dengan Use Case
Mengel!la 'ata .arga "apangan dijelaskan dalam acti&ity
diagram tambah data harga lapangan& ubah data harga
lapangan dan hapus data harga lapangan. 1erikut ini
penjelasan dari masing-masing acti&ity diagram tersebut4
a. ,cti&ity 'iagram Tambah 'ata .arga "apangan
Admn dan Kasr Sstem
Menampkan Data Harga Lapangan
Ph tombo "Tambah Data Harga Lapangan
Menampkan formtambah harga apangan
Memasukan Harga untuk semua har
Ph tombo "Smpan"
Vadas masukan
Smpan ke database
Pesan "Data Berhas Dsmpan"
Perbaharu daftar st harga apangan
true
Pesan "Data yang Anda masukan tdak vad"
fase
Ph nama apangan
Admn Kasr
Ph Kategor Waktu
Gam5a! *0+& ,cti&ity Diagram Tambah 'ata .arga
"apangan
b. ,cti&ity 'iagram (bah 'ata .arga "apangan
Sstem Admn dan Kasr
Menampkan Data Harga Lapangan
Smpan ke database
Pesan "Data Berhas Dsmpan"
Perbaharu daftar st harga apangan
Ph tombo "Edt"
Cek IDHarga Lapangan
Menampkan data d formedt berdasarkan ID yang dph
Ubah Data Form
Ph tombo "Smpan" Vadas masukan
fase
Pesan "Data yang Anda masukan tdak vad"
true
Admn
Kasr
Gam5a! *0+* ,cti&ity Diagram (bah 'ata .arga
"apangan
3. ,cti&ity 'iagram .apus 'ata .arga "apangan
Admn dan Kasr Sstem
Menampkan Data Harga Lapangan
Cek IDHarga Lapangan
Perbaharu daftar st harga apangan
Ph tombo "Hapus"
Menampkan pesan "Apakah Anda yakn ngn menghapus data n"
Hapus data d database berdasarkan IDyang dph
Pesan "Data berhas dhapus"
Ya
vad
Ph tombo "Ya"
Ph tombo "Bata"
Tdak
Pesan "Data gaga dhapus"
tdak vad
Admn
Kasr
Gam5a! *0+9 ,cti&ity Diagram .apus 'ata .arga "apangan
9. ,cti&ity 'iagram Mengel!la 'ata engguna
$nteraksi antara akt!r pengguna dengan Use Case
Mengel!la 'ata engguna dijelaskan dalam acti&ity diagram
tambah data pengguna& ubah data pengguna dan hapus
data pengguna. 1erikut ini penjelasan dari masing-masing
acti&ity diagram tersebut4
a. ,cti&ity 'iagram Tambah 'ata engguna
Admn Sstem
Menampkan Data Pengguna
Ph tombo "Tambah Data Pengguna"
Menampkan formtambah pengguna
Memasukan Nama
Ph tombo "Smpan"
Vadas masukan
Smpan ke database
Pesan "Data Berhas Dsmpan"
Perbaharu daftar st pengguna
true
Pesan "Nama Lapangan yang Anda masukan tdak vad"
fase
Memasukan Aamat
Memasukan Ema
Memasukan No.Teepon
Memasukan Username
Memasukan Password
Ph Leve Akses
Gam5a! *0+: A3ti<ity 'iagram Tambah 'ata engguna
b. ,cti&ity 'iagram (bah 'ata engguna
Sstem Admn
Menampkan Data Pengguna
Smpan ke database
Pesan "Data Berhas Dsmpan"
Perbaharu daftar st pengguna
Ph tombo "Edt"
Cek IDPengguna
Menampkan data d formedt berdasarkan I Dyang dph
Ubah Data Form
Ph tombo "Smpan" Vadas masukan
fase
Pesan "Nama Lapangan yang Anda masukan tdak vad"
true
Ubah sesson sesua dengan data masukan
IDPengguna == IDPengguna data sesson
True
Fase
Gam5a! *0+, ,cti&ity Diagram (bah 'ata engguna
3. ,cti&ity 'iagram .apus 'ata engguna
Admn Sstem
Menampkan Data Pengguna
CekIDPengguna
Perbaharu daftar st pengguna
Ph tombo "Hapus"
Menampkan pesan "Apakah Anda yakn ngn menghapus data n"
Hapus data d database berdasarkan IDyang dph
Pesan "Data berhas dhapus"
Ya
Ph tombo "Ya"
Ph tombo "Bata"
Tdak
Pesan "Data gaga dhapus"
IDPengguna == IDPengguna data sesson
True
Fase
Gam5a! *0+< ,cti&ity Diagram .apus 'ata engguna
,. ,cti&ity 'iagram Mengel!la 'ata elanggan
$nteraksi antara akt!r pengguna dengan Use Case
Mengel!la 'ata elanggan dijelaskan dalam acti&ity diagram
tambah data pelanggan& ubah data pelanggan &3ari data
pelanggan dan hapus data pelanggan. 1erikut ini penjelasan
dari masing-masing acti&ity diagram tersebut4
a. ,cti&ity 'iagram Tambah 'ata elanggan
Admn dan Kasr Sstem
Menampkan Data Peanggan
Ph tombo "Tambah Data Peanggan"
Menampkan formtambah peanggan
Memasukan Nama
Ph tombo "Smpan"
Vadas masukan
Smpan ke database
Pesan "Data Berhas Dsmpan"
Perbaharu daftar st peanggan
true
Pesan "Data yang Anda masukan tdak vad"
fase
Memasukan Nama Team
Memasukan Aamat
Memasukan No.Teepon
Gam5a! *0+? ,cti&ity Diagram Tambah 'ata elanggan
b. ,cti&ity 'iagram (bah 'ata elanggan
Sstem Admn dan Kasr
Menampkan Data Peanggan
Memasukan Nama Peanggan, Nama Team
atau IDPeanggan
Ph tombo "Car Data" Data yang dcar ada d database
Menampkan Data Peanggan berdasarkan
data yang dcar
Data yang Anda car tdak terseda
fase
true
Gam5a! *0&) ,cti&ity Diagram (bah 'ata elanggan
3. ,cti&ity 'iagram Dari 'ata elanggan
Admn dan Kasr Sstem
Menampkan Data Peanggan
CekIDPeanggan
Perbaharu daftar st peanggan
Ph tombo "Hapus"
Menampkan pesan "Apakah Anda yakn ngn menghapus data n"
Hapus data d database berdasarkan IDyang dph
Pesan "Data berhas dhapus"
Ya
Ph tombo "Ya"
Ph tombo "Bata"
Tdak
Pesan "Data gaga dhapus"
True
Fase
Admn
Kasr
Gam5a! *0&( ,cti&ity Diagram Dari 'ata elanggan
d. ,cti&ity 'iagram .apus 'ata elanggan
Sstem Admn dan Kasr
Menampkan Data Peanggan
Smpan ke database
Pesan "Data Berhas Dsmpan"
Perbaharu daftar st peanggan
Ph tombo "Edt"
Cek IDPeanggan
Menampkan data d formedt berdasarkan IDyang dph
Ubah Data Form
Ph tombo "Smpan" Vadas masukan
fase
Pesan "Data yang Anda masukan tdak vad"
true
Gam5a! *0&+ ,cti&ity Diagram .apus 'ata elanggan
:. ,cti&ity 'iagram Mengel!la 'ata enyewaan "apangan
$nteraksi antara akt!r pengguna dengan Use Case
Mengel!la 'ata enyewaan "apangan dijelaskan dalam
acti&ity diagram tambah data penyewaan lapangan& ubah
data penyewaan lapangan&3ari data penyewaan lapangan
&hapus data penyewaan lapangan &lihat rin3ian dan 3etak
kwitansi. 1erikut ini penjelasan dari masing-masing acti&ity
diagram tersebut4
a. ,cti&ity 'iagram Tambah 'ata enyewaan "apangan
Admn dan Kasr Sstem
Ph tombo/menu "Bookng Lapangan"
Menampkan formtambahpenyewaan apangan
Memasukan IDPeanggan
Ph | amMan
Vadas masukan
Smpan ke database
Pesan"Data Penyewaan berhas dsmpan"
Perbaharu daftar st penyewaan apangan
true
Pesan"Data yangAnda masukan tdakvad"
fase
Memasukan Aamat
Memasukan Nama
Memasukan No.Teepon
Mempunya IDPeanggan
Memasukan Nama Team
Ya
Tdak
Memasukan Tangga Man
PhLapangan
Ph tombo "Tambah | adwa"
Ya
Menampkan Harga
Memasukan | umah Bayar
Ph tombo "Bookng"
Phkategor waktu
Tdak
Gam5a! *0&& ,cti&ity Diagram Tambah 'ata enyewaan
"apangan
b. ,cti&ity 'iagram (bah 'ata enyewaan "apangan
Sstem Admn dan Kasr
Menampkan Data Penyewaan Lapangan
Smpan ke database
Pesan "Data Penyewaan berhas dsmpan"
Perbaharu daftar st penyewaan apangan
Ph tombo "Edt"
Cek IDBookng
Menampkan data d formedt berdasarkan ID yang dph
Ubah Data Form
Ph tombo "Smpan" Vadas masukan
fase
Pesan "Data yang Anda masukan tdak vad"
true
Gam5a! *0&* ,cti&ity Diagram (bah 'ata enyewaan
"apangan
3. ,cti&ity 'iagram Dari 'ata enyewaan "apangan
Sstem Admn dan Kasr
Menampkan Data Penyewaan Lapangan
Memasukan
IDBookng/IDPeanggan/Ph
Status /Ph Lapangan/Ph
Kategor Waktu/Masukan perode
Tangga
Ph tombo "Car Data"
Data yang dcar ada d database
Menampkan Data Penyewaan
Lapangan Sesua dengan Data yang
dcar
Data yang Anda car tdak ada
fase
true
Gam5a! *0&9 ,cti&ity Diagram Dari 'ata enyewaan
"apangan
d. ,cti&ity 'iagram .apus 'ata enyewaan "apangan
Admn dan Kasr Sstem
Menampkan Data Penyewaan Lapangan
CekIDBookng
Perbaharu daftar st penyewaan apangan
Ph tombo "Hapus"
Menampkan pesan "Apakah Anda yakn ngn menghapus data n"
Hapus data d database berdasarkan IDyang dph
Pesan "Data berhas dhapus"
Ya
Ph tombo "Ya"
Ph tombo "Bata"
Tdak
Pesan "Data gaga dhapus"
True
Fase
Gam5a! *0&: ,cti&ity Diagram .apus 'ata enyewaan
"apangan
e. ,cti&ity 'iagram "ihat @in3ian dan Detak 2witansi
Sstem Admn dan Kasr
Menampkan Data Penyewaan Lapangan
Ph tombo "Rncan"
Ph tombo "Cetak"
Menampkan data rncan bookng berdasarkan
data yang dph
Mencetak Kwtans berdasar data yang dph
Gam5a! *0&, ,cti&ity Diagram .apus 'ata enyewaan
"apangan
;. ,cti&ity 'iagram Melihat dan Memilih %adwal
$nteraksi antara akt!r pengguna dengan Use Case Melihat
%adwal dan Memilih %adwal 2!s!ng dijelaskan dalam acti&ity
diagram sebagai berikut 4
Admn dan kasr Sstem
Menampkan Data | adwa Lapangan
Ph | adwa Kosong
Ph tombo "Bookng"
Mengarahkan ke haaman formpenyewaan apangan
dengan membawa data |adwa kosong yang dph
Ph Lapangan/Masukan perode tangga
Menampkan | adwa Lapangan sesua Lapangan
yang dph/perode yang dmasukan
Gam5a! *0&< ,cti&ity Diagram Melihat %adwal dan Memilih
%adwal 2!s!ng
+). ,cti&ity 'iagram Mengubah r!8il engguna
$nteraksi antara akt!r pengguna dengan Use Case
Mengubah r!8il engguna dijelaskan dalam acti&ity
diagram ubah data pengguna& ubah "assword data
pengguna dan ubah 8!t! data pengguna. 1erikut ini
penjelasan dari masing-masing acti&ity diagram tersebut4
a. ,cti&ity 'iagram (bah r!8il engguna
Admn,Kasr dan Pemk Sstem
Ph menu pro pengguna Menampkan data pro pengguna
Ph menu edt pro
Menampkan data pengguna pada
formedt
Ubah Nama
Lengkap,Aamat,Ema,No.Teepon
Vadas Masukan
Ubah data d database
Ubah data sesson
Menampkan pesan "Data beras dubah"
Menampkan pesan "data masukan
tdak vad"
fase
true
Gam5a! *0&? ,cti&ity Diagram (bah r!8il engguna
b. ,cti&ity 'iagram (bah "assword r!8il engguna
Admn,Kasr dan Pemk Sstem
Ph menu "Ubah Password"
Menampkan formubah password
Masukan "Passwod Lama"
Masukan "Password Baru" Masukan "Uang Password Baru"
Ph tombo "Ubah Password"
Password Lama saah
Menampkan pesan "Password Lama saah"
Password Baru !=Uang Password Baru
Menampkan pesan Password baru tdakvad
true
fase
true
Enkrps password ke MD5
Fed password yang ada d database
Menampkan pesan "Password Baru berhas
dsmpan"
fase
Gam5a! *0*) ,cti&ity Diagram (bah "assword r!8il
engguna
3. ,cti&ity 'iagram (bah 0!t! r!8il engguna
Admn,Kasr dan Pemk Sstem
Ph menu ubah foto
Menampkan formubah foto
Masukan e gambar
Ph tombo "Ubah Foto"
Vadas e
Menampkan pesan "Foto yang anda masukan
tdak vad"
Hapus e foto ama
Ubah nama e yang dmasukan
Smpan e foto baru d foder gambar
Ubah ed foto d database dengan nama baru sesua
dengan nama e
Ubah sesson foto
Menampkan pesan "Foto berhas dubah"
fase
true
Gam5a! *0*( ,cti&ity Diagram (bah 0!t! r!8il engguna
++. ,cti&ity 'iagram Membuat "ap!ran
$nteraksi antara akt!r pengguna dengan Use Case Membuat
"ap!ran dijelaskan dalam acti&ity diagram sebagai berikut 4
Admn dan kasr Sstem
Menampkan Data Transaks sesua perode sekarang
Memasukan Perode Tangga
Ph tombo "Tampkan"
Menampkan Data sesua perode yang dmasukan
Vadas tangga
True
Tangga yang Anda Masukan tdakVad
Fase
Ph tombo "Cetak"
Menampkan data ke browser daambentuk "pdf"
Gam5a! *0*+ ,cti&ity Diagram Membuat "ap!ran
+*. ,cti&it ,cti&ity 'iagram Membuat "ap!ran
$nteraksi antara akt!r pengguna dengan Use Case
Mengubah pengaturan penyewaan lapangan dijelaskan
dalam acti&ity diagram sebagai berikut 4
Admn Sstem
Ph Menu "Pengaturan Bookng" Menampkan formdata pengaturan bookng
Ubah formdata pengaturan bookng dan
ph tombo "Smpan"
Smpan data ke database
Pesan "Data berhas dsmpan"
Gam5a! *0*& ,cti&ity Diagram Mengubah pengaturan
penyewaan lapangan
*0&09 Deployment Dia$!am
'iagram ini memperlihatkan k!n8igurasi saat aplikasi dijalankan.
'iagram ini memuat simpul-simpul beserta k!mp!nen-
k!mp!nen yang ada didalamnya. Deployment diagram
berhubungan dengan diagram k!mp!nen dimana Deployment
diagram memuat satu atau lebih k!mp!nen-k!mp!nen.
Wamp"er#er
PHP
<<artfact>>
"istem $n%ormasi Pengelolaan &utsal
<<artfact>>
My"'L
<<artfact>>
(lient
Web !rowser
<<artfact>>
Gam5a! *0** Deployment Diagram
*0&0: -ntity .elationship Diagram (-.D)
Gam5a! *0*9 Struktur Menu
*0&0, Kla"i7ika"i File
TblBpelanggan
Ta5el *0(& TblBpelanggan
Fiel6 Data T%e De";!i%ti#n
idpelanggan int(++) rimary 2ey
nama <ar3har(7))
namaBteam <ar3har (7))
alamat <ar3har (*7))
telep!n <ar3har (+7)
tglBda8tar date
TblBpengguna
Ta5el *0(* TblBpengguna
Fiel6 Data T%e De";!i%ti#n
idpengguna int(++) rimary 2ey
nama <ar3har(7))
email <ar3har (7))
alamat <ar3har (*7))
telep!n <ar3har (+7)
username <ar3har(7))
passw!rd <ar3har(7))
le<el <ar3har(+))
8!t! <ar3har(#)))
TblBb!!king
Ta5el *0(9 TblBb!!king
Fiel6 Data T%e De";!i%ti#n
idb!!king 6ar3har(+7) rimary 2ey
idpelanggan int(++)
tglBb!!king datetime
idpengguna int(++)
TblBb!!kingBdetail
Ta5el *0(: TblBb!!kingBdetail
Fiel6 Data T%e De";!i%ti#n
idb!!king int(++)
idhargaBlapangan int(++)
namaBteam <ar3har (7))
tglBmain date
jamBmain time
jamBselesai time
p!t!ngan d!uble
bayar d!uble
status <ar3har (*7)
TblBlapangan
Ta5el *0(, TblBlapangan
Fiel6 Data T%e De";!i%ti#n
idlapangan int(++) rimary 2ey
NamaBlapangan 6ar3har(*7)
TblBkateg!riBwaktu
Ta5el *0(< TblBkateg!riBwaktu
Fiel6 Data T%e De";!i%ti#n
idkateg!riBwaktu int(++) rimary 2ey
5aktuBawal time
5aktuBakhir time
TblBhargaBlapangan
Ta5el *0(? TblBhargaBlapangan
Fiel6 Data T%e De";!i%ti#n
$dhargaBlapangan int(++) rimary 2ey
idlapangan int(++)
$dkateg!riBwaktu int(++)
hrgBsenin d!uble
hrgBselasa d!uble
hrgBrabu d!uble
hrgBkamis d!uble
hrgBjumat d!uble
hrgBsabtu d!uble
hrgBminggu d!uble
*0&0< Pe!an;an$an Si"tem
*0&0<0( St!uktu! Menu
Struktur menu dibuat sebagai alat antar muka dengan
pengguna untuk memudahkan peng!perasian
perangkat lunak. 1erikut ran3angan menu perangkat
lunak ini 4
Gam5a! *0*: Struktur Menu
*0&0<0+ De"ain %nput 6an utput
(0 De"ain %nput
a. 'esain Form *nput Login
Gam5a! *0*, 'esain Form *nput Login
b. 'esain Form *nput 'ata "apangan
Gam5a! *0*< 'esain Form *nput 'ata "apangan
3. 'esain Form *nput 'ata 2ateg!ri 5aktu
Gam5a! *0*? 'esain Form *nput 'ata 2ateg!ri
5aktu
d. 'esain Form *nput 'ata engguna
Gam5a! *09) 'esain Form *nput 'ata engguna
8. 'esain Form *nput 'ata .arga "apangan
Gam5a! *09( 'esain Form *nput 'ata .arga
"apangan
g. 'esain Form *nput 'ata elanggan
Gam5a! *09+ 'esain Form *nput 'ata elanggan
h. 'esain Form *nput 'ata enyewaan "apangan
Gam5a! *09& 'esain Form *nput 'ata enyewaan
"apangan
i. 'esain Form *nput (bah r!8il engguna
Gam5a! *09* 'esain Form *nput (bah r!8il
engguna
j. 'esain Form *nput (bah "assword r!8il
engguna
Gam5a! *099 'esain Form *nput (bah "assword
r!8il engguna
k. 'esain Form *nput (bah 0!t! r!8il engguna
Gam5a! *09: 'esain Form *nput (bah 0!t! r!8il
engguna
l. 'esain Form *nput engaturan 'oo-ing
Gam5a! *09, 'esain Form *nput engaturan
'oo-ing
+0 De"ain Ou%ut
a. 'esain +utput .alaman (tama
Gam5a! *09< 'esain +utput .alaman (tama
b. 'esain +utput 'ata "apangan
Gam5a! *09? 'esain +utput 'ata "apangan
3. 'esain +utput 'ata 2ateg!ri 5aktu
Gam5a! *0:) 'esain +utput 'ata 2ateg!ri 5aktu
d. 'esain +utput 'ata engguna
Gam5a! *0:( 'esain +utput 'ata engguna
e. 'esain +utput 'ata .arga "apangan
Gam5a! *0:+ 'esain +utput 'ata .arga
"apangan
8. 'esain +utput 'ata elanggan
Gam5a! *0:& 'esain +utput 'ata elanggan
g. 'esain +utput 'ata 'oo-ing
Gam5a! *0:* 'esain +utput 'ata 'oo-ing
h. 'esain +utput r!8il engguna
Gam5a! *0:9 'esain +utput r!8il engguna
i. 'esain +utput "ap!ran
Gam5a! *0:: 'esain +utput "ap!ran
j. 'esain +utput %adwal
Gam5a! *0:, 'esain +utput %adwal
*0&0<0& Tam%ilan 'a6i %nput 6an utput
(0 Tam%ilan %nput
a. Tampilan Form *nput Login
Gam5a! *0:< Tampilan Form *nput Login
b. Tampilan Form *nput 'ata "apangan
Gam5a! *0:? Tampilan Form *nput 'ata
"apangan
3. Tampilan Form *nput 'ata 2ateg!ri 5aktu
Gam5a! *0,) Tampilan Form *nput 'ata 2ateg!ri
5aktu
d. Tampilan Form *nput 'ata engguna
Gam5a! *0,( Tampilan Form *nput 'ata
engguna
8. Tampilan Form *nput 'ata .arga "apangan
Gam5a! *0,+ Tampilan Form *nput 'ata .arga
"apangan
g. Tampilan Form *nput 'ata elanggan
Gam5a! *0,& Tampilan Form *nput 'ata
elanggan
h. Tampilan Form *nput 'ata enyewaan "apangan
Gam5a! *0,* Tampilan Form *nput 'ata
enyewaan "apangan
i. Tampilan Form *nput (bah r!8il engguna
Gam5a! *0,9 Tampilan Form *nput (bah r!8il
engguna
j. Tampilan Form *nput (bah "assword r!8il
engguna
Gam5a! *0,: Tampilan Form *nput (bah
"assword r!8il engguna
k. Tampilan Form *nput (bah 0!t! r!8il engguna
Gam5a! *0,, Tampilan Form *nput (bah 0!t!
r!8il engguna
+0 Tam%ilan uput
a. Tampilan +utput .alaman (tama
Gam5a! *0,< Tampilan +utput .alaman (tama
b. Tampilan +utput 'ata "apangan
Gam5a! *0,? Tampilan +utput 'ata "apangan
3. Tampilan +utput 'ata 2ateg!ri 5aktu
Gam5a! *0<) Tampilan +utput 'ata 2ateg!ri
5aktu
d. Tampilan +utput 'ata engguna
Gam5a! *0<( Tampilan +utput 'ata engguna
e. Tampilan +utput 'ata .arga "apangan
Gam5a! *0<+ Tampilan +utput 'ata .arga
"apangan
8. Tampilan +utput 'ata elanggan
Gam5a! *0<& Tampilan +utput 'ata elanggan
g. Tampilan +utput 'ata 'oo-ing
Gam5a! *0<* Tampilan +utput 'ata 'oo-ing
h. Tampilan +utput r!8il engguna
Gam5a! *0<9 Tampilan +utput r!8il engguna
i. Tampilan +utput "ap!ran
Gam5a! *0<: Tampilan +utput "ap!ran
j. Tampilan +utput %adwal
Gam5a! *0<, Tampilan +utput %adwal
k. Tampilan +utput engaturan 'oo-ing
Gam5a! *0<< Tampilan +utput engaturan
'oo-ing
l. Tampilan +utput 2witansi 'oo-ing
Gam5a! *0<? Tampilan +utput 2witansi 'oo-ing
l. Tampilan +utput "ap!ran "DF
Gam5a! *0?) Tampilan +utput "ap!ran "DF
*0&0? S%e"i7ika"i Si"tem K#m%ute!
*0&0?0( Pe!an$kat Ke!a" K#m%ute!
erangkat 2eras 2!mputer (#ardware) merupakan
perangkat keras k!mputer& seperti monitor&
motherboard& printer& -eyboard& dan sebagainya.
Minimum spesi8ikasi hardware untuk dapat membuat
dan menjalankan aplikasi ini adalah sebagai berikut 4
+. Menggunakan processor *ntel "entium atau yang
sekelasnya.
*. Menggunakan @AM 7+* M1.
#. 2apasitas harddis- atau media penyimpanan
minimal -) A1.
-. Mouse& -eyboard& dan monitor sebagai peralatan
antar muka.
*0&0?0+ Pe!an$kat Lunak K#m%ute!
(ntuk mendukung system yang dibuat& maka
diperlukan beberapa perangkat lunak (software).
erangkat lunak merupakan alat pendukung sistem
yang terdiri dari sistem !perasi dan aplikasi "re.
condition. erangkat lunak yang di gunakan penulis
dalam pembuatan aplikasi adalah sebagai berikut4
;/ Sistem ?perasi 5ind!ws ,
</ 5ampSer<er yang merupakan paket installasi
Apa3he& . dan MySO".
=/ %eb 'rowser
D/ Sublime e!t < sebagai te!t editor
*0&0() 'a6@al Im%lementa"i
Ta5el *0+) %adwal $mplementasi
2egiatan
5aktu elaksanaan
April Mei %uni
$ $$ $$$ $6 $ $$ $$$ $6 $ $$ $$$ $6
?bser<asi
Meran3ang
Database
'esain
Tampilan
Coding
rial (rror
Finishing
-A- .
PENUTUP
90( Ke"im%ulan
2esimpulan penulis berdasarkan identi8ikasi masalah adalah 4
+. r!ses transaksi penyewaan lapangan saat ini masih dilakukan
se3ara manual sehingga pengel!laan data transaksi kurang e8ekti8
dan e8isien& maka dari itu penulis men3!ba merubah pr!ses
manual ke pr!ses yang sudah terk!mputerisasi.
*. Selama ini pihak 8utsal memberikan in8!rmasi kepada pelanggan
nya mengenai jadwal lapangan masih menggunakan 3ara manual&
maka dari itu penulis membuat sistem yang sudah
terk!mputerisasi dengan 8itur penjadwalan !t!matis ketika ada
pelanggan menyewa lapangan.
#. r!ses rekap data juga masih menggunakan 3ara manual
sehingga pr!sesnya akan lama dan sulit dalam pengerjaannya&
maka dari itu penulis membuat sistem yang terk!mputerisasi
dengan 8itur rekap data se3ara !t!matis.
-. S!lusi peme3ahan atas permasalahan yang terjadi pada sistem
berjalan adalah dengan sistem yang sudah terk!mputerisasi dan
diharapkan dapat membantu meringankan pr!ses kerja .
90+ Sa!an
+. 2epada pihak pengel!la lapangan& untuk lebih memperdulikan dan
memperhatikan pengembangan sistem in8!rmasi yang ada serta
mengembangkan sistem-sistem in8!rmasi yang baru sesuai
dengan kemajuan tekn!l!gi.
*. Sistem in8!rmasi ini kedepannya dapat dikembangkan menjadi
sistem in8!rmasi yang berbasis web online sehingga para
pelanggan bisa menggunakannya untuk melakukan boo-ing
lapangan tanpa harus datang ke .ei/s 0utsal.
+-)
DAFTAR PUSTAKA
Alatas& .usein. )esponsi&e %eb Design dengan "#" dan 'ootstrap.
Y!gyakarta 4 "!k!media&*)+#.
1udilaks!n!& Sulars!. Mahir 'asis Data dengan MyS$L/ %akarta 4 Mitra
5a3ana Media& *));.
'a<ies& $<!r. "engelolaan 'ela2ar. %akarta 4 @ajawali ers& +;:,.
'ennis& Allan&. 5iC!m& .aley&1arbara.& and M.@!th& @!berta. System
,nalysis and Design4 Fourth (dition. Asia4 %!hn 5iley H S!ns (Asia)
te."td& *)+).
Auillerm!. Sublime e!t Unofficial Documentation )elease </C. 1erlin 4
@ead The '!3s&*)+#.
"adjamudin& Al-1ahra. ,nalisis dan Desain Sistem *nformasi. Y!gyakarta
4 Araha $lmu& *))7.
"haksana &%ustinus . a-ti- Dan Strategi Futsal Modern. 1andung4 1e
Dhampi!n&*)+#.
Nugr!h!& Adi. )e-ayasa "erang-at Luna-. %akarta 4 Andi ublisher& *)+).
Setiawan& @!ny. Membangun ,pli-asi %eb dengan "#" dan MyS$L for
%indows/ %akarta 4 "entera $lmu Dendekia& *)+).
Subhan& M!hamad. ,nalisa "erancangan Sistem. %akarta 4 "entera $lmu
Dendekia& *)+*.
-IODATA PENULIS
Nama 4 Arya ujiant!
Tempat& tanggal lahir 4 1rebes& +- %uli +;;#
%enis 2elamin 4 "aki-laki
Agama 4 $slam
Nama !rang tua
+. Nama 1apak 4 Suharj!
*. Nama $bu 4 2apsah
Alamat 4 %l.ertanian )7 1l!k E N!.*# Atsiri
ermai @T.+7 @5.+*
'esa @agajaya 2e3. 1!j!ng Aede-1!g!r
endidikan
+. S' 4 S'N "imbangan 5etan 1rebes )*
(*))7)
*. S"T 4 SMN )# 1rebes (*)):)
#. S"TA 4 SM2 * Al-.ikmah )+ 1rebes (*)++)
-. erguruan Tinggi 4 !liteknik "#$ %akarta& (*)+-)
a. r!gram Studi 4 Manajemen $n8!rmatika
b. 2!nsentrasi 4 $n8!rmatika 2!mputer
3. 2ampus 4 'ep!k
%akarta& >>>>... *)+-
enulis&
Arya ujiant!

Anda mungkin juga menyukai