## APLIKASI PENYEWAAN STUDIO BAND A45 SUMEDANG BERBASIS WEB

## Ikhsan Abdul Hadi Nugraha, Yusuf Agung Nugraha, Dini Hamidin
Program Studi D3 Teknik Informatika
Politeknik Pos Indonesia Email : ikhsanahn18@gmail.com , yusufagungnugraha@gmail.com , dini.hamidin@gmail.com

## ABSTRAK
Sistem  informasi  penyewaan  studio  berbasis  web  ini  memberikan  informasi tentang  penyewaan  studio  band  secara  online  dimana  orang-orang  yang  membutuhkan studio  dapat  melakukan  pemesanan  tempat,  pembatalan  dan  pengecekan  jadwal  ruaang studio  secara online. Website ini selain sebagai media promosi juga dapat mempermudah layanan  sewa  yang  selama  ini  dilakukan  secara  manual  (datang  ke  studio  band  A45). Metode  yng  digunakan  dalam  pembangunan  sistem  informasi  mengadopsi  metode waterfall  dan  desainnya  menggunakan  metode  terstruktur  (Data  Flow  Diagram).  Bahasa pemrograman  yang  digunakan  adalah PHP dan MySQL sebagai Database  Management System  (DBMS). Website  ini  diimplementasikan  untuk  ditempatkan  di  A45  untuk  dapat digunakan  oleh  pengguna  yang  membutuhkan  studio  musik  khususnya  di  daerah Sumedang.
Kata kunci : Website, Penyewaan Studio , Sistem Informasi

## 1. PENDAHULUAN
1.1 Latar Belakang Suatu sistem penyewaan online merupakan  sistem  penyewaan    dimana setiap  customer  tidak  perlu  datang langsung  ke  lokasi  tempat  penyewaan untuk  bisa  melakukan  penyewaan  yang mereka  inginkan.  Customer  cukup  untuk melakukan aktivitas penyewaannya memalui  website.  Saat  ini,  sistem penulisan jadwal penyewaan studio band A45  Sumedang  masih  disampaikan dalam  bentuk  papan  informasi  dan seluruh kegiatan penyewaan yang dilakukan masih secara manual.
Setiap  orang  yang  ingin  menyewa studio  band  A45  harus  datang  langsung, sehingga  orang-orang  yang  alamatnya jauh  pasti  akan  mengalami  kesulitan tersendiri dalam mengatur waktu terlebih lagi  apabila  orang/pemain  band  tersebut memiliki kesibukan yang padat.
Berdasarkan permasalahan tersebut, maka pada paper ini membahas mengenai  aplikasi  penyewaan  studio band A45 Sumedang berbasis web.

## 1.2 Identifikasi Masalah
Berdasarkan  uraian  di  atas,  maka
dapat diidentifikasi permasalahannya sebagai berikut :
1) Sistem  reservasi  penyewaan  studio band  di  A45  masih  dilakukan  secara manual.
2) Sistem  penulisan  informasi  jadwal sewa masih dilakukan secara manual.
3) Sulitnya  mengetahui  ketersediaan  studio yang bisa disewa di studio band A45.

## 1.3 Tujuan
Tujuan  dari  pembangunan  aplikasi ini adalah: 1) Mempermudah dalam proses reservasi penyewaan studio A45.
2) Mempermudah  dalam  memberikan informasi  dan  pengelolaan  jadwal penyewaan studio band A45 3) Mempermudah dalam melihat informasi ruang studio yang kosong. 1.4 Ruang Lingkup Adapun ruang lingkup dari pembangunan aplikasi ini adalah sebagai berikut;
1) Aplikasi  ini  dibuat  untuk  orang- orang/pemai band yang membutuhkan ruang studio di area Sumedang.
2) Aplikasi  ini  mengelola  reservasi penyewaan,  pembatalan  reservasi  dan informasi  jadwal    sewa  Studio  Band A45 Sumedang secara online.

