Desain tampilan transaksi – user Desain Tampilan Login - admin Desain tampilan tambah produk – admin Desain Tampilan produk – admin Desain Tampilan Cari Produk – admin

6. Desain tampilan transaksi – user

Gambar 4.19. Desain Tampilan Transaksi – User Judul Transaksi Testimoni Judul Produk Home Produk No Nama Alamat Telepon Kodepos Email Jumlah Tampil Testimoni Tampil Harga Tampil Transaksi Log Out Harga Total Tempat Alamat Waktu Keterang : 1 : danu : jl. pasir pogor blok p-2 : 997723 : 40398 : danuyahoo.com : Paket B : 700 orang : Rp. 40000 : Rp. 28000000 : bikasoga : jl. buah batu : siang hari : sambal goreng ati, dll. Gambar Gambar Gambar Gambar Nama lengkap : danu subrata sunarya About Cetak Kwitansi Pemesann

4.2.4.3. Perancangan Tampilan Admin

Dibawah ini adalah desain tampilan admin yang terdapat dalam Sistem Informasi Penyediaan Layanan Jasa Boga yaitu :

1. Desain Tampilan Login - admin

Gambar 4.20. Desain Tampilan Login – admin Tabel 4.24 Penjelasan Tombol Form Login - admin No Tombol Fungsi 1 Submit Untuk masuk kedalam sistem penyediaan layanan jasa boga sebagai admin. 2 Reset Untuk membatalkan pengisian nama user dan password admin Judul Password : Namauser : Login Admin Daftar Login Produk Kami Submit Reset Judul Tampil Buku Tamu Tampil Testimoni Buku tamu

2. Desain tampilan tambah produk – admin

Gambar 4.21. Desain Tampilan Tambah Produk – Admin Tabel 4.25 Penjelasan Tombol Tampilan Tambah Produk - Admin No Tombol Fungsi 1 Submit Untuk menambahkan data produk ke dalam database 2 Reset Untuk membatalkan pengisian form produk

3. Desain Tampilan produk – admin

Gambar 4.22 Desain Tampilan Produk – Admin Judul Kode Produk : Nama Produk : Harga Produk : Pelanggan Transaksi Buku Tamu Tambah Produk Submit Reset Judul Produk Rincian Produk : Tampil Produk Cari Produk Edit Hapus Log Out Detail Judul Pelanggan Transaksi Buku Tamu Tambah Produk Judul Produk Detail No Kode Nama Rincian : 1 : PC01 : Paket A : Soup,nasi putih,1daging ayam, 1 macam ikan,1 macam cha Tampil Produk Cari Produk Edit Hapus Log Out

4. Desain Tampilan Cari Produk – admin

Gambar 4.23. Desain Tampilan Cari Produk – Admin Tabel 4.26 Penjelasan Tombol Tampilan Cari Produk - Admin No Tombol Fungsi 1 Submit Untuk mencari data produk 2 Reset Untuk membatalkan pencarian data produk

5. Desain Tampilan Edit dan Hapus Produk - Admin