Halaman Saran Kritik Halaman Menu UtamaHome Halaman Menu Barang Halaman Menu Testimonial Halaman Menu Data Pelanggan Halaman Cari Barang Halaman Menu Pesan Halaman Menu Konsultasi Halaman Menu Saran Kritik

187

f. Halaman Saran Kritik

Alur menu yang tersedia, jika mengakses menu “Saran Kritik” yang ada pada sistem level manager Gambar 4.49 STD Rancangan Menu Halaman Saran Kritik pada Manager 188 4 Rancangan Halaman Pelanggan

a. Halaman Menu UtamaHome

Alur menu layar utama yang ada pada sistem level Pelanggan. Gambar 4.50 STD Rancangan Menu Halaman Menu Utama pada Pelanggan

b. Halaman Menu Barang

Alur menu yang tersedia, jika mengakses menu ‘Barang’ pada halaman utama pelanggan. Gambar 4.51 STD Rancangan Menu Barang pada Pelanggan 189

c. Halaman Menu Testimonial

Alur menu yang tersedia, jika mengakses menu ‘Testimonial’ pada halaman utama pelanggan. Testimonial Pilih Menu Testimonial Tampil Submenu Testimonial Pilih Menu Tambah Testimonial Tampil Halaman Form Tambah Testimonial Home Form Tambah Testimonial Klik Kirim dan Gagal Tampilkan Halaman Form Tambah Testimonial dan Ada Peringatan Pilih Menu Kembali Tampil Submenu Testimonial Klik Cancel Tampilkan Halaman Form Tambah Testimonial Gambar 4.52 STD Rancangan Menu Testimonial pada Pelanggan

d. Halaman Menu Data Pelanggan

Alur menu yang tersedia, jika mengakses menu ‘Data Pelanggan’ pada halaman utama pelanggan. Gambar 4.53 STD Rancangan Menu Pelanggan pada Pelanggan 190

e. Halaman Cari Barang

Alur menu yang tersedia, jika mengakses menu ‘Cari Barang’ pada halaman utama pelanggan. Gambar 4.54 STD Rancangan Menu Cari Barang pada Pelanggan

f. Halaman Menu Pesan

Alur menu yang tersedia, jika mengakses menu ‘Pesan’ pada halaman utama pelanggan. Gambar 4.55 STD Rancangan Menu Pesan pada Pelanggan 191

g. Halaman Menu Konsultasi

Alur menu yang tersedia, jika mengakses menu ‘Konsultasi’ pada halaman utama pelanggan. Gambar 4.56 STD Rancangan Menu Konsultasi pada Pelanggan 192

h. Halaman Menu Saran Kritik

Alur menu yang tersedia, jika mengakses menu ‘Saran Kritik’ pada halaman utama pelanggan. Gambar 4.57 STD Rancangan Menu Saran Kritik pada Pelanggan 193 5 Rancangan Halaman Tamu Alur menu layar utama yang ada pada sistem level Tamu Berita Pilih Menu Testimonial Tampil Submenu Testimonial Pilih Menu Selengkapnya Tampil Halaman Detail Berita Home Berita Testimonial Barang Pilih Menu Barang Tampil Halaman Barang Hubungi Kami Pilih Menu Hubungi Kami Tampil Halaman Hubungi Kami Tentang Kami Pilih Menu Tentang Kami Tampil Halaman Tentang Kami FormTestimonial Pilih Menu Tambah Tampil Form Testimonial Pilih Menu Kirim Sukses Tampil Halaman Testimonial Pilih Menu Kembali Tampil Halaman Testimonial Pilih Menu Kirim Gagal Tampil Form Testimonial Peringatan Detail Barang Pilih Menu Detail Tampil Halaman Detail Barang Pilih Menu Kembali Tampil Halaman Barang Pilih Menu Pesan Tampil Halaman Konfirmasi Konfirmasi Pilih Menu Selengkapnya Tampil Halaman Detail Berita Detail Berita Pilih Menu Kembali Tampil Halaman Berita Pilih Menu Batal Tampil Form Testimonial Gambar 4.58 STD Rancangan Menu pada Halaman Tamu 194

4.3.3.2 Rancangan Interface

1. Rancangan Interface pada level Sales

