bab 3 analisis dan perancangan teori 3.1 gambaran …thesis.binus.ac.id/doc/bab3/2010-1-00076-if bab...

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


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


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


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


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


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


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


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


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


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


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


dari sales staf.

Start

Delivery order


End

Start

Menerima delivery order dari sales staf


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



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



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


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


melakukan login


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



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


melakukan login


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



melakukan login


Home


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


melakukan login


Home

Flow of Events 1. bg_penjualan membuka halaman

order

2. bg_penjualan melihat order

pelanggan


form


pelanggan

79

3. bg_penjualan mengubah status

order


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



melakukan login


Home


pembayaran

2. Pelanggan mengisi bukti

pembayaran

3. Pelanggan telah malakukan

pengisian


pembayaran


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



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


pembayaran

2 Sistem menampilkan Status

pembayaran


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


melakukan login


Flow of Events 1. Admin membuka halaman

laporan penjualan

2. Admin memilih tanggal transaksi


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()


Gambar 3.10 Sequence Diagram Melihat Produk

85

pelanggan website

login()

login berhasil()

data produk

view()


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()


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()


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 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


/ Memilih tombol 'Produk'

/ Memilih tombol 'tambah produk baru'


/ 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



/ Memilih tombol 'Update'


/ Mengisi form barang, Memilih tombol 'Update'

Proses

/ Menampilkan daftar barang

Gambar 3.38 Statechart Diagram Mengupdate Barang

100

/ Memilih tombol 'data pengguna'


/ 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'


/ 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


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



update, setelah itu maka jumlah

barang dan total harga akan ter-

update.


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 :


dientri



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 :


dientri


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


informasi data produk seperti

nama produk, gambar dan

harga.

7. Menu Home Pelanggan


informasi event, data

a. Data Entri :


dientri

108

visitor, dan informasi

pelanggan service Yahoo

Messanger.


Pelanggan mengakses domain

Yayasan Amai Setia, lalu akan

ada beberapa informasi yang

ditampilkan.


pelanggan mendapatkan

informasi Event, data visitor.

8. Menu FAQ Pelanggan


informasi seputar

pertanyaan jawaban yang

biasanya dibutuhkan.

a. Data Entri :


dientri


Pelanggan mengakses Menu

FAQ, lalu ada beberapa

informasi Tanya jawab.



informasi tentang seputar

pertanyaan dan jawaban yang

biasanya dibutuhkan

9. Menu Contact

Us

Pelanggan


informasi yang dapat

a. Data Entri :


dientri

109

menghubungi Yayasan

Amai Setia


Pelanggan mengakses menu

Contact Us, lalu informasi cara

menghubungi Yayasan Amai

Setia dapat dilihat.

c. Infromasi yang dihasilkan


informasi cara menghubungi

Yayasan Amai Setia baik

melalui email, yahoo

messenger, nomor hp.

10. Menu Abaout

Us

Pelanggan


informasi misi, visi dan

latar belakang dari

Yayasan Amai Setia

a. Data Entri :


dientri


Pelanggan mengakses Menu

About Us, lalu informasi latar

belakang dan visi, misi akan

ditampilkan.



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 :


dientri


Pelanggan mengakses tombol

yahoo messanger lalu akan

muncul window untuk chatting.

Pelanggan diwajibkan memilih

program yahoo messanger.


Pelanggan dapat mendapatkan

informasi dengan cara bertanya

di yahoo messanger.

12. Fungis Update

Stok

Pelanggan


informasi stok barang

yang akan dibeli

a. Data Entri:


dientri


Pelangan mengakses menu

produk lalu informasi jumlah

stok barang akan ditampilka

c. Informasi yang dihasilka


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.


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


Admin mengakses fungsi urut,

lalu informasi username dan

tanggal terbaru admin akan

ditampilkan.


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.


Admin masuk ke admin panel,

lalu admin dapat menentukan

status aktif dan tidak aktif

dengan cara menekan tombol di

bawah fungsi tampil.


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.




Admin masuk ke admin panel

lalu admin menekan tombol

status aktif di layar menu user.


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.




lalu admin lalu masuk ke menu

admin, event, roduct, dan tarif.

Lalu menekan tombol edit.


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.






admin, event, product, tarif,

user, dan penjualan.. Lalu

menekan tombol delete.


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.





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.




event dan product. Lalu

menekan tombol browse.


Admin

mendapatkan informasi gambar

yang baru.

10 Fungsi Quantity Admin

