PROPOSAL UJI KOMPETENSI

SISTEM INFORMASI RESTORAN DELIVERY

ORDER BERBASIS WEB















DI SUSUN OLEH:

ARYA PUJIANTO
110442070210
DEPOK
2013



DAFTAR ISI

BAB 1
1.1 Latar Belakang
1.2 Identifikasi Project
1.3 Pembatasan Project
1.4 Tujuan Project
1.5 Software Aplikasi Pendukung Project

BAB 2
Observasi dan Pembuatan

BAB 3
Pembahasan
3.1 Bagan Alir Flowchart Program
1. Flowchart Halaman Utama
2. Flowchart Prosedur Pelanggan
3. Flowchart Prosedur Menu
4. Flowchart Prosedur Profil
5. Flowchart Prosedur Shopping Cart
6. Flowchart Prosedur Kirim Pesanan
7. Flowchart Prosedur Admin
8. Flowchart Prosedur Menu Admin
9. Flowchart Prosedur User Admin
10. Flowchart Prosedur Kategori Admin
11. Flowchart Prosedur Area Kirim Admin
12. Flowchart Prosedur Level User
13. Flowchart Prosedur Metode Bayar
14. Flowchart Prosedur Komentar
15. Flowchart Prosedur Pesanan
16. Flowchart Prosedur Laporan
17. Flowchart Prosedur Kasir
3.2 Perancangan Sistem
3.2.1 Diagram Konteks


3.2.2 Diagram Level 0
3.2.4 Diagram Detail 1.0
3.2.5 Diagram Detail 2.0
3.2.6 Diagram Detail 4.0

3.3 Perancangan Database
3.3.1 Tabel Master
1. Tabel Level User (leveluser)
2. Tabel User (users)
3. Tabel Kategori (kategori)
4. Tabel Menu (menu)
5. Tabel Menu Favorit (menufavorit)
6. Tabel Suara Konsumen (suarakonsumen)
7. Tabel Area Kirim (areakirim)
8. Tabel Metode Pembayaran (metodebayar)
9. Tabel Sistem (cms)

3.3.2 Tabel Transaksi
1. Tabel Pesanan (pesanan)
2. Tabel Detail Pesanan (pesanandetail)
3. Tabel Transaksi Pesanan (pesanantrans)

3.3.3 Relasi Antar Tabel

3.4 Perancangan Desain Interface Website
3.4.1 Perancangan Desain Front End
a. Halaman Index Website
b. Menu Login
c. Halaman Index Setelah User Login
d. Halaman Suara Komentar
3.4.2 Perancangan Desain Back End
a. Halaman Index Untuk Admin
b. Halaman Index Untuk Kasir


BAB 4
Penutup
Daftar Pustaka


BAB 1
1.1 Latar Belakang
Perkembangan teknologi yang semakin tinggi menuntut layanan yang semakin mudah , cepat dan
praktis.Teknologi internet disebut sebagai teknologi yang paling murah dan paling mudah dibandingkan
teknologi informasi yang lain. Dengan menggunakan teknologi tersebut dibuatlah sistem yang cukup
murah namun tetap efektif dalam mengerjakan pelayanan transaksi pesan antar atau distribusi delivery
order menu pada restoran.
Pada Uji Kompetensi tahun ini, akan dibuat sebuah website untuk restoran yang dilengkapi dengan
fasilitas pendukung pemesanan secara online melalui web sebagai sarana untuk memesan makanan dan
minuman yang langsung diantarkan ke rumah Pelanggan atau yang biasa kita kenal sebagai delivery
order. Dengan website yang dilengkapi dengan fasilitas pemesanan secara online pada restoran ini
diharapkan akan meningkatkan kepercayaan serta memberikan kepuasan tersendiri bagi para
Pelanggan/Customernya

1.2 Identifikasi Project
Dari sistem yang sedang berjalan berpotensi menimbulkan masalah-masalah. Berikut adalah
masalah-masalah yang dapat ditimbulkan:
1. Kurang akuratnya semua data yang ada
2. Tidak efisien waktu dalam pembuatan laporan, memerlukan waktu yang lama dalam pembuatan
laporan dikarenakan masih manual.
3. Laporan tidak dapat di akses setiap saat.
4. Keamanan data kurang, data manual dan rentan terjadi masalah.

