APLIKASI PEMESANAN MAKANAN PADA RESTORAN

BERBASIS ANDROID DAN PHP MENGGUNAKAN

PROTOKOL JSON
Anggia Kusumawaty
Jurusan Teknik Informatika
Fakultas Teknologi Industri
Universitas Gunadarma
10 November 2012

Di masa sekarang ini, media mobile

timbul masalah jika suatu restoran memiliki

telah menjadi salah satu aspek penting

ruang yang besar atau pengunjung yang

dalam kehidupan. Jangkauannya pun sudah

banyak. Oleh karena itu dibutuhkan sistem

meluas ke berbagai aspek baik dari segi

secara online untuk dapat mempercepat

pendidikan, hiburan hingga meluas ke dunia

proses

bisnis. Kemajuan teknologi khususnya pada

pengunjung.

bidang mobile banyak sekali memberikan

Kata Kunci : Pembuatan Aplikasi, Aplikasi

keuntungan

dan

Restoran, Android

penghematan

waktu

kemudahan
dan

dalam

penyampaian

daftar

pesanan

penghematan

tenaga kerja.
Bisnis restoran di Indonesia sudah

1.

Pendahuluan

1.1

Latar Belakang

semakin banyak. Beragam variasi makanan

Di masa sekarang ini, media mobile

menjadi daya tarik pada setiap restoran

telah meluas ke berbagai aspek. Mulai dari

dibandingkan

yang

dunia hiburan, pendidikan, hingga meluas ke

disajikan di rumah. Pada restoran, pelayan

dunia bisnis. Media mobile memiliki banyak

menghampiri pengunjung dan mencatat

tipe dalam sistem operasinya. Salah satu

pesanan pada sebuah kertas kemudian

media

menuju ke dapur agar proses pembuatan

digunakan saat ini adalah Android.

dengan

makanan

makanan yang dipesan. Proses tersebut

mobile

yang

sedang

banyak

Android merupakan sistem operasi

efisien untuk restoran yang kecil dan

terbaru

yang

pengunjung yang sedikit. Namun akan

dibandingkan

memiliki

dengan

kelebihan

perangkat

mobile

lainnya. Android juga menggunakan sistem

2.

Tinjauan Pustaka

layar

2.1

Pengertian Restoran

sentuh

(touch

screen)

yang

memudahkan pelanggan dalam penanganan

navigasinya.

Para

pelaku

bisnis

Rumah

makan atau biasa yang

telah

disebut dengan Restoran merupakan tempat

memanfaatkan kemajuan dari teknologi

atau bangunan yang diorganisasikan secara

tersebut untuk mendukung jalannya sistem

komersial, yang mempekerjakan pelayan-

yang mereka punya. Kemajuan teknologi

pelayan untuk tamunya dengan menyajikan

khususnya pada bidang mobile banyak

hidangan berupa makanan dan minuman[1].

sekali memberikan keuntungan-keuntungan

2.2

dan juga dapat memberikan kemudahan

Jika ingin bekerja pada beberapa bidang

dalam penghematan waktu dan penghematan

dalam rekayasa perangkat lunak, maka akan

tenaga kerja.

dibutuhkan beberapa perangkat lunak untuk

Proses tersebut akan efisien untuk

Bahasa Pemrograman Java

mengatasinya.

Bagaimana

jika

hanya

restoran yang kecil dan pengunjung yang

memiliki satu perangkat lunak, tetapi dapat

sedikit. Namun akan timbul masalah jika

menangani beberapa bidang atau program

suatu restoran memiliki ruang yang besar

(Multi Purpose Programming) dan sesuai

atau pengunjung yang banyak. Pelayan

(portable) untuk beberapa sistem operasi,

harus menghampiri meja pengunjung yang

maka

dilayani pertama kemudian menyerahkannya

memakai dan mempelajari Java.

ke dapur, tetapi pelayan tersebut tidak

2.3

sempat
pesanan

ke

dapur

meja

jawaban

satu-satunya

dengan

Android

untuk

menyerahkan

Android adalah sebuah sistem operasi

pertama

dikarenakan

untuk ponsel yang berbasis Linux. Android

pengunjung pada meja yang berbeda ingin

SDK

memesan juga. Sehingga pesanan yang

menyediakan tools dan API (Application

dipesan pengunjung pada meja pertama

Programming Interface) yang diperlukan

belum sempat disampaikan ke dapur.

