Berikut ini akan dijelaskan sistem website yang diusulkan untuk Nurhasanah Catering

adalah sebagai berikut:

1.

Tampilan Menu
Pada sistem website yang kami usulkan untuk Nurhasanah Catering terdapat
beberapa tampilan menu yang dapat diakses oleh konsumen untuk mempermudah
dalam proses pemesanan yang dapat dilihat pada Gambar 3.4 yaitu sebagai berikut:

Gambar 3.4

Tampilan menu pada website

Pada Gambar 3.4 di atas dapat dilihat bahwa terdapat menu cek jadwal antar dan
chat with us. Berikut akan dijabarkan fungsi dari tampilan menu tersebut:

a.

Cek jadwal antar

Pada sub menu cek jadwal antar digunakan untuk membantu konsumen dalam
memilih jadwal pengantaran catering sesuai dengan keinginan konsumen yang
waktunya telah ditetapkan oleh owner catering. Berikut tampilan sub menu cek
jadwal antar jika telah diklik seperti yang tampak pada Gambar 3.5 di bawah ini:

Gambar 3.5

Tampilan sub menu cek jadwal antar

b. Chat with us
Aplikasi chat with us ditambahkan pada website ini digunakan untuk
mempermudah konsumen untuk berinteraksi langsung dengan admin ketika
melakukan pemesanan catering. Berikut ini adalah tampilan chat with us ketika
diklik seperti pada Gambar 3.6 yaitu sebagai berikut:

Gambar 3.6

Tampilan chat with us

Pada Gambar 3.6 di atas konsumen dapat memilih ingin menggunakan fasilitas
apa untuk berbicara dengan admin. Fasilitas chat yang diberikan pada website
ini adalah Facebook, Google+, atau email lalu masukkan nama dan email pada
kolom introduce yourself dan masukkan pesan Anda pada kolom message.
Berikut ini akan ditampilkan contoh penggunaan aplikasi chat with us untuk
konsumen dan admin pada Gambar 3.7 dan Gambar 3.8 yaitu sebagai berikut:

Gambar 3.7

Gambar 3.8

Contoh tampilan penggunaan chat with us pada konsumen

Contoh tampilan penggunaan chat with us pada admin

2.

Pemesanan
Untuk konsumen yang ingin melakukan pemesanan dapat langsung memilih
pesanan yang terdapat pada sub pada kolom pages yang terdiri dari catering harian,
catering bulanan, dan catering untuk acara besar atau dapat mencarinya pada kotak
pencarian. Setelah itu klik tombol add to cart seperti yang dapat dilihat pada
Gambar 3.9 yaitu sebagai berikut:

Gambar 3.9

Add to cart

Setelah itu langkah selanjutnya adalah mengklik tombol checkout agar pesanan
yang telah dipesan dapat didata. Selain itu jumlah pesanan yang akan dipesan juga
langsung terlhat pada kolom keranjang belanja seperti yang tampak pada Gambar
3.10 yaitu sebagai berikut:

Gambar 3.10

Tampilan keranjang belanja dan tombol checkout

Setelah mengklik tombol checkout maka selanjutnya akan ditampilkan form untuk
pengisian data pribadi konsumen beserta jumlah dan total pesanan seperti yang
dapat dilihat pada Gambar 3.11 yaitu sebagai berikut:

Gambar 3.11

Form pengisian informasi pemesanan

Gambar 3.12

Form pengisian informasi pemesanan

Gambar 3.13

Form pengisian informasi pemesanan

Setelah form pengisian informasi pemesanan telah diisi oleh konsumen maka
selanjutnya klik tombol kirim seperti yang dilihat ada Gambar 3.13 di atas. Setelah
itu maka akan muncul tampilan dari pengisian informasi pemesanan yang telah
dilakukan seperti yang dapat dilihat pada Gambar 3.14 yaitu sebagai berikut:

Gambar 3.14

3.

Tampilan form informasi pemesanan yang telah dilakukan

Database Pemesanan
Setelah konsumen melakukan proses pemesanan maka admin dapat mengecek
informasi dari konsumen yang telah melakukan pemesanan pada database
pemesanan. Sistem website yang kami usulkan dapat langsung mengakses database
pemesanan yang terintegrasi dengan Google Docs. Berikut adalah tampilan dari
database pemesanan yang dapat dilihat pada Gambar 3.15 yaitu sebagai berikut:

Gambar 3.15

Database pesanan konsumen