## 2. LANDASAN TEORI
2.1 Data Flow Diagram Context Diagram
merupakan tingkatan tertinggi dalam diagram aliran data  dan  hanya  memuat  satu  proses, menunjukkan sistem secara keseluruhan. Proses tersebut diberi nomor nol. Semua entitas  eksternal  yang  ditunjukkan  pada diagram  konteks  berikut  aliran  data- aliran  data  utama  menuju  dan  dari sistem.
Data  Flow  Diagram merupakan
alat yang digunakan untuk menggambarkan  arus  data  di  dalam sistem dengan terstruktur dan jelas. DFD ini dapat terdiri dari entitas luar dan data stor e  yang  dihubungkan  dengan  panah. Proses  dalam  DFD  ini  digambarkan dengan sebuah lingkaran dan aliran data digambarkan dengan garis yang bertanda panah.  DFD  ini  adalah  salah  satu  alat pembuatan model yang sering digunakan, khususnya bila fungsi-fungsi sistem  merupakan  bagian  yang  lebih penting  dan  kompleks  dari  pada  data yang dimanipulasi oleh sistem.[3,4]
Kamus data adalah suatu daftar data elemen yang terorganisir dengan definisi yang  tetap  dan  sesuai  dengan  sistem, sehingga user dan analis sistem
mempunyai pengertian yang sama tentang input , output dan komponen data store. Pembentukan kamus data didasarkan  pada  alur  data  yang  terdapat pada  DFD  alur  data  pada  DFD  bersifat global.

## 2.2 Basis Data
Basis  data  merupakan  kumpulan beberapa  tabel  yang  berisi  data  yang saling  berhubungan.  Hubungan  biasanya ditunjukan  dengan  kunci  dari  tiap  file yang ada. Penyusunan basis data meliputi proses  memasukkan  data  ke  dalam penyimpanan  data  dan  diatur  dengan menggunakan perangkat Sistem Manajemen Basis Data (Database Management System) .[5] MySQL ( My Structure Query
Language )  merupakan  database  yang sangat  kuat  dan  cukup  stabil  untuk digunakan  sebagai  media  penyimpanan data.  Oleh  karena  itu,  database  ini merupakan  database  yang  paling  banyak digunakan untuk mengolah database.[6]

## 2.3 Bahasa Pemrograman PHP
PHP adalah bahasa server-side scripting  yang  menyatu  dengan  HTML untuk  membuat  halaman  web  yang dinamis [1]. Server-side scripting merupakan  sintaks  dan  perintah-perintah yang diberikan akan sepenuhnya dijalankan  di  server  tetapi  disertakan pada dokumen HTML. HTML (Hypertext Markup Languange) merupakan  salah  satu  format  yang digunakan  dalam  pembuatan  dokumen dan  aplikasi  yang  berjalan  di  halaman web [2] .Dasar-dasar HTML yaitu HTTP (Hypertext Transfer Protocol) merupakan protokol yang digunakan untuk mentransfer  data  antara  web  server  ke web  browser  Protokol  ini  mentransfer dokumen-dokumen  yang  ditulis  atau berformat HTML
3 ANALISIS DAN

## PERANCANGAN

## 3.1 Analisis sistem yang berjalan
Flowmap  adalah  penggambaran secara grafik dari langkah – langkah dan urutan  prosedur  dari  suatu  program. Flowmap
digunakan untuk mendefinisikan  hubungan  antara  bagian (pelaku proses), proses (manual/berbasis komputer) dan aliran data (dalam bentuk dokumen keluaran dan masukan).

## Flowmap Penyewaan Studio A45 sekarang
Pemilik Studio Pelanggan P h a se Mulai Datang Ke studio Memesan Studio Selesai Jadi sewa ? Hapus data di buku adminitrasi Input data penyewaan Buku adminitrasi Input jadwal sewa Papan informasi Ya Tidak Hapus data di papan informasi
Gambar 1. Prosedur penyewaan studio band A45 yang sedang berjalan:
Proses  yang  terjadi  dalam  Flowmap dapat dijelaskan sebagai berikut:
1) Calon  penyewa  datang  langsung  ke studio A45.
2) Calon  penyewa  memesan  studio band sesuai waktu yang diinginkan.
3) Calon  penyewa  membayar  uang muka/DP  sesuai  dengan  ketentuan yang  berlaku  serta  menyerahkan identitas berupa nama.
4) Petugas  studio  melakukan  input identitas  berupa  nama  ke  papan informasi.

## Tabel 1.  Dokumen Papan Informasi
Papan Informasi Dibuat oleh :  Petugas Studio Ditunjukkan untuk :  Calon Penyewa Isi : No. , Waktu (Hari,Tanggal,Jam), Identitas (Nama) Penyewa, Keterangan Tujuan : Sebagai media penyampaian informasi tentang  daftar  penyewaan Studio band. Frekuensi : Selama Studio band dibuka.

