Sistem Aplikasi Layanan Menyewa Tempat d (1)
ABSTRAK
Sistem Aplikasi Layanan Menyewa Tempat di M2M Indonesian FastFood berbasis Web
(Studi kasus di M2M Indonesian FastFood cabang Pilang - Wonoayu)
Nama Mahasiswi
: Khilyatun Nisa’
NIM
: 111080200056
Pembimbing
: Yulian Findawati, ST, M.MT
Dewasa ini bisa dilihat bahwa persaingan dunia bisnis semakin ketat, maka dengan begitu dibutukan
sumber daya yang mumpuni baik dari segi sumber daya manusia maupun teknologi agar bisnis yang
dijalankan bisa bisa berjalan dengan baik bahkan bisa berkembang pesat. Di era teknologi yang semakin
canggih seperti sekarang ikut memberi pengaruh pada dunia bisnis, seperti model hubungan transaksi
dengan klien atau konsumen yang dulu dilakukan dengan cara manual sekarang menjadi serba via online
atau mobile. Sehingga proses transaksi dalam dunia bisnis sekarang menjadi lebih praktis dan efisien.
Sistem Aplikasi Layanan Menyewa Tempat di M2M Indonesian FastFood berbasis Web (Studi kasus
di M2M Indonesian FastFood cabang Pilang - Wonoayu) ini merupakan karya program sistem aplikasi
berbasis web yang buat oleh penulis yang terinspirasi oleh perkembangan dunia teknologi pada dunia bisnis
seperti bisnis restoran. Sistem aplikasi ini dibuat dengan menggunakan bahsa PHP dan MySQL, karena PHP
adalah bahasa pemrograman berbasis web yang terbukti sangat mudah penggunaanya dan mempunya
dukungan yang kuat yaitu kemampuan dari PHP untuk terintregrasi dengan berbagai macam jenis database
sehingga memudahkan penulis dalam membuat program berbasis web ini.
Sistem aplikasi yang dibuat ini terbukti memberi kemudahan pada kedua belah pihak pengguna
sistem aplikasi ini yaitu konsumen dan admin selaku administrator restoran yang mana dulu transaksinya
dengan konsumen menggunakan media manual yaitu telepon sekarang bisa via online dimana saja dan
kapan saja, sedangkan bagi admin yaitu yang mana pendataan dulu lakukan dengan buku sekarang dengan
sistem terkomputerisasi karena semua data transaksi dengan konsumen akan masuk pada database
administrator pada sistem apikasi yang dibuat ini.
Kata Kunci : Sistem Aplikasi Layanan Menyewa Tempat, Berbasis Web.
paket makanan yang ingin dipesan sehinggah
JURNAL
keadaan seperti ini ini dirasa kurang efektif dan
efisien bagi konsumen. Melihat hal ini membuat
BAB 1 PENDAHULUAN
penulis berinisiatif untuk menjadikan satu titik
1.1 Latar Belakang
permasalahan yang ada di M2M Indonesian
Madinta Madani atau yang lebih dikenal
dengan nama M2M Indonesian
FastFood
FastFood ini sebagai bahan untuk membuat
penelitian skripsi.
adalah rumah makan siap saji 100% Indonesia.
Dihati
Dari gagasan yang telah dikemukakan
besar
diatas maka penulis bermaksud untuk
“Semakin dikenal dan dicintai masyarakat
membuat aplikasi layanan untuk menyewa
Indonesia”.
tempat
M2M
mengusung
Indonesia”
tema
dengan
Selain
“Semakin
sebuah
harapan
menyediakan
berbagai
macam pilihan menu makanan ayam cepat saji
dengan
harga
yang
terjangkau,
M2M
INDONESIAN FASTFOOD juga menyediakan
layanan sewa tempat yang dapat disewakan
untuk berbagai macam keperluan seperti pesta,
acara keluarga, maupun meeting perusahaan.
Yang pertama adalah acara Non formal adalah
acara yang bernuansa kekeluargaan seperti
makan – makan bersama, buka puasa bersama
di M2M
Indonesian
FastFood
dengan berbasis WEB. dengan dibuatnya
Sistem aplikasi layanan tempat di M2M
Indonesian FastFood dengan berbasis WEB
oleh
penulis
memberikan
ini
diharapkan
kemudahan
dalam
dapat
proses
pelayanan penyewaan tempat bagi para
calon penyewa di restoran M2M Indonesian
FastFood.
1.2 Rumusan Masalah
maupun acara – acara santai lainnya dikenakan
biaya Rp.30.000 per jamnya. Selanjutnya adalah
acara Formal, adalah seperti pesta ulang tahun,
acara yang bertema perusahaan yang ingin
melakukan meeting dengan tujuan bisnis seperti
demo atau promo produk serta acara bertema
edukasi seperti cooking class dari sebuah
sekolah ini dikenakan biaya Rp.50.000 per
jamnya.
Namun proses pelayanan penyewaan
tempat di M2M INDONESIAN FASTFOOD
yang selama ini masih berlangsung manual
dengan menggunakan metode manual yaitu
menggunakan media telepon dan konsumen
juga tidak bisa melihat secara langsung daftar
Berdasarkan latar belakang tersebut, masalah
pembuatan Sistem Aplikasi Layanan Menyewa
Tempat di M2M Indonesian FastFood berbasis
Web ( Studi kasus di M2M Indonesian
FastFood cabang Pilang - Wonoayu) dapat
dirumuskan sebagai berikut :
1. Bagaimana
cara
membuat
sistem
aplikasi layanan menyewa tempat di
M2M
Indonesian
berbasis web ?
FastFood
dengan
1.5
1.3 Batasan Masalah
Dalam pembuatan Sistem Aplikasi Layanan
Menyewa Tempat berbasis Web (Studi Kasus di
M2M Indonesian FastFood cabang Pilang wonoayu) terdapat beberapa batasan masalah
yang diantaranya :
Manfaat Penelitian
1.5.1 Bagi Peneliti
Peneliti dapat mengaplikasikan ilmu
yang selama ini telah didapat dari
masa perkuliahan untuk menambah
wawasan peneliti dengan pembuatan
1. Sistem aplikasi ini hanya digunakan untuk
sebuah program Aplikasi Layanan
sarana proses penyewaan tempat di M2M
Menyewa tempat di M2M Indonesian
Indonesian FastFood cabang Pilang -
FastFood
wonoayu yang disertai dengan pemesanan
wonoayuyang
paket makanan.
pengalaman bagi peneliti.
cabang
desa
dapat
pilang
-
memberikan
2. Aplikasi ini merupakan aplikasi yang
1.5.2 Bagi Tempat Penelitian
dibangun dengan berbasis web.
3. Aplikasi ini bekerja mulai dari pemesanan
Mempermudah
dalam
proses
paket menu makanan hingga pengiriman
pelayanan penyewaan bagi para calon
data diri konsumen atau penyewa yang
penyewa
mana dilakukan secara online hingga data
Indonesian FastFood cabang Desa
transaksi konsumen tersebut masuk pada
Pilang - Wonoayu .
menu
data
konsumen
yang
tempat
pada
M2M
berada
1.5.3 Bagi Universitas
dibawah pengelolahan pihak admin.
M2M
Sebagai wawasan bagi mahasiswa –
Indonesian FastFood ialah offline yaitu
mahasiswa di masa yang akan datang.
4. Sistem
pembayaran
sewa
di
langsung bayar di kasir dihari pelaksanaan
pada
penyewa
tersebut
menentukan
tanggal penyewaan
1.6 Sistematika Penulisan
Skripsi ini ditulis dan disusun secara
sistematis dengan susunan sebagai berikut:
1.4 Tujuan Penelitian
Membuat sebuah sistem aplikasi yang dapat
menunjang
kemudahan
dalam
proses
penyewaan tempat yang ada di M2M
Indonesian FastFood cabang desa pilang –
wonoayu.
BAB I : PENDAHULUAN
Menjelaskan
belakang
tentang
masalah,
latar
rumusan
masalah, batasan masalah, tujuan
penelitian,
penelitian,serta
penulisan.
manfaat
sistematika
BAB II : TINJAUAN PUSTAKA
Bab
ini
membahas
m2m
Indonesian
fastfood,
cabang pilang – wonoayu.
tentang
penelitian terdahulu serta konsep
– konsep dan toeri – teori yang
digunakan dalam penyelesaian
BAB II
skripsi.
KAJIAN PUSTAKA DAN LANDASAN
BAB III : METODOLOGI PENELITIAN
TEORI
Berisi
mengenai
umum
waktu
gambaran
dan
tempat
penelitian, alat dan bahan yang
2.1 Penelitian Terdahulu
digunakan, kerangka penelitian,
teknik
teknik
pengumpulan
analisis,
perancangan
aplikasi, DFD,Class diagram,
Diagram
Relasi
activity,
tabel,
Tabel 2.1 Tabel Perbandingan
data,
Nama
No
database,
perancangan
Pengar
Meto
Judul
de
ang
1.
Hasil
Siti
Perancangan
Data
struktur menu, dan perancangan
Kopsah
Sistem
administrasi
interface.
(2012)
Informasi
Penyewaan
BAB IV : HASIL DAN PEMBAHASAN
Berisi
tentang
konsumen
-
pengujian,
tampilan interface dari tiap
menu – menu yang terdapat
yang
Gedung dan
melakukan
kamar di
sewa gedung
Monumen
atau kamar di
Diponegoro
Monumen
Yogyakarta
diponegoro
pada program sistem aplikasi
Yogyakarta.
yang dibuat oleh penulis yang
Penelitian yang dilakukan oleh siti
mana disertai dengan deskripsi
masing – masing fungsinya .
BAB V : PENUTUP
Bab ini berisi kesimpulan dan
saran dari keseluruhan proses dan
Kopsah bertujuan untuk membuat Perancangan
Sistem Informasi Penyewaan Gedung dan
kamar yang bertujuan untuk memudahkan
adminitrasi Monumen Diponegoro Yogyakarta
yang
selalu
manajemen
hasil pembuatan sistem aplikasi
layanan menyewa tempat pada
pembuatannya
dapat
yang
dipantau
mana
oleh
pada
menggunakan
pihak
proses
tidak
menggunakan suatu metode khusus . Sistem
informasi
yang dibuat
oleh Siti Kopsah
memiliki keunggulan yang sama dengan tujuan
pemesanan paket makanan guna mengadakan
suatu acara.
dibuatnyan Sistem Informasi tersebut yaitu
untuk
mempermudah
proses
pendataan
administrasi penyewaan gedung dan kamar agar
mudah
dipantau
oleh
pihak
manajemen.
Kelemahan pada sistem informasi yang dibuat
2.2 Sejarah Perusahaan
M2M Indonesian Fastfod merupakan
sebuah restoran ayam cepat saji yang berdiri
pada bulan Desember tahun 2011.
oleh siti Kopsah ialah program tersebut hanya
bisa
untuk
memantau
sistem
adminitrasi
monument diponegoro.
Penelitian yang dilakukan saat
ini
mengadaptasi dari penelitian yang dilakukan
oleh Siti Kopsah. Tidak ada metode khusus
yang digunakan untuk melakukan penelitan saat
Gambar 2.2 Logo Restaurant m2m Indonesian
ini yang bertujuan membuat sebuah sistem
Fastfood
aplikasi layanan menyewa tempat berbasis web
yang
memiliki
keunggululan
yaitu
selain
2.3 Aplikasi Web
membuat konsumen bisa mendaftar via online
Pada awalnya aplikasi Web dibangun
secara fleksibel dimana saja dan kapan saja,
hanya dengan menggunakan bahasa yang
juga memudahkan konsumen untuk melihat dan
disebut Hypertext Markup Language (HTML)
memilih secara langsung daftar paket menu
dan protocol yang digunakan disebut Hypertext
makanan yang ingin dipesan. Sistem aplikasi ini
Transfer Protokol (HTTP). Pada perkembangan
menghasilkan informasi data konsumen dan
berikutnya,
data komentar yang akan masuk pada halaman
dikembangkan untuk memperluas kemampuan
administrator admin.
HTML.
sejumlah
skrip
dan
Persamaan pada penelitian terdahulu
dengan penelitian yang saat ini sedang dibuat
yaitu sama bertujuan untuk mempermudah
perusahaan
dalam
transaksi
bisnis
perusahaannya. Dan memiliki perbedaan yaitu
penelitian terdahulu yang dilakukan oleh Siti
Kopsah program system informasi digunakan
untuk pendataan sewa gedung dan kamar,
sedangkan penelitan yang saat ini dilakukan
ialah program system aplikasinya digunakan
untuk proses sewa tempat restoran serta
Gambar 2.3 Arsitektur aplikasi Web
objek
dengan yang disimpan saat
itu
2.4 Hypertext Prepocessor (PHP)
Panjangnya 1 – 255
PHP adalah bahasa pemrograman web
yang akhir – akhir ini banyak digunakan.
karakter
BLOB
Teks dengan panjang
Sebuah website dinamis dapat dibuat Dengan
PHP yang mana datanya dikoneksikan ke
maksimum 65535 karakter
LONGBLOB
Teks dengan panjang
database (M. Rudyanto Arief, 2011).
maksimum 294967295
karakter
2.5 MySQL
My
Structured
Query
Language
(MySQL) merupakan server basis data yang
menggunakan
teknik
ralasional
untuk
2.6 Database ( Basis Data )
Menurut Gordon C. Everest, Database
adalah koleksi atau
kumpulan data yang
menghubungkan antara tabel – tabel dalam basis
mekanis, terbagi atau shared, terdefinisi
data.
secara formal dan dikontrol terpusat pada
Berikut ini tabel struktur data yang
sering dipakai pada MySQL :
Tabel 2.4 Tabel Jenis – Jenis Tipe Data
Tipe Data
INT
Keterangan
organisasi.
1.7 Pengertian Diagram Activity
Menurut Satzinger et al (2010:141),
Activity diagram merupakan sebuah tipe
Angka
dari
-214783648 s/d
menggambarkan
2147483647
pengguna ketika melakukan setiap kegiatan
FLOAT
Angka Pecahan
dan aliran sekuensial. Berikut simbol –
DATE
Tanggal
sombol dalam pembuatan diagram activity.
Format : YYYY-MM-DD
(Sumber
Tanggal dan Waktu
Ph.D.(2007:437)).
DATETIME
diagram
:
workflow
tentang
Jogiyanto
aktivitas
Hartono,
yang
dari
MBA,
Format : YYYY-MM-DD
HH:MM:SS
CHAR
String dengan panjang
tetap sesuai dengan yang
ditentukan, panjangnya
Panjangnya 1 – 255
karakter
VARCHAR
String dengan panjang
yang berubah –ubah sesuai
Gambar 2.5 Simbol – simbol dalam diagram
activity
BAB III
1.8 Data Flow Diagram (DFD)
Definisi Data Flow Diagram (DFD) menurut
METODOLOGI PENELITIAN
Kristanto. 2003 adalah suatu model logika data
atau proses yang dibuat untuk menggambarkan
dari mana asal data dan kemana tujuan data
3.1 Lokasi dan Waktu Penelitian
yang dikeluarkan dari sistem, dimana data
Penelitian
disimpan, proses apa yangdiknakan pada data
INDONESIAN
tersebut.
Pilang,
Pengertian Data Flow Diagram (DFD)
menurut Jogiyanto Hartono, 2005-701 adalah
ini
dilakukan
FASTFOOD
kecamatan
di
M2M
cabang
Desa
wonoayu.
Kegiatan
penelitian dimulai pada bulan November 2014
hingga selesai.
diagram yang menggunakan notasi symbol
untuk menggambarkan arus data sistem. Dan
berikut dibwah ini merupakan simbol – simbol
dalam Data Flow Diagram (DFD) .(Sumber :
3.2 Alat dan Bahan Penelitian
Adapun alat dan bahan yang akan
digunakan dalam penelitian ini adalah sebagai
Jogiyanto Hartono, MBA, Ph.D.(2004:754) )
berikut :
A. Bahan Penelitian
1. Data - data yang didapatkan dari M2M
INDONESIAN FASTFOOD yaitu berupa
informasi yang berisi alur transkasi sewa
yang
biasa
dilakukan
di
M2M
INDONESIAN FASTFOOD cabang Desa
pilang
ini,
dan
juga
informasi
nilai
admitrasi penyewaannya yang ditetapkan
berdasarkan perjamnya .
Gambar 2.6 Simbol – Simbol DFD
B. Alat Penelitian
Alat
yang
digunakan
dalam
penelitian ini adalah sebagai berikut
:
1. Perangkat Keras ( Hardware )
terdiri dari :
a. Laptop
b. Modem
2. Perangkat lunak ( Software )
terdiri dari :
a. Microsoft Office Word
b. Adobe Dreamweaver
c. Adobe Photoshop
d. Axampp
e. Microsoft Visio
f. Power Design
3.3 Kerangka Penelitian
Gambar 3.3 Analisis Proses Bisnis baru
3.4 Teknik Pengumpulan Data
Adapun beberapa teknik yang digunakan
antara lain :
1. Wawancara (Interviev)
Gambar 3.1 Kerangka Penelitian
2. Browsing Internet
3. Buku Panduan
3.5 Teknik Analisis
Dalam proses pembuatan aplikasi ini
terlebih dahulu penulis melakukan beberapa
analisis yaitu :
3.5.1 Analisis Permasalahan
Permasalahan pokok pada M2M
INDONESIAN FASTFOOD Desa pilang,
wonoayu khususnya pada pelayanan
Gambar 3.2 Analisis proses bisnis lama
sewa tempat adalah sistem transaksinya
yang selama ini dilakukan secara manual
yaitu media telepon dan calon penyewa
harus datang secara langsung bila ingin
melakukan registrasi untuk menyewa
tempat di restoran tersebut. Sistem
manual tersebut membawa dampak yang
dirasa kurang bagus bagi kelangsungan
bisnis
restoran
tersebut.Transaksi
menjadi
cepat
saji
pelayanan
kurang
sewa
efektif.Adanya
permasalahan tersebut membuat mutu
pelayanan
di
M2M
INDONESIAN
Gambar 3.4 Perancangan Sistem Aplikasi
FASTFOOD sebagai restoran cepat saji
menjadi kurang efektif dan efesien.
3.7 Class diagram
3.5.2 Analisis Kebutuhan
Merubah sistem manual menjadi
sistem
komputerisasi
yang
dibuat
dengan program aplikasi yang user
friendly sehingga memudahkan dalam
pengoperasian aplikasi program. Dengan
program itu diharapkan aktivitas seperti
penyewaan tempat tidak perlu lagi
dilakukan
secara
manual
karena
penyewa bisa melakukan registrasi sewa
tempat melalui media web yang bisa
lakukan dari jarak jauh dimana saja dan
Tabel 3.5 Tabel Class diagram
kapan saja.
3.8 Diagram Activity
Dari analisis kebutuhan yang
dibuat diharapkan dapat menyelesaikan
permasalahan yang ada, sehingga dapat
Dan dibawah ini merupakan gambaran
diagram activity admin dan penyewa.
mencapai tujuan perusahaan untuk lebih
meningkatkan kualitas mutu pelayanan.
3.6 Perancangan Sistem Aplikasi
Dan
prinsip
kerja
Sistem
Aplikasi
Layanan Menyewa Tempat di M2M Indonesian
FastFood berbasis Web ialah sebagai berikut :
Gambar 3.6 Diagram activity penyewa
Gambar 3.7 Diagram activity Admin
3.9 Data Flow Diagram ( DFD )
Berikut Data Flow Diagram ( DFD ) beserta
penjelasannya :
3.9.1 DFD Level 0 (Diagram Konteks)
Gambar 3.8 DFD Level 0 (Diagram Konteks)
DFD LEVEL 1
Gambar 3.9 DFD Level 1
b. Tabel Menu
Adalah tabel untuk menyimpan rincian
detail daftar paket menu makanan yang
3.10 Relasi Tabel
dijual oleh m2m Indonesian fastfood.
Struktur tabelnya dapat dilihat dibawah ini
:
Tabel 3.12 Tabel Menu
Gambar 3.10 Relasi Tabel
c. Tabel Keranjang
Adalah tabel untuk menyimpan rincian
3.11 Perancangan Database
Berikut dibawah ini terdapat beberapa
tabel database yang digunakan pada aplikasi
menyewa tempat di M2M INDONESIAN
daftar paket menu makanan yang dipesan
oleh konsumen m2m Indonesian fastfood.
Struktur tabelnya dapat dilihat dibawah ini
Tabel 3.13 Tabel keranjang
FASTFOOD :
a. Tabel Konsumen
Adalah
tabel
untuk menyimpan data
konsumen yang ingin menyewa restoran di
m2m
Indonesian
fastfood.
Struktur
tabelnya dapat dilihat dibawah ini :
Tabel 3.11 Tabel Pelanggan
d. Tabel tbl_Kontak
Adalah
tabel
untuk menyimpan data
konsumen yang mengirimkan pesan atau
komentarnya kepada m2m Indonesian
fastfood. Struktur tabelnya dapat dilihat
dibawah ini :
Tabel 3.14 Tabel tbl_kontak
e. Tabel tbl_Acara
Adalah tabel untuk menyimpan nominal
tarif
harga perjamnya sewa tempat di
restoran
restoran
m2m
Indonesian
fastfood. Struktur tabelnya dapat dilihat
dibawah ini :
h. Tabel Pesanan
Tabel 3.15 Tabel tbl_acara
Adalah tabel untuk menyimpan data
tanggal pelaksanaan acara yang diinginkan
oleh konsumen restoran m2m Indonesian
fastfood. Struktur tabelnya dapat dilihat
dibawah ini :
f. Tabel tbl_info
Tabel 3.18 Tabel Pesanan
Adalah tabel untuk membuat halaman
info pada layout user konsumen yang
mana berisi petunjuk penggunaan sistem
aplikasi sewa tempat di restoran
m2m
Indonesian fastfood berbasis web ini serta
i. Tabel tbl_user (Admin)
klasifikasi jenis – jenis acara yang bisa
Adalah tabel untuk membuat form login
diselenggarakan
m2m
untuk sang admin restoran restoran m2m
Indonesian fastfood beserta nominal tarif
Indonesian fastfood. Struktur tabelnya
sewa perjamnya . Struktur tabelnya dapat
dapat dilihat dibawah ini :
di
restoran
Tabel 3.19 Tabel tbl_user
dilihat dibawah ini :
Tabel 3.16 Tabel tbl_info
3.12 Perancangan Struktur Menu
3.12.1 Struktur menu user
g. Tabel Detail_pesanan
Adalah
tabel
untuk menyimpan data
kode paket makanan yang dipesan oleh
konsumen
restoran
m2m
Indonesian
fastfood beserta jumlah porsinya. Struktur
tabelnya dapat dilihat dibawah ini :
Tabel 3.17 Tabel Detail_pesanan
Gambar 3.20 Struktur Menu User
3.12.2 Struktur Menu Admin
3.13.2 Design Menu Profile
Pada halaman Profile ini dituliskan
sekilas cerita mengenai sejarah berdirinya
restoran M2M Indonesian fastfood, Makna di
balik nama M2M Indonesian fastfood, dan juga
Gambar 3.21 Struktur Menu admin
fasilitas yang terdapat direstoran tersebut yang
mana disediakan untuk para konsumen restoran
M2M Indonesian fastfood.
3.13 Perancangan Interface
Dibawah
ini
merupakan
rancangan
Home Info
interface dari aplikasi yang dibuat oleh peneliti :
PROFILE
3.13.1 Design
Halaman
utama
Website
BOOKING
CONTACT US
Saat pertama kali konsumen
memasuki website maka ia akan
Madinta madani atau yyang lebih dikenal dengan
sebutan nama m2m Indonesian fasfood adalah
melihat halaman utama web seperti
rumah makan cepat saji 100% Indonesia.
gambar dibawah ini, pada hal ini
menu Home berfungsi untuk kembali
Gambar 3.23 Design Menu Profile
pada halaman utama web ini tiap kali
konsumen selesai masuk pada menu –
3.13.3 Design Menu Info
menu lain yang terdapat pada sistem
aplikasi ini.
Form menu info pada aplikasi ini
bertujuan untuk memberikan informasi
kepada
user
Indonesian
yaitu
Fastfood
konsumen
mengenai
M2M
cara
penggunaan aplikasi menyewa tempat di
M2M Indonesian Fastfood, juga mengenai
klasifikasi tarif acara berdasarkan jenisnya
yang
mana
diselenggarakan
Fastfood.
Gambar 3.22 Design Halaman
utama website
acara
di
tersebut
M2M
bisa
Indonesian
3.13.4.2
Design Form
Keranjang Belanja
Saat
menyentuh
paket
konsumen
menu
makanan
yang ingin dipesan, maka seketika itu
juga nama menu beserta jumlah porsi
Gambar 3.24 Design menu Info
dan harganya akan ditampilkan dalam
keranjang
belanja
seperti
gambar
dibawah ini.
3.13.4
Design Menu Booking
Halaman menu Booking terdapat
beberapa sub menu yang merupakan
tahapan – tahapan yang harus dilalui oleh
konsumen saat melakukan pendaftaran
untuk
menyewa
tempat
di
M2M
Indonesian fastfood.
Gambar 3.26 Design Form Keranjang Belanja
3.13.4.3 Design Form Input Data diri
Setelah mengisi Form Data penyewa,
3.13.4.1
Design
Form
Pilih
Paket Menu Makanan
maka
calon
penyewa
harus
lanjut
mengisi Form Data penyewaan.
Saat ada seorang calon
penyewa
yang
ingin
menyewa
tempat, maka ia harus memilih
menu Booking maka pertama –
tama ia akan masuk ke halaman
pilih paket menu makanan seperti
dibawah ini.
Gambar 3.27 Design Form Input Data Diri
Gambar 3.25 Design Form Pilih Menu
Makanan
3.13.4.4 Design Form Detail Transaksi
Form
menampilkan
ini
berfungsi
untuk
rincian
transaksi
berupa
detail transaksi berupa rincian identitas
konsumen beserta dengan total tarif sewa
tempat
di
restoran
m2m
Indonesian
fastfood beserta dengan detail tarif, jumlah
porsi dari macam – macam paket makanan
yang dipesan.
Gambar 3.30 Design Form Contact Us
13.5
Design Login Admin
Dibawah ini merupakan design login
admin yang nanti akan digunakan oleh admin
untuk mengecek tiap transaksi penyewaan
Gambar 3.28 Design Form Rincian Transaksi
tempat yang diterimanya.
3.13.4.5 Design Form Konfirmasi Transaksi
Sewa Sukses
Form Konfirmasi Transaksi sewa
sukses akan muncul setelah konsumen selesai
masuk pada halaman pilih menu makanan dan
input data diri. Dan berikut tampilan designnya.
Gambar 3.31 Design login admin
3.16
Design Halaman Utama Admin
Gambar 3.29 Design Form Konfirmasi
Transaksi Sewa Sukses
3.14
Design Form Contact Us
Form Contact Us adalah form yang
digunakan
untuk
para
konsumen
guna
mengirimkan sebuah pesan berupa komentar,
kritik, maupun saran kepada pihak M2M
Indonesian fastfood.
Gambar 3.32 Design Halaman Utama Admin
3.17 Design Menu Makanan
3.19
Design Form Tambah Menu
Makanan
Gambar 3.33 Design halaman menu makanan
Gambar 3.35 Design Form Tambah Menu
Makanan
Dalam hal ini selain Daftar paket yang
diinputkan admin akan muncul pada halaman
admin seperti pada gambar diatas, deretan daftar
3.20
Design Menu Data Konsumen
paket makanan tersebut juga akan muncul pada
menu pilih menu makanan yang terdapat layout
utama website (lihat Gambar 3.25) pada
sebagai tahapan pertama konsumen dalam
transaksi menyewa tempat di restoran m2m
Indonesian fastfood.
Gambar 3.36 Design Menu Data Konsumen
3.18
Design Form Update Menu Makanan
Pada
kolom
proses
yang
terdapat
Menu Update berfungsi untuk admin
digambar diatas ada menu detail yang berfungsi
mengedit atau memperbaiki suatu kesalahan
untuk melihat keseluruhan rincian detail data
pada menginput daftar paket menu makanan
kosumen secara lebih lengkap yang mana pada
baik itu berupa nama makanan, harga, maupun
form data konsumen yang dilhat saat mengklik
deskripsi dari paket makanan.
menu detail tersebut juga akan menjadi form
nota transaksi sewa tempat yang nantinya akan
diberikan oleh kasir selaku sebagai admin
kepada konsumen.
Gambar 3.34 Design Form Update Menu
Makanan
3.21
Design Menu Data Komentar
Gambar 3.37 Design Menu Data Komentar
3.22
Nota Transaksi
Gambar 4.1 Tampilan layout utama website
4.2 Form Menu Profile
Dengan mengetahui cerita tentang M2M
Indonesian fastfood diharapkan konsumen bisa
lebih tertarik untuk menjadi pelanggan setia
M2M Indonesian fastfood.
Gambar 3.38 Design Nota
BAB IV
HASIL DAN PEMBAHASAN
Gambar 4.2 Form Menu Profile
4.1 Hasil Penelitian
Saat pertama kali konsumen memasuki
website maka ia akan melihat halaman utama
web atau yang disebut menu Home seperti
gambar dibawah ini.
4.3 Form Menu Info
Berikut ialah tampilan menu info yang
ada pada website M2M Indonesian fastfood.
4.4.2 Halaman Keranjang Belanja
Berikut merupakan tampilan keranjang
belanja yang akan muncul tiap konsumen
menyentuh gambar paket makanan yang ingin
dipesannya.
Gambar 4.3 Form Menu Info
Gambar 4.5 Form Keranjang Belanja
4.4.3
4.4 Form Menu Booking
Halaman menu
Halaman
Input
Data
Diri
Konsumen
Booking terdapat
beberapa sub menu yang merupakan tahapan –
tahapan yang harus dilalui oleh konsumen saat
melakukan pendaftaran untuk menyewa tempat
di M2M Indonesian fastfood.
Setelah selesai memilih paket menu
makanan,
dengan
mengklik
Selesai
yang
terdapat dibawah tabel jumlah porsi makanan.
Maka konsumen akan masuk ke halaman
selanjutnya yaitu form Input.
4.4.1 Halaman Pilih Paket Menu
Makanan
Tahapan Pertama ialah memilih paket
menu makanan yang ingin dipesan. Pada
gambar menu ini konsumen bisa memilih paket
menu makanan yang ingin dipesan sesuai
dengan jumlah porsi yang diinginkan dengan
cara menyentuh gambar paket menu makanan
Gambar 4.6 Form Input Data Diri
Konsumen
yang diinginkan untuk dipesan.
4.5 Form Rincian Transaksi
Setelah selesai mengisi form Input data diri
konsumen, maka konsumen akan masuk ke form
rincian
transaksi.
Berikut
dibawah
ini
merupakan gambar dari form rincian transaksi.
Gambar 4.4 Pilih Menu Makanan
Gambar 4.9 Form Menu Contact Us
4.8 Form Login Admin
Jika username dan password benar, sistem
Gambar 4.7 Form Rincian Transaksi
akan mengarahkan ke halaman utama. Dibawah
ini merupakan tampilan form login admin.
4.6 Form Konfirmasi Transaksi Sewa Sukses
Tampilan konfirmasi transaksi sewa
sukses merupakan tahapan akhir dari proses
sewa tempat yang disertai dengan pemesanan
paket makanan. Berikut tampilan konfirmasi
transaksi sewa sukses
Gambar 4.10 Form Login Admin
Namun jika login username dan password
salah, maka sistem akan memberikan warning
bahwa username dan password salah seperti
gambar dibawah ini.
Gambar 4.8 Tampilan Konfirmasi Transaksi
Sewa Sukses
4.7 Form Menu Contact Us
Gambar 4.11 Tampilan Gagal login
4.9 Form Menu Utama Admin
Dibawah ini merupakan tampilan form
menu contact us.
Pada menu admin terdiri dari halaman
menu, menu data konsumen, menu data
komentar, dan log out. Dan dibawah ini
merupakan tampilan awal yang akan muncul
ketika admin berhasil login.
4.10 .1 Form Menu Update
Menu Update berfungsi untuk
admin
mengedit
atau
memperbaiki
suatu
kesalahan pada mengupload daftar paket menu
makanan baik itu berupa nama makanan, harga,
maupun deskripsi dari paket makanan. Dibawah
ini merupakan tampilan form menu update.
Gambar 4.12 Layout Halaman Utama Admin
4.10 Halaman Data Menu Makanan
Halaman Menu Data Menu makanan
Adalah halaman yang berisi deretan daftar paket
menu makanan berisi informasi harga, nama
menu, gambar serta deskripsi dari menu
Gambar 4.14 Form Update Menu Makanan
4.10.2 Form Tambah Menu Makanan
Dibawah ini merupakan tampilan form
makanan.
yang
berfungsi
untuk
menginput
atau
mengupload daftar paket menu makanan.
Gambar 4.13 Halaman Data Menu makanan
Gambar 4.15 Form Tambah Menu Makanan
4.11 Form Menu Data Konsumen
Pada halaman ini juga terdapat kolom
Proses yang mana terdiri Detail, serta Hapus.
Jika
admin
ingin
melihat
data
lengkap
konsumen berupa data diri dan grand total
transaksi, maka admin bisa mengklik Detail.
Sedangkan jika admin ingin menghapus salah
satu data transaksi konsumen, maka ia bisa
4.14 Menu Data Komentar
melakukannya dengan mengklik Hapus. Dan
dibawah ini merupakan tampilan dari form data
konsumen yang ada pada halaman admin.
Gambar 4.16 Data Konsumen
4.12 Detail Grand Transaksi
Gambar 4.17 Detail Grand Transaksi
4.13 Nota
Berikut ini adalah tampilan nota transaksi
konsumen.
Gambar 4.18 Nota
Gambar 4.19 Menu Data Komentar
Beberapa
hal
yang
bisa
diperbaiki
diantaranya :
BAB V
PENUTUP
1. Perlu meningkatan operator jaringan
supaya aplikasi ini bisa diakses tanpa
putus.
5.1 Kesimpulan
Setelah melalui berbagai tahap, desain,
dan implementasi software, dapat diambil
semakin modern dan mulai mengubah pola
transaksi dunia bisnis menjadi semakin
efektif dan efisien yakni serba online,
demikian juga dengan website ini akan
memberikan kemudahan bagi konsumen
dalam pendaftaran menyewa tempat yang
juga disertai dengan pemesanan paket
karena
dalam
Indonesian
aplikasi
ini
konsumen dapat melihat daftar paket menu
makanan yang tersedia untuk dipesan.
2. Website ini dapat membantu admin untuk
memperbaiki
sistem
pendataan
atau
pembukuan transaksi penyewaan tempat
pada M2M
Indonesian FastFood yang
selama ini masih menggunakan buku.
5.2 Saran
Berdasarkan Pada hasil analisis pembuatan
Sistem Aplikasi Layanan Menyewa Tempat
di M2M Indonesian FastFood berbasis Web
ini, tentunya tidak pernah lepas dari
kelemahan maupun kekurangan yang bisa
menghambat kinerja user. Baik itu sebagai
Administrator
maupun
yang
ini
masih
bisa
dikembangkan menjadi lebih baik lagi
maupun fungsi menu-menu yang ada
1. Dengan perkembangan dunia teknologi yang
FastFood
aplikasi
baik dari segi tampilan interfacenya
beberapa kesimpulan sebagai berikut :
makanan di restoran M2M
2. Program
lainnya.
pada aplikasi ini .
DAFTAR PUSTAKA
Lia Kuswayatno. 2006 . Mahir dan Trampil
Berkomputer. Bnadung : Grafindo Media
Madcom. (2013). Adobe Dreamweaver CS6
Pratama.
dengan Pemrograman PHP & MySQL .
Modul praktikum ADBO Lab.sistem Informasi
Yogyakarta. C.V Andi Offset.
UPN ”Veteran” Jatim.
Everest , Gordon, C. (2008). Perancangan Basis
Rudyanto Arief, M. (2011)
Data. Hal 276.
Web Dinamis menggunakan PHP dan MySQL.
Jogiyanto, H.M. (2006). Analisi dan Desain
. Pemrograman
STIMIK AMIKOM. Andi,
Sistem Informasi : Pendekatan Terstruktur Teori
Sukardi . Metodologi Penelitian Pendidikan,
dan Praktik Aplikasi Bisnis. Jogyakarta : Andi.
Kompetensi dan Praktiknya (Jakarta: Bumi
Kadir, Abdul. (2003). Pemrograman WEB
Mencakup : HTML, CSS, JavaScript & PHP.
Kopsah, Siti (2012). Jurnal Ilmiah : STIMIK
AMIKOM.
Aksara, 2009), hlm.21 .
www.m2mindonesia.com
Sistem Aplikasi Layanan Menyewa Tempat di M2M Indonesian FastFood berbasis Web
(Studi kasus di M2M Indonesian FastFood cabang Pilang - Wonoayu)
Nama Mahasiswi
: Khilyatun Nisa’
NIM
: 111080200056
Pembimbing
: Yulian Findawati, ST, M.MT
Dewasa ini bisa dilihat bahwa persaingan dunia bisnis semakin ketat, maka dengan begitu dibutukan
sumber daya yang mumpuni baik dari segi sumber daya manusia maupun teknologi agar bisnis yang
dijalankan bisa bisa berjalan dengan baik bahkan bisa berkembang pesat. Di era teknologi yang semakin
canggih seperti sekarang ikut memberi pengaruh pada dunia bisnis, seperti model hubungan transaksi
dengan klien atau konsumen yang dulu dilakukan dengan cara manual sekarang menjadi serba via online
atau mobile. Sehingga proses transaksi dalam dunia bisnis sekarang menjadi lebih praktis dan efisien.
Sistem Aplikasi Layanan Menyewa Tempat di M2M Indonesian FastFood berbasis Web (Studi kasus
di M2M Indonesian FastFood cabang Pilang - Wonoayu) ini merupakan karya program sistem aplikasi
berbasis web yang buat oleh penulis yang terinspirasi oleh perkembangan dunia teknologi pada dunia bisnis
seperti bisnis restoran. Sistem aplikasi ini dibuat dengan menggunakan bahsa PHP dan MySQL, karena PHP
adalah bahasa pemrograman berbasis web yang terbukti sangat mudah penggunaanya dan mempunya
dukungan yang kuat yaitu kemampuan dari PHP untuk terintregrasi dengan berbagai macam jenis database
sehingga memudahkan penulis dalam membuat program berbasis web ini.
Sistem aplikasi yang dibuat ini terbukti memberi kemudahan pada kedua belah pihak pengguna
sistem aplikasi ini yaitu konsumen dan admin selaku administrator restoran yang mana dulu transaksinya
dengan konsumen menggunakan media manual yaitu telepon sekarang bisa via online dimana saja dan
kapan saja, sedangkan bagi admin yaitu yang mana pendataan dulu lakukan dengan buku sekarang dengan
sistem terkomputerisasi karena semua data transaksi dengan konsumen akan masuk pada database
administrator pada sistem apikasi yang dibuat ini.
Kata Kunci : Sistem Aplikasi Layanan Menyewa Tempat, Berbasis Web.
paket makanan yang ingin dipesan sehinggah
JURNAL
keadaan seperti ini ini dirasa kurang efektif dan
efisien bagi konsumen. Melihat hal ini membuat
BAB 1 PENDAHULUAN
penulis berinisiatif untuk menjadikan satu titik
1.1 Latar Belakang
permasalahan yang ada di M2M Indonesian
Madinta Madani atau yang lebih dikenal
dengan nama M2M Indonesian
FastFood
FastFood ini sebagai bahan untuk membuat
penelitian skripsi.
adalah rumah makan siap saji 100% Indonesia.
Dihati
Dari gagasan yang telah dikemukakan
besar
diatas maka penulis bermaksud untuk
“Semakin dikenal dan dicintai masyarakat
membuat aplikasi layanan untuk menyewa
Indonesia”.
tempat
M2M
mengusung
Indonesia”
tema
dengan
Selain
“Semakin
sebuah
harapan
menyediakan
berbagai
macam pilihan menu makanan ayam cepat saji
dengan
harga
yang
terjangkau,
M2M
INDONESIAN FASTFOOD juga menyediakan
layanan sewa tempat yang dapat disewakan
untuk berbagai macam keperluan seperti pesta,
acara keluarga, maupun meeting perusahaan.
Yang pertama adalah acara Non formal adalah
acara yang bernuansa kekeluargaan seperti
makan – makan bersama, buka puasa bersama
di M2M
Indonesian
FastFood
dengan berbasis WEB. dengan dibuatnya
Sistem aplikasi layanan tempat di M2M
Indonesian FastFood dengan berbasis WEB
oleh
penulis
memberikan
ini
diharapkan
kemudahan
dalam
dapat
proses
pelayanan penyewaan tempat bagi para
calon penyewa di restoran M2M Indonesian
FastFood.
1.2 Rumusan Masalah
maupun acara – acara santai lainnya dikenakan
biaya Rp.30.000 per jamnya. Selanjutnya adalah
acara Formal, adalah seperti pesta ulang tahun,
acara yang bertema perusahaan yang ingin
melakukan meeting dengan tujuan bisnis seperti
demo atau promo produk serta acara bertema
edukasi seperti cooking class dari sebuah
sekolah ini dikenakan biaya Rp.50.000 per
jamnya.
Namun proses pelayanan penyewaan
tempat di M2M INDONESIAN FASTFOOD
yang selama ini masih berlangsung manual
dengan menggunakan metode manual yaitu
menggunakan media telepon dan konsumen
juga tidak bisa melihat secara langsung daftar
Berdasarkan latar belakang tersebut, masalah
pembuatan Sistem Aplikasi Layanan Menyewa
Tempat di M2M Indonesian FastFood berbasis
Web ( Studi kasus di M2M Indonesian
FastFood cabang Pilang - Wonoayu) dapat
dirumuskan sebagai berikut :
1. Bagaimana
cara
membuat
sistem
aplikasi layanan menyewa tempat di
M2M
Indonesian
berbasis web ?
FastFood
dengan
1.5
1.3 Batasan Masalah
Dalam pembuatan Sistem Aplikasi Layanan
Menyewa Tempat berbasis Web (Studi Kasus di
M2M Indonesian FastFood cabang Pilang wonoayu) terdapat beberapa batasan masalah
yang diantaranya :
Manfaat Penelitian
1.5.1 Bagi Peneliti
Peneliti dapat mengaplikasikan ilmu
yang selama ini telah didapat dari
masa perkuliahan untuk menambah
wawasan peneliti dengan pembuatan
1. Sistem aplikasi ini hanya digunakan untuk
sebuah program Aplikasi Layanan
sarana proses penyewaan tempat di M2M
Menyewa tempat di M2M Indonesian
Indonesian FastFood cabang Pilang -
FastFood
wonoayu yang disertai dengan pemesanan
wonoayuyang
paket makanan.
pengalaman bagi peneliti.
cabang
desa
dapat
pilang
-
memberikan
2. Aplikasi ini merupakan aplikasi yang
1.5.2 Bagi Tempat Penelitian
dibangun dengan berbasis web.
3. Aplikasi ini bekerja mulai dari pemesanan
Mempermudah
dalam
proses
paket menu makanan hingga pengiriman
pelayanan penyewaan bagi para calon
data diri konsumen atau penyewa yang
penyewa
mana dilakukan secara online hingga data
Indonesian FastFood cabang Desa
transaksi konsumen tersebut masuk pada
Pilang - Wonoayu .
menu
data
konsumen
yang
tempat
pada
M2M
berada
1.5.3 Bagi Universitas
dibawah pengelolahan pihak admin.
M2M
Sebagai wawasan bagi mahasiswa –
Indonesian FastFood ialah offline yaitu
mahasiswa di masa yang akan datang.
4. Sistem
pembayaran
sewa
di
langsung bayar di kasir dihari pelaksanaan
pada
penyewa
tersebut
menentukan
tanggal penyewaan
1.6 Sistematika Penulisan
Skripsi ini ditulis dan disusun secara
sistematis dengan susunan sebagai berikut:
1.4 Tujuan Penelitian
Membuat sebuah sistem aplikasi yang dapat
menunjang
kemudahan
dalam
proses
penyewaan tempat yang ada di M2M
Indonesian FastFood cabang desa pilang –
wonoayu.
BAB I : PENDAHULUAN
Menjelaskan
belakang
tentang
masalah,
latar
rumusan
masalah, batasan masalah, tujuan
penelitian,
penelitian,serta
penulisan.
manfaat
sistematika
BAB II : TINJAUAN PUSTAKA
Bab
ini
membahas
m2m
Indonesian
fastfood,
cabang pilang – wonoayu.
tentang
penelitian terdahulu serta konsep
– konsep dan toeri – teori yang
digunakan dalam penyelesaian
BAB II
skripsi.
KAJIAN PUSTAKA DAN LANDASAN
BAB III : METODOLOGI PENELITIAN
TEORI
Berisi
mengenai
umum
waktu
gambaran
dan
tempat
penelitian, alat dan bahan yang
2.1 Penelitian Terdahulu
digunakan, kerangka penelitian,
teknik
teknik
pengumpulan
analisis,
perancangan
aplikasi, DFD,Class diagram,
Diagram
Relasi
activity,
tabel,
Tabel 2.1 Tabel Perbandingan
data,
Nama
No
database,
perancangan
Pengar
Meto
Judul
de
ang
1.
Hasil
Siti
Perancangan
Data
struktur menu, dan perancangan
Kopsah
Sistem
administrasi
interface.
(2012)
Informasi
Penyewaan
BAB IV : HASIL DAN PEMBAHASAN
Berisi
tentang
konsumen
-
pengujian,
tampilan interface dari tiap
menu – menu yang terdapat
yang
Gedung dan
melakukan
kamar di
sewa gedung
Monumen
atau kamar di
Diponegoro
Monumen
Yogyakarta
diponegoro
pada program sistem aplikasi
Yogyakarta.
yang dibuat oleh penulis yang
Penelitian yang dilakukan oleh siti
mana disertai dengan deskripsi
masing – masing fungsinya .
BAB V : PENUTUP
Bab ini berisi kesimpulan dan
saran dari keseluruhan proses dan
Kopsah bertujuan untuk membuat Perancangan
Sistem Informasi Penyewaan Gedung dan
kamar yang bertujuan untuk memudahkan
adminitrasi Monumen Diponegoro Yogyakarta
yang
selalu
manajemen
hasil pembuatan sistem aplikasi
layanan menyewa tempat pada
pembuatannya
dapat
yang
dipantau
mana
oleh
pada
menggunakan
pihak
proses
tidak
menggunakan suatu metode khusus . Sistem
informasi
yang dibuat
oleh Siti Kopsah
memiliki keunggulan yang sama dengan tujuan
pemesanan paket makanan guna mengadakan
suatu acara.
dibuatnyan Sistem Informasi tersebut yaitu
untuk
mempermudah
proses
pendataan
administrasi penyewaan gedung dan kamar agar
mudah
dipantau
oleh
pihak
manajemen.
Kelemahan pada sistem informasi yang dibuat
2.2 Sejarah Perusahaan
M2M Indonesian Fastfod merupakan
sebuah restoran ayam cepat saji yang berdiri
pada bulan Desember tahun 2011.
oleh siti Kopsah ialah program tersebut hanya
bisa
untuk
memantau
sistem
adminitrasi
monument diponegoro.
Penelitian yang dilakukan saat
ini
mengadaptasi dari penelitian yang dilakukan
oleh Siti Kopsah. Tidak ada metode khusus
yang digunakan untuk melakukan penelitan saat
Gambar 2.2 Logo Restaurant m2m Indonesian
ini yang bertujuan membuat sebuah sistem
Fastfood
aplikasi layanan menyewa tempat berbasis web
yang
memiliki
keunggululan
yaitu
selain
2.3 Aplikasi Web
membuat konsumen bisa mendaftar via online
Pada awalnya aplikasi Web dibangun
secara fleksibel dimana saja dan kapan saja,
hanya dengan menggunakan bahasa yang
juga memudahkan konsumen untuk melihat dan
disebut Hypertext Markup Language (HTML)
memilih secara langsung daftar paket menu
dan protocol yang digunakan disebut Hypertext
makanan yang ingin dipesan. Sistem aplikasi ini
Transfer Protokol (HTTP). Pada perkembangan
menghasilkan informasi data konsumen dan
berikutnya,
data komentar yang akan masuk pada halaman
dikembangkan untuk memperluas kemampuan
administrator admin.
HTML.
sejumlah
skrip
dan
Persamaan pada penelitian terdahulu
dengan penelitian yang saat ini sedang dibuat
yaitu sama bertujuan untuk mempermudah
perusahaan
dalam
transaksi
bisnis
perusahaannya. Dan memiliki perbedaan yaitu
penelitian terdahulu yang dilakukan oleh Siti
Kopsah program system informasi digunakan
untuk pendataan sewa gedung dan kamar,
sedangkan penelitan yang saat ini dilakukan
ialah program system aplikasinya digunakan
untuk proses sewa tempat restoran serta
Gambar 2.3 Arsitektur aplikasi Web
objek
dengan yang disimpan saat
itu
2.4 Hypertext Prepocessor (PHP)
Panjangnya 1 – 255
PHP adalah bahasa pemrograman web
yang akhir – akhir ini banyak digunakan.
karakter
BLOB
Teks dengan panjang
Sebuah website dinamis dapat dibuat Dengan
PHP yang mana datanya dikoneksikan ke
maksimum 65535 karakter
LONGBLOB
Teks dengan panjang
database (M. Rudyanto Arief, 2011).
maksimum 294967295
karakter
2.5 MySQL
My
Structured
Query
Language
(MySQL) merupakan server basis data yang
menggunakan
teknik
ralasional
untuk
2.6 Database ( Basis Data )
Menurut Gordon C. Everest, Database
adalah koleksi atau
kumpulan data yang
menghubungkan antara tabel – tabel dalam basis
mekanis, terbagi atau shared, terdefinisi
data.
secara formal dan dikontrol terpusat pada
Berikut ini tabel struktur data yang
sering dipakai pada MySQL :
Tabel 2.4 Tabel Jenis – Jenis Tipe Data
Tipe Data
INT
Keterangan
organisasi.
1.7 Pengertian Diagram Activity
Menurut Satzinger et al (2010:141),
Activity diagram merupakan sebuah tipe
Angka
dari
-214783648 s/d
menggambarkan
2147483647
pengguna ketika melakukan setiap kegiatan
FLOAT
Angka Pecahan
dan aliran sekuensial. Berikut simbol –
DATE
Tanggal
sombol dalam pembuatan diagram activity.
Format : YYYY-MM-DD
(Sumber
Tanggal dan Waktu
Ph.D.(2007:437)).
DATETIME
diagram
:
workflow
tentang
Jogiyanto
aktivitas
Hartono,
yang
dari
MBA,
Format : YYYY-MM-DD
HH:MM:SS
CHAR
String dengan panjang
tetap sesuai dengan yang
ditentukan, panjangnya
Panjangnya 1 – 255
karakter
VARCHAR
String dengan panjang
yang berubah –ubah sesuai
Gambar 2.5 Simbol – simbol dalam diagram
activity
BAB III
1.8 Data Flow Diagram (DFD)
Definisi Data Flow Diagram (DFD) menurut
METODOLOGI PENELITIAN
Kristanto. 2003 adalah suatu model logika data
atau proses yang dibuat untuk menggambarkan
dari mana asal data dan kemana tujuan data
3.1 Lokasi dan Waktu Penelitian
yang dikeluarkan dari sistem, dimana data
Penelitian
disimpan, proses apa yangdiknakan pada data
INDONESIAN
tersebut.
Pilang,
Pengertian Data Flow Diagram (DFD)
menurut Jogiyanto Hartono, 2005-701 adalah
ini
dilakukan
FASTFOOD
kecamatan
di
M2M
cabang
Desa
wonoayu.
Kegiatan
penelitian dimulai pada bulan November 2014
hingga selesai.
diagram yang menggunakan notasi symbol
untuk menggambarkan arus data sistem. Dan
berikut dibwah ini merupakan simbol – simbol
dalam Data Flow Diagram (DFD) .(Sumber :
3.2 Alat dan Bahan Penelitian
Adapun alat dan bahan yang akan
digunakan dalam penelitian ini adalah sebagai
Jogiyanto Hartono, MBA, Ph.D.(2004:754) )
berikut :
A. Bahan Penelitian
1. Data - data yang didapatkan dari M2M
INDONESIAN FASTFOOD yaitu berupa
informasi yang berisi alur transkasi sewa
yang
biasa
dilakukan
di
M2M
INDONESIAN FASTFOOD cabang Desa
pilang
ini,
dan
juga
informasi
nilai
admitrasi penyewaannya yang ditetapkan
berdasarkan perjamnya .
Gambar 2.6 Simbol – Simbol DFD
B. Alat Penelitian
Alat
yang
digunakan
dalam
penelitian ini adalah sebagai berikut
:
1. Perangkat Keras ( Hardware )
terdiri dari :
a. Laptop
b. Modem
2. Perangkat lunak ( Software )
terdiri dari :
a. Microsoft Office Word
b. Adobe Dreamweaver
c. Adobe Photoshop
d. Axampp
e. Microsoft Visio
f. Power Design
3.3 Kerangka Penelitian
Gambar 3.3 Analisis Proses Bisnis baru
3.4 Teknik Pengumpulan Data
Adapun beberapa teknik yang digunakan
antara lain :
1. Wawancara (Interviev)
Gambar 3.1 Kerangka Penelitian
2. Browsing Internet
3. Buku Panduan
3.5 Teknik Analisis
Dalam proses pembuatan aplikasi ini
terlebih dahulu penulis melakukan beberapa
analisis yaitu :
3.5.1 Analisis Permasalahan
Permasalahan pokok pada M2M
INDONESIAN FASTFOOD Desa pilang,
wonoayu khususnya pada pelayanan
Gambar 3.2 Analisis proses bisnis lama
sewa tempat adalah sistem transaksinya
yang selama ini dilakukan secara manual
yaitu media telepon dan calon penyewa
harus datang secara langsung bila ingin
melakukan registrasi untuk menyewa
tempat di restoran tersebut. Sistem
manual tersebut membawa dampak yang
dirasa kurang bagus bagi kelangsungan
bisnis
restoran
tersebut.Transaksi
menjadi
cepat
saji
pelayanan
kurang
sewa
efektif.Adanya
permasalahan tersebut membuat mutu
pelayanan
di
M2M
INDONESIAN
Gambar 3.4 Perancangan Sistem Aplikasi
FASTFOOD sebagai restoran cepat saji
menjadi kurang efektif dan efesien.
3.7 Class diagram
3.5.2 Analisis Kebutuhan
Merubah sistem manual menjadi
sistem
komputerisasi
yang
dibuat
dengan program aplikasi yang user
friendly sehingga memudahkan dalam
pengoperasian aplikasi program. Dengan
program itu diharapkan aktivitas seperti
penyewaan tempat tidak perlu lagi
dilakukan
secara
manual
karena
penyewa bisa melakukan registrasi sewa
tempat melalui media web yang bisa
lakukan dari jarak jauh dimana saja dan
Tabel 3.5 Tabel Class diagram
kapan saja.
3.8 Diagram Activity
Dari analisis kebutuhan yang
dibuat diharapkan dapat menyelesaikan
permasalahan yang ada, sehingga dapat
Dan dibawah ini merupakan gambaran
diagram activity admin dan penyewa.
mencapai tujuan perusahaan untuk lebih
meningkatkan kualitas mutu pelayanan.
3.6 Perancangan Sistem Aplikasi
Dan
prinsip
kerja
Sistem
Aplikasi
Layanan Menyewa Tempat di M2M Indonesian
FastFood berbasis Web ialah sebagai berikut :
Gambar 3.6 Diagram activity penyewa
Gambar 3.7 Diagram activity Admin
3.9 Data Flow Diagram ( DFD )
Berikut Data Flow Diagram ( DFD ) beserta
penjelasannya :
3.9.1 DFD Level 0 (Diagram Konteks)
Gambar 3.8 DFD Level 0 (Diagram Konteks)
DFD LEVEL 1
Gambar 3.9 DFD Level 1
b. Tabel Menu
Adalah tabel untuk menyimpan rincian
detail daftar paket menu makanan yang
3.10 Relasi Tabel
dijual oleh m2m Indonesian fastfood.
Struktur tabelnya dapat dilihat dibawah ini
:
Tabel 3.12 Tabel Menu
Gambar 3.10 Relasi Tabel
c. Tabel Keranjang
Adalah tabel untuk menyimpan rincian
3.11 Perancangan Database
Berikut dibawah ini terdapat beberapa
tabel database yang digunakan pada aplikasi
menyewa tempat di M2M INDONESIAN
daftar paket menu makanan yang dipesan
oleh konsumen m2m Indonesian fastfood.
Struktur tabelnya dapat dilihat dibawah ini
Tabel 3.13 Tabel keranjang
FASTFOOD :
a. Tabel Konsumen
Adalah
tabel
untuk menyimpan data
konsumen yang ingin menyewa restoran di
m2m
Indonesian
fastfood.
Struktur
tabelnya dapat dilihat dibawah ini :
Tabel 3.11 Tabel Pelanggan
d. Tabel tbl_Kontak
Adalah
tabel
untuk menyimpan data
konsumen yang mengirimkan pesan atau
komentarnya kepada m2m Indonesian
fastfood. Struktur tabelnya dapat dilihat
dibawah ini :
Tabel 3.14 Tabel tbl_kontak
e. Tabel tbl_Acara
Adalah tabel untuk menyimpan nominal
tarif
harga perjamnya sewa tempat di
restoran
restoran
m2m
Indonesian
fastfood. Struktur tabelnya dapat dilihat
dibawah ini :
h. Tabel Pesanan
Tabel 3.15 Tabel tbl_acara
Adalah tabel untuk menyimpan data
tanggal pelaksanaan acara yang diinginkan
oleh konsumen restoran m2m Indonesian
fastfood. Struktur tabelnya dapat dilihat
dibawah ini :
f. Tabel tbl_info
Tabel 3.18 Tabel Pesanan
Adalah tabel untuk membuat halaman
info pada layout user konsumen yang
mana berisi petunjuk penggunaan sistem
aplikasi sewa tempat di restoran
m2m
Indonesian fastfood berbasis web ini serta
i. Tabel tbl_user (Admin)
klasifikasi jenis – jenis acara yang bisa
Adalah tabel untuk membuat form login
diselenggarakan
m2m
untuk sang admin restoran restoran m2m
Indonesian fastfood beserta nominal tarif
Indonesian fastfood. Struktur tabelnya
sewa perjamnya . Struktur tabelnya dapat
dapat dilihat dibawah ini :
di
restoran
Tabel 3.19 Tabel tbl_user
dilihat dibawah ini :
Tabel 3.16 Tabel tbl_info
3.12 Perancangan Struktur Menu
3.12.1 Struktur menu user
g. Tabel Detail_pesanan
Adalah
tabel
untuk menyimpan data
kode paket makanan yang dipesan oleh
konsumen
restoran
m2m
Indonesian
fastfood beserta jumlah porsinya. Struktur
tabelnya dapat dilihat dibawah ini :
Tabel 3.17 Tabel Detail_pesanan
Gambar 3.20 Struktur Menu User
3.12.2 Struktur Menu Admin
3.13.2 Design Menu Profile
Pada halaman Profile ini dituliskan
sekilas cerita mengenai sejarah berdirinya
restoran M2M Indonesian fastfood, Makna di
balik nama M2M Indonesian fastfood, dan juga
Gambar 3.21 Struktur Menu admin
fasilitas yang terdapat direstoran tersebut yang
mana disediakan untuk para konsumen restoran
M2M Indonesian fastfood.
3.13 Perancangan Interface
Dibawah
ini
merupakan
rancangan
Home Info
interface dari aplikasi yang dibuat oleh peneliti :
PROFILE
3.13.1 Design
Halaman
utama
Website
BOOKING
CONTACT US
Saat pertama kali konsumen
memasuki website maka ia akan
Madinta madani atau yyang lebih dikenal dengan
sebutan nama m2m Indonesian fasfood adalah
melihat halaman utama web seperti
rumah makan cepat saji 100% Indonesia.
gambar dibawah ini, pada hal ini
menu Home berfungsi untuk kembali
Gambar 3.23 Design Menu Profile
pada halaman utama web ini tiap kali
konsumen selesai masuk pada menu –
3.13.3 Design Menu Info
menu lain yang terdapat pada sistem
aplikasi ini.
Form menu info pada aplikasi ini
bertujuan untuk memberikan informasi
kepada
user
Indonesian
yaitu
Fastfood
konsumen
mengenai
M2M
cara
penggunaan aplikasi menyewa tempat di
M2M Indonesian Fastfood, juga mengenai
klasifikasi tarif acara berdasarkan jenisnya
yang
mana
diselenggarakan
Fastfood.
Gambar 3.22 Design Halaman
utama website
acara
di
tersebut
M2M
bisa
Indonesian
3.13.4.2
Design Form
Keranjang Belanja
Saat
menyentuh
paket
konsumen
menu
makanan
yang ingin dipesan, maka seketika itu
juga nama menu beserta jumlah porsi
Gambar 3.24 Design menu Info
dan harganya akan ditampilkan dalam
keranjang
belanja
seperti
gambar
dibawah ini.
3.13.4
Design Menu Booking
Halaman menu Booking terdapat
beberapa sub menu yang merupakan
tahapan – tahapan yang harus dilalui oleh
konsumen saat melakukan pendaftaran
untuk
menyewa
tempat
di
M2M
Indonesian fastfood.
Gambar 3.26 Design Form Keranjang Belanja
3.13.4.3 Design Form Input Data diri
Setelah mengisi Form Data penyewa,
3.13.4.1
Design
Form
Pilih
Paket Menu Makanan
maka
calon
penyewa
harus
lanjut
mengisi Form Data penyewaan.
Saat ada seorang calon
penyewa
yang
ingin
menyewa
tempat, maka ia harus memilih
menu Booking maka pertama –
tama ia akan masuk ke halaman
pilih paket menu makanan seperti
dibawah ini.
Gambar 3.27 Design Form Input Data Diri
Gambar 3.25 Design Form Pilih Menu
Makanan
3.13.4.4 Design Form Detail Transaksi
Form
menampilkan
ini
berfungsi
untuk
rincian
transaksi
berupa
detail transaksi berupa rincian identitas
konsumen beserta dengan total tarif sewa
tempat
di
restoran
m2m
Indonesian
fastfood beserta dengan detail tarif, jumlah
porsi dari macam – macam paket makanan
yang dipesan.
Gambar 3.30 Design Form Contact Us
13.5
Design Login Admin
Dibawah ini merupakan design login
admin yang nanti akan digunakan oleh admin
untuk mengecek tiap transaksi penyewaan
Gambar 3.28 Design Form Rincian Transaksi
tempat yang diterimanya.
3.13.4.5 Design Form Konfirmasi Transaksi
Sewa Sukses
Form Konfirmasi Transaksi sewa
sukses akan muncul setelah konsumen selesai
masuk pada halaman pilih menu makanan dan
input data diri. Dan berikut tampilan designnya.
Gambar 3.31 Design login admin
3.16
Design Halaman Utama Admin
Gambar 3.29 Design Form Konfirmasi
Transaksi Sewa Sukses
3.14
Design Form Contact Us
Form Contact Us adalah form yang
digunakan
untuk
para
konsumen
guna
mengirimkan sebuah pesan berupa komentar,
kritik, maupun saran kepada pihak M2M
Indonesian fastfood.
Gambar 3.32 Design Halaman Utama Admin
3.17 Design Menu Makanan
3.19
Design Form Tambah Menu
Makanan
Gambar 3.33 Design halaman menu makanan
Gambar 3.35 Design Form Tambah Menu
Makanan
Dalam hal ini selain Daftar paket yang
diinputkan admin akan muncul pada halaman
admin seperti pada gambar diatas, deretan daftar
3.20
Design Menu Data Konsumen
paket makanan tersebut juga akan muncul pada
menu pilih menu makanan yang terdapat layout
utama website (lihat Gambar 3.25) pada
sebagai tahapan pertama konsumen dalam
transaksi menyewa tempat di restoran m2m
Indonesian fastfood.
Gambar 3.36 Design Menu Data Konsumen
3.18
Design Form Update Menu Makanan
Pada
kolom
proses
yang
terdapat
Menu Update berfungsi untuk admin
digambar diatas ada menu detail yang berfungsi
mengedit atau memperbaiki suatu kesalahan
untuk melihat keseluruhan rincian detail data
pada menginput daftar paket menu makanan
kosumen secara lebih lengkap yang mana pada
baik itu berupa nama makanan, harga, maupun
form data konsumen yang dilhat saat mengklik
deskripsi dari paket makanan.
menu detail tersebut juga akan menjadi form
nota transaksi sewa tempat yang nantinya akan
diberikan oleh kasir selaku sebagai admin
kepada konsumen.
Gambar 3.34 Design Form Update Menu
Makanan
3.21
Design Menu Data Komentar
Gambar 3.37 Design Menu Data Komentar
3.22
Nota Transaksi
Gambar 4.1 Tampilan layout utama website
4.2 Form Menu Profile
Dengan mengetahui cerita tentang M2M
Indonesian fastfood diharapkan konsumen bisa
lebih tertarik untuk menjadi pelanggan setia
M2M Indonesian fastfood.
Gambar 3.38 Design Nota
BAB IV
HASIL DAN PEMBAHASAN
Gambar 4.2 Form Menu Profile
4.1 Hasil Penelitian
Saat pertama kali konsumen memasuki
website maka ia akan melihat halaman utama
web atau yang disebut menu Home seperti
gambar dibawah ini.
4.3 Form Menu Info
Berikut ialah tampilan menu info yang
ada pada website M2M Indonesian fastfood.
4.4.2 Halaman Keranjang Belanja
Berikut merupakan tampilan keranjang
belanja yang akan muncul tiap konsumen
menyentuh gambar paket makanan yang ingin
dipesannya.
Gambar 4.3 Form Menu Info
Gambar 4.5 Form Keranjang Belanja
4.4.3
4.4 Form Menu Booking
Halaman menu
Halaman
Input
Data
Diri
Konsumen
Booking terdapat
beberapa sub menu yang merupakan tahapan –
tahapan yang harus dilalui oleh konsumen saat
melakukan pendaftaran untuk menyewa tempat
di M2M Indonesian fastfood.
Setelah selesai memilih paket menu
makanan,
dengan
mengklik
Selesai
yang
terdapat dibawah tabel jumlah porsi makanan.
Maka konsumen akan masuk ke halaman
selanjutnya yaitu form Input.
4.4.1 Halaman Pilih Paket Menu
Makanan
Tahapan Pertama ialah memilih paket
menu makanan yang ingin dipesan. Pada
gambar menu ini konsumen bisa memilih paket
menu makanan yang ingin dipesan sesuai
dengan jumlah porsi yang diinginkan dengan
cara menyentuh gambar paket menu makanan
Gambar 4.6 Form Input Data Diri
Konsumen
yang diinginkan untuk dipesan.
4.5 Form Rincian Transaksi
Setelah selesai mengisi form Input data diri
konsumen, maka konsumen akan masuk ke form
rincian
transaksi.
Berikut
dibawah
ini
merupakan gambar dari form rincian transaksi.
Gambar 4.4 Pilih Menu Makanan
Gambar 4.9 Form Menu Contact Us
4.8 Form Login Admin
Jika username dan password benar, sistem
Gambar 4.7 Form Rincian Transaksi
akan mengarahkan ke halaman utama. Dibawah
ini merupakan tampilan form login admin.
4.6 Form Konfirmasi Transaksi Sewa Sukses
Tampilan konfirmasi transaksi sewa
sukses merupakan tahapan akhir dari proses
sewa tempat yang disertai dengan pemesanan
paket makanan. Berikut tampilan konfirmasi
transaksi sewa sukses
Gambar 4.10 Form Login Admin
Namun jika login username dan password
salah, maka sistem akan memberikan warning
bahwa username dan password salah seperti
gambar dibawah ini.
Gambar 4.8 Tampilan Konfirmasi Transaksi
Sewa Sukses
4.7 Form Menu Contact Us
Gambar 4.11 Tampilan Gagal login
4.9 Form Menu Utama Admin
Dibawah ini merupakan tampilan form
menu contact us.
Pada menu admin terdiri dari halaman
menu, menu data konsumen, menu data
komentar, dan log out. Dan dibawah ini
merupakan tampilan awal yang akan muncul
ketika admin berhasil login.
4.10 .1 Form Menu Update
Menu Update berfungsi untuk
admin
mengedit
atau
memperbaiki
suatu
kesalahan pada mengupload daftar paket menu
makanan baik itu berupa nama makanan, harga,
maupun deskripsi dari paket makanan. Dibawah
ini merupakan tampilan form menu update.
Gambar 4.12 Layout Halaman Utama Admin
4.10 Halaman Data Menu Makanan
Halaman Menu Data Menu makanan
Adalah halaman yang berisi deretan daftar paket
menu makanan berisi informasi harga, nama
menu, gambar serta deskripsi dari menu
Gambar 4.14 Form Update Menu Makanan
4.10.2 Form Tambah Menu Makanan
Dibawah ini merupakan tampilan form
makanan.
yang
berfungsi
untuk
menginput
atau
mengupload daftar paket menu makanan.
Gambar 4.13 Halaman Data Menu makanan
Gambar 4.15 Form Tambah Menu Makanan
4.11 Form Menu Data Konsumen
Pada halaman ini juga terdapat kolom
Proses yang mana terdiri Detail, serta Hapus.
Jika
admin
ingin
melihat
data
lengkap
konsumen berupa data diri dan grand total
transaksi, maka admin bisa mengklik Detail.
Sedangkan jika admin ingin menghapus salah
satu data transaksi konsumen, maka ia bisa
4.14 Menu Data Komentar
melakukannya dengan mengklik Hapus. Dan
dibawah ini merupakan tampilan dari form data
konsumen yang ada pada halaman admin.
Gambar 4.16 Data Konsumen
4.12 Detail Grand Transaksi
Gambar 4.17 Detail Grand Transaksi
4.13 Nota
Berikut ini adalah tampilan nota transaksi
konsumen.
Gambar 4.18 Nota
Gambar 4.19 Menu Data Komentar
Beberapa
hal
yang
bisa
diperbaiki
diantaranya :
BAB V
PENUTUP
1. Perlu meningkatan operator jaringan
supaya aplikasi ini bisa diakses tanpa
putus.
5.1 Kesimpulan
Setelah melalui berbagai tahap, desain,
dan implementasi software, dapat diambil
semakin modern dan mulai mengubah pola
transaksi dunia bisnis menjadi semakin
efektif dan efisien yakni serba online,
demikian juga dengan website ini akan
memberikan kemudahan bagi konsumen
dalam pendaftaran menyewa tempat yang
juga disertai dengan pemesanan paket
karena
dalam
Indonesian
aplikasi
ini
konsumen dapat melihat daftar paket menu
makanan yang tersedia untuk dipesan.
2. Website ini dapat membantu admin untuk
memperbaiki
sistem
pendataan
atau
pembukuan transaksi penyewaan tempat
pada M2M
Indonesian FastFood yang
selama ini masih menggunakan buku.
5.2 Saran
Berdasarkan Pada hasil analisis pembuatan
Sistem Aplikasi Layanan Menyewa Tempat
di M2M Indonesian FastFood berbasis Web
ini, tentunya tidak pernah lepas dari
kelemahan maupun kekurangan yang bisa
menghambat kinerja user. Baik itu sebagai
Administrator
maupun
yang
ini
masih
bisa
dikembangkan menjadi lebih baik lagi
maupun fungsi menu-menu yang ada
1. Dengan perkembangan dunia teknologi yang
FastFood
aplikasi
baik dari segi tampilan interfacenya
beberapa kesimpulan sebagai berikut :
makanan di restoran M2M
2. Program
lainnya.
pada aplikasi ini .
DAFTAR PUSTAKA
Lia Kuswayatno. 2006 . Mahir dan Trampil
Berkomputer. Bnadung : Grafindo Media
Madcom. (2013). Adobe Dreamweaver CS6
Pratama.
dengan Pemrograman PHP & MySQL .
Modul praktikum ADBO Lab.sistem Informasi
Yogyakarta. C.V Andi Offset.
UPN ”Veteran” Jatim.
Everest , Gordon, C. (2008). Perancangan Basis
Rudyanto Arief, M. (2011)
Data. Hal 276.
Web Dinamis menggunakan PHP dan MySQL.
Jogiyanto, H.M. (2006). Analisi dan Desain
. Pemrograman
STIMIK AMIKOM. Andi,
Sistem Informasi : Pendekatan Terstruktur Teori
Sukardi . Metodologi Penelitian Pendidikan,
dan Praktik Aplikasi Bisnis. Jogyakarta : Andi.
Kompetensi dan Praktiknya (Jakarta: Bumi
Kadir, Abdul. (2003). Pemrograman WEB
Mencakup : HTML, CSS, JavaScript & PHP.
Kopsah, Siti (2012). Jurnal Ilmiah : STIMIK
AMIKOM.
Aksara, 2009), hlm.21 .
www.m2mindonesia.com