Anda di halaman 1dari 83

BAB IV

ANALISIS DAN PERANCANGAN

4.1 Analisis Sistem Berjalan


Analisis sistem, merupakan tahap pertama dari metode prototype sebelum
merancang sistem yang akan dibangun sesuai dengan yang diharapkan user. Pada
analisis sistem yang berjalan saat ini, dilakukan observasi dan kuesioner untuk
mengetahui prosedur yang sedang berjalan untuk perancangan sistem yang baru
dan harus diketahui pula hal-hal yang menjadi tujuan pemakai sehingga masalah
tersebut dapat didefinisikan secara jelas, kemudian menganalisis hasil observasi
dan kuesioner yang dilakukan dalam pengumpulan data.

4.1.1 Use Case Diagram


Use Case Diagram menggambarkan aktor yang melakukan prosedur
dalam sistem serta fungsi-fungsi (proses) yang terlibat dalam perubahan fungsi
pada Butik Zanila Family. Adapun Use Case Diagram yang berjalan saat ini pada
sistem pemasaran, pemesanan dan pelayanan pelanggan adalah sebagai berikut :

Gambar 4.1 Use Case Diagram Sistem Berjalan


4.1.1.1 Aktor
Aktor merupakan orang yang berinteraksi dengan Butik Zanila Family
yaitu Pelanggan dan Butik Zanila Family (pegawai/pimpinan). Adapun kegiatan
yang dilakukan oleh aktor akan dijelaskan pada Tabel 4.1.
Tabel 4.1 Aktor dan Deskripsinya
No Aktor Deskripsi
1 Pelanggan Pihak yang dapat melakukan proses pemesanan,
pemasaran, dan pelayanan pelanggan.
2 Butik Zanila Pihak yang bertugas dalam melakukan pelayanan
Family pelanggan, proses pendaftaran pelanggan, pemasaran, serta
pemesanan.

4.1.1.2 Use Case


Use Case merupakan proses bisnis yang dilakukan oleh pelanggan dan
Butik Zanila Family dalam melakukan pelayanan, pemasaran, penjualan dan olah
data barang. Use Case mendeskripsikan apa yang pelanggan dan Butik Zanila
Family kerjakan tetapi tidak menspesifikasikan bagaimana ia melakukannya.
Tabel 4.2 Use Case dan Deskripsinya
No. Use Case Deskripsi
1 Pelayanan Merupakan proses yang dikelola oleh Butik Zanila (bagian
pelayanan) dimana bagian pelayanan memberikan suatu
pelayanan kepada pelanggan, kemudian akan disimpan sebagai
tolak ukur kemajuan Butik Zanila.
2 Pemasaran Merupakan proses yang dikelola oleh bagian pemasaran dimana
bagian pemasaran memberikan Informasiproduk kepada
pelanggan.
3 Penjualan Merupakan proses yang dikelola oleh bagian penjualan dimana
pelanggan dapat melakukan pemesanan produk, kemudian proses
kesepakatan, pembayaran dan pengiriman semua dilakukan pada
proses ini.
4 Olah Data Merupakan proses penegelolaan data stok barang
Barang

4.1.1.3 Skenario Use Case


Sekenario Use Case mendeskripsikan pelanggan dan Butik Zanila yang
melakukan prosedur dalam sistem, serta menjelaskan respon yang ditanggapi

45
oleh sistem tersebut terhadap prosedur yang dilakukan oleh pelanggan dan Butik
Zanila. Berikut adalah skenario Use Case yang berjalan saat ini, yaitu :
1. Skenario Use Case Sistem Pelayanan Pelanggan
Interaksi antara aktor dengan Use Case pelayanan yang dijelaskan dalam
skenario Use Case sebagai berikut :
Tabel 4.3 Skenario Use Case Pelayanan Pelanggan
Identifikasi
Nomor 1
Nama Pelayanan
Tujuan Untuk interaksi Butik Zanila dengan pelanggan dalam hal pelayanan
pelanggan, berupa keluhan, kritik atau saran
Aktor Calon Pelanggan, Pelanggan
Worker Butik Zanila
Skenario Utama
Aksi Aktor Tanggapan Sistem
1. Calon Pelanggan/Pelanggan
menyampaikan keluhan, kritik, atau
saran kepada Butik Zanila
2. Butik Zanila memproses penyampaian
keluhan, kritik atau saran dari calon
pelanggan/pelanggan

2. Skenario Use Case Sistem Pemasaran


Interaksi antara aktor dengan Use Case pemasaran yang dijelaskan dalam
skenario Use Case sebagai berikut :
Tabel 4.4 Skenario Use Case Pemasaran
Identifikasi
Nomor 2
Nama Pemasaran
Tujuan Untuk mempromosikan produk Butik Zanila kepada pelanggan
Aktor Calon Pelanggan, Pelanggan
Worker Butik Zanila
Skenario Utama
Aksi Aktor Tanggapan Sistem

46
1. Butik Zanila membuat brosur atau
katalog untuk mempromosikan produk dari
Butik Zanila
2. Calon Pelanggan/Pelanggan
menerima brosur atau membeli katalog

Butik Zanila akan mengecek stok barang, apakah masih ada stoknya atau
tidak. Interaksi antara aktor dengan Use Case olah data barang yang dijelaskan
dalam skenario Use Case sebagai berikut :
Tabel 4.5 Skenario Use Case Olah Data Barang
Identifikasi
Nomor 2.1
Nama Olah Data Barang
Tujuan Untuk mengecek stok barang
Aktor Butik Zanila
Worker Butik Zanila
Skenario Utama
Aksi Aktor Tanggapan Sistem
1. Perusahan mengecek data barang
yang kosong ke gudang
2. Membuat daftar barang yang kosong
3. Skenario Use Case Sistem Penjualan
Interaksi antara aktor dengan Use Case pemesanan yang dijelaskan dalam
skenario Use Case sebagai berikut :
Tabel 4.6 Skenario Use Case Penjualan
Identifikasi
Nomor 3
Nama Penjualan
Tujuan Untuk melakukan proses penjualan ke pelanggan
Aktor Calon Pelanggan, Pelanggan
Worker Butik Zanila
Skenario Utama
Aksi Aktor Tanggapan Sistem
1. Calon pelanggan/pelanggan
melakukan pemesanan produk

47
kepada Butik Zanila dengan cara.
datang langsung ke butik atau
dengan melihat katalog, kemudian
memesan melalui line telepon
2. Butik Zanila memproses data
pemesanan calon pelanggan/pelanggan
4.1.2 Evaluasi Sistem
Melihat sistem pendaftaran pelanggan, pemasaran, pemesanan dan
pelayanan pelanggan yang sedang berjalan pada Butik Zanila yang masih
menggunakan sistem manual, maka dapat disimpulkan beberapa kekurangan
dalam prosedur yang sedang berjalan, diantaranya :
Tabel 4.7 Evaluasi Sistem
No. Permasalahan Bagian Rancangan Solusi
1 Proses permintaan Butik Zanila Dibuatnya sistem
pendaftaran pelanggan Informasiyang memiliki
dilakukan dengan proses database yang di dapat
pencatatan yaitu dengan cara menginput, menyimpan, dan
pelanggan datang langsung ke mengelola data pelanggan baru
Butik Zanila. Proses dan diharapkan dapat lebih
penyimpanan data masih mempermudah pelanggan
dilakukan dengan cara dalam melakukan pendaftaran
pengarsipan. pelanggan, dan dapat
mempermudah Bagian
Pelayanan Pelanggan dalam
menginput, menyimpan dan
mengelola data pelanggan.

2 Proses pelayanan pelanggan Butik Zanila Membangun system


masih menggunakan line Informasiyang dapat
telepon untuk berinteraksi mempermudah, mempercepat
dengan pelanggan, dan belum dalam proses pelayanan
adanya sarana untuk proses pelanggan, berinteraksi dengan
pemberian keluhan, kritik dan pelanggan secara langsung
saran. melalui media website dan
penyimpanan data keluhan,
kritik, dan saran pelanggan
yang dibutuhkan oleh Butik
Zanila.
3 Proses pemasaran produk Butik Zanila Membangun system
masih menggunakan proses Informasiyang dapat

48
manual yaitu dengan mempermudah proses
menyebarkan brosur atau pemasaran yang dilakukan oleh
mengajukan surat penawaran Butik Zanila melalui media
dan melalui tatap muka secara website, sehingga pelanggan
langsung dengan pelanggan. selalu mendapatkan
Informasiterbaru mengenai
produk dan Butik Zanila.
4 Proses pemesanan produk Butik Zanila Membangun system
masih menggunakan line Informasiyang diharapkan
telepon dan tatap muka secara dapat lebih mempermudah
langsung dengan pelanggan. proses pemesanan yang
dilakukan oleh pelanggan
dimana pelanggan dapat
melakukan pemesanan melalui
media website tanpa harus
langsung datang ke Butik
Zanila.

4.1.3 Analisis Sistem Yang Berjalan Berdasarkan Hasil Observasi


Cara yang digunakan peneliti untuk mendapatkan data observasi adalah
peneliti melakukan pengamatan langsung ke Butik Zanila dan mengamati proses
bisnis di Butik tersebut. Pada proses pengamatan peneliti menggunakan lembar
observasi sebagai acuan dalam penilaian aspek-aspek yang diteliti setiap
materinya. Adapun indikator/kriterianya pengamatannya adalah sebagai berikut:
1. Indikator untuk organisasi dan management yaitu :
a. Aturan yang diterapkan oleh Butik tidak menghambat dalam
pengambilan keputusan.
b. Imbalan atau gaji yang diberikan cukup memuaskan.
c. Pembagian tugas dan tanggung jawab masing-masing kurang
optimal.
d. Struktur organisasi yang terbentuk sederhana, sehingga belum
dapat mengkordinasi Butik dengan baik.
e. Perhatian Butik dirasa kurang terhadap karyawan.
2. Indikator untuk Pemasaran yaitu :
a. Kualitas produk yang dipasarkan baik dan selalu dipertahankan.
b. Promosi, iklan dan pubikasi yang di lakukan sudah sesuai dengan
keinginan butik.

49
c. Sistem pemasaran yang langsung (door to door) mengakibatkan
tekanan terhadap tenaga penjualnya (menentukan dengan target
penjualan).
d. Kurang dikenalnya produk oleh konsumen.
e. Harga jual yang masih tinggi.
3. Indikator untuk Sumber Daya Manusia yaitu :
a. SDM memiliki pengetahuan, ketrampilan dan komunikasi yang
baik
b. Hubungan kekeluargaan yang erat antara sesama karyawan.
c. Memiliki SDM yang dapat dihandalkan.
d. Karyawan kurang disiplin.
e. Kurangnya tenaga kerja.
4. Indikator untuk Ekonomi yaitu :
a. Pertumbuhan perekonomian penduduk sehingga mempengaruhi
terhadap omset Butik.
b. Nilai tukar mata uang rupiah terhadap mata uang dolar cendrung
menguat mengakibatkan minat untuk membeli
c. Harga barang cendrung terus naik sehingga menurunnya minat
konsumen untuk membeli
d. Perekonomian nasional yang baru tumbuh pasca krisis dan belum
stabil
5. Indikator untuk Teknologi yaitu :
a. Teknologi Informasiyang semakin maju.
b. Teknologi yang berbasis komputer memudahkan setiap kegiatan.
c. Kondisi teknologi Informasiyang semakin pesat menyebabkan
persaingan antar Butik akan semakin ketat.
d. Kemajuan teknologi menyebabkan orang bertindak pemalsuan dan
penipuan terhadap produk.
6. Indikator untuk Konsumen dan Pesaing yaitu :
a. Prilaku konsumen yang selektif dan sensitif terhadap produk.
b. Daya tawar menawar konsumen tinggi.

50
c. Kerjasama dengan pesaing dalam sistem profit sharing atau
pembagian hasil (produk dari kita).
d. Adanya pesaing bisa menjadi tolak ukur untuk lebih meningkatkan
kualitas dan kuantitas produk.
e. Persaingan yang tinggi dalam penjualan pakaian.

Untuk mengukur aspek organisasi dan management, pemasaran, sumber


daya manusia, ekonomi, teknologi dan konsumen dan pesaing adalah dengan
melihat indikator diatas. Dengan keterangan :
Sangat baik : seluruh indikator terpenuhi
Baik : 3 indikator terpenuhi
Cukup baik : 2 indikator terpenuhi
Tidak baik : 1 indikator terpenuhi
Sangat tidak baik : tidak ada indikator yang terpenuhi
Adapun data yang didapat dari observasi yang telah dilakukan peneliti
terhadap system yang telah diterapkan pada Butik Zanila adalah sebagai berikut :
Tabel 4.8 Hasil observasi sistem yang berjalan

Aspek yang diamati Kondisi


1. Sangat tidak baik
2. Tidak baik

Organisasi & Management 3. Cukup baik


4. Baik
5. Sangat baik
1. Sangat tidak baik
2. Tidak baik

Pemasaran 3. Cukup baik


4. Baik
5. Sangat baik
1. Sangat tidak baik
2. Tidak baik
Sumber Daya Manusia
3. Cukup baik
4. Baik