bagi para pengembang untuk membuat dan

1.2

Batasan Masalah

mengembangkan aplikasi yang digunakan

Batasan masalah dalam penelitian ini

pada ponsel bersistem operasi Android

adalah aplikasi Pemesanan Makanan pada

dengan menggunakan bahasa pemrograman

Restoran hanya dapat beroperasi pada

Java[5].

perangkat Android.

(Software

Development

Kit)

2.4

XML

(Extensible

Markup

digunakan

untuk

memodelkan

aplikasi

prosedural dalam VB atau C.

Language)
Extensible Markup Language (XML)

2.6

CI (CodeIgniter)

adalah bahasa markup serba guna yang

CodeIgniter adalah aplikasi open

direkomendasikan oleh W3C (World Wide

source yang berupa framework dengan

Web Consortium) untuk mendeskripsikan

model MVC (Model, View, Controller)

berbagai macam data. XML menggunakan

untuk membangun website dinamis dengan

markup

HTML

menggunakan

namun

memudahkan developer untuk membuat

penggunaannya tidak terbatas pada tampilan

aplikasi web dengan cepat dan mudah

halaman situs saja.

dibandingkan dengan membuatnya dari

2.5

Unified Modeling Language (UML)

awal. CodeIgniter dirilis pertama kali pada

UML adalah sebuah bahasa yang

28 Februari 2006. Versi terakhir adalah

tags

(Hypertext

seperti

Markup

halnya

Language),

PHP[7].

CodeIgniter

telah menjadi standar dalam industri untuk

1.7.2 dapat dilihat di website resminya.

visualisasi,

2.7

merancang

dan

sistem

perangkat

PHP (PHP Hypertext Preprocessor)

lunak[6]. UML menawarkan sebuah standar

yang merupakan bahasa pemrogramman

untuk merancang model sebuah sistem.

berbasis web yang memiliki kemampuan

Dengan menggunakan UML model dapat

untuk memproses data dinamis[7].

mendokumentasikan

PHP

dibuat untuk semua jenis aplikasi perangkat

lunak,

PHP (Hypertext Preprocessor)

server-side

dikatakan
embedded

sebagai
script

sebuah
language

dimana

aplikasi

tersebut

dapat

pada

perangkat

keras,

sistem

artinya sintaks-sintaks dan perintah yang

operasi dan jaringan apapun serta ditulis

kita berikan akan sepenuhnya dijalankan

dalam bahasa pemrograman apapun. Tetapi

oleh server tetapi disertakan pada halaman

karena UML juga menggunakan class dan

HTML biasa.

operation dalam konsep dasarnya, maka

2.8

berjalan

JSON (JavaScript Object Notation)

UML lebih cocok untuk penulisan perangkat

JSON (dibaca: Jason), singkatan

lunak dalam bahasa-bahasa berorientasi

dari JavaScript Object Notation adalah suatu

objek seperti C++, Java, C# atau VB.NET.

format ringkas pertukaran data computer.

Walaupun demikian, UML tetap dapat

Formatnya

berbasis

manusia

serta

teks

dan

digunakan

terbaca
untuk

merepresentasikan struktur data sederhana

misalnya pada Restaurant yang daftar menu

dan larik asosiatif (disebut objek). Format

makanannya banyak tentu tampilan layar

JSON

untuk

pada handphone akan semakin luas. Untuk

mentransmisikan data terstruktur melalui

itu pada tampilan daftar menu makanan dan

suatu koneksi jaringan pada suatu proses

minuman digunakan scroll yang berfungsi

yang disebut serialisasi.

untuk dapat menampilkan semua daftar

sering

digunakan

menu pada setiap restoran.

3.

Analisa dan Perancangan

3.2

Rancangan Alur Program

Perkembangan sistem pada restoran-

Untuk perancangan alur program,

restoran di manca Negara dari dulu hingga

digunakan empat diagram yang disediakan

sekarang berkembang pesat. Dimulai dari

oleh UML (Unified Modelling Language)

sistem pemesanan makanan pada restoran.

yaitu Use Case Diagram, Activity Diagram,

Saat pertama kali terbentuknya restoran di

Sequence Diagram, dan Class Diagram.

seluruh Negara, pelanggan

3.2.1

yang akan

Perancangan Use Case Diagram

memesan makanan, pesanan akan dicatat

Use Case diagram menggambarkan

oleh pelayan restoran dengan menggunakan