1.3 Pembatasan Project
Pada penyelenggaraan proyek aplikasi ini, pembatasan permasalahannya adalah :
1. Layanan delivery order hanya dapat dilakukan oleh Pelanggan yang telah mendaftar di restoran
dan menjadi member restoran.
2. Area pesan antar (delivery order) hanya untuk area Jabodecitabek
3. Pembatalan pesanan hanya dapat dilakukan selama pesanan belum diproses / dikonfirmasi oleh
petugas restoran
4. Daftar pesanan Pelanggan tidak dapat diubah/diganti
5. Sistem akan otomatis mencatat transaksi setelah pesanan diproses/dikonfirmasi
6. Pembayaran (delivery order) dilakukan secara manual yaitu dibayar setelah pesanan diterima
member
7. Sistem ini tidak melayani transaksi antara restoran dengan supplier
8. Belum adanya system statistic dan system poling pengunjung/Pelanggan


1.4 Tujuan Project
Tujuan pembuatan proyek aplikasi ini antara lain :
1. Pelanggan tidak langsung datang langsung untuk memesan menu di restoran, tetapi dapat
langsung memesannya melalui website
2. Laporan penjualan dapat di akses realtime/setiap saat.
3. Mudahnya dalam memanagement data-data seperti menu,pelanggan,penjualan dll



1.5 Software Aplikasi Pendukung Project
Aplikasi software yang digunakan untuk membangun sistem aplikasi ini adalah:
1. Adobe Dreamweaver CS5 sebagai editor dan pembuatan user interface
2. SQLyog Enterprise digunakan untuk sinkronisasi database MySQL dan untuk pengujian query
3. WampServer 2.2 sebagai server dengan Apache versi 2.2.22,PHP versi 5.3.0,MySQL versi
5.0.51a
4. Mozilla Firefox 22.0 dan Google Chrome 28.0.1500.72 m sebagai alat testing website

BAB 2
Observasi dan Pembuatan

Metode Penelitian yang penulis lakukan adalah melalui observasi/pengamatan terhadap sistem
informasi delivery order yang sudah ada seperti pada Hoka-Hoka Bento, Pizza Hut,Dcost Seafood dan
pemahaman punulis sendiri tentang sistem informasi restoran delivery order ini.

Teknologi yang digunakan dalam pembuatan sistem informasi ini antara lain:
a. Bahasa pemrograman yang dipakai adalah PHP 5.3.0
b. Database MySQL 5.0.51a
c. HTML
d. CSS
e. Library JavaScript Jquery 1.9.1
f. Datepicker
g. Amazon Scroller. js untuk slider
h. FPDF versi 1.6 untuk report dengan hasil file pdf



















BAB 3
Pembahasan
3.1 Bagan Alir (Flowchart) Program
Flowchart sendiri merupakan gambaran yang menampilkan struktur alur jalannya aplikasi Sistem
Informasi Restoran Delivery Order

1. Flowchart Halaman Utama
Flowchart ini menjelaskan halaman yang pertama kali di load oleh web
browser dan pada saat user Login

Start
Halaman
Utama
Website
Mempunyai
Akun
Pendaftaran
T
Login
Y
Klik Submit
Cek
Username
Username
Tersedia
T
Y
Simpan
Data
Y
Apakah
Login
T
Cek
Username
Dan
Password
Username
Password
Ada
T
Cek
Level User
Y
Admin
Kasir
Pelanggan
T
T
Posedur
Admin
Posedur
Kasir
Posedur
Pelanggan
Y
Y
Y T
Tampilan
Pendaftara
n
Berhasil
End
End
End
Keluar
Keluar
Website
T
Tutup
Website
Y









2. Flowchart Prosedur Pelanggan
Flowchart ini menjelaskan tentang halaman yang pertama kali di load oleh web
browser dan pada saat user berhasil Login dengan level Pelanggan

