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