bab 3 analisis sistem yang berjalan -...

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



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


85



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


86



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


87



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


88



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


89



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


90



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 %


A. 18 Responden

B. 4 Responden

02468

1012141618

91



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


92



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 %


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.





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.



- Hasil kuesioner nomor 2



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.



- Hasil kuesioner nomor 4


- 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

Email

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.



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.




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



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


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


Link “Add to cart" dapat menampilkan layar Login bila ditekan.




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




detil produk tersebut. Apabila link “Add to cart” ditekan maka akan tampil

layar Login.




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



“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



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


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


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




judul halaman dan berita Mitradata. Apabila see details ditekan maka akan

tampil layar Detail News. Di bawah berita Mitradata terdapat daftar tiga


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


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



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



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




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


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


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


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


103



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


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



• 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




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


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


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.


Pada layar ini, terdapat tombol “Next” untuk masuk ke layar Corporate

Registration 3 yang merupakan lanjutan dari Corporate Registration 2. Menu-



138


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-



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-



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



“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



“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



“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


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



151

Gambar 3.90 STD Layar Contact Us Sebelum Login



ditekan, layar Login akan ditampilkan untuk mengaktifkan menu Shopping Cart.

Gambar 3.91 STD Layar Contact Us Setelah Login

152



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


“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


Gambar 3.95 STD Layar My Account

155



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



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



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



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,







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,







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



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



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


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


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


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


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


