PERANCANGAN SISTEM INFORMASI PEMESANAN LAPANGAN FUTSAL ...

JURNAL LENTERA ICT Vol. 4 No. 1, November 2018

53

PERANCANGAN SISTEM INFORMASI

PEMESANAN LAPANGAN FUTSAL PADA PARUNG FUTSAL

Oleh:

Setiawan

Manajemen Informatika, Politeknik LP3I Jakarta

Gedung sentra Kramat Jl. Kramat Raya No. 7-9 Jakarta Pusat 10450

Telp. 021 – 31904598 Fax. 021 – 31904599

Email : [email protected]

Abstrak

Sistem komputerisasi merupakan salah satu elemen yang sangat penting di dalam suatu

perusahaan, karena sistem komputerisasi dapat meningkatkan atau mempermudah proses

pemesanan serta pelayanan. Pada saat ini proses pemesanan yang terjadi di Parung Futsal,

masih menggunakan sistem secara manual, sehingga di butuhkan suatu sistem yang dapat

memecahkan masalah yang dihadapi seperti lambatnya pengecekan data dan pembuatan

laporan. Maka penulis membuat suatu rancangan sistem yang terkomputerisasi mulai dari

pemesanan lapangan (booking), proses transaksi penyewaan lapangan futsal serta

pembuatan laporan, dengan menggunakan program Web base PHP sebagai media untuk

merancang sistem tersebut. Dengan sistem yang penulis buat diharapkan bisa diterapkan di

Parung Futsal sebagai alat untuk memecahkan kendala dari sistem yang masih manual.

Kata kunci: Sistem Komputerisasi, Pemesanan Online, Footsal Booking.

Abstract

Computerized system is one of the most important elements in a company, because the

computerized system can improve or simplify the process of ordering and service. At this

time the ordering process is happening in Parung Futsal, still using manual systems, so in

need of a system that can solve the problems such as slow checking data and preparing

reports. The author makes a computerized system design from ordering field (booking),

indoor soccer field rental transaction process and preparing reports, using a Web

program base of PHP as a medium for designing the system. With a system that the

authors make is expected to be implemented in Parung Futsal as a tool to solve the

constraints of the system that is still manual.

Keywords: Computerized System, Online Booking, Footsal Booking.

mailto:[email protected]


54

PENDAHULUAN

Latar Belakang Masalah

Merambatnya lapangan futsal di

setiap daerah di Indonesia terutama pada

kota-kota besar harga futsal. Pemakaian

masyarakat terhadap penyewaan yang

tergolong banyak menuntut pemilik

lapangan futsal agar meningkatkan

pelayanan terhadap pengunjung, dan

salah satunya dengan memberikan

pelayanan yang cepat dan efesien.

Oleh karena itu penulis akan menjelaskan

mengenai bagaimana membuat suatu

sistem yang di dalamnya terdapat proses

dimana petugas dapat melayani

pelanggan melalui system informasi dan

bagaimana pengunjung yang menjadi

member dapat melakukan proses booking

secara online dengan menggunakan

bahasa pemograman PHP dan dengan

database menggunakan PHP my admin.

RUMUSAN MASALAH

1 Bagaimana sistem berjalan

melakukan proses transaksi

penyewaan lapangan futsal?

2 Apakah kendala didalam sistem

berjalan proses transaksi penyewaan

lapangan futsal?

3 Bagaimana solusi pemecahan atas

permasalahan yang terjadi pada

sistem berjalan?

TINJAUAN PUSTAKA

Sistem

Sistem merupakan suatu istilah

umum yang digunakan dalam berbagai

disiplin ilmu, untuk menerangkan suatu

metode atau tata cara yang digunakan

dalam suatu bidang. Istilah ini digunakan

secara luas dan pesat dalam berbagai

aspek kehidupan masyarakat sehari –

hari, maupun didalam suatu dunia

manajemen kerja modern yang

mempunyai cakupan besar.

Pengertian Sistem

Menurut (Pratama, 2014:7) yang

menerangkan bahwa,

“Sistem dapat diartikan sebagai

kumpulan prosedur yang saling berkaitan

dan saling terhubung untuk melakukan

suatu tugas bersama-sama”

Pengertian Sistem Informasi

