BAB V KESIMPULAN DAN SARAN
2. Data Manupulation Language (DML)
3.7 Perancangan Aplikasi
3.8.3 Perancangan Antar Muka
3.8.3.1 Antar Muka Pengujung
Gambar 3. 49 Tampilan awal sistem (pengunjung)
Perancangan antar muka semua produk dapat dilihat pada gambar 3.50.
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)
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
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
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.
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.
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.
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
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
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
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.
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.
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.
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.
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 Kota/kabupaten
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.
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.
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
Gambar 3. 83 Tampilan Tambah Kelurahan
Perancangan antar muka edit kelurahan dapat dilihat pada gambar 3.84.
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.
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
Perancangan antar muka tambah bank dapat dilihat pada gambar 3.89.
Gambar 3. 89 Tampilan Tambah Bank
Perancangan antar muka edit bank dapat dilihat pada gambar 3.90.
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.
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.
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
Gambar 3. 95 Tampilan Tambah Jabatan
Perancangan antar muka edit jabatan dapat dilihat pada gambar 3.96.
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.
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
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.
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.
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
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.
Perancangan antar muka data kunjungan dapat dilihat pada gambar 3.109.
Gambar 3. 109 Tampilan Data Kunjungan