51
5. Sangat baik
1. Sangat tidak baik
2. Tidak baik

Ekonomi 3. Cukup baik

4. Baik
5. Sangat baik
1. Sangat tidak baik
2. Tidak baik
3. Cukup baik
Teknologi
4. Baik

5. Sangat baik
1. Sangat tidak baik
2. Tidak baik

Konsumen & Pesaing 3. Cukup baik


4. Baik
5. Sangat baik

Keberhasilan system yang berjalan : Kurang Berhasil, persentase keberhasilan


adalah : 70 %.

Keterangan :

Berdasarkan hasil observasi diperoleh pengamatan sebagai berikut :


1. Struktur Organisasi dan management terdapat tiga indikator yang diteliti
terpenuhi. Hal ini dikarenakan Butik Zanila memiliki struktur organisasi
yang sederhana mengakibatkan pembagian tugas yang kurang jelas,seperti
satu orang karyawan memegang dua jenis pekerja yaitu kasir dan
pelayanan, pengambilan keputusan yang dilakukan oleh pengelola butik
terkadang tidak sesuai dengan aturan yang ada sehingga karyawan merasa
bingung dengan tugas yang diberikan.
2. Adapun pemasaran pada Butik Zanila terdapat tiga indikator terpenuhi,
dikarenakan harga jual produk yang masih tinggi antara Rp 100.000 – Rp

52
500.000 dan promosi yang dilakukan pengelola butik melalui katalog atau
door to door.
3. Sumber Daya Manusia dikategorikan cukup baik, karena Butik Zanila
memiliki tenaga kerja yang terampil, serta hubungan kekeluargaan yang
erat antara sesama karyawan dan pengelola selama ini, tetapi dibalik itu
ada karyawan yang kurang disiplin terhadap waktu kerja yang telah
ditentukan oleh butik.
4. Ekonomi dikategorikan cukup baik. Pertumbuhan ekonomi di indonesia
pada beberapa ini menunjukan gejala yang membaik, setelah terpuruk
akibat kondisi politik yang tidak menentu dan krisis moneter, pertumbuhan
ekonomi di tanah air mulai menunjukan peningkatan yang sangat berarti.
Sejak masuk tahun 2014 nilai tukar rupiah terhadap dolar AS cendrung
meningkat rata-rata mencapai Rp 12.000,- dan selanjutnya menurun
menjadi Rp 11.800,- sejak minggu pertama bulan Mei.
5. Aspek teknologi dikategorikan baik, namun pada proses pemasaran tidak
menggunakan infrastruktur IT, tetapi ketersedian infrastruktur IT pada
Butik Zanila sudah mendukung. Adapun infarstruktur teknologi
Informasiyang ada adalah Komputer dan Speedy.
6. Konsumen dan Pesaing dikategorikan baik, terkadang konsumen secara
aktif mencari Informasimengenai produk untuk mengevaluasi dan
mempertimbangkan pilihan beberapa merek dengan menetapkan kriteria
tertentu seperti merk, design dan harga murah. Subjek pengambilan
keputusan yang komplek adalah sangat penting serta dalam tawar-
menawar konsumen yang sangat tinggi.

4.1.4 Analisis SWOT


Teknik analisis ini dipakai untuk melihat faktor eksternal dan internal dari
proses bisnis yang telah berlangsung. Adapun tahapannya adalah yang pertama
mengumpulkan data yang didapatkan dari observasi dan wawancara. Setelah itu
data tersebut diklasifikasikan antara faktor eksternal dan internal. Adapun faktor
ekternal dan internal dari analisis SWOT dari sistem lama adalah sebagai berikut:

53
Tabel 4.9 Faktor Intenal dan Eksternal
Faktor Internal Kekuatan Kelemahan
a) Aturan yang diterapkan a) Pembagian tugas dan
Organisasi &
oleh perusahaan tidak tanggung jawab masing-
Management menghambat dalam masing kurang optimal.
pengambilan keputusan b) Struktur organisasi yang
memuaskan. terbentuk sederhana,
b) Imbalan atau gaji yang sehingga belum dapat
diberikan cukup mengkordinasi perusahaan
dengan baik.
c) Perhatian perusahaan dirasa
kurang terhadap karyawan.
a) Kualitas produk yang a) Sistem pemasaran yang
Pemasaran
dihasilkan baik dan selalu langsung (door to door)
dipertahankan. mengakibatkan tekanan
b) Promosi, ikan dan pubikasi terhadap tenaga penjualnya
yang di lakukan sudah (menentukan dengan target
sesuai dengan keinginan penjualan).
perusahan ternama.. b) Kurang dikenalnya produk
c) Promosi, ikan dan pubikasi oleh konsumen.
yang di lakukan sudah c) Harga jual yang masih
sesuai dengan keinginan tinggi.
perusahan. d) Belum memiliki hak paten
d) Saluran distribusi yang terhadap produk.
baik dengan menjalin e) Kurang promosi yang
kerjasama dengan dilakukan oleh perusahaan.
beberapa perusahaan
ternama.
a) SDM memiliki a) Karyawan kurang disiplin
Sumber Daya
pengetahuan, ketrampilan b) Kurangnya tenaga kerja
Manusia
dan komunikasi yang baik
(sudah mendapatkan
pelatihan terlebih dahulu).
b) Hubungan kekeluargaan
yang erat antara sesama
karyawan.
c) Memiliki SDM yang dapat
dihandalkan
a) Pertumbuhan a) Harga barang cendrung
Ekonomi
perekonomian penduduk terus naik sehingga
sehingga mempengaruhi menurunnya minat
terhadap omset konsumen untuk membeli
perusahaan. produk.

54
b) Nilai tukar mata uang b) Perekonomian nasional
rupiah terhadap mata uang yang baru tumbuh pasca
dolar cendrung menguat krisis dan belum stabil.
mengakibatkan minat
untuk membeli produk.
a) Teknologi Informasiyang a) Kemajuan teknologi
Teknologi
semakin maju. menyebabkan orang
b) Teknologi yang berbasis bertindak pemalsuan dan
computer memudahkan penipuan terhadap produk.
setiap kegiatan. b) Kondisi teknologi
Informasiyang semakin
pesat menyebabkan
persaingan antar perusahaan
akan semakin ketat.

a) Perilaku konsumen yang a) Daya tawar menawar


Konsumen &
selektif dan sensitif konsumen tinggi.
Pesaing
terhadap produk. b) Persaingan yang tinggi
b) Kerjasama dengan pesaing dalam penjualan pakaian.
dalam sistem profit
sharing atau pembagian
hasil (produk dari kita).
c) Adanya pesaing bisa
menjadi tolak ukur untuk
lebih meningkatkan
kualitas dan kuantitas
produk.

4.1.5. Matriks SWOT Analisis


Alat yang dipakai untuk menyusun faktor-faktor strategi Butik Zanila
adalah dengan menggunakan matrik SWOT. Matrik ini dapat menggambarkan
secara jelas bagaimana peluang dan ancaman eksternal yang dihadapi perusahaan
dapat disesuaikan dengan kekuatan dan kelemahan yang dimilikinya. Matrik ini
dapat menghasilkan empat set kemungkinan alternatif strategi yaitu :
1. Strategi SO
Strategi ini dibuat berdasarkan jalan pikiran perusahaan, yang dengan
memanfaatkan kekuatan untuk merebut dan mamanfaatkan peluang
sebesar-besarnya.
2. Strategi ST

55
Ini adalah stretegi dalam menggunakan kekuatan yang dimiliki
perusahaan untuk mengatasi ancaman.
3. Strategi WO
Strategi ini diterapkan berdasarkan pemanfaatan peluang yang ada
dengan cara mengatasi kelemahan-kelemahan yang dimiliki.
4. Strategi WT
Strategi ini didasarkan pada kegiatan yang bersifat defensif dan berusaha
untuk meminimalkan kelemahan yang ada serta menghindari ancaman.

Delapan tahapan membentuk matriks SWOT :


1. Buat daftar peluang kunci ekternal perusahaan.
2. Buat daftar ancaman kunci ekternal perusahaan.
3. Buat daftar kekuatan kunci internal perusahaan.
4. Buat daftar peluang kunci internal perusahaan.
5. Cocokkan kekuatan-kekuatan internal den peluang-peluang ekternal dan
catat hasilnya dalam sel strategi SO.
6. Cocokkan kelemahan-kelemahan internal den peluang-peluang ekternal
dan catat hasilnya dalam sel strategi WO.
7. Cocokkan kekuatan- kekuatan internal den ancaman-ancaman ekternal
dan catat hasilnya dalam sel strategi ST.
8. Cocokkan kelemahan-kelemahan internal den ancaman-ancaman ekternal
dan catat hasilnya dalam sel strategi WT.

Tabel 4.10 Matriks SWOT


Strengths (S) Weaknesses (W)
Internal
a. Aturan yang diterapkan a. Pembagian tugas dan
oleh perusahaan tidak tanggung jawab masing-
menghambat dalam masing kurang optimal.
pengambilan b. Struktur organisasi yang
keputusan. terbentuk sederhana,
b. Imbalan atau gaji yang sehingga belum dapat
diberikan cukup mengkordinasi perusahaan
memuaskan. dengan baik.
c. Kualitas produk yang c. Perhatian perusahaan
dihasilkan baik dan dirasa kurang terhadap
selalu dipertahankan. karyawan.
Promosi, iklan dan d. Sistem pemasaran yang

56
pubikasi yang langsung (door to door)
dilakukan sudah sesuai mengakibatkan tekanan
dengan keinginan terhadap tenaga penjualnya
(menentukan dengan target
perusahan.
penjualan).
d. SDM memiliki e. Kurang dikenalnya produk
pengetahuan,keterampil oleh konsumen.
an dan komunikasi f. Harga jual yang masih
yang baik (sudah tinggi.
mendapatkan pelatihan g. Karyawan kurang disiplin
terlebih dahulu). h. Kurang promosi yang
dilakukan oleh perusahaan.
e. Hubungan
i. Karyawan kurang disiplin
kekeluargaan yang erat j. Kurangnya tenaga kerja
Eksternal antara sesama
karyawan.
f. Memiliki SDM yang
dapat dihandalkan.
Opportunities (O) Strategi (SO) Strategi (WO)
a. Pertumbuhan a. Memperluas daerah a. Meperkuat strategi 4p
perekonomian pemasaran dengan cara (produk, price, place,
penduduk sehingga promosi, iklan, dan promotion).
mempengaruhi publikasi. b. Memperluas pangsa pasar.
terhadap omset b. Meningkatkan kualitas c. Menambah tenaga kerja
perusahaan. SDM yang sudah ada yang kompeten.
b. Nilai tukar mata uang demi mencapai target.
rupiah terhadap mata c. Melakukan penjualan
uang dolar cendrung produk yang bermutu
menguat tinggi.
mengakibatkan minat d. Menambah relasi untuk
untuk membeli. mendapatkan pelanggan
Teknologi atau konsumen baru
Informasiyang dengan cara melakukan
semakin maju. kerja sama dengan
c. Teknologi yang perusahaan lain,
berbasis komputer contohnya kerja sama
memudahkan setiap dengan perusahaan
kegiatan. penjual produk yang
Prilaku konsumen sama.
yang selektif dan
sensitif terhadap
produk.
d. Kerjasama dengan
pesaing dalam sistem
profit sharing atau
pembagian hasil

57
(produk dari kita).
e. Adanya pesaing bisa
menjadi tolak ukur
untuk lebih
meningkatkan
kualitas dan kuantitas
produk
Threats (T) Strategi (ST) Strategi (WT) .
a. Harga barang a. Mempertahankan a. Menerapkan sistem bonus
cendrung terus naik kualitas produk serta yang sesuai berdasarkan
sehingga menurunnya meningkatkan kualitas jumlah transaksi.
minat konsumen produk sedikit demi b. Meningkatkan strategi
untuk membeli. sedikit apabila yang dipakai sekarang ini.
b. Perekonomian memungkinkan dengan c. Memperhatikan
nasional yang baru harga yang bersaing. kesejahteraan karyawan.
tumbuh pasca krisis b. Melihat dari kondisi
dan belum stabil. sosial, politik, ekonomi
a. Semakin banyak dan teknologi di
perusahaan sejenis Indonesia maka
sehingga berpengaruh perusahaan seminimal
pada penjualan mungkin bisa
produk. menghemat
b. Daya beli masyarakat pengeluaran, strategi
sangat tergantung pemasaran yang benar
pada kondisi dan tepat pada sasaran
ekonomi, apabila tanpa
kondisi ekonomi mengesampingkan
menurun, daya beli kualitas produk.
masyarakat ikut c. Memanfaatkan kerja
menurun. sama dan hubungan
c. Kemajuan teknologi baik dengan konsumen
menyebabkan orang untuk meredam para
bertindak pemalsuan pesaing.
dan penipuan d. Meminimalisasi harga
terhadap produk. produk dan
Kondisi teknologi meningkatkan jaminan
Informasiyang garansi produk.
semakin pesat
menyebabkan
persaingan antar
perusahaan akan
semakin ketat.
d. Daya tawar menawar
konsumen tinggi.

