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
End
Halaman Utama Website
Mempunyai Akun
Keluar Website
T
T
Y
Tutup Website
End
Pendaftaran
Y
Klik Submit
Login
Cek Username Dan Password
T
Cek Username
T
Username Tersedia
Username Password Ada Y
Y
Simpan Data
Cek Level User
Tampilan Pendaftara n Berhasil
Y Admin T Y Y
Apakah Login
Kasir T
T
Y
Posedur Admin
Pelanggan
Posedur Kasir
Posedur Pelanggan
T Keluar
End
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
Y
Tampil Halaman Home
Y
Tampil Halaman Menu
Y
Tampilkan Halaman Suara Konsumen
Home
T
Menu
Prosedur Menu
T
Suara Konsumen
Mengirm Komentar
Y
Klik Submit
T
T
Komentar Y Cara Order
Tampilkan Halaman Cara Order
Simpan Data Komentar
T
Profil Anda
Y
Tampilkan Halaman Profil Anda
Prosedur Profil
T
Y Logout
Keluar
End
T T
Lihat Pesanan
Y
Prosedur Shopping Cart
3. Flowchart Prosedur Menu Flowchart ini menjelaskan tentang alur program pada halaman Menu pada website
Prosedur Menu
Tampilkan Data Menu
T Tampilkan Halaman Detail
Y Detail
Pesan
T
Y
Prosedur Shopping Cart
Y Pesan 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
Y Edit Data
Edit Data Profil
T Tampilkan Data Gagal Disimpan
Prosedur Pelanggan
Klik Simpan
T
Query Valid Y
Simpan Data Pelanggan
Tampilkan Data Berhasil Disimpan
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
Query String==Add
T
Y
Cek Daftar Cart
Menu Sudah Ada di Cart
Menambah Cart
T
Y
Tampilkan Pesan Menu Sudah ada di Daftar Cart
Tampilkan Halaman Cart
Mengubah Jumlah Y T
Y Hapus
Jumlah
Hapus Satu Item Terpilih
Hapus Semua
T
Hapus Semua Item
Y Y
T
Tampilkan Alert Anda Yaqin Menghapus Semu Cart
Y
Memperbaharui Daftar Cart
Y
Prosedur Menu
Y
Prosedur Kirim Pesanan
Perbaharui T
Pilih Menu Lain T
Prosedur Pelanggan
T
Kirim Pesanan
T Setuju
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
Klik Kirim Pesanan Y
Tambahan
Simpan Data Pesanan
Metode Bayar Tampilkan Pesan Terima Kasih Tanggal Dan Jam Kirim
Area Kirim
Alamat
Telepon
Faktur Pesanan
T
Prosedur Pelanggan
7. Flowchart Prosedur Admin Flowchart ini menjelaskan tentang alur program halaman User dengan Level Admin Prosedur Admin
Tampilkan Menu Admin
Y
Prosedur Menu Admin
Y
Prosedur User Admin
Menu T
User T
Prosedur Kategori Admin
Y
Kategori T Y
Prosedur Area Kirim Admin
Y
Prosedur Level User
Area Kirim T
Level User T
Prosedur Metode Bayar
Y
Metode Bayar T
Sistem Y
Prosedur Komentar
Komentar T
Klik Submit
Y
Pesanan
Prosedur Pesanan
T Y
Simpan Data
Prosedur Laporan
Laporan T
Y Tampilkan Halaman Sistem
Y Sistem T Menu Favorit
T Y
T
Tampilkan Halaman Menu Favorit
Ubah Menu Favorit
Y Logout
Keluar
End
T T
Y Profil
T
Ubah Sistem
Tampil Halaman Profil
Prosedur Profil
Y Masukan Menu Favorit
Simpan Data
Klik Submit
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
Y Cari Data
Simpan Data Menu
Klik Submit
Simpan Data Menu
T
Y
Tambah Menu
Y
Y
Y Tampil Halaman Form
T Form Tambah Data
Simpan T Tutup
Simpan
T
T
Lihat Menu
Batal
Y
Tampil Halaman Menu PopUp
Close
T Simpan Data Menu
Simpan Data Menu
Y Y Edit Menu
Tampil Halaman Form Edit
Y Y T
Simpan
Form Edit Data
Simpan T Tutup
Batal T
T
T
Y Hapus Menu
Alert Peringatan
Setuju T
Y
Hapus Menu
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
Y Cari Data
Cari Data
Simpan Data User
Klik Submit
Simpan Data User
T
Y Y
Y Tambah User
Y
Tampil Halaman Form
T Form Tambah Data
Simpan T Tutup
Simpan
Batal T
T
Y Lihat User
Tampil Halaman User PopUp
Close
T Simpan Data User
Simpan Data User
Y Y Edit User
Tampil Halaman Form Edit
Y Y T
Simpan
Form Edit Data
Simpan T Tutup
Batal T
T
T
Hapus User
Y
Alert Peringatan
Setuju T
Y
Hapus User
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
Simpan Data Kategori
Y Tambah Kategori
Tampil Form Tambah
Y
T
Klik Batal
Simpan
Form Tambah Data
T
Simpan Data Kategori
Y Y Edit Kategori
Tampil Form Edit
T Simpan
Form Edit Data
T
T
Y Hapus Kategori
Y Alert Peringatan
Setuju T
Hapus Kategori
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
Simpan Data Area Kirim
Y Tambah Area Kirim
Tampil Form Tambah
Y
T
Klik Batal
Simpan
Form Tambah Data
T
Simpan Data Area Kirim
Y Edit Area Kirim
Y
Tampil Form Edit
T Simpan
Form Edit Data
T
T
Hapus Area Kirim
Y
Alert Peringatan
Y Setuju T
Hapus Area Kirim
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
Simpan Data Level User
Y Tambah Level User
Y
Tampil Form Tambah
T
Klik Batal
Simpan
Form Tambah Data
T
Simpan Data Level User
Y Edit Level User
Y
Tampil Form Edit
T Simpan
Form Edit Data
T
T
Hapus Level User
Y
Alert Peringatan
Y Setuju T
Hapus Level User
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
Simpan Data Metode Bayar
Y Tambah Metode Bayar
Tampil Form Tambah
Y
T
Klik Batal
Simpan
Form Tambah Data
T
Simpan Data Metode Bayar
Y Edit Metode Bayar
Y
Tampil Form Edit
T Simpan
Form Edit Data
T
T
Hapus Metode Bayar
Y
Y Alert Peringatan
Setuju T
Hapus Metode Bayar
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
Y Cari Data
Cari Data
Simpan Data Komentar
Klik Submit
Simpan Data Komentar
T
Y
Tambah Komentar
Y
Y
Y Tampil Halaman Form
T
Simpan T Tutup
Simpan
Form Tambah Data
Batal T
T
Simpan Data Komentar
Simpan Data Komentar
Y Y Edit Komentar
Tampil Halaman Form Edit
Y Y T
Simpan
Form Edit Data
Simpan T Tutup
Batal T
T
T
Hapus Komentar
Y
Alert Peringatan
Setuju T
Y
Hapus Komentar
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
T
Pesanan Terkonfirmasi Y
Lihat Rincian
Tampil Halaman Rincian Pesanan
Y
Close
T
Faktur Pesanan Pelanggan
Y Cetak Faktur
Prosedur Admin
T
T
Pesanan Belum Dikonfirmasi Y
Lihat Rincian
Y Close
T
Konfirmasi Pesanan
Y
Submit Konfirmasi
T
T
Cancel Pesanan
Simpan Transaksi
Y Submit Cancel Pesanan
Hapus Pesanan
Tampilkan Pesanan Berhasil Disimpan
Tampilkan Pesanan Berhasil Dicancel
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
Tampil Halaman Laporan Penjualan
Y
Cek Data Transaksi
Cetak
Periode
T
T Y
Tampilkan Data Penjualan
Cetak
Data Ada
Y
T
Laporan Penjualan
Laporan Penjualan Semua Barang
Y
Tampilkan Data Tidak Ada
Tampil Halaman Laporan Penjualan Semua Barang
Cek Data Transaksi Berdasarkan Jumlah Menu
Periode
T
T Tampilkan Data Semua Barang
Cetak Y
Data Transaksi
Y
Data Ada T
Laporan Penjualan Semua Barang
T
Y
Tampilkan Data Tidak Ada
Tampil Data Penjualan Cek Data Transaksi
Cari Transaksi T Y
T Cetak Y
Laporan Penjualan
Tampilkan Data Penjualan
Y
Data Ada T
Tampilkan Data Tidak Ada
ID Transaksi
Submit
17. Flowchart Prosedur Kasir Flowchart ini menjelaskan tentang alur program halaman User dengan Level Kasir Prosedur Kasir
Tampilkan Menu Kasir
Y
Pesanan
Prosedur Pesanan
T
Y Logout
Keluar
End
T T
Y Profil
Tampil Halaman Profil
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: Pimpinan
Laporan Penjualan
Kasir
Transaksi Pesanan User Pesanan User
Simtem Informasi Restoran Delivery Order
Faktur/Bukti PesananUser Peanan Pesanan
Pelanggan
Transaksi Pesanan Suara Komsumen Pesanan Menu User Metode Bayar Kategori Menu Favorit Transaksi Pesanan Suara Komsumen Pesanan Menu User Metode Bayar Kategori Menu Favorit
Admin
3.2.2
DFD Level 0 Alur data yang disajikan dalam bentuk DFD level 0 adalah sebagai berikut : Menu Menu Admin
1.0 Olah Data Menu
Menu
Menu
idmenu User User 2.0 Olah Data User
User
User User
User User
User Iduser,Suara Konsumen
Suara Konsumen Suara Konsumen Pesanan
3.0 Olah Data Suara Konsumen
Suara Konsumen
Pelanggan
Suara Konsumen
Iduser,Pesanan Faktur Pesanan,Pesanan Transaksi Pesanan Pesanan
Pesanan
Pesanan
Pesanan
Pesanan
Pesanan Detail
4.0 Olah Data Pesanan
Kasir
idmenu
iduser
idpesanan User,Pesanan 5.0 Laporan Penjualan
Transaksi Pesanan
Laporan Penjualan
Pimpinan
3.2.3
DFD Detail 1.0 Admin
Idmenu,Menu favorit
Idmenu,kategori
Kategori Menu favorit
1.1 Olah Data Menu Favorit
Menu favorit
Menu Favorit
1.2 Olah Data Menu Kategori
kategori
Kategori
1.0 Olah Data Menu
Kategori,idkategori
Menu favorit
3.2.4
DFD Detail 2.0 Admin
2.1 Olah Data Level User
Level user
2.0 Olah Data User
Level user
3.2.5
Level user
Level User
Level user,idlevel
DFD Detail 4.0 Admin
Area kirim
Metode bayar
Kasir
4.1 Olah Data Area Kirim
Area kirim
Area Kirim
4.2 Olah Data Metode Pembayaran
Metode bayar
Metode Bayar
pesanan
Transaksi Pesanan
pesanan
pesanan 4.3 Konfirmasi Pesanan
Area kirim Metode kirim
notransaksi
Pelanggan
Faktur Pesanan Pesanan
Transaks pesanan 5.0 Laporan Penjualan
Laporan Penjualan
Pimpinan Metode bayar idmetode
4.0 Olah Data Pesanan
Area kirim idarea
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)
Key
Extra
9.Tabel Sistem (cms) No.
Nama Field
Tipe Data
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
1
idpesanan
Int(11)
2
idmenu
Int(11)
3
jumlah
Int(11)
4
total
Double
Key
Extra
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 pesanandetail
menu idmenu * nmmenu detail idkategori ** harga gambar
idpesanan ** idmenu ** jumlah total kategori idkategori * kategori
areakirim idarea * area
pesanan idpesanan* iduser ** tglinput jaminput tambahan idmetode ** jamreq kirimdi tlpdihub tglreq idarea ** status
pesanantrans notransaksi * idpesanan ** tglconfirm jamconfirm iduser ** totalmenu totalbiaya
metodebayar idmetode * metodebayar
users iduser * namalengkap namauser katasandi alamat email jnskelamin tgllahir tgldaftar telpon gambar idlevel **
leveluser idlevel * level
suarakonsumen idpost * tanggalpost iduser ** komenta r jampos t
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 FORM CARI BARANG
HEADER MENU SLIDER
KATEGORI MENU
Konten
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▲
top bar fixed
DAFTAR
Username FORM CARI BARANG Password
HEADER MENU SLIDER
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 FORM CARI BARANG
HEADER 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 FORM CARI BARANG
HEADER MENU
KATEGORI MENU
Suara Konsumen Komentar Komentar Komentar Komentar
pelanggan pelanggan pelanggan pelanggan
SUARA KONSUMEN
Suara anda textarea
Submit 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
