Perancangan Antar Muka Perancangan

Gambar 3. 48 Struktur Menu Pegawai Jabatan Sekretariat

3.8.3 Perancangan Antar Muka

Perancangan antar muka bertujuan untuk memberikan gambaran tentang aplikasi yang akan dibangun. Sehingga akan mempermudah dalam mengimplementasikan aplikasi serta mempermudah pembuatan rancangan antar muka yang mudah digunakan oleh pengguna sistem. Perancangan ini diimplementasikan menjadi sebuah program yang utuh dan dapat digunakan oleh pengguna sistem. Rancangan antar muka aplikasi Toko Online di Yayasan Taman Sringanis adalah sebagai berikut. P

3.8.3.1 Antar Muka Pengujung

erancangan antar muka pengunjung dapat dilihat pada gambar 3.49. Gambar 3. 49 Tampilan awal sistem pengunjung Perancangan antar muka semua produk dapat dilihat pada gambar 3.50. Gambar 3. 50 Tampilan Semua Produk Pengunjung Perancangan antar muka profli dapat dilihat pada gambar 3.51. Perancangan antar muka cara pembelian dapat dilihat pada gambar 3.52. Gambar 3. 51 Tampilan Profil Pengunjung Gambar 3. 52 Tampilan Cara Pembelian Pengunjung Perancangan antar muka kunjungan dapat dilihat pada gambar 3.53. Dilihat Beranda Produk Profil Cara pembelian Kunjungan Pelatihan Login Footer 006 Taman Sringanis Pelestari Obat dan Tanaman Kategori …………………… …………………… …………………… …………………… Produk Telaris Nama produk Gambar Produk Nama produk Gambar Produk Transfer Bank Logo Bank Logo Bank Pencarian Cari Keranjang belanja Keranjang belanja Paling Banyak dlihat Nama produk Gambar Produk Dilihat Nama produk Gambar Produk Chatting Chat box Kunjungi kami Logo Kunjungan Foto Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Daftar kunjungan Registrasi Gambar 3. 53 Tampilan Kunjungan Pengunjung Perancangan antar muka login dapat dilihat pada gambar 3.54. Dilihat Beranda Produk Profil Cara pembelian Kunjungan Pelatihan Login 007 Taman Sringanis Pelestari Obat dan Tanaman Daftar kunjungan Kategori Pencarian …………………… …………………… …………………… …………………… LOGIN Cari Footer Produk Telaris Nama produk Gambar Produk Nama produk Gambar Produk Transfer Bank Logo Bank Logo Bank Keranjang belanja Email : Keranjang belanja Password : Paling Banyak dlihat Login Gambar Produk Registrasi | Lupa Password Nama produk Dilihat Gambar Produk Nama produk Chatting Chat box Kunjungi kami Logo Registrasi Gambar 3. 54 Tampilan Login Pengunjung Perancangan antar muka daftar kunjungan dapat dilihat pada gambar 3.55. Gambar 3. 55 Tampilan Daftar Kunjungan 3.8.3.2 Perancangan antar muka pelanggan dapat dilihat pada gambar 3.56. Antar Muka Pelanggan Gambar 3. 56 Tampilan Awal Pelanggan Perancangan antar muka login dapat dilihat pada gambar 3.57. Dilihat Beranda Produk Profil Cara pembelian Kunjungan Pelatihan Login Footer 007 Taman Sringanis Pelestari Obat dan Tanaman Kategori …………………… …………………… …………………… …………………… Produk Telaris Nama produk Gambar Produk Nama produk Gambar Produk Transfer Bank Logo Bank Logo Bank Pencarian Cari Keranjang belanja Keranjang belanja Paling Banyak dlihat Nama produk Gambar Produk Dilihat Nama produk Gambar Produk Chatting Chat box Kunjungi kami Logo LOGIN Daftar kunjungan Email : Password : Registrasi | Lupa Password Login Registrasi Gambar 3. 57 Tampilan Login Pelanggan Perancangan antar muka beranda dapat dilihat pada gambar 3.58. G ambar 3. 58 Tampilan Beranda Pelanggan Perancangan antar muka semua produk dapat dilihat pada gambar 3.59. Gambar 3. 59 Tampilan Semua Produk Perancangan antar muka profil dapat dilihat pada gambar 3.60. Gambar 3. 60 Tampilan Profil Pelanggan Perancangan antar muka keranjang belanja dapat dilihat pada gambar 3.61. Gamba nggan .62. r 3. 61 Tampilan Keranjang Belanja Pela Perancangan antar muka kunjungan dapat dilihat pada gambar 3 Dilihat Beranda Produk Profil Cara pembelian Kunjungan Pelatihan Logout 006 Taman Sringanis Pelestari Obat dan Tanaman Daftar kunjungan Footer Kategori …………………… …………………… …………………… …………………… Produk Telaris Nama produk Gambar Produk Nama produk Gambar Produk Transfer Bank Logo Bank Logo Bank Kunjungan Pencarian Cari Foto Kunjungan Keranjang belanja Keranjang belanja Paling Banyak dlihat Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Deskripsi Kunjungan Pembayaran Gambar 3. 62 Tampilan Kunjungan Pelanggan Gambar Produk Nama produk Dilihat Gambar Produk Nama produk Chatting Chat box Kunjungi kami Logo Perancangan antar muka detail produk dapat dilihat pada gambar 3.63. Gambar 3. 63 Tampilan Detail Produk Perancangan antar muka daftar kunjungan dapat dilihat pada gambar 3.64. Gambar 3. 64 Tampilan Daftar Kunjungan Pelanggan Perancangan antar muka konfirmasi pembayaran dapat dilihat pada gambar 3.65. Gambar 3. 65 Tampilan Konfirmasi Pembayaran Perancangan antar muka history pembelian dapat dilihat pada gambar 3.66. Dilihat Beranda Produk Profil Cara pembelian Kunjungan Pelatihan Logout 010 Taman Sringanis Pelestari Obat dan Tanaman Daftar kunjungan Registrasi Kategori Pencarian …………………… …………………… …………………… …………………… No order Pemesanan Tanggal pemesanan Cari Keranjang belanja Produk Telaris Keranjang belanja Footer Gambar Produk Paling Banyak dlihat Nama produk Nama produk Gambar Produk Transfer Bank Logo Bank Logo Bank Gambar Produk Nama produk Dilihat Gambar Produk Nama produk Chatting Chat box Kunjungi kami Hal 1 | Logo Gambar 3. 66 Tampilan History Pembelian Perancangan antar muka selesai pemesanan dapat dilihat pada gambar 3.67. Gambar 3. 67 Tampilan Selesai Pemesanan Pelanggan Perancangan antar muka lupa password dapat dilihat pada gambar 3.68. Dilihat Beranda Produk Profil Cara pembelian Kunjungan Pelatihan Login Footer 013 Taman Sringanis Pelestari Obat dan Tanaman Kategori …………………… …………………… …………………… …………………… Produk Telaris Nama produk Gambar Produk Nama produk Gambar Produk Transfer Bank Logo Bank Logo Bank Pencarian Cari Keranjang belanja Keranjang belanja Paling Banyak dlihat Nama produk Gambar Produk Dilihat Nama produk Gambar Produk Chatting Chat box Kunjungi kami Logo Lupa password Daftar kunjungan Email : Silakan isi emaail anda Login Registrasi Gambar 3. 68 Tampilan Lupa Password Pelanggan 3.8.3.3 Perancangan antar muka login pegawai dapat dilihat pada gambar 3.69. Antar Muka Pegawai Jabatan Publikasi 001 Taman Sringanis Pelestari Obat dan Tanaman FOOTER GAMBAR USER USERNAME : PASSWORD : LOGIN | Lupa Password Gambar 3. 69 Tampilan Awal Perancangan antar muka lupa password dapat dilihat pada gambar 3.70. 032 Taman Sringanis Pelestari Obat dan Tanaman FOOTER Email anda PROSES GAMBAR USER Silakan masukkan email anda Gambar 3. 70 Tampilan Lupa Password Perancangan antar muka beranda pegawai jabatan publikasi dapat dilihat pada gambar 3.71. 002 Taman Sringanis Pelestari Obat dan Tanaman FOOTER Home Ganti Password Data Provinsi Data Kota Data Kecamatan Data Kelurahan Data Jaringan Data Bank Data Pegawai Data Jabatan Logout Selamat Datang Hai Selamat Datang Administrator dihalaman administrator. Silakan klik menu di sebelah kiri untuk mengelola website Login : Hari, Tanggal | Jam Keterangan : 1. Jika memilih home menuju 002 2. Jika memilih ganti password menuju 003 3. Jika memilih Data Provinsi menuju 004 4. Jika memilih Data Kota menuju 007 5. Jika memilih Data Kecamatan menuju 010 6. Jika memilih Data Kelurahan menuju 013 7. Jika memilih Data Jaringan menuju 016 8. Jika memilih Data Bank menuju 019 9. Jika memilih Data Pegawai menuju 022 10. Jika memilih Data Jabatan menuju 025 11. Jika memilih Backup Database menuju 031 12. Jika memilih Resotre Database menuju 032 Backup Database Restore Database Gambar 3. 71 Tampilan Home Perancangan antar muka ganti password dapat dilihat pada gambar 3.72. Gambar 3. 72 Tampilan Ganti Password Perancangan antar muka data pegawai dapat dilihat pada gambar 3.73. Gambar 3. 73 Tampilan Data Provinsi Perancangan antar muka tambah data provinsi dapat dilihat pada gambar 3.74. Gambar 3. 74 Tampilan Tambah Data Provinsi Perancangan antar muka edit provinsi dapat dilihat pada gambar 3.75. Gambar 3. 75 Tampilan Edit Provinsi Perancangan antar muka data kota dapat dilihat pada gambar 3.76. Gambar 3. 76 Tampilan Data Kota Perancangan antar muka tambah kota dapat dilihat pada gambar 3.49. Gambar 3. 77 Tampilan Tambah Kota Perancangan antar muka edit kota dapat dilihat pada gambar 3.78. Gambar 3. 78 Tampilan Edit Kota Perancangan antar muka data kecamatan dapat dilihat pada gambar 3.79. 010 Taman Sringanis Pelestari Obat dan Tanaman FOOTER Home Ganti Password Data Provinsi Data Kota Data Kecamatan Data Kelurahan Data Jaringan Data Bank Data Pegawai Data Jabatan Backup Database Logout Data Kecamatan Tambah Kecamatan No Nama Kecamatan aksi Edit | Hapus Nama Kotakabupaten Keterangan : 1. Jika memilih home menuju 002 2. Jika memilih ganti password menuju 003 3. Jika memilih Data Provinsi menuju 004 4. Jika memilih Data Kota menuju 007 5. Jika memilih Data Kecamatan menuju 010 6. Jika memilih Data Kelurahan menuju 013 7. Jika memilih Data Jaringan menuju 016 8. Jika memilih Data Bank menuju 019 9. Jika memilih Data Pegawai menuju 022 10. Jika memilih Data Jabatan menuju 025 11. Jika memilih Tambah Kecamatan menuju 011 12. Jika memilih Edit menuju 012 13. Jika memilih Backup Database menuju 031 14. Jika memilih Restore Database menuju 032 Restore Database Gambar 3. 79 Tampilan Data Kecamatan Perancangan antar muka tambah kecamatan dapat dilihat pada gambar 3.80. Gam tan bar 3. 80 Tampilan Tambah Kecama Perancangan antar muka edit kecamatan dapat dilihat pada gambar 3.81. 012 Taman Sringanis Pelestari Obat dan Tanaman FOOTER Home Ganti Password Data Provinsi Data Kota Data Kecamatan Data Kelurahan Data Jaringan Data Bank Data Pegawai Data Jabatan Data Harga Logout Data Kecamatan Update Batal Nama Kota : Nama Kecamatan : Keterangan : 1. Jika memilih home menuju 002 2. Jika memilih ganti password menuju 003 3. Jika memilih Data Provinsi menuju 004 4. Jika memilih Data Kota menuju 007 5. Jika memilih Data Kecamatan menuju 010 6. Jika memilih Data Kelurahan menuju 013 7. Jika memilih Data Jaringan menuju 016 8. Jika memilih Data Bank menuju 019 9. Jika memilih Data Pegawai menuju 022 10. Jika memilih Data Jabatan menuju 025 11. Jika memilih Update menuju 011 12. Jika memilih Batal menuju 011 13. Jika memilih Backup Database menuju 031 14. Jika memilih Restore Database menuju 032 ID ID Backup Database Restore Database Gambar 3. 81 Tampilan Edit Kecamatan Perancangan antar muka data kelurahan dapat dilihat pada gambar 3.82. Gambar 3. 82 Tampilan Data Kelurahan Perancangan antar muka tambah kelurahan dapat dilihat pada gambar 3.83. 014 Taman Sringanis Pelestari Obat dan Tanaman FOOTER Home Ganti Password Data Provinsi Data Kota Data Kecamatan Data Kelurahan Data Jaringan Data Bank Data Pegawai Data Jabatan Backup Database Logout Data Kelurahan Simpan Batal Nama Kecamatan : Nama Kelurahan : Keterangan : 1. Jika memilih home menuju 002 2. Jika memilih ganti password menuju 003 3. Jika memilih Data Provinsi menuju 004 4. Jika memilih Data Kota menuju 007 5. Jika memilih Data Kecamatan menuju 010 6. Jika memilih Data Kelurahan menuju 013 7. Jika memilih Data Jaringan menuju 016 8. Jika memilih Data Bank menuju 019 9. Jika memilih Data Pegawai menuju 022 10. Jika memilih Data Jabatan menuju 025 11. Jika memilih Simpan menuju 013 12. Jika memilih Batal menuju 013 13. Jika memilih Backup Database menuju 031 14. Jika memilih Restore Database menuju 032 Id Kelurahan : Restore Database G ambar 3. 83 Tampilan Tambah Kelurahan Perancangan antar muka edit kelurahan dapat dilihat pada gambar 3.84. Gambar 3. 84 Tampilan Edit Kelurahan Perancangan antar muka data link dapat dilihat pada gambar 3.85. Gambar 3. 85 Tampilan Data Link Perancangan antar muka tambah link dapat dilihat pada gambar 3.86. Gambar 3. 86 Tampilan Tambah Link Perancangan antar muka edit link dapat dilihat pada gambar 3.87. Gambar 3. 87 Tampilan Edit Link Perancangan antar muka data bank dapat dilihat pada gambar 3.88. 019 Taman Sringanis Pelestari Obat dan Tanaman FOOTER Home Ganti Password Data Provinsi Data Kota Data Kecamatan Data Kelurahan Data Jaringan Data Bank Data Pegawai Data Jabatan Data Harga Logout Data Bank Tambah Bank No No Rekening aksi Edit | Hapus Nama Bank Nama Pemilik Keterangan : 1. Jika memilih home menuju 002 2. Jika memilih ganti password menuju 003 3. Jika memilih Data Provinsi menuju 004 4. Jika memilih Data Kota menuju 007 5. Jika memilih Data Kecamatan menuju 010 6. Jika memilih Data Kelurahan menuju 013 7. Jika memilih Data Jaringan menuju 016 8. Jika memilih Data Bank menuju 019 9. Jika memilih Data Pegawai menuju 022 10. Jika memilih Data Jabatan menuju 025 11. Jika memilih Tambah Bank menuju 020 12. Jika memilih Edit menuju 022 13. Jika memilih Backup Database menuju 031 14. Jika memilih Restore Database menuju 032 Backup Database Restore Database Gambar 3. 88 Tampilan Data Bank Perancangan antar muka tambah bank dapat dilihat pada gambar 3.89. G ambar 3. 89 Tampilan Tambah Bank Perancangan antar muka edit bank dapat dilihat pada gambar 3.90. Gambar 3. 90 Tampilan Edit Bank Perancangan antar muka data pegawai dapat dilihat pada gambar 3.91. Gambar 3. 91 Tampilan Data Pegawai Perancangan antar muka tambah pegawai dapat dilihat pada gambar 3.92. Gamb awai ar 3. 92 Tampilan Tambah Data Peg Perancangan antar muka edit pegawai dapat dilihat pada gambar 3.93. Gambar 3. 93 Tampilan Edit Pegawai Perancangan antar muka data jabatan dapat dilihat pada gambar 3.94. Gambar 3. 94 Tampilan Data Jabatan Perancangan antar muka tambah jabatan dapat dilihat pada gambar 3.95. 026 Taman Sringanis Pelestari Obat dan Tanaman FOOTER Home Ganti Password Data Provinsi Data Kota Data Kecamatan Data Kelurahan Data Jaringan Data Bank Data Pegawai Data Jabatan Backup Database Logout Data Jabatan Nama Provinsi : Simpan Batal Keterangan : 1. Jika memilih home menuju 002 2. Jika memilih ganti password menuju 003 3. Jika memilih Data Provinsi menuju 004 4. Jika memilih Data Kota menuju 007 5. Jika memilih Data Kecamatan menuju 010 6. Jika memilih Data Kelurahan menuju 013 7. Jika memilih Data Jaringan menuju 016 8. Jika memilih Data Bank menuju 019 9. Jika memilih Data Pegawai menuju 022 10. Jika memilih Data Jabatan menuju 025 11. Jika memilih Simpan menuju 025 12. Jika memilih Batal menuju 025 13. Jika memilih Backup Database menuju 031 14. Jika memilih Restore Database menuju 032 Restore Database G ambar 3. 95 Tampilan Tambah Jabatan Perancangan antar muka edit jabatan dapat dilihat pada gambar 3.96. Gambar 3. 96 Tampilan Edit Jabatan Perancangan antar muka backup database dapat dilihat pada gambar 3.97. Gambar 3. 97 Tampilan Backup Database Perancangan antar muka restore databes dapat dilihat pada gambar 3.98. G e ambar 3. 98 Tampilan Restore Databas 3.8.3.4 Perancangan antar muka login dapat dilihat pada gambar 3.99. Antar Muka Pegawai Jabatan Direktur 001 Taman Sringanis Pelestari Obat dan Tanaman FOOTER GAMBAR USER USERNAME : PASSWORD : LOGIN | Lupa Password Gambar 3. 99 Tampilan Awal Perancangan antar muka lupa password dapat dilihat pada gambar 3.100. 007 Taman Sringanis Pelestari Obat dan Tanaman FOOTER Email anda PROSES GAMBAR USER Silakan masukkan email anda Gambar 3. 100 Tampilan Lupa Password Perancangan antar muka tampilan awal pegawai jabatan direktur d at p apat dilih ada gambar 3.101. Gambar 3. 101 Tampilan Home Perancangan antar muka ganti password dapat dilihat pada gambar 3.102. Gambar 3. 102 Tampilan Ganti Password Perancangan antar muka laporan pemesanan dapat dilihat pada gambar 3.103. Gambar 3. 103 Tampilan Laporan Perancangan antar muka data penjualan dapat dilihat pada gambar 3.104. Gambar 3. 104 Tampilan Data Penjualan 3.8.3.5 Perancangan antar muka login dapat dilihat pada gambar 3.105. Antar Muka Pegawai Jabatan Sekretariat 001 Taman Sringanis Pelestari Obat dan Tanaman FOOTER GAMBAR USER USERNAME : PASSWORD : LOGIN | Lupa Password Gambar 3. 105 Tampilan Awal Perancangan antar muka lupa password dapat dilihat pada gambar 3.106. 005 Taman Sringanis Pelestari Obat dan Tanaman FOOTER Email anda PROSES GAMBAR USER Silakan masukkan email anda Gambar 3. 106 Tampilan Lupa Password Perancangan antar muka tampilan awal pegawai jabatan sekretariat dapat dilihat pada gambar 3.107. 002 Taman Sringanis Pelestari Obat dan Tanaman FOOTER Home Ganti Password Data kunjungan Logout Selamat Datang Hai Selamat Datang Administrator dihalaman administrator. Silakan klik menu di sebelah kiri untuk mengelola website Login : Hari, Tanggal | Jam Keterangan : 1. Jika memilih home menuju 002 2. Jika memilih ganti password menuju 003 3. Jika memilih Data Kunjungan menuju 004 Gambar 3. 107 Tampilan Home Perancangan antar muka ganti password dapat dilihat pada gambar 3.108. Gambar 3. 108 Tampilan Ganti Password Perancangan antar muka data kunjungan dapat dilihat pada gambar 3.109. Gambar 3. 109 Tampilan Data Kunjungan

