24
BAB III
ANALISA DAN PERANCANGAN
3.1 TENTANG LAPANGAN TENA FUTSAL
Lapangan TENA futsal berdiri pada tanggal 12 Juli tahun 2012. Lapangan ini berlokasi di kawasan Teluknaga, Tangerang. Lapangan TENA futsal hadir melayani member atau pun non member yang hendak menyewa lapangan futsal.Memiliki lapangan yang berstandar Internasional ukuran: panjang 25-43 m x lebar 15-25 m dan fasilitas yang nyaman bagi para penyewa lapangan. Dengan lokasi strategis, berada di daaerah Teluknaga dan baru ada 1 lapangan di Teluknaga menjadi keunggulan lapangan TENA futsal. Tak hanya sebagai penyewa lapangan futsal ajah, tapi TENA futsal juga kadang mengadakan tournament futsal umum.
Untuk memperkuat strategi pemasarannya, TENA futsal melakukan diskon bagi yang bermain 4 kali di lapangan TENA Futsal dan mendapatkan potongan harga sebesar Rp. 100.000.
3.2 ANALISIS MASALAH
3.2.1 Analisa Kondisi Terkini
Pada saat ini, sistem pemasaran iklan TENA futsal belum memiliki media pemasaran
online dan fasilitas penghubung antara penyewa dan karyawan lapangan menjadi hal utama permasalahan yang ada. Sehingga dalam proses pemasaran lapangan sehari-hari masih dalam mulut kemulut atau informasi dari orang ke orang..
3.2.2 Analisa Pembuatan Sistem
Sistem yang akan dibangun pada TENA futsal berbasiskan web dan SMS Gateway, nantinya akan digunakan sebagai media pemasaran sekaligus mempromosikan lapangan yang dikelola pengurus atau karyawan TENA futsal. Nantinya penyewa lapangan akan mengakses situ sweb TENA futsal untuk melakukan registrasi sebagai member, kemudian melakukan penyewaan lapangan futsal dengan menggunakan fasilitas kirim SMS dengan bantuan SMS Gateway.
3.2.3 Analisa Pengguna
No. Pengguna Deskripsi
1 Admin pengguna yang memiliki hak untuk melihat lapangan yang di sewa, mengelola pesan, member, kontak, dan mengubah password.
2 Penyewa penyewa yang memiliki hak untuk mengedit profil, menyewa lapangan, mengatur jadwal sewa lapangan, dan mengubah password.
3.2.4 Analisa Kebutuhan Perangkat Lunak
Perangkat lunak merupakan kebutuhan yang harus dipenuhi dalam merancang atau membangun suatu sistem, Sehingga dapat tercapainya tujuan dari sistem yang dibangun tersebut. Aplikasi informasi penyewaan lapangan berbasis web dan SMS Gateway ini membutuhkan beberapa perangkat lunak sebagai media penunjang berjalannya aplikasi sesuai dengan fungsinya. Beberapa kebutuhan tersebut adalah :
1. Antarmuka Pengguna
Sebagai media penunjang berjalannya antar muka, dibutuhkan web browser
untuk mengakses situs web TENA futsal seperti Mozilla Firefox, Google Chrome, Internet Explorer, dan lainnya.
2. Aplikasi Server
Web server menggunakan aplikasi XAMPP 1.7.7 dan database server
menggunakan phpMyAdmin 3.4.5 dan MySQL 5.0 yang berfungsi mengirimkan permintaan dari penyewa ke server dan sebaliknya.
3. Aplikasi SMS Gateway
Kebutuhan perangkat lunak untuk pengiriman SMS berbasis web ketelepon seluler menggunakan aplikasi Gammu sebagai service pengiriman SMS.
3.3 PERANCANGAN SISTEM
Berdasarkan analisa penulis pada pembuatan aplikasi informasi penyewaan lapangan berbasis web dan SMS Gateway tersebut, agar lebih mudah dimengerti maka penulis akan menjelaskan dan menggambarkan dalam bentuk diagram pemodelan yang terdiri dari, diagram use case, diagram sequence, dan diagram activity.
3.3.1 Pemodelan Diagram Use Case
Diagram use case digunakan untuk menganalisa kebutuhan dari aplikasi informasi penyewaan lapangan berbasis web dan SMS Gateway yang akan dibangun. Diagram use case menunjukkan fungsi dari suatu system dan bagai mana actor berinteraksi dengan sistem. Pemodelan use case pada aplikasi ini dapat dilihat pada gambar 3.1 berikut.
Admin Managemen Data Penyewa Registrasi Login Kirim SMS Sewa Lapangan Cari Jadwal
Penyewa Dateng ke lapangan Admin Cari Jadwal lapangan Sewa lapangan
Gambar 3.2 Diagram Use Case Pemesanan di tempat
3.3.1.1 Skenario Use Case dari Sisi Penyewa
Tabel 3.1 Deskripsi Use Case Cari Jadwal Nama Use Case : Cari jadwal jadwal
Aktor : Penyewa
Deskripsi : Penyewa dapat mencari jadwal lapangan yang di inginkan dengan memasukkan kata kunci di form pencarian
Tabel 3.2 Deskripsi Use Case Registrasi Nama Use Case : Registrasi
Aktor : Penyewa
Deskripsi : Penyewa dapat mendaftar menjadi member dengan mengisi data pada form registrasi
Tabel 3.3 Deskripsi Use Case Penyewaan Lapangan Nama Use Case : Penyewaan Lapangan
Aktor : Penyewa
Deskripsi : Penyewa dapat melakukan penyewaan lapangan kepada admin
Tabel 3.4 Deskripsi Use Case Kirim SMS Nama Use Case : Kirim SMS
Aktor : Penyewa
Deskripsi : Penyewa dapat mengirim SMS langsung yang akan di proses melalui web
Tabel 3.5 Deskripsi Use Case Datang Ke Lapangan Nama Use Case : Datang Ke Lapangan
Aktor : Penyewa
Deskripsi : Penyewa dapat melakukan penyewaan lapangan dengan datang langsung ke lapangan
Tabel 3.6 Deskripsi Use Case Cari Jadwal Lapangan Pemesanan Di Tempat Nama Use Case : Cari Jadwal Lapangan Pemesanan Di Tempat
Aktor : Penyewa
Deskripsi : Penyewa dapat melakukan Cari Jadwal Lapangan Pemesanan Di Tempatpenyewaan lapangan Di Tempat
Tabel 3.7 Deskripsi Use Case Penyewaan Lapangan Di Tempat Nama Use Case : Penyewaan Lapangan Di Tempat
Aktor : Penyewa
Deskripsi : Penyewa dapat melakukan penyewaan lapangan kepada admin di tempat
3.3.1.2Skenario Use Case dari Sisi Admin
Tabel 3.8 Deskripsi Use Case Manajemen Data Nama Use Case : Manajemen Data
Aktor : Admin
Deskripsi : Admin dapat mengelola penyewa, pesan, member, kontak dan password.
3.3.2 Pemodelan Diagram Activity
3.3.2.1 Diagram activity registrasi penyewa
Pilih menu daftar member Manampilkan form registrasi
Memasukan data penyewa
Validasi data penyewa
Menyimpan data ke databse
Menampiilkan pesan sukses daftar
Tidak
Ya
Gambar 3.3 Activity Diagram Registrasi penyewa
Tabel 3.9 Deskripsi Diagram Activity Registrasi Penyewa Nama Activity Diagram aktifitas registrasi Penyewa
Aktor Penyewa
Deskripsi Admin memasukkan data Penyewa Prakondisi -
Tindakan Memasukkan data di form registrasi
Pasca Kondisi Data di simpan ke dalam database jika pendaftaran sukses dan menampilkan pesan sukses daftar, jika data belum lengkap maka Penyewa harus mengisi form daftar kembali
3.3.2.2 Diagram activity login Penyewa
Pilih menu login Manampilkan form login
Memasukan username & Password
Validasi data
Validasi data
Menampiilkan halaman utama penyewa
Tidak
Ya
Gambar 3.4 Activity Diagram Login Penyewa
Tabel 3.10 Deskripsi Diagram Activity Login Penyewa Nama
Activity
Diagram aktifitas login Penyewa
Aktor Penyewa
Deskripsi Penyewa memasukkan username & password penyewa Prakondisi -
Tindakan Memasukkan data username & password penyewa Pasca
Kondisi
Sistem menampilkan halaman utama penyewa jika login gagal maka penyewa harus
3.3.2.3 Diagram activity cari Jadwal
Pilih menu beranda Manampilkan halaman beranda
Memasukan keyword
Validasi data di database
Menampilkan pesan data tidak di temukan
Ya Tidak
Menampilkan hasil pencarian Melihat detail informasi
Gambar 3.5 Activity Diagram Cari Jadwal
Tabel 3.11 Deskripsi Diagram Activity Cari Jadwal Nama Activity Diagram aktifitas cari jadwal
Aktor Penyewa
Deskripsi Penyewa melakukan pencarian jadwal Prakondisi -
Tindakan Memasukkan keyword pada form pencarian
Pasca Kondisi Penyewa melihat detail informasi hasil pencarian, jika data tidak ditemukan maka system menampilkan pesan data tidak ditemukan
3.3.2.4 Diagram Activity Boking Lapangan
Pilih menu login Manampilkan halaman login
Memasukan username & passsword
Validasi data
Menampilkan halaman utama
Menampilkan halam pesan
Tidak
Ya
Memilih menu pesan
Mengirim pesan Menyimpan pesan ke database
Menampilkan pesan sukses kirim pesan
Gambar 3.6 Activity Diagram Penyewaan Lapangan
Tabel 3.12 Deskripsi Diagram Activity Sewa Lapangan Nama Activity Diagram aktifitas sewa Lapangan
Aktor Penyewa
Deskripsi Penyewa mengirim pesan sewa lapangan
Prakondisi -
Tindakan Memilih menu booking
Pasca Kondisi Sistem menyimpan pesan ke database dan menampilkan pesan sukses kirim pesan
3.3.2.5 Diagram Activity Kirim SMS
Pilih menu login Manampilkan halaman login
Memasukan username & passsword
Validasi data
Menampilkan halaman utama
Menampilkan halaman kirim SMS
Tidak
Ya
Memilih menu kirim SMS
Mengirim SMS Menyimpan pesan ke database
Menampilkan pesan sukses kirim SMS
Gambar 3.7 Activity Diagram Kirim SMS
Tabel 3.13 Deskripsi Diagram Activity Kirim SMS Nama Activity Diagram aktifitas kirim SMS
Aktor Penyewa
Deskripsi Penyewa mengirim SMS ke admin Prakondisi -
Tindakan Memilih menu kirim SMS
Pasca Kondisi Sistem menyimpan SMS ke database dan menampilkan pesan sukses kirim SMS
3.3.2.6 DiagramActivity Login Admin
Akses halaman login admin Manampilkan form login
Memasukan username & password
Validasi data
Menyimpan data ke databse
Menampilkan halaman utama admin
Tidak
Ya
Gambar 3.8 Activity Diagram Login Admin
Tabel 3.14 Deskripsi Diagram Activity Login Admin Nama Activity Diagram aktifitas login admin
Aktor Admin
Deskripsi Admin memasukkan username & password
Prakondisi -
Tindakan Memasukkan data username & password admin
PascaKondisi Sistem menampilkan halaman utama admin, jika login gagal maka admin harus login kembali
3.3.2.7 Diagram Activity Manajemen Data Admin
Akses halaman login admin Manampilkan form login
Memasukan username & password
Validasi data
Menampilkan halaman utama admin
Tidak
Ya
Mengelola data admin
Gambar 3.9 Activity Diagram Manajemen Data Admin
Tabel 3.15 Deskripsi Diagram Activity Manajemen Data Admin Nama Activity Diagram aktifitas manajemen data admin
Aktor Admin
Deskripsi Admin melakukan manajemen data Prakondisi -
Tindakan Mengelola data admin PascaKondisi Data dikelola admin
3.3.2.8 Diagram Activity Datang Ke Lapangan
Gambar 3.10 Activity Diagram Datang Ke Lapangan
Tabel 3.16 Deskripsi Diagram Activity Datang Ke Lapangan Nama Activity Diagram aktifitas datang ke lapangan
Aktor Penyewa
Deskripsi Penyewa melakukan datang ke lapangan Prakondisi -
Tindakan Datang ke lapangan PascaKondisi Datang ke lapangan
3.3.2.9 Diagram Activity Cari Jadwal Lapangan Di Tempat
Gambar 3.11 Activity Diagram Cari Jadwal Lapangan Di Tempat
Tabel 3.17 Deskripsi Diagram Activity Cari Jadwal Lapangan Di Tempat Nama Activity Diagram aktifitas cari jadwal di tempat
Aktor Penyewa
Deskripsi Penyewa melakukan cari jadwal di tempat Prakondisi -
Tindakan Cari jadwal di tempat PascaKondisi Cari jadwal di tempat
3.3.2.10 Diagram Activity Sewa Lapangan Di Tempat
Konfirmasi Kasir Cari Lapangan
Sewa Lapangan
Gambar 3.12 Activity Diagram Sewa Lapangan Di Tempat
Tabel 3.18 Deskripsi Diagram Activity Sewa Lapangan Di Tempat Nama Activity Diagram aktifitas sewa lapangan di tempat
Aktor Penyewa
Deskripsi Penyewa melakukan sewa lapangan di tempat Prakondisi -
Tindakan Sewa lapangan di tempat PascaKondisi Sewa Lapangan di tempat
3.3.3 Pemodelan Diagram Sequence
3.3.3.1Diagram sequence registrasi penyewa
Penyewa Beranda
mulai
Beranda
pilih menu daftar member
Form Registrasi
Mengisi data data valid
Form Registrasi simpan selesai Database Data tidak valid
Gambar 3.13 Diagram Sequence Registrasi Penyewa
Gambar 3.13 menggambarkan scenario registrasi penyewa dimana admin harus memasukkan data, jika data valid maka data akan disimpan ke database
tetapi jika data tidak valid maka penyewa harus memasukkan data kembali di
3.3.3.2 Diagram sequence login penyewa
Penyewa
Home Form Login Beranda Booking Info Fasilitas Logout
Input Username & Password Mulai
Valid
Data Tidak Valid
Masuk Menu Masuk Menu Selesai Selesai Penyewa Keluar About Us Masuk Menu Masuk Menu Masuk Menu Selesai Selesai
Gambar 3.14 Diagram Sequence Login Penyewa
Gambar 3.14 menggambarkan proses login penyewa dimana sebelum masuk kehalaman beranda, penyewa harus memasukkan username dan password. Jika data valid maka pengguna akan masuk kehalaman penyewa, tetapi jika tidak valid penyewa akan kembali kehalaman login.
3.3.3.3 Diagram sequence cari about us
Penyewa
Home Form Login About Us
Input Username & Password Mulai
Valid
Data Tidak Valid
Penyewa Keluar
About Us
Lihat About Us
Gambar 3.15 Diagram Sequence Login Penyewa About Us
Gambar 3.15 diatas menggambarkan proses login penyewa about us yang dilakukan penyewa, dimana penyewa harus memasukkan keyword pada form
3.3.3.4 Diagram sequence login boking
Penyewa
Home Form Login Booking
Input Username & Password Mulai
Valid
Data Tidak Valid
Penyewa Keluar
Booking
Lihat About Us
Gambar 3.16 Diagram Sequence Penyewa Login Boking
Gambar 3.16 diatas menggambarkan skenario penyewa login boking yang dilakukan penyewa. Penyewa harus memasukkan pada form boking yang tersedia dan data akan disimpan ke dalam database.
3.3.3.5 Diagram sequence login penyewa lihat info
Penyewa
Home Form Login Info
Input Username & Password Mulai
Valid
Data Tidak Valid
Penyewa Keluar
Info
Lihat Info
Gambar 3.17 Diagram Sequence Login Penyewa Lihat Info
Gambar 3.17 diatas menggambarkan skenario penyewa lihat info yang dilakukan oleh penyewa. Penyewa terlebih dahulu harus melakukan login
untuk dapat melakukan lihat info, jika login tidak valid maka penyewa harus memasukkan username dan password kembali.
3.3.3.6 Diagram sequence login penyewa lihat fasilitas
Penyewa
Home Form Login Fasilitas
Input Username & Password Mulai
Valid
Data Tidak Valid
Penyewa Keluar
Fasilitas
Lihat Fasilitas
Gambar 3.18 Diagram Sequence Login Penyewa Lihat Fasilitas
Gambar 3.18 diatas menggambarkan skenario lihat fasilitas yang dilakukan oleh penyewa kepada admin. Penyewa terlebih dahulu harus melakukan login
untuk dapat melakukan lihat fasilitas, jika login tidak valid maka penyewa harus memasukkan username dan password kembali.
3.3.3.7 Diagram sequence login admin
Admin
Form Login Beranda Jadwal Lapangan A &
B Data Booked & Laporan
Input Username & Password
Valid Data Tidak Valid Masuk Menu Admin Keluar Member Masuk Menu Masuk Menu Selesai Selesai Input Username & Password
Logout
Selesai
Masuk Menu
Gambar 3.19 Diagram Sequence Login Admin
Gambar 3.19 diatas menggambarkan skenario login yang dilakukan admin. Admin harus memasukkan username dan password. Jika data valid maka pengguna akan masuk kehalaman Beranda, tetapi jika tidak valid admin akan kembali kehalaman login.
3.3.3.8 Diagram sequence login admin lihat beranda
Admin
Form Login Beranda
Input Username & Password
Valid
Data Tidak Valid
Admin Keluar
Beranda
Lihat Beranda Input Username & Password
Gambar 3.20 Diagram Sequence Login Admin Lihat Beranda
Gambar 3.20 diatas menggambarkan skenario admin lihat beranda yang dilakukan oleh admin. Admin terlebih dahulu harus melakukan login untuk dapat melakukan lihat beranda, jika login tidak valid maka admin harus memasukkan username dan password kembali.
3.3.3.9 Diagram sequence login admin lihat member
Admin
Form Login Beranda
Input Username & Password
Valid
Data Tidak Valid
Admin Keluar
Member
Lihat Member Input Username & Password
Gambar 3.21 Diagram Sequence Login Admin Lihat Member
Gambar 3.21 diatas menggambarkan skenario admin lihat member yang dilakukan oleh admin. Admin terlebih dahulu harus melakukan login untuk dapat melakukan lihat member, jika login tidak valid maka admin harus memasukkan username dan
3.3.3.10 Diagram sequence admin lihat jadwal lapangan A
Admin
Form Login Beranda Lapangan A
Input Username & Password
Mulai Valid
Data Tidak Valid
Admin Keluar
Jadwal
Masuk Menu
Mengelola Lapangan A
Gabar 3.22 Diagram Sequence Login Admin Lihat Jadwal Lapangan A
Gambar 3.22 diatas menggambarkan skenario admin lihat jadwal lapangan A yang dilakukan oleh admin. Admin terlebih dahulu harus melakukan login untuk dapat melakukan lihat jadwal lapangan A, jika login tidak valid maka admin harus memasukkan username dan password kembali.
3.3.3.11 Diagram sequence admin lihat jadwal lapangan B
Admin
Form Login Beranda Lapangan B
Input Username & Password
Mulai Valid
Data Tidak Valid
Admin Keluar
Jadwal
Masuk Menu
Mengelola Lapangan B
Gambar 3.23 Diagram Sequence Login Admin Lihat Jadwal Lapangan B
Gambar 3.23 diatas menggambarkan skenario admin lihat jadwal lapangan B yang dilakukan oleh admin. Admin terlebih dahulu harus melakukan login untuk dapat melakukan lihat jadwal lapangan B, jika login tidak valid maka admin harus memasukkan username dan password kembali.
3.3.3.12 Diagram sequence login admin lihat data booked
Admin
Form Login Beranda Booked
Input Username & Password
Mulai Valid
Data Tidak Valid
Admin Keluar
Data
Masuk Menu
Mengelola Data Booked
Gambar 3.24 Diagram Sequence Login Admin Lihat Data Booked
Gambar 3.24 diatas menggambarkan skenario admin lihat data booked yang dilakukan oleh admin. Admin terlebih dahulu harus melakukan login untuk dapat melakukan lihat data booked, jika login tidak valid maka admin harus memasukkan
3.3.3.13 Diagram sequence login admin lihat data laporan
Admin
Form Login Beranda Laporan
Input Username & Password
Mulai Valid
Data Tidak Valid
Admin Keluar
Data
Masuk Menu
Mengelola Data Laporan
Gambar 3.25 Diagram Sequence Login Admin Lihat Laporan
Gambar 3.25 diatas menggambarkan skenario admin lihat data laporan yang dilakukan oleh admin. Admin terlebih dahulu harus melakukan login untuk dapat melakukan lihat data laporan, jika login tidak valid maka admin harus memasukkan
3.3.3.14 Diagram sequence datang ke lapangan
Penyewa
Berangkat Ke Lapangan
Sampai Lapangan
Mulai Jalan
Gambar 3.26 Diagram Sequence Datang Ke Lapangan
Gambar 3.26 diatas menggambarkan skenario penyewa datang langsung ke lapangan untuk penyewaan lapangan. Penyewa harus terlebih dahulu berangkat ke lapangan hingga sampai ke lapangan.
3.3.3.15 Diagram sequence cari jadwal lapangan di tempat
Penyewa
Cari Jadwal Lapangan Meja Kasir
Mulai Tanya
Dapat Jadwal
Cari
Gambar 3.27 Diagram Sequence Cari Jadwal Lapangan Di Tempat
Gambar 3.27 diatas menggambarkan skenario penyewa cari jadwal di tempat atau langsung ke lapangan untuk pencarian jadwal lapangan. Penyewa harus terlebih cari jadwal melalui meja kasir sehingga mendapatkan jadwal lapangan.
3.3.3.16 Diagram sequence Sewa Lapangan Di Tempat
Penyewa
Konfirmasi Kasir Cari Lapangan
Mulai Tanya
Sewa Lapangan
Cari
Gambar 3.28 Diagram Sequence Sewa Lapangan Di Tempat
Gambar 3.28 diatas menggambarkan skenario penyewa sewa lapangan di tempat atau langsung di lapangan. Penyewa harus terlebih dahulu menkonfirmasi untuk menanyakan jadwal kemudian penyewa mencari jadwal yang di inginkan sehingga bisa sewa lapangan di tempat.
3.4 PERANCANGAN BASIS DATA
Untuk kebutuhan dalam pengolahan data, maka diperlukan file-file yang berfungsi untuk menyimpan data-data. File database yang dibuat dengan menggunakan phpMyAdmin dan MySQL ini memiliki spesifikasi data sebagai berikut:
3.4.1 Struktur Tabel
Struktur tabel adalah deskripsi atau gambaran mengenai penjelasan dari tabel,
field, tipe data dan ukuran data. Struktur tabel digunakan untuk menjelaskan kedudukan sebagai tempat penyimpanan data. Tabel- tabel yang penulis gunakan dalam aplikasi informasi agent property berbasis web dan SMS Gateway adalah:
1. Tabel t_admin
Tabel ini digunakan untuk menyimpan data admin, tabel ini terdiri dari id_admin, username dan password.
Tabel 3.19 Field-field pada tabel t_admin
Nama Field Tipe Data Panjang Keterangan
id_admin Integer 11 Primary key
username Varchar 50
password Varchar 50
2. Tabel t_booking
Tabel ini digunakan untuk menyimpan data sewaan, tabel ini terdiri dari id_booking, id_master, id_member, no_hp, nama_lap, tgl, jam, harga, status.
Tabel 3.20 Field-field pada tabel t_booking
Nama Field Tipe Data Panjang Keterangan
id_booking Varchar 5 Primary key
id_master Varchar 5 Primary key
id_member Varchar 5 Primary key
no_hp Varchar 30 nama_lap Varchar 15 tgl Varchar 15 jam Varchar 10 harga Varchar 15 status Varchar 10 3. Tabel t_lap_a
Tabel ini digunakan untuk menyimpan data lapangan A, tabel ini terdiri dari id_lap_a, user, nama_lap, tgl, jam, harga.
Tabel 3.21 Field-field pada tabel t_lap_a
Nama Field Tipe Data Panjang Keterangan
id_lap_a Varchar 5 Primary key
User Varchar 15 nama_lap Varchar 30 Tgl Varchar 15 Jam Varchar 10 harga Varchar 15
4. Tabel t_lap_b
Tabel ini digunakan untuk menyimpan data lapangan B, tabel ini terdiri dari id_lap_b, user, nama_lap, tgl, jam, harga
Tabel 3.22 Field-field pada tabel t_lap_b
Nama Field Tipe Data Panjang Keterangan
id_lap_b Varchar 5 Primary key
User Varchar 15 nama_lap Varchar 30 Tgl Varchar 15 Jam Varchar 10 harga Varchar 15 5. Tabel t_master_lap
Tabel ini digunakan untuk menyimpan data master lapangan, tabel ini terdiri dari id_master, id_lap, user, nama_lap, tgl, jam, harga, status.
Tabel 3.23 Field-field pada tabel t_master_lap
Nama Field Tipe Data Panjang Keterangan
id_master Integer 3 Primary key
id_lap Integer 5 User Varchar 15 nama_lap Varchar 30 Tgl Varchar 15 Jam Varchar 10 Harga Varchar 15 Status Varchar 10
6. Tabel t_member
Tabel ini digunakan untuk menyimpan data member, tabel ini terdiri dari id_member, password, nama, tgl_join, email, no_hp, foto.
Tabel 3.24 Field-field pada tabel t_member
Nama Field Tipe Data Panjang Keterangan
id_member Varchar 5 Primary key
password Varchar 50 nama Varchar 30 tgl_join Varchar 15 email Varchar 30 no_hp Varchar 15 Foto Varchar 100
3.4.2 ENTITY RELATIONSHIP DIAGRAM Pesan penyewa Kirim SMS Kirim admin lapangan Punya Pesan Punya jadwal Punya 1 m m I 1 m 1 m 1 m
3.4.2.1 Detail Atribut ERD
Tabel 3.25 Detail Atribut ERD
Nama Entitas Atribut
Admin id_admin, username, password
Booking id_booking, id_master, id_member, no_hp, nama_lap, tgl, jam, harga, status
Lapangan A id_lap_a, user, nama_lap, tgl, jam, harga
Lapangan B id_lap_b, user, nama_lap, tgl, jam, harga
Master Lapangan
id_master, id_lap, user, nama_lap, tgl, jam, harga, status
3.5 RANCANGAN ANTARMUKA
3.5.1 Struktur Tampilan Halaman Penyewa
Halaman Utama
About us Booking Info Fasilitas Home
Gambar 3.30 Struktur Tampilan Halaman Penyewa
3.5.2 Struktur Tampilan Halaman Admin
Halaman Admin
Beranda Member Jadwal Data Logout
3.5.3 Rancangan Antarmuka Halaman Utama Situs dan Penyewa
HEADER
About US Booking Info Fasilitas
Login Page Masuk Lupa Password ID Member Password KALENDER Social Media Slider
ISI SLIDE TENA FUTSAL PETA
Home
Sign Up
Gambar 3.32 Rancangan Halaman Utama Penyewa Gambar 3.32 Rancangan Halaman Utama Penyewa
Gambar 3.32 adalah perancangan antar muka halaman pengunjung yang berisikan About Us, booking, info, fasilitas, home disertai slider, isi slide TENA Futsal, peta/lokasi TENA Futsal, login member, kalender dan social media.
3.5.4 Rancangan Antarmuka Halaman Fasilitas
HEADER
About Us Booking Info Fasilitas Login page Masuk Lupa Password ID Member Password KALENDER Social Media Home GAMBAR 1 Sign Up GAMBAR 4 GAMBAR 2 GAMBAR 5 GAMBAR 6 GAMBAR 3 GAMBAR 7 GAMBAR 8
Gambar 3.33 Rancangan Halaman penyewa/Pengunjung Fasilitas
Gambar 3.33 adalah perancangan antar muka halaman fasilitas yang berisikan menu home, fasilitas, info, booking, About Us disertai animasi gif, kalender, social media login penyewa, gambar 1, gambar 2, gambar 3, gambar 4, gambar 4, gambar 5, gambar 6, gambar 6, gambar7, gambar 8.
3.5.5 Rancangan Antar muka Halaman Penyewa/Pengunjung Info
HEADER
About US Booking Info Fasilitas Login page Masuk Lupa Password ID Member Password KALENDER Social Media Home Info harga lapangan Sign Up Book via SMS Book via website INFO
Info Lap A Info Lap B
Gambar 3.34 Rancangan Halaman penyewa/Pengunjung Info
Gambar 3.34 adalah perancangan antar muka halaman penyewa info yang berisikan menu home, fasilitas, info, booking, About Us, info harga, booking via SMS, booking via website, kalender, social media login penyewa.
3.5.6 Rancangan Antarmuka Halaman About Us
HEADER
About US Booking Info Fasilitas
Login page Masuk Lupa Password ID Member Password KALENDER Social Media Home
ISI TENA FUTSAL Sign Up
VISI
MISI
Gambar 3.35 Rancangan Halaman Penyewa/Pengunjung About Us
Gambar 3.35 adalah perancangan antar muka halaman About Us yang berisikan menu home, fasilitas, info, booking, About Us, kalender, social media login
3.5.7 Rancangan Antar muka Halaman Admin
HEADER
Beranda Member Jadwal Data Logout
Masukan kata kunci Cari berdasarkan Search
Gambar 3.36 Rancangan Halaman Admin
Gambar 3.36 adalah perancangan antar muka halaman admin yang berisikan menu Beranda, member, jadwal, data, logout, Masukan kata kunci, cari berdasarkan, search.
3.5.8 Rancangan Antar muka Halaman Admin/admin jadwal
HEADER
Beranda Member Jadwal data Logout
Lapangan A Lapangan B
JADWAL ID
Harga lapangan/ jam Jam main Tanggal Nama Lapangan User *Masukan jadwal untuk admin Submit
NO ID Nama lap Tanggal lap/jamHarga
Edit Delete Edit
Jam lap/jamHarga User Action
Delete
Gambar 3.37 Rancangan Halaman Admin/admin jadwal
Gambar 3.37 adalah perancangan antar muka halaman admin jadwal yang berisikan menu Beranda, member, jadwal, lapangan A, lapanagan B, data, logout, ID, user, nama lapangan, tanggal, jam main, harga lapangan/jam, submit dan table jadwal input.
3.5.9 Rancangan Antar muka Halaman Admin/data booked
HEADER
Beranda Member Jadwal data Logout
Booked Laporan Data Booked NO ID Booking ID Master ID
Member Nama Tanggal Jam Change Status Action
Gambar 3.38 Rancangan Halaman Admin/data booked
Gambar 3.38 adalah perancangan antar muka halaman admin data booked yang berisikan menu Beranda, member, jadwal, data, booked, laporan, logout, dan table input data booked.
3.5.10 Rancangan Antar muka Halaman Admin/data laporan
HEADER
Beranda Member Jadwal data Logout
Booked Laporan Data Laporan NO ID Booking ID Master ID
Member Nama Tanggal Jam Change Status Action
Gambar 3.39 Rancangan Halaman Admin/data laporan
Gambar 3.39 adalah perancangan antar muka halaman admin data laporan yang berisikan menu Beranda, member, jadwal, data, booked, laporan, logout, dan table input data laporan.