Menurut O’Brien dalam buku

Sistem Informasi Manajemen (2017:83)

menjelasan bahwa,

“Sistem informasi merupakan suatu

kombinasi dari setiap unit yang dikelola

oleh user atau manusia, hardware

(perangkat keras computer), software

(perangkat lunak), jaringan komputer dab

jaringan komunikasi data (komunikasi),

dan juga data base (basis data) yang

mengumpulkan, mengubah, dan

menyebarkan informasi tentang suatu

organisasi”

Flowchart

Menurut Rony Setiawan dalam

bukunya yang berjudul Teknik

Pemecahan Masalah Dengan Algoritma

& Flowchart (Basic & C, 2014:25).

Mengatakan bahwa,

Use Case

Menurut Yuni Sugiarti (2013:41)

dalam buku berjudul “Analisis dan

Perancangan UML” bahwa:

“Use Case Diagram atau diagram use

case merupakan pemodelan untuk

menggambarkan kelaukan (behavior)

sistem yang akan dibuat”.

UML Modelling

Menurut Rosa A.S dan M.

Shalahuddin (2013:137) menjelaskan

bahwa, “UML (Unified Modeling

Languange) merupakan bahasa visual

untuk pemodelan dan komunikasi

mengenai sebuah sistem dengan

menggunakan diagram dan teks-teks

pendukung.”


55

Scenario Use Case

Menurut Yuni Sugiarti (2013:47)

mendefinisikan bahwa :

“Skenario Use Case adalah jalannya alur

sistem pada suatu diambil dari aktor,

deskripsi dan reaksi sistem”.

Activity Diagram



bahwa, “Diagram Aktifitas atau

Activity Diagram menggambarkan

workflow (aliran kerja) atau aktifitas dari

suatu sistem atau proses bisnis atau menu

yang ada pada perangkat lunak.”

Class Diagram

Menurut Rosa A.S dan

M. Shalahuddin (2013:141)

menjelaskan bahwa:

“Diagram kelas atau class diagram

menggambarkan struktur sistem dari segi

pendefinisian kelas-kelas yang akan

dibuat untuk membangun sistem.”

Sequence Diagram



bahwa:

“Diagram Sekuen atau Sequence

Diagram menggambarkan kelakuan

objek pada use case dengan

mendeskripsikn waktu hidup objek dan

message yang dikirim dan diterima antar

objek.”

Package Diagram



bahwa:

“Sebuah bungkusan dari satu atau

lebih kelas atau elemen diagram UML

lainnya”.

PERANCANGAN DATABASE

Pengertian Database

Menurut Priyanto Hidayatullah

(2014:137) yang menjelaskan bahwa:

“Basis data dapat didenifisikan

sebagai himpunan kelompok data yang

saling berhubungan yang

diorganisasisakan sedemikian rupa agar

kelar dapat dimanfaatkan kembali dengan

cepat dan mudah.”

ERD (Entity Realitionship Diagram)

Menurut Feri Sulianta (2017:158)

yang menjelaskan bahwa:

“Entity Relational Diagram

merupakan diagram yang digunakan

untuk merancang table-tabel yang

nantinya akan diimplementasikan pada

basis data”.

Perancangan User Interface

Menurut Wikipedia menerangkan

bahwa:

“Bentuk tampilan grafis yang

berhubungan langsung dengan pengguna

(user)”. Antarmuka pengguna berfungsi

untuk menghubungkan antara pengguna

dengan sistemoperasi,sehingga komputer

tersebut bisa digunakan.

Pemesanan

Pemesanan adalah suatu aktifitas

yang dilakukan oleh konsumen sebelum

membeli. Untuk mewujudkan kepuasan

konsumen maka perusahaan harus

mempunyai sebuah sistem pemesanan

yang baik. Menurut Kamus Besar Bahasa

Indonesia yang dimaksud pemesanan

adalah “proses, perbuatan, cara memesan

(tempat,barang,dsb) kepada orang lain”.

Bahasa Pemograman

PHP

Menurut Didik Setiawan (2017:21)

yang menjelaskan bahwa,

“(PHP: Hypertext Preprocessor)

adalah sebuah bahasa scripting tingkat

