DAFTAR ISI - RANCANG BANGUN APLIKASI PEMESANAN LAPANGAN FUTSAL DAN REKAPITULASI BULANAN PADA FANNY FUTSAL PEDURUNGAN SEMARANG BERBASIS WEB - Unissula Repository

  DAFTAR ISI RANCANG BANGUN APLIKASI PEMESANAN LAPANGAN FUTSAL DAN REKAPITULASI BULANAN PADA FANNY FUTSAL

PEDURUNGAN SEMARANG BERBASIS WEB .............................................. i

LAPORAN TUGAS AKHIR ................................................................................. i

RANCANG BANGUN APLIKASI PEMESANAN LAPANGAN FUTSAL DAN REKAPITULASI BULANAN PADA FANNY FUTSAL

PEDURUNGAN SEMARANG BERBASIS WEB ............................................. ii

LEMBAR PENGESAHAN PEMBIMBING ..................................................... iii

HALAMAN PENGESAHAN TIM PENGUJI .................................................. iv

TUGAS AKHIR ................................................................................................... iv

SURAT PERNYATAAN KEASLIAN .................................................................v

KARYA ILMIAH ................................................................................................ vi

MOTTO ............................................................................................................... vii

PERSEMBAHAN ............................................................................................... viii

KATA PENGANTAR .......................................................................................... ix

  2 BAB I PENDAHULUAN ...............................................................................1

  2.1 Latar Belakang ..........................................................................................1

  2.2 Perumusan Masalah ...................................................................................2

  2.3 Pembatasan Masalah .................................................................................2

  2.4 Tujuan ........................................................................................................2

  2.5 Manfaat ......................................................................................................3

  2.6 Sistematika Penulisan ................................................................................3

  3 BAB II TINJAUAN PUSTAKA ....................................................................5

  3.1 Tinjauan Pustaka .......................................................................................5

  3.2 Dasar Teori ................................................................................................6

  3.2.1 Konsep Rancang Sistem .....................................................................6

  3.3 Pengertian Aplikasi ...................................................................................7

  3.4 Pengertian Pemesan ...................................................................................7

  3.5 Deposit .......................................................................................................7

  3.15 CSS ..........................................................................................................18

  3.21.2 Diagram Use Case ...........................................................................32

  3.21.1 Activity Diagram ..............................................................................30

  3.21 Desain Sistem ..........................................................................................29

  3.20 Analisa Proses Bisnis ..............................................................................26

  3.19 Kebutuhan Perangkat Lunak ...................................................................25

  3.18 Identifikasi Sistem ...................................................................................25

  3.17 Identifikasi Masalah ................................................................................24

  3.16.3 Metode Pengembangan Sistem ........................................................22

  3.16.2 Metode Pengumpulan Data ..............................................................21 Metode pengumpulan data yang menggunakan konsep tanya jawab kepada subjek (orang) yang berperan langsung pada sistem yang ................................................21

  3.16.1 Sumber Data .....................................................................................21

  3.16 Metode Penelitian ....................................................................................21

  

