Upload
hakiet
View
217
Download
0
Embed Size (px)
Citation preview
69
BAB 4
SISTEM YANG DIUSULKAN
4.1 Proses Bisnis Yang Diusulkan
4.1.1 Uraian
Sistem Pemasaran yang dirancang adalah berbasiskan web yang
terdiri dari halaman-halaman situs web, dimana halaman-halaman tersebut
menampilkan informasi-informasi seperti profil perusahaan, produk yang
dijual berserta spesifikasinya, dan fitur pembelian produk secara online.
Berikut ini adalah penjelasan mengenai proses bisnis yang diusulkan :
1. Proses penawaran produk
a. Customer masuk ke situs web PT.Jasa Duta Mandiri dan melihat
Promosi produk.
b. Bila Customer ingin membeli suatu produk yang ditawarkan, maka
Customer harus login terlebih dahulu.
c. Bila Customer belum mempunyai ID maka harus mendaftarkan
diri.
d. Setelah Customer mendaftarkan diri, maka secara otomatis akan
masuk kembali ke Home dan Customer dapat melakukan
pemesanan secara online dengan memilih produk serta ukuran (
sesuai keinginan atau standart perusahaan ) yang diinginkan untuk
dimasukan di Shopping Cart.
70
1. Proses pembayaran uang muka
a. Setelah Customer menginput PO secara online, Customer akan
menerima konfirmasi mengenai produk yang dibeli, total harga
sudah termasuk ongkos pengiriman ke tempat tujuan.
b. Untuk pembayaran dapat dilakukan dengan transfer ke Rekening
milik perusahaan dalam waktu tiga hari setelah pemesanan.
c. Bila dalam tiga hari setelah pemesanan, Customer tidak
mentransfer uang. Maka pihak perusahaan akan mengkonfirmasi
ke pihak Customer melalui telepon.
d. Bila jumlah uang yang di transfer tidak sesuai dengan jumlah yang
harus dibayar customer,maka pihak perusahaan akan
mengkonfirmasi ke pihak Customer melalui telepon.
e. Jika Customer sudah melakukan transfer ke rekening perusahaan,
customer akan mengirimkan bukti transfer melalu fax.
2. Proses pemesanan
a. Sebelum pemesanan Customer di proses, bagian penjualan
mengecek terlebih dahulu pembayaran, bila Customer belum
membayar maka pihak perusahaan akan mengkonfirmsi ke pihak
Customer melalui telepon.
b. Setelah menerima SO secara online, bagian manager operasional
akan mengecek pesanan mana yang ukuran produknya sesuai
dengan keinginan customer.
71
c. Jika ada pesanan ukuran produk yang sesuai customer, manager
operasional menyiapkan jadwal produksi untuk diserahkan
kebagian produksi.
d. Setelah staf penjualan menerima fax bukti transfer dari Customer
berupa struk ATM, staf penjualan akan mempersiapkan produk
yang dipesan sesuai dengan kode_customer.
e. Untuk produk yang siap dikirim, bagian penjualan akan
meneruskan SO karyawan gudang untuk disiapkan barang dan
surat jalan.
f. Surat jalan dan produk yang sudah siap diserahkan kebagian
pengiriman untuk dikirim ke Customer
g. Customer menandatangani surat jalan yang kemudian diserahkan
ke bagian pengiriman kembali.
3. Proses maintenance web
a. Administrator mengakses data yang ada dalam web seperti : data
base pelanggan, data order list, dan data produk.
b. Selain mengakses, administrator juga melakukan update terhadap
semua database yang ada melalui web.
c. Keluhan, kritik dan saran yang masuk melalui web akan dijawab
oleh administrator selama jam kerja.
72
4. Proses Pengiriman
a. Admin menginput data pengiriman seperti No_pesanan,
asal_barang, Tujuan_barang.
6. Proses Pengecekan Pengiriman Via Sms oleh Admin
a. Kurir mengirim sms dengan format (Lokasi*no
pengiriman*kode kurir*lokasi barang* ).
b. Sms yang diterima langsung tersimpan kedalam database data_
barang_kirim.
c. Bila admin ingin mengecek pengiriman barang, admin masuk
ke status pengiriman. Admin menginput no pengiriman.
7. Proses Pengecekan Pengiriman Via Sms oleh User
a. Bila user ingin mengecek pengiriman barang, user masuk ke
show pengiriman dengan menginput no pengiriman barang.
73
4.1.2 Use Case
Sistem Informasi Pemasaran PT Jasa Duta Mandiri
membuat akun baru
memesan produk
menerima pesanandari customer
mengecek pengiriman
maintance web
customer
staff penjualan
admin
memproses pesanan
Melihat Promosikhusus
Gambar 4.1 Use Case Digram Sistem yang Diusulkan
74
Keterangan Use Case
1. Melihat Promosi Khusus
Actor : Customer
Pre Condition : Kegiatan ini di mulai ketika masuk ke website JDM
Basic Flow : Customer meng-klik Informasi dengan fitur Produk Baru
Post Condition : Cuatomer dapat melihat gambar dan produk baru yang di
Promosikan.
2. Membuat Akun Baru
Actor : Customer
Pre Condition : Kegiatan dimulai ketika Customer membuka situs PT.Jasa
Duta Mandiri dan ingin memesan produk melalui internet.
Basic Flow : Customer mengisi formulir pendaftaran yang berisi data
pribadi, user ID, dan Password yang diinginkan secara
elektronik.
Alternate Flow : Jika customer telah mempunyai akun di website perusahaan
maka customer dapat langsung login.
Post Condition : Customer yang telah mendaftar dapat memilih dan memesan
produk yang diinginkan secara online.
3. Memesan Produk
Actor : Customer
Pre Condition : Kegiatan dimulai ketika customer telah Login ke website.
75
Basic Flow : Customer dapat memesan produk yang diinginkan dengan
mengisi form PO secara Online.
Post Condition : Jika customer telah selesai mengisi form PO dan meng-klik
pesan, maka customer akan mendapatkan konfirmasi.
4. Menerima pesanan dari Customer
Actor : Staff Penjualan
Pre Condition : Kegiatan dimulai ketika staff penjualan menerima PO dari
customer secara Online.
Basic Flow : Staff penjualan memproses pesanan dari customer dan
mengirim bukti pesanan ke email customer.
Alternate Flow : Jika dalam waktu tiga hari sejak tanggal pemesanan, customer
tidak mengirimkan fax struk ATM, maka staff penjualan akan
melakukan konfirmasi melalui telepon.
Post Condition : Produk yang telah disiapkan akan diberikan ke bagian
pengiriman untuk di kirim ke customer.
5. Mengecek pengiriman
Actor : Admin
Pre Condition : Kegiatan ini dimulai ketika adanya pesanan yang harus
dikirim.
76
Basic Flow : Admin menginput data-data barang yang dikirim.
Post Condition : Selama proses pengiriman produk, admin menerima laporan
lokasi produk yang dikirim dari kurir.
6. Maintenance Web
Actor : Admin
Pre Condition : Kegiatan maintenance web akan dilakukan oleh admin secara
rutin setiap hari.
Basic Flow : Admin akan mengupdate data produk, memproses pesanan,
memonitor feed back.
77
4.1.3 Activity Diagram
Gambar 4.2 Activity Diagram Membuat Account Baru
S iste mK o n su m e n
M em buk a si tus P T D u ta J as a M and ir i
M em bua t ak un ba ru
M enam p i lk an Fo r m R eg istr asi
m eng is i F o rm R eg is tras i
M eng is i use r ID dan pas sw or d
m s _c ustom er
78
SistemKonsumen
Membuka situs PT Duta Jasa Mandiri
Melihat Promosi Khusus
Menampilkan Promosi Khusus
Meng-klik Informasi fitur Promosi P roduk
Tampilkan Gambar Produk dan keterangan Produk
Ms_produk
Gambar 4.3 Activity Diagram Mempromosikan Produk
79
SistemCustomer
Login
memesan produk
menampilkan Form PO
mengisi Form PO
menambahkan shopphing cart
menghitung total pembelian dan ongkos kirim
mendapatkan konfirmasi tetang pembelian
Ms_user
Ms_pesanan
Ms_cart
Gambar 4.4 Activity Diagram Memesan Produk Sesuai Standart Perusahaan
80
Customer Sistem
Login
memesan produk
menampilkan Form PO
mengisi Form PO
menghitung total pembelian dan ongkos kirim
mendapatkan konf irmasi tetang pembelian
Ms_user
Ms_pesanansendiri
Gambar 4.5 Activity Diagram Memesan Produk Sesuai Customer
81
Gambar 4.6 Activity Diagram Memproses Pesanan
SistemAdmin
Masuk menu Unprocess Customer
input data pengiriman
databarangkirim
Proses pesanan
Kirim bukti pembelian ke email customer
Ms_pesanan
82
SistemStaff admin
Memaintenance web
Mengupdate data produk, dll
Mengupload data update
Menampilkan web update
Membackup f ile dan data web
Database_ inventoribarang
Gambar 4.7 Activity Diagram Memantainance Web
83
Gambar 4.8 Activity Diagram Pengecekan Pengiriman Admin
SistemAdmin
masuk menu status pengiriman
input no pengiriman yang ingin dicek
databarangkirim
menampilkan data barang yang ingin dicek
datasms
84
Gambar 4.9 Activity Diagram Pengecekan Pengiriman User
SistemUser
M asuk ke menu sh ow pe ngiriman
d atabarang kir iminput no pe ngiriman ya ng ingin dicek
me nampilkan dat a barang yan g ingin dicek
M s_ ko takir im
85
Gambar 4.10 Activity Diagram Pending Pesanan Customer
SistemAdmin
masuk ke unprocess customer
klik process
Ms_pesanan
Ms_customer pending
86
4.1.4 Class Diagram
Gambar 4.11 Class Diagram
+kirim_barang()+kirim_sms()
-Kode_kurir-nama_kurir
Kurir
+disimpan()+diupload()
-nomor-waktu_tanggal-kode_pengiriman-kode_kurir-lokasi_sekarang_barang
SMS
+diinput()+diproses()
-kode_pengiriman-no_pesanan-asal_barang-tujuan_barang-status
Pengiriman
+diproduksi()+dipesan()
-kode_barang-jenis_barang-nama_barang-harga-stok-keterangan
Barang
+diinput()+diproses()
-no_pesanan-id_customer-nama-alamat-tgl_pesan-kode_barang-ukuran-quantity-total_tagihan-status_pembayaran-status_pesanan
Pesanan
+dikirim ke email customer()
-no_pesanan-nama-alamat-kode_barang-tgl_pesan-nama_barang-ukuran-quantity-total_tagihan-kode_pengiriman
Konfirmasi Pesanan
+mendaftar()+memesan()
-id_customer-nama-alamat-email-telp-user_id-password
Customer
+diinput()+diapprove()+didelete()
-no_feedback-nama-email-message-tanggal-status
Feedback
1..* 1..* 11
1
1
1
11..* 1..*
1..*
1..*
1..* 1..*
11
87
4.2 State Transition Diagram (STD)
Gambar 4.12 STD layar utama untuk login
Pada layar Indeks, jika user tidak melakukan login, maka setiap kali tombol “home”
diklik akan selalu membuka layar utama.dalam proses login ada dua cara, yaitu login
sebagai Customer untuk masuk ke halaman utama Customer yang untuk seterusnya dapat
mengakses seluruh fungsi-fungsi di website, dan login sebagai admin untuk masuk ke
halaman utama admin yang dapat mengakses seluruh fungsi-fungsi website untuk back
office.
88
Gambar 4.13 STD layar utama sebelum login
Pada layar utama, user belum dapat melakukan pemesanan produk, karena tidak
melakukan login yang berarti customer berperan sebagai pengunjung website biasa. Tapi
user tetap dapat mengakses menu Produk, company profile, informasi, guest book.
89
Gambar 4.14 STD halaman New Member
Pada halaman new member, user yang belum mempunyai account di web dapat
melakukan pendaftaran sebagai member,setelah mendaftar user dapat melakukan login
yang berarti user sudah dapat melakukan pemesanan produk
90
Gambar 4.15 STD halaman setelah customer login
Pada halaman utama customer terdapat menu tambahan antara lain : Show pengiriman,
Belanja produk, Pesanan sendiri, My Cart,Edit Profile, logout.
91
Halaman utama customer
product
Klik product
Haspel
Box
Rel
Gapit
Peti
Pallet
Klik PalletTampilkan halaman detail Pallet
Klik BoxTampilkan halaman detail Box
Klik PetiTampilkan halaman detail Peti
Klik HaspelTampilkan halaman detail Haspel
Klik RelTampilkan halaman detail Rel
Klik GapitTampilkan halaman detail Gapit
Gambar 4.16 STD halaman produk
Pada menu produk customer dapat mengakses halaman product pallet, box, peti, haspel,
rel, dan gapit.
92
Halaman utama customer
Informasi
Klik Informasi
Jalur Pengiriman
Cara Pendaftaran
Ukuran Kayu
Cara pemesanan
Contact Us
Klik Contac usTampilkan informasi Contact us
Klik Cara PendaftaranTampilkan informasi Cara pendaftaran
Klik cara pemesananTampilkan informasi pemesanan
Klik jalur pengirimanTampilkan informasi jalur pengiriman
Klik Ukuran kayuTampilkan informasi ukuran kayu
Produk BaruKlik Produk Baru
Tampilkan informasi Produk Baru
Gambar 4.17 STD informasi
Pada menu informasi customer dapat mengakses halaman Produk Baru contact us, Cara
Pendaftaran, Cara Pemesanan, Jalur pengiriman, Ukuran kayu.
93
Gambar 4.18 STD Show Pengiriman
Pada Menu show pengiriman customer dapat mengetahui lokasi keberadaan barang yang
dipesan dengan menginput no pengiriman
94
Gambar 4.19 STD Belanja Product
Pada Halaman belanja product terdapat tipe-tipe produk yang dapat dipilih oleh
customer, jika customer ingin memesan produk tersebut ,customer dapat
memasukkannya ke dalam my cart
95
Gambar 4.20 STD Pemesanan
Pada halaman Pemesanan customer dapat melakukan pemesanan produk yang tersedia di
web. Setelah customer selesai melakukan pemesanan produk, customer akan mendapat
konfirmasi atas barang yang dibeli.
96
Gambar 4.21 STD halaman utama admin
Pada halaman utama admin terdapat menu-menu yang dapat diakses oleh admin antara
lain : Home, Pengiriman, Show Inventori, Show User, Status pengiriman, Unproses
customer, pending customer, edit feed back, logout.
Halaman utama admin
Edit feedback
Log Out
Pending Customer
Unprocess Customer
Home
Klik homeTampilkan halaman Home
Pengiriman
Show Inventori
Show User
Status Pengiriman
Klik PengirimanTampilkan halaman Pengiriman
Klik Shor InventoriTampilkan halaman Show Inventori
Klik Show UserTampilkan halaman Show User
Klik Status PengirimanTampilkan halaman Status Pengiriman
Klik Unprocess CustomerTampilkan halaman Unprocess Customer
Klik Pending CustomerTampilkan halaman Pending Customer
Klik Edit FeedbackTampilkan halaman Edit Feedback
Klik log outKembali layar utama
97
Halaman utama Admin
Show Inventori
Klik show inventoriinput tipe produk yang
ingin ditampilkan
Halaman barang yang ingin ditampilkan
Klik submitTampil halaman barang yang ingin ditampilkan
Halaman barang yang ingin diupdate
Klik UpdateTampil halaman barang
yang ingin diupdate
Halaman barang yang ingin didelete
Klik DeleteTampil halaman barang
yang ingin didelete
Halaman insert barang
Klik insert imput data barang yg ingin diinsert
Gambar 4.22 STD Show Inventori
Pada halaman Show Inventori admin dapat melakukan insert, update, delete terhadap data
barang sekaligus menampilkan data barang yang dicari.
98
Gambar 4.23 STD Unprocess
Pada Halaman Unprocess ditampilkan pesanan pembeli yang belum diproses. Halaman
ini digunakan oleh admin untuk memproses pesanan dan pengiriman dan mengirim
konfirmasi pesanan kepada customer melalui email.
Halaman Utama Admin
Unprocess Customer
Klik unprocess customerTampil halaman
Unprocess Customer
Halaman Konfirmasi yang akan dikirim ke email
Klik prosesTampil halaman
konfirmasi yg akan dikirim email
Halaman input pengiriman
Klik pengirimanTampil halaman input
pengiriman
99
4.3 Pseudocode
Spesifikasi Proses Front End
Modul Index.php Mulai Pilih Menu
Home (Index) Jalankan modul Index.php
Product Jalankan modul Product.php
Informasi Jalankan modul Informasi.php
Company Profile Jalankan modul Profile.php Guest Book Jalankan modul guest.php
Akhir pilihan User Login Jalankan modul validasiuser.php User diterima Jalankan modul index dan modul menu user
User admin diterima Jalankan modul index dan modul menu admin
Akhir modul Modul Product.php
Mulai Tampilkan Halaman Product Jalankan modul Product.php Pilih Menu
Pallet Jalankan modul Palletumum.php
Box
100
Jalankan modul boxumum.php Peti Jalankan modul petiumum.php
Haspel Jalankan modul haspelumum.php Rel Jalankan modul relumum.php Gapit Jalankan modul gapitumum.php
Akhir pilihan
Akhir Tampilan Processor Akhir Modul Modul Informasi.php Mulai
Tampilkan Halaman Informasi Jalankan modul Informasi.php Pilih Menu
Contactus Jalankan modul Contactus.php Cara Pendaftaran Jalankan modul Carapendaftaran.php Cara Pemesanan Jalankan modul Carapemesanan.php Jalur Pengiriman Jalankan modul Jalurpengiriman.php Ukuran kayu Jalankan modul Ukurankayu.php
Akhir pilihan
Akhir Tampilan Informasi Akhir Modul
101
Modul Company Profile.php Mulai
Tampilkan Halaman Company Profile Jalankan modul Profile.php
Akhir Tampilan Company Profile Akhir Modul
Modul Guest Book.php Mulai
Tampilkan Halaman Guest Book Jalankan modul guest.php
Akhir Tampilan Guest Book Akhir Modul
Modul Menu User.php (non Admin) Mulai
Tampilkan Halaman user login Jalankan modul user.php Pilih Menu
Home (Index)
Jalankan modul Index.php
Product Jalankan modul Product.php
Informasi Jalankan modul Informasi.php
Company Profile Jalankan modul Profile.php Guest Book Jalankan modul guest.php
Show Pengiriman Jalankan modul statuspengiriman1.php Belanja Product Jalankan modul belanja.php Pesan Sendiri Jalankan modul pesansendiri.php
102
My cart Jalankan modul cart.php Edit Profile Jalankan modul edituser.php
Akhir pilihan
Akhir Tampilan Menu User login Akhir Modul
Modul Menu Statuspengiriman1.php Mulai
Tampilkan Halaman Status pengiriman Jalankan modul statuspengiriman1.php
Tampilkan form status pengecekan pengiriman barang Jika form disisi dan dijalankan maka jalankan modul showstatuspengiriman1
Akhir Tampilan Menu status pengiriman Akhir Modul
Modul Menu belanja.php Mulai
Tampilkan Halaman belanja product Jalankan modul belanja.php
Pilih Menu
Pallet
Jalankan modul Pallet.php Box Jalankan modul box.php Peti Jalankan modul peti.php
Haspel Jalankan modul haspel.php Rel Jalankan modul rel.php
103
Gapit Jalankan modul gapit.php
Akhir pilihan
Akhir Tampilan Menu belanja product Akhir Modul
Modul Menu pallet.php Mulai
Tampilkan Halaman belanja pallet Jalankan modul pallet.php
Buka database Buka table inventoribarang Pilih Product pallet
Tampilkan link add to cart Jika link add to cart diclick maka jalankan modul chart
Akhir Tampilan Menu belanja pallet
Akhir Modul
Modul Menu box.php Mulai
Tampilkan Halaman belanja box Jalankan modul box.php
Buka database Buka table inventoribarang Pilih Product box
Tampilkan link add to cart Jika link add to cart diclick maka jalankan modul chart
Akhir Tampilan Menu belanja box
Akhir Modul
Modul Menu peti.php Mulai
Tampilkan Halaman belanja peti Jalankan modul peti.php
Buka database Buka table inventoribarang Pilih Product peti
Tampilkan link add to cart Jika link add to cart diclick maka jalankan modul chart
104
Akhir Tampilan Menu belanja peti
Akhir Modul Modul Menu haspel.php Mulai
Tampilkan Halaman belanja haspel Jalankan modul haspel.php
Buka database Buka table inventoribarang Pilih Product haspel
Tampilkan link add to cart Jika link add to cart diclick maka jalankan modul chart
Akhir Tampilan Menu belanja haspel
Akhir Modul
Modul Menu rel.php Mulai
Tampilkan Halaman belanja rel Jalankan modul rel.php
Buka database Buka table inventoribarang Pilih Product rel
Tampilkan link add to cart Jika link add to cart diclick maka jalankan modul chart
Akhir Tampilan Menu belanja rel
Akhir Modul
Modul Menu gapit.php Mulai
Tampilkan Halaman belanja gapit Jalankan modul gapit.php
Buka database Buka table inventoribarang Pilih Product gapit
Tampilkan link add to cart Jika link add to cart diclick maka jalankan modul chart
Akhir Tampilan Menu belanja gapit
Akhir Modul
105
Modul Menu Pesansendiri.php Mulai
Tampilkan Halaman Pemesanan Khusus Jalankan modul pesansendiri.php
Tampilkan form pemesanan barang Jika form disisi dan dijalankan (dipesan) maka
Buka database simpan data pesanan di ms_pesansendiri
Akhir Tampilan Menu Pemesanan Khusus
Akhir Modul
Modul Cart.php Mulai
Tampilkan halaman Cart Jalankan Modul Cart.php Tampilkan form hasil belanja product Tampilkan form data pembeli product Tampilkan button submit pembelian
Jika button submit pembelian diclick maka jalankan Modul Validate cart
Tampilkan button batal Jika button batal diclick maka jalankan Modul index.php
Akhir halaman transakasi Akhir Modul Modul Validatecart.php Mulai Lakukan validasi data hasil pemesanan Jika data benar maka
Buka database Buka table ms_pesanan Masukkan data hasil pesanan pembeli Hapus data yang ada pada tabel ms_cart Jalankan Modul Informasi pemesanan
Jika salah maka Jalankan kembali modul cart.php Beritahu kesalahan kepada user
Akhir modul
Modul Ukurankayu.php Mulai
Tampilkan Halaman Jenis Ukuran kayu
106
Jalankan modul ukurankayu.php
Akhir Tampilan Jenis Ukuran kayu Akhir Modul
Modul Contactus.php Mulai
Tampilkan Halaman Contact us Jalankan modul Contactus.php
Akhir Tampilan Jenis Contact us Akhir Modul
Modul Cara Pendaftaran.php Mulai
Tampilkan Halaman Cara Pendaftaran Jalankan modul carapendaftaran.php
Akhir Tampilan Cara Pendaftaran Akhir Modul
Modul Cara Pemesanan.php Mulai
Tampilkan Halaman Cara Pemesanan Jalankan modul carapemesanan.php
Akhir Tampilan Cara Pemesanan Akhir Modul
Modul Jalur pengiriman.php Mulai
Tampilkan Halaman Jalur Pengiriman Jalankan modul Jalurpengiriman.php
Akhir Tampilan Jalur Pengiriman Akhir Modul
Modul Edituser.php Mulai
Tampilkan Halaman Edit User Jalankan modul Edituser.php Buka database Buka table ms_user Pilih berdasarkan kode_admin
Jika ditekan tombol update Jalankan modul validateupdateuser.php
107
Jika ditekan tombol Delate Jalankan modul Index.php
Akhir Tampilan Edit User Akhir Modul
Spesifikasi proses back end
Modul Menu User.php (Admin) Mulai
Tampilkan Halaman user login Jalankan modul user.php Pilih Menu
Home (Index)
Jalankan modul Index.php
Pengiriman Jalankan modul Pengiriman.php
Show Inventori Jalankan modul Showinventori.php
Show User Jalankan modul Showuser.php Status Pengiriman Jalankan modul statuspengiriman.php
Unprocess Customer Jalankan modul viewunprocess.php Pending Customer Jalankan modul viewpending.php Edit feedback Jalankan modul belanja.php
Akhir pilihan
Akhir Tampilan Menu User login Akhir Modul
Modul Menu pengiriman.php
108
Mulai Tampilkan Halaman Pengiriman Jalankan modul pengiriman.php
Tampilkan form status pengiriman barang Jika form disisi dan dijalankan maka jalankan modul validatepengiriman.php
Akhir Tampilan Menu status pengiriman Akhir Modul
Modul Show Inventori.php Mulai
Tampilkan Halaman Show inventori Jalankan modul showinventori.php
Tampilkan form inventori barang yang ingin dicari Jika form disisi dan dijalankan maka jalankan modul showinventori2.php
Akhir Tampilan Menu Show inventori Akhir Modul
Modul Show user.php Mulai
Tampilkan Halaman Show user Jalankan modul showcustomer.php
Buka database Buka table ms_user Tampilkan semua user yang ada di database
Akhir Tampilan Menu show user Akhir Modul
Modul Status Pengiriman.php Mulai
Tampilkan Halaman Status Pengiriman Jalankan modul statuspengiriman.php
Tampilkan form Status Pengiriman yang ingin dicek Jika form disisi dan dijalankan maka jalankan modul showstatuspengiriman.php
Akhir Tampilan Menu Status Pengiriman Akhir Modul
109
Modul Viewunprocess.php Mulai
Tampilkan Halaman Unprocess Customer Jalankan modul Viewunprocess.php
Buka database Buka table ms_pesanan Tampilkan semua status pesanan yang nilainya 1
Akhir Tampilan Menu Unprocess Customer Akhir Modul
Modul Viewpending.php Mulai
Tampilkan Halaman Pending Customer Jalankan modul Viewpending.php
Buka database Buka table ms_pesanan Tampilkan semua status pesanan yang nilainya 0
Akhir Tampilan Menu Pending Customer Akhir Modul
Modul Editfeedback.php Mulai
Tampilkan Halaman Edit feedback Jalankan modul Editfeedback.php
Buka database Buka table ms_feeback Tampilkan semua status feedback yang nilainya 0
Akhir Tampilan Menu Edit feedback Akhir Modul
110
4.4 Database
Tabel : ms_customer
Primary Key : no_customer dan email
Keterangan : Tabel ini berisi identitas pelanggan
No Nama Field Tipe Lebar Keterangan
1. no_customer integer 3 Nomor customer
2. nama varchar 50 Nama customer
3. email varchar 50 Email customer
Tabel 4.1 ms_customer
Tabel : datakurir Primary key : kodekurir Keterangan : Tabel ini berisi identitas kurir yang mengirim brg
No Nama Field Tipe Lebar Keterangan 1 kodekurir Char 20 Kode kurir yang mengirim brg 2 namakurir Char 50 Nama kurir yang mengirim brg
Tabel 4.2 datakurir
111
Tabel : ms_feedback
Primary Key : no_feedback
Keterangan : Tabel ini berisi tentang data-data pertanyaan yang diajukan
oleh customer
No Nama Field Tipe Lebar Keterangan
1. no_feedback integer 3 Nomor feedback
2. nama varchar 20 Nama customer
3. email varchar 50 Email customer
4. message text Message dari customer
5. tanggal date Tanggal
6. status integer 1 Status
Tabel 4.3 ms_feedback
112
Tabel : ms_kotakirim
Primary Key : no_kota
Keterangan : Tabel ini berisi tentang data-data kota asal barang dan kota
tujuan barang dikirim
No Nama Field Tipe Lebar Keterangan
1. no_kota integer 5 Nomor kota
2. kotaasal varchar 30 Asal barang yang mau dikirim
3. kotatujuan varchar 30 Tujuan barang dikirim
Tabel 4.4 ms_kotakirim
Tabel : databarangkirim Primary key : kodepengiriman Keterangan : Tabel ini berisi tentang data-data barang yang akan dikirim
No Nama Field Tipe Lebar Keterangan 1 kodepengiriman Int 20 Kode pengiriman 2 no_pesanan Int 20 No pesanan 3 asalbarang Char 50 Asal barang yang mau dikirim 4 tujuanbarang Char 50 Tujuan barang dikirim
5 status Char 1 Status pengiriman
Tabel 4.5 databarangkirim
113
Tabel : datasms Primary key : nomor Keterangan : Tabel ini berisi tentang data-data sms yang dikirim kurir
No Nama Field Tipe Lebar Keterangan 1 nomor Int 5 nomor 2 waktutanggal Char 20 Waktu dan tanggal sms 3 kodepengiriman Char 20 Kode pengiriman 4 kodekurir Char 20 Kode kurir
5 lokasisekarangbarang Char 30 Lokasi barang sekarang
Tabel 4.6 datasms
Tabel : inventoribarang Primary key : kode_barang Keterangan : Tabel ini berisi tentang data-data inventori barang
No Nama Field Tipe Lebar Keterangan
1 kode_barang Varchar 20 Kode barang 2 jenis_barang Varchar 20 Jenis barang 3 nama_product Varchar 100 Nama barang 4 harga Varchar 20 Harga barang 5 stok Int 3 Stok yang tersedia
6 Keterangan Text Keterangan barang 7 gambar Varchar 100 Gambar barang
Tabel 4.7 inventoribarang
114
Tabel : ms_pesanan Primary key : no_pesanan Keterangan : Tabel ini berisi pesanan para Customer
No Nama Field Tipe Lebar Keterangan 1 no_pesanan Int 20 No_pesanan barang 2 nama Varchar 35 Nama Cusomer 3 alamat Text Alamat customer
4 email Varchar 50 Email customer
5 tgl_pesan Date Tanggal pesanan barang 6 telp Varchar 15 Telp Customer 7 pembayaran Varchar 10 Tipe pembayaran 8 total Varchar 20 Total harga yang harus dibayar
9 status Int 1 Status dari Pesanan
Table 4.8 ms_pesanan
115
Tabel : ms_pesanansendiri Primary key : no_pesanan Keterangan : Tabel ini berisi tentang pesanan yang dilakukan sesuai dengan keinginan Customer
No Nama Field Tipe Lebar Keterangan
1 no_pesanan Int 20 No_Pesanan Customer 2 nama Varchar 35 Nama Customer 3 alamat Text Alamat Customer 4 email Varchar 40 Email Customer
5 tgl_Pesan Date Tanggal pesanan barang
6 telp Varchar 15 Telp Customer 7 pembayaran Varchar 10 Pembayaran yang dilakukan
Customer 8 Jenis Varchar 35 Jenis Produk yang di jual 9 ukuran 1 Varchar 5 Ukuran produk 10 ukuran 2 Varchar 5 Ukuran Produk 11 ukuran 3 Varchar 5 Ukuran Produk
12 jumlah_pesan Varchar 5 Jumlah yang dipesan 13 total Varchar 20 Total Harga 14 status Int 1 Status Pesanan
Tabel 4.9 ms_pesanansendiri
116
Tabel : ms_pesanpending Primary key : No_pesanan dan kode_barang Keterangan : Tabel ini berisi tentang pesanan yang masih pending
No Nama Field Tipe Lebar Keterangan 1 no_pesanan Int 20 Nomor pesanan 2 kode_barang Varchar 20 Kode dari barang 3 guantity Varchar 5 Satuan dari barang
Tabel 4.10 ms_pesanpending
Tabel : ms_user Primary key : id_customer Keterangan : Tabel ini berisi tentang data-data dari Customer
No Nama Field Tipe Lebar Keterangan 1 id_customer Int 3 Id Customer 2 nama Varchar 35 Nama Customer 3 alamat Text Alamat Customer
4 email Varchar 50 Email Customer
5 telp Varchar 15 Telp Customer 6 user Varchar 35 User name yang di pakai oleh
customer 7 password Varchar 35 Autenfikasi Akses
Tabel 4.11 ms_user
117
4.5 Rancangan Tampilan Layar
4.5.1 Rancangan Tampilan Layar User
PT Ja sa Du ta Ma nd iri
Gam ba rU ser N ame
Pa ssw ord
Lo gin Ne w Me mb er
Jo in As M emb ers
Se la ma t D atan g d an S elama t B erb elan ja d i PT Jasa Du ta Ma nd iri
Gamb ar Tam pi la n Per usa ha an
C op ywrigh t © PT Jasa Du ta Mandiri
L og o Pe rus aha an
H ome Gu est Boo kC omp an y Profi leIn form asiPro du ct
XXX XXXXX XXXXX XXXXX XXXXX XXXXX XXXXXX XXXXX XXXXXXXX XXXXX XXXXX XXXXX XXXXX XXXXX XXXXXX XXXXX XXXXXXXX XXXXX XXXXX XXXXX XXXXX XXXXX XXXXXX XXXXX XXXXXXXX XXXXX XXXXX XXXXX XXXXX XXXXX XXXXXX XXXXX XXXXXXXX XXXXX XXXXX XXXXX XXXXX XXXXX XXXXXX XXXXX XXXXXXXX XXXXX XXXXX XXXXX XXXXX XXXXX XXXXXX XXXXX XXXXXXXX XXXXX XXXXX XXXXX XXXXX XXXXX XXXXXX XXXXX XXXXXXXX XXXXX XXXXX XXXXX XXXXX XXXXX XXXXXX XXXXX XXXXXXXX XXXXX XXXXX XXXXX XXXXX XXXXX XXXXXX XXXXX XXXXXXXX XXXXX XXXXX XXXXX XXXXX XXXXX XXXXXX XXXXX XXXXXXXX XXXXX XXXXX XXXXX XXXXX XXXXX XXXXXX XXXXX XXXXXXXX XXXXX XXXXX XXXXX XXXXX XXXXX XXXXXX XXXXX XXXXXXXX XXXXX XXXXX XXXXX XXXXX XXXXX XXXXXX XXXXX XXXXX
Gambar 4.24 Rancangan Tampilan Layar Home
Saat pertama kali mengakses web PT.Jasa Duta Mandiri, akan ditampilkan
halaman seperti ( gambar 4.24 ). Pada halaman ini customer dibebaskan mengakses isi
web walaupun tampa melakukan login. Bila customer ingin membeli barang, hanya dapat
dilakukan setelah login. Apabila customer belum mempunyai account di web, maka
customer dapat melakukan register dengan meng-klik new-member
( Untuk lebih jelasnya, lihat Halaman 165 )
118
L og o Pe rus ah aa n
Ho me G ue st B oo kC omp an y Prof i leInform asiPro du ct
PT Jasa Du ta Man di ri
G a mba rP eru sah aa n ka mi b eru sah a me nj ad i pe ma in
Na sio na l da la m me nye dia ka n ja sa d an p rod uk -pr odu k kem asa n ka yu se sua iD en ga n i ntern as ion al sta nd ar p hyto san itar y m ea sure # 1 5 terka it de ng an
M utu p rima
Sel am at Da ta ng da n Se lam at Ber be lan ja di PT Ja sa D uta Ma nd iri
Sil ah kan M asu kkan Da ta Di ri An da
Na ma
Ala mat Le ng ka p
Ema il
Te lp
Use r Na me
Pass wo rd
D aftar
C op yw rig ht © P T Ja s a D uta Ma nd iri
Gambar 4.25 Rancangan Tampilan Layar New Member Halaman new member ini ( gambar 4.25 ) digunakan untuk mencatat data-data customer
ke dalam database, sehingga dapat memudahkan transaksi misalnya: customer tidak
perlu lagi menuliskan nama dan alamat ketika melakukan pemesanan karena sudah
tercatat secara otomatis apabila customer akan merubah data pribadinya, customer data
menggantinya di menu edit profile.
( Untuk lebih jelasnya, lihat Halaman 166 )
119
L og o Pe rus ah aa n
Ho me Gue st B oo kC omp an y Profi leInform asiPro du ct
PT Jasa Du ta Man di ri
Gamb ar
Pe rusa ha an kami be rusa ha m en ja di p em ainN asi on al d al am me ny ed iak an j asa da n pro du k-p rod uk ke ma san kayu sesu ai
De ng an inte rna sio na l stan da r ph ytosa ni ta ry me asu re # 15 te rkai t d en ga nMu tu pri ma
Se la ma t D atan g d an S ela ma t Be rbe la nj a di PT J asa D uta Man di ri
Tip e Prod uk
PAL LE T
BOX
PETI
H ASPE L
REL
GAP IT
Kam i ju ga b er te kad un tu k me nye di aka n ja sa d an pro du k kem asa n ka yu b erke la s dan be rori en tasi p ad a
p ela ng ga n,i no vatif da n b erm utu p rima serta me me nuh i ke bu tutha n ke masa n ka yu g un a me nu nj ang
e kspo r na sio na l,me nci ptak an n il ai o ptim um u ntuk p el an gga n ka mi , p eme ga ng sah am , ka ryaw an da n
masy ara kat
C op ywri gh t © PT Jasa Duta M andiri
Gambar 4.26 Rancangan Tampilan Layar Product Sebelum Login
Halaman product sebelum login ( gambar 4.26 ) dapat diakses dengan cara meng-klik
menu produk. Halaman ini dapat menjelaskan kepada cus tomer mengenai produk detail
yang di jual oleh PT.Jasa Duta mandiri.
( Untuk lebih jelasnya, lihat Halaman 167 )
120
Gambar 4.27 Rancangan Tampilan Layar Product pallet sebelum login
Halaman product sebelum login (gambar 4.27) dapat diakses dengan cara meng-klik
salah satu jenis produk yaitu pallet. Halaman ini dapat menjelaskan kepada customer
mengenai produk pallet detail yang di jual oleh PT.Jasa Duta mandiri.
( Untuk lebih jelasnya, lihat Halaman 168 )
Logo Perusahaan
Home Guest BookCompany Profi leInformasiProduct
PT Jasa Duta Mandir i
Gambar
Perusahaan kami ber usaha menjadi pemainNasional dalam menyediakan jasa dan produk-produk kemasan kayu sesuai
Dengan internasional standar phytosanitary measure # 15 ter kait denganMutu prima
Selamat Datang dan Selamat Berbelanja di PT Jasa Duta Mandiri
Gambar PALLET
Hard Wood ( kayu keras )Kemampuan Stacking 3 layer = 3.6 ton
Terdapat Coak pinggirBalok Utuh
Paku S tandart 7 cmHandling 4 Way
Copywright © PT Jasa Duta Man dir i
Tipe Produk
PALLET
BOX
PETI
HASPEL
REL
GAPIT
121
Gambar 4.28 Rancangan Tampilan layar product box sebelum login
Halaman product sebelum login (gambar 4.28) dapat diakses dengan cara meng-klik
salah satu jenis produk yaitu box. Halaman ini dapat menjelaskan kepada customer
mengenai produk box detail yang di jual oleh PT.Jasa Duta mandiri.
( Untuk lebih jelasnya, lihat Halaman 169 )
Logo Perusahaan
Home Guest BookCompany Profi leInformasiProduct
PT Jasa Duta Mandir i
Gambar
Perusahaan kami ber usaha menjadi pemainNasional dalam menyediakan jasa dan produk-produk kemasan kayu sesuai
Dengan internasional standar phytosanitary measure # 15 ter kait denganMutu prima
Selamat Datang dan Selamat Berbelanja di PT Jasa Duta Mandiri
Tipe Produk
PALLET
BOX
PETI
HASPEL
REL
GAPIT
Gambar BOX
Berbentuk kotak dan r apatDimensi ter gantung pesanan
Kayu keras / lunak
Copywright © PT Jasa Duta Man dir i
122
Gambar 4.29 Rancangan Tampilan Layar Product Peti sebelum Login
Halaman product sebelum login (gambar 4.29) dapat diakses dengan cara meng-klik
salah satu jenis produk yaitu peti. Halaman ini dapat menjelaskan kepada customer
mengenai produk peti detail yang di jual oleh PT.Jasa Duta mandiri.
( Untuk lebih jelasnya, lihat Halaman170 )
PT Jasa Duta Mandir i
Gambar
Perusahaan kami berusaha menjadi pemainNas ional dalam menyediakan jasa dan produk -produk kemasan kayu sesuai
Dengan internasional standar phytosanitary measure # 15 terkait denganMutu pr ima
Selamat Datang dan Selamat Berbelanja di PT Jasa Duta Mandiri
Tipe Produk
PALLET
BOX
PETI
HASPEL
REL
GAPIT
Copywright © PT Jasa Duta Man dir i
Logo Perusahaan
Home Guest BookCompany Profi leInformasiProduct
Gambar PETI
Berbentuk Kotak namun renggang dipapanDimensi ter gantung pesanan
Kayu keras / lunak
123
Gambar 4.30 Rancangan Tampilan Layar Product Haspel sebelum Login
Halaman product sebelum login (gambar 4.30) dapat diakses dengan cara meng-klik
salah satu jenis produk yaitu haspel. Halaman ini dapat menjelaskan kepada customer
mengenai produk haspel detail yang di jual oleh PT.Jasa Duta mandiri.
( Untuk lebih jelasnya, lihat Halaman 171 )
Logo Perusahaan
Home Guest BookCompany Profi leInformasiProduct
PT Jasa Duta Mandir i
Gambar
Perusahaan kami berusaha menjadi pemainNas ional dalam menyediakan jasa dan produk- produk kemasan kayu sesuai
Dengan internasional standar phytosanitary measure # 15 terkait denganMutu prima
Selamat Datang dan Selamat Berbelanja di PT Jasa Duta Mandiri
Tipe Produk
PALLET
BOX
PETI
HASPEL
REL
GAPIT
Copywright © PT Jasa Duta Man dir i
Gambar HASPEL
berbentuk memanjang dan r enggang seperti Rel
dimensi tergantung pesananKayu keras / lunak
124
Logo Perusahaan
Home Guest BookCompany Profi leInformasiProduct
PT Jasa Duta Mandiri
GambarPerusahaan kami berusaha menjadi pemain
Nas ional dalam menyediakan jasa dan produk -produk kemasan kayu sesuaiDengan internasional standar phytosanitary measure # 15 terkait dengan
Mutu prima
Selamat Datang dan Selamat Berbelanja di PT Jasa Duta Mandiri
Tipe Produk
PALLET
BOX
PETI
HASPEL
REL
GAPIT
Gambar REL
Kombinasi as besi dengan kayuDimensi tergantung pesanan
Kayu keras / lunak
Copywright © PT Jasa Duta Mandiri
Gambar 4.31 Rancangan Tampilan Layar Product Rel sebelum Login
Halaman product sebelum login (gambar 4.31) dapat diakses dengan cara meng-klik
salah satu jenis produk yaitu rel. Halaman ini dapat menjelaskan kepada customer
mengenai produk rel detail yang di jual oleh PT.Jasa Duta mandiri.
( Untuk lebih jelasnya, lihat Halaman 172 )
125
Gambar 4.32 Rancangan Tampilan Layar Informasi
Halaman informasi ( gambar 4.32) menampilkan informasi-informasi yang tersedia di
web seperti : Produk baru, contact us, cara pendaftaran, cara pemesanan, jalur
pengiriman, ukuran kayu. Informasi yang di sediakan bertujuan untuk mempermudah
customer dalam mejalankan web dan melakukan pesenanan produk.
( Untuk lebih jelasnya, lihat Halaman 173 )
Logo Perusahaan
Home Gues t BookCompany Profi leInform asiProduct
PT Jasa Duta Mandiri
Gambar
Perusahaan kami berusaha menjadi pemainNasional dalam menyediakan jasa dan produk-produk kemasan kayu sesuai
Dengan internasional standar phytosani tary measure # 15 terkai t denganMutu prima
Selamat Datang dan S elamat B erbelanja di PT Jasa Duta Mandiri
CARA PENDAFTARAN
CONTACT AS
INFORMASI :
Copywright © PT Jasa Duta Mandiri
PRODUK BARU
CARA PEMESANAN
JALUR PENGIRIMAN
UKURAN KAYU
126
Gambar 4.33 Rancangan Tampilan Produk Baru
Pada Rancangan ( Gambar 4..33 ) ini ditampilkan Gambar beserta keterangan dari produk
baru yang di Launching PT.Jasa Duta Mandiri.
( Untuk lebih jelasnya, lihat Halaman 174 )
Logo Perus ahaan
Home Guest B ookCompany Profi leInform asiProduct
PT Jas a Duta Mandiri
GambarPerusahaan kam i berus aha menjadi pemain
Nas ional dalam menyediakan jasa dan produk -produk kem asan kay u ses uaiDengan internasional standar phytos anitary meas ure # 15 terkait dengan
Mutu pr ima
S elamat Datang dan Selamat B erbelanja di PT Jasa Duta Mandiri
Copywright © PT Jasa Duta Mand iri
Gam bar
Gam barxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxx xxxxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxx xxxxxxxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxx xxxxxxxx x
xxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxx xxxxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxx xxxxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxx xxxxx
127
Gambar 4.34 Rancangan Tampilan Layar Contact Us
Halaman contact us ( gambar 4.34) berisi alamat lengkap dari PT. Jasa Duta Mandiri dan
no telp yang dapat di hubungi.
( Untuk lebih jelasnya, lihat Halaman 175 )
Logo Perus ahaan
Home Guest B ookCompany Profi leInform asiProduct
PT Jas a Duta Mandiri
GambarPerusahaan kam i berus aha menjadi pemain
Nas ional dalam menyediakan jasa dan produk -produk kem asan kay u ses uaiDengan internasional standar phytos anitary meas ure # 15 terkait dengan
Mutu pr ima
S elamat Datang dan Selamat B erbelanja di PT Jasa Duta Mandiri
PT. JASA DUTA MANDIRIRuko Mega Grosir Cempaka MasJl. Let. Jend. Suprapto Blok C 31
Jakarta 10640Phone : (62 - 21) 42887427,
42887428
CONTACT US
Copywright © PT Jasa Duta Mand iri
128
Gambar 4.35 Rancangan Tampilan Layar Cara Pendaftaran
Halaman Cara pendaftaran ( gambar 4.35) berisi langkah-langkah untuk melakukan
pendaftaran atau membuat account di web agar customer bisa melakukan transaksi.
( Untuk lebih jelasnya, lihat Halaman 176 )
Logo Perus ahaan
Home Guest B ookCompany Profi leInform asiProduct
PT Jasa Duta Mandiri
Gambar
Perusahaan kami berusaha menjadi pem ainNasional dalam m enyediakan jas a dan pr oduk-produk k emasan kayu sesuai
Dengan internasional standar phytosani tary measure # 15 terkai t denganMutu prima
Selam at Datang dan Selam at Berbelanja di PT Jasa Duta Mandiri
CARA PENDAFTARAN
1. masuk ke www.jdm.com 2. dilayar Home customer klik NewMember 3. Customer mengisi data pribadi berupa nama, Alamat lengkap, Email, Tlp, Username, dan password kemudian klik daftar.
Copywright © PT Jasa Duta Man dir i
129
Gambar 4.36 Rancangan Tampilan Layar Cara Pemesanan
Halaman cara pemesanan ( gambar 4.36) berisi langkah-langkah untuk melakukan
pemesanan produk
( Untuk lebih jelasnya, lihat Halaman 177 ).
L og o Pe rus ah aan
Ho me Gue st B oo kC omp an y Profi le
Inform asiPro du ct
PT Ja sa D uta Ma nd iri
Ga mba r
Pe ru sah aa n kam i be rus ah a me nja di pe mainN as io nal da la m men yed ia kan ja sa da n p rod uk -pro du k kem asa n kay u ses ua i
D en ga n in tern asi on al sta nd ar p hytos an itary me as ure # 15 te rka it den ga nMu tu pr ima
S elama t D ata ng d an Selama t B erb elan ja d i PT Jasa Du ta Man di ri
CARA PEME SANAN
1. custo me r h arus su dah melakukan p enda ftaran da n me mi lik i u se rname dan pa ssword .2. custo me r h arus login terle bih dah ulu.3. pe rusahaa n Ja sa Duta ma ndiri men ye diakan 2 pili han untuk pemesana n produ k, ya itu : B elan ja Prod uk da n P esana n S endi ri.4. un tuk Bela nja pro duk · customer bi sa melih at pr oduk dan ukura n standa rt yang dised iakan per usahaa n.· D i d alam bela nja prod uk terda pat t ipe pr oduk ya ng dap at dip ilih oleh customer.· Bila custo mer ingin membe li p rodu k, kl ik add to ca rt· Kemud ian custome r h arus me ngis i Quan tity yan g i ngin dib eli.· Bila custo mer ingin memba tal ka n p rodu k yang telah dip ilih, cu stomer dap at men gkl ik remo ve .· Bila semua pe sa nan telah dip ilih, cu stomer har us memilih je nis p embayara n. La lu kli k pesan .· Setela h me ngklik p esan, maka akan muncul la yer konforma si atas p esanan yang d ilakukan cu stomer.
5. Untuk p esanan send iri · customer da pat meme sa n p rodu k sesuai deng an ukuran yan g d iingin ka n.· D imenu Pe san an Sen diri te rdap at Form ya ng bisa diis i oleh custo me r b erup a : Jenis Prod uk ya ng bisa di pilih, ukuran pro duk, ju m lah pesana n.· Bila semua da ta suda h d iis i, maka cu stomer megklik Pesan .· Setela h me ngklik p esan, maka akan muncul la yer konforma si atas p esanan yang d ilakukan cu stomer.
C op ywri gh t © PT Jasa Duta M andiri
130
Logo Perus ahaan
Home Guest B ookCompany Profi leInform asiProduct
PT Jas a Duta Mandiri
GambarP erusahaan kami berusaha menjadi pemain
Nasional dalam menyediakan jasa dan produk -produk kem asan kayu sesuaiDengan internasional s tandar phytosanitary m easure # 15 terkait dengan
Mutu pr ima
S elamat Datang dan Selamat B erbelanja di PT Jasa Duta Mandiri
Copywright © PT Jasa Duta Mandiri
JALUR PENGIRIMAN
Jalur pengiriman : ( Jawa, Sumetera, bali )1. jawa : Jakarta – Bandung- Cirebon – Jogya – Solo – Surabaya.
2. Sumatera : Jakarta – Lampung – Palembang – Jambi – Medan Aceh3. Bal i : Jakarta – Bandung – Cirebon – Jogya – Solo – Surabaya – Bal i
( lombok )
Gambar 4.37 Rancangan Tampilan Layar Jalur Pengiriman
Halaman Jalur pengiriman ( gambar 4.37) berisi informasi mengenai kota-kota yang
termasuk dalam area layanan pengiriman.
( Untuk lebih jelasnya, lihat Halaman 178 )
131
Gambar 4.38 Rancangan Tampilan Layar Ukuran Kayu
Halaman ukuran kayu (gambar 4.38) berisi informasi detail dari ukuran produk yang
tersedia di PT.Jasa Duta Mandiri.
( Untuk lebih jelasnya, lihat Halaman 179 )
L og o P e rus ah aan
Ho m e G ue s t B oo kC om p an y P rof i leI nf orm as iP ro du c t
P T Ja sa D ut a M a nd iri
G a m ba r
P e ru sah aa n kam i be rus ah a m e nja di pe m ai nN as io nal da la m m en yed ia kan ja sa da n p rod uk -pro du k kem asa n kay u ses ua i
D en ga n in t ern as i on al s t a nd ar p hy t os an it ary m e as ure # 15 te rka it den ga nM u t u pr im a
S el am at Da ta ng da n S e lam at B erb el an ja d i P T Ja sa Du t a M a nd iri
U K UR A N K A Y U1 . P al let je pa ng : - M e m pu nya i D im e ns i uku ran (1. 1 6 x 1. 10 x 126 )
- Ha rd W o od ( ka yu ke ras )- K e m a m pu an S t ack i ng 3 la yer = 3. 6 t on
- T e rda pa t C oa k pi ng gi r- B a lo k Ut uh
- P a ku S t an da rt 7 cm- H an dl in g 2 W a y
2 . P a ll et A m e rika : - M e m p un yai D im ens i uku ra n (1 .2 2 x 1. 0 2 x 14 0 )- Ha rd W o od ( ka yu ke ras )
- K e m a m pu an S t ack i ng 3 la yer = 3. 6 t on- T e rda pa t C oa k pi ng gi r
- B a lo k Ut uh- P a ku S t an da rt 7 cm
- H an dl in g 4 W a y
3 . P a ll et E rop a : - M em pun ya i D i m en di uku ran (1. 20 x 80 0 x 14 0 )- Ha rd W o od ( ka yu ke ras )
- K e m a m pu an S t ack i ng 3 la yer = 3. 6 t on- T e rda pa t C oa k pin gg ir d an c oak h an d p ale t
- B al ok t ah u / pen t ol- P a ku S t a nd art / u li r 7 cm
- H an dl in g 4 W a y
4. P al le t B i nt a ng : - be rbe nt uk se pe rt i bi nt a ng- ha rd w oo d ( ka yu ke ras )
- K em am p ua n s t a ck in g 3 l aye r = 3 .6 to n- P aku s ta nd art 7 cm
5 . B o x : - B e rbe nt u k kot ak d an rap at- D im en s i t erg an tu ng pe san an
- K ay u ker as / l un ak
6. P et i / c rat e : - B er ben t uk K o t ak na m u n ren gg an g d ip apa n- D im en s i t erg an tu ng pe san an
- K ay u ker as / l un ak
7 . H asp el : - K o m bi na s i a s bes i de ng an k ayu- D im en s i t erg an tu ng pe san an
- K ay u ker as / l un ak
8 . R el : - be rbe nt u k m em an jan g d an r eng ga ng sep ert i R el- di m e ns i t e rga nt un g p esa na n
- K ay u ker as / l un ak
9. G ap it : - b erb en tu k pe rseg i p an jan g .- di m e ns i t e rga nt un g p esa na n
- ka yu ke ras / lu na k
Co pyw rig ht © P T J a sa D u t a M a n d i ri
132
Gambar 4.39 Rancangan Tampilan Layar Company Profile
Halaman Company profile ( gambar 4.39) menampilkan sekilas sejarah perusahaan, visi
dan misi perusahaan, dan kebijakan mutu.
( Untuk lebih jelasnya, lihat Halaman 180 )
L og o P e rus ah aan
Ho m e G ue s t B oo kC om p an y P rof i leI nf orm as iP ro du c t
P T J as a Du ta M an di r i
G a m ba r
P e ru s ah aa n k am i be rus ah a m e nja di pe m ai nN as io nal da la m m en y ed ia k an ja s a da n p rod uk -pro du k k em as a n k ay u s es ua i
D en ga n in t ern as i on al s t a nd ar p hy t os an it ary m e as ure # 15 te rk a it den ga nM u t u pr im a
S el am a t D at a ng d an S el am a t B erb el an ja d i P T J as a Du ta M an di r i
P R O FI L E :
G am ba r Ta m p ila n P e rus ah aa n
P T . J a s a D ut a M a nd ir i m eru pa k a n pe rus a ha an pe rt am a d i I nd on es i a y a ng b er ge rak d i bi da ng P r od uk s i d an J as a k em as a n k a y u de ng an s ta nd ar I S P M (I n te rn at io na l S t an da rd P h y t os a ni ta ry M e as u res ) #1 5. P T . J a s a D ut a M a nd ir i te r le t ak di Ru k o M e ga Gr os i r C em pa k a M a s , B lo k
C3 1, J l. Le t je nd . S u pra pt o , J a k art a 106 40 – In do ne s ia den ga n s t a tu s s eb ag ai b er ik u t :1 . A k t a p en di r ia n pe ru s ah aa n de ng an No . 1 33 ta ng ga l 17 S ep t em b er 1 99 9 y a ng d it e rbi tk a n o le h No t ar i s P ej ab at P em bua t A k t e T an ah (P P A T ) D raj at Da rm a dj i, S H . di J a k a rta da n P e rub ah an A k ta de ng an N o . 6 9 t an gg al 2 6 F eb rua ri 2 00 4 y a ng d it er bit k a n o leh D r. H . T ed dy A n wa r, S H ,
S p N . , N ot a r is P P A T d i J a k art a .2 . S u rat I z in Us a ha P erd ag an ga n (S I U P ) de ng an N o .2 .0 15 / 09 -04 / P B / IX /9 9 t an gg al 1 O k t ob er 19 99
3 . T an da Da ft a r P eru s a haa n (T D P ) de ng an No .0 9. 0 3. 1. 5 1. 40 72 7 b erl ak u s am p ai den ga n t an gg al 23 S ep te m b er 2 00 84. No m or P ok o k W aji b P a ja k (NP W P ) d en ga n N o. 01 . 91 1. 63 4. 2 -02 7. 00 0
5 . S u rat K e te ra nga n D om i s il i P e rus a ha an at au S ura t I j in T e m pa t U s a ha d en ga n No . 34 6/ A . 3 1/ V I /0 6 t a ngg al 21 J u ni 20 06 d ar i Lu rah S um u r B a tu K ec a m a ta n K e m a y ora n K o dy a J ak a rt a P u s at
6 . P e ng es a ha n A k t a P en dir ia n P er s ero an Te rba t as d ar i D ep art e m en K eh ak i m a n da n H ak A z a s i M a nu s ia No . 02 0. 47 8 H T. 0 1. 01 . T h . 2 00 1.
K em a s an K ay u y an g di pr odu k s i o le h P T . J as a Du t a M an di r i b eru pa : P all et , pe ti ( C ra te ), pen y a ng ga ( dun na ge ), ha s pe l k a bel , B ox d im a na u nt u k m en un jan g p rod uk s i ny a , pe rus a ha an jug a m e m b ua t w ork s hop – wo rk s h op . U nt u k pen an ga na n d ala m pr od uk s i k em a s an k ay u , pe rus a ha an te t ap m en ga c u pa da s t an dar m ut u y a ng b er lak u, y a it u s t an da r IS P M #1 5.S ela in m em pro du k s i k e m as an k a y u s e nd ir i , P T. J a s a D ut a M a nd ir i j ug a m e m b eri k an j as a s ert i fi k as i IS P M #1 5 t er had ap k em as a n k a y u m i lik p el an gg an / v e nd or, ha l i ni k a ren a P T . J as a Du ta M an di r i t el ah m em per ole h n om o r reg is t ra s i re s m i d ar i B ad an K ara nt in a P e rt an ia n (ba c a : B A RA N T A N ) p ad a t an gg al 11 M are t 2 00 4 de ng an no m or re gi s t ras i I D 00 2 (s e lan ju t ny a p er us a ha an d ap at di s eb ut s eb ag ai P rov i de r), s e bag ai p eru s a haa n y a ng m em pu ny a i k ua li fi k a s i un t uk m e m be rik an s e rt if ik as i t e rha da p k em as a n k a y u d eng an s t an da r I S P M # 15 . B erk a t l an da s an y an g k ua t , v i s i d an m is i y ang je la s s ert a d ed ik a s i y a ng t e rus b erk e s in am bun ga n , p eru s ah aa n in i t et a p t eru s be rk em ba ng d ari w ak t u k e wa k t uV is i P eru s ah aa nU nt u k m en ja di p em ai n na s io na l da la m m e ny e di ak a n ja s a d an p rod uk –p rod uk k e m a s an k ay u s es u ai d en ga n I nt e rna ti on al S ta nd ard P hy t o s an it ary M ea s ure #1 5 t erk a it de ng an m ut u p r im a .
M is i P eru s ah aa nK am i be rte k a d un t uk m e ny e di ak a n ja s a d an p ro duk k em a s an k ay u be rk el as d an b ero r ie nt a s i pa da pe lan gg an , in ov at if da n be rm u t u pr i m a
K am i be rte k a d m e m en uh i k eb ut u ha n k e m as a n k a y u g un a m e nun ja ng ek s p or n as i on al , m en c ip t ak a n ni la i op t im u m un t uk pe la ng ga n k a m i, p em eg an g s ah am , k a ry a wa n da n m a s y a rak a t
K eb ija k a n M u tuP T. J a s a D ut a M a nd ir i m en ja di p el op or da la m m e ny e di ak a n ja s a d an p rod uk k e m a s an k ay u s es u ai s ta nd ar I S P M #1 5 d eng an be rpe do m an p ad a S i s t em M u t u da n b er l an da s k an pa da m ot t o: “ Q ual it y w it ho ut to le ran c e ”S as a ran te rs e bu t d ic a pa i de ng an p en era pa n l an gk a h– la ng k ah s eb ag ai b er i k ut :a . M en gh as i lk a n ja s a d an p rod uk k e m a s an k ay u ta np a k e s al ah an s e s u ai d en ga n pe rs y a rat a n pe la ng ga n s et i ap s a at .b . M em e nu hi k eb ut uh an da n ha rap an pe lan gg an y an g t eru s m en eru s m e ni gk a t k e in gi na nny a , m e la lu i pe m a ha m an pe lak s an aa n da n p en in gk a t an p ros es k e r ja .c . M e m be rd ay a k an s um b er d ay a m an us i a m e nj ad i pe lo po r k ary a – k ar y a in ov a t if da n pe ni ng k at a n m ut u den ga n m e nd ay a gu na k an k em aj uan t e k no lo gi g un a m e nc a pa i k e un gg ula n .d . M el at ih , m e ng em ba ng k an d an m el ib at k an s eg en ap jaj ara n m a na je m e n da n k a ry aw an gu na m em a ha m i s e rt a m e ng ha y at i S i s t em M an aj em e n M u t u.M el al ui p en era pa n S i s te m M a na je m en M ut u i ni lah , per us a ha an s ec a ra k o ns i s t en m eng ha s il k an ja s a d an p rod uk k e m a s an k ay u y ang be rm u tu , t e pa t w ak t u , d en ga n ha rga da n ni la i y an g s e s ua i .
C op y wri gh t © PT Ja sa D u t a M a n d i r i
133
Logo Perusahaan
Home Guest BookCompany ProfileInformasiProduct
PT Jasa Duta Mandiri
GambarPerusahaan kami berusaha menjadi pemain
Nasional dalam menyediakan jasa dan produk-produk kemasan kayu sesuaiDengan internasional standar phytosanitary measure # 15 terkait dengan
Mutu prima
Selamat Datang dan Selamat Berbelanja di PT Jasa Duta Mandiri
FEEDBACK
Nama
Message
Send
Nama Message Tanggal
dodol 2006-12-01
Feedback yang ada adalah sbb :
Copywright © PT Jasa Duta Mandiri
Gambar 4.40 Rancangan Tampilan Layar Feed Back
Menu ini ditujukan kepada customer baik yang sudah login maupun yang belum. Disini
customer dapat mengirim kritik dan saran yang diajukan kepada PT.Jasa Duta mandiri.
Feed back yang telah di kirim, akan di proses oleh admin.
( Untuk lebih jelasnya, lihat Halaman 182 )
134
Logo Perusahaan
Home Guest BookCompany Profi leInformasiProduct
PT Jasa Duta Mandiri
Gambar
Selamat Datang dan Selamat Berbelanja di PT Jasa Duta Mandiri
Selamat datang, xxxx
Gambar Tampilan Perusahaan
Copywright © PT Jasa Duta Mandiri
Show Pengir iman
Belanja Product
Pesanan Sendiri
My Cart
Edit Profi le
Log out
Gambar 4.41 Rancangan Tampilan Layar Home setelah Login
Seperti terlihat pada ( gambar 4.41 ) setelah customer login maka akan ditampilkan
tulisan “selamat datang ( nama customer )”.pada halaman ini terdapat tambahan menu
antara lain : show pengiriman, belanja product, pesanan sendiri, my cart, edit profile, dan
logout. Pada halaman ini customer sudah dapat memulai berbelanja.
( Untuk lebih jelasnya, lihat Halaman 183 )
135
Logo Perusahaan
Home Guest BookCompany Profi leInformasiProduct
PT Jasa Duta Mandiri
Gambar
Selamat Datang dan Selamat Berbelanja di PT Jasa Duta Mandiri
Selamat datang, dodol
Show Pengiriman
Belanja Product
Pesanan Sendiri
My Car t
Edit Profi le
Log out
Masukkan no_pengiriman barang yang ingin dicek :
No Pengiriman
Proses Batal
Copywright © PT Jasa Duta Mandiri
Gambar 4.42 Rancangan Tampilan Layar Show pengiriman
Pada Halaman show pengiriman ( gambar 4.42) , customer dapat mengetahui keberadaan
barang yang dipesan dengan memasukkan nomor pengiriman.
( Untuk lebih jelasnya, lihat Halaman 184 )
136
Logo Perusahaan
Home Guest BookCompany Profi leInformasiProduct
PT Jasa Duta Mandir i
Gambar
Selamat Datang dan Selamat Berbelanja di PT Jasa Duta Mandiri
Data barang yang ingin dicek:
No Pesanan
Asal Barang
Tujuan Bar ang
Barang Sekarang
Status
Selamat datang, x xxx
Show Pengiriman
Belanja Product
Pesanan Sendiri
My Cart
Edit P rofile
Log out
Gambar 4.43 Rancangan Tampilan Layar Konfirmasi Proses Show Pengiriman
Pada halaman ini (gambar 4.43) menampilkan data barang dan keberadaan barang yang
dipesan customer.
( Untuk lebih jelasnya, lihat Halaman 185 )
137
L og o Pe rus ah aa n
Ho me G ue st B oo kC omp an y Prof i leInform asiPro du ct
PT Ja sa D uta Ma nd iri
G a mba r
S el ama t d ata ng , xxxx
Sh ow P en gir ima n
B ela nj a Pro du ct
P esa na n Se nd iri
My Ca rt
E dit Pro f ile
L og o ut
S el ama t D ata ng d an Sel ama t B erb el an ja d i PT Jasa Du ta Ma ndi ri
T ip e P ro duk
PAL LET
B OX
PET I
H ASPEL
RE L
GA PIT
Ka mi j ug a be rteka d u ntuk m eny ed iak an j asa d an pro du k kema sa n kay u be rkel as
dan be rori en tasi p ad a p ela ng ga n , i no vat if da n b ermu tu pr ima serta
me me nuh i ke bu tutha n ke masa n ka yu g un a men un ja ng eksp or n asi on al , m en cip taka n ni la i op t imu m un tuk
p el an gg an ka mi , p eme ga ng sah am , kary aw an d an masy ara kat
Co pyw rig ht © P T J as a D uta M an dir i
Gambar 4.44 Rancangan Tampilan Layar Belanja Product
Pada halaman ini ( gambar 4.44 ) menampilkan produk-produk yang di pasarkan oleh
PT.Jasa Duta Mandiri.
( Untuk lebih jelasnya, lihat Halaman 186 )
138
Logo Perusahaan
Home Guest BookCompany Profi leInformasiProduct
PT Jasa Duta Mandiri
Gambar
Selamat datang, xxxx
Show Pengiriman
Belanja Product
Pesanan Sendiri
My Cart
Edit Profi le
Log out
Selamat Datang dan Selamat Berbelanja di PT Jasa Duta Mandiri
PALLET BOX PETI GAPITRELHASPEL
PALLET Harga
PALLET EROPA Rp. 80000 add to cart
PALLET JEPANG
PALLET BINTANG
PALLET AMERIKA
Rp. 70000
Rp.80000
Rp.75000
add to cart
add to cart
add to cart
Copywr ight © PT Jasa Du ta Mandiri
[First Page] [Pr ev ] Showing page 1 of 1 pages [Next] [Last Page]
Gambar 4.45 Rancangan Tampilan Layar Belanja Product Pallet
Pada halaman ini ( gambar 4.45 ) menampilkan macam-macam produk pallet yang
tersedia beserta harga jual . bila customer ingin membeli dapat meng-klik add to cart.
( Untuk lebih jelasnya, lihat Halaman 187 )
139
Logo Perusahaan
Home Guest BookCompany Profi leInformasiProduct
PT Jasa Duta Mandiri
Gambar
Selamat datang, xxxx
Show Pengir iman
Belanja Product
Pesanan Sendiri
My Cart
Edit Profile
Log out
Selamat Datang dan Selamat Berbelanja di PT Jasa Duta Mandiri
PALLET BOX PETI GAPITRELHASPEL
PALLET Harga
BOX Rp. 50000 add to cart
[First Page] [Prev] Showing page 1 of 1 p ages [Next] [Last Page]
Copywright © PT Jasa Duta Mandiri
Gambar 4.46 Rancangan Tampilan Layar Belanja Product Box
Pada halaman ini ( gambar 4.46 ) menampilkan macam-macam produk box yang tersedia
beserta harga jual . bila customer ingin membeli dapat meng-klik add to cart.
( Untuk lebih jelasnya, lihat Halaman 188 )
140
Logo Perusahaan
Home Guest BookCompany Profi leInformasiProduct
PT Jasa Duta Mandiri
Gambar
Selamat datang, xxxx
Show Pengir iman
Belanja Product
Pesanan Sendiri
My Cart
Edit Profile
Log out
Selamat Datang dan Selamat Berbelanja di PT Jasa Duta Mandiri
PALLET BOX PETI GAPITRELHASPEL
PALLET Harga
PETI Rp. 70000 add to cart
[First Page] [Prev] Sho wing page 1 of 1 pag es [ Next] [Last Page]
Copywright © PT Jasa Duta Mandiri
Gambar 4.47 Rancangan Tampilan Layar Belanja Product Peti
Pada halaman ini ( gambar 4.47 ) menampilkan macam-macam produk peti yang tersedia
beserta harga jual . bila customer ingin membeli dapat meng-klik add to cart.
( Untuk lebih jelasnya, lihat Halaman 189 )
141
Logo Perusahaan
Home Guest BookCompany Profi leInformasiProduct
PT Jasa Duta Mandiri
Gambar
Show Pengiriman
Belanja Product
Pesanan Sendiri
My Car t
Edit Profi le
Log out
Selamat Datang dan Selamat Berbelanja di PT Jasa Duta Mandiri
PALLET BOX PETI GAPITRELHASPEL
Copywright © PT Jasa Duta Mandiri
PALLET Har ga
HASPEL Rp. 90000 add to cart
[First Page] [Prev] Sho wing page 1 of 1 pag es [ Next] [Last Page]
Selamat datang, xxxx
Gambar 4.48 Rancangan Tampilan Layar Belanja Product Haspel
Pada halaman ini ( gambar 4.48 ) menampilkan macam-macam produk haspel yang
tersedia beserta harga jual . Bila customer ingin membeli dapat meng-klik add to cart.
( Untuk lebih jelasnya, lihat Halaman 190 )
142
Logo Perusahaan
Home Guest BookCompany Profi leInformasiProduct
PT Jasa Duta Mandiri
Gambar
Show Pengiriman
Belanja Product
Pesanan Sendiri
My Car t
Edit Profi le
Log out
Selamat Datang dan Selamat Berbelanja di PT Jasa Duta Mandiri
PALLET BOX PETI GAPITRELHASPEL
Copywright © PT Jasa Duta Mandiri
PALLET Harga
REL Rp. 75000 add to cart
[First Page] [Prev] Sho wing page 1 of 1 pag es [ Next] [Last Page]
Selamat datang, xxxx
Gambar 4.49 Rancangan Tampilan Layar Belanja Product Rel
Pada halaman ini ( gambar 4.49 ) menampilkan macam-macam produk rel yang tersedia
beserta harga jual . Bila customer ingin membeli dapat meng-klik add to cart.
( Untuk lebih jelasnya, lihat Halaman 191 )
143
Logo Perusahaan
Home Guest BookCompany Profi leInformasiProduct
PT Jasa Duta Mandiri
Gambar
Show Pengiriman
Belanja Product
Pesanan Sendiri
My Car t
Edit Profi le
Log out
Selamat Datang dan Selamat Berbelanja di PT Jasa Duta Mandiri
PALLET BOX PETI GAPITRELHASPEL
Copywright © PT Jasa Duta Mandiri
PALLET Harga
GAPIT Rp. 45000 add to cart
[First Page] [Prev] Sho wing page 1 of 1 pag es [ Next] [Last Page]
Selamat datang, xxxx
Gambar 4.50 Rancangan Tampilan Layar Belanja Product Gapit
Pada halaman ini ( gambar 4.50 ) menampilkan macam-macam produk gapit yang
tersedia beserta harga jual . Bila customer ingin membeli dapat meng-klik add to cart.
( Untuk lebih jelasnya, lihat Halaman 192 )
144
L og o P e rus ah aa n
H o m e G ue s t B oo kC om p an y P rof i leI nf orm as iP ro du c t
P T J a s a D ut a M a nd ir i
G a m ba r
S el am a t d at a ng , x x x x
S h ow P en gir im a n
B ela nj a P ro du c t
P es a na n S e nd ir i
M y C a rt
E dit P ro f ile
L og o ut
S e lam at D a t an g da n S e la m at B e rbe la nja di P T J a s a D ut a M a nd ir i
P A LL E T B O X P E T I G A P I TR E LH A S P E L
I D P r od uc t N am a P rod uc t Qu an t it y H a rg a
GA P 00 1 G A P I T bu ah R E M O V E
P A L 001 P A LL E T E R O P A bu ah R E M O V E
J um l ah To t al =
J i k a A n da T e la h S e les ai B e rb ela nj a S e rt a D a t a A n da T e la h B en ar S ila hk a n T e k an T o m bo l P e s an
N am a
A l am a t L en gk a p
E m a il
T el p
J e ni s P em b ay a ra n
*H ar ga b ara ng y an g a nda pe s an s ud ah t e rm a s uk b iay a pe ng ir i m an
P es a n H a pu s
C o py w r ig ht © P T J as a D u t a M a n d i r i
T ra ns f er
Gambar 4.51 Rancangan Tampilan Layar Transaksi Penjualan
Pada halaman ini ( gambar 4.51 ) menampilkan produk yang telah dipilih ( add to cart )
oleh customer. Halaman ini menampilkan seperti form PO dimana customer dapat
menginput quantity dari produk yang akan dipesan. Serta menampilkan total harga yang
harus di bayar oleh customer.
( Untuk lebih jelasnya, lihat Halaman 193 )
145
Terima Kasih Telah Menggunakan Jasa Kami
Barang yang Anda Pesan Telah Masuk Ke Database Kami
Kami Akan Konfir masikan lagi Pesanan Anda Melalui Emai l
Terima Kasih
Logo Perusahaan
Home Guest BookCompany ProfileInformasiProduct
PT Jasa Duta Mandiri
Gambar
Show Pengiriman
Belanja P roduct
Pesanan Sendiri
My Cart
Edit Pr ofile
Log out
Selamat Datang dan Selamat Berbelanja di PT Jasa Duta Mandiri
Selamat datang, xxxx
Gambar 4.52 Rancangan Tampilan Layar Konfirmasi setelah Pemesanan
Pada halaman ini ( gambar 4.52 ) menampilkan konfirmasi kepada customer bahwa
pemesanan produk telah berhasil masuk ke dalam database PT.Jasa Duta Mandiri.
( Untuk lebih jelasnya, lihat Halaman 194 )
146
L og o Pe rusa ha an
H ome Gue st Boo kCo mpa ny Pro file
In forma siPro du ct
PT Jasa Du ta Man di ri
Ga mba r
Sel ama t d ata ng , xxx x
Sh ow Pen gi rima n
B el anj a Pro du ct
Pesa na n Se nd iri
My Ca rt
E di t Pro file
L og o ut
Se la mat Da tang da n Se lam at Berb el an ja d i PT Jas a Du ta Man di ri
PA LL ET BOX PETI GAPITR ELH ASPE L
Ji ka An da Te lah Sel esa i Be rbe la nja Ser ta Da ta And a Tel ah Be na r Sil ah kan Te kan Tomb ol P esa n
Jen is Pro du k
Uku ran Prod uk (c m)
Juml ah Pesa na n
Na ma Pe mes an
Ema il
Ala mat Le ng kap
Te lp
Jen is Pe mba yar an
X X
*H arg a ba ra ng ya ng and a p esa n su da h terma suk b ia ya pe ng iri ma n
Pesa n Ha pu s
-Pil ih -
Tran sfer
C op ywr igh t © PT Jasa Duta Mandiri
Gambar 4.53 Rancangan Tampilan Layar Pesanan Sendiri
Pada halaman ini ( gambar 4.53 ) customer dapat memilih produk dan ukuran yang ingin
di pesan. Halaman ini menampilkan seperti form PO dimana customer dapat menginput
quantity dan ukuran dari produk yang akan dipesan. Serta ditampilkan total harga yang
harus di bayar oleh customer.
( Untuk lebih jelasnya, lihat Halaman 195 )
147
L og o P e rus ah aa n
Ho m e G ue st B oo kC om p an y P rof i leInform asiP ro du ct
P T Ja sa D uta M a nd iri
G a m ba r
S el am a t d ata ng , xxxx
S h ow P en gir im a n
B ela nj a P ro du ct
P esa na n S e nd iri
M y Ca rt
E dit P ro f ile
L og o ut
S e lam at Da tan g da n S e la m at B e rbe la nja di P T Ja sa D uta M a nd iri
P A LL E T B O X P E T I G A P ITR E LH A S P E L
ID P r od uct N am a P rod uc t Qu an t it y Ha rg a
GA P 00 1 G A P IT bu ah R E M O V E
P A L 001 P A LL E T E RO P A bu ah R E M O V E
Jum l ah To tal =
J i ka A n da T e la h S e les ai B e rb ela nj a S e rta Da ta A n da T e la h B en ar S ila hka n T e kan T o m bo l P e san
N am a
A l am a t L en gka p
E m a il
T el p
Je ni s P em b aya ra n
*H ar ga b ara ng yan g a nda pe san sud ah te rm a suk b iay a pe ng iri m an
P esa n Ha pu s
Co pyw rig ht © P T J as a D ut a M a ndi ri
T ra nsfer
Gambar 4.54 Rancangan Tampilan Layar My Cart
Pada halaman ini ( gambar 4.54 ) customer dapat melihat barang-barang yang telah
dipesan, selain itu apabila diinginkan, customer dapat membatalkan pemesanan atas
barang tertentu dengan cara meng-klik Remove.
( Untuk lebih jelasnya, lihat Halaman 196 )
148
Logo Perus ahaan
Home Guest BookCompany
ProfileInform asiPr oduct
PT Jas a Duta Mandiri
Gam bar
Selamat Datang dan Selamat B erbelan ja d i PT Jasa Duta Mandi ri
Si lahkan Masuk kan Data Dir i Anda
A lam at Lengkap
Id_customer
Nam a
E mai l
Telp
User Nam e
P assword
Copywright © PT Jasa Duta Man dir i
Update Rejec t
Selam at datang, xx xx
Show Pengi riman
Belanja P roduct
Pes anan Sendiri
My Cart
Edi t Pr ofile
Log out
Gambar 4.55 Rancangan Tampilan Layar Edit Profile
Pada halaman ini ( gambar 4.55 ) customer dapat mengedit profile nya sendiri, apabila
customer berpindah alamat, customer diwajibkan untuk mengisi alamat terbaru pada
halaman ini. Selain itu, customer juga dapat mengganti username dan password.
( Untuk lebih jelasnya, lihat Halaman 197 )
149
4.5.2 Rancangan Tampilan Layar Admin
Gambar 4.56 Rancangan Tampilan Layar Login Admin
Pada rancangan layar Login admin ( gambar 4.56 ) selain user, admin dapat melakukan
login dengan memasukkan username dan password. Setelah login admin dapat
mengakses back office.
( Untuk lebih jelasnya, lihat Halaman 198 )
150
Gambar 4.57 Rancangan Tampilan Layar Home Admin setelah Login
Rancangan Layar ini ( gambar 4.57 ) akan muncul pertama kali setelah admin berhasil
login ke dalam system. Pada rancangan layar ini admin dihadapkan pada order static dan
feed back. Di rancangan layar ini pun terdapat menu-menu yang dapat di akses oleh
admin seperti : pengiriman, show inventori, show user,status pengiriman, unnproses
customer, pending customer, edit customer, logout.
( Untuk lebih jelasnya, lihat Halaman 199)
151
Gambar 4.58 Rancangan Tampilan Pengiriman
Rancangan layar ini ( gambar 4.58 ) digunakan oleh admin untuk menginput data barang
yang dikirim,meliputi no pesanan, asal barang, tujuan barang.
( Untuk lebih jelasnya, lihat Halaman 200 )
152
Gambar 4.59 Rancangan Tampilan Layar Show Inventori Rancangan Layar ini ( gambar 4.59 ) digunakan admin untuk mengetahui data barang
seperti : id_product, nama_product, harga, stock, proses.
( Untuk lebih jelasnya, lihat Halaman 201 )
153
Gambar 4.60 Rancangan Tampilan Layar Show Inventori setelah submit
Pada rancangan layar ini ( gambar 4.60 ) admin dapat mengetahui data barang seperti :
id_product, nama_product, harga, stock, proses dari produk-produk yang ditawarkan PT
Jasa Duta Mandiri
( Untuk lebih jelasnya, lihat Halaman 202,206,219,212,215,218 )
154
Gambar 4.61 Rancangan Tampilan Layar Insert Inventori
Rancangan layar ( gambar 4.61 ) digunakan admin untuk menambahkan produk baru
yang ditawarkan PT. Jasa Duta Mandiri.
( Untuk lebih jelasnya, lihat Halaman 203 )
155
Gambar 4.62 Rancangan Tampilan Layar Update Inventori
Rancangan Layar ini ( gambar 4.62 ) digunakan admin untuk mengupdate data barang
seperti : id_product, nama_product, harga, stock, proses.
( Untuk lebih jelasnya, lihat Halaman 204,207,210,213,216,219 )
156
Gambar 4.63 Rancangan Tampilan Layar Delete Inventori
Rancangan layar ini ( gambar 4.63 ) digunakan admin untuk menghapus data barang
tertentu yang tidak lagi ditawarkan oleh PT.Jasa Duta Mandiri.
( Untuk lebih jelasnya, lihat Halaman 205,208,211,214,217,220 )
157
Gambar 4.64 Rancangan Tampilan Layar Show User
Rancangan layar ini ( gambar 4.64 ) berguna bagi admin untuk dapat mengetahui user-
user yang telah mendaftar atau mengirim feedback ke web PT.Jasa Duta Mandiri.
( Untuk lebih jelasnya, lihat Halaman 221 )
158
Gambar 4.65 Rancangan Tampilan Layar Show User Delete
Rancangan layar ini ( gambar 4.65 ) digunakan admin untuk menghapus data user
tertentu yang masuk atau mengirim feedback ke web PT.Jasa Duta Mandiri.
( Untuk lebih jelasnya, lihat Halaman 222 )
159
PT Jasa Duta Man diri
U nproce ss C ustomer
Pendi ng Cu sto mer
Edi t F eed back
Log O utG amba r
Sela mat D ata ng da n Sela ma t Berb ela nja d i PT Jasa Du ta Man diri
Masu kkan no _p eng irima n b arang yan g in gi n d icek
No Pen girima n
BatalPro ses
L ogo Pe rusaha an
H ome Peng irima n Sho w Inve ntory Sho w U ser Status Pe ngi riman
Gambar 4.66 Rancangan Tampilan Layar Status Pengiriman
Pada rancangan layar ini ( gambar 4.66 ) digunakan admin untuk mengetahui lokasi
barang yang dikirim sudah sampai dimana (sudah sampai tujuan atau belum). Data lokasi
barang bisa diketahui admin, bila menginput No pengiriman.
( Untuk lebih jelasnya, lihat Halaman 223 )
160
Gambar 4.67 Rancangan Tampilan Layar Status Pengiriman setelah Proses
Pada rancangan layar ini ( gambar 4.67 ) akan menampilkan informasi mengenai
pengiriman yang ingin dicek, seperti No Pesanan, Asal Barang, Tujuan Barang, Barang
Sekarang, Status.
( Untuk lebih jelasnya, lihat Halaman 224 )
161
Gambar 4. 68 Rancangan Tampilan Layar Unprocess Customer
Rancangan layar ini ( gambar 4.68 ) menampilkan pesanan pembeli yang belum diproses.
Halaman ini digunakan oleh admin untuk memproses pesanan dan pengiriman.
( Untuk lebih jelasnya, lihat Halaman 225 )
162
Gambar 4.69 Rancangan Tampilan Layar Unprocess Customer setelah diproses
Pada rancangan layar ini ( gambar 4.69 ) akan ditampilkan keterangan seperti kwitansi
bukti pembelian, yang berisi nama pelanggan, performa invoice, tanggal, barang dan total
pembelian. Isi halaman ini akan dikirim oleh admin ke customer melalui email.
( Untuk lebih jelasnya, lihat Halaman 226 )
163
Gambar 4.70 Rancangan Tampilan Layar Pending Customer
Rancangan layar ini ( gambar 4.70) menampilkan data-data pesanan pembeli yang masih
pending
( Untuk lebih jelasnya, lihat Halaman 227 )
164
Gambar 4.71 Rancangan Tampilan Layar Edit Feedback
Rancangan layar ini ( gambar 4.71 ) digunakan oleh admin untuk mengetahui feedback-
feedback yang telah di approve dan menghapus feedback-feedback.
( Untuk lebih jelasnya, lihat Halaman 228 )
165
4.6 Tampilan Layar 4.6.1 Tampilan layar untuk User
Gambar 4.72 Tampilan Home
Saat pertama kali mengakses web PT.Jasa Duta Mandiri, akan ditampilkan halaman
seperti ( gambar 4.72 ). Pada halaman ini customer dibebaskan mengakses isi web
walaupun tanpa melakukan login. Bila customer ingin membeli barang, hanya dapat
dilakukan setelah login. Apabila customer belum mempunyai account di web, maka
customer dapat melakukan register dengan meng-klik new-member
166
Gambar 4.73 Tampilan New Member
Halaman new member ini ( gambar 4.73 ) digunakan untuk mencatat data-data customer
ke dalam database, sehingga dapat memudahkan transaksi misalnya: customer tidak
perlu lagi menuliskan nama dan alamat ketika melakukan pemesanan karena sudah
tercatat secara otomatis. Apabila customer ingin merubah data pribadinya, customer data
menggantinya di menu edit profile.
167
Gambar 4.74 Tampilan Product
Halaman product sebelum login ( gambar 4.74 ) dapat diakses dengan cara meng-klik
menu produk. Halaman ini dapat menjelaskan kepada customer mengenai macam-macam
produk yang di jual oleh PT.Jasa Duta Mandiri.
168
Gambar 4.75 Tampilan Product Pallet
Halaman product Pallet sebelum login ( gambar 4.75 ) dapat diakses dengan cara meng-
klik jenis produk yaitu pallet. Halaman ini menjelaskan kepada customer mengenai
produk pallet detail yang di jual oleh PT.Jasa Duta Mandiri.
169
Gambar 4.76 Tampilan Product Box
Halaman product Box sebelum login ( gambar 4.76 ) dapat diakses dengan cara meng-
klik jenis produk yaitu box. Halaman ini menjelaskan kepada customer mengenai produk
box detail yang di jual oleh PT.Jasa Duta Mandiri.
.
170
Gambar 4.77 Tampilan Product Peti
Halaman product peti sebelum login ( gambar 4.77 ) dapat diakses dengan cara meng-
klik jenis produk yaitu peti. Halaman ini menjelaskan kepada customer mengenai produk
peti detail yang di jual oleh PT.Jasa Duta Mandiri.
171
Gambar 4.78 Tampilan Product Haspel
Halaman product Haspel sebelum login ( gambar 4.78 ) dapat diakses dengan cara meng-
klik jenis produk yaitu haspel. Halaman ini menjelaskan kepada customer mengenai
produk haspel detail yang di jual oleh PT.Jasa Duta Mandiri.
172
Gambar 4.79 Tampilan Product Rel
Halaman product rel sebelum login ( gambar 4.79 ) dapat diakses dengan cara meng-klik
jenis produk yaitu rel. Halaman ini menjelaskan kepada customer mengenai produk rel
detail yang di jual oleh PT.Jasa Duta mandiri.
173
Gambar 4.80 Tampilan Informasi
Halaman informasi ( gambar 4.80 ) menampilkan informasi-informasi yang tersedia di
web seperti : Produk baru,contact us, cara pendaftaran, cara pemesanan, jalur pengiriman,
ukuran kayu. Informasi yang di sediakan bertujuan untuk mempermudah customer dalam
mejalankan web dan melakukan pemesanan produk.
174
Gambar 4.81 Tampilan Produk Baru
Gambar 4.81 Produk Baru
Pada Halaman ( Gambar 4.81 ) ini ditampilkan Gambar beserta keterangan dari produk
baru yang di Launching PT.Jasa Duta Mandiri.
175
Gambar 4.82 Tampilan Contact Us
Halaman contact us ( gambar 4.82 ) berisi alamat lengkap dari PT. Jasa Duta Mandiri dan
no telp yang dapat di hubungi.
176
Gambar 4.83 Tampilan Cara Pendaftaran
Halaman Cara pendaftaran ( gambar 4.83 ) berisi langkah-langkah untuk melakukan
pendaftaran atau membuat account di web agar customer bisa melakukan transaksi.