## 3.2 Analisis Sistem Yang Dibangun
Prosedur sistem yang akan dibangun pada  pembangunan  sistem  informasi berbasis web adalah:
Gambar 2. Prosedur Penyewaan Studio band A45 yang akan dibangun
Proses  yang  terjadi  dalam  Flowmap dapat dijelaskan sebagai berikut:
1) Calon penyewa mengunjungi website  penyewaan  studio  band A45. 2) Calon penyewa melakukan
penyewaan  dengan  mengisi  form registrasi penyewaan secara lengkap dan benar untuk kemudian di upload dan  diterima  oleh  Operator  yang kemudian secara otomatis data telah masuk ke menu jadwal.
3) Calon  penyewa  membayar  DP sebesar 50%, dan mengupload bukti pembayaran ke website.
4) Apabila  data  yang  dimasukkan  ke dalam  form  registrasi  telah  lengkap dan  benar,  Calon  Penyewa  dapat melihat data yang telah dimasukkan pada menu jadwal.
5) Apabila  data  yang  dimasukkan  ke dalam form registrasi tidak lengkap,
akan muncul message :  “ Form Error” dan  Calon  Penyewa  harus melakukan  pengisian  ulang  pada form registrasi. 6) Calon  Penyewa  datang  ke  A45  30
Menit  sebelum  waktu  penyewaan studio band untuk dilakukan
konfirmasi lagi oleh operator kepada calon penyewa.
7) Petugas  Studio/operator  mengecek
dan memeriksa calon penyewa. 3.2.1 Analisis Kebutuhan Aplikasi
Analisis
kebutuhan aplikasi
menjelaskan  tentang  kondisi  yang  harus dipenuhi  oleh  aplikasi  sesuai  dengan spesifikasi  yang  diinginkan  oleh  user, meliputi  kebutuhan  aplikasi  atau  proses pengolahan  data  untuk  menghasilkan informasi tersebut
Analisis  kebutuhan  aplikasi  yang dibangun yaitu sebagai berikut:
1) Login Administrator, berfungsi untuk  pengecekan  fungsi  aplikasi dan penambahan operator. 2) Login  Operator,  berfungsi  untuk pengolahan data.
3) Kelola  Penyewaan,  berfungsi  untuk mengolah  data  penyewaan  oleh
operator A45. 4) Kelola  Form  Registrasi,  berfungsi untuk mengelola Formulir Registrasi oleh operator A45. 5) Kelola  Waktu,  berfungsi  untuk mengelola pembagian waktu pemakaian  studio  oleh  operator A45. 6) Input, berfungsi untuk menambahkan data ke dalam database  melalui  form  yang  telah disediakan oleh operator. 7) Edit,  berfungsi  untuk  melakukan edit  data  pada  database  oleh operator.
8) Delete,  berfungsi  untuk  melakukan penghapusan  data  dalam  database oleh operator.
3.2.2 Analisis  Kebutuhan  Perangkat Lunak dan Perangkat Keras Administrator 1) SOFTWARE - Operating System   : Windows 10 - Development Tools : HTML (Hypertext Markup Language) - DBMS : MySQL - Bahasa Pemrograman : PHP, HTML - Web Server : Apache - Script Editor : Notepad ++ /  Sublime - Web Browser : Google Chrome 2) HARDWARE
- Laptop atau PC
Pengguna : Calon Penyewa 1) SOFTWARE - Web Browser : Semua Web Browser
2) HARDWARE
- Laptop atau PC atau Smartphone

## 3.3 Perancangan
Perancangan yang dilakukan setelah analisis  dimana  bagian  ini  menentukan gambaran  sebuah  aplikasi  yang  nantinya akan dibuat.

## 3.3.1 Data Flow Diagram

## 1. Context Diagram
Gambar 3. Context Diagram Sistem Penyewaan Studio

## 2. Data Flow Diagram
Gambar 4 Data Flow Diagram Level 0