Prosedur
Pelanggan
Tampilkan
Menu
Home
Menu
Tampil
Halaman
Home
Y
Tampil
Halaman
Menu
Prosedur
Menu
Y
T
Suara
Konsumen
T
Tampilkan
Halaman
Suara
Konsumen
Y
Mengirm
Komentar
Komentar
Y
Klik
Submit
Simpan
Data
Komentar
T
Cara Order
T
Tampilkan
Halaman
Cara
Order
Y
Profil Anda
Tampilkan
Halaman
Profil
Anda
Y
T
Prosedur
Profil
T
Logout Keluar
Y
End
T
Lihat
Pesanan
Prosedur
Shopping
Cart
Y
T



3. Flowchart Prosedur Menu
Flowchart ini menjelaskan tentang alur program pada halaman Menu pada website



Prosedur
Menu
Tampilkan
Data Menu
Detail
Pesan
T
Tampilkan
Halaman
Detail
Y
Pesan
T
Prosedur
Shopping
Cart
Y
Y
T
Prosedur
Pelanggan




4. Flowchart Prosedur Profil
Flowchart ini menjelaskan tentang alur program halaman Profil masing-masing User
dan User dapat mengubah data pribadi masing-masing.

Prosedur
Profil
Edit Data
Edit Data Profil
Klik
Simpan
Prosedur
Pelanggan
T
Y
Simpan
Data
Pelanggan
Y
Tampilkan
Data
Berhasil
Disimpan
Query Valid
Tampilkan
Data Gagal
Disimpan
T









5. Flowchart Prosedur Shopping Cart
Flowchart ini menjelaskan tentang alur program pada saat User memilih satu atau lebih
daftar menu untuk disimpan ke shopping cart /keranjang belanja

Prosedur
Shopping
Cart
Menu Sudah
Ada di Cart
Tampilkan
Pesan Menu
Sudah ada di
Daftar Cart
Y
Tampilkan
Halaman
Cart
Menambah
Cart
T
Mengubah
Jumlah
Hapus
Hapus Semua
Item
T
Perbaharui
Pilih Menu
Lain
Kirim
Pesanan
Y
T
Hapus
Satu Item
Terpilih
Y
T
Tampilkan
Alert Anda Yaqin
Menghapus
Semu Cart
Y
Hapus
Semua
Setuju
Y
T
T
T
Memperbaharui
Daftar Cart
Y
Jumlah
Prosedur
Menu
Y
Prosedur
Kirim
Pesanan
Prosedur
Pelanggan
Y T
Query
String==Add
Cek
Daftar Cart
Y
T











6. Flowchart Prosedur Kirim Pesanan
Flowchart ini menjelaskan tentang alur program pada saat User ingin mengirimkan
pesanan pada keranjang belanja.

Prosedur
Kirim
Pesanan
Halaman
Form
Pesanan
Tambahan
Metode Bayar
Tanggal Dan Jam
Kirim
Area Kirim
Alamat
Telepon
Klik
Kirim
Pesanan
Simpan Data
Pesanan
Y
Faktur
Pesanan
Prosedur
Pelanggan
T
Tampilkan
Pesan
Terima
Kasih



















7. Flowchart Prosedur Admin
Flowchart ini menjelaskan tentang alur program halaman User dengan Level Admin

Prosedur
Admin
Tampilkan
Menu
Admin
Menu
User
Kategori
Area Kirim
Level User
Metode
Bayar
Komentar
Pesanan
Laporan
Sistem
Menu
Favorit
Logout
T
T
T
T
T
T
T
T
T
T
T
Prosedur
Menu
Admin
Prosedur
User
Admin
Prosedur
Kategori
Admin
Prosedur
Area Kirim
Admin
Prosedur
Level
User
Prosedur
Metode
Bayar
Prosedur
Komentar
Prosedur
Pesanan
Prosedur
Laporan
Tampilkan
Halaman
Sistem
Y
Ubah
Sistem
T
Sistem
Y
Klik
Submit
Simpan
Data
Tampilkan
Halaman
Menu
Favorit
Y Ubah
Menu
Favorit
Masukan
Menu
Favorit
Y
Keluar
Y
End
T
Klik
Submit
Simpan
Data
T
Y
Y
Y
Y
Y
Y
Y
Y
Y
Profil
T
Tampil
Halaman
Profil
Y
Prosedur
Profil






