bab 3 analisis dan perancangan teori 3.1 gambaran …thesis.binus.ac.id/doc/bab3/2010-1-00076-if bab...
TRANSCRIPT
41
BAB 3
ANALISIS DAN PERANCANGAN TEORI
3.1 Gambaran Umum Studi Kasus
3.1.1 Sejarah dan Perkembangan Studi Kasus
Kerajinan Amai Setia adalah Organisasi wanita di Kotogadang
Sumatera Barat yang didirikan pada tanggal 11 Februari 1911 atas prakarsa
Ibu Roehana Koeddoes dan beberapa ibu-ibu Kotogadang dengan tujuan
untuk memajukan wanita Kotogadang. Pada tahun 1915 Kerajinan Amai
Setia dinyatakan sebagai perkumpulan yang berbentuk badan hukum dengan
di terbitkannya surat keputusan Besluit no.31 Pemerintah Belanda dan pada
tahun itu pula dipelopori Ibu Roehana Koeddoes gedung Amai Setia berhasil
di bangun.
Pada tahun 1979 atas prakarsa beberapa tokoh Kotogadang didirikan
Yayasan Kerajinan Amai Setia Kotogadang dan perwakilan di
Jakarta.Yayasan Amai Setia perwakilan Jakarta beralamat Jln.Dempo No.22
Matraman II Jakarta Pusat 10230. Yayasan Amai Setia perwakilan Jakarta
mendistribusikan Kerajinan khas daerah Kotogadang yang di produksi di
Kotogadang lalu di kirim ke perwakilan di Jakarta seperti Pakaian Tradisi
Harian, Pakaian Tradisional Perhelatan Perlengkapan Pakaian Tradisional
seperti Kalung, Gelang, Perhiasan Jari, Selendang Kain Tenun dan
sebagainya.
42
3.1.1 Struktur Organisasi Perusahaan
Struktur organisasi merupakan bagan yang memberikan gambaran
mengenai kegiatan dalam suatu perusahaan. Dengan ada nya struktur organisasi
kita akan bisa mengetahui departemen-departemen yang ada dalam suatu
perusahaan, pembagian tugas dan tanggung jawab pada masing-masing
departemen koordinasi antara setiap bagian departemen. Tujuan dari disusunnya
struktur organisasi dalam perusahaan adalah agar tidak terjadi kekacauan dalam
pelaksanaan tugas setiap bagian fungsional dalam perusahaan dan setiap tugas
dapat diselesaikan secara efektif dan efesien. Struktur organisasi dari Yayasan
Amai Setia dapat di lihat di bawah ini.
Secara garis besar tugas dan tanggung jawab masing – masing bagian di
uraikan sebagai berikut : Ada pun tugas , tanggung jawab dan wewenang pada
setiap bagian-bagian yang ada di dalam Yayasan Amai Setia Kotogadang adalah :
Gambar 3.1 struktur organisasi
Finace
Production
Purchasing Sales dan Promotion
Pembina
Traning dan Education
Pengurus
Operasional
Administration
Pengawas
43
Secara garis besar tugas dan tanggung jawab masing – masing bagian di
uraikan sebagai berikut : Ada pun tugas , tanggung jawab dan wewenang pada
setiap bagian-bagian yang ada di dalam Yayasan Amai Setia Kotogadang adalah :
1. Pembina
Adapun tugas dan tanggung jawab dan wewenang yang dimiliki oleh
pembina adalah sebagai berikut
a. Memimpin yayasan
b. Menentukan dan mengarahkan strategi dan kebijakan usaha
c. Mengatur dan mengamati perkembangan Yayasan Amai Setia
d. Pengangkatan dan pemberhentian anggota pengurus dan anggota pengawas.
2. Pengawas
Adapun tugas dan tanggung jawab dan wewenang yang dimiliki oleh
pengawas adalah sebagai berikut
a. Pengawas wajib dengan itikad baik dan penuh tanggung jawab menjalankan
tugas untuk kepentingan yayasan
b. Pengawas berwenang memeriksa dokumen yayasan.
c. Pengawas berwenang memeriksa pembukuan dan dicocokan dengan kas.
d. Pengawa bertugas mengawasi segala tindak yang telah dijalankan oleh
pengurus
3. Pengurus
Adapun tugas dan tanggung jawab dan wewenang yang dimiliki oleh
pengurus adalah sebagai berikut
a. Pengurus bertanggung jawab penuh atas kepengurusan yayasan untuk
kepentingan yayasan.
44
b. Pengurus wajib menyusun program kerja dan rancangan anggaran tahunan
yayasan untuk disahkan pembina.
c. Pelaksana kegiatan yayasan bertanggung jawab kepada pengurus
4. Training dan Education
Adapun tugas dan tanggung jawab dan wewenang yang dimiliki oleh
training dan education adalah sebagai berikut :
a. Mengadakan kursus-kursus Rendo Banku, Menyulam Kapalo Samek, Suji
Caia, membuat Deta dsb.
b. Mengadakan penyuluhan untuk pengrajin
c. Membuat direcetory barang-barang produk
d. Menyiapkan materi untuk mengajukan hak cipta / patent
5. Sales dan Promotion
Adapun tugas dan tanggung jawab dan wewenang yang dimiliki oleh
sales dan promotion adalah sebagai berikut :
a. Menyampaikan edaran / pengumuman / iklan pemberitahuan tentang
pelaksanaan kursus kursus rendo bangku, menyulam serta kursus lainnya
.Memasang iklan edaran pengumuman pemberitahuan melalui canang
internet dan sebagai nya.
b. Mengadakan penjualan dan promosi di show room / took / pameran / bazaar
atau perkantoran.
c. Mengadakan penjualan dan promosi di arisan – arisan.
d. Mengadakan acara khusus yaitu acara pulang basamo masyarakat
Kotogadang atau menjelang kedatangan organisasi lain atau pun menjelang
45
lebaran dan hari libur besar untuk menarik minat orang dalam melakukan
shopping dan menambah pengalaman berbelanja.
e. Mengadakan acara khusus yaitu acara pulang basamo masyarakat
Kotogadang atau menjelang kedatangan organisasi lain atau pun menjelang
lebaran dan hari libur besar untuk menarik minat orang dalam melakukan
shopping dan menambah pengalaman berbelanja .
f. Mengadakan kerja sama dengan travel biro atau tour guide untu
mendatangkan turis ke show room Yayasan Amai Setia .
g. Mengadakan penyewaan pakaian Pengantin Pelaminan , Baju Kurung ,
Selendang untuk di sewakan kepada cutomer.
6. Production
Adapun tugas dan tanggung jawab dan wewenang yang dimiliki oleh
bagian production adalah sebagai berikut :
a. Menyediakan produk kerajinan tangan tradisional Kotagadang dan
mengkorodinasi pemesanan barang tradisional melalui para pengrajin
b. Menyediakan produk kerajinan yang sudah di modifikasi dan
mengkoordinasi pemesanan atau pembuatan baju selendang modern sulaman
, tenunan atau barang perak dengan design yang baru melalui pengrajin
Kotogadang atau pihak-pihak lain.
c. Menyediakan souvenir dengan tema nuansa Kotogadang Sumatera Barat
dengan mengadakan Kerja sama dengan pihak pengrajin atau pihak lain
untuk membuat souvenir seperti Sapu tangan , T shirt , Key chain , tempat
hp dan sebagainya .
46
d. Mengadakan recruitment pengrajin / pembuat hasil sulaman , barang perak ,
tenun di Kotogadang atau di Jakarta untuk angota produksi Yayasan Amai
setia Kotogadang
e. Menampilkan design produk – produk yaitu dengan cara mengadakan kerja
sama dengan pihak internal anggota Yayasan Amai Setia Kotogadang atau
dengan pihak lain untuk membuat design produk
f. Mengadakan koordinasi dengan penanggung jawab purchasing untuk
penentuan harga barang produksi.
7. Administrasi
Adapun tugas dan tanggung jawab dan wewenang yang dimiliki oleh
bagian Administrasi adalah sebagai berikut :
a. Menyusun anggaran dasar Yayasan Amai Setia Kotogadang untuk dimiliki
setiap anggota Yayasan Amai Setia Kotogadang .
b. Menyusun anggaran rumah tangga Yayasan Amai Setia Kotogadang untuk
dimiliki setiap anggota Yayasan Amai Setia Kotogadang
c. Membuat dan mengupdate inventarisasi stok barang dan seluruh asset milik
Yayasan Amai Setia Kotogadang per 3 bulan .
d. Menyediakan packaging (box , kantong dan lain sebagainya) untuk barang
penjualan sales item Yayasan Amai Setia
e. Membuat laporan kegiatan per 3 bulan koordinasi dengan bendahara
f. Membuat undangan rapat dan notulen rapat pengurus Yayasan Amai Setia
Kotogadang.
g. Mengkoordinasi pelaksanaan rapat pengurus tahunan termasuk menyiapkan
draft laporan kegiatan tahunan yang di himpun dari semua bidang kegiatan.
47
8. Finance
Adapun tugas dan tanggung jawab dan wewenang yang dimiliki oleh
bagian Finance adalah sebagai berikut :
a. Membuka rekening Koran baru atas nama Yayasan Amai Setia Kotogadang
b. Mengadakan kerjasama dengan Bank untuk pengadaan pembayaran dengan
kartu kredit card di toko / show room atau pun melalui website Yayasan
Amai Setia
c. Membuat laporan keuangan koordinasi dengan Sekretaris Umum.
d. Menyampaikan laporan pajak atau setoran pajak setiap bulan ke kantor pajak
e. Menyusun laporan keuangan, Neraca, Laba SPT setiap akhir tahun berjalan.
9. Purchasing
Adapun tugas dan tanggung jawab dan wewenang yang dimiliki oleh
bagian purchasing adalah sebagai berikut :
a. Memilih dan menyetujui pembelian dan pemesanan barang atau produk
melalui pengrajin atau pihak-pihak lain untuk di jadikan aset Yayasan Amai
Setia.
10. Operasional
Adapun tugas dan tanggung jawab dan wewenang yang dimiliki oleh
bagian Staff Operasional adalah sebagai berikut :
a. Melakukan Pengiriman barang yang telah di pesan oleh customer.
b. Melayani customer yang datang di showroom
c. Melakukan pengecekan stok barang di stok gudang
48 3.1 Analisis Permasalahan
3.2.1 Analisis proses bisnis berjalan pada studi kasus.
Tabel 3.1 Tabel Daftar Proses Bisnis dan Aktornya
NO. Nama Proses Aktor Dokumen
1. Penjualan via telepon Pelanggan Delivery order
Sales Staf
2. Menerima delivery order Sales Staf Delivery order
Pelanggan
3. Menerima delivery order
dari sales staf
Staf operasional Delivery order
Sales staf
4. Pembayaran di muka Pelanggan Bukti pembayaran
Sales staf
5. Menerima Barang kiriman Penerima Surat penerimaan
barang dan delivery
order
Staf operasional
Pelanggan menelepon untuk melakukan pemesanan yang akan dilayanai oleh
sales staf, jika ada barang yang detailnya (fungsi atau kegunaanya) tidak diketahui oleh
pelanggan, maka pelanggan harus bertanya terlebih dahulu kepada sales staf dan sales
staf harus menjelaskan detail barang tersebut kepada pelanggan. Selanjutnya staf
operasional akan menerima delivery order dari sales staf. Setelah itu, pelanggan akan
melakukan pembayaran di muka. Setelah pelanggan melakukan pembayaran, barang
akan dikirim dan pelanggan akan menerima barang tersebut.
49
Berikut adalah penjelasan dari masing-masing proses bisnis diatas:
Tabel 3.2 Tabel Proses “Penjualan by phone
Pelanggan Sales Staf
Pelanggan menelpon,
maka sales staf akan melayani
pelanggan, Sales staf akan
memberitahukan harga. Setelah
itu pelanggan memberikan
delivery order kepada sales staf
melalui telpon, lalu sales staf
akan menerima delivery order
dari pelanggan.
Tabel 3.3 Tabel Proses “Menerima delivery order”
Start
Penjualan by phone
Melayani Pelanggan
Memberi tahu harga
Delivery order
Menerima delivery order dari pelanggan
End
50
Sales staf Staf operasional Pelanggan memberikan
delivery order kepada sales staf
melalui telpon, lalu sales staf
akan menerima delivery order
dari pelanggan.
Tabel 3.4 Tabel Proses “Menerima delivery order dari sales staf”
Pelanggan Sales Staf Sales staf menerima
delivery order dari pelanggan.
Setelah itu, staf operasional
akan menerima delivery order
dari sales staf.
Start
Delivery order
Menerima delivery order dari pelanggan
End
Start
Menerima delivery order dari sales staf
Menerima delivery order dari pelanggan
End
51 Tabel 3.5 Tabel Proses “Pembayaran dimuka”
Pelanggan Staf operasional Staf operasional menerima
delivery order dari sales staf.
Pelanggan akan membayar.
Start
Menerima delivery order dari sales staf
Membayar dimuka
End
52 Tabel 3.6 Tabel Proses “Menerima Barang Kiriman”
Pelanggan Sales Staf Staf Operasional Penerima
Pelanggan akan membayar produk yang diorder. Staf operasional akan
mengambil barang dari gudang dan membawa delivery order serta surat pengambilan
barang yang kemudian menandatangani delivery order dan surat pengiriman barang dan
juga sales staf akan mengeluarkan surat tanda bukti pengiriman barang. Staf operasional
akan melakukan pengiriman barang sesuai dengan alamat yang dituju. Penerima yang
menerima barang kiriman akan menandatangani surat mengiriman barang sebagai bukti
penerimaan barang. Penerima juga akan menerima invoice. Lalu sales staf akan
menerima bukti pengiriman barang yang sudah ditandatangani penerima.
Star
Membayar dimuka
Mengambil barang dari gudang dan membawa
delivery order serta surat pengambilan barang
Menandatangani delivery order dan surat pengiriman
barang
Pengiriman barang
Surat bukti pengambilan barang
Menerima barang kiriman
Menandatangani surat pengriman
Invoice
End
53
Jadi permasalahan yang terdapat dalam proses bisnis berjalan adalah seperti yang
terdapat pada table berikut :
Tabel 3.7 Permasalahan Pada Proses Bisnis
No. Nama Proses Masalah Verifikasi Studi Literatur
1. Penjualan via
telepon
Pemesan biasanya
sudah tahu barang yang
akan dipesan dan
merupakan pelanggan
tetap. Selain itu,
mempunyai masalah
dalam hal konfirmasi
balik dari pelanggan
yang memesan.
Biasanya memakan
waktu.
E-commerce pada dasarnya
merupakan suatu kontak transaksi
perdagangan antara penjual dan
pembeli dengan teknologi
Internet. Jadi, sebagian proses
dikomunikasikan dengan internet.
(Ustandiyanto,2001,001)
E-commerce menggambarkan
proses membeli dan menjual
lewat media
digital.(Turban,2004,p3)
sales staf harus
menjelaskan rincian
produk pada pelanggan
yang berbeda.
Secara umum, hal yang paling
penting diperhatikan untuk
kenyamanan konsumen dalam
melakukan pembelian melalui
Internet antara lain:
* Deskripsi produk yang jelas
* Transaksi yang mudah
54
* Alamat dan kontak person
yang lengkap
* Sistem “shopping cart”
(Feridianto,Hengki,2006,p75)
Penjualan via telepon biasanya harus menunggu respon balik perusahaan
tersebut dan itu membutuhkan waktu yang tidak seditit karena jika pelanggan melakukan
pemesanan melalui telepon, maka pelanggan harus menelepon pada jam kerja saja.
Selain itu, pelanggan tidak dapat mengetahui tentang produk-produk baru yang dijual,
mereka harus menanyakan detail produk terlebih dahulu.
3.2.2 Analisis Wawancara Pada Studi Kasus
Sub bab ini akan membahas tentang wawancara berdasarkan permasalahan
yang terjadi pada proses bisnis yang sedang berjalan. Kami telah melakukan
wawancara kepada aktor yang terkait berdasarkan proses bisnis yang sedang
berjalan.
Kami mewawancari kepala dari Yayasan Amai Setia tentang bagai mana
proses bisnis yang sedang berjalan.
55
Berikut adalah pertanyaan wawancara kami:
Wawancara 1
Nama : Sita Dewi Salim
Jabatan: Ketua Umum
Tanggal Wawancara: 23 Oktober 2009
Jam Wawancara : 18.00
Tempat : Jalan Dempo 22 Jakarta Pusan.
Daftar Pertanyaan:
1) Apakah dengan melakukan pamesanan, penjualan barang mengalami
peningkatan dalam pembelian dari sebelumnya?
Belum tentu. karena dengan pemesanan produk-produk sampai
jadi membutuhkan waktu pembuatan/produksi cukup lama (misal
5-7 bulan untuk selendang sulaman).
Produk Amai Setia pada dasarnya mempunyai 3 kelompok
pembeli :
a. Kelompok peminat art work ( karya seni )
b. Kelompok pencari produk tradisional
c. Kelompok pembeli insidentil ( tertarik karena melihat
display)
Kelompok b (pencari produk tradisional) , biasanya melakukan
pembelian melalui pemesanan karena biasanya sudah mempunyai
minat terhadap motif atau warna2 tertentu.
56
Kelompok a dan kelompok c biasanya membeli barang atas
penilaian langsung terhadap barang yang sudah ada/ditawarkan.
2) Apakah menurut anda proses penjualan yang sekarang melalu via
telepon membutuhkan proses transaksi yang lama?
Iya, proses pembelian melalui telpon butuh waktu yang lama.
Karena membutuhkan respon balik dari staf untuk pengecekan
barang di gudang dan begitu juga sebaliknya, menunggu
konfirmasi balik dari pelanggan bahwa uang sudah ditranfer.
3) Pelanggan yang membeli atau memesan barang biasa nya dari mana
saja ?
Pelanggan yang membeli/memesan barang biasanya adalah para
turis/ pengunjung yang mengunjungi showroom di Kotogadang
(dari berbagai kota di Indonesia/kebanyakan dari Jakarta ataupun
dari luar negeri/kebanyakan dari Eropa) atau para pelanggan
yang mengunjungi pameran Amai Setia (kebanyakan di Jakarta)
4) Selama ini bagaimana sistem pembayaran yang di gunakan?
Sistem pembayaran selama ini secara cash and carry
(pembayaran tunai )atau dengan cara angsuran bila si pembeli
mempunyai penjamin salah satu pengurus Amai Setia
5) Adakah kendala - kendala yang di hadapi dengan pembayaran
melalui telepon ?
Menunggu konfirmasi pembayaran dari pelanggan.
57
6) Berapa lama barang samapai di tempat tujuan ?
Kalau barang dari stock yang ada, dikirim dari Kotogadang
ataupun dari Jakarta biasanya butuh waktu 2-3 hari untuk
pengiriman
7) Apakah barang yang di kirim pernah mengalami kerusakan ?
Belumpernah terjadi.
8) Apakah pelanggan puas dengan sistem yang telah ada selama ini ?
Kalau pengiriman dari stock barang yang ada belum pernah ada
complain. Kalau pengiriman dari barang yang dipesan sering
terjadi keterlambatan pengiriman karena menunggu barang
selesai pembuatannya.
9) Kekurangan apa saja yang ada dalam memakai sistem sekarang ?
Penjualan menunggu pembeli datang, sedangkan pengunjung di
showroom Kotogadang banyak datang hanya di hari Sabtu dan
Minggu. Diharapkan dengan mendatangkan barang secara visual
kepada calon pembeli /melalui website , penjualan barang bisa
terangkat.
10) Apakah pelanggan atau pembeli cukup mendapatkan informasi
tentang product yang ada di amai setia ?
Informasi produk sementara ini masih kurang.
11) Bagaimana cara mempromosikan produk amai setia selama ini ?
Promosi hanya melalui penyampaian dari mulut ke mulut oleh
pengunjung-pengunjung yang datang.
58
12) Bagaimana pemasaran untuk di luar daerah?
Promosi diluar Kotogadang, melalui pameran-pameran di Jakarta (
kira-kira 3 sampai 4 x setahun ).
13) Apakah dengan penjualan via telepon memudahkan pelanggan untuk
melakukan pemesanan?
Penjualan melalui telpon agak sulit , karena pembeli yang baru
tidak mempunyai, bayangan visual dari barang yang ditawarkan.
14) Apa yang di harapkan dengan ada nya website yang akan di buat ?
Website yang akan dibuat diharapkan dapat menarik perhatian
para pelanggan untuk membeli langsung produk yang didisplay
dalam website.
15) Apakah perlu dibuat data stok persediaan pada website?
Data stock barang pada Website perlu dibuat, tetapi hanya bisa
dibuka oleh pengurus/pemegang password.
Wawancara 2
Nama : Ibu Dewi
Jabatan: Pelanggan
Tanggal Wawancara: 23 Oktober 2009
Jam Wawancara : 18.00
Tempat : Jalan Dempo 22 Jakarta Pusat
Daftar Pertanyaan :
1) Apa kendala yang dalam pembelian via telepon?
Belum ada. Hanya saja saya membeli produk yang sudah saya beli
59
sebelumnya.
2) Mengapa anda memilih membeli via telepon?
Karena showroom Amai Setia jauh dari tempat saya tinggal
3) Bagaimana biasanya anda melakukan pembayaran?
Transfer
Wawancara 3
Nama : Ibu Dewi
Jabatan: Penerima
Tanggal Wawancara: 23 Oktober 2009
Jam Wawancara : 18.00
Tempat : Jalan Dempo 22 Jakarta Pusat
Daftar Pertanyaan :
1) Berapa lama waktu yang dibutuhkan agar barang yang dipesan sampai?
3-4 hari
2) Apakah perlu memberikan tips atau biaya pengiriman lagi?
Iya, ada ongkos kirim melalui ekspedisi.
3) Apakah pernah barang yang dikirim rusak (cacat) atau salah kirim?
Tidak pernah.
Berdasarkan analisa terhadap permasalahan-permasalahan yang dihadapi
oleh Yayasan Amai Setia, maka dapat diramkum permasalahan adalah bahwa
penjualan melalui telpon tidak dapat menampilakan rincian barang, sangat kurang
membantu dalam pemasaran dan biaya transaksi penjualan yang cukup mahal.
60
Tabel 3.8 Tabel Evaluasi Hasil Wawancara Terhadap Permasalahan
No Permasalahan
Yang Muncul
Target Pengguna yang
mengalami permasalahan
Evaluasi Dari:
1. Penjualan via
telepon.
Sales staf Dari wawancara yang
kami lakukan dengan
pengurus yayasan, kami
mendapatkan bahwa
penjualan via telpon
sangat tidak efektif karena
sales staf harus
menjelaskan rincian
produk setiap pelanggan
yang berbeda.
Staf operasional Dari wawancara yang
kami lakukan dengan
pengurus, kami
mendapatkan bahwa
website yang dibuat
memiliki isi content yang
informatif sehingga
pelanggan tidak perlu
menelepon untuk
menanyakan rinci produk.
61
Pelanggan Dari wawancara yang
kami lakukan dengan
pelanggan, kami
mendapatkan bahwa
pelanggan tidak
mendafatkan informasi
yang cukup dari rician
produk yang hendak
mereka beli.
Tabel 3.9 Tabel Evaluasi Hasil Wawancara Terhadap Solusi
No Target
Pengguna
Informasi/Data/
Fungsi Yang
Diperlukan
Value Yang
Diharapkan
Mengapa Mau
Kembali
Menggunakan Solusi
1. Sales Staf a. Ada link
dengan website
Yayasan Amai
setia
b.Rinci produk
yang lebih
lengkap
(Gambar, fungsi
a.Jumlah
penjualan
menigkat
melalui
penjualan
online .
b.Lebih
memudahkn
a. Solusi yang kami
tawarkan akan
menyediakan rinci
produk yang lengkap
b.Dengan informasi
yang lebih lengkap,
diharapkan jumlah
orang yang mengakses
62
edukatif dan
rinci isi produk).
pelanggan
dalam merinci
informasi
produk.
lebih banyak sehingga
angka penjualan
meningkat.
2. Staf
operasional
a. Ada informasi
jumlah stok yang
tersedia
b. Informasi
rinci produk
yang mudah
dimengerti
a. Pelanggan
dapat langsung
mengorder
jumlah produk
yang diinginkan
sesuai jumlah
stok yang
tersedia
b.
Meningkatkan
jumlah
penjualan
a. Solusi yang kami
tawarkan akan
menyediakan jumlah
stok yang tersedia
dalam rinci produk.
b. Dengan website ini
akan meluaskan
pangas pasar Yayasan
Amai Setia
3. Pelanggan a. Informasi
fungsi-fungsi
produk beserta
gambar
Pelanggan dapat
mengetahui
lebih jelas
tantangan
produk-produk
yang ditawarkan
Yayasan
a. Solusi yang kami
tawarkan akan
menyediakan rinci
produk yang lengkap.
63
3.2.3 Identifikasi Permasalahan
Sub bab ini akan membahas identifikasi permasalahan berdasarlkan dari
analisis wawancara pada studi kasus.
Tabel 3.10 Tabel Rangkuman Permasalahan Dalam Studi Kasus
No. Permasalahan yang
Diidentifikasi
Sumber
Identifikasi
Permasalahan
Verifikasi Dengan Landasan
Teori
1 Konfirmasi yang
memakan waktu
dan biaya
Pemesanan via
telepon biasanya
menunggu respon
balik dari yayasan
agar transaksi dapat
Dilanjutkan begitu
juga sebaliknya. .
Proses ini
memakan waktu
jika pelanggan
menginginkan
barangnya secara
Berdasarkan
wawancara yang
telah kami
lakukan, sales staf
mempunyai
masalah dalam hal
konfirmasi balik
dari pelanggan
yang memesan.
Biasanya memakan
waktu dan biaya.
E-commerce pada dasarnya
merupakan suatu kontak
transaksi perdagangan antara
penjual dan pembeli dengan
teknologi Internet. Jadi,
sebagian proses
dikomunikasikan dengan
internet.
(Ustandiyanto,2001,001)
E-commerce menggambarkan
proses membeli dan menjual
lewat media digital.
(Turban,2004,p3).
64
mendadak.
2 Sales staf harus
menjelaskan
rincian barang
dan juga
ketersediaan
barang.
Bagi pelanggan
yang memesan via
telepon, sales staf
harus menjelaskan
rincian barang dan
juga ketersediaan
barang.
Selain itu, produk
baru yang telah jadi
tetapi menunggu
waktu yang lama
dalam pemasaran
Berdasarkan
wawancara yang
telah kami
lakukan, sales staf
harus menjelaskan
rincian produk
pada pelanggan
yang berbeda.
Selain itu, bagi
pelanggan
pemesanan
biasanya sudah
tahu barang yang
akan dipesan dan
merupakan
pelanggan tetap.
Setelah menentukan produk yang
ingin dikembangkan, maka
langkah selanjutnya yang harus
anda lakukan untuk menjalankan
penjualan berbasis Internet adalah
membuat website. Website yang
dibuat sedapat mungkin
memenuhi kriteria sebagai berikut:
* Interaktif
Interaktif dalam arti dapat
memfasilitasi komunikasi anda
dengan calon pelanggan anda, bisa
melalui email maupun telepon.
* Representative
Artinya, website dapat mewakili
anda dalam menawarkan produk
yang anda jual. Web yang baik
akan membawa calon pelanggan
seolah benar-benar sedang
mendengar langsung presentasi
anda.,
* Ringkas dan sederhana
Pembuatan web hendaklah ringkas
dan fokus pada produk yang
65
ditawarkan. Apapun variasi kata-
kata anda, yang penting semuanya
mengarah ke penjelasan produk
atau pelayanan yang anda
tawarkan.
* Desain yang menarik
Sebagian orang mengatakan
bahwa desain bukan hal penting.
Namun pada kenyataannya desain
merupakan ujung tombak dalam
menawarkan produk anda.
Apalagi di Indonesia dimana
sebagian besar tujuan pengguna
Internet masih untuk hiburan atau
rekreasi. Profesionalitas anda
dapat dilihat dari desain dan
tulisan penjualan di website anda.
Sebagus apapun produk anda,
tetapi jika tidak disertai tulisan
dan desain yang menarik, maka
kemungkinan besar pelanggan
tidak akan tertarik. Desain
menarik pun akan menunjang
kondisi psikologis calon
pelanggan anda dan membuat
66
mereka betah berlama-lama di
web
anda.(Feridianto,Hengki,2006,p51
)
Secara umum, hal yang paling
penting diperhatikan untuk
kenyamanan konsumen dalam
melakukan pembelian melalui
Internet antara lain:
* Deskripsi produk yang jelas
* T ransaksi yang mudah
* Alamat dan kontak person
yang lengkap
* Sistem “shopping cart”
(Feridianto,Hengki,2006,p75)
3.2 Analisi Pemecahan Masalah
Melihat ada berbagai permasalahan utama yang mendesak kami dan pihak yayasan
mencoba mencari solusi atas permasalahan tersebut . akhirnya bahwa pihak yayasan dan
kami memutuskan bahwa masalah yang berhubungan dengan pelanggan seperti profil
yayasan , produk apa saja yang tersedia atau produk yang baru yang telah jadi tetapi
menunggu waktu yang lama dalam pemasaran nya dan ketidak jelasan informasi lain
nya .
Dari pihak kami , kami mengusulkan dibuat sebuah situs web dari Yayasan Amai
setia yang memuat informasi yang di butuhkan dengan jelas dan tepat , fungsi
67
pemesanan barang secara online . Kami juga memasukan informasi tentang Yayasan
Amai Setia beserta cara untuk menghubungi atau tempat alamat kantor yang berada di
Jakarta maupun yang berada di Kotogadang Sumatera Barat . Usulan kami ini dapat di
terima oleh Yayasan Amai Setia dalam membantu meningkatkan kualitas pelayanan
yang di berikan kepada customer dan meningkatkan kinerja dari Yayasan Amai Setia
sendiri .
Dengan membangun web ini maka Yayasan Amai setia dapat mengoptimalkan
pelayanan kepada pelanggan , dibandingkan dengan hanya mengandalkan penjualan
secara manual yaitu melalui telepon , showroom atau pun melalui pameran – pameran
yang di lakukan oleh Yayasan Amai Setia . Karena dengan menggunakan teknologi yang
semakin mudah di gunakan yaitu website sehingga memunkin kan pelanggan mengakses
informasi atau melakukan transaksi pemesan barang kapan pun , dimanapun tanpa
adanya batas jarak dan waktu selama 24 jam sehari . Dengan solusi tersebut maka secara
otomatis pelanggan tidak perlu bersusah payah untuk melakukan transaksi pembelian
sehingga kebutuhan customer dapat terpenuhi secara mudah dan cepat dengan
menggunakan Internet .
Situs web ini akan menjadikan media komunikasi yang efektif yang dapat
menjembatani antara perusahaan dan pelanggan . Salah satu solusi untuk menjaga
hubungan dengan para pelanggan adalah dengan debentuk nya fitur – fitur layanan
terhadap pelanggan . Dengan demikian diharapkan hubungan dengan pelanggan dapat
terjaga dengan baik dan peningkatan kepuasan pelanggan dapat tercapai .
68 3.4 Perancangan Solusi
Setelah Melakukan analisa mengenai pemecahan permasalahan yang ada pada
Yayasan Amai Setia Kotogadang , maka dalam sub bab 3.4 ini akan di lakukan
perancangan solusi berdasarkan hasil analisis yang dilakukan pada sub bab 3.3.
Perancangan solusi yang di bangun di tujukan untuk memecahkan masalah – masalah
yang telah berhasil di analisa pada sub bab 3.2.
3.4.1 Bisnis Yang di Usulkan Perancangan Proses
Solusi sistem penjualan berbasis web yang diusulkan dirancang dengan
menggunakan UML. UML yang digunakan antara lain adalah class diagram, use
case diagram, dan sequence diagram. Sedangkan untuk menjelaskan perpindahan
state antar layar yang dirancang akan digunakan State Transition Diagram (STD).
Untuk mewujudkan solusi yang telah ada , digunakan beberapa proses bisnis
baru. Proses-proses bisnis baru yang di gunakan adalah sebagai berikut :
1. Proses Penjualan melalui website
Proses ini merupakan solusi permasalahan yang di hadapi oleh
perusahaan yang memudahkan pelanggan dalam membeli produk yang di
tawarkan oleh Yayasan Amai setia Karena dengan menggunakan website
pelanggan dapat membeli produk tersebut kapan saja dan dimana saja tanpa
batas waktu dan jarak serta masalah pembayaran .
2. Proses Update Stok
Proses ini merupakan pekerjaan yang di lakukan oleh bagian Teknikal
Support memonitoring barang apa saja yang sudah terjual dan mengupdate stok
barang tersebut
69
3. Proses Konfirmasi Pembayaran Ecommerce
Proses ini dilakukan setelah pelanggan mengirimkan konfirmasi transfer
barang yang telah di pesan melalui sms atau telepon sehingga staff YAS akan
melakukan pengecekan barang dan mengirimkan nya ke alamat tujuan .
4. Proses Menerima Barang
Proses ini bertujuan agar barang yang telah terkirim di pastikan telah
sampai ke pelanggan.
70
Tabel 3.12 Tabel Proses Penjualan yang diusulkan
Produksi
Pelanggan Admin
tidak
ya
tidak
ya
ya
tidak
Start
Form Pesanan
Barang tersedia
end
From registrasi
Berhasil
Melihat katalog produk
Login
Melakukan registrasi
Mengajukan request
pemesanan
Mengaktifkan status
kustomer
Memeriksa status
pembayaran
Lunas
Memeriksa ketersedian
barang
Kirim message ke
produksi
Menjalankan produksi
Terima konfirmasi
kirim & harga
Terima barang, tandatangan surat jalan
Terima barang, tandatangan surat jalan
Transaksi ditolak
end
71 Tabel 3.13 Tabel Proses Pembayaran
Pelanggan Staff Operasional
Pelanggan melakukan Transfer
pelanggan akan menerima transfer
struk transfer tersebut akan
digunakan pelanggan sebagai
konfirmasi kepada staff Admin
start
transfer
Struk Transfer
Konfirmasi Pembayaran
End
72
Tabel 3.14 Tabel Proses Penerimaan Barang
Pelanggan Staff Admin Staff Operasional Penerima
Start
Transfer
Struktur Transfer
Konformasi Pembayaran
Mengambil barang dari gudang dan mengirim barang serta membuat surat pengambilan barang
Menandatangani deliver order dan surat pengiriman barang
Surat tanda bukti pengambilan barang
Menerima barang kiriman
Tanda tangan surat penerima b
End
Pengiriman Barang
73
Setelah pelanggan melakukan transfer dan menerima struk transfer, maka
bagian staf operasional akan mengambil barang dari gudang dan membawa
delivery order serta surat pengambilan barang. Bagian sales staf akan
menandatangani delivery order dan surat pengiriman barang yang diberikan oleh
staf operasional. Setelah itu, sales akan mengeluarkan surat tanda bukti
pengiriman barang staf operasional akan melakukan pengiriman barang.
Kemudian si penerima akan menerima barang kiriman dan menandatangani surat
penerima barang sebagai bukti bahwa si penerima telah menerima barang tersebut.
74
3.4.2 Use Case Diagram
Dibawah ini adalah class diagram dari proses bisnis yang diusulkan.
Sistem Penjualan Yayasan Amai Setiamengakses fitur
tambahan
mengatur fiturweb
mengakses fiturtambahan Admin
melihat customeronline
melihat adminonline
login
mengupdate account
mengupdate customer
melihat produk
memesan produk
mengupdate produk
mengupdate stok
Pelanggan
Adminregistrasi
mengontrol stok
bg_penjualan
bg_gudang
mengatur pesanan
melihat laporanpenjualan
mengisi buktipembayaran
melihat statuspengiriman
Gambar 3.3 Use Case Diagram
75
Tabel 3.16 Deskripsi Use Case Mengakses Fitur Tambahan
Actor Sistem
Pre Condition Pelanggan telah membuka website
Yayasan Amai Setia dan telah
melakukan login
Sistem menampilkan Halaman Home
Flow of Events 1. Pelanggan Membuka halaman
Testimoni
2. Pelanggan mengisi testimoni
3. Pelanggan membuka halaman
inbox
4. Pelanggan telah mengisi inbox
1 Sistem menampilkan pesan-pesan
pelanggan
2 Sistem melakukan penyimpanan
data
3 Sistem menampilkan pesan yang
masuk
4 Sistem mengirimkan pesan
Post Condition Pelanggan telah membuka halaman
testimoni dan melakukan pengisian
pesan,serta inbox
Sistem telah menyimpan data
testimoni dan telah mengirimkan
pesan
Tabel 3.17 Deskripsi Use Case registrasi
Actor Sistem
Pre Condition Pelanggan telah membuka website
Yayasan Amai Setia
Sistem menampilkan Halaman index
Flow of Events 1. Pelanggan melakukan registrasi
2. Pelanggan melakukan login
3. Pelanggan membuka halaman
1 Sistem memberikan Password
2 Sistem mengecek validasi
3 Sistem menampilkan halaman
76
home home
Post Condition Pelanggan telah memiliki account,
mendapatkan password,
Sitem telah memberikan password
dan menyimpan account
Tabel 3.18 Deskripsi Use Case Mengatur Fitur Web
Actor Sistem
Pre Condition Admin telah membuka website
Yayasan Amai Setia dan telah
melakukan login
Sistem menampilkan Halaman Home
Flow of Events 1. Admin membuka halaman web
2. Admin Melakukan perubahan isi
halaman Index
1 Sistem menampilkan halaman web
2 Sistem melakukan penyimpanan
data
Post Condition Admin telah melakukan perubahan
halaman index
Sistem telah menyimpan data dari
perubahan halaman web
Tabel 3.19 Deskripsi Use Case Diagram Sistem data produk Pada Pelanggan
Actor Sistem
Pre Condition Pelanggan telah membuka website
Yayasan Amai Setia dan telah
melakukan login
Sistem menampilkan Halaman
Home
Flow of Events 1. Pelanggan membuka halaman
produk
2. Pelanggan melihat detail produk
1 Sistem menampilkan produk-
produk
2. Sistem menampilkan rincian
77
produk
Post Condition Pelanggan telah melihat produk-
produk dan rincian
Sistem telah menampilkan
produk-produk dan rincian
Tabel 3.20 Deskripsi Use Case Diagram Sistem data produk dan stok Pada bg_gudang
Actor Sistem
Pre Condition bg_gudang telah membuka website
Yayasan Amai Setia dan telah
melakukan login
Sistem menampilkan Halaman
Home
Flow of Events 1. bg_gudang membuka halaman
produk
2. bg_gudang menambahkan data
produk dan stok
3. bg_gudang mengubah data
produk dan stok
4. bg_gudang menghapus data
produk
1 Sistem menampilkan produk-
produk
2 Sistem menyimpan data produk
yang ditambahkan dan stok
3 Sistem menyimpan perubahan
data produk dan stok
4 Sistem mengurangi data produk
Post Condition bg_gudang telah melihat data
produk, mengubah dan
menghapusnya.
Sistem telah menampilkan data
produk, menyimpannya
perubahan data produk
78
Tabel 3.21 Deskripsi Use Case Pemesanan Pada Pelanggan
Actor Sistem
Pre Condition Pelanggan telah membuka website
Yayasan Amai Setia dan telah
melakukan login
Sistem menampilkan Halaman
Home
Flow of Events 1. Pelanggan membuka halaman
order
2. Pelanggan membuat order
3. Pelanggan telah membuat order
1 Sistem menampilkan order
form
2 Sistem menampilkan form
pengisian
3 Sistem menyimpan order
Post Condition Pelanggan telah membuat order Sistem telah menyimpan order
pelanggan
Tabel 3.22 Deskripsi Use Case Diagram Pemesanan Pada bg_penjualan
Actor Sistem
Pre Condition bg_penjualan telah membuka website
Yayasan Amai Setia dan telah
melakukan login
Sistem menampilkan Halaman
Home
Flow of Events 1. bg_penjualan membuka halaman
order
2. bg_penjualan melihat order
pelanggan
1 Sistem menampilkan order
form
2 Sistem menampilkan order
pelanggan
79
3. bg_penjualan mengubah status
order
3 Sistem menyimpan perubahan
satus order
Post Condition bg_penjualan telah melihat order,
mengubah status
Sistem telah menampilkan order,
mengubah status
Tabel 3.23 Deskripsi Use Case Pembayaran Pada Pelanggan
Actor Sistem
Pre Condition Pelanggan telah membuka website
Yayasan Amai Setia dan telah
melakukan login
Sistem menampilkan Halaman
Home
Flow of Events 1. Pelanggan membuka halaman
pembayaran
2. Pelanggan mengisi bukti
pembayaran
3. Pelanggan telah malakukan
pengisian
1 Sistem menampilkan form
pembayaran
2 Sistem menampilkan form
pengisian
3 Sistem menyimpan bukti
pembayaran
Post Condition Pelanggan telah mengisi bukti
pembayaran
Sistem telah menyimpan bukti
pembayaran
Tabel 3.24 Deskripsi Use Case Pembayaran Pada bg_penjualan
Actor Sistem
Pre Condition bg_penjualan telah membuka website
Yayasan Amai Setia dan telah
Sistem menampilkan Halaman
Home
80
melakukan login
Flow of Events 1. bg_penjualan membuka halaman
pembayaran
2. bg_penjualan melihat mengecek
status pembayaran
3. bg_penjualan mengubah status
pembayaran
1 Sistem menampilkan halaman
pembayaran
2 Sistem menampilkan Status
pembayaran
3 Sistem menyimpan perubahan
satus pembayaran
Post Condition bg_penjualan telah melihat status
pembayaran, mengubah status
pembayaran
Sistem telah menampilkan status
pembayaran, mengubah status
pembayaran
Tabel 3.25 Deskripsi Use Case Laporan penjualan
Actor Sistem
Pre Condition Admin telah membuka website
Yayasan Amai Setia dan telah
melakukan login
Sistem menampilkan Halaman Home
Flow of Events 1. Admin membuka halaman
laporan penjualan
2. Admin memilih tanggal transaksi
1 Sistem menampilkan halaman
laporan penjualan
2 Sistem menampilkan laporan
penjualan dari tanggal transaksi yang
diisi
Post Condition Admin telah melihat laporan
penjualan
Sistem telah menampilkan laporan
penjualan
81
3.4.3 Sequence Diagram
Sequence diagram menjelaskan setiap aksi dalam use case dengan lebih
terperinci. Berikut adalah gambar sequence diagram proses bisnis yang diusulkan
dari gambar 3.4 sampai dengan gambar 3.19
Pelanggan website FAQ inbox
Login()
Login Berhasil()
view()
tampillkan data FAQ()
kirim pesan()
sukses menambahkan pesan()
view()
tampilkan data pesan()
testimonial
view()
cekvalidasi()
insert testimoni berhasil()
Gambar 3.4 Sequence Diagram Mengakses Fitur Tambahan Pelanggan.
82
Admin Website FAQ
Login()
Login Berhasil()
view()
tampilkan data FAQ()
insert()
insert FAQ berhasil()
delete()
delete FAQ berhasil()
testimoni
vew testimoni()
tampilkan data testimoni()
approve()
testimoni berhasil di approve()
delete testimoni()
delete testimoni berhasil()
Gambar 3.5 Sequence Diagram Mengatur Fitur Tambahan Admin
83
Admin
Website Data pelanggan
Login()
Login berhasil()
view()
cekStatusOnline()
tampilkan pelanggan online()
Gambar 3.7 Sequence Diagram Melihat Customer Online
pelanggan website data pelanggan
daftar()
cek Validasi()
insert()
insert berhasil()
daftar berhasil()
Gambar 3.8 Sequence Diagram Register
84
pelanggan
website data pelanggan
staff
data admin
login()
cek login()
data cocok()
login berhasil()
login()
cek login()
data cocok()
login berhasil()
cek IP()
Gambar 3.9 Sequence Diagram Login
pelanggan
website
staff
data produk
login()
view()
tampilkan data produk()
login berhasil()
view()
tampilkan data produk()
Gambar 3.10 Sequence Diagram Melihat Produk
85
pelanggan website
login()
login berhasil()
data produk
view()
tampilkan data produk()
add to cart()
data order
cek status pembayaran()
tidak ada pembayaran yang belum lunas()
insert()
data order detail
insert()
insert berhasil()
insert berhasil()
cek validasi()
Gambar 3.11 Sequence Diagram Pesan Produk
86
bg_gudangwebsite
login()
login berhasil()
Data Stok
view()
tampilkan minimum data produk()
Update Stok()
Stok berhasil diupdate()
Gambar 3.12 Sequence Diagram Mengontrol Stok
pelanggan website data pelanggan
login()
view()
tampilkan data account()
login berhasil()
update()
update berhasil()
cekvalidasi()
Gambar 3.13 Sequence Diagram Mengupdate Account
87
bg_penjualanwebsite data kategori
login()
login berhasil()
view()
tampilkan event()
delete()
kategori berhasil dihapus()
update()
update berhasil()
insert()
insert kategori berhasil()
Gambar 3.14 Sequence Diagram Mengatur Kategori
88
bg_gudangwebsite data kategori
login()
login berhasil()
view()
tampilkan data kategori()
delete()
delete berhasil()
data produk
insert()
insert berhasil()
view()
tampilkan data produk()
insert()
insert berhasil()
delete()
delete berhasil()
Update()
update berhasil()
Gambar 3.15 Sequence Diagram Mengatur data produk
89
pelangganwebsite laporan
login()
login berhasil()
view()
tampilkan laporan()
Gambar 3.16 Sequence Diagram Melihat Report
bg_penjualan
website data pelanggan
login()
login berhasil()
view()
tampilkan data pelanggan()
delete()
delete berhasil()
Gambar 3.17 Sequence Diagram Mengupdate Customer
90
adminwebsite data order
login()
login berhasil()
view()
tampilkan data produk()
delete()
order berhasil dihapus()
update()
update berhasil()
Gambar 3.18 Sequence Diagram Mengupdate Pesan Produk
pelangganwebsite data invoice
login()
login berhasil()
view()
tampilkan data invoice()
Gambar 3.19 Sequence Diagram Menampilkan Invoice
91
3.4.4 Statechart Diagram
Berikut adalah gambar sequence diagram proses bisnis yang diusulkan dari
gambar 3.20 sampai dengan gambar 3.45
Proses verifikasi/ Memasukan username dan password / Menampilkan halaman home
Gambar 3.19 Statechart Diagram Log In
Proses menghapus session/ Menampilkan halaman utama/ Memilih tombol "Log Out"
Gambar 3.20 Statechart Diagram Log Out Pelanggan
Proses menghapus session/ Menampilkan halaman utama/ Memilih tombol "Log Out"
Gambar 3.21 Statechart Diagram Log Out Admin
92
Menampilkan daftar pelanggan
Proses pencarian pelanggan pada database
/ Memilih tombol 'data pelanggan'
/ Memasukan identitas pelanggan,Memilih katagori
/ Menampilkan data pelanggan yang dicari
Gambar 3.22 Statechart Diagram Melakukan Pencarian Pelanggan
Menampilkan daftar barang
Proses pencarian barang pada database
/ Memilih tombol 'Produk'
/ Memasukan identitas produk, Memilih kategori
/ Menampilkan data produk yang dicari
Gambar 3.23 Statechart Diagram Melakukan Pencarian Barang Pada Halaman Product
93
Menampilkan halaman product
/ Memilih tombol 'Product'
/ Memilih barang yang ingin dibeli
Menampilkan halaman 'Pesanan'
/ Memilih tombol 'beli'
Menampilkan halaman 'transaksi'
/ Memilih tombol 'simpan'
/ Memilih Metode Pembayaran
Gambar 3.24 Statechart Diagram Melakukan Pemesanan Barang
Proses/ Memilih tombol 'data belanja' / Menampilkan status pemesanan
Gambar 3.25 Statechart Diagram Melihat Barang Yang Telah Dipesan
94
Proses/ Memilih tombol 'data pengguna' / Menampilkan daftar pelanggan
Gambar 3.26 Statechart Diagram Melihat Daftar Pelanggan
Proses/ Memilih tombol 'Product' / Menampilkan daftar barang
Gambar 3.27 Statechart Diagram Melihat Daftar Barang
Proses/ Memilih tombol 'data belanja' / Menampilkan status pemesanan
Gambar 3.28 Statechart Diagram Melihat Daftar Pesanan Pelanggan
Proses/ Memilih tombol 'Contact Us' / Menampilkan halaman 'Contact Us'
Gambar 3.29 Statechart Diagram Melihat Halaman Contact Us
95
Proses/ Memilih tombol 'About Us' / Menampilkan halaman 'About Us'
Gambar 3.30 Statechart Diagram Melihat Halaman About Us
Proses/ Memilih tombol 'data belanja' / Menampilkan daftar pemesanan
Gambar 3.31 Statechart Diagram Melihat Status Pemesanan
Menampilkan halaman product
/ Memilih tombol 'Product'
/ Memilih barang yang ingin dibeli
Menampilkan halaman 'Pesanan'
/ Memilih tombol 'beli'
Menampilkan halaman 'transaksi'
/ Memilih tombol 'simpan'
/ Memilih Metode Pembayaran
Gambar 3.32 Statechart Diagram Memesan Barang
96
Menampilkan form barang
/ Memilih tombol 'tambah kategori'
/ mengisi form kategori,memilih tombol 'simpan kedalam database'
Proses
/ Menampilkan daftar kategori
Menampilkan daftar kategori
/ Memilih tombol 'kategori
Gambar 3.33 Statechart Diagram Menambah Kategori
Menampilkan daftar kategori Proses/ Memilih tombol 'kategori / Memilih tombol 'Delete' / Menampilkan daftar kategori
Gambar 3.34 Statechart Diagram Menghapus Daftar Kategori
97
Menampilkan daftar barang
/ Memilih tombol 'Produk'
/ Memilih tombol 'tambah produk baru'
Menampilkan form barang
/ Mengisi form barang, Memilih tombol 'simapan ke dalam database'
Proses
/ Menampilkan daftar Product
Gambar 3.35 Statechart Diagram Menambah Barang
98
/ Memilih tombol 'data belanja'
Menampilkan halaman daftar belanja
/ Memilih tombol 'konfirmasi bayar'
Menampilkan form konfirmasi pembayaran
/ mengisi form konfirmasi pembarayaran,memilih tombol 'konfirmasi'
Menyimpan dalam database
/ Menampilkan halaman 'data belanja'
Gambar 3.36 Statechart Diagram Status Pemesanan
Menampilkan daftar barang Proses/ Memilih tombol 'Product' / Memilih tombol 'Delete' / Menampilkan daftar barang
Gambar 3.37 Statechart Diagram Menghapus Barang
99
Menampilkan daftar barang
/ Memilih tombol 'Product'
/ Memilih tombol 'Update'
Menampilkan form barang
/ Mengisi form barang, Memilih tombol 'Update'
Proses
/ Menampilkan daftar barang
Gambar 3.38 Statechart Diagram Mengupdate Barang
100
/ Memilih tombol 'data pengguna'
Menampilkan daftar pelanggan
/ Memilih tombol 'Update'
Menampilkan form pelanggan
/ Mengupdate form pelanggan,Memilih tombol 'Update'
Proses
/ Menampilkan daftar pelanggan
Gambar 3.39 Statechart Diagram Mengupdate Profile Pelanggan
101
/ Memilih tombol 'testimoni'
Menampilkan daftar testimoni
/ Memilih tombol 'mengisi form testimoni',memilih tombol 'post'
Proses
/ Menampilkan daftar testimonial
Gambar 3.40 Statechart Diagram Mengisi form Tetimonials
/ Memilih tombol 'inbox'
Menampilkan daftar kotak surat
/ Memilih tombol 'baca'
proses
/ Menampilkan isi kotak surat
Gambar 3.41 Statechart Diagram Melihat daftar kotak surat
102
/ Memilih tombol 'inbox'
Menampilkan daftar kotak surat
/ Memilih tombol 'delete'
proses
/ menampilkan data kotak surat
Gambar 3.42 Statechart Diagram Mengahapus daftar kotak surat
Menampilkan form perubahan profile
/ Memilih tombol 'Edit Profile'
/ Mengisi form perusahaan profile,Memilih tombol 'Submit'
Proses
/ Menampilkan halaman profile
Gambar 3.43 Statechart Diagram Mengubah Profil Pelanggan
103
/ Memilih tombol 'data belanja'
Menampilkan halaman daftar belanja
/ memilih tombol 'detail'
Proses
/ Menampilkan daftar produk yang dibeli
Gambar 3.44 Statechart Diagram Melihat Produk yang dibeli
/ Memilih tombol 'Daftar Pelanggan'
Menampilkan daftar pelanggan
/ Memilih tombol 'Delete'
Proses
/ Menampilkan daftar pelanggan
Gambar 3.45 Statechart Diagram Menghapus Pelanggan
104
3.4.5 Perancangan Struktur Fungsi/Menu Pada Solusi
Dalam perancanga solusi baru untuk proses bisnis baru ini, maka
dibuatlah suatu perancangan struktur menu yang diperlukan untuk menjelaskan
program dalam perancangan proses bisnis baru ini. Rancangan struktur menu-
menu utama ini dapat dilihat lewat table di bawah ini.
Tabel 3.23 Tabel Fungsi/Menu Pengguna
No.
Fungsi/Menu
Aplikasi
Aktor dan Hak Akses
Yang Akan Menggunakan
Fungsi/Menu Tersebut
Data Yang Akan Dientri, Proses
Yang Akan Dilakukan atau
Informasi Yang Akan
Dihasilkan oleh Fungsi/Menu
Terhadap Aktor
1 Fungsi Add to
cart
Pelanggan
Pelanggan membaca
informasi jenis barang
harga dan jenis pengiriman
a. Data Entri:
Tidak ada data yang dientri
b. Proses yang dilakukan :
Pelanggan mengklik menu add
to cart di halaman produk, data
barang yang diinginkan akan
masuk ke dalam layar add to
cart
c. Informasi Yang Dihasilkan:
Pelanggan dapat melihat
105
inforamsi harga barang yang
dipilih beserta stok yang
tersedia dan juga total belanja.
2. Fungsi
Registrasi
Pelanggan
Pelanggan harus membuat
data dari yang disajikan
untuk syarat pemesanan
barang
a. Data entri:
Pelanggan harus mengisi kolom
nama lengkap, alamat, no.
telepon. Email, catatan
tambahan.
b. Proses yang dilakukan
Pelanggan mengakses menu
add to cart, di halaman tersebut
pelanggan harus mengisi
formulir registrasi.
c. Informasi yang dihasilkan
pelanggan dapat mengetahui
cara pembayaran, serta syarat
dan kondisi.
3. Fungsi detail
produk
Pelanggan
Pelanggan dapat melihat
informasi produk yang
diinginkan secara lengkap,
mulai dari fungsi edukatif,
harga, jumlah stok produk
Pelanggan mengakses fungsi
detail produk di halaman
produk, lalu pelanggan dapat
membaca informasi produk di
halama detail produk.
c.Informasi yang dihasilkan
106
gambar produk Pelanggan dapat melihat
informasi produk yang
diinginkan secara lengkap,
mulai dari fungsi edukatif,
harga, jumlah stok, produk,
gambar produk
4. Fungsi
Perbaharui
Pelanggan
Pelanggan meng-update
data jumlah stok barang
yang dibeli, dan secara
otomatis meng-update
harga total barang yang
akan dibeli.
a. Data entri :
Tidak ada data yang perlu
dientri
b. Proses yang dilakukan
Pelanggan mengakses fungsi
update, setelah itu maka jumlah
barang dan total harga akan ter-
update.
c. Informasi yang dihasilkan
Pelanggan mendapatkan
informasi jumlah barang dan
harga yang terupdate.
5. Fungsi Delete Pelanggan
Pelanggan dapat
menghapus data barang
yang sudah ada di menu
add to cart
a. Data Entri :
Tidak ada data yang perlu
dientri
b. Proses yang dilakukan :
Pelanggan mengakses fungsi
107
Delete, setelah itu maka barang
yang dipilih di add to cart
sudah di hapus.
6. Menu Product Pelanggan
Pelanggan dapat membaca
produk – produk yang
ditawarkan yang meliputi
nama produk, gambar dan
harga.
Pelanggan juga dapat
mengakses fungsi add to
cart dan fungsi detail
produk
a. Data entri :
Tidak ada data yang perlu
dientri
b. Proses yang dilakukan
Pelanggan mengakses halaman
produk, membaca informasi
produk – produk yang
ditawarkan, seperti nama
produk, gambar dan harga.
Pelanggan juga dapat
mengakses fungsi add to cart
dan fungsi detail produk.
c. informasi yang dihasilkan
Pelanggan dapat melihat
informasi data produk seperti
nama produk, gambar dan
harga.
7. Menu Home Pelanggan
Pelanggan dapat membaca
informasi event, data
a. Data Entri :
Tidak ada data yang perlu
dientri
108
visitor, dan informasi
pelanggan service Yahoo
Messanger.
b. Proses yang dilakukan :
Pelanggan mengakses domain
Yayasan Amai Setia, lalu akan
ada beberapa informasi yang
ditampilkan.
c. Informasi yang dihasilkan
pelanggan mendapatkan
informasi Event, data visitor.
8. Menu FAQ Pelanggan
Pelanggan dapat membaca
informasi seputar
pertanyaan jawaban yang
biasanya dibutuhkan.
a. Data Entri :
Tidak ada data yang perlu
dientri
b. Proses yang dilakukan :
Pelanggan mengakses Menu
FAQ, lalu ada beberapa
informasi Tanya jawab.
c. Informasi yang dihasilkan
Pelanggan mendapatkan
informasi tentang seputar
pertanyaan dan jawaban yang
biasanya dibutuhkan
9. Menu Contact
Us
Pelanggan
Pelanggan dapat membaca
informasi yang dapat
a. Data Entri :
Tidak ada data yang perlu
dientri
109
menghubungi Yayasan
Amai Setia
b. Proses yang dilakukan :
Pelanggan mengakses menu
Contact Us, lalu informasi cara
menghubungi Yayasan Amai
Setia dapat dilihat.
c. Infromasi yang dihasilkan
Pelanggan mendapatkan
informasi cara menghubungi
Yayasan Amai Setia baik
melalui email, yahoo
messenger, nomor hp.
10. Menu Abaout
Us
Pelanggan
Pelanggan dapat membaca
informasi misi, visi dan
latar belakang dari
Yayasan Amai Setia
a. Data Entri :
Tidak ada data yang perlu
dientri
b. Proses yang dilakukan :
Pelanggan mengakses Menu
About Us, lalu informasi latar
belakang dan visi, misi akan
ditampilkan.
c. Informasi yang dihasilkan
Pelanggan mendapatkan
informasi
Tentang visi misi dan latar
110
belakang Yayasan Amai Setia.
11. Fungsi service
Yahoo
Messanger
Pelanggan
Pelanggan dapat
mendapatkan informasi
dengan cara bertanya di
yahoo messanger
a. Data Entri :
Tidak ada data yang perlu
dientri
b. Proses yang dilakukan :
Pelanggan mengakses tombol
yahoo messanger lalu akan
muncul window untuk chatting.
Pelanggan diwajibkan memilih
program yahoo messanger.
c. Informasi yang dihasilkan
Pelanggan dapat mendapatkan
informasi dengan cara bertanya
di yahoo messanger.
12. Fungis Update
Stok
Pelanggan
Pelanggan mendapatkan
informasi stok barang
yang akan dibeli
a. Data Entri:
Tidak ada data yang perlu
dientri
b. Proses yang dilakukan :
Pelangan mengakses menu
produk lalu informasi jumlah
stok barang akan ditampilka
c. Informasi yang dihasilka
Pelanggan mendapatkan
111
informasi update stok barang.
Tabel 3.24 Tabel Fungsi/Menu Admin
No.
Fungsi/Menu
Aplikasi
Aktor dan Hak Akses Yang
Akan Menggunakan
Fungsi/Menu Tersebut
Data Yang Akan Dientri,
Proses Yang Akan Dilakukan
atau Informasi Yang Akan
Dihasilkan oleh Fungsi/Menu
Terhadap Aktor
1. Menu Login
admin
Admin
Adamin mendapatkan
informasi list admin,
penjualan, pelanggan,
product. Admin juga bisa
menambahkan dan
mengahpus data-data yang
ada di halaman utama
website
a. Data Entri : admin harus
mengisi kolom username dan
password.
b. Proses yang dilakukan :
admin mengakses menu login
admin, setelah login maka
informasi data yang dapat
diakses admin dapat di ubah.
c. Informasi yang dihasilkan :
Admin dapat mengetahui data
penjualan, user yang sudah
register. Tambah admin dan
lain-lain
2. Fungsi Urut Admin a. Data entri: Tidak ada data
112
Admin mendapatkan
informasi username dan
tanggal terbaru
berdasarkan urutannya.
yang perlu dientri
b. Proses yang dilakukan
Admin mengakses fungsi urut,
lalu informasi username dan
tanggal terbaru admin akan
ditampilkan.
c. Informasi yang dihasilkan
Admin mendapatkan
informasi username dan
tanggal terbaru berdasarkan
urutannya.
3. Fungsi Search Admin
Admin mendapatkan
informasi data pencarian
untuk event, admin, product.
a. Data Entri : Admin harus
mengentri
kolom search.
b. Proses yang Dilakukan :
Admin
mengakses fungsi Search lalu
menginput kata kunci yang
diinginkan.
c. Informasi Yang Dihasilkan :
Admin
mendapatkan informasi data
pencarian untuk event, admin,
product.
113
4. Fungsi Tampil Admin
Admin mendapatkan
informasi status event yang
aktif dan tidak aktif..
a. Data Entri : T idak ada data
yang perlu di entri.
b. Proses yang Dilakukan :
Admin masuk ke admin panel,
lalu admin dapat menentukan
status aktif dan tidak aktif
dengan cara menekan tombol di
bawah fungsi tampil.
c. Informasi Yang Dihasilkan :
Admin
mendapatkan informasi status
event yang aktif dan tidak aktif.
5. Fungsi Status
User
Admin
Admin mendapatkan
informasi status user yang
sudah diproses atau belum.
a. Data Entri : T idak ada data
yang perlu di entri.
b. Proses yang Dilakukan :
Admin masuk ke admin panel
lalu admin menekan tombol
status aktif di layar menu user.
c. Informasi Yang Dihasilkan :
Admin
dapat mengetahui status user
yang sudah diproses atau belum.
6. Fungsi Edit Admin a. Data Entri : T idak ada data
114
Admin dapat mengubah data
admin yang sudahterdaftar.
yang perlu di entri.
b. Proses yang Dilakukan :
Admin masuk ke admin panel
lalu admin lalu masuk ke menu
admin, event, roduct, dan tarif.
Lalu menekan tombol edit.
c. Informasi Yang Dihasilkan :
Admin
mendapatkan informasi admin,
event,
product, dan tariff yang baru
yang sudah di edit.
7. Fungsi Delete Admin
Admin dapat menghapus data
admin, event, product, tarif,
user, dan penjualan.
a. Data Entri : T idak ada data
yang perlu di entri.
b. Proses yang Dilakukan :
Admin masuk ke admin panel
lalu admin lalu masuk ke menu
admin, event, product, tarif,
user, dan penjualan.. Lalu
menekan tombol delete.
c. Informasi Yang Dihasilkan :
Admin mendapatkan informasi
baru admin, event, product, tarif,
user, dan penjualan.
8. Fungsi Add Admin a. Data Entri : T idak ada data
115
Admin dapat menambah
admin, event, product, tarif.
yang perlu di entri.
b. Proses yang Dilakukan :
Admin masuk ke admin panel
lalu admin lalu masuk ke menu
admin, event, product, tarif. Lalu
menekan tombol add.
c. Informasi Yang Dihasilkan:
administrator dapat menambah
admin,event, product, tarif baru.
9. Fungsi Browse
gambar
Admin
Admin dapat menambah
gambar pada menu product.
a. Data Entri : Tidak ada data
yang di entri.
b. Proses yang Dilakukan :
Admin masuk ke admin panel
lalu admin lalu masuk ke menu
event dan product. Lalu
menekan tombol browse.
c. Informasi Yang Dihasilkan :
Admin
mendapatkan informasi gambar
yang baru.
10 Fungsi Quantity Admin
Admin bisa mengubah jumlah
stok yang ada.
a. Data Entri : Admin harus
mengentri
kolom Quantity yang ada di
admin panel.
b. Proses yang Dilakukan :
116
Admin masuk ke admin panel
lalu admin masuk ke menu add
product, atau ke edit product.
c. Informasi Yang Dihasilkan :
Admin
mendapatkan informasi data
terbaru hasil edit Quantity.
11 Fungsi Detail
Penjualan
Admin
Admin mendapatkan
informasi lengkap penjualan
yang dipesan oleh pelanggan.
a. Data Entri : Tidak ada data
yang
dientri.
b. Proses yang Dilakukan :
Admin masuk ke admin panel
lalu admin lalu masuk ke menu
penjualan, lalu tekan fungsi
detail.
c. Informasi Yang Dihasilkan :
Admin
mendapatkan informasi lengkap
penjualan.
12. Menu List
Event
Admin
Admin mendapatkan
informasi list admin yang
sudah di add.
a. Data Entri : T idak ada data
yang perlu di entri.
b. Proses yang Dilakukan :
Admin masuk ke admin panel
lalu admin lalu masuk ke menu
list admin.
117
c. Informasi Yang Dihasilkan :
Admin
mendapatkan informasi list
admin yang sudah di add.
13. Menu List
Product
Admin
Admin mendapatkan
nformasi list product yang
sudah di add.
a. Data Entri : T idak ada data
yang perlu di entri.
b. Proses yang Dilakukan :
Admin masuk ke admin panel
lalu admin masuk ke menu list
product.
c. Informasi Yang Dihasilkan :
Admin
mendapatkan informasi list
product yang sudah di add.
14. Fungsi Add
Product
Admin
Admin dapat menambahkan
product baru yang di
inginkan.
a. Data Entri : Admin harus
mengisi
kolom nama product, deskripsi
product, quantity, harga,
gambar, tampil.
b. Proses yang Dilakukan :
Admin masuk ke admin panel
lalu admin masuk ke menu add
product.
c. Informasi Yang Dihasilkan :
Adminmendapatkan informasi
118
add event yangsudah di add.
15. Menu Ubah
Password
Admin
Admin dapat mengubah
password admin yangsedang
login.
a. Data Entri : Admin harus
mengisi
kolom ubah password baru.
b. Proses yang Dilakukan :
Admin masuk ke admin panel
lalu admin masuk ke menu ubah
password.
c. Informasi Yang Dihasilkan :
Admin mendapatkan informasi
password baru yang sudah
diubah.
16. Menu Logout Admin
Tidak ada informasi yang
dihasilkan.
a. Data Entri : T idak ada data
yang perlu di entri.
b. Proses yang Dilakukan :
Admin masuk ke admin panel
lalu admin menekan tombol
logout.
c. Informasi Yang Dihasilkan :
Tidak ada informasi yang
dihasilkan
119
3.4.6 State Transition Diagram (STD)
3.4.6.1 STD User
Berikut adalah gambar State Transition Diagram untuk user
perancangan web yang diusulkan
Home (Sebelum Login )
Login
Validasi Login
Home (Setelah Login )
Dapat Melakukan Transaksi Product
Testimoni
About Us
Contact Us Faq
Register
Log Out
Edit Account
Lanjut Transisi
Daftar Transisi
Add Chart
Searching
120
3.4.6.2 STD Admin
Berikut adalah gambar State Transition Diagram untuk admin
perancangan web yang diusulkan dari gambar 3.47 samapai dengan 3.60.
Login Admin Validasi Login
Home Admin
Register
Laporan Bulanan
Search Produk
List Produk
List Penjualan
Delete User
Delete Produk
Search User
Testimoni
Contact Us
Edit Produk
Pending Shipping
Detail Pemesana
Add Produk
Log Out
121
Gambar 3.49 STD Layar Edit Product
Edit Product Log In Log out
Add Produk
Search Produk
List Produk
Delete Produk
List Penjualan
Search User
Delete User
Detail Pemesanan
Laporan Bulanan
Testimoni
Contact Us
Pending shipping
122
Gambar 3.50 STD Layar Search Produk
Search Product Log In Log out
Add Produk
Edit Produk
List Produk
Delete Produk
List Penjualan
Search User
Delete User
Detail Pemesanan
Laporan Bulanan
Testimoni
Contact Us
Pending shipping
123
Gambar 3.51 STD Layar List Product
List Product Log In Log out
Add Produk
Edit Produk
Search Produk
Delete Produk
List Penjualan
Search User
Delete User
Detail Pemesanan
Laporan Bulanan
Testimoni
Contact Us
Pending shipping
124
Gambar 3.52 STD Layar List Penjualan
List Penjualan Log In Log out
Add Produk
Edit Produk
List Produk
Delete Produk
Search Produk
Search User
Delete User
Detail Pemesanan
Laporan Bulanan
Testimoni
Contact Us
Pending shipping
125
Gambar 3.53 STD Layar Delete User
Delete User Log In Log out
Add Produk
Edit Produk
List Produk
Delete Produk
List Penjualan
Search User
Search Produk
Detail Pemesanan
Laporan Bulanan
Testimoni
Contact Us
Pending shipping
126
Gambar 3.54 STD Layar Delete Produk
Delete Produk Log In Log out
Add Produk
Edit Produk
List Produk
Search Produk
List Penjualan
Search User
Delete User
Detail Pemesanan
Laporan Bulanan
Testimoni
Contact Us
Pending shipping
127
Gambar 3.55 STD Layar Search User
Search User Log In Log out
Add Produk
Edit Produk
List Produk
Delete Produk
List Penjualan
Search Produk
Delete User
Detail Pemesanan
Laporan Bulanan
Testimoni
Contact Us
Pending shipping
128
Gambar 3.56 STD Layar Testimoni
Testimoni Log In Log out
Add Produk
Edit Produk
List Produk
Delete Produk
List Penjualan
Search Produk
Delete User
Detail Pemesanan
Laporan Bulanan
Search User
Contact Us
Pending shipping
129
Gambar 3.57 STD Layar Contack Us
Contact Us Log In Log out
Add Produk
Edit Produk
List Produk
Delete Produk
List Penjualan
Search Produk
Delete User
Detail Pemesanan
Laporan Bulanan
Search User
Testimoni
Pending shipping
130
Gambar 3.58 Pending Shopping
Pending Shopping Log In Log out
Add Produk
Edit Produk
List Produk
Delete Produk
List Penjualan
Search Produk
Delete User
Detail Pemesanan
Laporan Bulanan
Search User
Contact Us
Testimoni
131
Gambar 3.59 STD detail Pemesanan
Gambar 3.60 STD Layar Log Out
Log Out
Log In
Detail PemesananLog In Log out
Add Produk
Edit Produk
List Produk
Delete Produk
List Penjualan
Search Produk
Delete User
Testimoni
Laporan Bulanan
Search User
Contact Us
Pending shipping
132 3.5 Perancangan Basis Data Pada Solusi
Setelah kami membuat rancangan layar, kami membuat perancangan basis data
yang akan digunakan. Kami mengguanakan MYSQL sebagai database engine, Karena
web programming yang kami gunakan biasanya menggunakan database engine
MYSQL.
Tabel 3.25 Tabel MsAdmin
Primary Key dari table ini : idadmin
No. Nama Field Tipe Data Keterangan
1. idadmin Int Digunakan untuk unique key dan juga
sebagai primary key dari MsAdmin
2. Username Varchar (50) Digunakan untuk menyimpan username
dari admin
3 Password Varchar (50) Digunakan untuk menyimpan password
dari admin
Fungsi table ini digunakan untuk menyimapan data – data dari admin panel yang
dapat mengakses backend dari website tersebut.
133
Tabel 3.26 Tabel MsCustomer
Primary Key dari table ini : idcustomer
No. Nama Field Tipe Data Keterangan
1. idcustomer int Digunakan untuk unique key
2. Email Varchar (30) Nama untuk login pelanggan dan
email pelanggan serta sebagai primary
key dari MsCustomer
3. Password Varchar (30) Password pelanggan
4 Nama Varchar (80) Nama Lengkap dari pelanggan
5 Alamat Longtext Alamat dari pelanggan
Fungsi table ini digunakan untuk menyimapan data-data dari pelangan yang
dapat mengakses backend dari website tersebut.
134
Tabel 3.27 Tabel inbox
Primary Key dari table ini : idinbox
No. Nama Field Tipe Data Keterangan
1. idinbox int Kode inbox
2. email Varchar(30) email yang mengirimkan pesan
3. Email_tujuan Varchar(30) email yang menerima pesan
4. tanggal Date Tanggal pengiriman pesan
5. Judul Varchar(30) Judul pesan
6. isi Longtext Isi dari pesan
7. status boolean Status 1 jika pesan sudah terkirim
dan 0 jika belum terkirim
Fungsi table ini digunakan untuk menyimpan pesan yang dikirim oleh
pelanggan
Tabel 3.28 Tabel about
Primary Key dari table ini : idabout
No. Nama Field Tipe Data Keterangan
1. idabout Int Kode about
2. Judul Varchar (50) Digunakan untuk menyimpan judul
dari about us
3. Isi Longtext Digunakan untuk menyimpan isi dari
about us
Fungsi table ini digunakan untuk menyimpan data about us
135
Tabel 3.29 Tabel Contact
Primary Key dari table ini : idContact
No. Nama Field Tipe Data Keterangan
1. idContact int Kode contact
2. idadmin Varchar(10) Digunakan untuk mengetahui oleh
siapa admin tersebut dimasukan ke
dalam database
3. Nama Varchar(50) Digunakan untuk menyimpan nama
Contact us
4. Alamat Longtext Alamat Contact us
5. Email Varchar(30) Email Contact us
6. Telepon Varchar(20) Nomor Telepon Contact us
7. Pesan Longtext Informasi lain
Fungsi table ini digunakan untuk menyimpan data contact us
136 Tabel 3.30 Tabel FAQ
Primary Key dari table ini : idFaq
No. Nama Field Tipe Data Keterangan
1. idFaq int Digunakan untuk unique key dan juga sebagai
primary key dari Faq
2. Idadmin Int Digunakan untuk mengetahui oleh siapa
admin tersebut dimasukan ke dalam database
2. tanya Longtext Isi dari pertanyaan pengirim FAQ
3. jawab Longtext Isi dari jawaban pertanyaan
Fungsi table ini digunakan untuk menyimpan hasil FAQ
Tabel 3.31 Tabel tb_ym
Primary Key dari table ini : idym
No. Nama Field Tipe Data Keterangan
1. idym int Digunakan untuk unique key dan juga
sebagai primary key dari Faq
2. Idadmin Int Digunakan untuk mengetahui oleh siapa
admin tersebut dimasukan ke dalam
database
2. Acc Varchar (50) Digunakan untuk menyimpan alamat email
3. Staf Varchar (20) Digunakan untuk menyimpan status admin
Fungsi table ini digunakan untuk menyimpan status admin online
137
Table 3.32Table user_online
Primary key dari table ini : session
No. Nama Field Tipe Data Keterangan
1. session Char(100) digunakan untuk menyimpan email
user_online sementara
2. time Int(11) Digunakan untuk menyimpan lama
user_online sementara
Fungsi table ini digunakan untuk mengetahui berapa orang yang online
Tabel 3.33 Tabel testimoni
Primary key dari table ini : idtesti
No. Nama Field Tipe Data Keterangan
1. Idtesti int Digunakan untuk unique key dan juga sebagai
primary key dari idtesti
2. Email int Digunakan untuk mengetahui email pelanggan
yang mengisi testimonial
4. Tanggal Date Digunakan untuk mengetahui tanggal
pengiriman testimonial
5. Isi Longtext Digunakan untuk menyimpan isi dari testimonial
6. Status Boolean Digunakan untuk ngetahui status disetujui admin
atau tidak.
Fungsi table ini digunakan untuk menyimpan testimonial yang dikirim oleh
pelanggan
138
Table 3.34 Table MsProduk
Primary key dari table ini : idproduk
No. Nama Field Tipe Data Keterangan
1. idproduk Int Digunakan untuk unique key dan juga
sebagai primary key dari ms_produk
2. Idkategori Int Digunakan untuk mengetahui kategori apa
yang digunakan
2. Nama Varchar (100) Digunakan untuk mengetahui nama dari
produk tersebut
3. Desk Text Digunakan untuk menuliskan deskripsi
dari produk tersebut
4 Foto Varchar (50) Digunakan untuk menyimpan foto produk
tersebut
5. stok Int Digunakan untuk mengetahui stok barang
dari produk tersebut
6. Harga Varchar(20) Digunakan untuk menyimpan harga barang
dari product tersebut
7. Kategori Varchar(50) Digunakan untuk menyimpan kategori
produk
Fungsi table in i digunak an untuk meny imp an data-data p roduk yang akan dijual
dan ditamp ilkan p ada website tersebut.
139
Tabel 3.35 Tabel MsTransaksi
Primari key dari table ini :idtransaksi
No. Nama Field Tipe Data Keterangan
1. Idtransaksi int Digunakan untuk unique key dan juga
sebagai primary key dari invoice
2. email int Digunakan untuk mengetahui email
pelanggan yang memesan.
3. Idadmin Int Digunakan untuk mengetahui oleh siapa
admin tersebut dimasukan ke dalam
database
3. Qty Int Digunakan untuk menyimpan jumlah
produk yang dipesan
4. Tanggal Date Digunakan untuk menyimpan tanggal
pemesanan
Fungsi table ini digunakan untuk menyimpan data belanja apa yang dipesan
oleh pelanggan.
140
Tabel 3.36 Tabel UserKonfirmasi
Primary key dari table ini : idkonfir
No. Nama Field Tipe Data Keterangan
1. Idkonfir int Digunakan untuk unique key dan juga
sebagai primary key dari idkonfir
2. idtransaksi int Digunakan untuk mengetahui siapa
yang memesan
3. Id_produk Int Digunakan untuk mengetahui produk
apa yang dipesan
3. Total Double Digunakan untuk mengetahui total
harga
4. Tanggal Date Digunakan untuk mengetahui tanggal
pengiriman
5. Status Boolean Digunakan untuk mengetahui status
pembayaran.
6. Status_kirim Boolean Digunakan untuk mengetahui status
pengiriman.
Fungsi table ini digunakan untuk mengetahui status belanja.
141
Berikut ini merupakan diagram yang menggambarkan keterhubungan antar table-
tabel yang telah didefinisikan di atas
MsAdmin
PK idadmin
usernamepassword
MsProduct
PK idproduk
FK1 idkategorinamastokhargadeskgambar
MsCostumer
PK email
idCostumerpasswordnamaalamattelepon
tb_contact
PK idContact
FK1 idadminnamaalamatemailtelepon
Faq
PK idFaq
tanyajawab
FK2 idadmin
MsTransaksi
PK idtransaksi
FK5 idadminFK4 email
qtytanggal
user_konfirmasi
PK idkonfir
FK2 idprodukFK1 idtransaksi
totalstatusstatus_kirim
1..*
1..1
0..*
tb_kategori
PK idkategori
FK1 idadminnamastatus
testimonials
PK idtesti
FK1 emailtanggalstatus
tb_about
PK idabout
FK1 idadminjudulisi
inbox
PK idinbox
FK2 emailemail_tujuantanggaljudulisistatus
tb_ym
PK idym
FK1 idadminaccstaf
1..1
1..11..1 1..1
1..1
0..1
0..*
0..*
1..1
1..*
1..1
0..*
1..1
0..*
1..*1..1
1..*
1..1
1..1
1..*
1..*
Gambar 3.61 ERD
142
3.6 Perancangan Layar (Story Board Pada Solusi User ( Pelanggan )
3.6.1 Layer Index
Gambar 3.61 Gambar Rancangan Layar Index
Layar Index merupakan tampilan utama jika pelanggan mengunjungi
website Yayasan Amai Setia .Sebelum pelanggan melakukan transaksi pembelian,
pelanggan harus mendaftarkan diri dulu agar dapat melakukan transaksi. Di
143
halaman Index terdapat navigasi yang dapat digunakan oleh pelanggan. Navigasi-
navigasi yang ada dalam halaman index adalah sebagai berikut :
Tabel 3.37 Tabel navigasi halaman index
No. Navigasi Keterangan
1. Home Tampilan Utama
2. Product Menampilkan Semua produk yang di jual oleh
Yayasan Amai Setia
3. Contact Us Halaman web yang memberikan informasi no telp
dan alamat yang dapat di hubingi oleh pelnaggan
4. About Us Menu yang berisi sejarah dan latar belakang
berdiri nya Yayasan Amai Setia
5. FAQ Berisi pertanyan – pertanyaan yang sering di
tanyakan beserta jawabannya
6. Ongkos Kirim Berisi Harga – Harga ongkos kirim pada setiap
daerah di Indonesia maupun Internasional
7. Testimoni Memberikan Koment atau pesan kepada Admin
web atau pengunjung yang lain
8. Register Melakukan Registrasi untuk menjadi anggota
Yayasan Amai Setia
10. Searching Bantuan untuk pelanggan jika ingin mencari
produk yang di inginkan dengan cepat tanpa
melihat produk kategori
144
11. Admin Chat Jika pelanggan ingin minta bantuan atau
pertanyaan langsung dijawab bias menggunakan
fasilitas tersebut
12. Edit Account Menu yang berisi data – data pribadi pelanggan
yang dapat di rubah atau di update
13. Add Chart Kantong belanja yang berisi data – data barang
yang sudah di beli oleh pelanggan
14. Lanjut Transaksi Menu yang akan melanjutkan transaksi pelanggan
ke tahap Transaksi detail
15 Daftar Transaksi Daftar transaksi apa saja yang pernah di lakukan
oleh pelanggan
16. Logout Keluar dari Account Pelanggan kembali he index
145
3.6.2 Layer Home
Gambar 3.62 Gambar Rancangan Layar Home
Product
Searching
146
Layar Home merupakan tampilan jika pelanggan sudah melakukan
registrasi setelah melakukan log in maka pelanggan masuk ke layar home yang
perbedaan dari layar index adalah adanya tampilan nama user beserta fasilitas bias
di gunakan untuk melakukan transaksi .Dihalaman Home terdapat navigasi yang
dapat di gunakan oleh pelanggan . Navigasi – navigasi yang ada dalam halaman
home adalah sebagai berikut :
Tabel 3.38 Tabel Navigasi Halaman Home
No. Navigasi Keterangan
1. Home Tampilan Utama
2. Product Menampilkan Semua produk yang dijual oleh
Yayasan Amai Setia
3. Contact Us Halaman web yang memberikan informasi no telp
dan alamat yang dapat di hubungi oleh pelanggan
4. About Us Menu yang berisi sejarah dan latar belakang
berdirinya Yayasan Amai Setia
5. FAQ Berisi pertanyan – pertanyaan yang sering di
tanyakan beserta jawabannya
6. Ongkos Kirim Berisi Harga – Harga ongkos kirim pada setiap
daerah di Indonesia maupun Internasional
7. Testimoni Memberikan Koment atau pesan kepada Admin
web atau pengunjung yang lain
8. Register Melakukan Registrasi untuk menjadi anggota
147
Yayasan Amai Setia
9. Forgot Password Menu bantuan jika pelanggan lupa password
10. Searching Bantuan untuk pelanggan jika ingin mencari produk
yang di inginkan dengan cepat tanpa melihat
produk kategori
11. Admin Chat Jika pelanggan ingin minta bantuan atau pertanyaan
langsung dijawab bias menggunakan fasilitas
tersebut
12. Edit Account Menu yang berisi data – data pribadi pelanggan
yang dapat di rubah atau di update
13. Add Chart Keranjang belanja yang berisi data – data barang
yang sudah di beli oleh pelanggan
14. Lanjut Transaksi Menu yang akan melanjutkan transaksi pelanggan
ke tahap Transaksi detail
15 Daftar Transaksi Daftar transaksi apa saja yang pernah di lakukan
oleh pelanggan
16. Log Out Keluar dari Account Pelanggan kembali ke index
148
3.6.3 Layer Product
Gambar 3.63 Gambar Rancangan Layar Product
Product
149
Layar Produk menampilkan produk yang akan di tawarkan oleh pelanggan
di layar ini produk – produk di bagi – bagi kedalam kategori kategori sehingga
memudahkan pelanggan dalam melihat produk yang ditawarkan . Dihalaman
Produk terdapat navigasi yang dapat di gunakan oleh pelanggan . Navigasi-navigasi
yang ada dalam halaman Pelanggan adalah sebagai berikut :
Tabel 3.39 Tabel Navigasi Halaman Produk
No. Navigasi Keterangan
1. Home Tampilan Utama
2. Product Menampilkan Semua produk yang di jual oleh
Yayasan Amai Setia
3. Contact Us Halaman web yang memberikan informasi no
telp dan alamat yang dapat di hubingi oleh
pelnaggan
4. About Us Menu yang berisi sejarah dan latar belakang
berdiri nya Yayasan Amai Setia
5. FAQ Berisi pertanyan – pertanyaan yang sering di
tanyakan beserta jawabannya
6. Ongkos Kirim Berisi Harga – Harga ongkos kirim pada setiap
daerah di Indonesia maupun Internasional
7. Testimoni Memberikan Koment atau pesan kepada Admin
web atau pengunjung yang lain
8. Register Melakukan Registrasi untuk menjadi anggota
Yayasan Amai Setia
150
9. Forgot Password Menu bantuan jika pelanggan lupa password
10. Searching Bantuan untuk pelanggan jika ingin mencari
produk yang di inginkan dengan cepat tanpa
melihat produk kategori
11. Admin Chat Jika pelanggan ingin minta bantuan atau
pertanyaan langsung dijawab bias menggunakan
fasilitas tersebut
12. Edit Account Menu yang berisi data – data pribadi pelanggan
yang dapat di rubah atau di update
13. Add Chart Kantong belanja yang berisi data – data barang
yang sudah di beli oleh pelanggan
14. Lanjut Transaksi Menu yang akan melanjutkan transaksi
pelanggan ke tahap Transaksi detail
15 Daftar Transaksi Daftar transaksi apa saja yang pernah di lakukan
oleh pelanggan
16. Log Out Keluar dari Account Pelanggan kembali he index
3.6.4
151
3.6.5 Layer Testimonials
Gambar 3.64 Gambar Rancangan Layar Testimoni
Testimoni
152
Layar Testimoni merupakan halaman yang dapat digunkan oleh user untuk
memberikan komentar atau pesan kepada sesama pengunjung atau pun kepada
admin website . Pesan atau komentar yang telah di buat oleh member tersebut baru
dapat di tampilkan setelah mendapatkan approve dari admin web terlebih dahulu.
Tabel 3.40 Tabel Navigasi Halaman Testimoni
No. Navigasi Keterangan
1. Home Tampilan Utama
2. Product Menampilkan Semua produk yang di jual oleh
Yayasan Amai Setia
3. Contact Us Halaman web yang memberikan informasi no
telp dan alamat yang dapat di hubingi oleh
pelnaggan
4. About Us Menu yang berisi sejarah dan latar belakang
berdiri nya Yayasan Amai Setia
5. FAQ Berisi pertanyan – pertanyaan yang sering di
tanyakan beserta jawabannya
6. Ongkos Kirim Berisi Harga – Harga ongkos kirim pada setiap
daerah di Indonesia maupun Internasional
7. Testimoni Memberikan Koment atau pesan kepada Admin
web atau pengunjung yang lain
8. Register Melakukan Registrasi untuk menjadi anggota
Yayasan Amai Setia
153
9. Forgot Password Menu bantuan jika pelanggan lupa password
10. Searching Bantuan untuk pelanggan jika ingin mencari
produk yang di inginkan dengan cepat tanpa
melihat produk kategori
11. Admin Chat Jika pelanggan ingin minta bantuan atau
pertanyaan langsung dijawab bias menggunakan
fasilitas tersebut
12. Edit Account Menu yang berisi data – data pribadi pelanggan
yang dapat di rubah atau di update
13. Add Chart Kantong belanja yang berisi data – data barang
yang sudah di beli oleh pelanggan
14. Lanjut Transaksi Menu yang akan melanjutkan transaksi
pelanggan ke tahap Transaksi detail
15 Daftar Transaksi Daftar transaksi apa saja yang pernah di lakukan
oleh pelanggan
16. Log Out Keluar dari Account Pelanggan kembali he index
154
3.6.5 Layer About Us
Gambar 3.65 Gambar Rancangan Layar About Us
Layar About Us layar ini berfungsi menampilkan latar belakang didirikan
nya Yayasan Amai Setia dan bercerita sejarah – sejarah yang mengiringi terbentuk
About Us
155
nya yayasan ini . Dihalaman About Us terdapat navigasi yang dapat di gunakan oleh
pelanggan Navigasi yang ada dalam halaman About Us adalah sebagai berikut :
Tabel 3.41 Tabel Navigasi Halaman About Us
No. Navigasi Keterangan
1. Home Tampilan Utama
2. Product Menampilkan Semua produk yang di jual
oleh Yayasan Amai Setia
3. Contact Us Halaman web yang memberikan informasi
no telp dan alamat yang dapat di hubingi
oleh pelnaggan
4. About Us Menu yang berisi sejarah dan latar belakang
berdiri nya Yayasan Amai Setia
5. FAQ Berisi pertanyan – pertanyaan yang sering di
tanyakan beserta jawabannya
6. Ongkos Kirim Berisi Harga – Harga ongkos kirim pada
setiap daerah di Indonesia maupun
Internasional
7. Testimoni Memberikan Koment atau pesan kepada
Admin web atau pengunjung yang lain
8. Register Melakukan Registrasi untuk menjadi anggota
Yayasan Amai Setia
9. Forgot Password Menu bantuan jika pelanggan lupa password
156
10. Searching Bantuan untuk pelanggan jika ingin mencari
produk yang di inginkan dengan cepat tanpa
melihat produk kategori
11. Admin Chat Jika pelanggan ingin minta bantuan atau
pertanyaan langsung dijawab bias
menggunakan fasilitas tersebut
12. Edit Account Menu yang berisi data – data pribadi
pelanggan yang dapat di rubah atau di update
13. Add Chart Kantong belanja yang berisi data – data
barang yang sudah di beli oleh pelanggan
14. Lanjut Transaksi Menu yang akan melanjutkan transaksi
pelanggan ke tahap Transaksi detail
15 Daftar Transaksi Daftar transaksi apa saja yang pernah di
lakukan oleh pelanggan
16. Log Out Keluar dari Account Pelanggan kembali he
index
157
3.6.6 Layer FAQ
Gambar 3.66 Gambar Rancangan Layar FAQ
FAQ
158
Layar FAQ menampilkan Pertanyaan – pertanyaan yang sering ditanyakan
dalam melakukan transaksi melalui website Ecommerce beserta jawaban – jawaban
nya Dihalaman FAQ terdapat navigasi yang dapat di gunakan oleh pelanggan
Navigasi navigasi yang ada dalam halaman FAQ adalah sebagai berikut :
Tabel 3.42 Tabel Navigasi Halaman FAQ
No. Navigasi Keterangan
1. Home Tampilan Utama
2. Product Menampilkan Semua produk yang di jual oleh
Yayasan Amai Setia
3. Contact Us Halaman web yang memberikan informasi no telp
dan alamat yang dapat di hubingi oleh pelnaggan
4. About Us Menu yang berisi sejarah dan latar belakang
berdiri nya Yayasan Amai Setia
5. FAQ Berisi pertanyan – pertanyaan yang sering di
tanyakan beserta jawabannya
6. Ongkos Kirim Berisi Harga – Harga ongkos kirim pada setiap
daerah di Indonesia maupun Internasional
7. Testimoni Memberikan Koment atau pesan kepada Admin
web atau pengunjung yang lain
8. Register Melakukan Registrasi untuk menjadi anggota
Yayasan Amai Setia
9. Forgot Password Menu bantuan jika pelanggan lupa password
159
10. Searching Bantuan untuk pelanggan jika ingin mencari
produk yang di inginkan dengan cepat tanpa
melihat produk kategori
11. Admin Chat Jika pelanggan ingin minta bantuan atau
pertanyaan langsung dijawab bias menggunakan
fasilitas tersebut
12. Edit Account Menu yang berisi data – data pribadi pelanggan
yang dapat di rubah atau di update
13. Add Chart Kantong belanja yang berisi data – data barang
yang sudah di beli oleh pelanggan
14. Lanjut Transaksi Menu yang akan melanjutkan transaksi pelanggan
ke tahap Transaksi detail
15 Daftar Transaksi Daftar transaksi apa saja yang pernah di lakukan
oleh pelanggan
16. Log Out Keluar dari Account Pelanggan kembali he index
160
3.6.7 Layer Contact Us
Gambar 3.67 Gambar Rancangan Layar Contact Us
Contact Us
161
Halaman Contact Us merupakan halaman yang memberikan informasi
nomor telp dan alamat perusahaan yang dapat di hubungi oleh pelanggan untuk
memberikan penjelasan dan keterangan lebih lanjut tentang produk – produk yang
telah di sediakan. Dihalaman Contact Us terdapat navigasi yang dapat di gunakan
oleh pelanggan Navigasi yang ada dalam halaman Contact Us adalah sebagai
berikut :
Tabel 3.43 Tabel Navigasi Halaman Contact Us
No. Navigasi Keterangan
1. Home Tampilan Utama
2. Product Menampilkan Semua produk yang di jual oleh
Yayasan Amai Setia
3. Contact Us Halaman web yang memberikan informasi no telp
dan alamat yang dapat di hubingi oleh pelnaggan
4. About Us Menu yang berisi sejarah dan latar belakang
berdiri nya Yayasan Amai Setia
5. FAQ Berisi pertanyan – pertanyaan yang sering di
tanyakan beserta jawabannya
6. Ongkos Kirim Berisi Harga – Harga ongkos kirim pada setiap
daerah di Indonesia maupun Internasional
7. Testimoni Memberikan Koment atau pesan kepada Admin
web atau pengunjung yang lain
8. Register Melakukan Registrasi untuk menjadi anggota
Yayasan Amai Setia
162
9. Forgot Password Menu bantuan jika pelanggan lupa password
10. Searching Bantuan untuk pelanggan jika ingin mencari
produk yang di inginkan dengan cepat tanpa
melihat produk kategori
11. Admin Chat Jika pelanggan ingin minta bantuan atau
pertanyaan langsung dijawab bias menggunakan
fasilitas tersebut
12. Edit Account Menu yang berisi data – data pribadi pelanggan
yang dapat di rubah atau di update
13. Add Chart Kantong belanja yang berisi data – data barang
yang sudah di beli oleh pelanggan
14. Lanjut Transaksi Menu yang akan melanjutkan transaksi pelanggan
ke tahap Transaksi detail
15 Daftar Transaksi Daftar transaksi apa saja yang pernah di lakukan
oleh pelanggan
16. Log Out Keluar dari Account Pelanggan kembali he index
163
3.6.8 Layer Edit Profile
Gambar 3.68 Gambar Rancangan Layar Edit Profile
Edit Profile
164
Halaman Edit Profile pada halaman ini pelanggan dapat melakukan
perubahan data – data pribadi pelanggan jika ingin mengganti nya . Dihalaman Edit
Profile terdapat navigasi yang dapat di gunakan oleh pelanggan Navigasi yang ada
dalam halaman Edit Profile adalah sebagai berikut :
Tabel 3.44 Tabel Navigasi Halaman Edit Profile
No. Navigasi Keterangan
1. Home Tampilan Utama
2. Product Menampilkan Semua produk yang di jual oleh
Yayasan Amai Setia
3. Contact Us Halaman web yang memberikan informasi no telp
dan alamat yang dapat di hubingi oleh pelnaggan
4. About Us Menu yang berisi sejarah dan latar belakang
berdiri nya Yayasan Amai Setia
5. FAQ Berisi pertanyan – pertanyaan yang sering di
tanyakan beserta jawabannya
6. Ongkos Kirim Berisi Harga – Harga ongkos kirim pada setiap
daerah di Indonesia maupun Internasional
7. Testimoni Memberikan Koment atau pesan kepada Admin
web atau pengunjung yang lain
8. Register Melakukan Registrasi untuk menjadi anggota
Yayasan Amai Setia
9. Forgot Password Menu bantuan jika pelanggan lupa password
165
10. Searching Bantuan untuk pelanggan jika ingin mencari
produk yang di inginkan dengan cepat tanpa
melihat produk kategori
11. Admin Chat Jika pelanggan ingin minta bantuan atau
pertanyaan langsung dijawab bias menggunakan
fasilitas tersebut
12. Edit Account Menu yang berisi data – data pribadi pelanggan
yang dapat di rubah atau di update
13. Add Chart Kantong belanja yang berisi data – data barang
yang sudah di beli oleh pelanggan
14. Lanjut Transaksi Menu yang akan melanjutkan transaksi pelanggan
ke tahap Transaksi detail
15 Daftar Transaksi Daftar transaksi apa saja yang pernah di lakukan
oleh pelanggan
16. Log Out Keluar dari Account Pelanggan kembali he index
166
3.6.9 Layer Inbox
Gambar 3.69 Gambar Rancangan Layar Inbox
Inbox
167
Halaman Layar Inbox merupakan salah satu fasilitas yang diberikan kepada
pelanggan agar pelanggan dapat melakukan pengiriman pesan terhadap sesame
pelanggan yang telah teregister di web site . Dihalaman Inbox terdapat navigasi
yang dapat di gunakan oleh pelanggan Navigasi yang ada dalam halaman Inbox
adalah sebagai berikut :
Tabel 3.45 Tabel Navigasi Halaman Inbox
No. Navigasi Keterangan
1. Home Tampilan Utama
2. Product Menampilkan Semua produk yang di jual oleh
Yayasan Amai Setia
3. Contact Us Halaman web yang memberikan informasi no telp
dan alamat yang dapat di hubingi oleh pelnaggan
4. About Us Menu yang berisi sejarah dan latar belakang
berdiri nya Yayasan Amai Setia
5. FAQ Berisi pertanyan – pertanyaan yang sering di
tanyakan beserta jawabannya
6. Ongkos Kirim Berisi Harga – Harga ongkos kirim pada setiap
daerah di Indonesia maupun Internasional
7. Testimoni Memberikan Koment atau pesan kepada Admin
web atau pengunjung yang lain
8. Register Melakukan Registrasi untuk menjadi anggota
Yayasan Amai Setia
168
9. Forgot Password Menu bantuan jika pelanggan lupa password
10. Searching Bantuan untuk pelanggan jika ingin mencari
produk yang di inginkan dengan cepat tanpa
melihat produk kategori
11. Admin Chat Jika pelanggan ingin minta bantuan atau
pertanyaan langsung dijawab bias menggunakan
fasilitas tersebut
12. Edit Account Menu yang berisi data – data pribadi pelanggan
yang dapat di rubah atau di update
13. Add Chart Kantong belanja yang berisi data – data barang
yang sudah di beli oleh pelanggan
14. Lanjut Transaksi Menu yang akan melanjutkan transaksi pelanggan
ke tahap Transaksi detail
15 Daftar Transaksi Daftar transaksi apa saja yang pernah di lakukan
oleh pelanggan
16. Logout Keluar dari Account Pelanggan kembali he index
169
3.6.10 Layer Add Chart
Gambar 3.70 Gambar Rancangan Layar Add Chart
Add Chart
170
Halaman Add Chart Pada halaman ini pelanggan dapat melihat daftar barang
yang akan di beli beserta detail yang lain nya sehingga dapat membantu pelanggan
agar tidak salah pilih dalam melakukan pembelian secara online . Dihalaman Add
Chart terdapat navigasi yang dapat di gunakan oleh pelanggan Navigasi yang ada
dalam halaman Add Chart adalah sebagai berikut :
Tabel 3.46 Tabel Navigasi Halaman Add Chat
No. Navigasi Keterangan
1. Home Tampilan Utama
2. Product Menampilkan Semua produk yang di jual oleh
Yayasan Amai Setia
3. Contact Us Halaman web yang memberikan informasi no
telp dan alamat yang dapat di hubingi oleh
pelnaggan
4. About Us Menu yang berisi sejarah dan latar belakang
berdiri nya Yayasan Amai Setia
5. FAQ Berisi pertanyan – pertanyaan yang sering di
tanyakan beserta jawabannya
6. Ongkos Kirim Berisi Harga – Harga ongkos kirim pada
setiap daerah di Indonesia maupun
Internasional
7. Testimoni Memberikan Koment atau pesan kepada
Admin web atau pengunjung yang lain
171
8. Register Melakukan Registrasi untuk menjadi anggota
Yayasan Amai Setia
9. Forgot Password Menu bantuan jika pelanggan lupa password
10. Searching Bantuan untuk pelanggan jika ingin mencari
produk yang di inginkan dengan cepat tanpa
melihat produk kategori
11. Admin Chat Jika pelanggan ingin minta bantuan atau
pertanyaan langsung dijawab bias
menggunakan fasilitas tersebut
12. Edit Account Menu yang berisi data – data pribadi
pelanggan yang dapat di rubah atau di update
13. Add Chart Kantong belanja yang berisi data – data
barang yang sudah di beli oleh pelanggan
14. Lanjut Transaksi Menu yang akan melanjutkan transaksi
pelanggan ke tahap Transaksi detail
15 Daftar Transaksi Daftar transaksi apa saja yang pernah di
lakukan oleh pelanggan
16. Log Out Keluar dari Account Pelanggan kembali he
index
172
3.7Perancangan Layar (Story Board) Pada Solusi Admin
3.7.1 Layer Login Admin
Gambar 3.72 Gambar Rancangan Layar Login Admin
173
3.7.2 Layer index Admin
Gambar 3.73 Gambar Rancangan Layar Index
174
Halaman Index Admin merupakan halaman pertama setelah admin melakukan
login terlebih dahulu . Dihalaman Add Chart terdapat navigasi yang dapat di gunakan
oleh pelanggan Navigasi yang ada dalam halaman Add Chart adalah sebagai berikut :
Tabel 3.48 Tabel Navigasi Halaman index
No. Navigasi Keterangan
1. Halaman Web Berfungsi untuk menginput kategori , upload
gambar , input tipe produk , masukan harga ,
diskon dan deskripsi tentang produk
2. Faq Faq berfungsi untuk menginput tentang pertanyaan
– pertanyaan yang sering di berikan oleh
pelanggan
3. Tentang Kami Tentang Kami berfungsi untuk menginput sejarah
dan latar belakang tentang Yayasan Amai Setia
4. Sambutan Halaman Web berfungsi untuk menginput kata –
kata sambutan atau ucapan selamat datang
5. Tambah Kategori Baru Tambah Kategori Baru berfung untuk menginput
dan menambah kan kategori yang baru atau
menambah kategori yang sudah ada
6. Tambah Produk Baru Tambah Produk Baru berfungsi untuk menginput
produk yang akan di jual di web berdasarkan
urutan kategori yang telah di masukan
7. Edit produk Edit Produk berfungsi untuk mengedit produk
yang telah di masukan yang berdsarkan kategori
175
8. Pending Payment Pending Payment melakukan approved terhadap
payment yang telah di bayar oleh pelanggan
9. Pending shipping Pending Shipping melakukan approved terhadap
pending shipping barang pesanan pelanggan telah
di kirim
10. Laporan Laporan berfungsi memberikan informasi semua
produk yang terjual melalui web selama perbulan
11. Konfirmasi Pembayaran Konfirmasi Pembayaran admin melakukan
approved terhadap pembayaran yang dilakukan
oleh pelanggan
12. Data Pengguna Data Pengguna disini admin dapat melihat
pelanggan yang tela terigistrasi
13. Testimoni Testimoni admin dapat approved testimony mana
saja yang boleh di tampilkan
176
3.7.3 Layer Tentang Kami
Gambar 3.74 Gambar Rancangan Layar Tentang Kami
Tentang Kami
177
Halaman Tentang kami berfungsi untuk menginput tentang sejarah – sejarah
berdiri Yayasan Amai Setia . Dihalaman Tentang Kami terdapat navigasi yang dapat
di gunakan oleh pelanggan Navigasi yang ada dalam halaman Tentang Kami adalah
sebagai berikut :
Tabel 3.49 Tabel Navigasi Halaman Tentang Kami
No. Navigasi Keterangan
1. Halaman Web Berfungsi untuk menginput kategori , upload
gambar , input tipe produk , masukan harga ,
diskon dan deskripsi tentang produk
2. Faq Faq berfungsi untuk menginput tentang
pertanyaan – pertanyaan yang sering di berikan
oleh pelanggan
3. Tentang Kami Tentang Kami berfungsi untuk menginput
sejarah dan latar belakang tentang Yayasan
Amai Setia
4. Sambutan Halaman Web berfungsi untuk menginput kata –
kata sambutan atau ucapan selamat datang
5. Tambah Kategori Baru Tambah Kategori Baru berfung untuk menginput
dan menambah kan kategori yang baru atau
menambah kategori yang sudah ada
6. Tambah Produk Baru Tambah Produk Baru berfungsi untuk menginput
produk yang akan di jual di web berdasarkan
178
urutan kategori yang telah di masukan
7. Edit produk Edit Produk berfungsi untuk mengedit produk
yang telah di masukan yang berdsarkan kategori
8. Pending Payment Pending Payment melakukan approved terhadap
payment yang telah di bayar oleh pelanggan
9. Pending shipping Pending Shipping melakukan approved terhadap
pending shipping barang pesanan pelanggan
telah di kirim
10. Laporan Laporan berfungsi memberikan informasi semua
produk yang terjual melalui web selama
perbulan
11. Konfirmasi Pembayaran Konfirmasi Pembayaran admin melakukan
approved terhadap pembayaran yang dilakukan
oleh pelanggan
12. Data Pengguna Data Pengguna disini admin dapat melihat
pelanggan yang tela terigistrasi
13. Testimoni Testimoni admin dapat approved testimony
mana saja yang boleh di tampilkan
179
3.7.4 Layer Faq
Gambar 3.75 Gambar Rancangan Layar Faq
Faq
180
Halaman Faq berisi tentang pertanyaan – pertanyaan yang sering di ajukan
oleh pelanggan tentang cara – cara bertransaksi dan sebagai nya serta jawaban atas
pertanyaan yang di ajukan . Dihalaman Faq terdapat navigasi yang dapat di gunakan
oleh pelanggan Navigasi yang ada dalam halaman Faq adalah sebagai berikut :
Tabel 3.50 Tabel Navigasi Halaman FAQ
No. Navigasi Keterangan
1. Halaman Web Berfungsi untuk menginput kategori , upload
gambar , input tipe produk , masukan harga ,
diskon dan deskripsi tentang produk
2. Faq Faq berfungsi untuk menginput tentang
pertanyaan – pertanyaan yang sering di berikan
oleh pelanggan
3. Tentang Kami Tentang Kami berfungsi untuk menginput sejarah
dan latar belakang tentang Yayasan Amai Setia
4. Sambutan Halaman Web berfungsi untuk menginput kata –
kata sambutan atau ucapan selamat datang
5. Tambah Kategori Baru Tambah Kategori Baru berfung untuk menginput
dan menambah kan kategori yang baru atau
menambah kategori yang sudah ada
6. Tambah Produk Baru Tambah Produk Baru berfungsi untuk menginput
produk yang akan di jual di web berdasarkan
urutan kategori yang telah di masukan
181
7. Edit produk Edit Produk berfungsi untuk mengedit produk
yang telah di masukan yang berdsarkan kategori
8. Pending Payment Pending Payment melakukan approved terhadap
payment yang telah di bayar oleh pelanggan
9. Pending shipping Pending Shipping melakukan approved terhadap
pending shipping barang pesanan pelanggan telah
di kirim
10. Laporan Laporan berfungsi memberikan informasi semua
produk yang terjual melalui web selama perbulan
11. Konfirmasi Pembayaran Konfirmasi Pembayaran admin melakukan
approved terhadap pembayaran yang dilakukan
oleh pelanggan
12. Data Pengguna Data Pengguna disini admin dapat melihat
pelanggan yang tela terigistrasi
13. Testimoni Testimoni admin dapat approved testimony mana
saja yang boleh di tampilkan
182
3.7.5 Layer Kata Sambutan
Gambar 3.76 Gambar Rancangan Layar Kata Sambutan
Kata Sambutan
183
Halaman Kata Sambutan bersikan ucapan selamat dating kepada pelanggan
yang telah mengunjungi website kami . Dihalaman Kata Sambutan terdapat navigasi
yang dapat di gunakan oleh pelanggan Navigasi yang ada dalam halaman ini adalah
sebagai berikut :
Tabel 3.51 Tabel Navigasi Halaman Kata Sambutan
No. Navigasi Keterangan
1. Halaman Web Berfungsi untuk menginput kategori , upload
gambar , input tipe produk , masukan harga ,
diskon dan deskripsi tentang produk
2. Faq Faq berfungsi untuk menginput tentang
pertanyaan – pertanyaan yang sering di
berikan oleh pelanggan
3. Tentang Kami Tentang Kami berfungsi untuk menginput
sejarah dan latar belakang tentang Yayasan
Amai Setia
4. Sambutan Halaman Web berfungsi untuk menginput
kata – kata sambutan atau ucapan selamat
datang
5. Tambah Kategori Baru Tambah Kategori Baru berfung untuk
menginput dan menambah kan kategori yang
baru atau menambah kategori yang sudah
ada
6. Tambah Produk Baru Tambah Produk Baru berfungsi untuk
184
menginput produk yang akan di jual di web
berdasarkan urutan kategori yang telah di
masukan
7. Edit produk Edit Produk berfungsi untuk mengedit
produk yang telah di masukan yang
berdsarkan kategori
8. Pending Payment Pending Payment melakukan approved
terhadap payment yang telah di bayar oleh
pelanggan
9. Pending shipping Pending Shipping melakukan approved
terhadap pending shipping barang pesanan
pelanggan telah di kirim
10. Laporan Laporan berfungsi memberikan informasi
semua produk yang terjual melalui web
selama perbulan
11. Konfirmasi Pembayaran Konfirmasi Pembayaran admin melakukan
approved terhadap pembayaran yang
dilakukan oleh pelanggan
12. Data Pengguna Data Pengguna disini admin dapat melihat
pelanggan yang tela terigistrasi
13. Testimoni Testimoni admin dapat approved testimony
mana saja yang boleh di tampilkan
185
3.7.6 Layer Tambah Kategori Baru
Gambar 3.77 Gambar Rancangan Layar Tambah Kategori Baru
Tambah kategori Baru
186
Halaman Tambah Kategori Baru berfungsi untuk menambahkan kategori baru
ke dalam web. Dihalaman Tambah kategori Baru terdapat navigasi yang dapat
digunakan oleh pelanggan Navigasi yang ada dalam halaman ini adalah sebagai
berikut:
Tabel 3.52 Tabel Navigasi Halaman Tambah Kategori Baru
No. Navigasi Keterangan
1. Halaman Web Berfungsi untuk menginput kategori , upload
gambar , input tipe produk , masukan harga ,
diskon dan deskripsi tentang produk
2. Faq Faq berfungsi untuk menginput tentang pertanyaan
– pertanyaan yang sering di berikan oleh
pelanggan
3. Tentang Kami Tentang Kami berfungsi untuk menginput sejarah
dan latar belakang tentang Yayasan Amai Setia
4. Sambutan Halaman Web berfungsi untuk menginput kata –
kata sambutan atau ucapan selamat datang
5. Tambah Kategori Baru Tambah Kategori Baru berfung untuk menginput
dan menambah kan kategori yang baru atau
menambah kategori yang sudah ada
6. Tambah Produk Baru Tambah Produk Baru berfungsi untuk menginput
produk yang akan di jual di web berdasarkan
urutan kategori yang telah di masukan
187
7. Edit produk Edit Produk berfungsi untuk mengedit produk
yang telah di masukan yang berdsarkan kategori
8. Pending Payment Pending Payment melakukan approved terhadap
payment yang telah di bayar oleh pelanggan
9. Pending shipping Pending Shipping melakukan approved terhadap
pending shipping barang pesanan pelanggan telah
di kirim
10. Laporan Laporan berfungsi memberikan informasi semua
produk yang terjual melalui web selama perbulan
11. Konfirmasi Pembayaran Konfirmasi Pembayaran admin melakukan
approved terhadap pembayaran yang dilakukan
oleh pelanggan
12. Data Pengguna Data Pengguna disini admin dapat melihat
pelanggan yang tela terigistrasi
13. Testimoni Testimoni admin dapat approved testimony mana
saja yang boleh di tampilkan
188
3.7.7 Layer Edit Product
Gambar 3.78 Gambar Rancangan Layar Edit Produk
Edit Produk
189
Halaman Edit Produk admin web dapat mengedit atau mendelete produk yang
telah di masukan kedalam web database . Dihalaman Edit terdapat navigasi yang
dapat di gunakan oleh pelanggan Navigasi yang ada dalam halaman ini adalah sebagai
berikut :
Tabel 3.53 Tabel Navigasi Halaman Edit Produk
No. Navigasi Keterangan
1. Halaman Web Berfungsi untuk menginput kategori , upload
gambar , input tipe produk , masukan harga ,
diskon dan deskripsi tentang produk
2. Faq Faq berfungsi untuk menginput tentang pertanyaan
– pertanyaan yang sering di berikan oleh
pelanggan
3. Tentang Kami Tentang Kami berfungsi untuk menginput sejarah
dan latar belakang tentang Yayasan Amai Setia
4. Sambutan Halaman Web berfungsi untuk menginput kata –
kata sambutan atau ucapan selamat datang
5. Tambah Kategori Baru Tambah Kategori Baru berfung untuk menginput
dan menambah kan kategori yang baru atau
menambah kategori yang sudah ada
6. Tambah Produk Baru Tambah Produk Baru berfungsi untuk menginput
produk yang akan di jual di web berdasarkan
urutan kategori yang telah di masukan
190
7. Edit produk Edit Produk berfungsi untuk mengedit produk
yang telah di masukan yang berdsarkan kategori
8. Pending Payment Pending Payment melakukan approved terhadap
payment yang telah di bayar oleh pelanggan
9. Pending shipping Pending Shipping melakukan approved terhadap
pending shipping barang pesanan pelanggan telah
di kirim
10. Laporan Laporan berfungsi memberikan informasi semua
produk yang terjual melalui web selama perbulan
11. Konfirmasi Pembayaran Konfirmasi Pembayaran admin melakukan
approved terhadap pembayaran yang dilakukan
oleh pelanggan
12. Data Pengguna Data Pengguna disini admin dapat melihat
pelanggan yang tela terigistrasi
13. Testimoni Testimoni admin dapat approved testimony mana
saja yang boleh di tampilkan
191
3.7.8 Layer Tambah Produk Baru
Gambar 3.79 Gambar Rancangan Layar Tambah Produk Baru
Halaman Tambah Produk Baru berfungsi untuk menambahkan produk-produk
yang akan di masukan ke dalam web dan di jual . Dihalaman Edit terdapat navigasi
Tambah Produk Baru
192
yang dapat di gunakan oleh pelanggan Navigasi yang ada dalam halaman ini adalah
sebagai berikut :
Tabel 3.54 Tabel Navigasi Halaman Tambah Produk
No. Navigasi Keterangan
1. Halaman Web Berfungsi untuk menginput kategori , upload
gambar , input tipe produk , masukan harga ,
diskon dan deskripsi tentang produk
2. Faq Faq berfungsi untuk menginput tentang
pertanyaan – pertanyaan yang sering di berikan
oleh pelanggan
3. Tentang Kami Tentang Kami berfungsi untuk menginput sejarah
dan latar belakang tentang Yayasan Amai Setia
4. Sambutan Halaman Web berfungsi untuk menginput kata –
kata sambutan atau ucapan selamat datang
5. Tambah Kategori Baru Tambah Kategori Baru berfung untuk menginput
dan menambah kan kategori yang baru atau
menambah kategori yang sudah ada
6. Tambah Produk Baru Tambah Produk Baru berfungsi untuk menginput
produk yang akan di jual di web berdasarkan
urutan kategori yang telah di masukan
7. Edit produk Edit Produk berfungsi untuk mengedit produk
yang telah di masukan yang berdsarkan kategori
193
8. Pending Payment Pending Payment melakukan approved terhadap
payment yang telah di bayar oleh pelanggan
9. Pending shipping Pending Shipping melakukan approved terhadap
pending shipping barang pesanan pelanggan telah
di kirim
10. Laporan Laporan berfungsi memberikan informasi semua
produk yang terjual melalui web selama perbulan
11. Konfirmasi
Pembayaran
Konfirmasi Pembayaran admin melakukan
approved terhadap pembayaran yang dilakukan
oleh pelanggan
12. Data Pengguna Data Pengguna disini admin dapat melihat
pelanggan yang tela terigistrasi
13. Testimoni Testimoni admin dapat approved testimony mana
saja yang boleh di tampilkan
194
3.7.9 Layer Laporan
S
Gambar 3.80 Gambar Rancangan Layar Laporan
Laporan
195
Halaman Laporan pada halaman ini admin dapat melihat historis dari
pelanggan . Apa saja yang telah di pesan oleh pelanggan . Dihalaman Laporan
terdapat navigasi yang dapat di gunakan oleh pelanggan Navigasi yang ada dalam
halaman ini adalah sebagai berikut :
Tabel 3.55 Tabel Navigasi Halaman Laporan
No. Navigasi Keterangan
1. Halaman Web Berfungsi untuk menginput kategori , upload
gambar , input tipe produk , masukan harga ,
diskon dan deskripsi tentang produk
2. Faq Faq berfungsi untuk menginput tentang
pertanyaan – pertanyaan yang sering di berikan
oleh pelanggan
3. Tentang Kami Tentang Kami berfungsi untuk menginput sejarah
dan latar belakang tentang Yayasan Amai Setia
4. Sambutan Halaman Web berfungsi untuk menginput kata –
kata sambutan atau ucapan selamat datang
5. Tambah Kategori Baru Tambah Kategori Baru berfung untuk menginput
dan menambah kan kategori yang baru atau
menambah kategori yang sudah ada
6. Tambah Produk Baru Tambah Produk Baru berfungsi untuk menginput
produk yang akan di jual di web berdasarkan
urutan kategori yang telah di masukan
196
7. Edit produk Edit Produk berfungsi untuk mengedit produk
yang telah di masukan yang berdsarkan kategori
8. Pending Payment Pending Payment melakukan approved terhadap
payment yang telah di bayar oleh pelanggan
9. Pending shipping Pending Shipping melakukan approved terhadap
pending shipping barang pesanan pelanggan telah
di kirim
10. Laporan Laporan berfungsi memberikan informasi semua
produk yang terjual melalui web selama perbulan
11. Konfirmasi Pembayaran Konfirmasi Pembayaran admin melakukan
approved terhadap pembayaran yang dilakukan
oleh pelanggan
12. Data Pengguna Data Pengguna disini admin dapat melihat
pelanggan yang tela terigistrasi
13. Testimoni Testimoni admin dapat approved testimony mana
saja yang boleh di tampilkan
197
3.7.10 Layer Pending Shopping
S
Gambar 3.81 Gambar Rancangan Layar Pending shipping
Pending Shipping
198
Halaman Pending Shipping pada halaman ini Admin dapat melihat barang
pesanan yang telah terkirim atau belum sehingga admin dapat melakukan
pengecekan. Dihalaman Pending shipping terdapat navigasi yang dapat di gunakan
oleh pelanggan Navigasi yang ada dalam halaman ini adalah sebagai berikut :
Tabel 3.56 Tabel Navigasi Halaman Pending Shopping
No. Navigasi Keterangan
1. Halaman Web Berfungsi untuk menginput kategori , upload
gambar , input tipe produk , masukan harga ,
diskon dan deskripsi tentang produk
2. Faq Faq berfungsi untuk menginput tentang
pertanyaan – pertanyaan yang sering di berikan
oleh pelanggan
3. Tentang Kami Tentang Kami berfungsi untuk menginput
sejarah dan latar belakang tentang Yayasan
Amai Setia
4. Sambutan Halaman Web berfungsi untuk menginput kata –
kata sambutan atau ucapan selamat datang
5. Tambah Kategori Baru Tambah Kategori Baru berfung untuk menginput
dan menambah kan kategori yang baru atau
menambah kategori yang sudah ada
6. Tambah Produk Baru Tambah Produk Baru berfungsi untuk menginput
produk yang akan di jual di web berdasarkan
199
urutan kategori yang telah di masukan
7. Edit produk Edit Produk berfungsi untuk mengedit produk
yang telah di masukan yang berdsarkan kategori
8. Pending Payment Pending Payment melakukan approved terhadap
payment yang telah di bayar oleh pelanggan
9. Pending shipping Pending Shipping melakukan approved terhadap
pending shipping barang pesanan pelanggan
telah di kirim
10. Laporan Laporan berfungsi memberikan informasi semua
produk yang terjual melalui web selama
perbulan
11. Konfirmasi Pembayaran Konfirmasi Pembayaran admin melakukan
approved terhadap pembayaran yang dilakukan
oleh pelanggan
12. Data Pengguna Data Pengguna disini admin dapat melihat
pelanggan yang tela terigistrasi
13. Testimoni Testimoni admin dapat approved testimony
mana saja yang boleh di tampilkan
200
3.7.11 Layer Konfirmasi Pembayaran
Gambar 3.83 Gambar Rancangan Layar Konfirmasi Pembayaran
Halaman Konfirmasi Pembayaran pada halaman ini admin dapat melihat
pelanggan mana saja yang telah melakukan pembayaran . Dihalaman Konfirmasi
Konfirmasi Pembayaran
201
Pembayar terdapat navigasi yang dapat di gunakan oleh pelanggan Navigasi yang ada
dalam halaman ini adalah sebagai berikut :
Tabel 3.57 Tabel Navigasi Halaman Konfirmasi Pembayaran
No. Navigasi Keterangan
1. Halaman Web Berfungsi untuk menginput kategori , upload
gambar , input tipe produk , masukan harga ,
diskon dan deskripsi tentang produk
2. Faq Faq berfungsi untuk menginput tentang pertanyaan
– pertanyaan yang sering di berikan oleh
pelanggan
3. Tentang Kami Tentang Kami berfungsi untuk menginput sejarah
dan latar belakang tentang Yayasan Amai Setia
4. Sambutan Halaman Web berfungsi untuk menginput kata –
kata sambutan atau ucapan selamat datang
5. Tambah Kategori Baru Tambah Kategori Baru berfung untuk menginput
dan menambah kan kategori yang baru atau
menambah kategori yang sudah ada
6. Tambah Produk Baru Tambah Produk Baru berfungsi untuk menginput
produk yang akan di jual di web berdasarkan
urutan kategori yang telah di masukan
7. Edit produk Edit Produk berfungsi untuk mengedit produk
yang telah di masukan yang berdsarkan kategori
202
8. Pending Payment Pending Payment melakukan approved terhadap
payment yang telah di bayar oleh pelanggan
9. Pending shipping Pending Shipping melakukan approved terhadap
pending shipping barang pesanan pelanggan telah
di kirim
10. Laporan Laporan berfungsi memberikan informasi semua
produk yang terjual melalui web selama perbulan
11. Konfirmasi Pembayaran Konfirmasi Pembayaran admin melakukan
approved terhadap pembayaran yang dilakukan
oleh pelanggan
12. Data Pengguna Data Pengguna disini admin dapat melihat
pelanggan yang tela terigistrasi
13. Testimoni Testimoni admin dapat approved testimony mana
saja yang boleh di tampilkan
203
3.7.12 Layer Data Pengguna
Gambar 3.84 Gambar Rancangan Layar Data Pengguna
Halaman Data Pengguna pada halaman ini admin web dapat melihat data-data
tentang pelanggan secara detail . Dihalaman Data Pengguna terdapat navigasi yang
Data Pengguna
204
dapat di gunakan oleh pelanggan Navigasi yang ada dalam halaman ini adalah sebagai
berikut :
Tabel 3.58 Tabel Navigasi Halaman Data Pengguna
No. Navigasi Keterangan
1. Halaman Web Berfungsi untuk menginput kategori , upload
gambar , input tipe produk , masukan harga ,
diskon dan deskripsi tentang produk
2. Faq Faq berfungsi untuk menginput tentang
pertanyaan – pertanyaan yang sering di berikan
oleh pelanggan
3. Tentang Kami Tentang Kami berfungsi untuk menginput sejarah
dan latar belakang tentang Yayasan Amai Setia
4. Sambutan Halaman Web berfungsi untuk menginput kata –
kata sambutan atau ucapan selamat datang
5. Tambah Kategori Baru Tambah Kategori Baru berfung untuk menginput
dan menambah kan kategori yang baru atau
menambah kategori yang sudah ada
6. Tambah Produk Baru Tambah Produk Baru berfungsi untuk menginput
produk yang akan di jual di web berdasarkan
urutan kategori yang telah di masukan
7. Edit produk Edit Produk berfungsi untuk mengedit produk
yang telah di masukan yang berdsarkan kategori
205
8. Pending Payment Pending Payment melakukan approved terhadap
payment yang telah di bayar oleh pelanggan
9. Pending shipping Pending Shipping melakukan approved terhadap
pending shipping barang pesanan pelanggan telah
di kirim
10. Laporan Laporan berfungsi memberikan informasi semua
produk yang terjual melalui web selama perbulan
11. Konfirmasi Pembayaran Konfirmasi Pembayaran admin melakukan
approved terhadap pembayaran yang dilakukan
oleh pelanggan
12. Data Pengguna Data Pengguna disini admin dapat melihat
pelanggan yang tela terigistrasi
13. Testimoni Testimoni admin dapat approved testimony mana
saja yang boleh di tampilkan
206
3.7.13 Layer Testimoni
S
Gambar 3.85 Gambar Rancangan Layar Testimoni
Testimoni
207
Halaman Testimoni pada halaman ini admin dapat mengapprove atau tida
testimoni yang telah di buat oleh pelanggan. Dihalaman Testimoni Pengguna terdapat
navigasi yang dapat di gunakan oleh pelanggan Navigasi yang ada dalam halaman ini
adalah sebagai berikut :
Tabel 3.59 Tabel Navigasi Halaman Testimonials
No. Navigasi Keterangan
1. Halaman Web Berfungsi untuk menginput kategori , upload
gambar , input tipe produk , masukan harga ,
diskon dan deskripsi tentang produk
2. Faq Faq berfungsi untuk menginput tentang
pertanyaan – pertanyaan yang sering di berikan
oleh pelanggan
3. Tentang Kami Tentang Kami berfungsi untuk menginput sejarah
dan latar belakang tentang Yayasan Amai Setia
4. Sambutan Halaman Web berfungsi untuk menginput kata –
kata sambutan atau ucapan selamat datang
5. Tambah Kategori Baru Tambah Kategori Baru berfung untuk menginput
dan menambah kan kategori yang baru atau
menambah kategori yang sudah ada
6. Tambah Produk Baru Tambah Produk Baru berfungsi untuk menginput
produk yang akan di jual di web berdasarkan
urutan kategori yang telah di masukan
208
7. Edit produk Edit Produk berfungsi untuk mengedit produk
yang telah di masukan yang berdsarkan kategori
8. Pending Payment Pending Payment melakukan approved terhadap
payment yang telah di bayar oleh pelanggan
9. Pending shopping Pending Shopping melakukan approved terhadap
pending shipping barang pesanan pelanggan telah
di kirim
10. Laporan Laporan berfungsi memberikan informasi semua
produk yang terjual melalui web selama perbulan
11. Konfirmasi Pembayaran Konfirmasi Pembayaran admin melakukan
approved terhadap pembayaran yang dilakukan
oleh pelanggan
12. Data Pengguna Data Pengguna disini admin dapat melihat
pelanggan yang tela terigistrasi
13. Testimonials Testimoni admin dapat approved testimonials
mana saja yang boleh di tampilkan