## 3.3.2 Spesifiasi  proses  Data  Flow Diagram
Tabel  2.  Spesifikasi  Proses  Level  0 Login No Proses : 1 Nama proses : Login Deskripsi : Login Penyewa Source User Tabel data hasil yang telah di kelola Halaman Login Penyewa Tabel 3. Spesifikasi Proses DFD Level 0 Data Laporan Penyewaan No Proses   : 2 Nama proses : Kelola Data Pendapatan Deskripsi  : Kelola Data Laporan Penyewaan Studio Source Penyewaan Tabel data hasil yang telah di kelola Halaman Data Penyewaan Tabel 4. Spesifikasi Proses DFD Level 0 Kelola Data Studio No Proses : 3 Nama proses : Kelola Data Studio Deskripsi : Mengelola Data Studio Source Studio Tabel data hasil yang telah di kelola Halaman Data Studio Tabel  5.Spesifikasi  Proses  DFD  Level  0 Kelola Data Penyewaan No Proses : 4 Nama proses : Kelola Data Penyewaan Deskripsi : Konfirmasi Data Penyewaan Source Penyewaan Tabel data hasil yang telah di kelola Kelola Data Penyewaan

## 3.3.3 Kamus Data (Data Dictionary)
Kamus  Data  adalah  daftar  tentang semua  elemen  data  yang  berhubungan dengan  sistem  dan  terdefinisi  dengan tepat  sehingga  user  dengan  sistem analisis menpunyai pengertian yang sama tentang input dan output.
Tabel 6. kamus alir data User Deskripsi Menyatakan data user Strukur data user={#kd_user+username+p assword+status } Penyewaan Deskripsi Menyatakan data penyewaan Struktur data penyewaanr={# kd_band+ nm_band+ tgl_sewa + jam_masuk+jam_keluar+stat us_penyewaan} Booking Deskripsi Menyatakan data pembookingan Struktur data Pesan={# id_status+nama_status} Harga Deskripsi Menyatakan data harga kamar Struktur data Harga=(#id_harga+waktu_pe makaian+harga} Kamus Data Tabel Tabel 7. Deskripsi tabel User Fungsi : Login User Jenis : Tabel user Primary Key : k d _ user
Foreign Key : - Nama Field Tipe Data Length  Deskripsi Kd_user Integer Berisi kode user username  Varchar 15 Berisi Username password  Varchar 15 Berisi password
Tabel 8. Deskripsi tabel Penyewaan Fungsi : Menyimpan data Penyewaan Jenis : Tabel Penyewaan Primary Key : kd_band Foreign Key : - Nama Field Tipe Data Length Deskripsi kd_band Integer Berisi Kode Penyewaan nm_band Varchar 20 Berisi nama band tgl_sewa Varchar 100 Berisi tanggal penyewaan jam_masuk  Varchar 8 Berisi waktu(jam) mulai penyewaan Studio jam_keluar  Varchar 8 Berisi waktu(jam) akhir dari penyewaan Studio Studio Varchar 10 Berisi ruangan studio yang akan disewa Status Varchar 10 Berisi status penyewaan studio Tabel 9. Deskripsi tabel Harga Fungsi : Informasi Harga Jenis : Tabel Harga Primary Key : id_harga Foreign Key : - Nama Field Tipe Data Length Deskripsi id_harga Integer Berisi id(kode) harga Waktu_ emakaian  Varchar 10 Berisi waktu pemakaian studio (Pagi;Siang;Malam) Harga Integer Berisi tarif harga studio
Tabel 10. Deskripsi tabel Pembatalan Fungsi
: Membatalankan jadwal penyewaan
Jenis
: Tabel Pembatalan
Primary Key : kd_band
Foreign Key : -
Nama Field Tipe Data Length Deskripsi kd_band Inte- ger Berisi Kode Penyewaan nm_band Var- char 20 Berisi nama band tgl_sewa Var- char 100 Berisi tanggal penyewaan jam_ masuk Var- char 8 Berisi waktu(jam) mulai penyewaan Studio jam_ keluar Varc- har 8 Berisi waktu(jam) akhir dari penyewaan Studio Studio enum Berisi ruangan studio yang akan disewa Status Varc- har 10 Berisi status penyewaan studio 3.3.4 Conceptual  dan  Physical  Data
Modelling
1. Conceptual Data Model
Gambar 5. Conceptual Data Model

## 2. Physical Data Modelling
Gambar 6. Physical Data Modelling 4 IMPLEMENTASI
Berdasarkan hasil perancangan
aplikasi  yang  telah  di  buat  maka dihasilkan  implementasi  antar  muka sebagai berikut:
1. Halaman User/ Calon Penyewa Halaman  ini  merupakan  halaman user utama  dari  aplikasi  ini,  yang  memiliki menu-menu antara lain:
a) Home ,  merupakan  halaman  awal berisi konten beranda.
b) Studio,  merupakan  halaman  yang menanmpilkan informasi tentang studio dan tarif harga per jamnya. c) Penyewaan, merupakan halaman yang menampilkan form input untuk melakukan penyewaan studio band. d) Jadwal,  merupakan  halaman  yang menampilkan jadwal penyewaan studio  band  sekaligus  halaman  untuk mengecek waktu ketersediaan penyewaan studio. e) Contact, merupakan  halaman  yang menampilkan  informasi  tambahan mengenai studio A45. f) Login, merupakan  halaman  untuk login  (hanya  untuk  Pemilik  dan pemilik).