8. Flowchart Prosedur Menu Admin
Flowchart ini menjelaskan tentang alur program halaman daftar menu pada halaman
Admin dan Admin dapat mengubah,menambah atau menghapus daftar menu.

Prosedur
Menu
Admin
Tampilkan
Daftar
Menu
Cari Data
Tambah
Menu
Lihat Menu
Edit Menu
Hapus Menu
T
T
T
T
T
Cari Data
Form
Tambah Data
Tampil
Halaman
Form
Y
Y
Klik
Submit
Simpan
Simpan
Tutup
Batal
Y
T T
Y
Simpan
Data
Menu
Simpan
Data
Menu
Y
Tampil
Halaman
Menu
PopUp
Y
Close
Tampil
Halaman
Form Edit
Y
Form
Edit Data
Simpan
Simpan
Tutup
Batal
T T
Simpan
Data
Menu
Simpan
Data
Menu
Y Y
Y
T
T
Alert
Peringatan
Y
Setuju
Hapus
Menu
Y
T


















9. Flowchart Prosedur User Admin
Flowchart ini menjelaskan tentang alur program halaman daftar User pada halaman
Admin dan Admin dapat mengubah,menambah atau menghapus daftar User.

Prosedur
User
Admin
Tampilkan
Daftar
User
Cari Data
Tambah
User
Lihat User
Edit User
Hapus User
T
T
T
T
T
Cari Data
Form
Tambah Data
Tampil
Halaman
Form
Y
Y
Klik
Submit
Simpan
Simpan
Tutup
Batal
Y
T T
Y
Simpan
Data
User
Simpan
Data
User
Y
Tampil
Halaman
User
PopUp
Y
Close
Tampil
Halaman
Form Edit
Y
Form
Edit Data
Simpan
Simpan
Tutup
Batal
T T
Simpan
Data
User
Simpan
Data
User
Y Y
Y
T
T
Alert
Peringatan
Y
Setuju Hapus User Y
T


















10. Flowchart Prosedur Kategori Admin
Flowchart ini menjelaskan tentang alur program halaman daftar Kategori Menu pada
halaman Admin dan Admin dapat mengubah,menambah atau menghapus daftar Kategori
Menu.

Prosedur
Kategori
Admin
Tampilkan
Daftar
Kategori
Tambah
Kategori
Edit Kategori
Hapus
Kategori
T
T
T
Form
Tambah Data
Tampil
Form
Tambah
Y
Simpan
T
Y
Simpan
Data
Kategori
Tampil
Form Edit
Y
Form
Edit Data
Simpan
T
Simpan
Data
Kategori
Y
Alert
Peringatan
Y
Setuju
Hapus
Kategori
Y
T
Klik
Batal
Klik
Batal















11. Flowchart Prosedur Area Kirim Admin
Flowchart ini menjelaskan tentang alur program halaman daftar Area Kirim pada
halaman Admin dan Admin dapat mengubah,menambah atau menghapus daftar Area
Kirim.

Prosedur
Area Kirim
Admin
Tampilkan
Daftar
Area Kirim
Tambah
Area Kirim
Edit Area
Kirim
Hapus Area
Kirim
T
T
T
Form
Tambah Data
Tampil
Form
Tambah
Y
Simpan
T
Y
Simpan
Data
Area Kirim
Tampil
Form Edit
Y
Form
Edit Data
Simpan
T
Simpan
Data
Area Kirim
Y
Alert
Peringatan
Y
Setuju
Hapus Area
Kirim
Y
T
Klik
Batal
Klik
Batal














12. Flowchart Prosedur Level User
Flowchart ini menjelaskan tentang alur program halaman daftar Level User
pada halaman Admin dan Admin dapat mengubah,menambah atau menghapus daftar
Level User
.

Prosedur
Level User
Tampilkan
Daftar
Level User
Tambah
Level User
Edit Level
User
Hapus Level
User
T
T
T
Form
Tambah Data
Tampil
Form
Tambah
Y
Simpan
T
Y
Simpan
Data
Level User
Tampil
Form Edit
Y
Form
Edit Data
Simpan
T
Simpan
Data
Level User
Y
Alert
Peringatan
Y
Setuju
Hapus
Level User
Y
T
Klik
Batal
Klik
Batal













