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,D’cost 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

YApakah

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

YT

Tampilan

Pendaftara

n

Berhasil

End

End

End

Keluar

Keluar

WebsiteT

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

YMengirm

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 KeluarY

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

YPesan

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 DataEdit 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

CartT

Mengubah

Jumlah

Hapus

Hapus Semua

Item

T

Perbaharui

Pilih Menu

Lain

Kirim

Pesanan

YT

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

YT

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

YProsedur

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

SimpanSimpan

TutupBatal

Y

T TY

Simpan

Data

Menu

Simpan

Data

Menu

Y

Tampil

Halaman

Menu

PopUp

YClose

Tampil

Halaman

Form Edit

Y

Form

Edit Data

SimpanSimpan

TutupBatal

T T

Simpan

Data

Menu

Simpan

Data

Menu

Y YY

T

T

Alert

Peringatan

Y

SetujuHapus

MenuY

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

YKlik

Submit

SimpanSimpan

TutupBatal

Y

T TY

Simpan

Data

User

Simpan

Data

User

Y

Tampil

Halaman

User

PopUp

Y

Close

Tampil

Halaman

Form Edit

Y

Form

Edit Data

SimpanSimpan

TutupBatal

T T

Simpan

Data

User

Simpan

Data

User

Y YY

T

T

Alert

Peringatan

YSetuju Hapus UserY

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

YSimpan

TY

Simpan

Data

Kategori

Tampil

Form Edit

Y

Form

Edit Data

SimpanT

Simpan

Data

Kategori

Y

Alert

Peringatan

Y

SetujuHapus

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

YSimpan

TY

Simpan

Data

Area Kirim

Tampil

Form Edit

Y

Form

Edit Data

SimpanT

Simpan

Data

Area Kirim

Y

Alert

Peringatan

YSetuju

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

YSimpan

TY

Simpan

Data

Level User

Tampil

Form Edit

Y

Form

Edit Data

SimpanT

Simpan

Data

Level User

Y

Alert

Peringatan

Y

SetujuHapus

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

YSimpan

TY

Simpan

Data

Metode

Bayar

Tampil

Form Edit

Y

Form

Edit Data

SimpanT

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

YKlik

Submit

SimpanSimpan

TutupBatal

Y

T TY

Simpan

Data

Komentar

Simpan

Data

Komentar

Y

Tampil

Halaman

Form Edit

Y

Form

Edit Data

SimpanSimpan

TutupBatal

T T

Simpan

Data

Komentar

Simpan

Data

Komentar

Y YY

T

T

Alert

Peringatan

YSetuju

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

CloseY

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

PeriodeCetak

Cek

Data Transaksi

Data

Ada

Tampilkan

Data

Penjualan

Y

Cetak

Laporan

PenjualanTampilkan

Data

Tidak Ada

TY

T

T

Tampil

Halaman Laporan

Penjualan Semua

Barang

Y

Periode

Cek

Data Transaksi

Berdasarkan

Jumlah Menu

Data

Ada

Tampilkan

Data

Semua

Barang

YCetak

Laporan

Penjualan

Semua

Barang

Tampilkan

Data

Tidak Ada

TY

T

T

Tampil

Data

Penjualan

Y

Cari Transaksi

ID Transaksi

Y

Submit

Cek

Data Transaksi

Data

Ada

Tampilkan

Data

Penjualan

Y

Cetak

Laporan

PenjualanTampilkan

Data

Tidak Ada

TY

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

YProsedur

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

PeananUser

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 UserAdmin Level user Level user

2.0

Olah Data

User

Level user,idlevelLevel 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

PimpinanLaporan

Penjualan

PelangganFaktur 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,Daftar…dll. 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