58
e. Persaingan yang
tinggi dalam
penjualan pakaian.

4.1.6 Hasil Penelitian Kepuasan Pelanggan Berdasarkan Kuesioner


Setelah proses penelitian melalui observasi dilakukan, dilanjutkan dengan
penyebaran kuesioner dengan sampel adalah pelanggan Butik Zanila Family yang
berjumlah 60 orang. Dari proses penyebaran kuesioner yang dilakukan semuanya
dapat dikumpulkan dan terisi dengan baik.
4.1.6.1 Populasi dan Sampel
pelanggan yang terdaftar dan aktif tahun 2014 pada Butik Zanila di
Pekanbaru berjumlah 150 orang. Berdasarkan jumlah ini didapat sampel sebanyak
60 responden. Penarikan sampel ini berdasarkan rumus Slovin yang dikutip oleh
Kuncoro (2008). Rumus penarikan sampel seperti pada Form ula berikut ini :

N
n
1  Ne 2

Keterangan :
n : Sampel
N : Populasi
e : Taraf Kesalahan (10%)
Jumlah populasi (N) : 150 Responden
150
n
1  (150).(0,1) 2

150 150
n   60
1  1,5 2,5

Jadi jumlah sampelnya adalah : 60 orang responden


4.1.6.2 Deskripsi Umum Responden
Sesuai dengan sampel yang telah ditetapkan, maka peneliti melakukan
penyebaran kuesioner terhadap 60 pelanggan Butik Zanila Family. Adapun
karakteristik dari responden yang diteliti adalah sebagai berikut:

59
a. Jenis Kelamin Responden
Dari hasil penelitian dilihat dari jenis kelamin maka hasil yang
diperoleh adalah sebagai berikut :
Tabel 4.11 Jenis Kelamin

Frequency Percent Cumulative


Percent
Pria 18 30.0 30.0
Valid Wanita 42 70.0 100.0
Total 60 100.0
Untuk jenis kelamin Pria ada 18 orang pelanggan, sedangkan untuk
jenis kelamin wanita terdapat 42 orang pelanggan. Dari keseluruhan
responden seluruhnya adalah wanita yang memang lebih sering
berbelanja ke Butik Zanila Family daripada pria. Hal ini dapat
memudahkan butik dalam menjalin hubungan dengan pelanggan,
karena pemilik butik seorang wanita.
b. Umur Responden
Dari hasil penelitian dilihat dari segi umur maka hasil yang diperoleh
adalah sebagai berikut :
Tabel 4.12 Umur

Frequency Percent Cumulative


Percent
>= 40 Tahun 16 26.7 26.7
30-39 Tahun 18 30.0 56.7
Valid 20-29 Tahun 10 16.7 73.3
<=19 Tahun 16 26.7 100.0
Total 60 100.0
Untuk umur antara lebih dari 40 tahun ada 16 orang pelanggan,
sedangkan dengan rentang umur 30-39 terdapat 18 pelanggan, untuk
rentang umur 20-29 tahun terdapat 10 orang pelanggan dan umur 19
tahun kebawah terdapat 16 orang pelanggan. Dari keseluruhan
responden seluruhnya kebanyakan umur 30-39 tahun.

60
c. Berapa lama mengenal Bisnis Online
Dari hasil penelitian dilihat dari segi berapa lama mengenal Bisnis
Online maka hasil yang diperoleh adalah sebagai berikut :
Tabel 4.13 Mengenal Bisnis Online

Frequency Percent Cumulative


Percent
<= 1 Tahun 10 16.7 16.7
2 Tahun 12 20.0 36.7
3 Tahun 9 15.0 51.7
Valid
4 Tahun 13 21.7 73.3
>= 5 Tahun 16 26.7 100.0
Total 60 100.0
Dari 60 orang pelanggan di Butik Zanila Family yang mengenal bisnis
online kurang dari 1 tahun ada 10 orang pelanggan, 2 tahun terdapat 12
orang pelanggan, untuk 3 tahun 9 orang pelanggan, sedangkan 4 tahun
ada 13 orang dan lebih dari 5 tahun ada 15 orang pelangan. Hal ini
akan memudahkan butik dalam membangun bisnis online, karena
jumlah pelanggan yang mengenal bisnis online 2 – 5 tahun sebanyak
50 orang pelanggan.
4.1.6.3 Uji Instrumen (Uji validitas dan reliabilitas)
Validitas instrumen dilakukan untuk mengetahui kemampuan serta tingkat
ketepatan instrument/alat ukur untuk mengukur apa yang seharusnya diukur.
Setelah instrumen diuji coba kepada responden kemudian dihitung korelasinya
untuk mengetahui pertanyaan dalam kuisioner tersebut valid atau tidak. Untuk
mengetahui valid tidaknya suatu pertanyaan kuisioner dapat dilihat dari nilai
koefisien korelasi antara taraf signifikan 5% dengan melihat Tabel ”r”. Dengan
tingkat signifikansi 5%, maka nilai R_Tabel untuk sampel 60 responden adalah
0.254.
Setelah melakukan validitas, maka perlu mengukur reliabilitas data,
apakah alat ukur dapat dipercaya atau tidak dan dapat digunakan sebagai alat
pengumpul data. Semakin besar nilai reliabilitasnya maka semakin reliable
(dipercaya) instrument penelitian tersebut. Pada penelitian ini untuk mengetahui

61
reliabilitas dari instrumen, dengan menggunakan rumus alpha-Cronbach.
Pengukuran nilai metode Alpha-Cronbach menghasilkan nilai alpha dengan skala
0-1, yang dikelompokan dalam lima kelas. Adapun nilai masing-masing kelas dan
tingkat reliabelnya seperti pada Tabel berikut menurut Nugroho (2011) :

Tabel 4.14 Kelas Reliabilitas


Alpha Tingkat Reliabilitas
0.00-0.20 Kurang Reliabel
0.201-0.40 Agak Reliabel
0.401-0.60 Cukup Reliabel
0.601-0.80 Reliabel
0.801-1.00 Sangat Reliabel
Dari keseluruhan pertanyaan pada instrument penelitian yang diajukan
kepada responden maka didapatkan hasil kevaliditasan dan reliabilitasnya adalah
sebagai berikut:
Tabel 4.15 Statistik Reabilitas
Cronbach's N of Items
Alpha
.947 18
4.1.6.4 Deskripsi Tingkat Kepuasan Berdasarkan Variabel
Dari rekapitulasi jawaban responden yang telah diolah menggunakan IBM
SPSS 20 for windows 7, maka didapat persentase untuk variabel reability seperti
pada Tabel berikut ini :

Tabel 4.16 Frekuensi dan persentase jawaban responden variabel reability


TANGGAPAN SANGAT TIDAK NETRAL PUAS SANGAT
RESPONDEN TIDAK PUAS PUAS
PUAS
ITEM NO. F % F % F % F % F %
1 2 3.3 7 11.7 25 41.7 24 40 2 3.3
2 0 0 12 20 22 36.7 26 43.3 0 0
3 1 1.7 10 16.7 20 33.3 29 48.3 0 0
4 1 1.7 10 16.7 20 33.3 24 40 5 8.3
Rata-rata 1.68 16.28 36.25 42.9 2.9

62
Dari hasil pengolahan data tersebut dapat disimpulkan bahwa persepsi
responden terhadap variabel reability dalam memberikan jasa secara akurat sesuai
dengan yang dijanjikan sudah memuaskan, namun masih terdapat responden yang
menyatakan sangat tidak puas.Dari hasil yang telah diolah penulis menyimpulkan,
adapun indikator yang mungkin membuat responden menyatakan sangat tidak
puas adalah karena responden lebih suka membayar secara tunai daripada melalui
transfer rekening. Indikator diatas penulis simpulkan berdasarkan persentase
jawaban responden tiap item atau atributnya.
Pada variabel responsiveness atau cepat tanggap, maka didapat persentase
sebagai berikut :
Tabel 4.17 Frekuensi dan persentase jawaban responden 63ariable responsiveness
TANGGAPAN SANGAT TIDAK NETRAL PUAS SANGAT
RESPONDEN TIDAK PUAS PUAS
PUAS
ITEM NO. F % F % F % F % F %
1 0 0 10 16.7 18 30 21 35 11 18.3
2 0 0 5 8.3 25 41.7 27 45 3 5
3 0 0 5 8.3 26 43.3 23 38.3 6 10
Rata-rata 0.0 11.1 38.33 39.43 11.1
Dari hasil pengolahan data tersebut dapat disimpulkan bahwa persepsi
responden terhadap variabel responsiveness adalah puas. Berarti persentase
terendah adalah responden tidak menyatakan puas dan tidak pula menyatakan
tidak puas. Dari hasil analisis penulis hal ini terjadi karena selama ini Butik Zanila
Family memberikan Informasiproduk baru melalui katalog yang dibeli pelanggan
ataupun datang langsung ke butik.
Selanjutnya, pada variabel assurance atau jaminan, persentase yang
didapat adalah sebagai berikut :
Tabel 4.18 Frekuensi dan persentase jawaban responden variabel assurance
TANGGAPAN SANGAT TIDAK NETRAL PUAS SANGAT
RESPONDEN TIDAK PUAS PUAS
PUAS
ITEM NO. F % F % F % F % F %

63
1 1 1.7 5 8.3 22 36.7 29 48.3 3 5
2 1 1.7 12 20 19 31.7 21 35 7 11.7
3 2 3.3 7 11.7 23 38.3 24 40 4 6.7
4 1 1.7 5 8.3 21 35 25 41.7 8 13.3
Rata-rata 2.1 12.08 35.43 41.25 9.18
Setelah mengamati hasil persentase dengan atribut pertanyaan yang
penulis ajukan, adapun rata-rata responden menyatakan sangat tidak puas terletak
pada karyawan kurang terampil dalam melayani pelanggan. Menurut analisis
penulis, hal ini dikarenakan produk-produk yang ditawarkan sudah disediakan di
katalog sehingga ketika pelanggan ingin membeli produk yang ada di butik, cukup
melihat Informasiproduk melalui katalog.
Selanjutnya, pada variabel emphaty, persentase yang didapat adalah
sebagai berikut :
Tabel 4.19 Frekuensi dan persentase jawaban responden variabel emphaty
TANGGAPAN SANGAT TIDAK NETRAL PUAS SANGAT
RESPONDEN TIDAK PUAS PUAS
PUAS
ITEM NO. F % F % F % F % F %
1 0 0 8 13.3 19 31.7 26 43.3 7 11.7
2 1 1.7 4 6.7 24 40 28 46.7 3 5
3 1 1.7 8 13.3 16 26.7 30 50 5 8.3
Rata-rata 1.13 11.1 32.8 46.67 8.33

Dari hasil pengolahan data tersebut dapat disimpulkan bahwa rata-rata


persepsi responden terhadap variabel emphaty adalah puas. Berarti persentase
terendah adalah responden tidak menyatakan tidak puas dan sangat tidak puas.
Dari hasil analisis penulis hal ini terjadi karena karyawan tidak terlalu
memberikan perhatian secara khusus kepada setiap pelanggan.
Selanjutnya, pada variabel tangibles atau kasat mata, persentase yang
didapat adalah sebagai berikut :
Tabel 4.20 Frekuensi dan persentase jawaban responden variabel tangibles
TANGGAPAN SANGAT TIDAK NETRAL PUAS SANGAT
RESPONDEN TIDAK PUAS PUAS

64
PUAS
ITEM NO. F % F % F % F % F %
1 1 1.7 3 5 27 45 27 45 2 3.3
2 0 0 7 11.7 26 43.3 17 28.3 10 16.7
3 1 1.7 10 16.7 22 36.7 17 28.3 10 16.7
4 0 0 3 5 25 41.7 27 45 5 8.3
Rata-rata 0.85 9.6 41.68 36.65 11.25

Setelah mengamati hasil persentase dengan atribut pertanyaan yang


penulis ajukan, adapun rata-rata responden menyatakan sangat tidak puas terletak
pada kelengkapan pakaian yang disediakan. Menurut analisis penulis, hal ini
dikarenakan tidak semua produk yang ada dikatalog disediakan oleh butik,
sehingga apabila pelanggan ingin membeli produk yang tidak tersedia di butik,
pelanggan tersebut harus menunggu 1 minggu untuk mendapatkan produk yang
diinginkannya.

4.2. Perancangan Sistem


Tahap kedua pada metode prototype, membuat prototype system CRM
untuk memperlihatkan kepada user model system yang telah dirancang.
Perancangan sistem atau desain sistem dilakukan apabila tahap dari analisis sistem
telah selesai dilakukan. Berdasarkan pada hasil analisis sistem yang sedang
berjalan, maka diusulkan perancangan sistem baru, dimana kinerja dari suatu
sistem yang baru diharapkan dapat mengatasi beberapa permasalahan yang ada
sebelumnya.
4.2.1 Tujuan Perancangan Sistem
Perancangan sistem bertujuan untuk memberikan gambaran yang jelas dan
rancang bangun yang sesuai dengan kebutuhan user atau pemakai sistem itu
sendiri. Adapun tujuan dari perancangan adalah:
1. Dapat mempermudah dan mempercepat proses pendafaran pelanggan
sehingga pelanggan hanya perlu membuka website dan melakukan
pendaftaran pelanggan.
2. Dapat mempermudah Butik Zanila dalam mengelola data pelanggan, data
keluhan, data kritik, dan data saran dari pelanggan yang dibutuhkan Butik