## 2. Halaman Admin
Halaman  ini  merupakan  halaman Admin setelah melakukan login dari aplikasi ini, yang memiliki menu-menu antara lain:
a) Home , merupakan halaman awal.
b) Jadwal,  merupakan  halaman  yang menampilkan jadwal penyewaan
studio band
c) Kelola  Studio,  merupakan  halaman yang  menampilkan  tempat  untuk mengedit data harga sewa studio
d) Kelola  Jadwal,  merupakan  halaman yang  menampilkan  tempat  untuk mengedit, membackup atau melakukan pembatalan
data penyewaan.
e) Logout ,  merupakan  halaman  untuk Admin untuk logout (keluar ) dari halaman Pemilik.

## 3. Halaman Pemilik
Halaman ini merupakan halaman Pemilik setelah melakukan login dari aplikasi ini, yang memiliki menu-menu antara lain:
a) Home , merupakan halaman awal
b) Laporan,  merupakan  halaman  yang menampilkan jadwal pemakaian studio.
c) Logout ,  merupakan  halaman  untuk
Pemilik  untuk logout dari  halaman Pemilik .

## Tampilan Antarmuka
1. Halaman Utama
Gambar 7. Halaman Utama

## 2. Halaman Penyewaan
Gambar 8. Halaman Penyewaan
3. Halaman Jadwal
Gambar 9. Halaman Jadwal

## 4. Halaman Login
Gambar 10. Halaman Login
5. Laporan Keseluruhan (Admin)
Gambar 11. Halaman Laporan keseluruhan pada Login Pemilik

## 6. Halaman Jadwal (Admin)

## Gambar 12. Halaman Jadwal pada Login Admin

## 7. Halaman Kelola Studio

## Gambar 13. Halaman Kelola Studio pada Login Admin

## 8. Halaman Kelola Jadwal (Admin)

## Gambar 14. Halaman Kelola Jadwal pada Login Admin
9. Halaman  Laporan  Keseluruhan (Admin)
Gambar 15. Halaman Laporan keseluruhan pada Login Admin 4 KESIMPULAN Berdasarkan hasil pembuatan aplikasi  penyewaan  studio  band  A45 berbasis web, dapat diambil disimpulkan sebagai berikut: 1) Data  yang  ada  dalam  website  ini menerangkan tentang informasi penyewaan  studio  band  secara  online di A45. 2) Aplikasi  ini  dapat  digunakan  oleh calon  penyewa  untuk  melakukan reservasi  sewa  studio  band  A45 secara online.
3) Apliksai  ini  dapat  mempermudah pihak  A45  untuk  mengelola  data penyewaan studio band.

## DAFTAR PUSTAKA
[1] Hakim Lukmanul.2009. Membongkar Trik  Rahasia  Para  MASTER  PHP.
Jakarta : Buku Lokomedia
[2]  Saerang, Jerry  Peter.  XAMPP  Paket Apache,  PHP,  dan  MySQL  Instant, (Online),( http://www.ruangkecil.or.i d/experimental-work/xampppaket- apache-php-dan-mysql-instant/ ).
[3] http://www.academia.edu/3236937/
Diagra m_Konteks_dan_Data_Flow_Diagra m_DFD  diakses  pada  30  November 2016 / 20:12 p.m [4]  Ladjamudin, Al-Bahra. 2010. Analisis Dan Desain Sistem Informasi. Yogyakarta : Graha Ilmu.
[5]  Fathansyah,  Ir.  1999. Basis  Data. Bandung : Infomatika Bandung.
[7]  Peranginangin, Kasiman. 2006.
Aplikasi  Web  dengan  PHP  dan MySQL. Yogyakarta : Andi.
[8]   Purbo,  Onno  W  dan  Sembiring,
Akhmad  D.  2000. Buku  Pintar
Internet  Apache  Web  Server. Jakarta : Elex Media Komputindo.