13. Flowchart Prosedur Metode Bayar
Flowchart ini menjelaskan tentang alur program halaman daftar Metode Bayar
pada halaman Admin dan Admin dapat mengubah,menambah atau menghapus daftar
Metode Bayar.

Prosedur
Metode
Bayar
Tampilkan
Daftar
Metode
Bayar
Tambah
Metode
Bayar
Edit Metode
Bayar
Hapus Metode
Bayar
T
T
T
Form
Tambah Data
Tampil
Form
Tambah
Y
Simpan
T
Y
Simpan
Data
Metode
Bayar
Tampil
Form Edit
Y
Form
Edit Data
Simpan
T
Simpan
Data
Metode
Bayar
Y
Alert
Peringatan
Y
Setuju
Hapus
Metode
Bayar
Y
T
Klik
Batal
Klik
Batal














14. Flowchart Prosedur Komentar
Flowchart ini menjelaskan tentang alur program halaman daftar Komentar/Suara
Konsumen pada halaman Admin dan Admin dapat mengubah,menambah atau
menghapus daftar Komentar/Suara Konsumen .


Prosedur
Komentar
Tampilkan
Daftar
Komentar
Cari Data
Tambah
Komentar
Edit Komentar
Hapus
Komentar
T
T
T
T
Cari Data
Form
Tambah Data
Tampil
Halaman
Form
Y
Y
Klik
Submit
Simpan
Simpan
Tutup
Batal
Y
T T
Y
Simpan
Data
Komentar
Simpan
Data
Komentar
Y
Tampil
Halaman
Form Edit
Y
Form
Edit Data
Simpan
Simpan
Tutup
Batal
T T
Simpan
Data
Komentar
Simpan
Data
Komentar
Y Y
Y
T
T
Alert
Peringatan
Y
Setuju
Hapus
Komentar
Y
T


















15. Flowchart Prosedur Pesanan
Flowchart ini menjelaskan tentang alur program halaman daftar Pesanan Pelanggan
pada halaman Admin dan halaman Kasir, Dimana Admin/Kasir dapat mengkonfirmasi,
mencetak faktur,melihat rincian atau membatalkan pesanan

Prosedur
Pesanan
Tampil
Daftar
Pesanan
Pesanan
Terkonfirmasi
Lihat
Rincian
Y
Tampil
Halaman
Rincian
Pesanan
Y
Cetak Faktur
Faktur
Pesanan
Pelanggan
Y
T
Prosedur
Admin
Pesanan
Belum
Dikonfirmasi
T
T
Lihat
Rincian
Y
T
Close
Close
Y
Konfirmasi
Pesanan
T
Submit
Konfirmasi
Y
Simpan
Transaksi
Tampilkan
Pesanan
Berhasil
Disimpan
Cancel
Pesanan
T
Submit
Cancel
Pesanan
Y
Hapus
Pesanan
Tampilkan
Pesanan
Berhasil
Dicancel
T













16. Flowchart Prosedur Laporan
Flowchart ini menjelaskan tentang alur program Menu Laporan pada halaman Admin
dan Admin dapat membuat/mencetak laporan penjualan berdasarkan periode yang
ditentukan dan admin dapat juga melihat semua data penjualan

Prosedur
Laporan
Tampil
Halaman
Laporan
Laporan
Penjualan
Laporan
Penjualan
Semua
Barang
Data
Transaksi
Tampil
Halaman
Laporan
Penjualan
Y
Periode
Cetak
Cek
Data Transaksi
Data
Ada
Tampilkan
Data
Penjualan
Y
Cetak
Laporan
Penjualan
Tampilkan
Data
Tidak Ada
T Y
T
T
Tampil
Halaman Laporan
Penjualan Semua
Barang
Y
Periode
Cek
Data Transaksi
Berdasarkan
Jumlah Menu
Data
Ada
Tampilkan
Data
Semua
Barang
Y
Cetak
Laporan
Penjualan
Semua
Barang
Tampilkan
Data
Tidak Ada
T Y
T
T
Tampil
Data
Penjualan
Y
Cari Transaksi
ID Transaksi
Y
Submit
Cek
Data Transaksi
Data
Ada
Tampilkan
Data
Penjualan
Y
Cetak
Laporan
Penjualan
Tampilkan
Data
Tidak Ada
T Y
T
T
T