65
Zanila untuk mengembangkan dan memperbaiki kinerja dan hasil produk
yang lebih baik.
3. Dapat memberikan Informasitentang Butik Zanila dan produk-produk
yang ditawarkan.
4. Dapat melakukan pemesanan produk melalui website dimanapun
pelanggan berada, sehingga mempermudah Butik Zanila dalam melayani
pesanan sesuai dengan keinginan pelanggan.

4.2.2 Gambaran Umum Sistem Usulan


Aplikasi CRM ini dapat digambarkan sebagai sebuah fasilitas yang
menyediakan inForm asi-Informasiproduk, memberikan fasilitas yang lebih
mendekatkan pelanggan dengan Butik Zanila, dan juga memberikan
Informasilengkap mengenai Butik Zanila dari mulai profil Butik Zanila, alamat
Butik Zanila, dan lain-lain, dimana seluruh fasilitas tersebut dapat diakses oleh
masyarakat luas pada umumnya oleh pelanggan Butik Zanila.
Selain itu aplikasi ini juga mendukung pemesanan produk secara online
dimana pelanggan yang akan memesan produk melalui media internet dengan cara
mengikuti beberapa langkah-lamgkah pada website Butik Zanila. Sehingga
pelanggan tidak perlu datang lagi ke Butik Zanila untuk sekedar menanyakan
Informasimengenai produk ataupun mengenai Butik Zanila.
Dengan adanya perancangan aplikasi CRM berbasis online ini
memudahkan para pelanggan yang ingin memesan produk, serta memudahkan
dari pihak Butik Zanila untuk menyebarkan inForm asi-Informasiyang berkaitan
dengan Butik Zanila. Pada intinya system Informasiberbasis web ini akan lebih
memperkenalkan Butik Zanila ke masyarakat luas.

Gambar 4.2 Gambaran Umum Sistem yang Diusulkan

66
4.2.3 Perancangan Prosedur Sistem Usulan
Perancangan ini mencakup Use Case Diagram, Activity Diagram,
Collaboration Diagram, class Diagram, Sequence Diagram, component Diagram
dan deployment Diagram yang menghasilkan sistem lebih baik. Proses yang
dirancang diuraikan menjadi beberapa bagian yang dapat membentuk sistem
tersebut menjadi satu kesatuan komponen.
4.2.3.1 Use Case Diagram
Use Case merupakan perilaku software aplikasi dimana proses tersebut
menggambarkan suatu sistem, sehingga yang menggunakan sistem akan mudah
mengerti mengenai kegunaan sistem yang dibangun.
Use Case Diagram menggambarkan siapa saja aktor yang melakukan
prosedur dalam sistem serta fungsi-fungsi (proses) yang terlibat dalam transForm
asi pada sistem tersebut. Adapun Use Case yang diusulkan dibawah ini :

System

Register
Calon
Pelanggan
<<include>>

View Tentang
Login Kami
Konfirmasi
Pelanggan
Pembayaran Hubungi Kami

Request
Keranjang
Order
Belanja
View Semua
Produk Riwayat
Belanja
Download ZF
App Kategori
Produk
Kebijakan
Privasi Jasa
Pengiriman
Informasi
Saya Syarat &
Metode Ketentuan
Pembayaran Cara
Pembelian

Gambar 4.3 Use Case Diagram User

67
System

Kebijakan Metode Ganti Password


Privasi Pembayaran
Profil Toko

Manajemen Modul

Kategori Produk

Data Produk

Login Order

Admin Ongkos Kirim

Cara Pembelian

Hubungi Kami

Banner

Laporan Konfirmasi Pembayaran

Jasa Modul YM
Pengiriman
Syarat & Ketentuan
Request Ulang
Order Tahun Rekomendasi

Gambar 4.4 Use Case Diagram Admin


4.2.3.2 Aktor
Aktor merupakan orang, proses, atau sistem lain yang berinteraksi dengan
sistem Informasiyang akan dibuat diluar sistem Informasiyang akan dibuat itu
sendiri, jadi walaupun simbol dari aktor adalah orang, tapi aktor belum tentu
merupakan orang, biasanya dinyatakan menggunakan kata benda diawal frase
nama aktor.
Tabel 4.21 Aktor dan Deskripsinya
No Aktor Deskripsi
1 Calon Pelanggan Pihak yang dapat melakukan proses pendaftaran
pelanggan.
2 Pelanggan Pihak yang dapat melakukan proses pemesanan,
pemasaran, pelayanan pelanggan dll.
3 Admin Pihak yang bertugas dalam melakukan pelayanan
pelanggan, proses pendaftaran pelanggan, pemasaran,

68
pemesanan, dll.

4.2.3.3 Use Case


Use Case merupakan fungsionalitas yang disediakan sistem sebagai unit-
unit yang saling bertukar pesan antar unit atau aktor, biasanya dinyatakan dengan
menggunakan kata kerja diawal frase nama Use Case. Use Case mendeskripsikan
apa yang sistem (atau subsistem, kelas, atau antarmuka) kerjakan tetapi ia tidak
menspesifikasikan (dan tidak memiliki kompetensi untuk menspesifikasi)
bagaimana ia melakukannya.
Tabel 4.22 Use Case User dan Deskripsinya
No. Use Case Deskripsi
1 Register Merupakan proses pendaftaran yang dilakukan oleh calon
pelanggan dan pelanggan untuk mendapatkan pelayanan,
dapat mengetahui pemasaran produk, dan dapat
melakukan pemesanan produk yang diberikan pada calon
pelanggan dan pelanggan.
2 Login Merupakan proses pelanggan memberikan keluhan kritik,
saran, serta pihak admin pun melayani pelanggannya
semaksimal mungkin.
3 View Cara Merupakan proses dimana pelanggan dapat melihat
Pembelian bagaimana cara berbelanja di website.
4 View Tentang Kami Merupakan proses dimana pelanggan dapat melihat
Informasitentang butik zanila family.
5 Hubungi Kami Merupakan proses dimana pelanggan dapat memberikan
kritik dan saran tentang website butik zanila family.
6 Keranjang Belanja Merupakan suatu proses dimana pelanggan melakukan
pemesanan produk yang ditawarkan oleh Butik Zanila.
7 Kategori Produk Merupakan proses dimana calon pelanggan dan
pelanggan dapat melihat produk perkategori.
8 Download Zf App Merupakan proses dimana pelanggan dapat
merekomendasikan website butik ke email kerabatnya.
9 Informasi Saya Merupakan proses dimana pelanggan dapat melihat dan
mengubah Informasidata pelanggan.
10 View Semua Merupakan proses dimana pelanggan dapat melihat
Produk semua produk yang ada di website.
11 Request Order Merupakan proses dimana pelanggan dapat memesan
produk yang stoknya telah habis.
12 Syarat & Ketentuan Merupakan proses dimana pelanggan dapat melihat
Informasisyarat dan ketentuan di website.
13 Metode Merupakan proses dimana pelanggan dapat melihat

69
Pembayaran bagaimana metode pembayaran di website.
14 Jasa Pengiriman Merupakan proses dimana pelanggan dapat melihat jasa
pengiriman barang di website.
15 Konfirmasi Merupakan proses dimana pelanggan dapat memesan
Pembayaran produk yang stoknya telah habis.
16 Riwayat Belanja Merupakan proses dimana pelanggan dapat memesan
produk yang stoknya telah habis.
17 Kebijakan Privasi Merupakan proses dimana pelanggan dapat melihat
Informasikebijakan privasi di website.

Tabel 4.23 Use Case Admin dan Deskripsinya


No. Use Case Deskripsi
1 Ganti Password Merupakan proses dimana admin dapat mengganti
passwordnya
2 Profil Toko Merupakan proses dimana admin mengubah profil
butik zanila family.
3 Manajemen Merupakan proses dimana admin memanajemen
Modul modul-modul yang akan digunakan website.
4 Kategori Produk Merupakan proses dimana admin mengelola
kategori produk.
5 Produk Merupakan proses dimana admin mengelola produk
yang akan ditampilkan di website
6 Order Merupakan proses dimana admin mengelola order
yang dilakukan oleh pelanggan yang memesan
produk.
7 Ongkos Kirim Merupakan proses dimana admin mengelola ongkos
kirim ketika pelanggan membeli produk.
8 Cara Pembelian Merupakan proses dimana admin dapat mengelola
Informasicara pembelian yang ditampilkan di
website.
9 Hubungi Kami Merupakan proses dimana admin mengelola kritik
dan saran yang diberikan oleh pelanggan.
10 Banner Merupakan proses dimana admin mengelola banner
website.
11 Laporan Merupakan proses dimana admin membuat laporan
penjualan di website.
12 Modul YM Merupakan proses dimana admin membuat YM.
13 Jasa Pengiriman Merupakan proses dimana admin mengelola katalog
yang akan didownload oleh pelanggan.
14 Metode Merupakan proses dimana admin mengelola

70
Pembayaran rekomendasi dari pelanggan.
15 Ulang Tahun Merupakan proses dimana admin mengirimkan
ucapan selamat ulang tahun ke email pelanggan.
16 Request Order Merupakan proses dimana admin mengelola pesanan
yang produk dibuat oleh pelanggan.
17 Kebijakan Privasi Merupakan proses dimana admin mengelola pesanan
yang produk dibuat oleh pelanggan.
18 Konfirmasi Merupakan proses dimana admin mengelola pesanan
Pembayaran yang produk dibuat oleh pelanggan.
19 Syarat & Merupakan proses dimana admin mengelola pesanan
Ketentuan yang produk dibuat oleh pelanggan.
4.2.3.4 Skenario Use Case
Skenario Use Case mendeskripsikan aktor-aktor yang melakukan prosedur
dalam sistem, serta menjelaskan respon yang ditanggapi oleh sistem tersebut
terhadap prosedur yang dilakukan oleh aktor. Berikut adalah sekenario Use Case
yang diusulkan, yaitu :
1. Register Pelanggan
Interaksi antara aktor dengan Use Case pendaftaran yang dijelaskan
dalam skenario Use Case sebagai berikut :
Tabel 4.24 Skenario Use Case Register

Identifikasi
Nomor 1
Nama Register
Memudahkan Butik Zanila dalam mengenal pelanggan dan
Tujuan mengolah data pelanggan

Aktor Calon Pelanggan


Worker Sistem
Skenario Utama
Aktor Sistem
1. Calon pelanggan klik beli produk
dan selesai belanja
2. Menampilkan Form pendaftaran
pelanggan baru
3. Mengisi data diri pada Form
pendaftaran pelanggan baru

71
4. Mengecek kelengkapan data
pelanggan yang sudah di isi
5. Menyimpan data pelanggan baru ke
database
Skenario Alternatif (Data pelanggan tidak di isi lengkap)
1. Mengecek kelengkapan data
pelanggan yang sudah di isi
2. Menampilkan pesan bahwa data
yang diisi belum lengkap
3. Mengisi data diri pada Form
pendaftaran pelanggan baru dengan
lengkap
4. Mengecek kelengkapan data
pelanggan yang sudah di isi
5. Menyimpan data pelanggan ke
database

2. Login
Setelah melakukan pendaftaran, pelanggan dapat langsung Login
dengan email dan password yang didaftarkan. Berikut adalah
penjelasan Skenario Login:
Tabel 4.25 Skenario Use Case Login
Identifikasi
Nomor 2
Nama Login
Tujuan Untuk masuk ke dalam sistem sebagai pengguna
Aktor Pelanggan, Admin
Worker Sistem
Skenario Utama
Aktor Sistem
1. membeli produk yang
diinginkan
2. Menampilkan halaman selesai belanja
3. Mengklik selesai belanja dan
mengisi email dan password pada Login
Form pelanggan lama

72
4. Mengecek email dan password pada
database
5. Menampilkan halaman pembelian
produk
Skenario Alternatif (Email dan Password tidak sesuai)
1. Menampilkan pesan email dan
password tidak sesuai
2. Mengisi email dan password
dengan benar
3. Mengecek email dan password pada
database
4. Menampilkan halaman pembelian
produk
3. View Cara Pembelian
Interaksi antara aktor dengan use case cara pembelian yang
dijelaskan dalam skenario Use Case sebagai berikut :
Tabel 4.26 Skenario Use Case Cara Pembelian
Identifikasi
Nomor 3
Nama Cara Pembelian
Untuk menampilkan Informasicara pembelian produk di
Tujuan Website Butik Zanila
Aktor Pelanggan
Worker Sistem
Skenario Utama
Aktor Sistem
1. Pelanggan membuka halaman
cara pembelian
2. Menampilkan halaman cara
pembelian
3. Membaca Informasicara
pembelian
4. View Tentang Kami
Interaksi antara aktor dengan Use Case tentang kami yang dijelaskan
dalam skenario Use Case sebagai berikut :