tinggi yang diapasang pada dokumen

HTML, sebagian besar sintaks dalam

PHP mirip dengan bahasa C,Java dan

Perl, namun PHP ada beberapa fungsi

yang lebih spesifik, sedangkan tujuan

utama dari penggunaan bahasa ini adalah


56

untuk memungkinkan perancang web

yang dinamis dan dapat bekerja

otomatis.”

XAMPP

Menurut Nugroho (2013:1) yang

menjelaskan bahwa,

“XAMPP adalah paket program

web lengkap yang dapat Anda pakai

untuk belajar pemrograman web,

khususnya PHP dan MySQL”.

PHP My Admin

Menurut Nugroho (2013:71) yang

menjelaskan bahwa,

“phpMyAdmin adalah tools yang

dapat digunakan dengan mudah untuk

memanajemen database MySQL secara

visual dan Server MySQl, sehingga kita

tidak perlu lagi harus menulis query SQL

setiap akan melakukan perintah operasi

database”.

Sublime Text

Menurut Yosef murya (2017:3)

yang menjelaskan bahwa,

“Sublime text adalah sebuah syntax

editor yang menggunakan python API.

Sublime text mempunyai fitur plugin

tambahan yang mempermudah bagi

penggunanya, tidak hanya memiliki fitur

yang menarik, sublime text juga

menampilkan desain yang simple dan

memiliki cirri khas tersendiri sehingga

menjadikan sublime text terkesan elegan

untuk sebuah syntax editor”.

Java Script

Menurut Dr. Eng R.H. Sianipar

(2017:1) yang menjelaskan bahwa,

“Java script adalah sebuah bahasa script

dinamis yang dapat dipakai untuk

membuat halaman-halaman HTML statis

lebih interaktif”.

METODOLOGI PENULISAN

Dalam penelitian ini, penulis

membutuhkan data-data yang

berhubungan dengan judul yang

disajikan, yaitu bersumber dari penelitian

yang dilakukan di Lapangan Futsal (PP).

Teknik pengambilan data yang

digunakan penulis adalah wawancara dan

penelitian:

Studi Lapangan (Field Research)

Yaitu penelitian dengan cara terjun

langsung ke lapangan, dalam hal ini

mendatangi langsung perusahaan yang

terkait dengan objek penelitian untuk

mengumpulkan fakta-fakta yang ada di

lapangan sebagai bahan pertimbangan.

Studi Pustaka (Library Research)

Yaitu pengumpulan data-data yang

dilakukan dengan cara mempelajari

berbagai bentuk bahan-bahan tertulis

seperti buku-buku maupun referensi lain

yang bersifat tertulis yang dapat

mendukung kajian studi lapangan.


57

PEMBAHASAN

Sistem berjalan pemesanan lapangan futsal pada PP (Parung Futsal)

Gambar 1

Aplikasi Pemesanan Lapangan Futsal

Perancangan sistem informasi pemesanan lapangan futsal pada PP (parung futsal)

Perancangan model

1. Use case diagram Gambar 2

Use Case Diagram

SistemAdmin dan Member

Menampilkan Data Pengguna

Pilih tombol “Tambah Pengguna”

Menampilkan Form Data Pengguna

Mengisi Form Data Pengguna

dengan Lengkap

Validasi Data Yang DiinputPilih tombol “simpan”

Konfirmasi Data yang diinput tidak valid

Pesan “Data Berhasil ditambahkan”

Menampilkan Data baru pengguna di list pertama

Simpan ke database

Benar

Salah

Pilih Tombol “Hapus”

Menampilkan pesan “Apakah anda ingin menghapus data ini?”

Data Berhasil di hapus

Memperbaharui List pengguna

Ya

Tidak

Data gagal dihapus

Pengguna


58

2. Actifity diagram

Pada bab ini, activity menjelaskan

aktifitas antara aktor dengan program

dalam melakukan suatu pelakasanaannya.

Gambar 3

Activity diagram

Tampil Form Login

Validasi Username dan Password

Tampilan Halaman Utama

Gagal

Berhasil

Tampil pesan

data salah

Melakukan Login

Masukan username dan

Password

Pilih tombol “Login”

SistemAdmin dan Member

Dapat diketahui alur dari sebuah