17. Flowchart Prosedur Kasir
Flowchart ini menjelaskan tentang alur program halaman User dengan Level Kasir

Prosedur
Kasir
Tampilkan
Menu
Kasir
Pesanan
Logout
T
Prosedur
Pesanan
Keluar
Y
End
T
Y
Profil
T
Tampil
Halaman
Profil
Y
Prosedur
Profil




3.2 Perancangan Sistem
Dalam pembuatan sistem informasi ini diperlukan perancangan sistem untuk
mempermudah dalam pembuatan. Berikut adalah perancangan sistem dari untuk sistem informasi
delivery order ini :

3.2.1 Diagram Konteks
Perancangan sistem informasi delivery order yang disajikan dalam bentuk diagram konteks
sebagai berikut:

Simtem Informasi
Restoran
Delivery Order
Kasir
Pimpinan
Admin
Pelanggan
Transaksi Pesanan
User
Transaksi Pesanan
Suara Komsumen
Pesanan
Menu
User
Metode Bayar
Kategori
Menu Favorit
Laporan
Penjualan
Faktur/Bukti Pesanan
Peanan
User
Pesanan
Pesanan
User
Transaksi Pesanan
Suara Komsumen
Pesanan
Menu
User
Metode Bayar
Kategori
Menu Favorit



3.2.2 DFD Level 0
Alur data yang disajikan dalam bentuk DFD level 0 adalah sebagai berikut :
1.0
Olah Data
Menu
2.0
Olah Data
User
3.0
Olah Data
Suara
Konsumen
4.0
Olah Data
Pesanan
5.0
Laporan
Penjualan
Admin
Pelanggan
Kasir
Pimpinan
Menu
User
Suara Konsumen
Pesanan
Pesanan
Laporan
Penjualan
Transaksi Pesanan
Menu
User
Suara
Konsumen
Pesanan
Pesanan
Detail
Menu
User
Suara Konsumen
Pesanan
Pesanan
User
Iduser,Pesanan
Faktur Pesanan,Pesanan
idmenu
iduser
User
Iduser,Suara Konsumen
User,Pesanan
Menu
User
User
User
Suara Konsumen
Transaksi Pesanan
Pesanan
idpesanan
idmenu




3.2.3 DFD Detail 1.0
1.1
Olah Data
Menu
Favorit
1.2
Olah Data
Menu
Kategori
Menu Favorit
Kategori
Menu favorit
kategori
Admin Idmenu,Menu favorit
Idmenu,kategori
1.0
Olah Data
Menu
Kategori,idkategori
Menu favorit
Kategori
Menu favorit






3.2.4 DFD Detail 2.0
2.1
Olah Data
Level
User
Level User Admin Level user Level user
2.0
Olah Data
User
Level user,idlevel Level user

3.2.5 DFD Detail 4.0
4.1
Olah Data
Area
Kirim
4.2
Olah Data
Metode
Pembayaran
Area Kirim
Metode Bayar
4.3
Konfirmasi
Pesanan
Transaksi
Pesanan
Area kirim
Metode bayar
pesanan
Admin Area kirim
Metode bayar
Kasir pesanan
5.0
Laporan
Penjualan
Pimpinan
Laporan
Penjualan
Pelanggan
Faktur Pesanan
Pesanan
Transaks pesanan
notransaksi
4.0
Olah Data
Pesanan
Metode bayar
idmetode
pesanan
Area kirim
idarea
Area kirim
Metode kirim


3.3 Perancangan Database
Setelah melakukan perancangan sistem untuk mempermudah dalam mengimplementasikan
perancangan dari sistem yang akan dibangun. Berikut adalah perancangan database untuk sistem
informasi ini :

3.3.1 Tabel Master

1.Tabel Level User (leveluser)
No. Nama Field Tipe Data Key Extra
1 idlevel Int(11) Primary_key Auto_increment
2 level Varchar(30)