urutan interaksi antara satu atau lebih aktor

kertas dan alat bantu tulis yaitu pensil atau

dan sistem. Setiap use case menggambarkan

bolpoin. Setelah selesai mencatat pesanan

perilaku sejumlah aspek sistem, tanpa

pelanggan, kemudian pelayan mengantarkan

mengurangi struktur internalnya.

daftar

pesanan

pelanggan

pada

kertas

tersebut menuju dapur.

3.1

Perancangan Interface
Aplikasi Pemesanan Makanan pada

Restoran adalah suatu aplikasi yang berguna

untuk

mempermudah

pelayan

dalam

mencatat pesanan setiap pelanggan yang

akan memesan makanan pada Restaurant
tersebut. Untuk rancangan interface aplikasi
ini dititikberatkan pada tampilan menu
makanan dan minuman. Daftar menu pada
tiap

Restaurant

pastinya

berbeda-beda,

Gambar 3.8. Use Case Diagram antara

Pelayan dengan Pelanggan

3.2.3

Perancangan Class Diagram

Class diagram adalah sebuah class

yang

menggambarkan

struktur

dan

penjelasan class, paket, dan objek serta

Gambar 3.9. Use Case Diagram antara
Pelayan dan Server
3.2.2

diagram

lain.

merupakan

gambarkan dari alur aktivitas dalam sebuah

sistem

yang

sedang

dirancang

dan

bagaimana masing-masing alur aplikasi

dapat

berjalan.

satu

sama

lain

seperti

containment, pewarisan, asosiasi, dan lain-

Perancangan Activity Diagram

Activity

hubungan

Activity

Diagram

mempunyai peran dan fungsi yang sama

seperti halnya flowchart. Activity diagram
mempunyai perbedaan dengan flowchart
yaitu activity diagram biasa mendukung
perilaku parallel sedangkan flowchart tidak
dapat mendukung perilaku parallel. Activity
diagram juga merupakan state diagram
khusus, di mana sebagian besar state adalah
action.

Class

diagram

juga

menjelaskan

hubungan antar class dalam sebuah sistem

yang sedang dibuat dan bagaimana caranya
agar mereka saling berkolaborasi untuk
mencapai

sebuah

tujuan.

Class

juga

memiliki 3 area pokok (utama) yaitu nama,

atribut, dan operasi. Nama berfungsi untuk
memberi

identitas

Atribut

berfungsi

pada

sebuah

untuk

kelas.

memberi

karakteristik pada data yang dimiliki suatu

objek di dalam kelas. Operasi berfungsi
memberikan sebuah fungsi ke sebuah objek
secara umum. Di dalam class diagram
terdapat

hubungan

antar

kelas

secara

konseptual, yang disebut Relasi antar Class.

Sedangkan

didalam

macam-macam

UML

relasi

disediakan

antar

Class,

diantaranya Asosiasi (Hubungan statis antar

kelas),

Agregasi

(Hubungan

dari

Keseluruhan Objek), Generalisasi (Relasi

Beberapa

Subkelas

ke

Super

Kelas),

Dependency (Keterhubungan Tiap Kelas).

Pada gambar 3.11 menunjukkan class
Gambar 3.10 Activity Diagram Pemesanan
Makanan pada Restoran

diagram dari aplikasi Pemesanan Makanan

pada Restoran.

4.

Implementasi Program

4.1

Pembuatan Tampilan Menu Awal

Aplikasi
Pada pembahasan kali ini akan dibuat
tampilan
Pemesanan
Gambar 3.11. Class Diagram Pemesanan

awal

Makanan

dari
pada

aplikasi
Restoran.

Langkah pertama yaitu dengan membuat

rancangan

Makanan pada Restoran

menu

tampilan

menu

pada

XML

kemudian dilanjutkan dengan pemrograman

3.2.4

Perancangan Sequence Diagram

Diagram

Sequence

adalah

java pada bagian Restoran.activity.

suatu

diagram yang menggambarkan interaksi

antara

obyek

dan

mengindikasikan

komunikasi diantara obyek-obyek tersebut.

Diagram ini juga menunjukkan serangkaian
pesan yang dipertukarkan oleh obyek-obyek
yang melakukan suatu tugas atau aksi
tertentu. Obyek-obyek tersebut kemudian
diurutkan dari kiri ke kanan, aktor yang
menginisiasi interaksi biasanya ditaruh di