login, perbedaan antara admin, member,

dalam form yang ditampilkan, pada

admin menampilkan kelola data

pengguna, lapangan, fasilitas.

Dan member menampilkan daftar

lapangan, daftar fasilitas, dan sewa

lapangan. Sedangkan kasir hanya

mencetak laporan pertandingan futsal.

Pada gambar 4 dapat diketahui alur

aktifitas dari aktor yakni admin bila akan

melakukan aktifitas kelola data

Pengguna. Yakni, saat akan menambah,

menghapus data, dan batal.

Gambar 4

Actifity Diagram Kelola Data Lapangan SistemAdmin dan Member

Menampilkan Data LapanganLapangan

Pilih Tombol Tambah Lapangan Menampilkan Form Data Lapangan

Mengisi Form Tambah lapangan

dengan lengkap

Pilih tombol “simpan”

Validasi Data Yang Diinput

Konfirmasi Data yang diinput tidak valid

Simpan ke database

Pesan “Data Berhasil ditambahkan”

Menampilkan Data baru lapangan di list pertamaClick Tombol “Edit”

Menampilkan Form edit lapanganClick Tombol “Batal”

Click Tombol “Simpan”

Pesan “Data Berhasil Di ubah”

Berhasil

Gagal

Pesan “Data Gagal Di ubah”

Memperbaharui list data lapanganPilih Tombol “Hapus”

Menampilkan pesan “Apakah anda ingin menghapus data ini?”

Data gagal dihapus

Data Berhasil di hapus

Memperbaharui List lapangan

Ya

Tidak

Berhasil Gagal

Gambar 5

Actifity Diagram Kelola Data Lapangan Sistem(Member, Admin)

Sewa lapangan Menampilkan Form Sewa lapangan

Memilih tombol “Tanggal Pemesanan” Menampilkan tanggal pemesanan

Memilih Lapangan yang ingin di pesanMenampilkan gambar yang dipilih

Dan tanggal pemesanan

Click tombol “lanjutkan” Menampilkan Form Transaksi

Mengisi Form Transaksi dengan lengkap

Dan pilih tambah fasilitas

Click Pesan

Click BatalMenampilkan Keseluruhan Data Transaksi

Benar

Salah

Menyimpan data kedalam Database

Menampilkan pesan “Terimakasih sudah memesan”

Menampilkan form sewa fasilitas

Validasi data yang di inputMengisi form sewa fasilitas


59

3. Class diagram Gambar 6

Class Diagram

Sequence diagram Gambar 7

Sequence diagram kelola data pengguna


60

Gambar 8

Sequence Diagram Sewa Lapangan

Aktor : MemberController :

member

View : daftar

Sewa lapangandatabase

hasil

hasil

View : history View : sewa

lapangan

pilih sewa lapangan

select : lapangan

pilih tanggal,lapangan

select : sewa lapangan

load histori

pilih lanjutkan

load transaksi


hasil

Modal fasilitas

load modal

pilih tambah fasilitas

post , save_detail_fasilitas

insert : sewa fasilitas

hasil

post, save sewa lapangan

insert : sewa lapangan

hasil

pilih simpan

notifikasi


61

Gambar 9

Sequence diagram mencetak laporan

Aktor : Admin Controller : laporan View : laporan Database : sewa lpangan

pilih tanggal

input tanggal

pilih btn cari

laporan sewa lapangan


hasil

pilih cetak

cetak ()

Gambar 10

Sequence Diagram Pembayaran sewa lapangan

Aktor : Admin Controller : Histori View : Histori Transaksi Database : Sewa Lapangan

pilih Btn Bayar

input data pembayaran

histori

tampil form pembayaran

klik enter


hasil

pilih Btn cetak

hasil ()


62

4. Package diagram

Package merupakan Sebuah

bungkusan dari satu atau lebih kelas

atau elemen diagram UML lainnya,

menyediakan cara mengumpulkan

elemen-elemen yang saling terkait

dalam diagram UML. hampir semua

diagram dalam UML dapat

dikelompokkan menggunakan

package diagram.

Gambar 11

Package diagram

Perancangan database

1. Entity Relationship Diagram

(ERD)

ERD merupakan suatu model

