APLIKASI LAYANAN INFORMASI DAN RESERVASI

Universitas Muhammadiyah Sidoarjo
10.1080200019

(2014)

APLIKASI LAYANAN INFORMASI
DAN RESRVASI WARUNG LESEHAN
DELTA FISHING BERBASIS WEB MOBILE
Yuliana Widia F [1], Suprianto, S.Si, M.Si [2]
Jurusan Teknik Informatika, Fakultas Teknik
Universitas Muhammadiyah Sidoarjo
yuliana_widia@ymail.com[1],
Abstrak
Sistem Informasi Dan Reservasi Warung Lesehan Delta Fishing Berbasis web Mobile
adalah system informasi yang dibangun untuk mempermudah calon pemesan warung lesehan
tanpa dating ke delta fishing. Tujuan dari penelitian ini adalah untuk memberikan usulan
dan masukan kepada pengelolah atau manajemen delta fishing agar dalam memberikan
informasi dan reservasi warung lesehan dapat dilakukan dengan carakomputerisasi
sehingga nantinya mempermudah pada bagian pemesaran dan pencatatan dalam hal
reservasi.
Proses pelayanan konsumen secara manual dapat menemukan kendala seperti tidak

ada informasi yng jelas mengenai nomor meja yang kosong, terjadi kesalahan pesanan menu
makanan oleh customer karena pelayanan salah dalam mendeskripsikan menu, dan
keterlambatan pesanan yang mengakibatkan para customer menunggu lama.
Sistem ini dirancang dan buat untuk memperoleh infomasi dan proses pemesanan
warung lesehan. Selain itu aplikasi ini juga dapat digunakan oleh admin untuk menambah,
mengganti atau menghapus data. Dengan adanya sistem ini sedikit membantu customer
untuk membantu dalam pemesanan.
Kata Kunci : Aplikasi, reservasi, web, mobile.

Universitas Muhammadiyah Sidoarjo
10.1080200019

1. PENDAHUL
UAN
1.1

untuk

mobile


ada

device.

Mobile

masalah

yang

yang ada untuk

umumnya

dihadapi

oleh

memberikan


web
LatarBelaka
ng

Salah

satu

teknologi

hasil

penggabungan
antara teknologi
komunikasi

dan

teknologi
computer


yaitu

aplikasi berbasis
Mobile

Web.

Mobile

Web

adalah

layanan

web
didesain

yang

khusus

untuk dijalankan
di mobile device.
Seperti

PDA,

telepon

selular,

atau

gadget

bergerak lainnya.
Dengan

mobile


web,

akses

informasi ke suati
website

dapat

dilakukan dengan
mudah

karena

tampilannya
sudah
disesuaikan

(2014)


beberapa

permasalahan

berukuran ringan

tempat

wisata

disetiap

Delta

Fishing

halamannya yang

pada


saat

ditulis

menggunakan

yang akan diteliti.

Extensible

system pelayanan

Lingkup

Hypertext

tempat

permasalahan


Markup

yang

biasanya,

Language

maka

penulis

dengan

(HTML)

atau

wisata


mengidentifikasi

Wireless Markup

kan

Language

beberapa

(WML)

untuk

mengirimkan
konten

ke


perangakat
mobile. Selain itu
beberapa
seperti

teknik
dengan

menggunakan
Adobe Flash Lite
atau J2ME yang
memungkinkan
untuk

membuat

perangkat mobile
yang

lebih

bervariasi.
1.2

Rumusan

Masalah
Berdasark
an latar belakang

terjadinya

masalah, yaitu :
Bagaimana

gambaran
jelas

yang

mengenai

permasalahan

yang

akan

dibahas

oleh

penulis yaitu :
a. Aplikasi
yang ada
dirancang
berbasis

merancang

dan

web

membangun

mobile

Aplikasi Layanan

untuk

Informasi

pemesana

dan

Reservasi

n

Warung Lesehan

b. Sifat

Berbasis Mobile

pembayar

Web ?

an secara
offline

1.3

Batasan

Masalah

c. Aplikasi
hanya
bisa

Pembatasan

diakses

masalah

melalui

ditujukan

untuk

browser

memberikan

smartphon

batasan terhadap

e

Universitas Muhammadiyah Sidoarjo
10.1080200019

(2014)

suatu

sumber

2. LANDASAN

informasi

TEORI
2.1 Internet

akurat

untuk

segala

sebuah

jaringan

dan

lengkap

Internet
adalah

yang

besar

seluruh

yang terdiri dari

Yang

berbagai jaringan

pengaturan

yang

integrasi

meliputi

jaringan

serta

Sedangkan

IP

yang

berfungsi

data

dan

dari

protocol

informasi