1 Halaman Utama Gambar 4.59 Perancangan Interface Halaman Utama pada Sales 2 Halaman Berita Gambar 4.60 Perancangan Interface Halaman Berita pada Sales 195 3 Halaman Tambah Berita Gambar 4.61 Perancangan Interface Halaman Tambah Berita pada Sales 4 Halaman Ubah Berita Gambar 4.62 Perancangan Interface Halaman Ubah Berita pada Sales 196 5 Halaman Hapus Berita Gambar 4.63 Perancangan Interface Halaman Hapus Berita pada Sales 6 Halaman Testimonial Gambar 4.64 Perancangan Interface Halaman Testimonial pada Sales 197 7 Halaman Tambah Testimonial Gambar 4.65 Perancangan Interface Halaman Tambah Testimonial pada Sales 8 Halaman Hapus Testimonial Gambar 4.66 Perancangan Interface Halaman Hapus Testimonial pada Sales 198 9 Halaman Data Pelanggan Gambar 4.67 Perancangan Interface Halaman Data Pelanggan pada Sales 199 10 Halaman Tambah Data Pelanggan Gambar 4.68 Perancangan Interface Halaman Tambah Data Pelanggan pada Sales 200 11 Halaman Ubah Data Pelanggan Username Password Nama Lengkap N.P.W.P Alamat Telepon Fax Handphone E-MAIL Header Logo Perusahaan Sistem Informasi Penjualan Edi Data Pelanggan : : : : : : : : : xxxxxxxxxxxx xxxxxxxxxxxx xxxxxxxxxxxx xxxxxxxxxxxxxxxx Xxxxxxx xxxxxxxx xxxxxx 9999999 99999999 999999 9999999 Proses kembali Pelanggan Cari Pelanggan Konsultasi Saran Kritik Daftar Pesanan Cari Pesanan Faktur Surat Jalan Log out Berita Testimonial Publik Pelanggan Gambar 4.69 Perancangan Interface Halaman Ubah Data Pelanggan pada Sales 201 12 Halaman Detail Data Pelanggan Gambar 4.70 Perancangan Interface Halaman Detail Data Pelanggan pada Sales 202 13 Halaman Hapus Data Pelanggan Gambar 4.71 Perancangan Interface Halaman Hapus Data Pelanggan pada Sales 14 Halaman Cari Pelanggan Gambar 4.72 Perancangan Interface Halaman Cari Data Pelanggan pada Sales 203 15 Halaman Konsultasi Gambar 4.73 Perancangan Interface Halaman Konsultasi pada Sales 16 Halaman Detail Konsultasi Header Logo Perusahaan Sistem Informasi Penjualan Konsultasi Dari : xxxxxxx Subjek : xxxxxxx Tanggal : 9999-99-99 Pertanyaan : xxxxxxx Jawaban : xxxxxxx [Kembali] Pelanggan Cari Pelanggan Konsultasi Saran Kritik Daftar Pesanan Cari Pesanan Faktur Surat Jalan Log out Berita Testimonial Publik Pelanggan Gambar 4.74 Perancangan Interface Halaman Detail Konsultasi pada Sales 204 17 Halaman Hapus Konsultasi Gambar 4.75 Perancangan Interface Halaman Hapus Konsultasi pada Sales 18 Halaman Reply Konsultasi 1 Gambar 4.76 Perancangan Interface Halaman Reply Konsultasi1 pada Sales 205 19 Halaman Reply Konsultasi 2 Gambar 4.77 Perancangan Interface Halaman Reply Konsultasi 2 pada Sales 20 Halaman Saran dan Kritik Gambar 4.78 Perancangan Interface Halaman Saran dan Kritik pada Sales 206 21 Halaman Detail Saran dan Kritik Banner Logo Perusahaan Sistem Informasi Penjualan Saran dan Kritik Nama Pelanggan E-mail Tanggal Jenis Isi SaranKritik [Kembali] : : : : : xxxxxx xxxxxx xxxxxx xxxxxx xxxxxx Pelanggan Cari Pelanggan Konsultasi Saran Kritik Daftar Pesanan Cari Pesanan Faktur Surat Jalan Log out Berita Testimonial Publik Pelanggan Gambar 4.79 Perancangan Interface Halaman Detail Saran dan Kritik pada Sales 22 Halaman Hapus Saran dan Kritik Gambar 4.80 Perancangan Interface Halaman Hapus Saran dan Kritik pada Sales 207 23 Halaman Daftar Pesanan Gambar 4.81 Perancangan Interface Halaman Daftar Pesanan pada Sales 24 Halaman Detail Daftar Pesanan Gambar 4.82 Perancangan Interface Halaman Detail Pelanggan pada Sales 208 25 Halaman atau Hasil Cetak Pesanan Logo JUMP DISTRIBUTORS INDONESIA Jl.Saharjo No.45 Manggarai Komplek Wahana Bhakti Utama Jakarta 12850 Jl.Saharjo No.45 Manggarai Komplek Wahana Bhakti Utama Jakarta 12850 Daftar Pesanan -Pelanggan- No x xxxxx xxxxx xxxxxxxxxxxxx xxxxxxxx xxxxx Jenis Barang Harga Barang Nama Barang Jumlah Barang x xxxxx xxxxx xxxxxxxxxxxxx xxxxxxxx xxxxx x xxxxx xxxxx xxxxxxxxxxxxx xxxxxxxx xxxxx Id Pesan : xxxxxxxxxx Nama Email Alamat Telp : xxxx : xxxx : xxxx : xxxx Tanggal Pesan : xxxxxxxxxx Total Pembayaran xxxxxxxxx Gambar 4.83 Perancangan Interface Hasil Cetak Pesanan pada Sales 209 26 Halaman Form Cari Pesanan Gambar 4.84 Perancangan Interface Halaman Cari Pesanan pada Sales 27 Halaman Faktur Header Logo Perusahaan Sistem Informasi Penjualan Data Faktur hapus No 99 xxxx 9999 xxxxxxxxxxxxxxxxxxxxx Tanggal Faktur Aksi No Faktur Nomor Pesan tambah detail hapus detail hapus detail hapus detail 99 xxxx 9999 xxxxxxxxxxxxxxxxxxxxx 99 xxxx 9999 xxxxxxxxxxxxxxxxxxxxx 99 xxxx 9999 xxxxxxxxxxxxxxxxxxxxx x Pelanggan Cari Pelanggan Konsultasi Saran Kritik Daftar Pesanan Cari Pesanan Faktur Surat Jalan Log out Berita Testimonial Publik Pelanggan Gambar 4.85 Perancangan Interface Halaman Faktur pada Sales 210 28 Halaman Detail Faktur Header Logo Perusahaan Sistem Informasi Penjualan Faktur Pelanggan No Faktur : xxxxxxxxxx Nama Pelanggan Telpon : xxxx Faktur Tanggal Faktur Id Pesan Tanggal Jatuh tempo xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx : : : Alamat : xxxx : xxxx Barang No Xx xxxxxxx xxxxxxxx xxxxxx xxxxxxx xxxxxxx Jenis Barang Total Harga Barang Nama Barang Jumlah Barang Harga Barang Xx xxxxxxx xxxxxxxx xxxxxx xxxxxxx xxxxxxx Xx xxxxxxx xxxxxxxx xxxxxx xxxxxxx xxxxxxx Xx xxxxxxx xxxxxxxx xxxxxx xxxxxxx xxxxxxx Jumlah Barang Total Pajak Total Plus Pajak : : : xxxxxxx xxxxxxx xxxxxxx [Cetak] [Kembali] Pelanggan Cari Pelanggan Konsultasi Saran Kritik Daftar Pesanan Cari Pesanan Faktur Surat Jalan Log out Berita Testimonial Publik Pelanggan Gambar 4.86 Perancangan Interface Halaman Detail Faktur pada Sales 211 29 Halaman atau Hasil Cetak Faktur Faktur -PENGUSAHA KENA PAJAK Nama : PT.JUMP DISTRIBUTORS ASIA Alamat : Jl.Saharjo No.45 Manggarai Komplek Wahana Bhakti Utama Jakarta 12850 N.P.W.P : 021159918056000 -PEMBELI BARANG KENA PAJAKPENERIMA JASA KENA PAJAK Nomor Faktur :xxxxxx Tanggal Pesan : xxxxx Nama : xxxxxx alamat : xxxxx Email :xxxxxx Telp : xxxxxxx : Barang No Xx xxxxxxx xxxxxxxx xxxxxx xxxxxxx xxxxxxx Jenis Barang Nama Barang Jumlah Barang Harga Barang PPN=10 x Total Harga Barang Total Setelah Pajak : : xxxxxxx xxxxxxx Xx xxxxxxx xxxxxxxx xxxxxx xxxxxxx xxxxxxx Xx xxxxxxx xxxxxxxx xxxxxx xxxxxxx xxxxxxx Total xxxxxx xxxxxxxx Jakarta, xxxxxxxxxxx xxxxxxxxxx xxxxxxxxx Jl.Saharjo No.45 Manggarai Komplek Wahana Bhakti Utama Jakarta 12850 Logo JUMP DISTRIBUTORS INDONESIA Jl.Saharjo No.45 Manggarai Komplek Wahana Bhakti Utama Jakarta 12850 Gambar 4.87 Perancangan Interface Halaman atau Hasil Cetak Faktur pada Sales 212 30 Halaman Tambah Faktur Gambar 4.88 Perancangan Interface Halaman Tambah Faktur pada Sales 213 31 Halaman Hapus Faktur Header Logo Perusahaan Sistem Informasi Penjualan Faktur hapus No 99 xxxx 9999 xxxxxxxxxxxxxxxxxxxxx Tanggal Faktur Aksi No Faktur Nomor Pesan tambah detail hapus detail hapus detail hapus detail 99 xxxx 9999 xxxxxxxxxxxxxxxxxxxxx 99 xxxx 9999 xxxxxxxxxxxxxxxxxxxxx 99 xxxx 9999 xxxxxxxxxxxxxxxxxxxxx x Apakah anda benar-benar akan menghapus xxxxxx ? OK Cancel Pelanggan Cari Pelanggan Konsultasi Saran Kritik Daftar Pesanan Cari Pesanan Faktur Surat Jalan Log out Berita Testimonial Publik Pelanggan Gambar 4.89 Perancangan Interface Halaman Hapus Faktur pada Sales 32 Halaman Data Surat Jalan Header Logo Perusahaan Sistem Informasi Penjualan Data Surat Jalan detail No Nomor Faktur Nama Supir Aksi Nomor Surat Jalan 99 xxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxx x hapus tambah 99 xxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxx 99 xxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxx 99 xxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxx detail hapus detail hapus detail hapus Pelanggan Cari Pelanggan Konsultasi Saran Kritik Daftar Pesanan Cari Pesanan Faktur Surat Jalan Log out Berita Testimonial Publik Pelanggan Gambar 4.90 Perancangan Interface Halaman Data Surat Jalan pada Sales 214 33 Halaman Tambah Data Surat Jalan Banner Logo Perusahaan Sistem Informasi Penjualan Data Surat Jalan -No Surat Jalan- Id Surat Jalan : xxxxxxx -Pesanan- : Proses Reset Pilih Faktur xxxxxxxxx xxxxxxxxx Tanggal Faktur : Tanggal Jatuh Tempo : Id Supir Nama Supir : : Pelanggan Cari Pelanggan Konsultasi Saran Kritik Daftar Pesanan Cari Pesanan Faktur Surat Jalan Log out Berita Testimonial Publik Pelanggan Gambar 4.91 Perancangan Interface Halaman Tambah Data Surat Jalan pada Sales 215 34 Halaman Detail Surat Jalan Gambar 4.92 Perancangan Interface Halaman Detail Data Surat Jalan pada Sales 216 35 Halaman atau Hasil Cetak Surat Jalan Logo JUMP DISTRIBUTORS INDONESIA Jl.Saharjo No.45 Manggarai Komplek Wahana Bhakti Utama Jakarta 12850 Jl.Saharjo No.45 Manggarai Komplek Wahana Bhakti Utama Jakarta 12850 Surat Jalan -Data Surat Jalan- No 99 xxxxx xxxxxxxxxxxxx 999 xxxxx Jenis Barang Harga Barang Nama Barang Jumlah Barang -Pengirim- Nama Pelanggan Alamat Pelanggan Tanggal Pesan : xxxx : xxxx : xxxx : xxxx Keterangan : Nama Supir : xxxx : xxxx Nomor Kendaraan Nama Kendaraan : xxxx : xxxx Jenis Kendaraan Nomor Surat Jalan Email Pelanggan : xxxx Telp : xxxx -Barang- xxxxxxxxxx ______________ Jakarta,xxxxxxxxxx ______________ xxxxxxxxxx 99 xxxxx xxxxxxxxxxxxx 999 xxxxx 99 xxxxx xxxxxxxxxxxxx 999 xxxxx 99 xxxxx xxxxxxxxxxxxx 999 xxxxx Total xxxxxxxx Gambar 4.93 Perancangan Interface Halaman Hasil Cetak Data Surat Jalan pada Sales 217 36 Halaman Hapus Data Surat Jalan Gambar 4.94 Perancangan Interface Halaman Hapus Data Surat Jalan pada Sales 218