3.8.5.6 Antar Muka Pegawai Jabatan Marketing

Perancangan antar muka login dapat dilihat pada gambar 3.110. 001 Taman Sringanis Pelestari Obat dan Tanaman FOOTER GAMBAR USER USERNAME : PASSWORD : LOGIN | Lupa Password Gambar 3. 110 Tampilan Awal Perancangan antar muka lup passwrod dapat dilihat pada gambar 3.111. 015 Taman Sringanis Pelestari Obat dan Tanaman FOOTER GAMBAR USER Email anda PROSES Silakan masukkan email anda Gambar 3. 111 Tampilan Lupa Password Perancangan an batan marketing dapat tar muka tampilan awal pegawai ja dilihat pada gambar 3.112. 002 Taman Sringanis Pelestari Obat dan Tanaman FOOTER Home Ganti Password Kategori Produk Data Produk Pemesanan Pembayaran Logout Selamat Datang Hai Selamat Datang Administrator dihalaman administrator. Silakan klik menu di sebelah kiri untuk mengelola website Login : Hari, Tanggal | Jam Keterangan : 1. Jika memilih home menuju 002 2. Jika memilih ganti password menuju 003 3. Jika memilih Kategori Produk menuju 004 4. Jika memilih Data Produk menuju 007 5. Jika memilih Pemesanan menuju 010 6. Jika memilih Pembayaran menuju 012 7. Jika memilih Data pelanggan menuju 013 8. Jika memilih Data Harga Kirim menuju 015 9. Jika memilih Data Harga Porduk menuju 019 10. Jika memilih Laporan Pemesanan menuju 021 Data Pelanggan Data Harga Produk Data Harga Kirim Laporan Pemesanan Gambar 3. 112 ampilan Home T Perancangan antar muka ganti password dapat dilihat pada gambar 3.113. Gambar 3. 113 Tampilan Ganti Password Perancangan antar muka data kategori dapat dilihat pada gambar 3.114. Gambar 3. 114 Tampilan Kategori Perancangan antar muka tamba kategori dapat dilihat pada gambar 3.115. Gambar 3. 115 Tampilan Tambah Kategori Perancangan antar muka edit kategori dapat dilihat pada gambar 3.116. 006 Taman Sringanis Pelestari Obat dan Tanaman FOOTER Home Ganti Password Logout Data Kategori Nama Kategori : Update Batal Kategori Produk Data Produk Pemesanan Pembayaran Keterangan : 1. Jika memilih home menuju 002 2. Jika memilih ganti password menuju 003 3. Jika memilih Kategori Produk menuju 004 4. Jika memilih Data Produk menuju 007 5. Jika memilih Pemesanan menuju 010 6. Jika memilih Pembayaran menuju 012 7. Jika memilih Update menuju 004 8. Jika memilih Batal menuju 004 9. Jika memilih Data Pelanggan menuju 013 10. Jika memilh Data Harga Kirim menuju 015 11. Jika memilih Data Harga Produk menuju 018 12. Jika memilih Laporan Pemesanan menuju 021 Data Pelanggan Data Harga Produk Data Harga Kirim Laporan Pemesanan G i ambar 3. 116 Tampilan Edit Kategor Perancangan antar muka data produk dapat dilihat pada gambar 3.117. 007 Taman Sringanis Pelestari Obat dan Tanaman FOOTER Home Ganti Password Logout Data Produk Tambah Produk No Nama aksi Edit | Hapus Kategori Produk Data Produk Pemesanan Pembayaran Keterangan : 1. Jika memilih home menuju 002 2. Jika memilih ganti password menuju 003 3. Jika memilih Kategori Produk menuju 004 4. Jika memilih Data Produk menuju 007 5. Jika memilih Pemesanan menuju 010 6. Jika memilih Pembayaran menuju 012 7. Jika memilih Tambah Produk menuju 008 8. Jika memilih Edit menuju 009 9. Jika memilih Data Pelanggan menuju 013 10. Jika memilih Data Harga Kirim menuju 015 11. Jika memilih Data Harga Produk menuju 018 12. Jika memilih Laporan Pemesanan menuju 021 Berat kg Harga Stok Tanggal Masuk Data Pelanggan Data Harga Produk Data Harga Kirim Laporan pemesanan Gambar 3. 117 Tampilan Data Produk Perancangan antar muka tambah produk dapat dilihat pada gambar 3.118. 008 Taman Sringanis Pelestari Obat dan Tanaman FOOTER Home Ganti Password Logout Data Produk Kategori Produk Data Produk Pemesanan Pembayaran Keterangan : 1. Jika memilih home menuju 002 2. Jika memilih ganti password menuju 003 3. Jika memilih Kategori Produk menuju 004 4. Jika memilih Data Produk menuju 007 5. Jika memilih Pemesanan menuju 010 6. Jika memilih Pembayaran menuju 012 7. Jika memilih Update menuju 007 8. Jika memilih Batal menuju 007 9. Jika memilih Data Pelanggan menuju 013 10. Jika memilih Data Harga Kirim menuju 015 11. Jika memilih Data Harga Produk menuju 018 12. Jika memilih Laporan Pemesanan menuju 021 Kode Produk : Nama Produk : Kategori Produk : Berat : Harga : Stok : Data Pelanggan Deskripsi : Data Harga Produk Data Harga Kirim Gambar : Browse Simpan Batal Laporan Pemesanan G ambar 3. 118 Tampilan Tambah Produk Perancangan antar muka edit produk dapat dilihat pada gambar 3.119. 009 Taman Sringanis Pelestari Obat dan Tanaman FOOTER Home Ganti Password Logout Data Produk Kategori Produk Data Produk Pemesanan Pembayaran Keterangan : 1. Jika memilih home menuju 002 2. Jika memilih ganti password menuju 003 3. Jika memilih Kategori Produk menuju 004 4. Jika memilih Data Produk menuju 007 5. Jika memilih Pemesanan menuju 010 6. Jika memilih Pembayaran menuju 012 7. Jika memilih Update menuju 007 8. Jika memilih Batal menuju 007 9. Jika memilih Data Pelanggan menuju 013 10. Jika memilih Data Harga Kirim menuju 015 11. Jika memilih Data Harga Produk menuju 018 12. Jika memilih Laporan Pemesanan menuju 021 Kode Produk : Nama Produk : Kategori Produk : Berat : Harga : Stok : Deskripsi : Ganti Gambar : Update Batal Browse Gambar : Data Pelanggan Data Harga Produk Data Harga Kirim Laporan pemesanan Gambar 3. 119 Tampilan Edit Produk Perancangan antar muka data pemesanan dapat dilihat pada gambar 3.120. 010 Taman Sringanis Pelestari Obat dan Tanaman FOOTER Home Ganti Password Logout Data Pemesanan No. Order Nama Konsumen aksi Detail Kategori Produk Data Produk Pemesanan Pembayaran Keterangan : 1. Jika memilih home menuju 002 2. Jika memilih ganti password menuju 003 3. Jika memilih Kategori Produk menuju 004 4. Jika memilih Data Produk menuju 007 5. Jika memilih Pemesanan menuju 010 6. Jika memilih Pembayaran menuju 012 7. Jika memilih Detail menuju 011 8. Jika memilih Data Pelanggan menuju 013 9. Jika memilih Data Harga Kirim menju 015 10. Jika memilih Data Harga Produk menuju 018 11. Jika memilih Laporan Pemesanan menuju 021 Tgl. Order Jam Status Data Pelanggan Data Harga Produk Data Harga Kirim Laporan pemesanan Gambar 3. 120 Tampilan Data Pemesanan Perancangan antar muka detail pemesanan dapat dilihat pada gambar 3.121. Perancangan antar muka data pembayaran dapat dilihat pada gambar 3.122. Gambar 3. 121 Tampilan Detail Pemesanan Gambar 3. 122 Tampilan Data Pembayaran Perancangan antar muka data pelanggan dapat dilihat pada gambar 3.123. Gambar 3. 123 Tampilan Data Pelanggan Perancangan antar muka tambah pelanggan dapat dilihat pada gambar 3.124. Gambar 3. 124 Tampilan Tambah Pelanggan Perancangan antar muka data harga kirim dapat dilihat pada gambar 3.125. 015 Taman Sringanis Pelestari Obat dan Tanaman FOOTER Logout Data Harga Tambah Harga No Nama Kota aksi Edit OKE REG YES Home Ganti Password Kategori Produk Data Produk Pemesanan Pembayaran Data Pelanggan Data Harga Produk Data Harga Kirim Laporan pemesanan Keterangan : 1. Jika memilih home menuju 002 2. Jika memilih ganti password menuju 003 3. Jika memilih Kategori Produk menuju 004 4. Jika memilih Data Produk menuju 007 5. Jika memilih Pemesanan menuju 010 6. Jika memilih Pembayaran menuju 012 7. Jika memilih Data Pelanggan menuju 013 8. Jika memilih Tambah Harga Kirim menuju 017 9. Jika memilih Data Harga Kirim menuju 015 10. Jika memilih Data Harga Produk menuju 018 11. Jika memilih laporan pemesanan menuju 021 Gambar 3. 125 Tampilan Data Harga Kirim Perancangan antar muka tambah harga kirim dapat dilihat pada gambar 3.126. Gambar 3. 126 Tampilan Tambah Harga Kirim Perancangan antar muka edit harga kirim dapat dilihat pada gambar 3.127. 017 Taman Sringanis Pelestari Obat dan Tanaman FOOTER Logout Keterangan : 1. Jika memilih home menuju 002 2. Jika memilih ganti password menuju 003 3. Jika memilih Kategori Produk menuju 004 4. Jika memilih Data Produk menuju 007 5. Jika memilih Pemesanan menuju 010 6. Jika memilih Pembayaran menuju 012 7. Jika memilih Data Pelanggan menuju 013 8. Jika memilih Update menuju 015 9. Jika memilih Batal menuju 015 10. Jika memilih Data Harga Kirim menuju 015 11. Jika memilih Data Harga Produk menuju 018 12. Jika memilih laporan pemesanan menuju 021 Data Harga Nama Kota : Update Batal OKE : REG : YES : Home Ganti Password Kategori Produk Data Produk Pemesanan Pembayaran Data Pelanggan Data Harga Produk Data Harga Kirim Laporan pemesanan Gambar 3. 127 Tampilan Edit Harga Kirim Perancangan antar muka harga produk dapat dilihat pada gambar 3.128. Gambar 3. 128 Tampilan Harga Produk Perancangan antar muka tambah harga produk dapat dilihat pada gam 3.129. bar Gambar 3. 129 Tampilan Tambah Harga Produk Perancangan antar muka edit harga produk dapat dilihat pada gambar 3.130. Gambar 3. 130 Tampilan Edit Harga Produk Perancangan antar muka laporan pemesanan dapat dilihat pada gambar 3.131. Gambar 3. 131 Tampilan Laporan Pemesanan Perancangan antar muka tampilan laporan dapat dilihat pada gambar 3.132. Gambar 3. 132 Tampilan Laporan

3.8.4 P