bagi

dunia.

bertugas

para

mentransmisikan

internet.

yang

dari

komputer

ke

komputer lain.

komputer

ini
melalui

pengguna

satu

Jadi TCP/IP

diatur

dunia

Protocol) adalah

dan

bisnis,
riset

seluruh

data

komunikasi

dan

dengan

benar.

dari

menyediakan

mana

jaringan bersifat
pendidikan

server

(Internet

jenis

informasi

hubungan bekerja

WWW
adalah

sistem

client/server yang
dirancang untuk

secara umum

menggunakan

berfungsi untuk

dokumen

menghubungkan

protokol-protkol

memilih rute

hypertext

dan

jutaan komputer

yang umum yang

terbaik transmisi

hypermedia

via

didalam jaringan-

disebut

TCP/IP,

data, memilih

Internet.

jaringan tersebut

yaitu

protokol

rute alternatif jika

menggunakan

(Agus J, 2006).

yang

suatu rute tidak

HTTP (Hypertext

memungkinkan

dapat digunakan,

Transfer

komputer-

mengatur dan

Protocol)

mengirimkan

bertukar

paket-paket

informasi, image,

saling

pengiriman data,

dan

mampu

berkomunikasi.

dan lain-lain.

Dokumen

menghubungkan

TCP

2.2 World Wide

diformat

user-user

(Transmission

Web

HTML

(WWW)

(Hypertext

Dengan arti
lain

Internet

adalah

suatu

sistem

jaringan

komputer

yang

dari

komputer
internet

pada
untuk

seluruh

dunia

Control

untuk

dapat

Protocol) adalah

saling

protokol

berhubungan,

mengatur

atau juga dapat

transmisi

disebut

dan memastikan

merupakan

bahwa

kumpulan

sebagai

yang

World

data
semua

WWW

untuk

data

lain.
dalam

Markup

Wide Web atau

Language) yang

biasa

digunakan untuk

disebut

dengan

web,
web

menciptakan
halaman

dan

dokumen

yang

Universitas Muhammadiyah Sidoarjo
10.1080200019

disajikan

pada

web

(2014)

Navigator

atau

Opera

tempat

mengakses

ISP

web site tersebut

ini.

menampilkan

tersimpan. (Agus

menangani

diatas

dokumen secara

J, 2006)

koneksi

internet

mengidentifikasi

atraktif

2.3 Cara Kerja

dari

banyak

suatu

pemakai

Internet

browser

dan

mungkin

ada

URL

file

untuk

server

dan

bernama

kemudian

index.html,

menavigasi

disimpan

pada

direktori

dapat

dokumen

yang

pada

mesin

dengan memilih
Web

site

e.com/index.html

(Situs

Web)

. File ini adalah

adalah

tempat

suatu

penyimpanan

dokumen

data

format Hypertext

berdasarkan topik

Markup

tertentu.

Language

mengakses suatu

berisi

dan
beberapa

informasi
Untuk

web site tertentu
protokol

(yang

(Hypertext

diidentifikasi

Transfer

melalui

Protocol). HTTP

nya).

Perintah

adalah

HTTP

bagian

diterjemahkan

dari

oleh

Web

TCP/IP,

yang

seperti

betugas

untuk

browser

menghubungkan
Anda

protokol

Microsoft

mentransfer

Internet Explorer,

dokumen berupa

Mozilla Firefox,

hypertext kepada

Netscape

browser

dari

ribuan orang lain
yang

terhubung

ke server yang
sama yang anda
gunakan saat ini.

ke internet, anda
tersambung
jenis

ke

khusus
yang

disediakan

dan

dioperasikan oleh
Internet

Service

Provider
Tugas

(ISP).
ISP

adalah

digunakan

link ke file lain

URL-

Anda

server

yang mempunyai

(HTML)

dimulai

komputer

link.

http://www.googl

internet
ketika

berhubungan

~database

Cara kerja

ke

Server ISP

ini

untuk

Server

ISP

menerima
permintaan

dari

menyediakan link

browser

antara

browser

melihat halaman

dan memberikan

web, memeriksa

akses ke server

email,

tujuan.

berbagai aktivitas

ISP

Contoh

ini

adalah

smartfren,

flexi,

untuk

dan

yang

anda

perintahkan

atau

telkom,

lainnya.

Tentu

fungsi

modem

saja setiap server

yang

anda

tidak

gunakan

akan

menampung

membantu

dapat

semua informasi

Universitas Muhammadiyah Sidoarjo
10.1080200019

(2014)

dari

kami

seluruh

yang

t

I

e

n

m
U

t

l

s

r

dengan

e

e

g

request yang

x

r

r

internet, sehingga

kembangkan

untuk

adalah :


memberikan
browser

sesuai

F

tentu

i

terhubung

b

server

l

lain. Server lain

e

diminta
akan
dengan



e

a
/

t
i

inilah yang kita

S

o

e

n

namakan sebagai

C

c

host server, atau

o

u

t

server

yang

n

r

o

secara

spesifik

t

i

menampung file

e

t

E

atau data yang

n

y

x

dibutuhkan.

t

2.3 Web Mobile

t
M

e

M

a

r

a

n

n

Web

Mobile

n

a

adalah

layanan

a

a

g

yang

l

g

e

khusus

e

m

untuk dijalankan

D

m

e

di mobile device

a

e

n

seperti

PDA,

t

n

telepon

selular,

t
E

a

web
didesain

atau

t



a

gadget
S

s

lainnya.Keunggul

y

y

an web mobile

s

bergerak

b
a
s
e

Universitas Muhammadiyah Sidoarjo
10.1080200019



(2014)

D

s

menggunakan

3. Program

e

u

spasi

t

p

antara unsur-

web
4. MySQL

a

p

unsur

i

o

memudahkan

l

r

kemampuan

t

klik.

di

(Database
)
5. Opera
Mobile

w
3. METODOLO

Emulator
b. Perangkat

e

2.4 Prinsip

b

Dasar Web

GI

keras

Mobile

PENELITIA

digunakan,

N
3.1 AnalisaKebu

meliputi:
1. Laptop

Prinsip

s



server

untuk

yang

t

dasar web mobile

a

diantaranya

t

yaitu :

i

1. Situs

s

harus

t

menggunakan

i

CSS

c
M

penerapan

lunak

tata

(software)

u

untuk

yang

Epson

l

memastikan

akandigunaka

C90

t

kompatibilita

i

s maksimum.

n, meliputi:
1.
Micro

-

Hindari

b

menggunakan

r

tabel

o

tuhan
Spesifikasiperang
kat
Anda

Core™2

yang

Duo CPU

digunakandalamp

T6500

enelitianiniadalah
dalam
letak

@2.10

sebagaiberikut:
a. Perangkat

GHz
2. RAM

Stylus
4. Smart

jari.

s

target

e

minimal

r

berukuran 30-

Klik
harus

7

Ultim
ate
2. Microsoft
Office
Word

dan

phone

Windo
ws

w

:

4.GB
3. Print

soft

2. Desain untuk

40px

HP Intel®

2007

3.2

Teknik

Pengumpulan
Data
1. Dokumentatif
Peneliti
mencari data
dari berbagai

Universitas Muhammadiyah Sidoarjo
10.1080200019

sumber

dan

referensi

dan informasi
yang jelas.
3. Wawancara
Merupakan

buku-buku
serta

secara

tindak lanjut

browsing

dari

data-data

(2014)

di

survey

lapangan

internet untuk

dahulu.

Berikut

adapun

tampilan

proses login

halaman

username

dapur.

admin.

jawab dengan

yang

konfirmasi.

password

dengan tanya

informasi

login terlebih

yaitu admin

melakukan

informasi-

yang sudah di

defaultnya

dengan

memperoleh

suatu proses

pihak terkait.

menunjang,
selanjutnya

4. HASIL dan

buku-buku

PEMBAHAS

From

yang menjadi

AN

Halaman

sumber
serta

data
alamat

browsing
penulis dalam
memperoleh
data-data
dapat dilihat
pada

daftar

pustaka.
2. Survey

4.1

Halaman

Admin

4.2

merupakan
aplikasi yang
digunakan
oleh

bagian

administrator
atau

orang

lapangan
Pengmatan
dilakukan

otoritas

secara

khusus untuk

langsung

melakukan

sehingga

konfigurasi
data

yang otentik

mempunyai

sistem.
sehingga
diperlukan

Dapur
Halam

Halaman

Halaman ini

yang

didapat

4.3 Data Pesan

Admin

an Data pesan

Dapur

digunakan untuk
In

put

halaman

dapur

untuk

menampilkan
data

pesanan

yang dilakukan

menginputka

oleh

n

member/custom

macam-

macam

er.

tempat
lesehan,
menu
maskan,
pakete

4.4

booking,

Halaman

melihat

data

Pesanan
Form ini

pesanan

dan

berfungsi untuk

data pesanan

melihat

Universitas Muhammadiyah Sidoarjo
10.1080200019

informasi

(2014)

Pada

pemesanan

halaman

ini

utama

lesehan

dan

Web

Mobile

outbond

yang

merupakan menu

telah

dipesan

awal dari aplikasi

oleh

customer.

sistem

Di dalam form

pemesanan

ini

warung lesehan.

customer

bisa

melihat

Didalam

tempat

lesehan

utama

mana

yang

masih

sudah

menu
ini

terdapat beberapa
pilihan

menu

dipesan,

yang

dapat

sehingga

dipilih

customer

tidak

bisa

memilih

lagi

tempat

customer

outbond

yang

menu

makanan

Pesanan

Selain itu pada

untuk

halaman

web

mengetahui data

mobile

juga

pesanan

terdapat
informasi warung
lesehan

dan

wisata di delta
fishing, sehingga
dapat
4.5
Utama
Mobile

Halaman
Web

mempermudah
customer

untuk

mendapatkan

yang

sudah
mempunyai
username

dan

password

untuk

login

dan

memesan.

serta melakukan
pemesanan.

ini

customer

kebutuhannya
melihat

digunakan untuk
customer

dengan
untuk

Halaman

fishing.

sesuai

dan
dipesan.

delta

oleh

lesehan
sudah

informasi

4.6 Halam
Login Pada Web
Mobile
Pada
halaman

login

digunakan untuk
mempermudah
customer

untuk

memesan warung

5.

lesehan

5.1 Kesimpulan

dan

PENUTUP

menu-menu yang
tersedia di delta

Berdasarkan

fishing. Halaman

kegiatan

yang

Universitas Muhammadiyah Sidoarjo
10.1080200019

telah

dilakukan

(2014)

e

erikan

Websi

selama

meng

kemu

te dan

perancangan

gunak

dahan

Web

sampai

an

kepad

Mobil

implementasi

bahas

a

e

sistem

a

custo

diman

perancangan

pemro

mer

faatka

sistem

grama

dlam

n

n PHP

menga

sebaik

dan

kses

-

reservasi warung

WML

infor

baikn

lesehan di delta

, serta

masi

ya

fishing

MySQ

menge

agar

Web Mobile ini

L

nai

tujuan

mka

sebag

menu

dibuat

diambil beberapa

ai

masak

nya

kesimpulan

daatab

an di

sistem

aseny

lDelta

ini

a.

Fishin

tercap

g

ai,

Sidoar

yaitu

jo.

memb

aplikasi

layanan
informasi

dan

berbasis
dapat

antara

lain

sebagai berikut :
1. Telah

2. Siste

diranc

m

ang

reserv

sistem

asi

reserv

warun

asi

g

Saran yang dapat

warun

leseha

diberikan Penulis

g

n

atas penelitian ini

leseha

berbas

adalah

n

is

berikut :

berbas

Web

is

Mobil

Web

e

Mobil

memb

5.2 Saran

sebagai

ini

er
kemu
dahan
untuk
custo
mer
menda
patkan

1. Penuli

infor

s

masi

berhar

dan

ap

melak

Universitas Muhammadiyah Sidoarjo
10.1080200019

(2014)

ukan

harus

selanj

g

reserv

dikem

utnya

menar

asi

bang

lebih

ik,

warun

lagi.

dikem

dihara

g

Dianta

bangk

pkan

leseha

ranya

an

pada

n

adalah

serta

peneli

Delta

penam

memp

tian

Fishin

bahan

erinda

selanj

g

halam

h

utnya

Sidoar

an-

tampil

lebih

jo

halam

an

dikem

secara

an

menja

bangk

online

web

di

an

.

agar

lebih

tampil

terliha

menar

an

t lebih

ik.

antar

di

2. Dari
segi
Websi
te,
websit
e yang
dibuat
masih
jauh
dari
kesem
purna
an,
dan
masih
banya
k
yang

lengak
ap dan
tampil
an
halam
an
web
yang
kuran
g
menar
ik.
Dihar
apkan
di
peneli
tian

muka

3. Dari

nya.

segi
Web
Mobil
e,
Web
Mobil
e yang
dibuat
tampil
an
antar
muka
websit
e
kuran

DaftarPustaka
[1] Al Fatta,
Hanif 2008.
Analisis dan
Perancangan
Sistem Informasi.
Andi Publisher :
Jakarta
[2] Agus. J.
2006. Ograman
Internet. PT.Elex
Media

Universitas Muhammadiyah Sidoarjo
10.1080200019

Komputindo :
Jakarta
[3] Kadir,
Abdul.2002.
Pemrograman
Web Menckup
HTML, CSS,
Javascript dan
PHP. Andi :
Yogyakarta.
[4] Nugroho, Adi.
2008.
Perancangan Dan
Implementasi
Sistem Basis
Data. Andi
Publisher :
Jakarta
[5] Zaki, Ali.
2012. Membuat
Web Mobile
dengan jQuery
Mobile. PT. Elex
Media
Komputindo :
Jakarta

(2014)