Gambar 4.7. Tampilan Menu Awal Aplikasi

paling kiri dari diagram.

4.2

Pembuatan Tampilan Daftar Menu

Makanan dan Minuman

Pada tampilan daftar menu makanan
dan minuman menggunakan menu tab.
Menu tab pada tampilan ini dibagi menjadi 2
menu tab yaitu makanan dan minuman,serta
menggunakan 3 pilihan option menu, yaitu
Reset, Refresh, dan Kembali.
Gambar 3.12 Sequence Diagram Pemesanan
Makanan pada Restoran

Gambar 4.9. Tampilan Proses Penginputan

Makanan dan Minuman
4.4

Tampilan Total Pesanan Pelanggan

Pada

tampilan

adalah

tampilan

dimana semua pesanan pelanggan telah di

masukkan kemudian akan tampil pada
jendela baru berupa text box yang terdiri dari
nama makanan yang dipesan, kemudian

Gambar 4.8. Tampilan Daftar Menu

jumlah tiap makanan yang dipesan, harga

Makanan dan Minuman

4.3

Pengkodean pada Java Tampilan

Daftar

Menu

Makanan

dan

Setelah pengkodean pada xml untuk

daftar menu

yaitu total harga dari seluruh pesanan

pelanggan. Tampilan tersebut akan tampil

Minuman

pembuatan

satuan dari tiap masakan, dan yang terakhir

makanan

dan

jika pelayan memilih pilihan kirim yang

terletak pada option menu pada handphone.

minuman, dilanjutkan dengan pengkodean

didalam java. Pada pengkodean didalam
java ini akan dibuat 3 class java, yaitu :
1. DaftarMenu.java
2. DaftarMakanan.java
3. DaftarMinuman.java

Gambar 4.10. Tampilan Total Pesanan

Pelanggan

5.

PENUTUP

5.1

Kesimpulan
Program aplikasi mobile Pemesanan

Makanan pada Restoran untuk handphone

dengan

sistem

operasi

Android

yang

Referensi

[1] Pratama Julian . Jenis-Jenis Restoran

Berdasarkan

menggunakan bahasa pemrograman Java

pada

memudahkan

Restoran

pelayan

ini

dalam

dapat

mencatat

06/jenis-jenis-restoran/.
[2] Raharjo, B., Haryanto, I., & Haryono,
A. 2010. Mudah Belajar Java. Bandung:

pesanan pelanggan pada setiap Restoran.

Pelayan tidak perlu membawa selembar
kertas dan alat tulis untuk mencatat pesanan
pelanggan,

tetapi

menggunakan

media

handphone

untuk

mencatat

pesanan

pelanggan.

Dalam

hal

aplikasi

ini,

Pemesanan Makanan pada Restoran telah

melaksanakan fungsinya dalam pemesanan
makanan dan minuman.
5.2

Aplikasi Pemesanan Makanan pada

Restoran masih termasuk ke dalam aplikasi
yang sederhana. Tampilan background dari
apilkasi ini masih dapat dikembangkan agar
terlihat

lebih

menarik

terutama

pada

tampilan server. Oleh karena itu, untuk

kedepannya hal ini dapat menjadi acuan
untuk dikembangkannya aplikasi Pemesanan
Makanan

pada

Restoran

menggunakan

perangkat mobile berbasis Android agar

dapat lebih bermanfaat.

Informatika.
[3]

Supriyatno.

2010.

Pemrograman

Database Menggunakan Java & Mysql.

Jakarta: Mediakita.
[4] Shalahuddin, M., Rosa, A.S. 2007.
Belajar Pemrograman dengan Bahasa
Pemrograman C++ dan Java. Bandung:
Informatika.
[5] Safaat

Saran

Pelayanan.

http://ndjoe17.wordpress.com/2012/06/

telah berhasil dibuat. Aplikasi Pemesanan

Makanan

Fungsi

Nazruddin,

ANDROID

H.

Pemrograman

2012.
Aplikasi

Mobile Smartphone dan Tablet PC

Berbasis

Android.

Bandung:

Informatika.
[6] Nugroho,

Adi.

2010.

Rekayasa

Perangkat Lunak Menggunakan Uml

Dan Java. Yogyakarta: Andi.

[7] Riyanto.

2011.

Membuat

Sendiri

Aplikasi E-Commerce Dengan PHP dan

MySql Menggunakan CodeIgniter dan

Jquery.Yogyakarta:

Andi.