2.Tabel Users (users)
No. Nama Field Tipe Data Key Extra
1 iduser Int(11) Primary_key Auto_increment
2 namalengkap Varchar(100)
3 namauser Varchar(30)
4 katasandi Varchar(100)
5 alamat Varchar(250)
6 email Varchar(50)
7 jnskelamin Varchar(50)
8 tgllahir date
9 tgldaftar date
10 telpon Varchar(12)
11 gambar Varchar(100)
12 idlevel Int(11)



3.Tabel Kategori (kategori)
No. Nama Field Tipe Data Key Extra
1 idkategori Int(11) Primary_key Auto_increment
2 kategori Varchar(30)

4.Tabel Menu (menu)
No. Nama Field Tipe Data Key Extra
1 idmenu Int(11) Primary_key Auto_increment
2 nmmenu Varchar(50)
3 detail Text
4 idkategori Int(11)
5 harga double
6 gambar Varchar(100)
7 status Varchar(14)

5.Tabel Menu Favorit (menufavorit)
No. Nama Field Tipe Data Key Extra
1 idfavorit Int(11) Primary_key Auto_increment
2 idmenu Int(11)



6.Tabel Suara Konsumen (suarakonsumen)
No. Nama Field Tipe Data Key Extra
1 idpost Int(11) Primary_key Auto_increment
2 tanggalpost Date
3 iduser Int(11)
4 Komentar Text
5 jampost time

7.Tabel Area Kirim (areakirim)
No. Nama Field Tipe Data Key Extra
1 idarea Int(11) Primary_key Auto_increment
2 area Varchar(50)

8.Tabel Metode Pembayaran (metodebayar)
No. Nama Field Tipe Data Key Extra
1 idmetode Int(11) Primary_key Auto_increment
2 metodebayar Varchar(50)

9.Tabel Sistem (cms)
No. Nama Field Tipe Data Key Extra
1 jamtutup Varchar(5)
2 jambuka Varchar(5)
3 interval Int(11)
4 biayakirim Double


3.3.2 Tabel Transaksi

1.Tabel Pesanan (pesanan)
No. Nama Field Tipe Data Key Extra
1 idpesanan Int(11) Primary_key Auto_increment
2 iduser Int(11)
3. tglinput Date
4 jaminput Time
5 tambahan Varchar(100)
6 idmetode Int(11)
7 idarea Int(11)
8 kirimdi Varchar(300)


9 tlpdihub Varchar(12)
10 tglreq Date
11 jamreq Time
12 status Varchar(1)

2.Tabel Detai Pesanan (pesanandetail)
No. Nama Field Tipe Data Key Extra
1 idpesanan Int(11)
2 idmenu Int(11)
3 jumlah Int(11)
4 total Double

3.Tabel Transaksi Pesanan (pesanantrans)
No. Nama Field Tipe Data Key Extra
1 notransaksi Varchar(15) Primary_key Auto_increment
2 idpesanan Int(11)
3 tglconfirm Date
4 jamconfirm Time
5 iduser Int(11)
6 totalmenu Int(11)
7 totalbiaya Double

3.3.3 Relasi Antar Tabel















idmenu *
nmmenu
detail
idkategori **
harga
gambar

menu
idpesanan **
idmenu **
jumlah
total

pesanandetail
idkategori *
kategori

kategori
idpesanan*
iduser **
tglinput
jaminput
tambahan
idmetode **
jamreq
kirimdi
tlpdihub
tglreq
idarea **
status

pesanan
idarea *
area

areakirim
idmetode *
metodebayar

metodebayar
notransaksi *
idpesanan **
tglconfirm
jamconfirm
iduser **
totalmenu
totalbiaya

pesanantrans
iduser *
namalengkap
namauser
katasandi
alamat
email
jnskelamin
tgllahir
tgldaftar
telpon
gambar
idlevel **

users
idlevel *
level

leveluser
idpost *
tanggalpost
iduser **
komentar
jampost


suarakonsumen


3.4 Perancangan Desain Interface Website
Untuk mempermudah sebuah pembuatan desain website, maka dilakukan proses perancangan
desain untuk tampilan dari website sistem informasi restoran deliver order. Tampilan website terbagi atas
2 bagian yaitu desain frontend dan desain backend website

3.4.1 Perancangan Desain Front End