cust_id Integer 10 * ID Customer (Integer yang diberikan


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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



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



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



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


AKHIR JIKA

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



Ambil variabel yang dikirim dari form Contact

Simpan variabel ke dalam server


AKHIR MODUL INPUT_MESSAGE

Modul NEWS


Ambil judul, berita, dan tanggal dari server

Tampilkan variabel judul, berita, dan tanggal berdasarkan database

AKHIR MODUL NEWS

Modul CATALOG


Ambil grup produk dari server

Ambil nama vendor dari server

Tampilkan grup produk sebagai link

JIKA link “Grup Produk” diklik MAKA

196


AKHIR JIKA

Tampilkan nama vendor sebagai link

JIKA link “Nama Vendor” diklik MAKA


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



197

Ambil variabel yang dikirim dari form Add


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



Ambil variabel yang dikirim dari form Add


Panggil MODUL MY_ACCOUNT

Modul LOGOUT

Set variabel status = notlogin

Panggil MODUL UTAMA

AKHIR MODUL LOGOUT

198

Modul SHOPPING CART



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






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




Masukkan variabel nama,harga,jumlah produk dan subtotal ke database

order_item



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



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



Ambil variabel identitas produk dari server

Ubah jumlah produk sesuai dengan variabel jumlah yang dikirim


AKHIR MODUL UPDATE_CART

201

Modul DELETE_FROM_CART



Ambil variabel identitas produk dan identitas session dari hasil yang dikirim

Hapus semua record yang memiliki identitas produk dan identitas session

yang sama


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



Simpan variabel yang dikirim dari Personal2 ke dalam session



Cek kode verifikasi

JIKA kode valid MAKA

Panggil MODUL INPUT_DATA_ PERSONAL_

REGISTRATION

AKHIR JIKA



AKHIR JIKA



AKHIR JIKA



AKHIR JIKA

AKHIR MODUL PERSONAL_REGISTRATION

Modul INPUT_DATA_ PERSONAL_REGISTRATION



203

Ambil variabel hasil kiriman form Personal1 dari session


Simpan variabel preference ke dalam tabel recommend pada 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


Simpan variabel yang dikirim dari Corporate1 ke dalam session



Simpan variabel yang dikirim dari Corporate2 ke dalam session



204

Cek kode verifikasi

JIKA kode valid MAKA

Panggil MODUL INPUT_DATA_ CORPORATE_

REGISTRATION

AKHIR JIKA



AKHIR JIKA



AKHIR JIKA



AKHIR MODUL CORPORATE_REGISTRATION

Modul INPUT_DATA_ CORPORATE_REGISTRATION



Ambil variabel hasil kiriman form Corporate1 dari session




Simpan variabel preference ke dalam tabel recommend pada server


205


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



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



AKHIR JIKA

Atau JIKA variabel action = cat MAKA

Ambil variabel nama, deskripsi, dan harga berdasarkan grup produk yang

dikirim


206




AKHIR JIKA

Atau JIKA variabel action = vend MAKA

Ambil variabel nama, deskripsi, dan harga berdasarkan identitas vendor

yang dikirim





AKHIR JIKA

AKHIR JIKA

AKHIR MODUL CATALOG BROWSE

Modul CATALOG SEARCH



JIKA variabel action = vend MAKA

Ambil variabel nama, deskripsi, dan harga berdasarkan keyword dikirim

dalam field vendor




207


AKHIR JIKA

Atau JIKA variabel action = prod MAKA

Ambil variabel nama, deskripsi, dan harga berdasarkan keyword dikirim

dalam field nama produk





AKHIR JIKA

AKHIR JIKA

AKHIR MODUL CATALOG SEARCH

• Rancangan Spesifikasi Proses e-CRM

Modul LOGIN


Masukan identitas

Masukan password


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


Panggil MODUL VIEW_COMPANY

Atau JIKA link “Account” ditekan MAKA


Panggil MODUL VIEW_ACCOUNT

Atau JIKA link “Activity/Event” ditekan MAKA


Panggil MODUL VIEW_ACTIVITY

Atau JIKA link “Log” ditekan MAKA


Panggil MODUL VIEW_LOG

Atau JIKA link “History” ditekan MAKA


Panggil MODUL VIEW_HISTORY

209

Atau JIKA link “Email” ditekan MAKA


Panggil MODUL EMAIL

Atau JIKA link “Referral” ditekan MAKA


Panggil MODUL REFFERAL

Atau JIKA link “Logout” ditekan MAKA



AKHIR JIKA

AKHIR MODUL UTAMA

Modul CALENDER


Ambil tanggal, bulan dan hari ini dari server

Tampilkan Calender berdasarkan database dan data hari ini

JIKA tanggal dari Calender ditekan MAKA


AKHIR JIKA

AKHIR MODUL CALENDER

210

Modul SEARCH

Masukkan keyword

Kirimkan keyword yang diinput ke MODUL SEARCH_RESULT

AKHIR MODUL SEARCH

Modul SEARCH_RESULT


Proses keyword yang dikirim dengan database

Tampilkan hasil proses

AKHIR MODUL SEARCH_RESULT

Modul VIEW_CUSTOMER


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


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


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


Cek dan tampilkan data company

212




Panggil MODUL EDIT



Panggil MODUL VIEW_COMPANY

AKHIR JIKA

AKHIR JIKA

AKHIR MODUL VIEW_COMPANY

Modul VIEW_ACCOUNT


Cek dan tampilkan data account




Panggil MODUL EDIT



Panggil MODUL VIEW_ACCOUNT

AKHIR JIKA

AKHIR JIKA

AKHIR MODUL VIEW_ACCOUNT

213

Modul VIEW_LOG


Cek dan tampilkan data log

AKHIR MODUL VIEW_LOG

Modul VIEW_HISTORY


Cek dan tampilkan data history

AKHIR MODUL VIEW_HISTORY

Modul VIEW_ACTIVITY


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




Panggil MODUL EDIT


214



Panggil MODUL CALENDER

AKHIR JIKA

AKHIR JIKA

AKHIR MODUL VIEW_ACTIVITY

Modul EMAIL


Tampilkan form Email

AKHIR MODUL EMAIL

Modul ORDER_MITRADATA


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


Cek dan tampilkan data referral

AKHIR MODUL REFERRAL

• Rancangan Spesifikasi Proses Admin Online Store

Modul LOGIN



set variabel status = notlogin

Masukan identitas dan password


panggil MODUL UTAMA

set variabel status = login

SELAIN ITU

Tampilkan pesan kesalahan

Panggil MODUL LOGIN

AKHIR JIKA

AKHIR MODUL LOGIN

216

Modul UTAMA


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


AKHIR JIKA

AKHIR MODUL UTAMA

Modul NEWS_MANAGER

Tampilkan form News

JIKA tombol “Add News” diklik MAKA

Panggil MODUL ADD_NEWS


Tampilkan form News

AKHIR JIKA

AKHIR MODUL NEWS_MANAGER

217

Modul ADD_NEWS



Ambil variabel yang dikirim dari form News


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


218

Tampilkan form Add

AKHIR JIKA

AKHIR MODUL ADD_PRODUCT

Modul INPUT_PRODUCT



Ambil semua variabel yang dikirim dari form Add

Cek ukuran file gambar

JIKA ukuran file gambar melebihi 200KB MAKA


Tampilkan Pesan Kesalahan

AKHIR JIKA

Cek isi variabel

JIKA variabel tidak memiliki nilai MAKA


Tampilkan Pesan Kesalahan

Atau JIKA variabel memiliki nilai MAKA

Simpan gambar ke dalam server



Tampilkan pesan sukses

AKHIR JIKA

AKHIR MODUL INPUT PRODUCT

219

Modul MODIFY_PRODUCT



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



AKHIR JIKA

AKHIR MODUL MODIFY_PRODUCT

Modul UPDATE_PRODUCT


Ambil semua variabel yang dikirim oleh form Update

Simpan semua variabel ke dalam server



AKHIR MODUL UPDATE_PRODUCT

220

Modul DELETE_PRODUCT



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



Ambil semua variabel yang dikirim dari form Delete

Hapus semua data pada server yang berhubungan dengan variabel yang

dikirim

Panggil MODUL DELETE_PRODUCT


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


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 “Logout” ditekan MAKA

status = notlogin

Tampilkan MODUL LOGIN

AKHIR JIKA

AKHIR MODUL ADMIN_CRM

bab 3 analisis sistem yang berjalan -...

Documents