2. Rancang Interface pada level Logistic

1. Halaman Utama Header Logo Perusahaan Sistem Informasi Penjualan Selamat Datang, Logistic Anda telah berada pada halaman home Logistic pada web JUMP Distributor Indonesia silahkan gunakan menu yang sudah ada... Terima kasih. Berita Testimonial Publik Barang Barang Cari Barang Pelanggan Daftar Pesanan Cari Pesanan Retur Logout Perusahaan Supir Kendaraan Gambar 4.95 Perancangan Interface Halaman Utama pada Logistic 2. Halaman Berita Gambar 4.96 Perancangan Interface Halaman Berita pada Logistic 219 3. Halaman Testimonial xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx Header Logo Perusahaan Sistem Informasi Penjualan Testimonial Kembali Berita Testimonial Publik Barang Barang Cari Barang Pelanggan Daftar Pesanan Cari Pesanan Retur Logout Perusahaan Supir Kendaraan Gambar 4.97 Perancangan Interface Halaman Testimonial pada Logistic 4. Halaman Supir Gambar 4.98 Perancangan Interface Halaman Supir pada Logistic 220 5. Halaman Form Tambah Supir Header Logo Perusahaan Sistem Informasi Penjualan Data Supir Nama Supir : No Polisi Alamat Telepon : : : Proses Kembali Berita Testimonial Publik Barang Barang Cari Barang Pelanggan Daftar Pesanan Cari Pesanan Retur Logout Perusahaan Supir Kendaraan Gambar 4.99 Perancangan Interface Halaman Form Tambah Supir pada Logistic 6. Halaman Form Ubah Supir Gambar 4.100 Perancangan Interface Halaman Form Ubah Supir pada Logistic 221 7. Halaman Detail Supir Gambar 4.101 Perancangan Interface Halaman Form Detail Supir pada Logistic 8. Halaman Hapus Supir Gambar 4.102 Perancangan Interface Halaman Form Hapus Supir pada Logistic 222 9. Halaman Kendaraan Gambar 4.103 Perancangan Interface Halaman Kendaraan pada Logistic 10. Halaman Form Tambah Kendaraan Gambar 4.104 Perancangan Interface Halaman Form Tambah Kendaraan pada Logistic 223 11. Halaman Form Ubah Kendaraan Gambar 4.105 Perancangan Interface Halaman Form Ubah Kendaraan pada Logistic 12. Halaman Hapus Kendaraan Gambar 4.106 Perancangan Interface Halaman Form Hapus Kendaraan pada Logistic 224 13. Halaman Barang Header Logo Perusahaan Sistem Informasi Penjualan Barang xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx Gambar barang detail ubah hapus Tambah cetak Nama : Jenis : Harga Barang : Total Barang : Tanggal Masuk : x Berita Testimonial Publik Barang Barang Cari Barang Pelanggan Daftar Pesanan Cari Pesanan Retur Logout Perusahaan Supir Kendaraan Gambar 4.107 Perancangan Interface Halaman Barang pada Logistic 225 14. Halaman Form Tambah Barang Header Logo Perusahaan Sistem Informasi Penjualan Barang Id Barang : Nama Barang : Jenis Barang : Bahan Pembuat : Kemasan : Keterangan : Harga Barang : Total Barang : Gambar : Cleaning kitchen accesoris Choose File Proses Kembali Berita Testimonial Publik Barang Barang Cari Barang Pelanggan Daftar Pesanan Cari Pesanan Retur Logout Perusahaan Supir Kendaraan Gambar 4.108 Perancangan Interface Halaman Form Tambah Barang pada Logistic 226 15. Halaman Form Ubah Barang Gambar 4.109 Perancangan Interface Halaman Form Ubah Barang pada Logistic 16. Halaman Detail Barang Gambar 4.110 Perancangan Interface Halaman Form Detail Barang pada Logistic 227 17. Halaman Hasil Cetak Logo JUMP DISTRIBUTORS INDONESIA Jl.Saharjo No.45 Manggarai Komplek Wahana Bhakti Utama Jakarta 12850 Jl.Saharjo No.45 Manggarai Komplek Wahana Bhakti Utama Jakarta 12850 Daftar Barang Data Barang Jakarta, XXXXXXXXXX xxxxxx xxxxxxxxx No 9 999 xxxxx xxxxxxxxxxxxx 9999 Jenis Barang Jumlah Sebenarnya Id Barang Nama Barang Jumlah Barang 9 999 xxxxx xxxxxxxxxxxxx 9999 9 999 xxxxx xxxxxxxxxxxxx 9999 9 999 xxxxx xxxxxxxxxxxxx 9999 Gambar 4.111 Perancangan Interface Halaman Cetak Barang Pada Logistic 228 18. Halaman Hapus Barang Gambar 4.112 Perancangan Interface Halaman Hapus Barang Pada Logistic 19. Halaman Cari Barang Gambar 4.113 Perancangan Interface Halaman Cari Barang pada Logistic 229 20. Halaman Retur Barang Gambar 4.114 Perancangan Interface Halaman Retur pada Logistic 230 21. Halaman Tambah Retur Gambar 4.115 Perancangan Interface Halaman Tambah Retur pada Logistic 231 22. Halaman Detail Retur Banner Logo Perusahaan Sistem Informasi Penjualan Data Retur No Retur Tanggal Retur : Nomor Surat Jalan : : x xxxxxxxxxx xxxxxxx xx Nama Barang Jumlah Barang Jenis Barang xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx Data Surat Jalan No x xxxxxxxxxx xxxxxxx xx x xxxxxxxxxx xxxxxxx xx Nama Barang Jumlah Barang Jenis Barang No x xxxxxxxxxx xxxxxxx xx [Cetak] [Kembali] Data Barang yang di Retur Total Barang Retur = xxx Berita Testimonial Publik Barang Barang Cari Barang Pelanggan Daftar Pesanan Cari Pesanan Retur Logout Perusahaan Supir Kendaraan Gambar 4.116 Perancangan Interface Halaman Detail Retur pada Logistic 232 23. Halaman Hasil Cetak Retur Logo JUMP DISTRIBUTORS INDONESIA Jl.Saharjo No.45 Manggarai Komplek Wahana Bhakti Utama Jakarta 12850 Jl.Saharjo No.45 Manggarai Komplek Wahana Bhakti Utama Jakarta 12850 Surat Retur -Data Surat Jalan- Jakarta,xxxxxx xxxxxxxxxxxx xxxxxxxxxxx No Jenis Barang Nama Barang Jumlah Barang 99 xxxxxxxxxx xxxxxxxxxxxxx 999 Nomor Surat Jalan Nomor Retur : xxxxxxxxxx Nama Pelanggan Email Pelanggan Alamat Pelanggan Tanggal Pesan Telp : xxxx : xxxx : xxxx : xxxx : xxxx : xxxx -Data Barang Retur- 99 xxxxxxxxxx xxxxxxxxxxxxx 999 99 xxxxxxxxxx xxxxxxxxxxxxx 999 Total 999 Keterangan : Xxxxxxxxxxx xxxxxxxxxxx Gambar 4.117 Perancangan Interface Halaman Cetak Data Retur pada Logistic 233 24. Halaman Daftar Pesanan Gambar 4.118 Perancangan Interface Halaman Daftar Pesanan pada Logistic 25. Halaman Cari Pesanan Gambar 4.119 Perancangan Interface Halaman Cari Pesanan pada Logistic 234 26. Halaman Detail Pesanan Header Logo Perusahaan Sistem Informasi Penjualan Detail Pesan -Pelanggan- Nama xxxxxxxxxxx : Id Pesan xxxxxxxxxxx : Tanggal Pesan xxxxxxxxxxx : Alamat xxxxxxxxxxx Email xxxxxxxxxxx Telp 99999999 : : : -Barang- Jumlah Barang 99999 Total Harga 99999 : [Cetak] [Kembali] No 99 xxxxxxxxxx xxxxxxxx 999 9999 9999 Jumlah Barang Nama Barang Jenis Barang Harga Per Barang Total Harga Per Barang 99 xxxxxxxxxx xxxxxxxx 999 9999 9999 99 xxxxxxxxxx xxxxxxxx 999 9999 9999 99 xxxxxxxxxx xxxxxxxx 999 9999 9999 Berita Testimonial Publik Barang Barang Cari Barang Pelanggan Daftar Pesanan Cari Pesanan Retur Logout Perusahaan Supir Kendaraan Gambar 4.120 Perancangan Interface Halaman Detail Pesan pada Logistic 235 27. Halaman Hasil Cetak Pesanan Logo JUMP DISTRIBUTORS INDONESIA Jl.Saharjo No.45 Manggarai Komplek Wahana Bhakti Utama Jakarta 12850 Jl.Saharjo No.45 Manggarai Komplek Wahana Bhakti Utama Jakarta 12850 Daftar Pesanan -Pelanggan- No 99 xxxxxxxx xxxxxxxxxxxxx 9999 99999 Jenis Barang Harga Barang Nama Barang Jumlah Barang Id Pesan : xxxxxxxxxx Nama Email Alamat Telp : xxxx : xxxx : xxxx : 99999 Tanggal Pesan : xxxxxxxxxx Total Pembayaran 9999 99 xxxxxxxx xxxxxxxxxxxxx 9999 99999 99 xxxxxxxx xxxxxxxxxxxxx 9999 99999 Gambar 4.121 Perancangan Interface Cetak Pesanan pada Logistic 236 28. Halaman Hapus Pemesanan Gambar 4.122 Perancangan Interface Hapus Pesanan pada Logistic 237