Admin bisa mengubah jumlah

stok yang ada.


mengentri

kolom Quantity yang ada di

admin panel.


116


lalu admin masuk ke menu add

product, atau ke edit product.


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.




penjualan, lalu tekan fungsi

detail.


Admin

mendapatkan informasi lengkap

penjualan.

12. Menu List

Event

Admin

Admin mendapatkan

informasi list admin yang

sudah di add.






list admin.

117


Admin

mendapatkan informasi list

admin yang sudah di add.

13. Menu List

Product

Admin

Admin mendapatkan

nformasi list product yang

sudah di add.





lalu admin masuk ke menu list

product.


Admin

mendapatkan informasi list

product yang sudah di add.

14. Fungsi Add

Product

Admin

Admin dapat menambahkan

product baru yang di

inginkan.


mengisi

kolom nama product, deskripsi

product, quantity, harga,

gambar, tampil.



lalu admin masuk ke menu add

product.


Adminmendapatkan informasi

118

add event yangsudah di add.

15. Menu Ubah

Password

Admin

Admin dapat mengubah

password admin yangsedang

login.


mengisi

kolom ubah password baru.



lalu admin masuk ke menu ubah

password.


Admin mendapatkan informasi

password baru yang sudah

diubah.

16. Menu Logout Admin

Tidak ada informasi yang

dihasilkan.





lalu admin menekan tombol

logout.


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


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


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


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


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


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


1. idym int Digunakan untuk unique key dan juga

sebagai primary key dari Faq


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


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


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


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


1. Idtransaksi int Digunakan untuk unique key dan juga

sebagai primary key dari invoice

2. email int Digunakan untuk mengetahui email

pelanggan yang memesan.


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


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



2. Product Menampilkan Semua produk yang dijual oleh

Yayasan Amai Setia


dan alamat yang dapat di hubungi oleh pelanggan


berdirinya Yayasan Amai Setia








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



13. Add Chart Keranjang belanja yang berisi data – data barang





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




Yayasan Amai Setia

3. Contact Us Halaman web yang memberikan informasi no

telp dan alamat yang dapat di hubingi oleh

pelnaggan










Yayasan Amai Setia

150







fasilitas tersebut





14. Lanjut Transaksi Menu yang akan melanjutkan transaksi

pelanggan ke tahap Transaksi detail


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




Yayasan Amai Setia



pelnaggan










Yayasan Amai Setia

153







fasilitas tersebut








oleh pelanggan


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



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





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


Yayasan Amai Setia


156





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



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




Yayasan Amai Setia












Yayasan Amai Setia


159






fasilitas tersebut








oleh pelanggan


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




Yayasan Amai Setia












Yayasan Amai Setia

162







fasilitas tersebut








oleh pelanggan


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




Yayasan Amai Setia












Yayasan Amai Setia


165






fasilitas tersebut








oleh pelanggan


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




Yayasan Amai Setia












Yayasan Amai Setia

168







fasilitas tersebut








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




Yayasan Amai Setia



pelnaggan





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


Yayasan Amai Setia






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



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


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





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








178







pending shipping barang pesanan pelanggan

telah di kirim


produk yang terjual melalui web selama

perbulan



oleh pelanggan



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







oleh pelanggan











181







di kirim





oleh pelanggan





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






pertanyaan – pertanyaan yang sering di

berikan oleh pelanggan



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


approved terhadap pembayaran yang

dilakukan oleh pelanggan





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







pelanggan











187







di kirim





oleh pelanggan





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







pelanggan











190







di kirim





oleh pelanggan





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







oleh pelanggan













193





di kirim



11. Konfirmasi

Pembayaran

Konfirmasi Pembayaran admin melakukan


oleh pelanggan





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







oleh pelanggan











196







di kirim





oleh pelanggan





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







oleh pelanggan



Amai Setia








199







pending shipping barang pesanan pelanggan

telah di kirim


produk yang terjual melalui web selama

perbulan



oleh pelanggan





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







pelanggan













202





di kirim





oleh pelanggan





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







oleh pelanggan













205





di kirim





oleh pelanggan





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







oleh pelanggan











208





9. Pending shopping Pending Shopping melakukan approved terhadap


di kirim





oleh pelanggan



13. Testimonials Testimoni admin dapat approved testimonials


bab 3 analisis dan perancangan teori 3.1 gambaran …thesis.binus.ac.id/doc/bab3/2010-1-00076-if bab...

Documents