73
Tabel 4.27 Skenario Use Case View Tentang Kami
Identifikasi
Nomor 4
Nama Tentang Kami
Tujuan Pelanggan dapat melihat Informasitentang Butik Zanila di
website
Aktor Pelanggan
Worker Sistem
Skenario Utama
Aktor Sistem
1. Pelanggan membuka halaman
tentang kami
2. Menampilkan halaman tentang
kami
3. membaca Informasitentang
butik zanila family
5. Hubungi Kami
Interaksi antara aktor dengan Use Case hubungi kami yang dijelaskan
dalam skenario Use Case sebagai berikut :
Tabel 4.28 Skenario Use Case Hubungi Kami
Identifikasi
Nomor 5
Nama Hubungi Kami
Tujuan Pelanggan dapat memberikan kritik atau saran kepada butik
zanila melalui menu hubungi kami
Aktor Pelanggan
Worker Sistem
Skenario Utama
Aktor Sistem
1. Pelanggan membuka halaman
hubungi kami
2. Menampilkan halaman hubungi
kami
3. pelanggan mengisi Form
hubungi kami

74
4. mengecek data pada database
5. data hubungi kami tersimpan di
database
Skenario Alternatif (data tidak sesuai)
1. Menampilkan pesan data yang
dimasukkan tidak sesuai
2. Mengisi data Form dengan
benar 3. Mengecek mengecek data pada
database
4. data hubungi kami tersimpan di
database
6. Keranjang Belanja
Interaksi antara aktor dengan Use Case keranjang belanja produk yang
dijelaskan dalam skenario Use Case sebagai berikut :
Tabel 4.29 Skenario Use Case Keranjang Belanja
Identifikasi
Nomor 6
Nama Keranjang Belanja

Tujuan Untuk membeli produk yang ditawarkan oleh Butik Zanila

Aktor Pelanggan
Worker Sistem
Skenario Utama
Aktor Sistem
1. Pelanggan membuka halaman
produk
2. Menampilkan halaman produk
3. Pelanggan mengklik “beli” pada
produk
4. menampilkan halaman keranjang
belanja
5. pelanggan memilih selesai
belanja
6. menampilkan halaman login
7. mengisi login pelanggan lama

75
8. mengecek data login user
9. Pelanggan mendapatkan
Informasiproduk yang telah dibeli
10. Sistem menyimpan data order ke
database
11. mengirim email ke pelanggan
produk yang telah dibeli
12. melakukan pembayaran
melalui rekening bank
7. View Kategori Produk
Interaksi antara aktor dengan Use Case view kategori produk yang
dijelaskan dalam skenario Use Case sebagai berikut :
Tabel 4.30 Skenario Use Case View Kategori Produk
Identifikasi
Nomor 7
Nama Cek My Loyalty Points
Agar pelanggan dapat melihat poin loyalitas yang diberikan
Tujuan Butik Zanila setelah berbelanja

Aktor Pelanggan
Worker Sistem
Skenario Utama
Aktor Sistem
1. Pelanggan membuka halaman
kategori produk
2. Menampilkan halaman kategori
produk
3. Pelanggan dapat melihat produk
berdasarkan kategori

8. Konfirmasi Pembayaran
Interaksi antara aktor dengan Use Case konfirmasi pembayaran yang
dijelaskan dalam skenario Use Case sebagai berikut :
Tabel 4.31 Skenario Use Case Konfirmasi Pembayaran
Identifikasi
Nomor 8

76
Nama konfirmasi pembayaran

Tujuan Pelanggan melakukan konfirmasi pembayaran di website setelah


mentransfer uang melalui rekening bank
Aktor Pelanggan
Worker Sistem
Skenario Utama
Aktor Sistem
1. Pelanggan melakukan Login
2. Menampilkan berhasil login
3. pelanggan membuka halaman akun
saya
4. menampilkan halaman akun saya
5. Pelanggan memilih menu
konfirmasi pembayaran
6. Menampilkan halaman konfirmasi
pembayaran
7. Mengisi Form konfirmasi
pembayaran
8. Menyimpan data ke database dan
mengirim data konfirmasi ke email
pelanggan
Skenario Alternatif (data tidak sesuai)
1. Menampilkan pesan data yang
dimasukkan tidak sesuai
2. Mengisi data Form dengan
benar 3. Mengecek data pada database
4. data konfirmasi tersimpan di database
dan mengirim data konfirmasi ke email
pelanggan

9. Riwayat Belanja
Interaksi antara aktor dengan Use Case riwayat belanja yang
dijelaskan dalam skenario Use Case sebagai berikut :

77
Tabel 4.32 Skenario Use Case Riwayat Belanja
Identifikasi
Nomor 9
Nama Riwayat Belanja
Agar pelanggan dapat melihat riwayat belanja di website butik
Tujuan zanila family.
Aktor Pelanggan
Worker Sistem
Skenario Utama
Aktor Sistem
1. Pelanggan login di website
2. Menampilkan halaman akun saya
3. mengklik riwayat belanja
4. menampilkan halaman riwayat
belanja
5. melihat riwayat belanja pelanggan

10. View Semua Produk


Interaksi antara aktor dengan Use Case View Semua Produk yang
dijelaskan dalam skenario Use Case sebagai berikut :
Tabel 4.33 Skenario Use Case View Semua Produk
Identifikasi
Nomor 10
Nama View Semua Produk
Agar pelanggan dapat melihat semua produk yang ada di
Tujuan website butik Zanila.

Aktor Pelanggan
Worker Sistem
Skenario Utama
Aktor Sistem
1. Pelanggan membuka halaman
semua produk
2. Menampilkan halaman semua
produk

78
3. Pelanggan melihat semua produk
yang tersedia di website
11. View Syarat & Ketentuan
Interaksi antara aktor dengan use case view syarat dan ketentuan
yang dijelaskan dalam skenario Use Case sebagai berikut :
Tabel 4.34 Skenario Use Case Syarat & Ketentuan
Identifikasi
Nomor 11
Nama Syarat & Ketentuan
Untuk menampilkan InformasiSyarat & Ketentuan produk di
Tujuan Website Butik Zanila
Aktor Pelanggan
Worker Sistem
Skenario Utama
Aktor Sistem
1. Pelanggan membuka halaman
syarat dan ketentuan
2. Menampilkan halaman syarat
dan ketentuan
3. Membaca Informasisyarat dan
ketentuan
12. View Kebijakan Privasi
Interaksi antara aktor dengan use case view kebijakan privasi yang
dijelaskan dalam skenario Use Case sebagai berikut :
Tabel 4.35 Skenario Use Case Kebijakan Privasi
Identifikasi
Nomor 12
Nama kebijakan privasi
Untuk menampilkan Informasikebijakan privasi produk di
Tujuan Website Butik Zanila
Aktor Pelanggan
Worker Sistem
Skenario Utama

79
Aktor Sistem
1. Pelanggan membuka halaman
kebijakan privasi
2. Menampilkan halaman kebijakan
privasi
3. Membaca Informasikebijakan
privasi
13. View Jasa Pengiriman
Interaksi antara aktor dengan use case view jasa pengiriman yang
dijelaskan dalam skenario Use Case sebagai berikut :
Tabel 4.36 Skenario Use Case Jasa Pengiriman
Identifikasi
Nomor 13
Nama jasa pengiriman
Untuk menampilkan Informasijasa pengiriman produk di
Tujuan Website Butik Zanila
Aktor Pelanggan
Worker Sistem
Skenario Utama
Aktor Sistem
1. Pelanggan membuka halaman
jasa pengiriman
2. Menampilkan halaman jasa
pengiriman
3. Membaca Informasijasa
pengiriman
14. View Metode Pembayaran
Interaksi antara aktor dengan use case view metode pembayaran
yang dijelaskan dalam skenario Use Case sebagai berikut :
Tabel 4.37 Skenario Use Case Metode Pembayaran
Identifikasi
Nomor 14
Nama metode pembayaran

80
Untuk menampilkan Informasimetode pembayaran produk di
Tujuan Website Butik Zanila
Aktor Pelanggan
Worker Sistem
Skenario Utama
Aktor Sistem
1. Pelanggan membuka halaman
metode pembayaran
2. Menampilkan halaman metode
pembayaran
3. Membaca Informasimetode
pembayaran
15. Informasi Saya
Interaksi antara aktor dengan use case Informasi Saya yang
dijelaskan dalam skenario Use Case sebagai berikut :
Tabel 4.38 Skenario Use Case Informasi Saya
Identifikasi
Nomor 15
Nama Informasi Saya
Untuk mengubah profil pelanggan yang telah terdaftar di
Tujuan Website Butik Zanila
Aktor Pelanggan
Worker Sistem
Skenario Utama
Aktor Sistem
1. Pelanggan membuka halaman
Informasi Saya
2. Menampilkan halaman profil
3. Mengupdate data profil yang
akan ditampilkan
4. Mengecek peng-update an data
profil
5. Menyimpan data profil ke
database

81
6. Menampilkan data profil di
halaman Informasi Saya
16. Ganti Password
Interaksi antara aktor dengan Use Case ganti password yang
dijelaskan dalam skenario Use Case sebagai berikut :
Tabel 4.39 Skenario Use Case Ganti Password
Identifikasi
Nomor 16
Nama Ganti Password
Admin dapat mengganti password untuk membuka menu utam
Tujuan admin.

Aktor Admin
Worker Sistem
Skenario Utama
Aktor Sistem
1. Membuka halaman ganti password
2. Menampilkan halaman ganti
password
3. Mengisi password lama dan
password baru
4. Mengecek kebenaran password
lama yang diisi
5. Menyimpan data password ke
database
Skenario Alternatif (password tidak sesuai)

1. Menampilkan pesan data password


lama tidak valid
2. Mengisi password lama dengan
benar
3. Mengecek kebenaran password
lama
4. Menyimpan data password baru ke
database

82
17. Profil Toko
Interaksi antara aktor dengan Use Case profil toko yang dijelaskan
dalam skenario Use Case sebagai berikut :
Tabel 4.40 Skenario Use Case Profil Toko
Identifikasi
Nomor 17
Nama Profil Toko

Tujuan Admin dapat memberikan Informasiprofil toko online ke


pelanggan

Aktor Admin
Worker Sistem
Skenario Utama
Aktor Sistem
1. Membuka halaman Profil Toko
2. Menampilkan halaman profil toko

3. mengisi Form profil toko dengan


benar
4. Menyimpan profil toko ke dalam
database
18. Manajemen Modul
Interaksi antara aktor dengan Use Case manajemen modul yang
dijelaskan dalam skenario Use Case sebagai berikut :
Tabel 4.41 Skenario Use Case Manajemen Modul
Identifikasi
Nomor 18
Nama Manajemen Modul
Admin dapat menambahkan modul untuk pada website butik
Tujuan zanila family

Aktor Admin
Worker Sistem
Skenario Utama

83
Aktor Sistem
1. Admin membuka halaman
Manajemen Modul
2. Menampilkan halaman manajemen
modul
3. Mengisi Form modul
4. menyimpan data modul ke
database
Skenario Alternatif (Data modul belum terisi lengkap)
1. Menampilkan pesan data modul
belum terisi lengkap
2. Mengisi Form modul dengan
lengkap
3. Mengecek kelengkapan pengisian
Form modul
4. Menyimpan data modul ke
database
19. Kategori Produk
Interaksi antara aktor dengan Use Case Kategori Produk yang
dijelaskan dalam skenario Use Case sebagai berikut :
Tabel 4.42 Skenario Use Case Kategori Produk
Identifikasi
Nomor 19
Nama Kategori Produk
Admin dapat mengelompokkan produk-produk berdasarkan
Tujuan kategori, agar pelanggan dapat dengan mudah mencari produk

Aktor Admin
Worker Sistem
Skenario Utama
Aktor Sistem
1. Admin membuka halaman kategori
produk
2. Menampilkan halaman kategori
produk
3. Mengisi Form kategori produk

84
4. menyimpan data kategori produk
ke database
Skenario Alternatif (Data kategori produk belum terisi lengkap)
1. Menampilkan pesan data kategori
produk belum terisi lengkap
2. Mengisi Form kategori produk
dengan lengkap
3. Mengecek kelengkapan pengisian
Form kategori produk
4. Menyimpan data kategori produk
ke database
20. Data Produk
Interaksi antara aktor dengan Use Case produk yang dijelaskan dalam
skenario Use Case sebagai berikut :
Tabel 4.43 Skenario Use Case Produk
Identifikasi
Nomor 20
Nama Produk
Admin dapat mengelola data produk yang akan ditawarkan di
Tujuan website butik zanila
Aktor Admin
Worker Sistem
Skenario Utama
Aktor Sistem
1. Admin membuka halaman produk
2. Menampilkan halaman produk
3. Mengisi Form produk
4. menyimpan data produk ke
database
Skenario Alternatif (Data produk belum terisi lengkap)
1. Menampilkan pesan data produk
belum terisi lengkap
2. Mengisi Form produk dengan
lengkap