untuk menjelaskan hubungan antar

data dalam basis data berdasarkan

objek-objek dasar data yang

mempunyai hubungan antar

relasi. ERD untuk memodelkan

struktur data dan hubungan antar

data, untuk menggambarkannya

digunakan beberapa notasi dan

simbol.

Gambar 12

Entity Relationship Diagram (EDR)

penguna_id

username

peran_id

nama_pengguna

password

no_ho

Peran

keterangan

nama_peran

peran_id

fasilitas

nama_fasilitas

harga_sewa

keterangan

fasilitas_id

lapangan

keterangan

deskripsi

harga_sewa

nama_lapangan

lapangan_id

gambar_lapangan

qty

jumlah_harga

no_rental

fasilitas_id

keterangan

sewa_id

nama_team

tanggal_main

tanggal_rental

transaksi_id

no_rental

jam_mulai

jam_selesai

jumlah_jam

lapangan_id

jumlah_sewa

pengguna_id

keterangan

guna

Sewa fasilitasSewa lapangan

2. Relasi antar table

Gambar 13

Entity Relationship Diagram sistem pemesanan

peran

PK peran_id

nama_peran

create date

last_update

soft_delete

keterangan

pengguna

PK pengguna_id

nama_pengguna

peran_id

usernamme

password

no_hp

create date

last_update

soft_delete

keterangan

fasilitas

PK fasilitas_id

nama_fasilitas

harga_sewa

create_date

last_update

soft_delete

keterangan

lapangan

PK lapangan_id

nama_lapangan

gambar_lapangan

harga_sewa

create_date

last_update

soft_delete

keterangan

sewa_fasilitas

PK sewa_id

transaksi_id

fasilitas_id

qty

create_date

las_update

soft_delete

keterangan

sewa_lapangan

PK transaksi_id

no_rental

tanggal_rental

nama_team

tanggal_main

jam_mulai

jam_selesai

jumlah_jam

lapangan_id

pengguna_id

create_date

last_update

soft_delete

keterangan


63

Perancangan User Interface

Perancangan User Interface terdiri

dari beberapa perancangan, berikut

adalah perancangan menu, perancangan

form input dari form master, perancangan

laporan dari form transaski.

1. Perancangan menu

a. Halaman form login

Gambar14

Desain Perancangan Menu Login

b. Halaman form register member

Gambar 15

Desain Form Register Member

Form Registrasi

Nama Member

Nomer Telpon

Username

password

Regist

2. Perancangan form input

a. Halaman form input pengguna

Gambar 16

Desain Input Form Data Pengguna

Form Input Data Pengguna

Nama Pengguna

Usename

Password

Peran

Nomer Handphine

Keterangan

Pilih peran pengguna

Simpan Batal

b. Halaman form input lapangan

Gambar 17

Desain Input Form Data Lapangan

Form Input Data Lapangan

Nama lapangan

Masukan Gambar Lapangan

Harga Sewa

Keterangan

Deskripsi Lapangan

Simpan Kembali

Choose File

Form Login

Username

Password

Login

Regist


64

c. Halaman input data fasilitas

Gambar 18

Desain Input Form Data Fasilitas

Form Input Data Fasilitas

Nama Fasilitas

Harga Sewa

Keteranagn

Simpan Kembali

d. Halaman input sewa lapangan

Gambar 19

Desain Input Form Sewa Lapangan Form Input sewa lapangan

Tanggal Transaksi

Tanggal main

Jam main

Simpan Kembali

Nama Team

Jam Selesai

Tambah Fasilitas

Nama Fasilitas

Jumlah harga sewa

Harga sewa

Quantity

Pilih

SaveC;ose

3. Perancangan Laporan

Gambar 20

Perancangan Laporan

No No Rental Jam mulaiTanggal Rental Nama Team Tanggal Main Jam selesai Nama Lapangan Jumlah Sewa

PP (Parung Futsal)Kp. Jati Rt.002 Rw.006 kecamatan Parung

Telp. (021) 8751090

Kebutuhan infrastruktur

Spesifikasi sistem komputer yang

digunakan penulis terdiri dari dua

perangkat yaitu sisem operasi, kebutuhan

hardware, jaringan komputer dan