3. Rancang Interface pada level Manager

1. Halaman Utama Gambar 4.123 Perancangan Interface Halaman Utama pada Manager 2. Halaman Menu Berita Header Logo Perusahaan Sistem Informasi Penjualan Berita Judul Berita Upload news xx-xxxxxx-xxxx, 00;00;00 xxxxxxxxxxxxxxxxxxxxxxxxx Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Judul Berita Upload news xx-xxxxxx-xxxx, 00;00;00 xxxxxxxxxxxxxxxxxxxxxxxxx Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Kembali Berita Publik Perusahaan Laporan Periode Penjualan Laporan Barang Laku Grafik Penjualan Barang Cari Barang Pelanggan Saran Kritik Logout x Gambar 4.124 Perancangan Interface Halaman Berita pada Manager 238 3. Halaman Menu Laporan Periode Penjualan Header Logo Perusahaan Sistem Informasi Penjualan Berita Publik Perusahaan Laporan Periode Penjualan Laporan Barang Laku Grafik Penjualan Barang Cari Barang Pelanggan Saran Kritik Logout Laporan Periode Transaksi Penjualan Tanggal Sampai Tanggal Mulai : : Cetak Gambar 4.125 Perancangan Interface Halaman Laporan Periode Penjualan pada Manager 239 4. Halaman Hasil Cetak Laporan Periode Penjualan Total Penjualan Periode 9999-99-99-9999-99-99 No Tanggal Pelanggan Jenis Barang Harga Barang 99 xxxxxxx 9999-99-99 xxxxxxx xxxxxxx 99 xxxxxxxx Jakarta, xxxxxxxxxxx xxxxxxxx xxxxxxxxxx Jl.Saharjo No.45 Manggarai Komplek Wahana Bhakti Utama Jakarta 12850 Logo JUMP DISTRIBUTORS INDONESIA Jl.Saharjo No.45 Manggarai Komplek Wahana Bhakti Utama Jakarta 12850 Nama Barang Jumlah Total 999 xxxxxxxx 99 xxxxxxx 9999-99-99 xxxxxxx xxxxxxx 99 xxxxxxxx 99 xxxxxxx 9999-99-99 xxxxxxx xxxxxxx 99 xxxxxxxx Gambar 4.126 Perancangan Interface Halaman Hasil Cetak Laporan Periode Penjualan pada Manager 240 5. Halaman Menu Laporan Barang Laku Gambar 4.127 Perancangan Interface Halaman Menu Laporan Barang Laku pada Manager 241 6. Halaman Hasil Cetak Laporan Barang Laku Gambar 4.128 Perancangan Interface Halaman Hasil Cetak Laporan Barang Laku pada Manager 242 7. Halaman Menu Grafik Penjualan Gambar 4.129 Perancangan Interface Halaman Menu Grafik Penjualan pada Manager 8. Halaman Barang Header Logo Perusahaan Sistem Informasi Penjualan Barang XXXXXXXX xxxxxxxxxxxxxxxxxxxxxxxxx Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Gambar barang XXXXXXXX xxxxxxxxxxxxxxxxxxxxxxxxx Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Gambar barang Lihat Keranjang X Berita Publik Perusahaan Laporan Periode Penjualan Laporan Barang Laku Grafik Penjualan Barang Cari Barang Pelanggan Saran Kritik Logout detail cetak detail Gambar 4.130 Perancangan Interface Halaman Barang pada Manager 243 9. Halaman Detail Barang Berita Publik Perusahaan Laporan Periode Penjualan Laporan Barang Laku Grafik Penjualan Barang Cari Barang Pelanggan Saran Kritik Logout Header Logo Perusahaan Sistem Informasi Penjualan Detail Barang Keterangan Barang XXXXX Jenis Barang xxxxxxxxxxx : Bahan Pembuat xxxxxxxxxxx : Kemasan xxxxxxxxxxx : Keterangan : Harga Barang : Stok Barang : Gambar barang xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx Id Barang xxxxxxxxxxx : Tanggal Barang Input xxxxxxxxxxx : Gambar 4.131 Perancangan Interface Halaman Detail Barang pada Manager 244 10. Halaman Cetak Barang Logo JUMP DISTRIBUTORS INDONESIA Jl.Saharjo No.45 Manggarai Komplek Wahana Bhakti Utama Jakarta 12850 Jl.Saharjo No.45 Manggarai Komplek Wahana Bhakti Utama Jakarta 12850 Daftar Barang Data Barang Jakarta, XXXXXXXXXX xxxxxxxx xxxxxxxx No 9 999 xxxxx xxxxxxxxxxxxx 9999 Jenis Barang Jumlah Sebenarnya Id Barang Nama Barang Jumlah Barang 9 999 xxxxx xxxxxxxxxxxxx 9999 9 999 xxxxx xxxxxxxxxxxxx 9999 9 999 xxxxx xxxxxxxxxxxxx 9999 Gambar 4.132 Perancangan Interface Halaman Hasil Cetak Barang pada Manager 245 11. Halaman Cari Barang Berita Publik Perusahaan Laporan Periode Penjualan Laporan Barang Laku Grafik Penjualan Barang Cari Barang Pelanggan Saran Kritik Logout Header Logo Perusahaan Sistem Informasi Penjualan Cari Barang Search No 99 99 xxxxxxxx xxxxxxxxxxxxxxxxxxxxx Nama Barang Jenis Barang Aksi ID detail 99 99 xxxxxxxx xxxxxxxxxxxxxxxxxxxxx detail 99 99 xxxxxxxx xxxxxxxxxxxxxxxxxxxxx detail Gambar 4.133 Perancangan Interface Halaman Cari Barang pada Manager 12. Halaman Saran Kritik Gambar 4.134 Perancangan Interface Halaman Saran Kritik pada Manager 246 13. Halaman Detail Saran Kritik Banner Logo Perusahaan Sistem Informasi Penjualan Saran dan Kritik Nama Pelanggan E-mail Tanggal Jenis Isi SaranKritik [Kembali] : : : : : xxxxxx xxxxxx xxxxxx xxxxxx xxxxxx Berita Publik Perusahaan Laporan Periode Penjualan Laporan Barang Laku Grafik Penjualan Barang Cari Barang Pelanggan Saran Kritik Logout Gambar 4.135 Perancangan Interface Halaman Detail Saran Kritik pada Manager 247