85
3. Mengecek kelengkapan pengisian
Form produk
4. Menyimpan data produk ke
database
21. Order
Interaksi antara aktor dengan Use Case order yang dijelaskan dalam
skenario Use Case sebagai berikut :
Tabel 4.44 Skenario Use Case Order
Identifikasi
Nomor 21
Nama Order
Admin dapat melihat produk yang telah di order oleh
Tujuan pelanggan, agar dapat di produk ke tahap selanjutnya

Aktor Admin
Worker Sistem
Skenario Utama
Aktor Sistem
1. Membukan halaman order
2. Menampilkan halaman order
3. Membuka detail produk dan
merubah status produk menjadi lunas
4. Menampilkan status produk lunas

22. Ongkos Kirim


Interaksi antara aktor dengan Use Case Ongkos Kirim yang dijelaskan
dalam skenario Use Case sebagai berikut :
Tabel 4.45 Skenario Use Case Ongkos Kirim
Identifikasi
Nomor 22
Nama Ongkos Kirim
Admin dapat membuat ongkos kirim pesanan produk
Tujuan berdasarkan lokasi pelanggan yang memesan

Aktor Admin

86
Worker Sistem
Skenario Utama
Aktor Sistem
1. Admin membuka halaman ongkos
kirim
2. Menampilkan halaman ongkos
kirim
3. Mengisi Form ongkos kirim
4. menyimpan data ongkos kirim ke
database
Skenario Alternatif (Data ongkos kirim belum terisi lengkap)
1. Menampilkan pesan data ongkos
kirim belum terisi lengkap
2. Mengisi Form ongkos kirim
dengan lengkap
3. Mengecek kelengkapan pengisian
Form ongkos kirim
4. Menyimpan data ongkos kirim ke
database
23. Cara Pembelian
Interaksi antara aktor dengan Use Case cara pembelian yang
dijelaskan dalam skenario Use Case sebagai berikut :
Tabel 4.46 Skenario Use Case Cara Pembelian
Identifikasi
Nomor 23
Nama Cara Pembelian
Agar Admin dapat membagikan Informasicara pembelian
Tujuan produk di website butik zanila family

Aktor Admin
Worker Sistem
Skenario Utama
Aktor Sistem
1. Admin membuka halaman cara
pembelian

87
2. Menampilkan halaman cara
pembelian
3. Mengisi Form cara pembelian
4. menyimpan data cara pembelian
ke database
24. Hubungi Kami
Interaksi antara aktor dengan Use Case hubungi kami yang dijelaskan
dalam skenario Use Case sebagai berikut :
Tabel 4.47 Skenario Use Case Hubungi Kami
Identifikasi
Nomor 24
Nama Hubungi Kami
Agar Admin dapat membalas kritik dan saran yang telah dibuat
Tujuan oleh palanggan pada menu hubungi kami di website

Aktor Admin
Worker Sistem
Skenario Utama
Aktor Sistem
1. Admin membuka halaman hubungi
kami
2. Menampilkan halaman Hubungi
Kami
3. mengklik email pelanggan
4. Menampilkan reply email ke
pelanggan
5. membalas kiriman ke email
pelanggan
6. Menampilkan pesan email telah
dikirim ke tujuan
25. Banner
Interaksi antara aktor dengan Use Case Banner yang dijelaskan dalam
skenario Use Case sebagai berikut :

88
Tabel 4.48 Skenario Use Case Banner
Identifikasi
Nomor 25
Nama Data Banner
Agar Admin dapat menambahkan banner ke dalam website
Tujuan butik zanila family.

Aktor Admin
Worker Sistem
Skenario Utama
Aktor Sistem
1. Admin membuka halaman Banner
2. Menampilkan halaman Banner
3. Mengisi Form Banner
4. menyimpan data Banner ke
database
Skenario Alternatif (Data Banner belum terisi lengkap)
1. Menampilkan pesan data Banner
belum terisi lengkap
2. Mengisi Form Banner dengan
lengkap
3. Mengecek kelengkapan pengisian
Form Banner
4. Menyimpan data Banner ke
database
26. Laporan
Interaksi antara aktor dengan Use Case Laporan yang dijelaskan
dalam skenario Use Case sebagai berikut :
Tabel 4.49 Skenario Use Case Laporan
Identifikasi
Nomor 26
Nama Laporan
Agar Admin dapat melihat data transaksi penjualan pada
Tujuan website butik zanila family
Aktor Admin
Worker Sistem

89
Skenario Utama
Aktor Sistem
1. Admin membuka halaman Laporan
2. Menampilkan halaman Laporan
3. Mengisi Form laporan per periode
atau mengklik laporan hari ini
4. Menampilkan laporan hasil
transaksi penjulan
5. Mencetak data transaksi penjualan
Skenario Alternatif (Data Transaksi tidak ada)
1. Menampilkan pesan data transaksi
pada tanggal tersebut tidak ada
2. Mengisi data tanggal lainnya
3. Mengecek transaksi pada tanggal
tersebut
4. menampilkan data transaksi
penjualan
27. Modul YM
Interaksi antara aktor dengan Use Case YM yang dijelaskan dalam
skenario Use Case sebagai berikut :
Tabel 4.50 Skenario Use Case YM
Identifikasi
Nomor 27
Nama YM
Admin dapat membagikan Informasiakun YM ke pelanggan,
Tujuan agar pelanggan dapat berkomunikasi secara online
Aktor Admin
Worker Sistem
Skenario Utama
Aktor Sistem
1. Admin membuka halaman YM
2. Menampilkan halaman YM
3. Mengisi Form YM
4. menyimpan data YM ke database

90
Skenario Alternatif (Data YM belum terisi lengkap)
1. Menampilkan pesan data YM
belum terisi lengkap
2. Mengisi Form YM dengan
lengkap
3. Mengecek kelengkapan pengisian
Form YM
4. Menyimpan data YM ke database

28. Konfirmasi Pembayaran


Interaksi antara aktor dengan Use Case Konfirmasi Pembayaran yang
dijelaskan dalam skenario Use Case sebagai berikut :
Tabel 4.51 Skenario Use Case Konfirmasi Pembayaran
Identifikasi
Nomor 28
Nama Konfirmasi Pembayaran
Admin dapat mengetahui pelanggan yang telah melakukan
Tujuan pembayaran.
Aktor Admin
Worker Sistem
Skenario Utama
Aktor Sistem
1. Admin membuka halaman
konfirmasi
2. Menampilkan halaman Konfirmasi
3. Mengirim email ke pelanggan

Skenario Alternatif (Data belum terisi lengkap)


1. Menampilkan pesan data email
belum terisi lengkap
2. Mengisi Form email dengan
lengkap
3. Mengecek kelengkapan pengisian
Form email
4. mengirim data ke email pelanggan

91
29. Syarat & Ketentuan
Interaksi antara aktor dengan Use Case syarat & ketentuan yang
dijelaskan dalam skenario Use Case sebagai berikut :
Tabel 4.52 Skenario Use Case Syarat & Ketentuan
Identifikasi
Nomor 29
Nama syarat & ketentuan
Agar Admin dapat membagikan Informasisyarat & ketentuan
Tujuan produk di website butik zanila family

Aktor Admin
Worker Sistem
Skenario Utama
Aktor Sistem
1. Admin membuka halaman syarat &
ketentuan
2. Menampilkan halaman syarat &
ketentuan
3. Mengisi Form syarat & ketentuan
4. menyimpan data syarat &
ketentuan ke database
4.2.3.5 Activity Diagram
Activity Diagram digunakan untuk menggambarkan kegiatan-kegiatan yang
ada di dalam suatu sistem. Agar dapat lebih memahami tentang sistem yang
dibuat, maka perlu dibuatkan Activity Diagram tentang sistem yang akan
diusulkan. Adapun Activity Diagram yang sedang diusulkan adalah sebagai
berikut:
1. Activity Diagram Pendaftaran
Diagram Aktivitas ini menunjukan aktivitas pendaftaran calon pelanggan
yang diusulkan, adalah sebagai berikut ini :

92
Gambar 4.5 Activity Diagram Pendaftaran Pelanggan
2. Activity Diagram Edit Informasi Saya
Diagram aktivitas ini menunjukkan aktivitas mengubah data pelanggan
yang telah terdaftar di website butik.

Gambar 4.6 Activity Diagram Informasi Saya

93
3. Activity Diagram InformasiWebsite
Diagram Aktivitas ini menunjukan aktifitas Informasiyang terdapat
pada Butik Zanila seperti tentang kami, cara pembelian, syarat &
ketentuan, kebijakan privasi, jasa pengiriman dan metode pembayaran
yang diusulkan, adalah sebagai berikut ini :

Gambar 4.7 Activity Diagram InformasiWebsite


4. Activity Diagram Layanan Pelanggan
Diagram Aktivitas ini menunjukan aktifitas cara pelanggan
menggunakan menu hubungi kami dan request order yang diusulkan,
adalah sebagai berikut ini :

Gambar 4.8 Activity Diagram Layanan Pelanggan

94
5. Activity Diagram Konfirmasi Pembayaran
Diagram Aktivitas ini menunjukan aktifitas Konfirmasi Pembayaran
yang terdapat pada Butik Zanila Family yang diusulkan, adalah sebagai
berikut ini :

Gambar 4.9 Activity Diagram Konfirmasi Pembayaran


6. Activity Diagram Keranjang Belanja
Diagram Aktivitas ini menunjukan aktivitas keranjang belanja yang
diusulkan, adalah sebagai berikut ini :

Gambar 4.10 Activity Diagram Keranjang Belanja

95
7. Activity Diagram Login Admin
Diagram Aktivitas dibawah ini menunjukan aktivitas login admin, adalah
sebagai berikut ini :

Gambar 4.11 Activity Diagram Login Admin


8. Activity Diagram Produk, Kategori dan Ongkos Kirim
Diagram Aktivitas merupakan Diagram untuk mengelola produk admin
seperti, kategori produk, produk dan ongkos kirim yang ditampilkan di
website berupa Informasiyang diusulkan, adalah sebagai berikut ini :

Gambar 4.12 Activity Diagram Produk, Kategori dan Ongkos Kirim

96
9. Activity Diagram Layanan Pelanggan
Diagram Aktivitas ini menunjukan aktivitas pelayanan pelanggan pada
menu admin seperti hubungi kami, konfirmasi pembayaran dan
rekomendasi yang diusulkan, adalah sebagai berikut ini :

Gambar 4.13 Activity Diagram Layanan Pelanggan


10. Activity Diagram Layanan InformasiPelanggan
Aktivitas Diagram ini menunjukkan Informasiyang akan ditampilkan di
website butik seperti cara pembelian, syarat & ketentuan, kebijakan
privasi, jasa pengiriman dan metode pembayaran.

Gambar 4.14 Activity Diagram InformasiLayanan Pelanggan

97
11. Activity Diagram Ulang Tahun
Diagram Aktivitas merupakan Diagram untuk mengelola ucapan selamat
ulang tahun ke pelanggan melalui email yang diusulkan, adalah sebagai
berikut ini :

Gambar 4.15 Activity Diagram Ulang Tahun


12. Activity Diagram Modul
Diagram Aktivitas merupakan Diagram untuk mengelola modul banner,
YM, dan manajemen modul yang akan ditampilkan di website Butik Zanila
yang diusulkan, adalah sebagai berikut ini :

Gambar 4.16 Activity Diagram Modul

98
13. Activity Diagram Laporan
Diagram Aktivitas merupakan Diagram untuk mengelola data-data
transaksi penjualan yang diusulkan, adalah sebagai berikut ini :

Gambar 4.17 Activity Diagram Laporan


14. Activity Diagram Profil Toko
Diagram Aktivitas merupakan Diagram untuk mengelola data profil toko
online yang akan ditampilkan di website Butik Zanila yang diusulkan,
adalah sebagai berikut ini :

Gambar 4.18 Activity Diagram Profil Toko

99
4.2.3.6 Sequence Diagram yang Diusulkan
Sequence Diagram digunakan untuk menggambarkan interaksi antar objek
dalam waktu yang berurutan. Tetapi pada dasarnya Sequence Diagram selain
digunakan dalam lapisan abstraksi model objek, kegunaannya untuk menunjukkan
rangkaian pesan yang dikirim antar object juga interaksi antara object. Sesuatu
yang terjadi pada titik tertentu dalam eksekusi sistem. Komponen utama Sequence
Diagram terdiri atas objek yang dituliskan dengan kotak segiempat bernama
pesan diwakili oleh garis dengan tanda panah dan waktu yang ditunjukkan dengan
proses vertikal. Berikut adalah Sequence Diagram yang diusulkan, yaitu:
1. Sequence Diagram Pendaftaran yang Diusulkan
Berikut merupakan Sequence Diagram untuk mengelola pendaftaran.
Adapun gambarnya sebagai berikut :

Gambar 4.19 Sequence Diagram Pendaftaran


2. Sequence Diagram Layanan Pelanggan
Berikut merupakan Sequence Diagram untuk layanan pelanggan seperti,
request order, hubungi kami yang diusulkan, adalah sebagai berikut ini :

100
Gambar 4.20 Sequence Diagram Layanan Pelanggan
3. Sequence Diagram Pemesanan Produk
Berikut merupakan Sequence Diagram untuk mengelola Pemesanan
Produk. Adapun gambarnya sebagai berikut :

