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.