4. Rancang Interface pada level Pelanggan

1. Halaman Utama Pelanggan Gambar 4.136 Perancangan Interface Halaman Utama pada Pelanggan 2. Halaman Barang Pelanggan Header Logo Perusahaan Testimonial Hubungi Kami Barang Tentang Kami Sistem Informasi Penjualan Barang Home XXXXXXXX Detail xxxxxxxxxxxxxxxxxxxxxxxxx Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Gambar barang XXXXXXXX xxxxxxxxxxxxxxxxxxxxxxxxx Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Gambar barang Detail Lihat Keranjang X Data Pelanggan Pesan Cari Barang Konsultasi Saran Kritik Log out Pelanggan Gambar 4.137 Perancangan Interface Halaman Barang pada Pelanggan 248 3. Halaman Detail Barang Header Logo Perusahaan Testimonial Hubungi Kami Barang Tentang Kami Sistem Informasi Penjualan Detail Barang Home [Pesan] [Kembali] Data Pelanggan Pesan Cari Barang Konsultasi Saran Kritik Log out Pelanggan Keterangan Barang XXXXX Jenis Barang xxxxxxxxxxx : Bahan Pembuat xxxxxxxxxxx : Kemasan xxxxxxxxxxx : Keterangan : Harga Barang : Stok Barang : Gambar barang xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx Id Barang xxxxxxxxxxx : Tanggal Barang Input 9999-99-99 : Gambar 4.138 Perancangan Interface Halaman Detail Barang pada Pelanggan 4. Halaman Testimonial Gambar 4.139 Perancangan Interface Halaman Testimonial pada Pelanggan 249 5. Halaman Hubungi Kami Gambar 4.140 Perancangan Interface Halaman Hubungi Kami pada Pelanggan 6. Halaman Tentang Kami Header Logo Perusahaan Testimonial Hubungi Kami Barang Tentang Kami Sistem Informasi Penjualan Home Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x Sekilas Perusahaan Jump Visi Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x Misi Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x Data Pelanggan Pesan Cari Barang Konsultasi Saran Kritik Log out Pelanggan Gambar 4.141 Perancangan Interface Halaman Tentang Kami pada Pelanggan 250 7. Halaman Detail Pelanggan Header Logo Perusahaan Sistem Informasi Penjualan Informasi Data Anda Data Pelanggan Pesan Cari Barang Konsultasi Saran Kritik Log out Pelanggan [Edit Data] [Kembali] Id Pelanggan Username Password Nama Lengkap N.P.W.P Alamat Telepon Fax Handphone E-MAIL : : : : : : : : : : xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx Xxxxxxxxxx xxxxxxxxxx Gambar 4.142 Perancangan Interface Halaman Detail Pelanggan pada Pelanggan 251 8. Halaman Ubah Data Pelanggan Header Logo Perusahaan Sistem Informasi Penjualan Informasi Data Anda Data Pelanggan Pesan Cari Barang Konsultasi Saran Kritik Log out Pelanggan [Edit Data] [Kembali] Id Pelanggan Username Password Nama Lengkap N.P.W.P Alamat Telepon Fax Handphone E-MAIL : : : : : : : : : : xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx Xxxxxxxxxx xxxxxxxxxx Gambar 4.143 Perancangan Interface Halaman Ubah Pelanggan pada Pelanggan 9. Halaman Pesan Pelanggan Gambar 4.144 Perancangan Interface Halaman Pesan Pelanggan pada Pelanggan 252 10. Halaman Detail Pesan Banner Logo Perusahaan Sistem Informasi Penjualan Data Pesan -Pelanggan- Nama xxxxxxxxxxx : Id Pesan xxxxxxxxxxx : Tanggal Pesan xxxxxxxxxxx : Alamat xxxxxxxxxxx Email xxxxxxxxxxx Telp 99999999 : : : -Barang- : Jumlah Barang 999 Total Harga xxxxx : : [Cetak] [Kembali] No 99 xxxxxxxxxxxxxxxx xxxxxxx 999 xxxxxxx xxxxxx Jumlah Barang Nama Barang Jenis Barang Harga Per Barang Total Harga Per Barang Data Pelanggan Pesan Cari Barang Konsultasi Saran Kritik Log out Pelanggan 99 xxxxxxxxxxxxxxxx xxxxxxx 999 xxxxxxx xxxxxx 99 xxxxxxxxxxxxxxxx xxxxxxx 999 xxxxxxx xxxxxx 99 xxxxxxxxxxxxxxxx xxxxxxx 999 xxxxxxx xxxxxx Gambar 4.145 Perancangan Interface Halaman Detail Pesan pada Pelanggan 253 11. Halaman atau Hasil Cetak Pesanan Logo JUMP DISTRIBUTORS INDONESIA Jl.Saharjo No.45 Manggarai Komplek Wahana Bhakti Utama Jakarta 12850 Jl.Saharjo No.45 Manggarai Komplek Wahana Bhakti Utama Jakarta 12850 Daftar Pesanan -Pelanggan- No 99 xxxxxxxx xxxxxxxxxxxx 9999 xxxxx Jenis Barang Harga Barang Nama Barang Jumlah Barang Id Pesan : xxxxxxxxxx Nama Email Alamat Telp : xxxx : xxxx : xxxx : xxxx Tanggal Pesan : xxxxxxxxxx Total Pembayaran xxxxxxxxx 99 xxxxxxxx xxxxxxxxxxxx 9999 xxxxx 99 xxxxxxxx xxxxxxxxxxxx 9999 xxxxx 99 xxxxxxxx xxxxxxxxxxxx 9999 xxxxx Gambar 4.146 Perancangan Interface Halaman atau Hasil Pesan pada Pelanggan 254 12. Halaman Cari Barang Gambar 4.147 Perancangan Interface Halaman Cari Barang pada Pelanggan 13. Halaman Konsultasi Gambar 4.148 Perancangan Interface Halaman Konsultasi pada Pelanggan 255 14. Halaman Tambah Konsultasi 1 Gambar 4.149 Perancangan Interface Halaman Tambah Konsultasi1 pada Pelanggan 15. Halaman Tambah Konsultasi 2 Gambar 4.150 Perancangan Interface Halaman Tambah Konsultasi 2 pada Pelanggan 256 16. Halaman Saran dan Kritik Gambar 4.151 Perancangan Interface Halaman Saran dan Kritik pada Pelanggan 17. Halaman Tambah Saran dan Kritik Banner Logo Perusahaan Sistem Informasi Penjualan Saran dan Kritik Id Pelanggan Email Pelanggan Jenis Isi SaranKritik : xxxxxxxxx : xxxxxxxxx : : Saran Kritik Proses Kembali Data Pelanggan Pesan Cari Barang Konsultasi Saran Kritik Log out Pelanggan Gambar 4.152 Perancangan Interface Tambah Saran dan Kritik pada Pelanggan 257 18. Halaman Detail Saran dan Kritik Gambar 4.153 Perancangan Interface Detail Saran dan Kritik pada Pelanggan

5. Rancang Interface pada level Tamu

1 Halaman Utama Publik Tamu Gambar 4.154 Perancangan Interface Halaman Utama pada Tamu 258 2 Halaman Barang Gambar 4.155 Perancangan Interface Halaman Barang pada Tamu 3 Halaman Detail Barang Banner Logo Perusahaan Testimonial Hubungi Kami Barang Tentang Kami Sistem Informasi Penjualan Login Detail Barang Home XXXXXXXX Keterangan Barang Username Password Submit Reset Lupa password Jenis Barang : xxxxx Bahan Material : xxxxxx Kemasan : xxxxxx Keterangan : xxxxxxxx Stok Barang : 999 Gambar barang [Pesan] [Kembali] Gambar 4.156 Perancangan Interface Halaman Detail Barang pada Tamu 259 4 Halaman Testimonial Gambar 4.157 Perancangan Interface Halaman Testimonial pada Tamu 5 Halaman Hubungi Kami Gambar 4.158 Perancangan Interface Halaman Hubungi Kami pada Tamu 260 6 Halaman Tentang Kami Gambar 4.159 Perancangan Interface Halaman Tentang Kami pada Tamu 261

4.4 System Implementation