Gambar 4.21 Sequence Diagram Pemesanan Produk

101
4. Sequence Diagram Konfirmasi Pembayaran
Berikut merupakan Sequence Diagram untuk konfirmasi pembayaran
Produk. Adapun gambarnya sebagai berikut :

Gambar 4.22 Sequence Diagram Konfirmasi Pembayaran


5. Sequence Diagram Login Admin
Berikut merupakan Sequence Diagram untuk login Admin. Adapun
gambarnya sebagai berikut :

Gambar 4.23 Sequence Diagram Login Admin

102
6. Sequence Diagram Produk, Kategori dan Ongkos Kirim
Berikut merupakan Sequence Diagram untuk mengelola Produk, Kategori
dan Ongkos Kirim pada menu admin. Adapun gambarnya sebagai berikut :

Gambar 4.24 Sequence Diagram Produk, Kategori dan Ongkos Kirim


7. Sequence Diagram Layanan Pelanggan
Berikut merupakan Sequence Diagram untuk mengelola hubungan
pelanggan, request order, ulang tahun dan rekomendasi pada menu admin.
Adapun gambarnya sebagai berikut :

Gambar 4.25 Sequence Diagram Layanan Pelanggan

103
8. Sequence Diagram Modul
Berikut merupakan Sequence Diagram untuk mengelola Halaman Modul
seperti manajemen modul, YM, banner dan download katalog. Adapun
gambarnya sebagai berikut :

Gambar 4.26 Sequence Diagram Modul


9. Sequence Diagram Menu Laporan
Berikut merupakan Sequence Diagram untuk mengelola laporan transaksi
penjualan. Adapun gambarnya sebagai berikut :

Gambar 4.27 Sequence Diagram Laporan

104
10. Sequence Diagram Halaman Profil Toko
Berikut merupakan Sequence Diagram untuk mengelola Halaman Website.
Adapun gambarnya sebagai berikut :

Gambar 4.28 Sequence Diagram Profil Toko


4.2.3.7 Collaboration Diagram
Seperti Sequence Diagram, Collaboration Diagram juga digunakan untuk
memperlihatkan aliran-aliran pada Use Case. Sementara Sequence Diagram
berurutan menurut waktu, Collaboration Diagram berfokus pada relasi-relasi
yang terjadi antara objek yang satu dengan objek-objek yang lainnya. Adapun
Collaboration Diagram yang di usulkan adalah sebagai berikut:
1. Collaboration Diagram Pendaftaran
Berikut merupakan Collaboration Diagram Pendafaran. Adapun
gambarnya sebagai berikut:

Gambar 4.29 Collaboration Diagram Pendaftaran

105
2. Collaboration Diagram Pemesanan Produk
Berikut merupakan Collaboration Diagram Pemesanan Produk. Adapun
gambarnya sebagai berikut:

Gambar 4.30 Collaboration Diagram Pemesanan Produk


3. Collaboration Diagram Layanan Pelanggan
Berikut merupakan Collaboration Diagram Layanan pelanggan seperti
Hubungi Kami, Request Order. Adapun gambarnya sebagai berikut:

Gambar 4.31 Collaboration Diagram Layanan Pelanggan


4. Collaboration Diagram Informasi Saya
Berikut merupakan Collaboration Diagram Informasi Saya. Adapun
gambarnya sebagai berikut :

Gambar 4.32 Collaboration Diagram Informasi Saya

106
5. Collaboration Diagram Konfirmasi Pembayaran
Berikut merupakan Collaboration Diagram pembayaran. Adapun
gambarnya sebagai berikut :

Gambar 4.33 Collaboration Diagram Konfirmasi Pembayaran


6. Collaboration Diagram InformasiButik
Berikut merupakan Collaboration Diagram Informasibutik yang berisi
tentang butik zanila, cara pembelian, syarat & ketentuan, kebijakan
privasi, jasa pengiriman dan metode pembayaran. Adapun gambarnya
sebagai berikut :

Gambar 4.34 Collaboration Diagram InformasiButik


7. Collaboration Diagram Login Admin
Berikut merupakan Collaboration Diagram Login Admin dengan
memasukkan username dan password. Berikut adalah penjelasan
Collaboration Diagram Login :

Gambar 4.35 Collaboration Diagram Login

107
8. Collaboration Diagram Produk, Kategori Produk dan Ongkos Kirim
Berikut merupakan Collaboration Diagram Produk, Kategori Produk dan
Ongkos Kirim. Adapun gambarnya sebagai berikut:

Gambar 4.36 Collaboration Diagram Produk, Kategori dan Ongkos Kirim


9. Collaboration Diagram Layanan Pelanggan
Berikut merupakan Collaboration Diagram layanan pelanggan pada menu
admin seperti hubungi kami, request order pada menu admin. Adapun
gambarnya sebagai berikut:

Gambar 4.37 Collaboration Diagram Layanan Pelanggan


10. Collaboration Diagram Modul
Berikut merupakan Collaboration Diagram modul yang akan ditampilkan
di halaman website publik seperti YM, banner, manajemen modul. Adapun
gambarnya sebagai berikut:

Gambar 4.38 Collaboration Diagram Modul

108
11. Collaboration Diagram Laporan
Berikut merupakan Collaboration Diagram Laporan. Adapun gambarnya
sebagai berikut:

Gambar 4.39 Collaboration Diagram Laporan


12. Collaboration Diagram Profil Toko
Berikut merupakan Collaboration Diagram Profil Toko. Adapun
gambarnya sebagai berikut:

Gambar 4.40 Collaboration Diagram Profil Toko


13. Collaboration Diagram Ulang Tahun
Berikut merupakan Collaboration Diagram Ulang Tahun. Adapun
gambarnya sebagai berikut:

Gambar 4.41 Collaboration Diagram Ulang Tahun

109
4.2.3.8 Class Diagram
Diagram kelas adalah Diagram yang digunakan untuk menampilkan
beberapa kelas serta paket-paket yang ada dalam sistem /perangkat lunak yang
sedang kita kembangkan. Diagram kelas memberi gambaran/Diagram statis
tentang sistem/perangkat lunak dan relasi – relasi yang ada didalamnya. Adapun
Diagram class yang diusulkan adalah sebagai berikut :
Admin Login kustomer
Kategori Request
#email
#username #id_kustomer #id_request
#id_kategori +kata_sandi
+password +password +nama
+nama_kategori +nama_lengkap +validasi_login() +nama_lengkap +email
+kategori_seo +email +ttl +hp
+no_telp +alamat +judul
+login() +level +email +pesan
+input() +blokir Rekomendasi +telp +tanggal
+view() +id_kota
+login() +input()
+save() #id_rekomendasi
+update() +save()
+save() +nama_anda
+login()
+logout() +email_anda
+input()
Produk +nama_teman
+view()
+email_teman
+save() orders_detail
#id_produk +tanggal
+id_kategori #id_orders
+nama_produk +input() +id_produk
+produk_seo +save() +jumlah
+deskripsi
+harga +input()
+stok
+berat
+tgl_masuk
+gambar
+dibeli kota Download Mod_YM Modul
+diskon
#id_kota #id_download #id_modul
+input() #id
+nama_kota +judul +nama_modul
+view() +nama
+ongkos_kirim +nama_file +llink
+save() +usernamel
+static_content
+input() +input()
+gambar
+save() +save() +input()
+status
+save()
Statistik +aktif
+urutan
#ip +nama_toko
Banner
+tanggal +telp_toko
+hits #id_banner +meta_deskripsi
+online +judul Orders +meta_keyword
+url orders_temp #id_orders +email_pengelola
+input() +gambar +nomor_rekening
+status_order
+save() +tgl_posting #id_order_temp +nomor_hp
+tgl_order
+input() +id_produk
+jam_order +input()
+save() +id_session
+id_kustomer +save()
+jumlah
Hubungi +tgl_order_temp +input()
+jam_order_temp +save()
#id_hubungi
Konfirmasi
+stok_temp
+nama +input() #id_konfirmasi
+email +save() +namalengkap
+subjek +email
+pesan +tgl_pem
+tanggal +total_pem
+kebank
+input() +drbank
+save() +atas_nama
+pesan
+id_orders
+input()
+save()

Gambar 4.42 Class Diagram


4.2.3.9 Component Diagram
Component Diagram adalah modul fisik program. Komponen – komponen
yang dimaksud adalah pustaka – pustaka kode dan berkas – berkas yang ada saat

110
program dijalankan. Adapun Component Diagram yang di usulkan adalah sebagai
berikut:

Gambar 4.43 Component Diagram


4.2.3.10 Deployment Diagram
Memperlihatkan setiap simpul (node) dalam jaringan, hubungan –
hubungan antara simpul itu sendiri serta proses – proses yang akan berjalan di
masing – masing simpul. Adapun Deployment Diagram yang diusulkan adalah
sebagai berikut :

Gambar 4.44 Deployment Diagram


4.2.4 Perancangan Antar Muka
Pada perancangan antar muka atau interface ini akan menggambarkan
rancangan tampilan yang ada dalam sistem yang diusulkan. Adapun yang akan
dibahas adalah struktur menu, perancangan input dan Output.

111
4.2.4.1 Struktur Menu
Struktur menu adalah bentuk umum dari suatu rancangan program untuk
memudahkan pemakai dalam menjalankan program komputer sehingga pada saat
menjalankan program komputer, user tidak mengalami kesulitan dalam memilih
menu-menu yang diinginkan.
a. Struktur Menu Publik
Berikut adalah gambar perancangan struktur menu interface public

Gambar 4.45 Struktur Menu Publik


b. Struktur Menu Administrator
Berikut adalah gambar perancangan struktur menu interface admin

Gambar 4.46 Struktur Menu Administrator

112
4.2.4.2 Perancangan Aplikasi CRM
Rancangan sistem yang memenuhi tahap CRM :
1. Tahap Acquire (Mendapatkan Pelanggan Baru)
a. Form Pendaftaran
Rancangan tampilan pendaftaran pelanggan berfungsi untuk pelanggan
yang akan mendaftarkan dirinya menjadi member di Butik Zanila dan
apabila menjadi member, maka Butik Zanila akan memberikan fasilitas
lebih untuk pelanggan yang telah menjadi member. Langkah pertama
dalam pendaftaran ini yaitu hanya menginputkan data pribadi.

Pelanggan Baru
Nama Lengkap

Tanggal Lahir

Password

Alamat Pengiriman
Alamat pengiriman harus di isi lengkap, termasuk
kota/kabupaten dan kode posnya
Telp/Hp

Email

Kota Tujuan Pilih Kota

*) Apabila tidak terdapat nama kota tujuan Anda, pilih Lainnya


**) Ongkos kirim dihitung berdasarkan kota tujuan

Daftar

Gambar 4.47 Rancangan Tampilan Form Pendaftaran


b. Form Login
Rancangan tampilan ini dipergunakan bagi pengguna yang
berkepentingan untuk menggunakan program aplikasi. Bagi yang
berkepentingan menggunakan program aplikasi ini maka terlebih
dahulu harus memasukkan email. Dan apabila lupa password maka

113
pelanggan mengklik lupa password. Tetapi apabila pelanggan tidak
mempunyai akun maka pelanggan terlebih dahulu harus mendaftar
Form pelanggan baru.
Pelanggan Lama
Email

Password

Login
Lupa password ?

Gambar 4.48 Rancangan Tampilan Login


c. Rancangan Tampilan Konfirmasi Pembayaran
Rancangan tampilan ini merupakan tempat pelanggan mengirimkan
konfirmasi pembayaran. Dengan adanya menu konfirmasi, butik zanila
dapat mengetahui Informasi mengenai pembayaran yang dilakukan
melalui transfer rekening bank.

Konfirmasi Pembayaran

no_order 59

Nama Faisal Amir


Email faisal@gmail.com
Tanggal Pembayaran 09-07-2014

Total Pembayaran 209000

Ke Bank BRI

Dari Bank BCA


Atas Nama Faisal Amir
Pesan Uang sudah ditransfer

Kirim
ingin
Gambar 4.49 Rancangan Tampilan Konfirmasi Pembayaran

114
2. Tahap Enhance (Meningkatkan Hubungan Pelanggan)
a. Request Order
Rancangan ini merupakan tampilan permintaan pesanan produk,
dengan mengirimkan alamat email yang ditujukan.

Kirim Kepada Kami Produk Yang anda Inginkan

Nama Faisal Amir

Email Faisalamir5pt@gmail.com

Telp/Hp 085264567359
Judul Kaos Oblong

Pesan Saya ingin pesan produk kaos oblong,


karena stoknya sudah habis

Kirim

Gambar 4.50 Rancangan Tampilan Request Order


b. Informasi Toko
Rancangan tampilan ini digunakan oleh Butik Zanila, agar pelanggan
dapat mengetahui dimana alamat lokasi butik zanila berada dan dapat
menghubungi Butik Zanila.

Informasi Toko

 Zanila Family Boutique, Jalan Darma Bakti


Samping Jalan Sidodadi Sigunggung Labuh
Baru Barat Pekanbaru Pin BBM : 29FB45BA

 Hubungi kami sekarang : +62853-6576-