BAB III PERANCANGAN SISTEM .................................................................21

  3.15.2 Penempatan CSS ..............................................................................18

  3.15.1 Cara Kerja CSS ................................................................................18

  3.14 MySQL ....................................................................................................17

  3.6 Saldo ..........................................................................................................7

  3.10.3 Homepage ..........................................................................................9

  3.7 Pengertian Lapangan Olahraga..................................................................7

  3.8 Profil Fanny Futsal ....................................................................................8

  3.9 Rekapitulasi ...............................................................................................8

  3.10 Teori Dasar Pembuatan Web (harvard) .....................................................8

  3.10.1 Browser ..............................................................................................8

  3.10.2 Script ..................................................................................................9

  3.10.4 Web DataBase ....................................................................................9

  3.13 PHP ..........................................................................................................16

  3.11 Alat Bantu Perancangan Aplikasi ............................................................10

  3.11.1 Pengertian Unifed Modelling Language (UML)..............................10

  3.11.2 Pemodelan Pemrograman Berorientasi Objek .................................10

  3.12 HTML ......................................................................................................14

  3.12.1 Teori Dasar HTML ..........................................................................14

  3.12.2 Aturan Penulisan HTML ..................................................................15

  3.22 Perancangan Database .............................................................................33

  3.23 Perancangan Desain Antar Muka ............................................................35

  3.23.1 Desain Antar Muka Halaman Admin ...............................................35

  3.23.2 Desain Antar Muka Halaman Operator............................................59

  3.23.3 Desain Antar Muka Halaman Member ............................................76

  4 BAB IV IMPLEMENTASI SISTEM .........................................................89

  4.1 Implementasi Sistem ...............................................................................89

  4.2 Interface Operator ..................................................................................107

  4.3 Interface Member ..................................................................................116

  4.4 Pengujian Sistem ...................................................................................123

  4.4.1 Rencana Pengujian .........................................................................123

  5 BAB V PENUTUP ......................................................................................127

  5.1 Kesimpulan ...............................................................................................127

  5.2 Saran ..........................................................................................................127

  6 DAFTAR PUSTAKA ..................................................................................... i

  7 LAMPIRAN .................................................................................................. iii

  DAFTAR GAMBAR

  Gambar 2. 1 Simbol Class Diagram .......................................................................12 Gambar 3. 1 Model Waterfall (Pressman, 2010) ...................................................23 Gambar 3. 2 Kondisi Existing ................................................................................26 Gambar 3. 3 Flowchart Sistem Yang Di Tawarkan ...............................................28 Gambar 3. 4 Proses Bisnis Pendaftaran Member ...................................................29 Gambar 3. 5 Proses Bisnis Pemesanan Lapangan ..................................................29 Gambar 3. 6 Activity Diagram Admin ...................................................................30 Gambar 3. 7Activity Diagram Operator.................................................................31 Gambar 3. 8 Activity Diagram Member ................................................................32 Gambar 3. 9 Use Case Diagram .............................................................................33 Gambar 3. 10 Halaman Log In ...............................................................................36 Gambar 3. 11 Halaman Beranda Admin ................................................................36 Gambar 3. 12 Halaman Pesan Admin (Daftar Pesan) ............................................37 Gambar 3. 13 Halaman Form Pesan Lapangan Pada Admin (Booking) ..............38 Gambar 3. 14 Halaman Booking Lapangan Berhasil Pada Admin .......................39 Gambar 3. 15 Halaman Daftar Slip Trnasfer Pada Admin ....................................40 Gambar 3. 16 Halaman Form Slip Transfer Pada Admin ......................................41 Gambar 3. 17 Halaman Slip Transfer Berhasil Pada Admin .................................42 Gambar 3. 18 Halaman Saldo (Update Saldo) .......................................................43 Gambar 3. 19 Halaman Form Update Ssaldo Pada Admin ....................................44 Gambar 3. 20 Halaman Update Saldo Berhasil Pada Admin.................................45 Gambar 3. 21 Halaman Pengguna (Daftar Member) Pada Admin ........................46 Gambar 3. 22 Halaman Form Tambah User Pada Admin .....................................47 Gambar 3. 23 Halaman Update Member Berhasil Pada Admin ............................48 Gambar 3. 24 Halaman Event (Daftar Event Pertandingan Pada Admin) .............49 Gambar 3. 25 Halaman Form Event Baru Pada Admin .........................................50 Gambar 3. 26 Halaman Notifikasi Event Baru Berhasil Dibuat Pada Admin .......51 Gambar 3. 27 Halaman Konfirmasi Pada Admin ..................................................52 Gambar 3. 28 Halaman Rekap Lapangan Pada Admin..........................................53 Gambar 3. 29 Halaman Rekap Member Pada Admin ............................................54 Gambar 3. 30 Halaman Form Laporan Booking Pada Admin ...............................55 Gambar 3. 31 Halaman Data Laporan Booking Pada Admin ................................56 Gambar 3. 32 Halaman Form Laporan Deposit Pada Admin ................................57 Gambar 3. 33 Halaman Data Laporan Deposit Pada Admin .................................58 Gambar 3. 34 Halaman Pendaftaran Pada Operator ..............................................59 Gambar 3. 35 Halaman Login Pada Operator ........................................................59 Gambar 3. 36 Halaman Beranda Pada Operator ....................................................60

  Gambar 3. 37 Halaman Pesan (Daftar Pesan) Pada Operator ................................61 Gambar 3. 38 Halaman Form Pesan Lapangan Pada Operator (Booking) ...........62 Gambar 3. 39 Pesan Lapangan berhasil Pada Operator .........................................63 Gambar 3. 40 Halaman Daftar Slip Tansfer Pada Operator...................................64 Gambar 3. 41 Halaman Slip Transfer Pada Operator ............................................65 Gambar 3. 42 Halaman Slip Transfer Berhasil Pada Operator ..............................66 Gambar 3. 43 Halaman Data Saldo Pada Operator ................................................67 Gambar 3. 44 Halaman Form Update Saldo Pada Operator ..................................68 Gambar 3. 45 Halaman Update Saldo Berhasil Pada Operator .............................69 Gambar 3. 46 Halaman Pengguna (Daftar member) Pada Operator ......................70 Gambar 3. 47 Halaman Form User Baru Pada Operator .......................................71 Gambar 3. 48 Halaman Update Member Berhasil Pada Operator .........................72 Gambar 3. 49 Halaman Event (Daftar Event Pertandingan Pada Operator) ..........73 Gambar 3. 50 Halaman Form Event Baru Pada Operator ......................................74 Gambar 3. 51 Halaman Notifikasi Event Baru Berhasil Dibuat Pada Operator ....75 Gambar 3. 52 Halaman Registrasi Member Baru ..................................................76 Gambar 3. 53 Halaman Log In Member ................................................................77 Gambar 3. 54 Halaman Log In Member Gagal......................................................78 Gambar 3. 55 Halaman Beranda Pada Member .....................................................79 Gambar 3. 56 Halaman Pesan Pada Member .........................................................80 Gambar 3. 57 Halaman Pesan Form Booking Lapangan pada Member ................81 Gambar 3. 58 Halaman Pop Up Booking Berhasil Pada Member .........................82 Gambar 3. 59 Halaman Daftar Slip Transfer Pada Member ..................................83 Gambar 3. 60 Halaman Form Slip Transfer Member ............................................84 Gambar 3. 61 Halaman Pop Up Upload Slip Transfer Berhasil Pada Member .....85 Gambar 3. 62 Halaman Saldo Member ..................................................................86 Gambar 3. 63 Halaman Konfirmasi Deposit (Form Konfirmasi) Pada member ...87 Gambar 3. 64 Halaman Notifikasi Top Up Pada Member .....................................88 Gambar 3. 65 Halaman Form Laporan Booking Pada Member ............................89 Gambar 3. 66 Halaman Laporan Booking Pada Member ......................................90 Gambar 3. 67 Form Laporan Deposit Pada Member .............................................91 Gambar 3. 68 Halaman Laporan Deposit Pada Member .......................................92 Gambar 4. 1 Halaman Utama Web Site Fanny Futsa ............................................89 Gambar 4. 2 Halaman Registrasi User ...................................................................94 Gambar 4. 3 Halaman Registrasi Berhasil .............................................................94 Gambar 4. 4 Halaman Log In Admin.....................................................................95 Gambar 4. 5 Halaman Beranda Pada Admin .........................................................95 Gambar 4. 6 Halaman Pesan Pada Admin .............................................................96 Gambar 4. 7 Halaman Form Booking Pada Admin ...............................................96 Gambar 4. 8 Halaman Pop Up Booking Lapangan Lapangan berhsil Pada Admin ................................................................................................................................97

  Gambar 4. 9 Halaman Daftar Slip Transfer Pada Admin ......................................97 Gambar 4. 10 Halaman Form Upload Slip Transfer Pada Admin .........................98 Gambar 4. 11 Halaman Upload Slip Transfer Berhasil Pada Admin ....................98 Gambar 4. 12 Halaman Saldo (Update Saldo) Pada Admin ..................................99 Gambar 4. 13 Halaman Form Update Saldo Pada Admin .....................................99 Gambar 4. 14 Halaman Update Saldo Berhasil Pada Admin...............................100 Gambar 4. 15 Halaman Pengguna (Daftar Member) Pada Admin ......................100 Gambar 4. 16 Halaman Form Tambah User Pada Admin ..................................101 Gambar 4. 17 Halaman Update Member Berhasil Pada Admin ..........................101 Gambar 4. 18 Halaman Event (Daftar Event Pertandingan Pada Admin) ...........102 Gambar 4. 19 Halaman Form Event Baru Pada Admin .......................................102 Gambar 4. 20 Halaman Notifikasi Event Baru Berhasil Dibuat Pada Admin .....103 Gambar 4. 21 Halaman Konfirmasi Pada Admin ................................................103 Gambar 4. 22 Halaman Rekap Lapangan Pada Admin.......................................104 Gambar 4. 23 Halaman Rekap Member Pada Admin ..........................................104 Gambar 4. 24 Halaman Form Laporan Booking Pada Admin .............................105 Gambar 4. 25 Halaman Informasi Laporan Booking Pada Admin ......................105 Gambar 4. 26 Halaman Form Laporan Deposit Pada Admin ..............................106 Gambar 4. 27 Halaman Informasi Laporan Deposit Pada Admin .......................106 Gambar 4. 28 Halaman Login Pada Operator ......................................................107 Gambar 4. 29 Halaman Beranda Pada Operator ..................................................107 Gambar 4. 30 Halaman Daftar Pesan Lapangan Pada Operator ..........................108 Gambar 4. 31 Halaman Form Booking Pada Operator ........................................108 Gambar 4. 32 Halaman Booking Berhasil "Pop Up Pada Operator.....................109 Gambar 4. 33 Halaman Invois Saldo Pada Operator ...........................................109 Gambar 4. 34 Halaman Form Invois Saldo Pada Operator ..................................110 Gambar 4. 35 Halaman Pop Up Update Invois Berhasil .....................................110 Gambar 4. 36 Halaman Saldo Pada Operator ......................................................111 Gambar 4. 37 Halaman Form Operator................................................................111 Gambar 4. 38 Halaman Pop Up Berhasil Pada Operator .....................................112 Gambar 4. 39 Halaman Daftar Data Member Pada Operator ..............................112 Gambar 4. 40 Halaman Form User Baru .............................................................113 Gambar 4. 41 Halaman Pop Up update data member Berhasil Pada Operator....113 Gambar 4. 42 Halaman Daftar Event Pertandingan Pada Operator .....................114 Gambar 4. 43 Halaman Form Event Pertandingan Pad Operator ........................114 Gambar 4. 44 Halaman Pop Up Update Event Berhasil Pada Operator ..............115 Gambar 4. 45 Halaman Logout Pada Operator ....................................................115 Gambar 4. 46 Halaman Login Member ...............................................................116 Gambar 4. 47 Halaman Beranda Pada Member ...................................................116 Gambar 4. 48 Halaman Form Booking Lapangan Pada Member ........................117 Gambar 4. 49 Halaman Pop Up Booking Lapangan Berhasil .............................117 Gambar 4. 50 Halaman Slip Transfer Pada Member ...........................................118 Gambar 4. 51 Halaman Form Upload Slip Transfer Pada Member .....................118

  Gambar 4. 52 Halaman Pop Up "Update Slip Transfer Berhasil" Pada Member 119 Gambar 4. 53 Halaman Data Saldo Pada Member ..............................................119 Gambar 4. 54 Halaman Form Konfirmasi Deposit Pada Member .......................120 Gambar 4. 55 Halaman Notifikasi Top Up Pada Member ...................................120 Gambar 4. 56 Halaman Form Laporann Booking ................................................121 Gambar 4. 57 Halaman History Booking Pada Member .....................................121 Gambar 4. 58 Halaman Form Laporan Deposit Pada Member ............................122 Gambar 4. 59 HalamanLaporan Deposit Pada Member ......................................122

  DAFTAR TABEL

  Tabel 2. 1 Tabel Use Case Diagram.......................................................................11 Tabel 2. 2 Simbol Sequence Diagram ....................................................................13 Tabel 2. 3 Simbol Activity Diagram ......................................................................14 Tabel 4. 1 Pengujian Black-Box Pada Form Registrasi Member ........................123 Tabel 4. 2 Pengujian Black-Box Pada Halaman Form Login Pada Users ..........124 Tabel 4. 3 Pengujian Black-Box Pada Menu Booking Users ............................126