Upload
vonga
View
214
Download
0
Embed Size (px)
Citation preview
73
BAB 3
ANALISIS SISTEM YANG BERJALAN
3.1 Latar Belakang Studi Kasus
3.1.1 Riwayat Perusahaan
Mitradata adalah sebuah perusahaan yang bergerak di bidang distribusi
penjualan alat-alat perkantoran. Perusahaan ini didirikan di Jakarta pada tanggal
1 Agustus 2005. Pendiri Mitradata terdiri dari tiga orang, yaitu Handoko, S.T,
Men Jung, S.Kom, MM, dan Ferry, S.Kom. Mitradata terletak di Jl. Kebon Jeruk
Raya No. 11A Batu Sari, Jakarta Barat.
Visi dari Mitradata adalah menjadi perusahaan trading peralatan kantor
yang terbaik di Indonesia. Sedangkan misi yang diemban oleh Mitradata adalah :
- Memberikan produk-produk berkualitas kepada para pelanggan, guna
mencapai kepuasan pelanggan.
- Memberikan layanan purna jual yang memuaskan.
- Menjadi yang terbaik dalam profitability dan sustainability.
Sebagai distributor, Mitradata tidak memproduksi produk sendiri, namun
hanya menjadi penyalur bagi produk-produk dari vendor berbagai perusahaan
yang memproduksi peralatan kantor. Selain menawarkan produk-produk yang
berkualitas kepada para pelanggan, Mitradata juga menyediakan layanan purna
jual bagi para pelanggan. Salah satu contoh dari layanan purna jual tersebut
74
adalah membantu pelanggan dalam menyalurkan klaim garansi produk kepada
vendor dari produk yang diklaim.
Sampai saat ini, Mitradata telah mempekerjakan 10 orang karyawan.
Mitradata belum memiliki cabang, namun telah memiliki rencana untuk
melakukan ekspansi ke kawasan-kawasan industri dan pusat bisnis. Rata-rata
omset penjualan Mitradata sampai sekarang adalah sebesar Rp 60.000.000,00.
Dari segi pemasaran, Mitradata memiliki acquiring rate sebesar 25% dan
retain factor sebesar 20%. Ini berarti hanya 25% dari target pemasaran (calon
pelanggan) yang tertarik untuk membeli dari Mitradata, dan hanya 20% dari
pelanggan yang tetap bertahan dan terus bekerjasama dengan Mitradata.
Yang menjadi bagian dari Business-to-Business (B2B), dalam proses
bisnis pada Mitradata, adalah vendor atau supplier. Sedangkan pelanggan, yang
merupakan pemakai akhir atau end user, merupakan bagian dari Business-to-
Customer (B2C).
Mitradata membagi pelanggan ke dalam dua kategori, yaitu :
1. Retail Customer
Yang termasuk dalam kategori ini adalah pelanggan individual yang membeli
barang atas nama pribadi, bukan atas nama perusahaan.
75
2. Corporate Customer
Yang termasuk dalam kategori ini adalah pelanggan yang membeli barang
atas nama perusahaan.
Dari saat mulai beroperasi hingga sekarang, Mitradata telah berhasil
meraih 42 pelanggan dan kesemuanya adalah corporate customer, karena
Mitradata belum memiliki retail customer.
3.1.2 Struktur Organisasi dan Wewenang Tanggung Jawab
Gambar 3.1 Struktur Organisasi Mitradata
Executive Director
Business Development Manager
Account Manager
Business Analyst Marketing Associates
76
Bagian yang akan ditelaah lebih dalam adalah bagian Account Manager
dan Marketing Associates karena karyawan-karyawan pada bagian-bagian
tersebut berhadapan langsung dengan pelanggan.
Wewenang dan tanggung jawab masing-masing bagian adalah sebagai
berikut :
• Executive Director
1. Membuat rencana strategis perusahaan.
2. Melibatkan manajemen dalam proses pengambilan keputusan melalui
board meeting.
3. Membangun nama baik Mitradata.
4. Mencari kesempatan-kesempatan bagi pertumbuhan yang baru.
5. Mempersiapkan laporan tahunan untuk kepentingan internal.
6. Memimpin setiap divisi di dalam manajemen untuk mencapai tujuan-
tujuan perusahaan.
7. Membantu pengembangan dan pengelolaan perusahaan.
77
• Business Development Manager
1. Membantu perusahaan dalam mengkoordinasikan pelaksanaan kegiatan-
kegiatan khusus.
2. Memimpin analisis dan riset pasar untuk menemukan target pasar,
kebutuhan pasar, dan fasilitas yang tepat untuk pemasaran.
3. Merancang, menulis, dan mengamati pembuatan materi promosi,
termasuk katalog, brosur, dan fasilitas lainnya.
4. Menyiapkan rencana pemasaran, proposal, rencana pengeluaran, dan
rencana kegiatan.
5. Mewakili perusahaan pada berbagai pertemuan masyarakat dan bisnis.
6. Mendukung program-program yang baru maupun yang sudah ada.
7. Bekerjasama dengan divisi lain untuk memaksimalkan kinerja
perusahaan.
8. Membantu pengembangan dan manajemen perusahaan.
9. Melaksanakan berbagai jenis tugas lain yang berhubungan dengan
pekerjaan bila diperlukan.
10. Bertanggung jawab kepada Executive Director.
78
• Account Manager
1. Melakukan pengaturan account klien Mitradata.
2. Melakukan persetujuan pemesanan klien.
3. Melakukan follow-up dengan pihak vendor.
4. Merancang program-program promosi dan penjualan.
5. Memimpin dan mengawasi proses promosi dan penjualan produk.
6. Mewakili perusahaan untuk berbagai pertemuan dengan klien.
7. Bekerjasama dengan divisi lain untuk memaksimalkan kinerja
perusahaan.
8. Membantu pengembangan dan manajemen perusahaan.
9. Melaksanakan berbagai jenis tugas lain yang berhubungan dengan
pekerjaan bila diperlukan.
10. Bertanggung jawab kepada Executive Director.
• Business Analyst
1. Membantu perusahaan dengan melaksanakan kegiatan-kegiatan khusus.
2. Melakukan analisis dan riset pasar untuk menemukan target pasar,
kebutuhan pasar, dan fasilitas yang tepat untuk promosi.
3. Membuat materi promosi, termasuk katalog, brosur, dan fasilitas lainnya.
4. Membuat rencana pemasaran, proposal, rencana pengeluaran, dan
rencana kegiatan.
5. Bertanggung jawab kepada Business Development Manager.
79
• Marketing Associates
1. Melakukan follow-up terhadap klien.
2. Melakukan promosi dan penjualan kepada klien.
3. Menjaga hubungan dengan klien melalui kunjungan atau telepon.
4. Mewakili perusahaan pada berbagai pertemuan dengan klien.
5. Bertanggung jawab kepada Account Manager.
3.2 Analisis Permasalahan di Studi Kasus
3.2.1 Analisis Proses Bisnis Berjalan
Berdasarkan observasi langsung ke Mitradata, dapat diketahui proses
bisnis yang terjadi, mulai dari tahap pemasaran sampai proses penjualan. Berikut
ini adalah proses bisnis yang terjadi dalam bentuk tabel.
80
Tabel 3.1 Tabel Diagram Alur Dokumen
Dokumen yang dikeluarkan
Proses Bisnis
Marketing
Associate
(actor 1)
Pelanggan
(actor 2)
Account
Manager
(actor 3)
Supplier
(actor 4)
1. Pemilihan target
promosi dari
database
perusahaan
Data peluang - - -
2. Cold call terhadap
calon pelanggan
Data follow-
up
- - -
3. Pengenalan profil
perusahaan
Company
Profile
- - -
4. Penawaran Produk Surat
Penawaran
- - -
5. Inquiry Pelanggan Data Inquiry
Pelanggan
- - -
6. Pemesanan Produk - Purchase
Order (PO)
- -
7. PO diterima Data PO
masuk
- - -
8. PO Processing - - PO approval -
9. Issue PO to vendor - - Pengiriman -
81
PO untuk
pemesanan ke
supplier
- - - Data PO
masuk
10. Goods delivery
from supplier
- - - Surat Jalan,
Invoice
- - Tanda terima
barang
-
11. Deliver to
customer
- - Invoice, Surat
jalan
-
Berdasarkan diagram aliran data diatas serta pengamatan langsung di
lapangan, dapat diketahui bahwa proses bisnis Mitradata memiliki beberapa
kelemahan, antara lain strategi pemasaran yang lemah dan pemrosesan
pemesanan barang yang belum terotomatisasi.
Kelemahan strategi pemasaran dapat dilihat dari adanya istilah cold call.
Ini berarti Mitradata menghubungi calon pelanggan yang sama sekali belum
mengenal Mitradata. Bila cara ini terus dilakukan, maka Mitradata akan
mengalami kesulitan dalam hal pengembangan usaha.
82
Selain itu, pemrosesan pemesanan barang di Mitradata masih belum
terotomatisasi. Database pun belum terintegrasi. Hal ini dapat mengurangi
kecepatan kinerja pelayanan. Pelanggan yang ingin memesan barang harus
melewati beberapa tahap atau prosedur yang dapat mengurangi kenyamanan
pelanggan. Hal ini dapat membuat pelanggan kurang puas dan beralih atau
mengakhiri kerjasama dengan Mitradata.
3.2.2 Analisis Kuesioner dan Wawancara
a. Analisis Kuesioner
Untuk mendukung analisis permasalahan, salah satu cara yang dilakukan
adalah dengan menyebarkan kuesioner kepada pelanggan Mitradata. Berikut ini
hasil dari kuesioner yang telah disebarkan antara tanggal 30 September 2005
sampai dengan 4 Oktober 2005, kepada 22 orang pelanggan Mitradata.
83
Tabel 3.2 Hasil Kuesioner Pertanyaan nomor 1
Pertanyaan dari Kuesioner Jumlah
Responden
Persentase
1. Darimanakah Anda memperoleh informasi mengenai
Mitradata?
a. Referensi kolega
b. Penawaran yang dilakukan oleh karyawan
Mitradata
c. Lainnya: …………………………………………..
3 / 22
19 / 22
0 / 22
13,6 %
86,4 %
0 %
A. 3 Responden
B. 19 Responden
C. Tidak Ada Responden
0
5
10
15
20
Gambar 3.2 Diagram Hasil Kuesioner Pertanyaan nomor 1
84
Tabel 3.3 Hasil Kuesioner Pertanyaan nomor 2
Pertanyaan dari Kuesioner Jumlah
Responden
Persentase
2. Apakah Anda sudah merasa puas dengan kecepatan
proses, mulai dari Anda memesan barang pada
Mitradata sampai barang tiba ke tempat Anda?
a. Sudah
b. Belum, karena …………………………………
7 / 22
15 / 22
31,8 %
68,2 %
A. 7 Responden
B. 15 Responden
0
24
68
1012
14
16
Gambar 3.3 Diagram Hasil Kuesioner Pertanyaan nomor 2
85
Tabel 3.4 Hasil Kuesioner Pertanyaan nomor 3
Pertanyaan dari Kuesioner Jumlah
Responden
Persentase
3. Menurut pengalaman Anda selama ini, apakah karyawan
Mitradata sudah melayani Anda dengan baik dan ramah?
a. Ya
b. Tidak, karena ……………………………………..
20 / 22
2 / 22
90,9 %
9,1 %
A. 20 Responden
B. 2 Responden
0
5
10
15
20
Gambar 3.4 Diagram Hasil Kuesioner Pertanyaan nomor 3
86
Tabel 3.5 Hasil Kuesioner Pertanyaan nomor 4
Pertanyaan dari Kuesioner Jumlah
Responden
Persentase
4. Apakah Anda selama ini mengalami kesulitan dalam
berkomunikasi dengan Mitradata, baik untuk
memperoleh informasi mengenai spesifikasi produk dan
harga, maupun untuk berkonsultasi atau menyampaikan
keluhan?
a. Ya, karena ………………………………………...
b. Tidak
17 / 22
5 / 22
77,3 %
22,7 %
A. 17 Responden
B. 5 Responden
0
5
10
15
20
Gambar 3.5 Diagram Hasil Kuesioner Pertanyaan nomor 4
87
Tabel 3.6 Hasil Kuesioner Pertanyaan nomor 5
Pertanyaan dari Kuesioner Jumlah
Responden
Persentase
5. Berapa kali dalam sebulan Mitradata menghubungi
Anda?
a. < 2 kali
b. 2 - 6 kali
c. > 6 kali, Sebutkan : ……………………………….
8 / 22
10 / 22
4 / 22
36,4 %
45,4 %
18,2 %
A. 8 Responden
B. 10 Responden
C. 4 Responden
0
2
4
6
8
10
Gambar 3.6 Diagram Hasil Kuesioner Pertanyaan nomor 5
88
Tabel 3.7 Hasil Kuesioner Pertanyaan nomor 6
Pertanyaan dari Kuesioner Jumlah
Responden
Persentase
6. Apakah jumlah tersebut sudah cukup bagi Anda?
a. Sudah cukup
b. Belum cukup, karena ……………………………..
8 / 22
14 / 22
36,4 %
63,6 %
A. 8 Responden
B. 14 Responden
0
2
4
6
8
10
12
14
Gambar 3.7 Diagram Hasil Kuesioner Pertanyaan nomor 6
89
Tabel 3.8 Hasil Kuesioner Pertanyaan nomor 7
Pertanyaan dari Kuesioner Jumlah
Responden
Persentase
7. Yang dimaksud dengan online selling adalah sistem
penjualan secara online atau menggunakan Internet,
dengan metode pembayaran menggunakan Credit Card,
transfer, atau pun Cash on Delivery (pembayaran cash
saat barang diterima).
Apakah Anda sudah pernah membeli barang melalui
online selling?
a. Ya
b. Tidak
16 / 22
6 / 22
72,3 %
27,3 %
A. 16 Responden
B. 6 Responden
0
2
4
6
8
10
12
14
16
Gambar 3.8 Diagram Hasil Kuesioner Pertanyaan nomor 7
90
Tabel 3.9 Hasil Kuesioner Pertanyaan nomor 8
Pertanyaan dari Kuesioner Jumlah
Responden
Persentase
8. Apabila Mitradata membuka online selling, metode
pembayaran mana yang akan Anda pilih?
a. Transfer
b. Cash on Delivery
18 / 22
4 / 22
81,8 %
18,2 %
Gambar 3.9 Diagram Hasil Kuesioner Pertanyaan nomor 8
A. 18 Responden
B. 4 Responden
02468
1012141618
91
Tabel 3.10 Hasil Kuesioner Pertanyaan nomor 9
Pertanyaan dari Kuesioner Jumlah
Responden
Persentase
9. Apakah Anda akan terus membeli barang melalui
Mitradata?
a. Ya
b. Tidak
12 / 22
10 / 22
54,6 %
45,4 %
A. 12 Responden B. 10
Responden
0
2
4
6
8
10
12
Gambar 3.10 Diagram Hasil Kuesioner Pertanyaan nomor 9
92
Tabel 3.11 Hasil Kuesioner Pertanyaan nomor 10
Pertanyaan dari Kuesioner Jumlah
Responden
Persentase
10. Apakah yang Anda harapkan dari Mitradata?
a. Waktu yang lebih singkat untuk proses
pemesanan
b. Kemudahan memperoleh informasi mengenai
produk Mitradata
c. Fasilitas online selling yang dilengkapi oleh
katalog
d. Lainnya : ………………………………………….
6 / 22
9 / 22
3 / 22
4 / 22
27,3 %
40,9 %
13,6 %
18,2 %
Gambar 3.11 Diagram Hasil Kuesioner Pertanyaan nomor 10
A. 6 Responden
B. 9 Responden
C. 3 Responden
D. 4 Responden
0
2
4
6
8
10
93
Berdasarkan hasil kuesioner yang disebarkan, dapat disimpulkan
beberapa hal sebagai berikut :
1. Keterbatasan fasilitas yang dimiliki oleh Mitradata menghambat
pemasaran produk dan penyampaian informasi.
Berdasarkan jawaban kuesioner nomor 1, 4, dan 10, dapat diketahui
bahwa Mitradata kurang memiliki fasilitas untuk memasarkan produk dan
menyampaikan informasi, baik informasi mengenai Mitradata maupun
spesifikasi dan harga produk. Sedangkan dari jawaban hasil kuesioner nomor
5 dan 6 dapat diketahui bahwa keterbatasan fasilitas tersebut telah
mempengaruhi intensitas komunikasi dan perolehan informasi bagi
pelanggan.
2. Proses pemesanan barang yang terlalu lama dan kurang efisien.
Berdasarkan jawaban kuesioner nomor 2, dapat diketahui bahwa para
pelanggan cenderung menganggap proses pemesanan barang memakan
waktu terlalu lama dan kurang efisien. Hal ini disebabkan oleh keterbatasan
tenaga kerja yang dimiliki oleh Mitradata, proses pemesanan barang yang
belum terotomatisasi, serta database yang belum terintegrasi.
94
3. Pelayanan dari karyawan Mitradata sudah cukup baik.
Berdasarkan jawaban kuesioner nomor 3, dapat diketahui bahwa para
pelanggan sudah cukup puas terhadap keramahan dan pelayanan dari
karyawan Mitradata.
4. Keterbatasan fasilitas bagi pelanggan untuk berkomunikasi.
Berdasarkan jawaban kuesioner nomor 4, dapat diketahui bahwa
Mitradata memiliki keterbatasan fasilitas untuk berkomunikasi dengan
pelanggan, sehingga para pelanggan kesulitan untuk berkonsultasi atau
menyampaikan masalah dan keluhan kepada Mitradata.
5. Retain factor masih perlu ditingkatkan.
Berdasarkan jawaban kuesioner nomor 9, terdapat perbedaan angka
yang tipis pada persentase pelanggan yang bertahan dan tidak. Untuk itu
Mitradata perlu melakukan langkah-langkah yang tepat untuk meningkatkan
jumlah pelanggan yang bertahan di Mitradata.
6. Para pelanggan tidak mengalami masalah bila Mitradata menggunakan
sistem online selling.
Berdasarkan jawaban kuesioner nomor 7 dan 8, dapat diketahui
bahwa sebagian besar pelanggan telah mengenal dan terbiasa dengan online
selling. Ini berarti Mitradata dapat menerapkan sistem tersebut untuk
pemasaran dan proses pemesanan barang.
95
b. Analisis Wawancara
Cara lain yang digunakan untuk mendukung analisis adalah dengan
melakukan wawancara dengan karyawan-karyawan Mitradata. Ada dua buah
wawancara yang dilakukan untuk mendukung analisis.
Wawancara pertama dilakukan di kantor Mitradata, pada hari Senin
tanggal 26 September 2005, dengan Bapak Handoko selaku Account Manager
Mitradata. Hasil dari wawancara tersebut adalah sebagai berikut :
1. Pertanyaan : “Bagaimanakah sistem CRM yang berjalan saat ini?”
Jawaban : “Sistem CRM dilakukan dengan cara menghubungi pelanggan
melalui telepon ataupun kunjungan langsung, sedikitnya dua kali
dalam sebulan, atau menghubungi pelanggan apabila ada produk
baru.”
2. Pertanyaan : “Siapakah sajakah yang termasuk dalam scope B2B dan B2C
pada Mitradata?”
Jawaban : “Bagi Mitradata, yang menjadi bagian B2B dalam proses bisnis
Mitradata vendor atau supplier. Sedangkan adalah pemakai akhir
(end user), baik perusahaan kecil maupun perusahaan besar,
termasuk ke dalam B2C.”
96
3. Pertanyaan : “Berapakah jumlah persentase retain factor untuk pelanggan
B2C pada Mitradata?”
Jawaban : “Pada saat ini retain factor untuk pelanggan B2C adalah sebesar
25%.”
4. Pertanyaan : “Berapakah jumlah persentase acquiring rate pada Mitradata?”
Jawaban : “Pada saat ini acquiring rate pada Mitradata adalah sebesar
20%.”
5. Pertanyaan : “Bagaimanakah sistem marketing yang berjalan saat ini?”
Jawaban : “Sistem marketing saat ini menggunakan sistem direct selling
dan direct contact terhadap pelanggan. Belum menggunakan
fasilitas IT apapun.”
6. Pertanyaan : “Bagaimanakah sistem diskon yang digunakan oleh Mitradata?”
Jawaban : “Diskon pada Mitradata bervariasi tergantung pada kelompok
produk dan jumlah produk.”
97
7. Pertanyaan : “Bagaimanakah workflow yang berlaku di Mitradata?”
Jawaban : “Target selection (Marketing Associate) → Customer Cold Call
(Marketing Associate) → Pengenalan profil perusahaan
(Marketing Associate) → Penawaran Produk (Marketing
Associate) → Customer Inquiry → Inquiry Respond (Marketing
Associate) → Customer sends PO → Accept PO from customer
(Marketing Associate) →PO Processing (Account Manager) →
issue PO to vendor (Account Manager) → Goods delivery from
vendor → Issue Receipt to vendor (Account Manager) → Deliver
to customer along with invoice, delivery order, and receipt
(Marketing Associate).”
8. Pertanyaan : “Apakah rencana ke depan dari Mitradata?”
Jawaban : “Mitradata berencana untuk melakukan ekspansi ke kawasan-
kawasan industri, dan kawasan pusat bisnis.”
9. Pertanyaan : “Berapakah besar omset Mitradata per bulannya?”
Jawaban : “Omset penjualan Mitradata selama sekitar 3 bulan beroperasi
sampai sekarang kira-kira sebesar Rp 60.000.000,00.“
98
Wawancara kedua dilakukan di kantor Mitradata pada hari Kamis,
tanggal 29 September 2005, dengan Bapak Rainne Widjaja selaku Marketing
Associate Mitradata. Hasil dari wawancara tersebut adalah sebagai berikut
1. Pertanyaan : “Bagaimanakah CRM yang berjalan saat ini?”
Jawaban : “CRM dilakukan dengan cara telepon langsung dan dengan
kunjungan langsung ke tempat pelanggan.”
2. Pertanyaan : “Apakah yang menjadi masalah dalam CRM saat ini?”
Jawaban : “Adanya keterbatasan sumber daya manusia sehingga CRM
tidak dapat dilakukan secara maksimal dan menjadi tidak efisien.
Sistem dokumentasi yang masih manual juga menjadi masalah
karena untuk pencarian data menjadi jauh lebih lama dan lebih
rumit.”
3. Pertanyaan : “Bagaimanakah sistem informasi yang Anda harapkan?”
Jawaban : “Sistem CRM yang lebih efisien sehingga jumlah sumber daya
manusia tidak membatasi pelaksanaannya dan juga dapat
meningkatkan penjualan produk-produk consumables.”
99
4. Pertanyaan : “Bagaimana sistem marketing yang berjalan saat ini?”
Jawaban : “Sistem marketing saat ini merupakan direct selling terhadap
pelanggan melalui direct contact. Data calon pelanggan diperoleh
dari database peluang yang dikumpulkan dari berbagai sumber.”
5. Pertanyaan : “Apakah masalah yang sedang dihadapi pada sistem marketing
saat ini?”
Jawaban : “Peluang mendapatkan pelanggan belum jelas dan jumlah calon
pelanggan yang harus dihubungi terlalu banyak sehingga menjadi
kurang efektif.”
6. Pertanyaan : “Bagaimanakah workflow yang berlaku di Mitradata?”
Jawaban : “Target selection (Marketing Associate) → Customer Cold Call
(Marketing Associate) → Pengenalan profil perusahaan
(Marketing Associate) → Penawaran Produk (Marketing
Associate) → Customer Inquiry → Inquiry Respond (Marketing
Associate) → Customer sends PO → Accept PO from customer
(Marketing Associate) →PO Processing (Account Manager) →
issue PO to vendor (Account Manager) → Goods delivery from
vendor → Issue Receipt to vendor (Account Manager) → Deliver
100
to customer along with invoice, delivery order, and receipt
(Marketing Associate).”
7. Pertanyaan : “Apakah pendapat Anda mengenai penerapan online selling?”
Jawaban : “Online selling dapat menjadi sebuah penerapan yang baik dari
sisi teknologi tetapi harus diikuti juga dengan pengembangan
infrastruktur yang ada saat ini. Satu hal yang pasti adalah hal
tersebut dapat meningkatkan efisiensi dan kemudahan akses
kepada informasi bagi para pelanggan.”
8. Pertanyaan : “Apakah pendapat Anda mengenai penerapan aplikasi e-CRM?”
Jawaban : “Penerapan e-CRM akan sangat membantu penjualan karena
manajemen pelanggan dapat dilakukan secara lebih efisien dengan
jumlah sumber daya manusia yang terbatas.”
101
Berdasarkan hasil kedua wawancara tersebut, dapat ditarik kesimpulan
sebagai berikut :
• Pengaruh keterbatasan fasilitas komunikasi dan jumlah tenaga kerja
terhadap kualitas pelayanan kepada pelanggan.
Berdasarkan hasil wawancara pertama nomor 1 dan kedua nomor
1, 2, dan 3, dapat diketahui bahwa Mitradata masih menggunakan strategi
CRM yang sangat sederhana (telepon dan kunjungan langsung), sehingga
keterbatasan fasilitas komunikasi dan tenaga kerja dapat menghambat
Mitradata dalam melayani para pelanggan.
• Jumlah persentase acquiring rate yang kecil.
Berdasarkan hasil wawancara pertama nomor 4 dapat diketahui
bahwa Mitradata memiliki persentase acquiring rate yang kecil.
Kemungkinan hal ini terjadi karena penggunaan sistem cold call.
• Jumlah persentase retain factor yang kecil.
Berdasarkan hasil wawancara pertama nomor 3 dapat diketahui
bahwa Mitradata memiliki persentase retain factor yang kecil.
Keterbatasan fasilitas yang dapat digunakan oleh pelanggan untuk
menghubungi dan berkomunikasi dengan Mitradata, dapat menjadi
pemicu utama hal ini. Keterbatasan tersebut dapat menghambat para
pelanggan untuk berkonsultasi dan menyampaikan masalah atau keluhan
102
kepada Mitradata sehingga pelanggan kurang puas dan tidak melanjutkan
kerjasama dengan Mitradata.
• Pemasaran produk secara manual.
Berdasarkan hasil wawancara pertama nomor 5 dan kedua nomor
4 dan 5, dapat diketahui bahwa Mitradata memiliki strategi pemasaran
yang kurang efektif dan efisien. Hal ini terjadi karena Mitradata masih
menggunakan cara manual dalam pemasaran produk, yaitu dengan cara
menghubungi dan menawarkan produk secara langsung kepada
pelanggan atau calon pelanggan.
• Keterbatasan sumber daya manusia dan pengelolaan database yang
belum terintegrasi dan terotomatisasi.
Berdasarkan hasil wawancara kedua nomor 2 dapat diketahui
bahwa keterbatasan sumber daya manusia serta pengelolaan dokumen
yang belum terintegrasi dan terotomatisasi mengakibatkan banyak
masalah dalam pencarian data.
• Pentingnya penggunaan online store dan e-CRM.
Berdasarkan hasil wawancara kedua nomor 7 dan 8, dapat
diketahui bahwa Mitradata telah menyadari arti penting penggunaan
online store dam e-CRM untuk kelangsungan, perkembangan, dan
kesuksesan Mitradata.
103
3.2.3 Analisis Permasalahan
Berdasarkan analisis terhadap diagram aliran data, observasi terhadap
Mitradata, dan hasil kuesioner serta wawancara, maka dapat disimpulkan
beberapa permasalahan yang terdapat pada Mitradata.
Permasalahan-permasalahan tersebut adalah sebagai berikut :
1. Keterbatasan fasilitas, yang dimiliki oleh Mitradata, untuk pemasaran
produk dan penyampaian informasi.
Selama ini, Mitradata memasarkan produk serta menyampaikan
segala informasi kepada para pelanggan dengan cara menghubungi
pelanggan via telepon ataupun melakukan kunjungan kepada para pelanggan.
Cara ini sangat tidak efisien dan kurang efektif karena membutuhkan banyak
waktu dan tenaga.
Dikatakan kurang efektif karena banyak calon pelanggan yang sama
sekali belum mengenal Mitradata karena belum ada fasilitas apapun yang
digunakan sebagai fasilitas promosi. Terhadap para pelanggan, Mitradata
akan mengalami kesulitan untuk mempromosikan produk baru atau
melakukan cross-selling dan up-selling via telepon, karena pelanggan tidak
dapat melihat langsung produk yang ditawarkan. Sedangkan bila datang
langsung ke tempat pelanggan, hal tersebut akan memakan waktu dan biaya
yang tidak sedikit, bahkan dapat merugikan Mitradata.
104
Analisis ini didasari oleh hasil pengamatan terhadap :
- Proses bisnis berjalan
- Hasil kuesioner nomor 1, 4, 6, dan 10
- Hasil wawancara pertama nomor 5
- Hasil wawancara kedua nomor 4 dan 5
2. Keterbatasan sumber daya manusia dan pengelolaan database yang
belum terintegrasi dan terotomatisasi.
Mitradata mempekerjakan 10 orang karyawan. Jumlah tersebut
dianggap kurang mencukupi, karena untuk memberikan pelayanan yang
terbaik kepada setiap pelanggan, Mitradata membutuhkan lebih banyak
tenaga kerja. Hal ini terjadi mengingat sistem marketing yang digunakan oelh
Mitradata adalah direct selling dan strategi CRM yang digunakan adalah
pelayanan dengan direct contact.
Pengelolaan database yang belum terintegrasi dan pengerjaan proses
bisnis yang belum terotomatisasi, menyebabkan efisiensi kerja pada
Mitradata kurang maksimal.
Analisis ini didasari oleh hasil pengamatan terhadap :
- Proses bisnis berjalan
- Hasil wawancara pertama nomor 5
- Hasil wawancara kedua nomor 2 dan 4
105
3. Proses pemesanan barang yang terlalu lama dan kurang efisien.
Untuk memesan barang atau produk, para pelanggan harus
menghubungi Mitradata via telepon, datang langsung ke kantor Mitradata,
atau menunggu karyawan Mitradata datang menemui pelanggan. Cara-cara
tersebut dianggap kurang efisien, termasuk oleh pelanggan, karena para
pelanggan harus berbicara lama lewat telepon (bila menggunakan telepon),
mengingat Mitradata masih menggunakan database yang belum terintegrasi.
Sedangkan untuk memesan barang dengan cara datang langsung ke kantor
Mitradata, banyak pelanggan yang keberatan.
Bila pelanggan menghubungi atau dihubungi via telepon saat
pemesanan barang, pihak Mitradata akan mengalami kesulitan dalam
melakukan cross-selling dan up-selling karena pelanggan tidak dapat melihat
langsung produk yang ditawarkan.
Analisis ini didasari oleh hasil pengamatan terhadap :
- Proses bisnis berjalan
- Hasil kuesioner nomor 2
- Hasil wawancara pertama nomor 5
- Hasil wawancara kedua nomor 4 dan 5
106
4. Keterbatasan fasilitas untuk komunikasi yang berpengaruh terhadap
pelayanan kepada pelanggan.
Sarana komunikasi dimaksudkan untuk melayani pelanggan yang
ingin berkonsultasi atau menyampaikan keluhan baik mengenai produk
maupun pelayanan Mitradata. Namun, dengan terbatasnya fasilitas untuk
berkomunikasi, karena sejauh ini hanya menggunakan satu line telepon,
maka para pelanggan sering kali mengalami hambatan saat harus
menghubungi Mitradata. Line telepon Mitradata sering kali sibuk sehingga
pelanggan yang lain dirugikan.
Analisis ini didasari oleh hasil pengamatan terhadap :
- Proses bisnis berjalan
- Hasil kuesioner nomor 4
- Hasil wawancara pertama nomor 1
- Hasil wawancara kedua nomor 1
5. Persentase acquiring rate yang kecil.
Persentase acquiring rate yang hanya sebesar 20% menandakan
adanya masalah dalam marketing. Karena marketing hanya dilakukan dengan
cara direct selling maka banyak calon pelanggan yang belum mengenal
Mitradata. Dengan demikian para calon pelanggan akan ragu-ragu untuk
bekerjasama dengan Mitradata atau bahkan menolak untuk membeli dari
Mitradata.
107
Analisis ini didasari oleh hasil pengamatan terhadap hasil wawancara
pertama nomor 4.
6. Persentase retain factor yang kecil.
Persentase retain factor yang hanya sebesar 25% menandakan
kekurangan dari segi pelayanan kepada pelanggan, sehingga banyak
pelanggan yang memilih untuk mengakhiri kerjasama dengan Mitradata.
Analisis ini didasari oleh hasil pengamatan terhadap hasil wawancara
pertama nomor 3.
3.3 Analisis Pemecahan Masalah
Berdasarkan pengamatan terhadap proses bisnis yang berlangsung pada
Mitradata, serta hasil kuesioner dan wawancara, maka dapat disarankan beberapa
usulan pemecahan masalah. Berikut ini tabel analisis permasalahan yang berisi
beberapa usulan solusi terhadap permasalahan, yang disertakan dengan beberapa
materi pendukung dan teori yang digunakan.
108
Tabel 3.12 Analisis Pemecahan Masalah
No. Permasalahan Materi Pendukung Solusi
Permasalahan
Keterangan Teori Analisis
1. Keterbatasan fasilitas,
yang dimiliki oleh
Mitradata, untuk
pemasaran produk
dan penyampaian
informasi.
Proses bisnis
berjalan,
hasil kuesioner
nomor 1, 4, 6, dan
10,
hasil wawancara
pertama nomor 5,
hasil wawancara
kedua nomor 4 dan
5.
Online Store dengan
product catalog,
recommendation
products, hot products,
dan news area (Front-
End) serta penerapan
strategi Cross- Selling
dan Up-Selling.
Produk rekomendasi
diperoleh dari tabel
rekomendasi, pada
database, yang berisi
rekomendasi terakhir atau
preference pelanggan saat
mendaftar. Rekomendasi
terakhir adalah yang akan
digunakan pada Online
Store. Hot products
diambil dari tiga produk
yang paling banyak dijual
Seybold
(Customer-Touching
Application: e-
Commerce, Campaign
Management
Customer-Centric
Intelligence: Data
Warehousing)
109
oleh Mitradata dan dilihat
dari tabel order_items
dengan mejumlahkan
secara otomatis jumlah
penjualan.
2. Keterbatasan sumber
daya manusia dan
pengelolaan database
yang belum
terintegrasi dan
terotomatisasi.
Proses bisnis
berjalan,
hasil wawancara
pertama nomor 5,
hasil wawancara
kedua nomor 2 dan
4.
Store Management
serta Sales and
Customer Management
pada e-CRM.
Di dalam aplikasi ini
terdapat database yang
saling berintegrasi dengan
online store.
Seybold
(Customer-Centric
Intelligence : Data
Warehousing)
110
3. Proses pemesanan
barang yang terlalu
lama dan kurang
efisien.
Proses bisnis
berjalan,
hasil kuesioner
nomor 2,
hasil wawancara
pertama nomor 5,
hasil wawancara
kedua nomor 4 dan
5
Online Store (Shopping
cart) dan Store
Management pada e-
CRM.
Otomatisasi pemesanan
barang.
Seybold
(Customer-Touching
Application: e-Commerce
Customer-Touching
Application: Self-Service
Customer Support)
4. Keterbatasan fasilitas
untuk komunikasi
yang berpengaruh
terhadap pelayanan
kepada pelanggan.
Proses bisnis
berjalan,
hasil kuesioner
nomor 4,
hasil wawancara
pertama nomor 1,
Online Store (Contact
Us).
Contact Us: mengirim
email ke Mitradata.
Seybold
(Customer-Touching
Application: e-
Commerce)
111
hasil wawancara
kedua nomor 1.
5. Persentase acquiring
rate yang kecil.
Hasil wawancara
pertama nomor 4.
Online store (Add
Referrence) dengan
referral program yang
mengadakan diskon
untuk member yang
berhasil melakukan
referral.
Solusi untuk menangani
masalah acquiring rate dan
retain factor yang
kecil, serta cold call yang
bermasalah.
Seybold
(Customer-Facing
Application: Sales Force
Automation
Customer-Touching
Application: e-Commerce
Customer-Centric
Intelligence: Data
Warehousing)
6. Persentase retain
factor yang kecil.
Hasil wawancara
pertama nomor 3.
Sales and Customer
Management pada e-
CRM, pemberian
diskon dari referral
E-CRM akan membantu
dalam memuaskan
pelanggan, seperti
mengirimkan rekomendasi
Seybold
(Customer-Facing
Application: Sales Force
Automation
112
program,
serta penerapan strategi
Cross- Selling dan Up-
Selling pada Online
Store (Front-End).
produk yang sesuai dengan
history pembelian dan
menu Activity/ Event akan
mengingatkan pegawai
untuk mengirimkan
birthday e-card.
Customer-Touching
Application: e-
Commerce, Campaign
Management
Customer-Centric
Intelligence: Data
Warehousing)
113
3.4 Perancangan Sistem/Aplikasi
3.4.1 Arsitektur Sistem/Model Konseptual dari Sistem/Aplikasi yang Dirancang
Berdasarkan permasalahan-permasalahan yang ada, maka dirancanglah
suatu sistem dan aplikasi sebagai solusi untuk membantu Mitradata.
Berikut ini adalah gambar bebas yang menerangkan sistem dan aplikasi
yang dirancang. secara keseluruhan.
Gambar 3.12 Gambaran Rancangan Sistem /Aplikasi
114
3.4.2 Rancangan Prosedur / Diagram Alur Dokumen
Berdasarkan rancangan sistem yang akan dibuat, maka dirancang pula
prosedur proses bisnis yang akan terjadi apabila sistem tersebut dijalankan.
Berikut ini tabel diagram aliran dokumen dari prosedur tersebut.
Tabel 3.13 Tabel Diagram Alur Dokumen
Dokumen yang dikeluarkan
Proses Bisnis
Marketing
Associate
(actor 1)
Pelanggan
(actor 2)
Account
Manager
(actor 3)
Supplier
(actor 4)
1. Pemilihan target
promosi dari
database
perusahaan
- Data Referal
untuk
perusahaan
- -
2. Pengenalan profil
perusahaan
pengenalan
dengan link ke
website
perusahaan
- - -
3. Penawaran Produk Email
penawaran
- - -
4. Inquiry Pelanggan Data Inquiry
Pelanggan
- - -
115
5. Pemesanan Produk - Electronic
Order
- -
6. PO diterima Pending order - - -
7. PO Processing - - PO approval -
8. Issue PO to vendor - - Email vendor -
- - - Data PO
masuk
9. Goods delivery
from supplier
- - - Surat
Jalan,
Invoice
- - Receipts -
10. Deliver to customer - - Invoice, Surat
jalan
-
116
3.4.3 Rancangan Menu
Berikut ini adalah tabel rancangan menu yang akan digunakan pada
aplikasi front-end dan back-end, serta status hak akses pengguna (user). Front-
end dari aplikasi yang dirancang adalah online store, sedangkan yang menjadi
back-end adalah e-CRM.
Keterangan gambar :
1. R = Read
2. C = Create
3. U = Update
4. D = Delete
117
Tabel 3.14 Tabel Front-End (Online Store)
User Menu Kegunaan
Non-Member Member
Admin
Add Referrence Menambah data referral - C R
Company
Profile
Menampilkan profil
perusahaan
R R -
Contact Us Menampilkan informasi
yang dapat digunakan
untuk menghubungi
perusahaan
U U R, D
Login Login - R, U R, U
My Account Melakukan perubahan
informasi user
- R, U R, U, D
News Melihat berita-berita
seputar Mitradata
R R R, C
Catalog Melihat seluruh produk
yang ditawarkan
R R R, C, U, D
Register Menampilkan prosedur
pendaftaran bagi calon
member baru
C - U
73
Tabel 3.15 Tabel Back-End (e-CRM)
User
Menu
Kegunaan
Executive
Director
Business
Development
Manager
Account
Manager
Marketing
Associate
Business
Analyst
Account Menampilkan account pelanggan R, C, U R R, C, U, D R, C, U R
Company Menampilkan informasi
mengenai perusahaan pelanggan
R, C, U R R, C, U, D R, C, U R
Customer Menampilkan informasi
pelanggan perseorangan
R, C, U R R, C, U, D R, C, U R
Email Mengirimkan email kepada
pelanggan
- - - C -
Event / Activity Menampilkan setiap kegiatan
yang berhubungan dengan CRM
R, C, U, D R, C, U, D R, C, U R, C, U R
74
History Menampilkan setiap transaksi
pelanggan
R R R R R
Log Menampilkan catatan aktivitas
user
R R R R R
Referral Menampilkan daftar calon
pelanggan yang
direkomendasikan oleh
pelanggan
R R R R R
75
3.4.4 Rancangan Layar
a. Rancangan Layar pada Online Store
• Rancangan Layar Index Sebelum Login
Gambar 3.13 Rancangan Layar Index Sebelum Login
Halaman ini adalah tampilan awal yang dapat dilihat oleh semua user
yang belum login. Di sebelah kanan atas tertera pernyataan Not Login diiringi
link untuk login dan register. Pada bagian kiri atas terdapat logo Mitradata dan
di bawahnya terdapat beberapa panel menu, yaitu “Login”, “Register”,
“Company Profile”, “Catalog”, “News”, dan “Contact Us”, yang dapat diakses
oleh user. Di bagian tengah layar terdapat judul halaman dan di bawah judul
terdapat pesan selamat datang dari Mitradata. Di bawah pesan selamat datang
Mitradata terdapat daftar tiga barang yang termasuk dalam hot products,
76
dimana nama setiap produk merupakan link ke halaman Catalog Browse yang
berisi detil produk tersebut. Apabila link “Add to cart” ditekan maka akan
tampil layar Login.
• Rancangan Layar Index Setelah Login
Gambar 3.14 Rancangan Layar Index Setelah Login
Halaman ini adalah tampilan yang akan muncul pada saat user telah
login, sehingga tampilan disesuaikan dengan data personal dan history dari
user. Di sebelah kanan atas terdapat nama user yang login dan link “Logout”.
Pada bagian kiri atas terdapat logo Mitradata, sedangkan di bawah logo
Mitradata terdapat tanggal, disusul oleh beberapa panel menu, yaitu
“Company Profile”, “Catalog”, “News”, “Contact Us”, “My Account”, “Add
Reference”, dan “Logout”, yang dapat diakses oleh user. Di bagian bawah
menu terdapat daftar barang-barang yang direkomendasikan untuk user, yang
77
disesuaikan dengan sejarah pembelian user. Pada daftar ini, terdapat link
pada setiap nama produk dan disediakan juga menu “Add to cart” untuk
memasukkan produk ke daftar belanjaan. Di bagian tengah layar terdapat
judul halaman, dan di bawah judul terdapat pesan selamat datang dari
Mitradata. Di bawah pesan selamat datang, terdapat daftar tiga barang yang
termasuk dalam hot products, dimana nama setiap produk merupakan link ke
halaman Catalog Browse yang berisi detil produk tersebut. Disediakan juga
menu “Add to cart” untuk memasukkan produk ke daftar belanjaan. Di
sebelah kanan layar pada bagian tengah terdapat mini shopping cart yang
menampilkan daftar belanjaan pelanggan yang telah masuk ke shopping cart.
• Rancangan Layar Choose Register
Gambar 3.15 Rancangan Layar Choose Register
78
Layar ini akan ditampilkan saat user menekan menu “Register”. Pada
bagian kiri atas terdapat logo Mitradata dan di bawahnya terdapat beberapa
panel menu, yaitu “Login”, “Register”, “Company Profile”, “Catalog”,
“News”, dan “Contact Us”, yang dapat diakses oleh user. Di bagian tengah
layar terdapat judul halaman, dan di bawahnya terdapat petunjuk pendaftaran.
Di bawah petunjuk pendaftaran terdapat drop down box yang bertujuan untuk
memilih kategori pelanggan, yaitu personal dan corporate. Di bawah drop
down box terdapat sebuah tombol Register Now yang akan digunakan untuk
pemrosesan hasil pilihan pada drop down box. Di bawah tombol terdapat daftar
tiga barang yang termasuk dalam hot products, dimana nama setiap produk
merupakan link ke halaman Catalog Browse yang berisi detil produk tersebut.
Apabila “Add to cart” ditekan maka akan tampil halaman Login.
79
• Rancangan Layar Corporate Registration 1
Gambar 3.16 Rancangan Layar Corporate Registration 1
Layar ini akan ditampilkan apabila user memilih kategori corporate dan
dan menekan tombol “Register Now” pada layar “Register”. Pada bagian kiri
atas terdapat logo Mitradata dan di bawahnya terdapat beberapa panel menu,
yaitu “Login”, “Register”, “Company Profile”, “Catalog”, “News”, dan
“Contact Us”, yang dapat diakses oleh user. Di bagian tengah layar terdapat
judul halaman dan di bawah judul terdapat formulir yang harus diisi supaya
dapat melanjutkan ke langkah pendaftaran selanjutnya. Referrer diisi dengan
nama orang yang merekomendasikan Mitradata kepada user. Product
Preferrence diisi dengan kategori produk yang lebih diminati. Di bagian bawah
formulir terdapat dua buah tombol, yaitu “Next”, untuk melanjutkan langkah
pendaftaran, dan “Reset”, untuk mengosongkan formulir kembali. Di bawah
80
tombol terdapat daftar tiga barang yang termasuk dalam hot products, dimana
nama setiap produk merupakan link ke halaman Catalog Browse yang berisi
detil produk tersebut. Apabila “Add to cart” ditekan maka akan tampil layar
Login.
• Rancangan Layar Corporate Registration 2
Gambar 3.17 Rancangan Layar Corporate Registration 2
Layar ini akan muncul setelah formulir sebelumnya telah diisi lengkap
dan tombol “Next” ditekan. Pada bagian kiri atas terdapat logo Mitradata dan
di bawahnya terdapat beberapa panel menu, yaitu “Login”, “Register”,
“Company Profile”, “Catalog”, “News”, dan “Contact Us”, yang dapat diakses
oleh user. Di bagian tengah layar terdapat judul halaman dan di bawah judul
81
terdapat formulir yang harus diisi supaya dapat melanjutkan ke langkah
pendaftaran selanjutnya. Di bagian bawah formulir terdapat dua buah tombol,
yaitu “Next”, untuk melanjutkan pendaftaran, dan “Reset”, untuk
mengosongkan formulir kembali. Di bawah tombol terdapat daftar tiga barang
yang termasuk dalam hot products, dimana nama setiap produk merupakan link
ke halaman Catalog Browse yang berisi detil produk tersebut. Apabila “Add to
cart” ditekan maka akan tampil layar Login.
• Rancangan Layar Corporate Registration 3
Gambar 3.18 Rancangan Layar Corporate Registration 3
Layar ini akan muncul setelah formulir sebelumnya telah diisi lengkap
dan tombol “Next” ditekan. Bagian ini berisi daftar referral. Di bagian tengah
terdapat enam buah textbox, yaitu tiga untuk nama dan tiga lagi untuk alamat
82
email. Data-data tersebut digunakan untuk referral program. Di bagian bawah
formulir terdapat dua buah tombol, yaitu “Submit”, untuk memproses data dari
formulir pendaftaran, dan “Reset”, untuk mengosongkan formulir kembali.
Pada bagian kiri atas terdapat logo Mitradata dan di bawahnya terdapat
beberapa panel menu, yaitu “Login”, “Register”, “Company Profile”,
“Catalog”, “News”, dan “Contact Us”, yang dapat diakses oleh user. Di bawah
tombol terdapat daftar tiga barang yang termasuk dalam hot products, dimana
nama setiap produk merupakan link ke halaman Catalog Browse yang berisi
detil produk tersebut. Apabila link “Add to cart” ditekan maka akan tampil
layar Login.
• Rancangan Layar Corporate Registration Status
Gambar 3.19 Rancangan Layar Corporate Registration Status
83
Halaman ini menampilkan status pendaftaran corporate, yang
memerlukan verifikasi ulang oleh pihak perusahaan. Layar ini akan muncul
setelah formulir sebelumnya telah diisi lengkap dan tombol “Submit” ditekan.
Bagian ini adalah bagian penutup dari proses registrasi. Pada bagian kiri atas
terdapat logo Mitradata dan di bawahnya terdapat beberapa panel menu, yaitu
“Login”, “Register”, “Company Profile”, “Catalog”, “News”, dan “Contact
Us”, yang dapat diakses oleh user. Di bagian tengah layar terdapat judul
halaman dan status registrasi. Di bawah status registrasi terdapat pesan
registrasi untuk user. Di bawah pesan-pesan registrasi terdapat daftar tiga
barang yang termasuk dalam hot products, dimana nama setiap produk
merupakan link ke halaman Catalog Browse yang berisi detil produk tersebut.
Apabila link “Add to cart” ditekan maka akan menampilkan layar Login.
84
• Rancangan Layar Personal Registration 1
Gambar 3.20 Rancangan Layar Personal Registration 1
Layar ini akan ditampilkan apabila user memilih kategori personal dan
menekan tombol “Register Now” pada layar “Register”. Di bagian tengah
terdapat formulir yang perlu diisi secara lengkap. Di bagian bawah formulir
terdapat dua buah tombol, yaitu “Next”, untuk melanjutkan langkah
pendaftaran, dan “Reset”, untuk mengosongkan formulir kembali. Pada bagian
kiri atas terdapat logo Mitradata dan di bawahnya terdapat beberapa panel
menu, yaitu “Login”, “Register”, “Company Profile”, “Catalog”, “News”, dan
“Contact Us”, yang dapat diakses oleh user. Di bawah tombol terdapat daftar
85
tiga barang yang termasuk dalam hot products, dimana nama setiap produk
merupakan link ke halaman Catalog Browse yang berisi detil produk tersebut.
Link “Add to cart" dapat menampilkan layar Login bila ditekan.
• Rancangan Layar Personal Registration 2
Gambar 3.21 Rancangan Layar Personal Registration 2
Layar ini akan muncul setelah formulir sebelumnya telah diisi lengkap
dan tombol “Next” ditekan. Bagian ini berisi daftar referral. Di bagian tengah
terdapat enam buah textbox, yaitu tiga untuk nama dan tiga lagi untuk alamat
email. Data-data tersebut digunakan untuk referral program. Di bagian bawah
formulir terdapat dua buah tombol, yaitu “Next”, untuk memproses data dari
formulir pendaftaran, dan mengirim verification email, serta menampilkan
layar selanjutnya. “Reset” digunakan untuk mengosongkan formulir kembali.
Pada bagian kiri atas terdapat logo Mitradata dan di bawahnya terdapat
86
beberapa panel menu, yaitu “Login”, “Register”, “Company Profile”,
“Catalog”, “News”, dan “Contact Us”, yang dapat diakses oleh user. Di bawah
tombol terdapat daftar tiga barang yang termasuk dalam hot products, dimana
nama setiap produk merupakan link ke halaman Catalog Browse yang berisi
detil produk tersebut. Apabila link “Add to cart” ditekan maka akan tampil
layar Login.
• Rancangan Layar Personal Registration 3
Gambar 3.22 Rancangan Layar Personal Registration 3
Layar ini akan muncul setelah formulir sebelumnya telah diisi lengkap
dan tombol “Submit” ditekan. Di bagian tengah layar terdapat judul halaman.
Di bawah judul halaman terdapat satu buah textbox yang digunakan untuk
melakukan input verification code pendaftaran, yang didapat dari email yang
dikirim oleh Mitradata ke alamat email user. Di bawah textbox terdapat dua
87
buah tombol, “Submit” dan “Reset” masing-masing untuk memproses
verification code dan untuk mengosongkan textbox kembali. Apabila link
“click here” ditekan maka akan muncul halaman Contact Us. Pada bagian kiri
atas terdapat logo Mitradata dan di bawahnya terdapat beberapa panel menu,
yaitu “Login”, “Register”, “Company Profile”, “Catalog”, “News”, dan
“Contact Us”, yang dapat diakses oleh user. Di bawah tombol tersebut terdapat
daftar tiga barang yang termasuk dalam hot products, dimana nama setiap
produk merupakan link ke halaman Catalog Browse yang berisi detil produk
tersebut. Apabila link “Add to cart” ditekan maka akan tampil layar Login.
• Rancangan Layar Result Personal Registration
Gambar 3.23 Rancangan Layar Result Personal Registration
Halaman ini menampilkan hasil pendaftaran personal yang telah berhasil
diverifikasi dan disimpan. Pada layar terdapat pesan-pesan registrasi yaitu
88
berupa username dan password yang akan digunakan oleh user. Layar ini akan
muncul setelah formulir sebelumnya telah diisi lengkap dan tombol “Submit”
ditekan. Bagian ini adalah bagian penutup dari proses registrasi. Di bagian
tengah layar terdapat judul halaman dan status registrasi. Di bawah status
registrasi terdapat pesan registrasi untuk user. Pada bagian kiri atas terdapat
logo Mitradata dan di bawahnya terdapat beberapa panel menu, yaitu “Login”,
“Register”, “Company Profile”, “Catalog”, “News”, dan “Contact Us”, yang
dapat diakses oleh user. Di bawah pesan-pesan registrasi terdapat daftar tiga
barang yang termasuk dalam hot products, dimana nama setiap produk
merupakan link ke halaman Catalog Browse yang berisi detil produk tersebut.
Apabila link “Add to cart” ditekan maka akan tampil layar Login.
• Rancangan Layar Login
Gambar 3.24 Rancangan Layar Login
89
Layar ini akan tampil bila menu “Login” ditekan atau link “Add to cart”
ditekan oleh user yang belum login. Di sebelah kanan atas tertera pernyataan
Not Login diiringi link untuk login dan register. Di bagian tengah layar
terdapat judul halaman dan dua buah text box, masing-masing untuk username
dan password. Di bawah kedua textbox terdapat tombol “Login” yang
berfungsi untuk memproses username dan password. Apabila proses berhasil,
username dan password sesuai dengan database, maka program akan masuk ke
layar index, namun apabila gagal maka isi textbox pada halaman login akan
dikosongkan kembali. Di bawah form Login terdapat link click here yang
berguna untuk user yang belum terdaftar. Link tersebut akan menampilkan
layar Register. Pada bagian kiri atas terdapat logo Mitradata dan di bawahnya
terdapat beberapa panel menu, yaitu “Login”, “Register”, “Company Profile”,
“Catalog”, “News”, dan “Contact Us”, yang dapat diakses oleh user. Di bawah
pesan-pesan registrasi terdapat daftar tiga barang yang termasuk dalam hot
products, dimana nama setiap produk merupakan link ke halaman Catalog
Browse yang berisi detil produk tersebut. Apabila link “Add to cart” ditekan
maka akan tampil layar Login.
90
• Rancangan Layar Company Profile Sebelum Login
Gambar 3.25 Rancangan Layar Company Profile Sebelum Login
Halaman ini adalah tampilan profil perusahaan yang dapat dilihat oleh
semua user yang belum login. Di sebelah kanan atas tertera pernyataan Not
Login diiringi link untuk login dan register. Pada bagian kiri atas terdapat
logo Mitradata dan di bawahnya terdapat beberapa panel menu, yaitu
“Login”, “Register”, “Company Profile”, “Catalog”, “News”, dan “Contact
Us”, yang dapat diakses oleh user. Di bagian tengah layar terdapat judul
halaman dan profil Perusahaan Mitradata. Di bawah profil Mitradata terdapat
daftar tiga barang yang termasuk dalam hot products, dimana nama setiap
produk merupakan link ke halaman yang berisi detil produk tersebut. Pada
daftar ini, terdapat link pada setiap nama produk untuk masuk ke halaman
Catalog Browse, serta disediakan juga menu “Add to cart”, yang karena user
91
belum login, maka apabila link tersebut ditekan, maka akan menampilkan
layar “Login”.
• Rancangan Layar Company Profile Setelah Login
Gambar 3.26 Rancangan Layar Company Profile Setelah Login
Halaman ini adalah tampilan profil perusahaan yang dapat dilihat oleh
semua user yang telah berhasil login. Di sebelah kanan atas terdapat nama user
yang login. Pada bagian kiri atas terdapat logo Mitradata, sedangkan di bawah
logo Mitradata terdapat tanggal, disusul oleh beberapa panel menu, yaitu
“Company Profile”, “Catalog”, “News”, “Contact Us”, “My Account”, “Add
Reference”, dan “Logout”, yang dapat diakses oleh user. Di bagian bawah
menu terdapat daftar barang-barang yang direkomendasikan untuk user, yang
disesuaikan dengan sejarah akses dan pembelian user. Di sebelah kanan layar
92
pada bagian tengah terdapat mini shopping cart yang menampilkan daftar
belanjaan pelanggan yang telah masuk ke shopping cart. Apabila “Open
shopping cart” ditekan maka akan tampil layar Shopping Cart. Di bagian
tengah layar terdapat judul halaman dan profil Perusahaan Mitradata. Di bawah
profil Mitradata terdapat daftar tiga barang yang termasuk dalam hot products,
dimana nama setiap produk merupakan link ke halaman Catalog Browse yang
berisi detil produk tersebut. Pada daftar ini, terdapat link pada setiap nama
produk dan disediakan juga menu “Add to cart” untuk memasukkan produk ke
daftar belanjaan.
• Rancangan Layar News Sebelum Login
Gambar 3.27 Rancangan Layar News Sebelum Login
Halaman ini adalah tampilan berita seputar Mitradata, yang dapat
dilihat oleh semua user yang belum login. Di sebelah kanan atas tertera
93
pernyataan Not Login diiringi link untuk login dan register. Pada bagian kiri
atas terdapat logo Mitradata dan di bawahnya terdapat beberapa panel menu,
yaitu “Login”, “Register”, “Company Profile”, “Catalog”, “News”, dan
“Contact Us”, yang dapat diakses oleh user. Di bagian tengah layar terdapat
judul halaman dan berita Mitradata. Apabila see details ditekan maka akan
tampil layar Detail News. Di bawah berita Mitradata terdapat daftar tiga
barang yang termasuk dalam hot products, dimana nama setiap produk
merupakan link ke halaman yang berisi detil produk tersebut. Pada daftar ini,
terdapat link pada setiap nama produk dan disediakan juga menu “Add to
cart” untuk memasukkan produk ke daftar belanjaan. Karena user belum
login, maka apabila link tersebut ditekan, maka akan menampilkan layar
“Login”.
• Rancangan Layar Detail News Sebelum Login
Gambar 3.28 Rancangan Layar Detail News Sebelum Login
94
Halaman ini adalah tampilan detil berita dari halaman News. Di
sebelah kanan atas tertera pernyataan Not Login diiringi link untuk login dan
register. Pada bagian kiri atas terdapat logo Mitradata dan di bawahnya
terdapat beberapa panel menu, yaitu “Login”, “Register”, “Company
Profile”, “Catalog”, “News”, dan “Contact Us”, yang dapat diakses oleh user.
Di bagian tengah layar terdapat judul halaman dan berita Mitradata. Apabila
Back to News Page ditekan maka akan tampil layar News. Di bawah berita
Mitradata terdapat daftar tiga barang yang termasuk dalam hot products,
dimana nama setiap produk merupakan link ke halaman yang berisi detil
produk tersebut. Pada daftar ini, terdapat link pada setiap nama produk dan
disediakan juga menu “Add to cart” untuk memasukkan produk ke daftar
belanjaan. Karena user belum login, maka apabila link tersebut ditekan, maka
akan menampilkan layar “Login”.
95
• Rancangan Layar News Setelah Login
Gambar 3.29 Rancangan Layar News Setelah Login
Halaman ini adalah tampilan berita seputar Mitradata yang dapat
dilihat oleh semua user yang telah berhasil login. Di sebelah kanan atas
terdapat nama user yang login. Pada bagian kiri atas terdapat logo Mitradata,
sedangkan di bawah logo Mitradata terdapat tanggal, disusul oleh beberapa
panel menu, yaitu “Company Profile”, “Catalog”, “News”, “Contact Us”,
“My Account”, “Add Reference”, dan “Logout”, yang dapat diakses oleh
user. Di bagian bawah menu terdapat daftar barang-barang yang
direkomendasikan untuk user, yang disesuaikan dengan sejarah akses dan
pembelian user. Pada daftar ini, terdapat link pada setiap nama produk dan
disediakan juga menu “Add to cart” untuk memasukkan produk ke daftar
belanjaan. Di bagian tengah layar terdapat judul halaman dan berita
Mitradata. Apabila see details ditekan maka akan tampil layar Detail News.
96
Di bawah berita Mitradata terdapat daftar tiga barang yang termasuk dalam
hot products, dimana nama setiap produk merupakan link ke halaman
Catalog Browse yang berisi detil produk tersebut. Di sebelah kanan layar
pada bagian tengah terdapat mini shopping cart yang menampilkan daftar
belanjaan pelanggan yang telah masuk ke shopping cart. Apabila “Open
Shopping Cart” ditekan maka akan tampil layar Shopping Cart.
• Rancangan Layar Detail News Setelah Login
Gambar 3.30 Rancangan Layar Detail News Setelah Login
Halaman ini adalah tampilan berita seputar Mitradata yang dapat
dilihat oleh semua user yang telah berhasil login. Di sebelah kanan atas
terdapat nama user yang login. Pada bagian kiri atas terdapat logo
Mitradata, sedangkan di bawah logo Mitradata terdapat tanggal, disusul
oleh beberapa panel menu, yaitu “Company Profile”, “Catalog”, “News”,
97
“Contact Us”, “My Account”, “Add Reference”, dan “Logout”, yang dapat
diakses oleh user. Di bagian bawah menu terdapat daftar barang-barang
yang direkomendasikan untuk user, yang disesuaikan dengan sejarah akses
dan pembelian user. Pada daftar ini, terdapat link pada setiap nama produk
dan disediakan juga menu “Add to cart” untuk memasukkan produk ke
daftar belanjaan. Di bagian tengah layar terdapat judul halaman dan berita
Mitradata. Apabila see details ditekan maka akan tampil layar Detail News.
Di bawah berita Mitradata terdapat daftar tiga barang yang termasuk dalam
hot products, dimana nama setiap produk merupakan link ke halaman
Catalog Browse yang berisi detil produk tersebut. Di sebelah kanan layar
pada bagian tengah terdapat mini shopping cart yang menampilkan daftar
belanjaan pelanggan yang telah masuk ke shopping cart. Apabila “Open
Shopping Cart” ditekan maka akan tampil layar Shopping Cart.
98
• Rancangan Layar Catalog Main Sebelum Login
Gambar 3.31 Rancangan Layar Catalog Main Sebelum Login
Halaman ini adalah tampilan katalog produk dari Mitradata, yang
dapat dilihat oleh semua user yang belum login. Di sebelah kanan atas tertera
pernyataan Not Login diiringi link untuk login dan register. Pada bagian kiri
atas terdapat logo Mitradata dan di bawahnya terdapat beberapa panel menu,
yaitu “Login”, “Register”, “Company Profile”, “Catalog”, “News”, dan
“Contact Us”, yang dapat diakses oleh user. Di bagian tengah layar terdapat
judul halaman dan daftar produsen (brand), yang merupakan link untuk
melihat produk berdasarkan nama produsen, juga daftar kategori produk
untuk melihat produk dari berbagai produsen dengan kategori yang sama.
Masih di bagian tengah layar, pada bagian atas daftar produsen dan kategori
benda, terdapat modul search yang memiliki satu tombol dan satu textbox
99
untuk mengisi keyword. Di bagian bawah terdapat daftar tiga barang yang
termasuk dalam hot products, dimana nama setiap produk merupakan link ke
halaman Catalog Browse yang berisi detil produk tersebut. Pada daftar ini,
terdapat link pada setiap nama produk dan disediakan juga menu “Add to
cart” untuk memasukkan produk ke daftar belanjaan. Karena user belum
login, maka apabila link “Add to cart” ditekan, maka akan menampilkan
layar “Login”.
• Rancangan Layar Catalog Main Setelah Login
Gambar 3.32 Rancangan Layar Catalog Main Setelah Login
Halaman ini adalah tampilan katalog produk dari Mitradata, yang dapat
dilihat oleh semua user yang telah berhasil login. Secara keseluruhan, tampilan
pada layar ini mirip dengan CatalogMain sebelum Login. Perbedaan terletak
pada sisi kanan layar karena pada bagian tersebut terdapat mini shopping cart
100
yang menampilkan daftar belanjaan pelanggan yang telah masuk ke shopping
cart. Apabila link “Open Shopping Cart” ditekan maka akan tampil layar
Shopping Cart. Selain itu, perbedaan juga tampak pada pilihan menu, yaitu
“Company Profile”, “Catalog”, “News”, “Contact Us”, “My Account”, “Add
Reference”, dan “Logout”. Di bagian bawah menu terdapat daftar barang-
barang yang direkomendasikan untuk user, yang disesuaikan dengan sejarah
akses dan pembelian user. Pada daftar ini, terdapat link pada setiap nama
produk dan disediakan juga menu “Add to cart” untuk memasukkan produk ke
daftar belanjaan. Tersedia pula promosi dari Hot Product.
• Rancangan Layar Catalog Browse Sebelum Login
Gambar 3.33 Rancangan Layar Catalog Browse Sebelum Login
Halaman ini adalah tampilan deskripsi katalog produk dari Mitradata
yang telah melalui proses pemilihan link. Produk-produk yang terdapat pada
101
halaman ini telah melalui pemilihan melalui link yang spesifik dari
CatalogMain dan Hot Products yang dapat dilihat oleh semua user yang
belum login. Pada bagian kiri atas terdapat logo Mitradata dan di bawahnya
terdapat beberapa panel menu, yaitu “Login”, “Register”, “Company
Profile”, “Catalog”, “News”, dan “Contact Us”, yang dapat diakses oleh user.
Di bagian tengah layar terdapat judul halaman, gambar, serta informasi
mengenai produk. Di bagian bawah informasi disediakan link Add to cart.
Terdapat pula modul search yang memiliki satu tombol dan satu textbox
untuk mengisi keyword. Di bagian bawah terdapat daftar tiga barang yang
termasuk dalam hot products, dimana nama setiap produk merupakan link ke
halaman yang berisi detil produk tersebut. Pada daftar ini, terdapat link pada
setiap nama produk dan disediakan juga menu “Add to cart” untuk
memasukkan produk ke daftar belanjaan. Karena user belum login, maka
apabila link “Add to cart” ditekan, maka akan menampilkan layar “Login”.
102
• Rancangan Layar Catalog Browse Setelah Login
Gambar 3.34 Rancangan Layar Catalog Browse Setelah Login
Halaman ini adalah tampilan deskripsi katalog produk dari Mitradata
yang telah melalui proses pemilihan link dari produk, termasuk dari
Recommended Items. Secara keseluruhan, tampilan pada layar ini mirip
dengan CatalogBrowse sebelum Login. Perbedaan terletak pada sisi kanan
layar karena pada bagian tersebut terdapat mini shopping cart yang
menampilkan daftar belanjaan pelanggan yang telah masuk ke shopping cart.
Apabila link “Open shopping cart” ditekan maka akan tampil layar Shopping
Cart. Selain itu, perbedaan juga tampak pada pilihan menu, yaitu “Company
Profile”, “Catalog”, “News”, “Contact Us”, “My Account”, “Add Reference”,
dan “Logout”. Di bagian bawah menu terdapat daftar barang-barang yang
direkomendasikan untuk user, yang disesuaikan dengan sejarah akses dan
103
pembelian user. Pada daftar ini, terdapat link pada setiap nama produk dan
disediakan juga menu “Add to cart” untuk memasukkan produk ke daftar
belanjaan. Hot Product tersedia di bagian bawah.
• Rancangan Layar Catalog Search Sebelum Login
Gambar 3.35 Rancangan Layar Catalog Search Sebelum Login
Halaman ini menampilkan hasil dari pencarian produk melalui modul
search. Produk yang ditampilkan berasal dari hasil pencarian berdasarkan
keyword search. Pada bagian kiri atas terdapat logo Mitradata dan di
bawahnya terdapat beberapa panel menu, yaitu “Login”, “Register”,
“Company Profile”, “Catalog”, “News”, dan “Contact Us”, yang dapat
diakses oleh user. Pada daftar ini, terdapat link pada setiap nama produk dan
disediakan juga menu “Add to cart” untuk memasukkan produk ke daftar
belanjaan. Karena user belum login, maka apabila link “Add to cart” ditekan,
104
maka akan menampilkan layar “Login”. Di bagian tengah layar terdapat
informasi mengenai produk yang di search dan disediakan pula link Add to
cart. Selain itu, terdapat pula modul search yang memiliki satu tombol dan
satu textbox untuk mengisi keyword. Di bagian bawah terdapat daftar tiga
barang yang termasuk dalam hot products, dimana nama setiap produk
merupakan link ke halaman Catalog Browse yang berisi detil produk tersebut.
• Rancangan Layar Catalog Search Setelah Login
Gambar 3.36 Rancangan Layar Catalog Search Setelah Login
Halaman ini hanya bisa diakses oleh user yang telah login dan
difungsikan untuk menampilkan hasil search. Secara keseluruhan, tampilan
pada layar ini mirip dengan CatalogBrowse sebelum Login. Perbedaan terletak
pada sisi kanan layar karena pada bagian tersebut terdapat mini shopping cart
yang menampilkan daftar belanjaan pelanggan yang telah masuk ke shopping
105
cart. Selain itu, perbedaan juga tampak pada pilihan menu, yaitu “Company
Profile”, “Catalog”, “News”, “Contact Us”, “My Account”, “Add Reference”,
dan “Logout”. Di bagian bawah menu terdapat daftar barang-barang yang
direkomendasikan untuk user, yang disesuaikan dengan sejarah akses dan
pembelian user. Pada daftar ini, terdapat link pada setiap nama produk dan
disediakan juga menu “Add to cart” untuk memasukkan produk ke daftar
belanjaan. Hot Product disediakan di bagian bawah.
• Rancangan Layar Contact Us Sebelum Login
Gambar 3.37 Rancangan Layar Contact Us Sebelum Login
Halaman ini adalah tampilan surat ke Mitradata, yang dapat dilihat
oleh semua user yang belum login. Pada bagian kiri atas terdapat logo
Mitradata dan di bawahnya terdapat beberapa panel menu, yaitu “Login”,
106
“Register”, “Company Profile”, “Catalog”, “News”, dan “Contact Us”, yang
dapat diakses oleh user. Di bagian tengah layar terdapat judul halaman dan
beberapa textbox yang perlu diisi oleh user, termasuk pesan yang akan
dikirim. Di bagian bawah kotak pesan, terdapat tombol “Submit” yang bila
ditekan maka akan memproses dan mengirim pesan dari user ke Mitradata.
Selain itu, terdapat pula modul search yang memiliki satu tombol dan satu
textbox untuk mengisi keyword. Di bagian bawah terdapat daftar tiga barang
yang termasuk dalam hot products, dimana nama setiap produk merupakan
link ke halaman Catalog Browse yang berisi detil produk tersebut.
• Rancangan Layar Contact Us Setelah Login
Gambar 3.38 Rancangan Layar Contact Us Setelah Login
Halaman ini adalah tampilan surat ke Mitradata, yang dapat dilihat oleh
semua user yang telah login. Secara keseluruhan, tampilan pada layar ini mirip
107
dengan Contact Us sebelum Login. Perbedaan terletak pada sisi kanan layar
karena pada bagian tersebut terdapat mini shopping cart yang menampilkan
daftar belanjaan pelanggan yang telah masuk ke shopping cart. Apabila link
“Open Shopping Cart” ditekan maka akan tampil layar Shopping Cart. Selain itu,
perbedaan juga tampak pada nama user di bagian kanan atas, serta pilihan menu,
yaitu “Company Profile”, “Catalog”, “News”, “Contact Us”, “My Account”,
“Add Reference”, dan “Logout”. Di bagian bawah menu terdapat daftar barang-
barang yang direkomendasikan untuk user, yang disesuaikan dengan sejarah
akses dan pembelian user. Pada daftar ini, terdapat link pada setiap nama produk
dan disediakan juga menu “Add to cart” untuk memasukkan produk ke daftar
belanjaan. Di bagian bawah terdapat hot products.
• Rancangan Layar Shopping Cart
Gambar 3.39 Rancangan Layar Shopping Cart
108
Halaman ini menampilkan informasi secara detil dari produk-produk
yang telah dipesan oleh pelanggan. Di bagian tengah layar terdapat gambar
dan informasi produk yang dipesan, serta total harga dari produk-produk
yang dipesan. Disediakan pula tombol “Update” dan “Delete” untuk merevisi
pesanan. Tombol “Confirm” digunakan untuk menampilkan layar Order yang
mengkonfirmasi pesanan pelanggan.
• Rancangan Layar Order
Gambar 3.40 Rancangan Layar Order
Halaman ini digunakan untuk mengkonfirmasi pesanan pelanggan. Di
bagian tengah layar terdapat gambar dan informasi produk yang dipesan,
serta total harga dari produk-produk yang dipesan. Tombol “Order”
digunakan untuk memproses pesanan yang telah disetujui oleh pelanggan.
109
• Rancangan Layar Order Response
Gambar 3.41 Rancangan Layar Order Response
Halaman ini menampilkan status pemesanan pelanggan.
110
• Rancangan Layar My Account
Logo MitradataTanggal Welcome, Username
Company ProfileCatalogNewsContact UsMy AccountAdd ReferenceLogout
Judul Halaman
RECOMMENDED ITEMS
Nama ProdukAdd to cart
HOT PRODUCT (3)
Nama ProdukAdd to cart
User Name :Password :
Unique, 30 char max
ResetUpdate
Verify Password :
Birth Date :
First Name :Last Name :
Postal Address :
Phone :Alternate Phone :Fax :Alternate Fax :Main Email :Alternate Email :
Unique, 30 char max
Re-type password
Your first name
Your family name
Your birth date
Your phone number
Alternate phone number
Your fax number
Alternate fax number
Your email address
Alternate email address
Fill with complete postal address.Will be used for shipping purpose
Shopping CartInformation
Open Shopping Cart
Gambar 3.42 Rancangan Layar My Account
Layar ini digunakan untuk merevisi data pribadi dari user atau
pelanggan. Halaman ini menampilkan data-data yang sebelumnya telah
dimasukkan oleh pelanggan. Data-data tersebut dapat dimanipulasi. Apabila
tombol “Update” ditekan maka data baru tersebut akan diproses dan
dimasukkan ke dalam database. Bila tombol “Reset” ditekan maka data
sebelumnya akan kembali ditampilkan.
111
• Rancangan Layar Add Referrence
Gambar 3.43 Rancangan Layar Add Referrence
Layar ini digunakan untuk menambah daftar referral dari pelanggan.
Dengan menekan tombol “Add Referrence”, maka semua data yang diisi
pada formulir, disimpan ke dalam database. Tombol lain, yaitu “Reset”,
dapat digunakan untuk mengembalikan keadaan formulir seperti semula.
112
b. Rancangan Layar pada e-CRM
• Rancangan Layar Login Mitradata
Gambar 3.44 Rancangan Layar Login Mitradata
Pada bagian kiri atas terdapat logo Mitradata, sedangkan pada bagian
pojok kanan atas terdapat tombol untuk keluar dari layar login. Di bagian
tengah layar terdapat dua buah text box, masing-masing untuk input nama
user dan password-nya. Pada bagian bawah terdapat tombol Login, yang
bila ditekan maka program akan memeriksa validitas username dan
password. Jika valid maka akan masuk ke tampilan utama, yaitu halaman
Customer. Jika invalid, maka akan kembali ke layar Login yang masih
kosong.
113
• Rancangan Layar Customer
Gambar 3.45 Rancangan Layar Customer
Secara keseluruhan, tampilan pada layar ini sama dengan layar
Activity. Perbedaan terletak pada isi tabel serta fungsi tombol “Search” dan
“Add New”. Tabel akan menampilkan nama, tanggal lahir, alamat rumah,
nomor telepon dan fax, serta alamat email dari pelanggan atau contact
person. Tombol “Search” berfungsi untuk mencari data dari tabel customer di
database. Sedangkan tombol “Add” berfungsi untuk menampilkan pop-up
halaman Add Account. Selain itu, judul halaman akan menampilkan kata
Customer Profile. Link “Change Password” akan menampilkan layar Change
Password. Judul tiap tabel dapat mengurutkan tampilan data. Tombol e d
digunakan untuk memperbaiki dan menghapus data.
114
• Rancangan Layar Company
Gambar 3.46 Rancangan Layar Company
Tampilan pada layar ini hampir sama dengan layar Customer.
Perbedaan terletak pada isi tabel serta fungsi tombol “Search”. Tabel akan
menampilkan nama, alamat, nomor telepon, alamat email, serta website dari
perusahaan. Tombol “Search” pada halaman ini berfungsi untuk mencari data
dari tabel company pada database. Selain itu, judul halaman akan
menampilkan kata Company Information. Judul tiap tabel dapat mengurutkan
tampilan data. Tombol e d digunakan untuk memperbaiki dan menghapus
data.
115
• Rancangan Layar Account
Gambar 3.47 Rancangan Layar Account
Tampilan pada layar ini hampir sama dengan layar Customer dan
Company. Perbedaan terletak pada isi tabel serta fungsi tombol “Search”.
Tabel akan menampilkan beberapa data gabungan dari tabel dari Customer
dan Company. Halaman ini menampilkan data pelanggan yang mewakili
perusahaan serta data contact person-nya. Tombol “Search” pada halaman ini
berfungsi untuk mencari data dari tabel customer atau company pada
database. Selain itu, judul halaman akan menampilkan kata Account
Information. Judul tiap tabel dapat mengurutkan tampilan data. Tombol e d
digunakan untuk memperbaiki dan menghapus data.
116
• Rancangan Layar Activity/Event
Gambar 3.48 Rancangan Layar Activity/Event
Halaman ini akan tampil saat menu Event / Activity ditekan oleh
user. Pada bagian atas layar ini terdapat username dan tombol untuk
exit. Di sisi kiri terdapat beberapa pilihan menu antara lain : Customer,
Company, Account, Activity / Event, Log, History, Email, dan Referral.
Auto-scroll yang terletak di bawah logo akan menampilkan event-event
secara bergantian. Di samping auto-scroll terdapat kalender yang apabila
angka pada tanggal yang ber-highlight ditekan, maka akan muncul pop-up
dari event yang terjadi pada tanggal tersebut. Title adalah judul yang
menunjukan halaman yang sedang dibuka oleh user. Pada halaman ini
disediakan fasilitas search yang berfungsi untuk mencari data dari tabel
117
activity di database. Tabel pada halaman ini akan menampilkan tanggal,
waktu, jenis aktivitas atau event, serta deskripsi dari acara yang berlangsung.
Untuk user-user tertentu yang memiliki hak untuk delete, disediakan icon d.
“<< < 1 2 3 4 5 > >>” berfungsi untuk memilih halaman tampilan pada tabel.
Tombol “Add Event” difungsikan untuk menampilkan pop-up halaman Add
Event. Judul tiap tabel dapat mengurutkan tampilan tabel. Tipe-tipe event
antara lain : To Do, Reminder, Memo, Order, Approved, Rejected, dan
Pending. Apabila Order, Approved dan Rejected ditekan maka akan tampil
layar Order, namun bila Pending ditekan maka akan tampil dialog box dan
bila OK ditekan maka akan tampil layar email, kalau Cancel maka tampilan
akan tertutup dan data dihapus, dan otomatis akan terkirim notification email.
• Rancangan Layar Referral
Gambar 3.49 Rancangan Layar Referral
118
Tampilan pada layar ini hampir sama dengan layar Customer dan
Company. Perbedaan terletak pada isi tabel serta fungsi tombol Search. Tabel
akan menampilkan nama dan email dari pelanggan, serta nama referrer.
Tombol “Search” pada halaman ini berfungsi untuk mencari data dari tabel
referred pada database. Selain itu, judul halaman akan menampilkan kata
Referral Information. Judul tiap tabel dapat mengurutkan tampilan data.
• Rancangan Layar History
Gambar 3.50 Rancangan Layar History
Tampilan pada layar ini hampir sama dengan layar Customer dan
Company. Perbedaan terletak pada isi tabel serta fungsi tombol “Search”.
Tabel akan menampilkan data-data mengenai sejarah transaksi belanja dari
pelanggan. Tombol “Search” pada halaman ini berfungsi untuk mencari data
dari tabel cust_history pada database. Selain itu, judul halaman akan
119
menampilkan kata Transaction History. Judul tiap tabel dapat mengurutkan
tampilan data.
• Rancangan Layar Email
Gambar 3.51 Rancangan Layar Email
Halaman ini akan tampil apabila user menekan menu Email atau
alamat email di dalam tabel. Textbox send to digunakan untuk memasukkan
alamat email. Sedangkan subject digunakan untuk memberi judul pesan yang
akan dikirim. Isi pesan ditulis pada textbox message yang memiliki scroll
bar.
120
• Rancangan Layar Log
Gambar 3.52 Rancangan Layar Log
Tampilan pada layar ini hampir sama dengan layar History.
Perbedaan terletak pada isi tabel serta fungsi tombol “Search”. Tabel akan
menampilkan data-data mengenai aktivitas yang dilakukan oleh user
terhadap Online shop dan e-CRM. Tombol “Search” pada halaman ini
berfungsi untuk mencari data dari tabel log. Selain itu, judul halaman akan
menampilkan kata Log List. Judul tiap tabel dapat mengurutkan tampilan
data.
121
• Rancangan Layar Event on Certain Date
Gambar 3.53 Rancangan Layar Event on Certain Date
Halaman ini akan tampil apabila user menekan angka yang di-
highlight pada kalender. Date adalah tampilan tanggal yang ditekan. Tabel
akan menampilkan waktu, tipe event, dan deskripsi dari event yang sedang
berlangsung pada tanggal tersebut. Apabila tombol “Add” ditekan maka
tampilan pop-up Add Event akan ditampilkan. Apabila user memiliki hak
untuk manipulasi data, maka akan muncul tombol d pada tiap baris.
122
• Rancangan Layar Form Add Event
Gambar 3.54 Rancangan Layar Form Add Event
Halaman ini akan tampil apabila user menekan tombol “Add” pada
halaman Activity / Event maupun pada Event on Certain Date. Beberapa
dropdown box digunakan untuk memasukkan tanggal dan tipe event.
Beberapa tipe event antara lain Reminder, Memo, dan To Do. Apabila
tombol “Add Event” ditekan, maka data akan dimasukkan kedalam tabel
activity di database.
123
• Rancangan Layar Form Add Account
Gambar 3.55 Rancangan Layar Form Add Account
Halaman ini akan tampil apabila user menekan tombol “Add” pada
halaman Customer, Company, atau Account. Beberapa textbox pada bagian
Personal Profile perlu diisi dengan data-data pribadi pelanggan, sedangkan
pada bagian Company Profile berisi data-data seputar perusahaan yang
diwakilkan (bila ada). Apabila tombol “OK” ditekan, maka data akan
dimasukkan kedalam tabel customer (untuk Personal Profile) dan company
124
(untuk Company Profile) di dalam database. Apabila tombol “Cancel”
ditekan maka akan keluar dari tampilan ini.
• Rancangan Layar Form Edit Account
Gambar 3.56 Rancangan Layar Form Edit Account
Halaman ini akan tampil apabila user menekan tombol e pada
halaman Customer, Company, atau Account. Beberapa textbox yang terisi
data sebelumnya, dapat langsung dimanipulasi. Apabila tombol “OK”
125
ditekan maka data baru akan disimpan ke dalam database. Sedangkan apabila
tombol “Cancel” ditekan maka akan keluar dari tampilan ini.
• Rancangan Layar Order Mitradata
Gambar 3.57 Rancangan Layar Order Mitradata
Tampilan ini akan muncul apabila tulisan Order pada halaman
Activity/Event ditekan. Namun apabila Approved atau Rejected pada
halaman Activity/Event ditekan maka tampilan ini akan muncul tanpa
tombol “Approve” dan “Reject”. Apabila tombol “Approve” ditekan
maka tipe pemesanan berubah dari order menjadi approved dan layar
tertutup, sedangkan bila tombol “Reject” ditekan maka tipe pemesanan
berubah dari order menjadi rejected dan layar tertutup, kemudian
membuka layar Email untuk mengirim notification email. Pada bagian
126
atas terdapat nama pemesan serta tanggal dan waktu pemesanan. Tabel
berisi informasi mengenai nama barang yang dipesan, harga per unit,
jumlah yang dipesan, sub total biaya, serta biaya total pemesanan.
• Rancangan Layar Change Password
Gambar 3.58 Rancangan Layar Change Password
Layar ini dapat digunakan untuk mengubah password dari staff.
Apabila “Confirm” ditekan maka otomatis password dalam database
berubah.
127
c. Rancangan Layar pada Admin Online Store
• Rancangan Layar Main
Gambar 3.59 Rancangan Layar Main
Halaman ini merupakan halaman utama dari bagian admin yang akan
ditampilkan setelah user melakukan login sebagai administrator. Pada bagian
kiri atas terdapat logo Mitradata dan tanggal, sedangkan di bagian kanan atas
terdapat nama user yang melakukan login ke halaman ini. Di bawah logo
Mitradata terdapat panel-panel menu, yaitu “News Manager”, “Products”,
dan “Logout”, yang dapat diakses oleh user. Di bagian tengah layar terdapat
judul halaman, dan dibawahnya terdapat pesan selamat datang bagi user.
128
• Rancangan Layar News Manager
Gambar 3.60 Rancangan Layar News Manager
Halaman ini merupakan halaman yang digunakan untuk memasukkan
berita baru pada online store. Pada bagian kiri atas terdapat logo Mitradata
dan tanggal, sedangkan di bagian kanan atas terdapat nama user yang telah
login ke halaman ini. Di bawah logo Mitradata terdapat panel-panel menu,
yaitu “News Manager”, “Products”, dan “Logout”, yang dapat diakses oleh
user. Di bagian tengah layar terdapat judul halaman, dan dibawahnya
terdapat sebuah text box untuk memasukkan judul berita. Di bawah text box
terdapat text area untuk memasukkan isi berita. Di bagian paling kanan dari
text area terdapat scroll bar. Di bawah text area terdapat tombol “Submit”
untuk memasukkan berita baru ke dalam online store.
129
• Rancangan Layar Products
Gambar 3.61 Rancangan Layar Products
Halaman ini digunakan untuk memilih konfigurasi produk. Pada
bagian kiri atas terdapat logo Mitradata dan tanggal, sedangkan di bagian
kanan atas terdapat nama user yang telah login ke halaman ini. Di bawah
logo Mitradata terdapat panel-panel menu, yaitu “News Manager”,
“Products”, dan “Logout”, yang dapat diakses oleh user. Di bagian tengah
layar terdapat judul halaman, dan dibawahnya terdapat pesan mengenai cara
penggunaan modul. Dibawah pesan tersebut terdapat tiga buah link, yaitu
link “Add Product”, link “Modify Product”, dan link "Delete Product” yang
apabila ditekan maka akan menampilkan layar yang sesuai dengan link yang
dituju.
130
• Rancangan Layar Add Products
Gambar 3.62 Rancangan Layar Add Products
Halaman ini merupakan halaman yang digunakan untuk menambah
produk baru. Pada bagian kiri atas terdapat logo Mitradata dan tanggal,
sedangkan di bagian kanan atas terdapat nama user yang telah login ke
halaman ini. Di bawah logo Mitradata terdapat panel-panel menu, yaitu
“News Manager”, “Products”, dan “Logout”, yang dapat diakses oleh user.
Di bagian tengah layar terdapat judul halaman, dan dibawahnya dua buah
drop down box yang masing-masing digunakan untuk memilih grup produk
dan vendor. Di bawah kedua drop down box tersebut terdapat beberapa buah
text box yang digunakan untuk memasukkan kode produk, nama produk,
deskripsi produk, dan harga barang. Selain itu, terdapat pula dua buah file
dialog yang berguna untuk memilih image utama dan thumbnail yang akan
131
di-upload. Dibawah file dialog terdapat dua buah tombol yang digunakan
untuk menyimpan produk dan melakukan reset.
• Rancangan Layar Modify Products
Gambar 3.63 Rancangan Layar Modify Products
Halaman ini merupakan halaman yang digunakan untuk memodifikasi
informasi produk. Tampilan halam ini hampir sama dengan halaman Add
Products. Yang membedakan adalah pada halaman ini textbox atau textarea
terisi oleh data-data yang sebelumnya tersimpan pada database. Isi dari tiap
textbox dapat di-edit dan apabila tombol “Update” ditekan, maka data yang
telah di-edit akan dimasukkan ke dalam database.
132
• Rancangan Layar Delete Product
Gambar 3.64 Rancangan Layar Delete Product
Halaman ini merupakan halaman yang digunakan untuk menghapus
informasi mengenai produk yang telah ada. Pada bagian kiri atas terdapat
logo Mitradata dan tanggal, sedangkan di bagian kanan atas terdapat nama
user yang telah login ke halaman ini. Di bawah logo Mitradata terdapat
panel-panel menu, yaitu “News Manager”, “Products”, dan “Logout”, yang
dapat diakses oleh user. Di bagian tengah layar terdapat judul halaman dan
drop down box untuk memilih produk yang akan dihapus. Pada bagian bawah
terdapat dua buah tombol untuk melakukan penghapusan (Delete) dan
pembatalan (Cancel).
133
d. Rancangan Layar pada Admin e-CRM
Gambar 3.65 Layar Admin e-CRM
Layar ini digunakan oleh admin untuk melihat, menghapus, serta
menambah pengguna. Tombol berfungsi untuk menghapus nama user serta
password-nya. Di bawah tabel terdapat form untuk menambah user baru beserta
password-nya. Apabila tombol “Add” ditekan, maka nama user dan password-
nya tersebut akan dimasukkan ke dalam database. Terdapat beberapa pilihan tipe
user yaitu Account Manager, Marketing Associate, dan ADMIN. Pengisiian
tergantung pada posisi dari user yang akan ditambahkan oleh admin.
134
3.4.5 Rancangan State Transition Diagram (STD)
Berikut ini akan digambarkan state transition diagram yang menjelaskan
sistem yang akan dirancang.
• STD pada Online Store
Gambar 3.66 STD Layar Index Sebelum Login
Pada index sebelum login, user bisa mengakses beberapa tampilan
dengan menekan tombol-tombol atau link yang tersedia. Karena user belum
login, maka form login akan muncul saat link “Add To Cart” ditekan. Apabila
link pada nama produk yang ada pada daftar Hot Products ditekan, maka
halaman yang sesuai dengan produk yang dipilih akan ditampilkan.
135
Gambar 3.67 STD Layar Index Setelah Login
Pada layar index setelah login, user bisa mengakses beberapa tampilan
dengan menekan tombol-tombol atau link yang tersedia. Karena user telah login,
maka produk yang dipilih akan langsung masuk ke cart saat link “Add To Cart”
ditekan. Apabila link pada produk yang ada pada daftar Hot Products atau
Related Items ditekan, maka halaman yang sesuai dengan produk yang dipilih
akan ditampilkan. Pada index setelah login terdapat menu “Add Reference”,
yang menunjuk pada tampilan Add Referrence, dan “Shopping Cart”, yang
menunjuk pada tampilan Shopping Cart.
136
Gambar 3.68 STD Layar Choose Register
Pada layar register, menu-menu yang muncul diperuntukan bagi user
yang belum login. Apabila “Register Now” ditekan, maka akan ditampilkan layar
selanjutnya sesuai keadaan pilihan dalam drop down box.
Gambar 3.69 STD Layar Corporate Registration 1
137
Pada layar ini, terdapat tombol “Next” untuk masuk ke layar Corporate
Registration 2 yang merupakan lanjutan dari Corporate Registration 1. Menu-
menu lain yang berupa link, apabila ditekan akan menampilkan halaman yang
sesuai dengan menu yang ditekan.
Gambar 3.70 STD Layar Corporate Registration 2
Pada layar ini, terdapat tombol “Next” untuk masuk ke layar Corporate
Registration 3 yang merupakan lanjutan dari Corporate Registration 2. Menu-
menu lain yang berupa link, apabila ditekan akan menampilkan halaman yang
sesuai dengan menu yang ditekan.
138
Gambar 3.71 STD Layar Corporate Registration 3
Pada layar ini, terdapat tombol “Submit” yang apabila ditekan akan
menampilkan layar Corporate Registration Status. Menu-menu lain yang berupa
link, apabila ditekan akan menampilkan halaman yang sesuai dengan menu yang
ditekan.
139
Gambar 3.72 STD Layar Corporate Registration Status
Menu-menu yang yang ditampilkan adalah link, yang apabila ditekan
akan menampilkan halaman yang sesuai dengan menu yang ditekan.
Gambar 3.73 STD Layar Personal Registration 1
140
Pada layar ini, terdapat tombol “Next” untuk masuk ke layar Personal
Registration 2 yang merupakan lanjutan dari Personal Registration 1. Menu-
menu lain yang berupa link, apabila ditekan akan menampilkan halaman yang
sesuai dengan menu yang ditekan.
Gambar 3.74 STD Layar Personal Registration 2
Pada layar ini, terdapat tombol “Next” untuk masuk ke layar Personal
Registration 3 yang merupakan lanjutan dari Personal Registration 2. Menu-
menu lain yang berupa link, apabila ditekan akan menampilkan halaman yang
sesuai dengan menu yang ditekan.
141
Gambar 3.75 STD Personal Registration 3
Pada layar ini, terdapat tombol “Submit” yang apabila ditekan akan
menampilkan layar Result Personal Registration. Menu-menu lain yang berupa
link, apabila ditekan akan menampilkan halaman yang sesuai dengan menu yang
ditekan.
Gambar 3.76 STD Layar Result Personal Registration
142
Menu-menu yang disediakan adalah link, yang apabila ditekan akan
menampilkan halaman yang sesuai dengan menu yang ditekan.
Gambar 3.77 STD Layar Login
Pada saat tombol login ditekan, reaksinya tergantung kesesuaian inputan
dengan database. Bila usernama dan password terdaftar, maka akan tampil layar
Index, apabila tidak maka akan kembali menampilkan form Login dalan keadaan
kosong.
143
Gambar 3.78 STD Layar Company Profile Sebelum Login
Pada halaman ini, terdapat beberapa tombol atau link yang akan
menampilkan layar sesuai dengan nama menu pada tombol atau link. Apabila
“Add To Cart” ditekan, layar Login akan ditampilkan untuk mengaktifkan menu
“Shopping Cart”.
Gambar 3.79 STD Layar Company Profile Setelah Login
144
Pada halaman ini, terdapat beberapa tombol atau link yang akan
menampilkan layar sesuai dengan nama menu pada tombol atau link. Apabila
“Logout” ditekan, layar Index akan ditampilkan.
Gambar 3.80 STD Layar News Sebelum Login
Apabila “see details” ditekan, maka akan tampil halaman Detail News
yang akan menampilkan keseluruhan berita sesuai dengan judul yang dipilih.
145
Gambar 3.81 STD Layar Detail News Sebelum Login
Pada halaman ini, terdapat beberapa tombol atau link yang akan
menampilkan layar sesuai dengan nama menu pada tombol atau link. Apabila
“Back to News page” ditekan, halaman News akan tampil kembali.
Gambar 3.82 STD Layar News Setelah Login
146
Apabila “see details” ditekan, maka akan tampil halaman Detail News
yang akan menampilkan keseluruhan berita sesuai dengan judul yang dipilih.
Gambar 3.83 STD Layar Detail News Setelah Login
Pada halaman ini, terdapat beberapa tombol atau link yang akan
menampilkan layar sesuai dengan nama menu pada tombol atau link. Apabila
“Back to News page” ditekan, halaman News akan tampil kembali.
147
Gambar 3.84 STD Layar Catalog Main Sebelum Login
Pada Catalog Main terdapat beberapa link yang akan menampilkan layar
sesuai dengan nama menu pada link. Apabila “Add to cart” ditekan, layar Login
akan ditampilkan.
Gambar 3.85 STD Layar Catalog Main Setelah Login
148
Pada Catalog Main terdapat beberapa link yang akan menampilkan layar
sesuai dengan nama menu pada link. Apabila “Add to cart” ditekan, produk akan
ditampilkan ke dalam Shopping Cart.
Gambar 3.86 STD Layar Catalog Browse Sebelum Login
Pada Catalog Browse, terdapat beberapa tombol atau link yang akan
menampilkan layar sesuai dengan nama menu pada tombol atau link.
149
Gambar 3.87 STD Layar Catalog Browse Setelah Login
Pada layar ini, terdapat beberapa tombol atau link yang akan
menampilkan layar sesuai dengan nama menu pada tombol atau link.
Gambar 3.88 STD Layar Catalog Search Sebelum Login
150
Pada layar ini, terdapat beberapa tombol atau link yang akan menampilkan
layar sesuai dengan nama menu pada tombol atau link. Apabila “Add To Cart”
ditekan, layar Login akan ditampilkan untuk mengaktifkan menu Shopping Cart.
Gambar 3.89 STD Layar Catalog Search Setelah Login
Pada layar ini, terdapat beberapa tombol atau link yang akan
menampilkan layar sesuai dengan nama menu pada tombol atau link.
151
Gambar 3.90 STD Layar Contact Us Sebelum Login
Pada layar ini, terdapat beberapa tombol atau link yang akan menampilkan
layar sesuai dengan nama menu pada tombol atau link. Apabila “Add To Cart”
ditekan, layar Login akan ditampilkan untuk mengaktifkan menu Shopping Cart.
Gambar 3.91 STD Layar Contact Us Setelah Login
152
Pada layar ini, terdapat beberapa tombol atau link yang akan menampilkan
layar sesuai dengan nama menu pada tombol atau link. Apabila “Add To Cart”
ditekan, barang yang dipesan akan dicantumkan pada shopping cart..
Gambar 3.92 STD Layar Shopping Cart
Apabila tombol “Delete” pada shopping cart ditekan maka produk
tersebut akan dihapus dari daftar belanja. Apabila tombol “Update” ditekan maka
pelanggan dapat mengubah beberapa keterangan dari dalam shopping cart.
153
Gambar 3.93 STD Layar Order
Pada layar Order, terdapat beberapa tombol atau link yang akan
menampilkan layar sesuai dengan nama menu pada tombol atau link. Apabila
“Order” ditekan, maka proses akan dilanjutkan ke halaman Order Response.
154
Gambar 3.94 STD Layar Order Response
Pada layar Order Response, terdapat beberapa tombol atau link yang akan
menampilkan layar sesuai dengan nama menu pada tombol atau link.
Gambar 3.95 STD Layar My Account
155
Pada layar ini, terdapat beberapa tombol atau link yang akan
menampilkan layar sesuai dengan nama menu pada tombol atau link.
Gambar 3.96 STD Layar Add Referrence
Pada Add Referrence terdapat beberapa tombol atau link yang akan
menampilkan layar yang sesuai dengan nama link. Apabila “Reset” ditekan maka
akan kembali menampilkan halaman yang sama, namun disertai dengan ucapan
terima kasih.
156
• STD pada e-CRM
Gambar 3.97 STD Menu Login Mitradata
Pada menu login terdapat tombol “Login” yang bila ditekan maka
program akan melakukan pengecekan terhadap nama dan password yang
dimasukkan oleh user. Bila password dan nama yang dimasukkan sesuai dengan
data yang ada di dalam database, maka program akan menampilkan tampilan
awal, yaitu layar “Customer”. Sebaliknya, bila nama dan password tidak sesuai
dengan database, maka program akan masuk kembali ke tampilan “Login” pada
keadaan awal (textbox username dan password dalam keadaan kosong) disertai
dengan pesan kesalahan.
157
Gambar 3.98 STD Layar Customer
Pada halaman “Customer” terdapat beberapa tombol menu, yaitu
Activity/Event, Customer, Company, Account, Referral, History, Email, dan Log,
yang bila ditekan akan menampilkan halaman sesuai dengan tombol yang
ditekan. Di tabel Customer terdapat tombol yang menampilkan layar Edit
Account, dan tombol yang dapat menghapus data. Jika tombol “Add”
ditekan, maka akan ditampilkan sebuah form “Add Account” kosong untuk
menambah data. Tanggal-tanggal pada Calender Event dapat diklik, dan bila
salah satu tanggal ditekan, maka akan muncul pop-up layar “Event on Certain
Date” yang berisi daftar kegiatan pada tanggal yang ditunjuk. Jika tombol
ditekan, maka program aplikasi diakhiri dan kembali ke layar Login.
158
Gambar 3.99 STD Layar Company
Pada halaman “Company” terdapat beberapa tombol menu, yaitu
Activity/Event, Customer, Company, Account, Referral, History, Email, dan Log,
yang bila ditekan akan menampilkan halaman sesuai dengan tombol yang
ditekan. Di tabel Customer terdapat tombol yang berfungsi untuk
memperbaiki data pada tabel dan sebuah tombol lain yang berfungsi untuk
menghapus satu baris data pada tabel. Jika tombol “Add” ditekan, maka akan
ditampilkan sebuah form “Add Account” kosong untuk menambah data. Jika
tombol “Search” ditekan, maka tabel akan menunjuk pada data yang sesuai
dengan keyword yang dimasukkan. Tanggal-tanggal pada Calender Event dapat
diklik, dan bila salah satu tanggal diklik, maka akan muncul pop-up layar “Event
on Certain Date” yang berisi daftar kegiatan pada tanggal yang ditunjuk. Jika
tombol ditekan, maka program aplikasi diakhiri dan kembali ke layar Login.
159
Gambar 3.100 STD Layar Account
Pada halaman “Account” terdapat beberapa tombol menu, yaitu
Activity/Event, Customer, Company, Account, Referral, History, Email, dan Log,
yang bila ditekan akan menampilkan halaman sesuai dengan tombol yang
ditekan. Di tabel Account terdapat tombol untuk memperbaiki data pada
tabel dan sebuah tombol lain untuk menghapus satu baris data pada tabel.
Jika tombol “Add” ditekan, maka akan ditampilkan sebuah form “Add Account”
kosong untuk menambah data. Nama Contact Person bila ditekan akan
menampilkan history pelanggan tersebut. Tanggal-tanggal pada Calender Event
dapat diklik, dan bila salah satu tanggal diklik, maka akan muncul pop-up layar
“Event on Certain Date” yang berisi daftar kegiatan pada tanggal yang ditunjuk.
Bila alamat email ditekan maka akan tampil layar Email. Jika tombol
ditekan, maka program aplikasi diakhiri dan kembali ke layar Login.
160
Gambar 3.101 STD Layar Activity/Event
Pada halaman “Activity/Event” terdapat beberapa tombol menu, yaitu
Activity/Event, Customer, Company, Account, Referral, History, Email, dan Log,
yang bila ditekan akan menampilkan halaman sesuai dengan tombol yang
ditekan. Tombol berfungsi untuk menghapus satu baris data pada tabel. Jika
tombol “Add” ditekan, maka akan ditampilkan sebuah form “Add Event” untuk
menambah data. Jika tombol “Search” ditekan, maka tabel akan menunjuk pada
data yang sesuai dengan keyword yang dimasukkan. Tanggal-tanggal pada
Calender Event dapat diklik, dan bila salah satu tanggal diklik, maka akan
muncul pop-up layar “Event on Certain Date” yang berisi daftar kegiatan pada
tanggal yang ditunjuk. Jika tombol ditekan, maka program aplikasi
diakhiri dan kembali ke layar Login.
161
Gambar 3.102 STD Layar Referral
Pada halaman “Referral” terdapat beberapa tombol menu, yaitu Activity/Event,
Customer, Company, Account, Referral, History, Email, dan Log, yang bila ditekan akan
menampilkan halaman sesuai dengan tombol yang ditekan. Jika tombol “Search”
ditekan, maka tabel akan menunjuk pada data yang sesuai dengan keyword yang
dimasukkan. Tanggal-tanggal pada Calender Event dapat diklik, dan bila salah satu
tanggal diklik, maka akan muncul pop-up layar “Event on Certain Date” yang berisi
daftar kegiatan pada tanggal yang ditunjuk. Jika tombol ditekan, maka program
aplikasi diakhiri dan kembali ke layar Login.
162
Gambar 3.103 STD Layar History
Pada halaman “History” terdapat beberapa tombol menu, yaitu Activity/Event,
Customer, Company, Account, Referral, History, Email, dan Log, yang bila ditekan akan
menampilkan halaman sesuai dengan tombol yang ditekan. Jika tombol “Search”
ditekan, maka tabel akan menunjuk pada data yang sesuai dengan keyword yang
dimasukkan. Tanggal-tanggal pada Calender Event dapat diklik, dan bila salah satu
tanggal diklik, maka akan muncul pop-up layar “Event on Certain Date” yang berisi
daftar kegiatan pada tanggal yang ditunjuk. Jika tombol ditekan, maka program
aplikasi diakhiri dan kembali ke layar Login.
163
Gambar 3.104 STD Layar Email
Pada saat tombol “Send” ditekan maka pesan akan dikirim dan akan tampil
kembali pop-up Email dalam keadaan kosong. Apabila tombol ditekan maka layar
pop-up akan tertutup dan akan tampil kembali layar yang sebelumnya dibuka.
164
Gambar 3.105 STD Layar Log
Pada halaman “Log” terdapat beberapa tombol menu, yaitu Activity/Event,
Customer, Company, Account, Referral, History, Email, dan Log, yang bila ditekan akan
menampilkan halaman sesuai dengan tombol yang ditekan. Jika tombol “Search”
ditekan, maka tabel akan menunjuk pada data yang sesuai dengan keyword yang
dimasukkan. Tanggal-tanggal pada Calender Event dapat diklik, dan bila salah satu
tanggal diklik, maka akan muncul pop-up layar “Event on Certain Date” yang berisi
daftar kegiatan pada tanggal yang ditunjuk. Jika tombol ditekan, maka program
aplikasi diakhiri dan kembali ke Login.
165
Gambar 3.106 STD Layar Event on Certain Date
Apabila tombol “Add” ditekan maka akan tampil Form Add Event, dan
bila apabila d ditekan maka satu baris data event yang tampil akan dihapus.
Gambar 3.107 STD Layar Form Add Event
Apabila “Add Event” ditekan maka event akan bertambah di
Activity/Event dan layar Add Event akan menutup secara otomatis.
166
Gambar 3.108 STD Layar Form Add Account
Pada layar ini terdapat tombol OK yang apabila ditekan akan
memyimpan informasi ke dalam database dan kemudian menampilkan layar
sebelumnya, dimana user menekan tombol “Add”.
Gambar 3.109 STD Layar Form Edit Account
Pada layar ini terdapat tombol OK yang apabila ditekan akan menyimpan
informasi ke dalam database dan kemudian menampilkan layar sebelumnya,
dimana user menekan tombol “e”.
167
Gambar 3.110 STD Layar Order Mitradata
Pop-up ini memiliki tombol “Approve” dan “Reject”. Apabila tombol
“Reject” ditekan maka akan tampil layar Email untuk mengirim notification
email kepada pelanggan.
Gambar 3.111 STD Layar Change Password
Pada layar Change Password, apabila tombol “Change” ditekan maka apa
akan tampil pesan pada bagian atas layar, baik itu pesan berhasil ataupun pesan
gagal.
168
• STD pada Admin Online Store
Gambar 3.112 STD Layar Main
Pada halaman Main terdapat tiga panel menu yaitu “Products”, “News
Manager”, dan “Logout”. Apabila “Products” ditekan maka akan menampilkan
halaman Products, dan apabila “News Manager” ditekan maka akan
menampilkan halaman News Manager. Sedangkan bila menu “Logout” ditekan
maka yang akan ditampilkan adalah layar Login.
Gambar 3.113 STD Layar News Manager
169
Pada halaman News Manager terdapat tiga panel menu yaitu “Products”,
“News Manager”, dan “Logout”. Apabila “Products” ditekan maka akan
menampilkan halaman Products, dan apabila “News Manager” ditekan maka
akan menampilkan halaman News Manager. Bila tombol “Submit ” ditekan,
maka berita akan disimpan dan tampilan akan kembali ke News Manager dalam
keadaan kosong. Sedangkan bila menu “Logout” ditekan maka yang akan
ditampilkan adalah layar Login.
Gambar 3.114 STD Layar Products
Pada halaman Products terdapat tiga panel menu yaitu “Products”, “News
Manager”, dan “Logout”. Apabila “Products” ditekan maka akan menampilkan
halaman Products, dan apabila “News Manager” ditekan maka akan
menampilkan halaman News Manager. Sedangkan bila menu “Logout” ditekan
maka yang akan ditampilkan adalah layar Login. Selain itu, terdapat pula
170
beberapa pilihan menu lain yaitu “Add”, “Modify”, dan “Delete”. Apabila salah
satu dari menu tersebut dipilih, maka akan menampilkan layar yang sesuai
dengan menu yang dipilih.
Gambar 3.115 STD Layar Add Products
Pada halaman Add Products terdapat tiga panel menu yaitu “Products”,
“News Manager”, dan “Logout”. Apabila “Products” ditekan maka akan
menampilkan halaman Products, dan apabila “News Manager” ditekan maka
akan menampilkan halaman News Manager. Sedangkan bila menu “Logout”
ditekan maka yang akan ditampilkan adalah layar Login. Selain itu, terdapat
tombol “Add Product”, yang apabila ditekan akan memproses form dan kembali
menampilkan layar Add Product, dan Reset, yang dapat mengosongkan form
kembali. Tombol lain yaitu “Browse” dapat menampilkan form dialog pada layar
yang sama.
171
Gambar 3.116 STD Layar Modify Products
Pada halaman Modify Products terdapat tiga panel menu yaitu
“Products”, “News Manager”, dan “Logout”. Apabila “Products” ditekan maka
akan menampilkan halaman Products, dan apabila “News Manager” ditekan
maka akan menampilkan halaman News Manager. Sedangkan bila menu
“Logout” ditekan maka yang akan ditampilkan adalah layar Login. Selain itu,
terdapat tombol “Modify Product”, yang apabila ditekan akan memproses form
dan kembali menampilkan layar Modify Products, dan Reset, yang dapat
mengosongkan form kembali. Tombol lain yaitu “Browse” dapat menampilkan
form dialog pada layar yang sama.
172
Gambar 3.117 STD Layar Delete Product
Pada halaman Delete Product terdapat tiga panel menu yaitu “Products”,
“News Manager”, dan “Logout”. Apabila “Products” ditekan maka akan
menampilkan halaman Products, dan apabila “News Manager” ditekan maka
akan menampilkan halaman News Manager. Sedangkan bila menu “Logout”
ditekan maka yang akan ditampilkan adalah layar Login. Selain itu, terdapat
tombol “Delete Product”, yang apabila ditekan akan memproses form dan
menampilkan kembali layar Delete Product, dan “Cancel” yang akan
menampilkan layar Products.
173
• STD Pada Admin e-CRM
Gambar 3.118 STD Layar Admin e-CRM
Pada layar admin ini terdapat tombol yang berfungsi menghapus
nama dan password pengguna. Tombol “Add” digunakan untuk menambah nama
dan password pengguna, sedangkan apabila tombol berfungsi sebagai
tombol exit dan bila ditekan maka tampilan Login akan muncul.
3.4.6 Rancangan Basis Data
Rancangan basis data untuk aplikasi ini menggunakan database dari
MySQL 3.23.47 dengan PHPMyAdmin 2.6.3-pl1 sebagai software management
database.
Database ini terdiri dari 18 tabel, yaitu :
174
• Tabel cart
Tabel ini berisi informasi-informasi yang berhubungan dengan daftar
belanjaan yang dibuat oleh pelanggan.
Nama Tabel : cart
Keterangan : transaksi shopping cart
Primary Key : cart_id
Foreign Key : product_id
Tabel 3.16 Tabel cart
Field Type Size Key Keterangan
cart_id Integer 11 * ID Cart (integer yang bersifat auto increment)
product_id Varchar 20 * Kode barang
session_id Varchar 40 ID session
cart_qty Integer 11 Jumlah barang pada cart
cart_date Datetime Tanggal cart dibuat
• Tabel company
Tabel ini berisi informasi-informasi mengenai perusahaan pelanggan.
Nama Tabel : company
Keterangan : master company
Primary Key : company_id
Foreign Key : cat_id, cust_id
175
Tabel 3.17 Tabel company
Field Type Size Key Keterangan
company_id Integer 10 * ID Company (integer yang diberikan
secara otomatis pada saat pendaftaran)
company_name Varchar 100 Nama Perusahaan
cat_id Integer 11 * Kategori perusahaan
cust_id Integer 10 * ID Customer (Integer yang diberikan
secara otomatis pada saat pendaftaran)
address Text Alamat perusahaan
email Varchar 100 Alamat email perusahaan
web Varchar 100 Alamat website perusahaan
• Tabel company_cat
Tabel ini berisi informasi mengenai kategori perusahaan.
Nama Tabel : company_cat
Keterangan : master kategori company
Primary Key : cart_id
Foreign Key : -
Tabel 3.18 Tabel company_cat
Field Type Size Key Keterangan
cat_id Integer 11 * ID Kategori (integer yang bersifat auto increment)
cat_desc Varchar 100 Keterangan kategori
176
• Tabel cust_history
Tabel ini berisi informasi mengenai catatan pembelian atau transaksi
yang telah dilakukan oleh pelanggan.
Nama Tabel : cust_history
Keterangan : transaksi history customer
Primary Key : hist_id
Foreign Key : cust_id, order_id
Tabel 3.19 Tabel cust_history
Field Type Size Key Keterangan
hist_id Integer 11 * ID History (integer yang bersifat auto increment)
cust_id Integer 10 * ID Customer
order_id Varchar 40 * ID Order
order_date Datetime 11 Tanggal history
total_cost Float Total biaya pesanan
• Tabel customer
Tabel ini berisi informasi mengenai data pelanggan.tss
Nama Tabel : customer
Keterangan : master customer
Primary Key : cust _id
Foreign Key : username, cust_id,company_id, ref_id
177
Tabel 3.20 Tabel customer
Field Type Size Key Keterangan
cust_id Integer 10 * ID Customer (Integer yang diberikan
secara otomatis pada saat pendaftaran)
username Varchar 30 * Username
password Varchar 30 Password
first_name Varchar 100 Nama depan
last_name Varchar 100 Nama belakang
birthday Varchar 10 Tanggal ulang tahun
address Text 100 Alamat perusahaan
phone1 Varchar 50 Telepon pertama
phone2 Varchar 50 Telepon kedua
fax1 Varchar 50 Fax pertama
fax2 Varchar 50 Fax kedua
email1 Varchar 100 Email pertama
email2 Varchar 100 Email kedua
app Integer 1 Status registrasi :
0 = belum disapprove,
1 = sudah diapprove
next_disc Float Akumulasi discount yang dapat
digunakan
ref_id varchar 10 *
178
• Tabel events
Tabel ini berisi catatan mengenai event atau activity yang direncanakan
oleh Mitradata.
Nama Tabel : events
Keterangan : transaksi events
Primary Key : event_id
Foreign Key : order_id
Tabel 3.21 Tabel events
Field Type Size Key Keterangan
event_id Integer 5 * ID dari event
order_id Varchar 32 * ID dari order. Bisa bernilai NULL dan
digunakan untuk approval order.
event_day Integer 2 Tanggal terjadinya event
event_month Integer 2 Bulan terjadinya event
event_year Integer 4 Tahun terjadinya event
event_time Varchar 5 Waktu terjadinya event
event_type Varchar 20 Tipe dari event
event_desc Text Keterangan mengenai event
179
• Tabel log
Tabel ini berisi catatan mengenai aktivitas yang dilakukan user, setelah
login, terhadap aplikasi.
Nama Tabel : log
Keterangan : transaksi log
Primary Key : log _id
Foreign Key : username
Tabel 3.22 Tabel log
Field Type Size Key Keterangan
log_id Integer 11 * ID Log (integer yang bersifat auto increment)
username Varchar 30 * username
activity Text Aktifitas yang dilakukan
act_time Datetime Waktu aktifitas
• Tabel login
Tabel ini berisi catatan mengenai user dan waktu login.
Nama Tabel : login
Keterangan : master login
Primary Key : username
Foreign Key : -
180
Tabel 3.23 Tabel login
Field Type Size Key Keterangan
username Varchar 30 * username (varchar yang unik sepanjang 30
character dan ditentukan sendiri oleh user)
password Varchar 30 Password
boff Integer 1 Flag untuk mengetahui status user (pelanggan,
staf, atau admin).
• Tabel news
Tabel ini berisi informasi mengenai berita yang ditampilkan di Online
Store.
Nama Tabel : news
Keterangan : master news
Primary Key : news_id
Foreign Key : -
Tabel 3.24 Tabel news
Field Type Size Key Keterangan
news_id int 11 * ID news (merupakan integer
autoincrement)
title Varchar 200 Judul berita
content Text Isi berita
post_time datetime Waktu berita dikirim
181
• Tabel orders
Tabel ini berisi catatan mengenai pemesanan dan status pemesanan.
Nama Tabel : orders
Keterangan : master order
Primary Key : order_id
Foreign Key : cust_id
Tabel 3.25 Tabel orders
Field Type Size Key Keterangan
order_id Varchar 32 * ID Order (string yang unik sepanjang 32
character yang diambil dari ID session
pada saat transaksi terjadi)
cust_id Integer 10 * ID Customer
total_cost float Total Order
order_date Datetime Tanggal Order
app integer 1 Flag untuk approval, 1=telah diapprove,
0=belum diapprove
182
• Tabel order_item
Tabel ini berisi informasi mengenai produk yang dipesan.
Nama Tabel : order_item
Keterangan : transaksi item order
Primary Key : -
Foreign Key : cust_id, order_id
Tabel 3.26 Tabel order_item
Field Type Size Key Keterangan
order_id Varchar 32 * ID Order (order_id adalah string yang unik
sepanjang 32 character yang diambil dari ID
session pada saat transaksi terjadi. String ini
digunakan sebagai pengenal pada pencarian
item untuk total order_item)
product_id Varchar 20 * ID Product
order_qty int 11 Jumlah barang yang dipesan
• Tabel rekomendasi
Tabel ini berisi informasi mengenai pilihan jenis produk yang lebih
disukai oleh pelanggan. Data ini kelak akan digunakan untuk menyesuaikan
jenis produk yang akan ditawarkan kepada pelanggan.
183
Nama Tabel : rekomendasi
Keterangan : master rekomendasi
Primary Key : -
Foreign Key : cust_id, group_name
Tabel 3.27 Tabel rekomendasi
Field Type Size Key Keterangan
cust_id Integer 10 * ID customer
group_name Varchar 50 * nama dari grup product
recommend Integer 1 Boolean (0=belum direkomendasikan,
1=direkomendasikan)
• Tabel product_group
Tabel ini berisi informasi mengenai grup dari produk yang dipesan.
Nama Tabel : product_group
Keterangan : master grup produk
Primary Key : group_id
Foreign Key : -
Tabel 3.28 Tabel product_group
Field Type Size Key Keterangan
group_id integer 8 * ID group (group_id merupakan
nilai auto increment yang
184
otomatis ditambahkan pada saat
grup product dimasukkan)
group_name Varchar 50 Nama Group
group_description Text Penjelasan grup
• Tabel products
Tabel ini berisi informasi mengenai produk-produk yang ditawarkan
oleh Mitradata.
Nama Tabel : products
Keterangan : master product
Primary Key : product_id
Foreign Key : vendor_name, group_id
Tabel 3.29 Tabel products
Field Type Size Key Keterangan
product_id varchar 20 * ID product (merupakan string sepanjang
20 character yang ditentukan sendiri
oleh Account Manager)
vendor_id Varchar 100 * Identitas vendor
product_name Varchar 100 Nama product
description text Penjelasan produk
price float Harga satuan produk
image Varchar 50 Alamat Image produk kategori. 0 = tidak
185
dipilih, 1 = dipilih
group_id Integer 11 * Grup Produk
hotprod Integer 1 Flag untuk hot product. 0 = bukan hot
product, 1 = hot product
• Tabel questions
Tabel ini berisi pertanyaan-pertanyaan yang dikirim oleh pelanggan
atau calon pelanggan.
Nama Tabel : questions
Keterangan : master questions
Primary Key : q_id
Foreign Key : -
Tabel 3.30 Tabel questions
Field Type Size Key Keterangan
q_id int 11 * ID pertanyaan (q_id merupakan integer auto
increment akan bertambah secara otomatis
setiap kali ada pertanyaan yang masuk)
name Varchar 100 Nama penanya
email Varchar 100 Alamat email penanya
message text Pertanyaan
186
• Tabel referred
Tabel ini berisi daftar referensi yang diberikan oleh pelanggan.
Nama Tabel : referred
Keterangan : transaksi refered
Primary Key : ref_id
Foreign Key : -
Tabel 3.31 Tabel referred
Field Type Size Key Keterangan
ref_id int 11 * ID reference (ref_id merupakan
integer yang akan bertambah secara
otomatis setiap kali ada pertanyaan
yang masuk)
name Varchar 100 Nama reference
email Varchar 100 Alamat email reference
referrer varchar 30 Customer yang melakukan reference
• Tabel staff
Tabel ini berisi data karyawan-karyawan Mitradata.
Nama Tabel : staff
Keterangan : master staff
Primary Key : staff_id
Foreign Key : -
187
Tabel 3.32 Tabel staff
Field Type Size Key Keterangan
staff_id Integer 11 * ID staff (staff_id merupakan integer
yang akan bertambah secara otomatis
setiap kali ada staff yang dimasukkan ke
dalam database)
username Varchar 30 Username staff
first_name Varchar 100 Nama Depan Staff
last_name Varchar 100 Nama belakang Staff
Password Varchar 32 Password dari pengguna
position Integer 1 Jabatan staff
• Tabel vendor
Tabel ini berisi data mengenai vendor-vendor Mitradata.
Nama Tabel : vendor
Keterangan : master vendor
Primary Key : vendor_id
Foreign Key : -
188
Tabel 3.33 Tabel vendor
Field Type Size Key Keterangan
vendor_id Integer 11 * ID vendor (vendor_id merupakan
integer yang akan bertambah secara
otomatis setiap kali ada vendor baru
yang dimasukkan ke dalam database)
vendor_name Varchar 100 Nama vendor
vendor_address Varchar 150 Alamat vendor
vendor_email Varchar 100 Email vendor
vendor_phone Varchar 50 Telepon vendor
vendor_fax Varchar 50 Fax vendor
3.4.7 Entity Relationship Diagram (ERD)
Berikut ini adalah ERD yang menggambarkan hubungan antar tabel
dalam database.
189
Gambar 3.119 ERD
190
3.4.8 Rancangan Spesifikasi Proses
• Rancangan Spesifikasi Proses Online Store
Modul LOGIN
Inisialisasi variabel
Buka koneksi ke mitradata.db
Masukan identitas
Masukan password
JIKA identitas user dan password valid MAKA
Panggil MODUL UTAMA
Set variabel status = login
SELAIN ITU
Tampilkan pesan kesalahan dan panggil MODUL LOGIN
AKHIR JIKA
AKHIR MODUL LOGIN
Modul UTAMA
Inisialisasi variabel
Tampilkan animasi logo
Tampilkan link Company Profile, Contact Us, News, dan Catalog
Tampilkan MODUL HOT_PRODUCTS
JIKA status login MAKA
Tampilkan link Logout, My Account, dan Add Reference
Tampilkan MODUL RECOMMENDED_ITEMS
191
Tampilkan MODUL MINICART
JIKA link “Company Profile” ditekan MAKA
Panggil MODUL COMPANY_PROFILE
Atau JIKA link “Contact Us” ditekan MAKA
Panggil MODUL CONTACT US
Atau JIKA link “News” ditekan MAKA
Panggil MODUL NEWS
Atau JIKA link “Catalog” ditekan MAKA
Panggil MODUL CATALOG
Atau JIKA link “Add Reference” ditekan MAKA
Panggil MODUL ADD_REFERENCE
Atau JIKA link “My Account” ditekan MAKA
Panggil MODUL MY ACCOUNT
Atau JIKA link “Logout” ditekan MAKA
Panggil MODUL LOGOUT
AKHIR JIKA
Atau JIKA status notlogin MAKA
Tampilkan link Login dan Register
JIKA link “Login” ditekan MAKA
Panggil MODUL LOGIN
Atau JIKA link “Register” ditekan MAKA
Panggil MODUL REGISTER
Atau JIKA link “Company Profile” ditekan MAKA
Panggil MODUL COMPANY_PROFILE
192
Atau JIKA link “Contact Us” ditekan MAKA
Panggil MODUL CONTACT US
Atau JIKA link “News” ditekan MAKA
Panggil MODUL NEWS
Atau JIKA link “Catalog” ditekan MAKA
Panggil MODUL CATALOG
AKHIR JIKA
AKHIR JIKA
AKHIR MODUL UTAMA
Modul MINICART
Inisialisasi variabel
Buka koneksi ke mitradata.db
Ambil variabel nama, jumlah_item, dan harga dari server
Hitung total_harga = jumlah item * harga
Tampilkan nama, jumlah item, harga, dan total harga
Tampilkan link Open Shopping Cart
JIKA link “Open Shopping Cart” ditekan MAKA
Panggil MODUL SHOPPING CART
AKHIR JIKA
AKHIR MODUL MINICART
193
Modul HOT_PRODUCTS
Inisialisasi variabel
Buka koneksi ke mitradata.db
Ambil tiga produk yang paling banyak dibeli
Ubah field hot_product pada database untuk menandakan bahwa product
merupakan hot_product
Ambil variabel nama, deskripsi, dan harga dari server berdasarkan field
hot_product pada database
Tampilkan tiga variabel nama, deskripsi, dan harga berdasarkan database
Tampilkan variabel nama sebagai link
JIKA link “Nama” diklik MAKA
Panggil MODUL CATALOG BROWSE
AKHIR JIKA
Tampilkan link Add to cart
JIKA link “Add to Cart” diklik MAKA
Panggil MODUL ADD_TO_CART
AKHIR JIKA
AKHIR MODUL HOT_PRODUCTS
Modul RECOMMENDED_ITEMS
Inisialisasi variabel
Buka koneksi ke mitradata.db
Ambil grup produk dari tabel recommend untuk mengambil kelompok
rekomendasi produk terakhir
194
Ambil produk dari kelompok produk yang direkomendasikan dengan
penjualan terbanyak
Ambil variabel nama, deskripsi, dan harga dari server berdasarkan field grup
produk
Tampilkan variabel nama, deskripsi, dan harga berdasarkan database
Tampilkan variabel nama sebagai link
JIKA link “Nama” diklik MAKA
Panggil MODUL CATALOG BROWSE
AKHIR JIKA
Tampilkan link Add to cart
JIKA link “Add to Cart” diklik MAKA
Panggil MODUL ADD_TO_CART
AKHIR JIKA
AKHIR MODUL RECOMMENDED_ITEMS
Modul CONTACT US
Tampilkan form Contact
JIKA tombol “Submit” diklik MAKA
Panggil MODUL INPUT_MESSAGE
AKHIR JIKA
AKHIR MODUL CONTACT US
195
Modul COMPANY_PROFILE
Tampilkan layar Company_Profile
AKHIR MODUL COMPANY_PROFILE
Modul INPUT_MESSAGE
Inisialisasi variabel
Buka koneksi ke mitradata.db
Ambil variabel yang dikirim dari form Contact
Simpan variabel ke dalam server
Panggil MODUL CONTACT US
AKHIR MODUL INPUT_MESSAGE
Modul NEWS
Buka koneksi ke mitradata.db
Ambil judul, berita, dan tanggal dari server
Tampilkan variabel judul, berita, dan tanggal berdasarkan database
AKHIR MODUL NEWS
Modul CATALOG
Buka koneksi ke mitradata.db
Ambil grup produk dari server
Ambil nama vendor dari server
Tampilkan grup produk sebagai link
JIKA link “Grup Produk” diklik MAKA
196
Panggil MODUL CATALOG BROWSE
AKHIR JIKA
Tampilkan nama vendor sebagai link
JIKA link “Nama Vendor” diklik MAKA
Panggil MODUL CATALOG BROWSE
Akhir JIKA
Tampilkan form Search
JIKA tombol “Search” diklik MAKA
Panggil MODUL CATALOG SEARCH
AKHIR JIKA
AKHIR MODUL CATALOG
Modul ADD_REFERENCE
Tampilkan form Add
Jika tombol “Submit” diklik MAKA
Panggil MODUL INPUT_REFERENCE
Atau JIKA tombol “Reset” diklik MAKA
Tampilkan form Add
AKHIR JIKA
AKHIR MODUL ADD_REFERENCE
Modul INPUT_REFERENCE
Inisialisasi variabel
Buka koneksi ke mitradata.db
197
Ambil variabel yang dikirim dari form Add
Simpan variabel ke dalam server
Panggil MODUL ADD_REFERENCE
AKHIR MODUL INPUT_REFERENCE
Modul MY ACCOUNT
Tampilkan form Account
JIKA tombol “Update” diklik MAKA
Panggil MODUL UPDATE_ACCOUNT
AKHIR JIKA
AKHIR MODUL MY ACCOUNT
Modul UPDATE_ACCOUNT
Inisialisasi variabel
Buka koneksi ke mitradata.db
Ambil variabel yang dikirim dari form Add
Simpan variabel ke dalam server
Panggil MODUL MY_ACCOUNT
Modul LOGOUT
Set variabel status = notlogin
Panggil MODUL UTAMA
AKHIR MODUL LOGOUT
198
Modul SHOPPING CART
Inisialisasi variabel
Buka koneksi ke mitradata.db
Ambil variabel nama, harga, jumlah_produk dari server
Hitung subtotal_harga = harga * jumlah_produk
Hitung harga_total = jumlah semua subtotal_harga
Tampilkan variabel nama, harga, jumlah_produk, subtotal_harga, dan
harga_total
Tampilkan form Shopcart
JIKA tombol “Order” diklik MAKA
Panggil MODUL ORDER
Atau JIKA tombol “Update” diklik MAKA
Panggil MODUL UPDATE_CART
Atau JIKA tombol “Delete” diklik MAKA
Panggil MODUL DELETE_FROM_CART
AKHIR JIKA
AKHIR MODUL SHOPPING CART
Modul ORDER
Inisialisasi variabel
Buka koneksi ke mitradata.db
Ambil variabel nama, harga, jumlah_produk dari server
Hitung subtotal_harga = harga * jumlah_produk
Hitung harga_total = jumlah semua subtotal_harga
199
Tampilkan variabel nama, harga, jumlah_produk, subtotal_harga, dan
harga_total
JIKA tombol “Confirm” diklik MAKA
Panggil MODUL INSERT_ORDER
AKHIR JIKA
AKHIR MODUL SHOPPING CART
Modul INSERT_ORDER
Inisialisasi variabel
Buka koneksi ke mitradata.db
Ambil variabel nama, harga, jumlah_produk dari server
Masukkan variabel nama,harga,jumlah produk dan subtotal ke database
order_item
Hitung subtotal_harga = harga * jumlah_produk
Hitung harga_total = jumlah semua subtotal_harga
Masukkan isi variabel id_customer, id_order, harga_total,
tanggal_pemesanan, tanggal_jatuh_tempo ke dalam tabel orders
Panggil MODUL HASIL_ORDER
AKHIR MODUL
Modul HASIL_ORDER
Tampilkan layar Order Response
AKHIR MODUL HASIL_ORDER
200
Modul ADD_TO_CART
Inisialisasi variabel
Buka koneksi ke mitradata.db
Ambil variabel identitas produk
Ambil identitas session
JIKA identitas produk dan identitas session telah ada dalam database MAKA
Tambahkan jumlah produk dengan 1
Atau JIKA identitas produk dan identitas session belum ada MAKA
Simpan variabel identitas produk, identitas session, jumlah, dan waktu ke
dalam database
AKHIR JIKA
Kembali ke modul pemanggil
AKHIR MODUL ADD_TO_CART
Modul UPDATE_CART
Inisialisasi variabel
Buka koneksi ke mitradata.db
Ambil variabel identitas produk dari server
Ubah jumlah produk sesuai dengan variabel jumlah yang dikirim
Panggil MODUL SHOPPING CART
AKHIR MODUL UPDATE_CART
201
Modul DELETE_FROM_CART
Inisialisasi variabel
Buka koneksi ke mitradata.db
Ambil variabel identitas produk dan identitas session dari hasil yang dikirim
Hapus semua record yang memiliki identitas produk dan identitas session
yang sama
Panggil MODUL SHOPPING CART
AKHIR MODUL DELETE_FROM_CART
Modul REGISTER
Tampilkan form Choose_Registration_Type
JIKA link “Register” diklik MAKA
JIKA nilai variabel cat = personal MAKA
Panggil MODUL PERSONAL_REGISTRATION
Atau JIKA nilai variabel cat=corporate MAKA
Panggil MODUL CORPORATE_REGISTRATION
AKHIR JIKA
AKHIR JIKA
AKHIR MODUL REGISTER
Modul PERSONAL_REGISTRATION
Tampilkan form Personal1
JIKA tombol “Next” diklik MAKA
Simpan variabel yang dikirim dari Personal1 ke dalam session
202
Tampilkan form Personal2
JIKA tombol “Next” diklik MAKA
Simpan variabel yang dikirim dari Personal2 ke dalam session
Tampilkan form Personal3
JIKA tombol “Submit” diklik MAKA
Cek kode verifikasi
JIKA kode valid MAKA
Panggil MODUL INPUT_DATA_ PERSONAL_
REGISTRATION
AKHIR JIKA
Atau JIKA tombol “Reset” diklik MAKA
Tampilkan form Personal3
AKHIR JIKA
Atau JIKA tombol “Reset” diklik MAKA
Tampilkan form Personal2
AKHIR JIKA
Atau JIKA tombol “Reset” diklik MAKA
Tampilkan form Personal1
AKHIR JIKA
AKHIR MODUL PERSONAL_REGISTRATION
Modul INPUT_DATA_ PERSONAL_REGISTRATION
Inisialisasi variabel
Buka koneksi ke mitradata.db
203
Ambil variabel hasil kiriman form Personal1 dari session
Simpan variabel ke dalam server
Simpan variabel preference ke dalam tabel recommend pada server
Ambil variabel hasil kiriman form Personal2 dari session
Simpan variabel ke dalam server
Ambil variabel hasil kiriman form Personal3 dari session
Simpan variabel ke dalam server
Masukkan variabel username dan password ke database login
Panggil MODUL RESULT PERSONAL REGISTRATION
AKHIR MODUL INPUT_DATA_ PERSONAL_REGISTRATION
Modul RESULT PERSONAL REGISTRATION
Tampilkan layar hasil registrasi personal
AKHIR MODUL RESULT PERSONAL REGISTRATION
Modul CORPORATE_REGISTRATION
Tampilkan form Corporate1
JIKA tombol “Next” diklik MAKA
Simpan variabel yang dikirim dari Corporate1 ke dalam session
Tampilkan form Corporate2
JIKA tombol “Next” diklik MAKA
Simpan variabel yang dikirim dari Corporate2 ke dalam session
Tampilkan form Corporate3
JIKA tombol “Submit” diklik MAKA
204
Cek kode verifikasi
JIKA kode valid MAKA
Panggil MODUL INPUT_DATA_ CORPORATE_
REGISTRATION
AKHIR JIKA
Atau JIKA tombol “Reset” diklik MAKA
Tampilkan form Corporate3
AKHIR JIKA
Atau JIKA tombol “Reset” diklik MAKA
Tampilkan form Corporate2
AKHIR JIKA
Atau JIKA tombol “Reset” diklik MAKA
Tampilkan form Corporate1
AKHIR MODUL CORPORATE_REGISTRATION
Modul INPUT_DATA_ CORPORATE_REGISTRATION
Inisialisasi variabel
Buka koneksi ke mitradata.db
Ambil variabel hasil kiriman form Corporate1 dari session
Simpan variabel ke dalam server
Ambil variabel hasil kiriman form Corporate2 dari session
Simpan variabel ke dalam server
Simpan variabel preference ke dalam tabel recommend pada server
Ambil variabel hasil kiriman form Corporate3 dari session
205
Simpan variabel ke dalam server
Masukkan variabel username dan password ke database login
Panggil MODUL STATUS
AKHIR MODUL INPUT_DATA_ CORPORATE_REGISTRATION
Modul STATUS_CORPORATE_REGISTRATION
Tampilkan layar status registrasi corporate
AKHIR MODUL STATUS_CORPORATE_REGISTRATION
Modul CATALOG BROWSE
Inisialisasi variabel
Buka koneksi ke mitradata.db
JIKA variabel action = prod MAKA
Ambil variabel nama, deskripsi, dan harga berdasarkan identitas produk
yang dikirim
Tampilkan variabel nama, deskripsi, dan harga
Tampilkan link Add to Cart
JIKA link “Add to Cart” diklik MAKA
Panggil MODUL ADD_TO_CART
AKHIR JIKA
Atau JIKA variabel action = cat MAKA
Ambil variabel nama, deskripsi, dan harga berdasarkan grup produk yang
dikirim
Tampilkan variabel nama, deskripsi, dan harga
206
Tampilkan link Add to Cart
JIKA link “Add to Cart” diklik MAKA
Panggil MODUL ADD_TO_CART
AKHIR JIKA
Atau JIKA variabel action = vend MAKA
Ambil variabel nama, deskripsi, dan harga berdasarkan identitas vendor
yang dikirim
Tampilkan variabel nama, deskripsi, dan harga
Tampilkan link Add to Cart
JIKA link “Add to Cart” diklik MAKA
Panggil MODUL ADD_TO_CART
AKHIR JIKA
AKHIR JIKA
AKHIR MODUL CATALOG BROWSE
Modul CATALOG SEARCH
Inisialisasi variabel
Buka koneksi ke mitradata.db
JIKA variabel action = vend MAKA
Ambil variabel nama, deskripsi, dan harga berdasarkan keyword dikirim
dalam field vendor
Tampilkan variabel nama, deskripsi, dan harga
Tampilkan link Add to Cart
JIKA link “Add to Cart” diklik MAKA
207
Panggil MODUL ADD_TO_CART
AKHIR JIKA
Atau JIKA variabel action = prod MAKA
Ambil variabel nama, deskripsi, dan harga berdasarkan keyword dikirim
dalam field nama produk
Tampilkan variabel nama, deskripsi, dan harga
Tampilkan link Add to Cart
JIKA link “Add to Cart” diklik MAKA
Panggil MODUL ADD_TO_CART
AKHIR JIKA
AKHIR JIKA
AKHIR MODUL CATALOG SEARCH
• Rancangan Spesifikasi Proses e-CRM
Modul LOGIN
Buka koneksi ke mitradata.db
Masukan identitas
Masukan password
JIKA identitas user dan password valid MAKA
Panggil MODUL UTAMA
SELAIN ITU
Tampilkan pesan kesalahan dan panggil MODUL LOGIN
AKHIR JIKA
AKHIR MODUL LOGIN
208
Modul UTAMA
Tampilkan logo
Tampilkan link ke modul
Tampilkan MODUL CALENDAR
Tampilkan MODUL SEARCH
Tampilkan MODUL VIEW_CUSTOMER
JIKA link “Customer” ditekan MAKA
Kirimkan data ke MODUL SEARCH
Panggil MODUL VIEW_CUSTOMER
Atau JIKA link “Company” ditekan MAKA
Kirimkan data ke MODUL SEARCH
Panggil MODUL VIEW_COMPANY
Atau JIKA link “Account” ditekan MAKA
Kirimkan data ke MODUL SEARCH
Panggil MODUL VIEW_ACCOUNT
Atau JIKA link “Activity/Event” ditekan MAKA
Kirimkan data ke MODUL SEARCH
Panggil MODUL VIEW_ACTIVITY
Atau JIKA link “Log” ditekan MAKA
Kirimkan data ke MODUL SEARCH
Panggil MODUL VIEW_LOG
Atau JIKA link “History” ditekan MAKA
Kirimkan data ke MODUL SEARCH
Panggil MODUL VIEW_HISTORY
209
Atau JIKA link “Email” ditekan MAKA
Kirimkan data ke MODUL SEARCH
Panggil MODUL EMAIL
Atau JIKA link “Referral” ditekan MAKA
Kirimkan data ke MODUL SEARCH
Panggil MODUL REFFERAL
Atau JIKA link “Logout” ditekan MAKA
Kirimkan data ke MODUL SEARCH
Panggil MODUL LOGOUT
AKHIR JIKA
AKHIR MODUL UTAMA
Modul CALENDER
Buka koneksi ke mitradata.db
Ambil tanggal, bulan dan hari ini dari server
Tampilkan Calender berdasarkan database dan data hari ini
JIKA tanggal dari Calender ditekan MAKA
Panggil MODUL VIEW_ACTIVITY
AKHIR JIKA
AKHIR MODUL CALENDER
210
Modul SEARCH
Masukkan keyword
Kirimkan keyword yang diinput ke MODUL SEARCH_RESULT
AKHIR MODUL SEARCH
Modul SEARCH_RESULT
Buka koneksi ke mitradata.db
Proses keyword yang dikirim dengan database
Tampilkan hasil proses
AKHIR MODUL SEARCH_RESULT
Modul VIEW_CUSTOMER
Buka koneksi ke mitradata.db
Cek dan tampilkan data customer
JIKA login dengan hak account manager MAKA
Tampilkan tombol “Edit” dan tombol “Delete”
JIKA tombol “Edit” ditekan MAKA
Panggil MODUL EDIT
Atau JIKA tombol “Delete” ditekan MAKA
Hapus satu baris data pada tabel
Panggil MODUL VIEW_CUSTOMER
AKHIR JIKA
AKHIR JIKA
AKHIR MODUL CUSTOMER
211
Modul EDIT_ACCOUNT
Buka koneksi ke mitradata.db
Tampilkan form yang sudah diisi dengan data yang diambil dari database
JIKA tombol “OK” ditekan MAKA
data di database disesuaikan dengan data yang diinput
Atau JIKA tombol “Cancel” dtekan MAKA
keluar dari layar Edit Account ke layar sebelumnya
AKHIR JIKA
AKHIR MODUL EDIT_ACCOUNT
Modul ADD_ACCOUNT
Tampilkan form yang sudah diisi dengan data yang diambil dari database
Buka koneksi ke mitradata.db
JIKA tombol “OK” ditekan MAKA
data di database ditambah dengan data yang diinput
Atau JIKA tombol “Cancel” dtekan MAKA
keluar dari layar Add Account ke layar sebelumnya
AKHIR JIKA
AKHIR MODUL ADD_ACCOUNT
Modul VIEW_COMPANY
Buka koneksi ke mitradata.db
Cek dan tampilkan data company
212
JIKA login dengan hak account manager MAKA
Tampilkan tombol “Edit” dan tombol “Delete”
JIKA tombol “Edit” ditekan MAKA
Panggil MODUL EDIT
Atau JIKA tombol “Delete” ditekan MAKA
Hapus satu baris data pada tabel
Panggil MODUL VIEW_COMPANY
AKHIR JIKA
AKHIR JIKA
AKHIR MODUL VIEW_COMPANY
Modul VIEW_ACCOUNT
Buka koneksi ke mitradata.db
Cek dan tampilkan data account
JIKA login dengan hak account manager MAKA
Tampilkan tombol “Edit” dan tombol “Delete”
JIKA tombol “Edit” ditekan MAKA
Panggil MODUL EDIT
Atau JIKA tombol “Delete” ditekan MAKA
Hapus satu baris data pada tabel
Panggil MODUL VIEW_ACCOUNT
AKHIR JIKA
AKHIR JIKA
AKHIR MODUL VIEW_ACCOUNT
213
Modul VIEW_LOG
Buka koneksi ke mitradata.db
Cek dan tampilkan data log
AKHIR MODUL VIEW_LOG
Modul VIEW_HISTORY
Buka koneksi ke mitradata.db
Cek dan tampilkan data history
AKHIR MODUL VIEW_HISTORY
Modul VIEW_ACTIVITY
Buka koneksi ke mitradata.db
Cek dan tampilkan data activity/event
JIKA kategori “order” diklik MAKA
Panggil MODUL ORDER dengan tombol “Approved” dan ”Cancel”
Atau JIKA kategori “approved” diklik MAKA
Panggil MODUL ORDER tanpa tombol
Akhir JIKA
JIKA login dengan hak account manager MAKA
Tampilkan tombol “Edit” dan tombol “Delete”
JIKA tombol “Edit” ditekan MAKA
Panggil MODUL EDIT
Atau JIKA tombol “Delete” ditekan MAKA
214
Hapus satu baris data pada tabel
Panggil MODUL VIEW_ACTIVITY
Panggil MODUL CALENDER
AKHIR JIKA
AKHIR JIKA
AKHIR MODUL VIEW_ACTIVITY
Modul EMAIL
Buka koneksi ke mitradata.db
Tampilkan form Email
AKHIR MODUL EMAIL
Modul ORDER_MITRADATA
Buka koneksi ke mitradata.db
Cek dan tampilkan data order
JIKA tombol “Approve” ditekan MAKA
Ubah data sesuai dengan parameter variabel yang dikirim
Atau JIKA tombol “Reject” ditekan MAKA
Panggil MODUL EMAIL
AKHIR JIKA
AKHIR MODUL ORDER_MITRADATA
215
Modul REFERRAL
Buka koneksi ke mitradata.db
Cek dan tampilkan data referral
AKHIR MODUL REFERRAL
• Rancangan Spesifikasi Proses Admin Online Store
Modul LOGIN
Inisialisasi variabel
Buka koneksi ke mitradata.db
set variabel status = notlogin
Masukan identitas dan password
JIKA identitas user dan password valid MAKA
panggil MODUL UTAMA
set variabel status = login
SELAIN ITU
Tampilkan pesan kesalahan
Panggil MODUL LOGIN
AKHIR JIKA
AKHIR MODUL LOGIN
216
Modul UTAMA
Inisialisasi variabel
Tampilkan logo
Tampilkan link Manager
Tampilkan link News Products
Tampilkan link Logout
JIKA link “News Manager” diklik MAKA
Panggil MODUL NEWS_MANAGER
Atau JIKA link “Products” diklik MAKA
Panggil MODUL PRODUCTS
Atau JIKA link “Logout” diklik MAKA
Panggil MODUL LOGOUT
AKHIR JIKA
AKHIR MODUL UTAMA
Modul NEWS_MANAGER
Tampilkan form News
JIKA tombol “Add News” diklik MAKA
Panggil MODUL ADD_NEWS
Atau JIKA tombol “Reset” diklik MAKA
Tampilkan form News
AKHIR JIKA
AKHIR MODUL NEWS_MANAGER
217
Modul ADD_NEWS
Inisialisasi variabel
Buka koneksi ke mitradata.db
Ambil variabel yang dikirim dari form News
Simpan variabel ke dalam server
Panggil MODUL NEWS_MANAGER
AKHIR MODUL ADD_NEWS
Modul PRODUCTS
Tampilkan layar Products
JIKA tombol “Add Product” diklik MAKA
Panggil MODUL ADD_PRODUCT
Atau JIKA tombol “Modify Product” diklik MAKA
Panggil MODUL MODIFY_PRODUCT
Atau JIKA tombol “Delete Product” diklik MAKA
Panggil MODUL DELETE_PRODUCT
AKHIR JIKA
AKHIR MODUL PRODUCTS
Modul ADD_PRODUCT
Tampilkan form Add
JIKA tombol “Add Product” diklik MAKA
Panggil MODUL INPUT_PRODUCT
Atau JIKA tombol “Reset” diklik MAKA
218
Tampilkan form Add
AKHIR JIKA
AKHIR MODUL ADD_PRODUCT
Modul INPUT_PRODUCT
Inisialisasi variabel
Buka koneksi ke mitradata.db
Ambil semua variabel yang dikirim dari form Add
Cek ukuran file gambar
JIKA ukuran file gambar melebihi 200KB MAKA
Panggil MODUL ADD_PRODUCT
Tampilkan Pesan Kesalahan
AKHIR JIKA
Cek isi variabel
JIKA variabel tidak memiliki nilai MAKA
Panggil MODUL ADD_PRODUCT
Tampilkan Pesan Kesalahan
Atau JIKA variabel memiliki nilai MAKA
Simpan gambar ke dalam server
Simpan variabel ke dalam server
Panggil MODUL ADD_PRODUCT
Tampilkan pesan sukses
AKHIR JIKA
AKHIR MODUL INPUT PRODUCT
219
Modul MODIFY_PRODUCT
Inisialisasi variabel
Buka koneksi ke mitradata.db
Ambil semua variabel yang sesuai dengan hasil inisialisasi variabel dari
server
Tampilkan form Update
Tampilkan isi nilai form Update dari server
JIKA tombol “Update” diklik MAKA
Panggil MODUL UPDATE_PRODUCT
Atau JIKA tombol “Reset” diklik MAKA
Panggil MODUL MODIFY_PRODUCT
AKHIR JIKA
AKHIR MODUL MODIFY_PRODUCT
Modul UPDATE_PRODUCT
Inisialisasi variabel
Ambil semua variabel yang dikirim oleh form Update
Simpan semua variabel ke dalam server
Panggil MODUL MODIFY_PRODUCT
Tampilkan pesan sukses
AKHIR MODUL UPDATE_PRODUCT
220
Modul DELETE_PRODUCT
Inisialisasi variabel
Buka koneksi ke mitradata.db
Ambil semua nilai variabel nama produk dari server
Tampilkan form Delete
Tampilkan nilai variabel nama produk pada drop down box
Jika tombol “Delete” diklik MAKA
Panggil MODUL ERASE_DATA
Atau JIKA tombol “Cancel” diklik MAKA
Panggil MODUL PRODUCTS
AKHIR JIKA
AKHIR MODUL DELETE_PRODUCT
Modul ERASE_DATA
Inisialisasi variabel
Buka koneksi ke mitradata.db
Ambil semua variabel yang dikirim dari form Delete
Hapus semua data pada server yang berhubungan dengan variabel yang
dikirim
Panggil MODUL DELETE_PRODUCT
Tampilkan pesan sukses
AKHIR MODUL ERASE_DATA
221
Modul LOGOUT
Set variabel status = notlogin
Panggil MODUL LOGIN
AKHIR MODUL LOGOUT
• Rancangan Spesifikasi Proses Admin e-CRM
Modul ADMIN_CRM
Buka koneksi ke mitradata.db
Cek data user
Tampilkan data user
JIKA input data ke textbox MAKA
JIKA tombol “Add”ditekan MAKA
Masukkan data ke dalam database
AKHIR JIKA
Atau JIKA tombol “Delete” ditekan MAKA
Hapus satu baris data pada tabel
Atau JIKA tombol “Logout” ditekan MAKA
status = notlogin
Tampilkan MODUL LOGIN
AKHIR JIKA
AKHIR MODUL ADMIN_CRM