kebutuhan device.

1. Sistem Operasi

Pada sistem informasi ini sistem

informasi yang dapat mendukung

jalannya sistem adalah windows 7

sampai windows versi terbaru.

2. Kebutuhan Hardware

a. Processor Intel® 1.40 Ghz

b. RAM 2 GB

c. Harddisk 200GB

d. Monitor

e. Keyboard dan Mouse

f. Motherboard

g. Power supply

3. Jaringan Komputer

Sistem ini diusulkan oleh

penulis membutuhkan jaringan

internet.

4. Kebutuhan Device

a. Web Browser

b. Xampp versi 3.2.1

c. Web Server : Localhost

d. Database : Phpmyadmin

e. Bahasa Pemograman : PHP


65

PENUTUP

Kesimpulan

Setelah mengadakan penelitian di

lapangan futsal PP (Parung Futsal),

maka penulis dapat mengambil

kesimpulan bahwa :

1. Proses Penyewaan Lapangan Futsal

PP (Parung Futsal) masih dilakukan

secara manual, hal ini menyebabkan

kurang efektif dan lamanya waktu

yang dibutuhkan untuk pendataan

proses Penyewaan Lapangan Futsal.

2. Selama ini pihak futsal memberikan

informasi kepada pelanggannya

mengenai jadwal lapangan masih

menggunakan cara manual, maka

dari itu penulis membuat sistem yang

sudah terkomputerisasi dengan fitur

penjadwalan otomatis ketika

pelanggan menyewa lapangan.

3. Dengan adanya Penyewaan yang

telah terkomputerisasi, maka dapat

mempermudah pegawai dalam

melakukan pendataan,pencarian

hingga pembuatan laporan,sehingga

dapat terciptanya pekerjaan yang

lebih baik, efektif.

Saran

Demi Terciptanya suatu fungsi

yang dapat bermanfaat untuk semua

pihak dikemudian hari khususnya bagi

pemilik lapangan yang telah penulis

penelitian yakni lapangan futsal

PP(Parung Futsal) maka penulis memberi

saran-saran yang bersifat membangun

antara lain:

1. Sistem yang baru ini, perlu

dilakukan pembelajaran atau

pelatihan kepada bagian yang akan

menggunakan aplikasi tersebut, agar

mudah dalam pemakaian sehingga

dapat menggunakannya secara

maksimal dan mendapatkan

informasi yang diinginkan.

2. Masih terdapat kekurangan pada

sistem yang diusulkan, yakni tidak

adanya perbedaan pembayaran

antara non-member dan member,

selain itu pembayaran masih

dilakukan secara tunai dan tidak

menggunakan sistem pembayaran

melalui bank atau rekening.

3. Semoga sistem ini dapat bermanfaat

bagi parug futsal (pp), terutama

dalam proses penyewaan lapangan

futsal.

DAFTAR PUSTAKA

A.S, Rosa dan M. Shalahudin. 2013.

Rekayasa Perangkat Lunak.

Bandung: Informatika Bandung.

Hutahaean, J. 2015. Konsep Sistem

Informasi. Yogyakarta: Budi

Utama.

Murya, Yosef. 2017. Script PHP.

Bandung: Jasakom.

Setiawan, Didik. 2017. Buku Sakti

Pemograman Web. Yogyakarta:

START UP.

Setiawan, Rony. 2014. Teknik

Pemecahan Masalah Dengan

Algoritma & Flowchart (Basic dan

C). Jakarta: Penerbit.

Sianipar RH. 2017. Eng. Dasar

Pemograman Java Script: langkah.

Yogyakarta: ANDI.

Sugiarti, Yuni. 2013. Analisis &

Perancangan UML. Yogyakarta:

Graha Ilmu.

Sulianta, Feri. 2017. Arsitektur Sistem

Informasi. Yogyakarta : Penerbit

ANDI.

Yosy, Arisandy. 2017. Sistem Informasi

Manajemen. Yogyakarta: Pustaka

Pelajar.

PERANCANGAN SISTEM INFORMASI PEMESANAN LAPANGAN FUTSAL ...

Documents

Transcript of PERANCANGAN SISTEM INFORMASI PEMESANAN LAPANGAN FUTSAL ...