1968, +62853-6368-6843
 E-mail: butikzanila14@gmail.com
Gambar 4.51 Rancangan Tampilan Informasi Toko

115
3. Tahap Retain (Mempertahankan Pelanggan)
a. Rancangan Tampilan Form Hubungi Kami
Rancangan tampilan ini merupakan tempat pelanggan menyampaikan
keluhan atau masalah yang dihadapi pelanggan, serta untuk
menyampaikan saran. Dengan adanya menu suggestions, butik zanila
dapat dengan cepat menanggapi semua keluhan dan masalah yang
berhubungan dengan Butik Zanila.

Hubungi Kami

Nama Faisal

Email Faisalamir5pt@gmail.com

Subjek Produk
Pesan
Kalau bisa, kategori produknya
ditambah lagi, seperti baju batik.
Terima kasih.

Kirim

Gambar 4.52 Rancangan Hubungi Kami


b. Rancangan Tampilan Membeli Produk
Rancangan tampilan ini dipergunakan oleh pelanggan untuk membeli
produk yang telah tersedia di butik Zanila, apabila produk sesuai
dengan keinginan pelanggan, maka cara membeli produk tersebut
dengan mengklik tombol “Beli”,
Kemeja
Keterangan :
Bahan Katun
IMAGE Ukuran S,M,L
Rp.120.000

Beli

Gambar 4.53 Rancangan Tampilan Membeli Produk

116
Kemudian akan menampilkan produk yang akan dibeli, dilanjutkan
dengan proses “Selesai Belanja” atau “ lanjutkan belanja

Nama Sub
No Produk Berat(Kg) Qty Harga Hapus
Produk Total
Kaos
1 Image Oblong 1.00 1 207.830 207.830 X
GE66

Lanjutkan Belanja Selesai Belanja

Gambar 4.54 Rancangan Tampilan Keranjang Belanja


4.2.4.3 Perancangan Menu-Menu Administrator
1. Perancangan Tampilan Input
Rancangan tampilan ini dipergunakan bagi pengguna yang
berkepentingan untuk menggunakan program aplikasi. Bagi yang
berkepentingan menggunakan program aplikasi ini maka terlebih
dahulu harus memasukkan email dan password.
a. Rancangan Form Produk
Rancangan tampilan ini digunakan untuk memudahkan admin
untuk menambah produk baru atau meng-update dan
menghapusnya.

Produk
Nama Produk

Kategori

Berat kg

Harga
Diskon %
Stok
Deskripsi

Gambar Pilih File


Simpan Batal
an an
Gambar 4.55 Rancangan Tampilan Produk

117
b. Rancangan Form Kategori
Pada Form ini, admin akan mengoperasikan Form ini untuk
menambah ataupun mengupdate ketegori produk yang akan
ditampilkan di website Butik Zanila.

Kategori
Nama Kategori

Simpan
an
Gambar 4.56 Rancangan Tampilan Kategori Produk
c. Rancangan Form Ganti Password
Pada Form ini, admin akan mengoperasi Form ini untuk mengganti
password admin dengan password yang baru.

Ganti Password
Masukkan Password Lama

Masukkan Password Baru

Masukkan Lagi Password Baru

Proses Batal

Gambar 4.57 Rancangan Tampilan Ganti Password


d. Rancangan Form Manajemen Modul
Pada Form ini, admin akan mengoperasi Form ini untuk
menambah atau mengupdate manajemen modukyang akan
ditampilkan pada website.

Tambah Modul
Nama Modul

Link

Aktif Y N

Simpan Batal

Gambar 4.58 Rancangan Tampilan Modul

118
e. Rancangan Form Ongkos Kirim
Pada Form ini, admin akan mengoperasi Form ini untuk
menambah atau mengupdate ongkos kirim, sehingga admin dapat
menentukan biaya berdasarkan lokasi pengiriman.

Tambah Ongkos Kirim


Nama Kota

Ongkos Kirim

Simpan Batal

Gambar 4.59 Rancangan Tampilan Ongkos Kirim


f. Rancangan Form Profil Toko
Pada Form ini, admin akan mengoperasi Form ini untuk profil toko
yang nantikan akan ditampilkan pada website Butik Zanila Family.
Profil Toko Online
Nama Toko Online

Meta Deskripsi

Meta Keyword

Email Pengelola

No.Telp Pengelola

No Rekening

Gambar

Ganti Foto

Isi Profil

Update Batal

Gambar 4.60 Rancangan Tampilan Profil Toko

119
g. Rancangan Form Order
Pada Form ini, admin akan mengoperasi Form ini untuk
mengupdate status order apabila pelanggan telah mentranfer uang
ke butik, dan admin juga dapat melihat detail dari produk yang
telah dipesan oleh pelanggan sebelumnya.

Detail Order

No. Order :5

Tgl. & Jam Order : 24 Juni 2014 & 05:18:24

Status Order : Lunas Ubah Status

Nama Produk Berat(kg) Jumlah Harga Satuan Sub Total

Dress LM47 1.00 1 134.900 101.175

Total Rp. : 101.175

Ongkos Kirim Rp. : 13.000/Kg

Total Berat : 1 Kg

Total Ongkos Kirim Rp. : 13.000

Grand Total Rp. : 114.175

Data Kustomer

Nama Kustomer : faisal amir

Alamat Pengiriman : jalan sudirman

No. Telpon/HP : 085264567359

Email : faisalamir5pt@gmail.com
Gambar 4.61 Rancangan Tampilan Order

120
h. Rancangan Form Cara Pembelian
Pada Form ini, admin akan mengoperasi Form ini untuk
menambah atau mengupdate kontak dari Website Butik Zanila
Family.

Cara Pembelian

Update

Gambar 4.62 Rancangan Tampilan Cara Pembelian


i. Rancangan Form Hubungi Kami
Pada Form ini, admin akan mengoperasi Form ini untuk membalas
kirim yang telah dibuat oleh pelanggan dalam memberikan kritik
atau saran melalui website butik zanila family.

Hubungi Kami
Kepada
Subjek
Pesan

Kirim Batal

Gambar 4.63 Rancangan Tampilan Hubungi Kami


j. Rancangan Form Banner
Pada Form ini, admin akan mengoperasi Form ini untuk
menambah atau mengupdate banner yang akan ditampilkan di
website Butik Zanila Family.

121
Tambahkan Banner
Judul

Url

Gambar Pilih File

Simpan Batal

Gambar 4.64 Rancangan Tampilan BAnner


k. Rancangan Form Modul YM
Pada Form ini, admin akan mengoperasi Form ini untuk
menambah atau mengupdate modul YM pada website butik Zanila
Family, guna untuk pelanggan dapat berkomunikasi secara online
dengan pihak butik.

Tambahkan YM
Nama

Username

Simpan Batal

Gambar 4.65 Rancangan Tampilan YM


l. Rancangan Form Download Katalog
Pada Form ini, admin akan mengoperasi Form ini untuk
menambah atau mengupdate katalog pada website butik Zanila
Family, guna untuk menampilan katalog yang dapat di download
melalui website.

Tambah Download
Judul

File Pilih File

Simpan Batal

Gambar 4.66 Rancangan Tampilan Download Katalog

122
m. Rancangan Form Laporan
Pada Form ini, admin akan mengoperasi Form ini untuk
menampilkan laporan transaksi penjualan pada website butik
Zanila Family, guna untuk mengetahui data penjualan hari ini
ataupun per periode.

Laporan
Laporan Hari Ini

Laporan per priode


Dari Tanggal

s/d Tanggal

Proses

Gambar 4.67 Rancangan Tampilan Laporan


n. Rancangan Form Ulang Tahun
Pada Form ini, admin akan mengoperasi Form ini untuk mengirim
ucapan selamat ulang tahun kepada pelanggan yang berulang tahun
hari ini hingga 7 hari kedepannya via email, guna untuk
mempertahankan pelanggan.

Reply Email
Kepada
Subjek
Pesan

Kirim Batal

Gambar 4.68 Rancangan Tampilan Ulang Tahun


2. Perancangan Tampilan Output
Rancangan Output adalah produk dari sistem Informasi yang dihasilkan
setelah input dilaksanakan. Hasil dari rancangan input data terlihat dari media

123
keluaran. Dalam rancangan Output, sistem Informasi ini juga memanfaatkan file
database mengandung data-data yang terbilang cukup banyak sehingga
membutuhkan tempat yang cukup luas untuk menggambarkan bagaimana
sebenarnya rancangan Output pada aplikasi yang akan dibuat.
a. Rancangan Manajemen Modul
Perancangan Output ini bertujuan untuk menampilkan modul-modul
yang telah digunakan website.
No nama modul link aktif aksi
1 Ganti Password ?module=password Y Edit | Hapus
2 Profil Toko Online ?module=profil Y Edit | Hapus
3 Manajemen Modul ?module=modul Y Edit | Hapus
4 Kategori Produk ?module=kategori Y Edit | Hapus
5 Produk ?module=produk Y Edit | Hapus
6 Order ?module=order Y Edit | Hapus
7 Ongkos Kirim ?module=ongkoskirim Y Edit | Hapus
8 Cara Pembelian ?module=carabeli Y Edit | Hapus
9 Hubungi Kami ?module=hubungi Y Edit | Hapus
10 Banner ?module=banner Y Edit | Hapus
11 Laporan ?module=laporan Y Edit | Hapus
12 Modul YM ?module=ym Y Edit | Hapus
13 Download Katalog ?module=download Y Edit | Hapus
Gambar 4.69 Rancangan Tampilan Output Manajemen Modul
b. Rancangan Kategori Produk
Perancangan Output ini bertujuan untuk menampilkan hasil inputan dari
kategori produk yang akan ditampilkan di website.
No nama kategori Aksi
1 Pakaian Wanita Edit | Hapus
2 Pakaian Pria Edit | Hapus
3 Pakaian Anak-Anak Edit | Hapus
4 Asesoris Edit | Hapus
Gambar 4.70 Rancangan Tampilan Kategori Produk
c. Rancangan Produk
Perancangan Output ini bertujuan untuk menampilkan hasil inputan produk
yang dilakukan oleh admin.

124
no nama produk berat(kg) harga diskon( stok tgl. Aksi
%) masuk
1 Kaos Oblong 1.00 296.900 30 0 22 Juni Edit |
GE66 2014 Hapus
Gambar 4.71 Rancangan Tampilan Produk
d. Rancangan Order
Perancangan Output ini bertujuan untuk menampilkan hasil inputan dari
pelanggan yang telah memesan produk di website.

no.order nama kustomer tgl. order jam status aksi


5 faisal amir 24 Juni 2014 05:18:24 Baru Detail
4 faisal amir 24 Juni 2014 05:03:14 Baru Detail
Gambar 4.72 Rancangan Tampilan Order
e. Rancangan Ongkos Kirim
Perancangan Output ini bertujuan untuk menampilkan hasil inputan ongkos
kirim yang dilakukan oleh admin.
no nama kota ongkos kirim Aksi
1 Pekanbaru 5.000 Edit | Hapus
2 Surabaya 13.000 Edit | Hapus
Gambar 4.73 Rancangan Tampilan Ongkos Kirim
f. Rancangan Hubungi Kami
Perancangan Output ini bertujuan untuk menampilkan hasil inputan dari
pelanggan yang telah mendaftar di website ataupun hasil dari inputan admin.
no nama Email subjek Tanggal Aksi
1 faisal faisal@yahoo.com faisal 23 Juni 2014 Hapus
2 faisal faisal@yahoo.com faisal 23 Juni 2014 Hapus
Gambar 4.74 Rancangan Tampilan Hubungi Kami
g. Rancangan Banner
Perancangan Output ini bertujuan untuk menampilkan hasil masukan banner
oleh admin yang telah login.
no Judul url tgl. posting Aksi
1 Butik Zanila http://www.butikzanila.com 30 Juli Edit |
Family 2010 Hapus
Gambar 4.75 Rancangan Tampilan Banner

125
h. Rancangan YM
Perancangan Output ini bertujuan untuk menampilkan hasil inputan modul
YM yang dilakukan oleh admin.

No Nama Username Aksi

1 Faisal Amir fa1salamir Edit | Hapus


Gambar 4.76 Rancangan Tampilan YM
4.2.4.4 Perancangan Arsitektur Jaringan
Arsitektur jaringan bisa dikatakan sebagai gambaran secara fisik dari pola
hubungan antara komponen-komponen jaringan, yang meliputi server,
workstation, hub dan pengkabelannnya. Adapun Rancangan Arsitektur jaringan
yaitu sebagai berikut :

Firewall
Internet

Aplikasi web browser


Admin

Tower
User
User

User User

User

Gambar 4.77 Arsitektur Jaringan


Arsitektur jaringan ini berskala WAN (Wide Area Network). Admin dan
server mengirimkan Informasiberupa aplikasi web ke internet, dan untuk para user
terhubung pada sebuah media penghubung yang dikenal sebagai modem, dimana
modem tersebut biasanya berupa lewat saluran telepon yang telah terkoneksi
internet.

126

Anda mungkin juga menyukai