a. Halaman Index Website
Halaman index adalah halaman yang pertama kali di load oleh web browser.
Pada halaman index kita dapat menjumpai menu Home,Menu,Suara
Konsumen,Login,Daftardll.
Desain dari halaman index dapat dilihat pada gambar di bawah ini :

LOGIN DAFTAR
top bar fixed
HEADER
FORM CARI BARANG
MENU
SLIDER
Konten
KATEGORI MENU
SUARA
KONSUMEN
FOOTER

b. Menu Login
Menu login ini terletak pada top bar fixed menu login dalam bentuk
dropdown dan menu login ini berlaku untuk semua user baik admin,kasir,dan
pelanggan. Setelah dinyatakan berhasil login maka sistem akan menentukan halaman
yang dapat diakses berdasarkan level user.
Menu login dapat dilihat pada gambar dibawah ini :

LOGIN DAFTAR
top bar fixed
HEADER
FORM CARI BARANG
MENU
SLIDER



Username

Password

Masuk



c. Halaman Index setelah User Login
Halaman index ini dapat dilihat pada gambar dibawah ini :

Hi,Nama User Jumlah Pesanan Lihat Pesanan
Logout
top bar fixed
HEADER
FORM CARI BARANG
MENU
SLIDER




d. Halaman Suara Konsumen
Halaman suara konsumen ini adalah sebuah halaman untuk mengirimkan
testimonial,kritik dan saran kepada pemilik restoran.
dan yang berhak mengirimakan komentar adalah user yang sudah berhasil melakukan
login.
Halaman suara konsumen dapat dilihat pada gambar dibawah ini :
Hi,Nama User Jumlah Pesanan Lihat Pesanan Logout

top bar fixed
HEADER
FORM CARI BARANG
MENU
Suara Konsumen

Komentar pelanggan
Komentar pelanggan
Komentar pelanggan
Komentar pelanggan

Suara anda
textarea

Submit
KATEGORI MENU
SUARA
KONSUMEN
FOOTER









3.4.2 Perancangan Desain Back End
a. Halaman Index Untuk Admin
Admin : Nama User View Web Logout

top bar fixed
HEADER
Link Menu

Home
Menu
User
Kategori
Area Kirim
Level User
Metode Bayar
Koemntar
Pesanan
Laporan
Sistem
Menu Favorit
Sistem
Profil
Konten
FOOTER

b. Halaman Index Untuk Kasir
Kasir : Nama User View Web Logout

top bar fixed
HEADER
Link Menu

Home
Pesanan
Profil
Konten
FOOTER












BAB 4
Penutup
1. Kesimpulan
Sistem ini berfungsi sebagai alat pemesan sehingga konsumen tidak perlu berbelanja untuk
membeli menu secara langsung tapi cukup melakukan pemesanan secara online
Dari pengiriman data yang diperoleh diatas pada bab sebelumnya tidak terjadi kesalahan
penerimaan, artinya pesan yang dikirim oleh sistem sampai pada member yang bersangkutan.

2. Saran
Disini pembayaran masih bersifat manual yaitu pesanan baru dibayar setelah pesanan diterima,
nantinya dapat dikembangkan menjadi sistem deposit, yaitu member menyetor sejumlah uang dan
setiap kali pesan dapat langsung terpotong dari deposit tersebut.
Interfacenya menggunakan PHP, ini bisa diganti dengan yang lain misalkan ASP, ASP.NET,
ataupun Flash agar tampilan lebih menarik dan atraktif.

Daftar Pustaka
Mohamad Subhan S.Kom 2012. Analisa Perancangan Sistem. Penerbit Lentera Ilmu Cendekia Jakarta.
Rony Setiawan 2010. Membangun Aplikasi Web dengan PHP dan MySQL for Windows. Penerbit Lentera
Ilmu Cendekia Jakarta.
Dr.Sularso Budilaksono 2009. Mahir Basis Data dengan MySQL. Penerbit Mitra Wacana Media Jakarta.
Forum PHP Indonesia. https://www.facebook.com/groups/35688476100/
PHP Cart Sederhana. http://www.iso.web.id/news/detail/118/php-cart-sederhana.html
PHP Script Upload Image. http://www.satriamultimedia.com/artikel_php_script_upload_image.html