BAB 4 PERANCANGAN SISTEM 4.1 Identifikasi fitur-fitur kebutuhan pelanggan Untuk mengetahui fitur-fitur kebutuhan pelanggan yang akan dirancang dengan menggunakan 7C Framework, maka dilakukan identifikasi kebutuhan pelanggan dengan menggunakan kuesioner, didapatkan hasil kuesioner sebagai berikut : 1. Pentingkah bagi bapak/ibu kecepatan dalam mengakses website ? Tabel 4.1 Kecepatan akses Pilihan jawaban
Frekuensi
Persentase
Penting
52
91%
Tidak
5
9%
Total
57
100%
Sumber : Kuesioner Hasil kuesioner menunjukkan bahwa terdapat 91% atau 52 responden menjawab penting untuk kecepatan dalam mengakses website, dan 9% atau 5 responden menjawab tidak penting, sehingga website yang dibuat mengutamakan dari segi kecepatan.
78
79 2. Pentingkah bagi bapak/ibu kemudahan dalam menggunakan website ? Tabel 4.2 Kemudahan penggunaan Pilihan jawaban
Frekuensi
Persentase
Penting
53
93%
Tidak
4
7%
Total
57
100%
Sumber : Kuesioner Hasil kuesioner menunjukkan bahwa terdapat 93% atau 53 responden menjawab penting untuk kemudahan dalam mengakses website, dan 7% atau 4 responden menjawab tidak penting, sehingga website yang dibuat mengutamakan dari segi kemudahan dalam pemakaian. 3. Pentingkah bagi bapak/ibu animasi dalam menampilkan informasi ? Tabel 4.3 Animasi dalam menampilkan informasi Pilihan jawaban
Frekuensi
Persentase
Penting
13
23%
Tidak
44
77%
Total
57
100%
Sumber : Kuesioner Hasil kuesioner menunjukkan bahwa terdapat 23% atau 13 responden menjawab penting untuk animasi dalam menampilkan informasi, dan 77% atau 44 responden menjawab tidak penting, sehingga website yang dibuat tidak perlu menampilkan animasi.
80
4. Pentingkah bagi bapak/ibu fitur untuk mengetahui informasi produk terbaru ? Tabel 4.4 Informasi produk terbaru Pilihan jawaban
Frekuensi
Persentase
Penting
42
74%
Tidak
15
26%
Total
57
100%
Sumber : Kuesioner Hasil kuesioner menunjukkan bahwa terdapat 74% atau 42 responden menjawab penting untuk animasi dalam menampilkan informasi, dan 26% atau 15 responden menjawab tidak penting, sehingga dapat disimpulkan bahwa informasi produk terbaru itu 5.
Pentingkah bagi bapak/ibu fitur untuk mengetahui informasi ketersediaan barang? Tabel 4.5 Informasi ketersediaan barang Pilihan jawaban
Frekuensi
Persentase
Penting
54
95%
Tidak Penting
3
5%
Total
57
100%
Sumber : Kuesioner
81 Hasil kuesioner menunjukkan bahwa terdapat 95% atau 54 responden menjawab penting untuk memiliki fitur untuk mengetahui informasi ketersediaan barang, dan 5% atau 3 responden menjawab tidak penting, sehingga dapat ditarik kesimpulan bahwa informasi ketersediaan barang perlu ditampilkan. 6.
Pentingkah bagi bapak/ibu fitur untuk mengakses informasi data pribadi ? Tabel 4.6 Informasi data pribadi Pilihan jawaban
Frekuensi
Persentase
Penting
37
65%
Tidak Penting
20
35%
Total
57
100%
Sumber : Kuesioner Hasil kuesioner menunjukkan bahwa terdapat 65% atau 37 responden menjawab penting untuk memiliki akses ke data pribadi, dan 35% atau 20 responden menjawab tidak penting, sehingga dapat ditarik kesimpulan bahwa fitur untuk mengakses data pribadi perlu dibangun. 7. Pentingkah fitur chat room bagi bapak/ibu untuk berinteraksi dengan pengguna lain ? Tabel 4.7 Fitur Chat room Frekuensi
Persentase
Penting
45
79%
Tidak Penting
12
21%
Total
57
100%
Pilihan jawaban
82 Sumber : Kuesioner Hasil kuesioner menunjukkan bahwa terdapat 79% atau 45 responden menjawab penting untuk memiliki fitur chat room yang memungkinkan untuk berinteraksi dengan pengguna lain, dan 21% atau 12 responden menjawab tidak penting, sehingga dapat ditarik kesimpulan bahwa fitur chat room perlu dibangun. 8.
Pentingkah bagi bapak/ibu fitur untuk mengubah informasi account ? Tabel 4.8 Mengubah informasi account Pilihan jawaban
Frekuensi
Persentase
Penting
37
65%
Tidak Penting
20
35%
Total
57
100%
Sumber : Kuesioner Hasil kuesioner menunjukkan bahwa terdapat 65% atau 37 responden menjawab penting untuk memiliki fitur untuk mengubah informasi account, dan 35% atau 20 responden menjawab tidak penting, sehingga dapat ditarik kesimpulan bahwa fitur untuk mengubah informasi account dapat dibangun. 9.
Pentingkah bagi bapak/ibu fitur untuk mengubah password ? Tabel 4.9 Mengubah password Pilihan jawaban
Frekuensi
Persentase
Penting
48
84%
Tidak Penting
9
16%
Total
57
100%
83 Sumber : Kuesioner Hasil kuesioner menunjukkan bahwa terdapat 84% atau 48 responden menjawab penting untuk memiliki fitur untuk mengubah password, dan 16% atau 9 responden menjawab tidak penting, sehingga dapat ditarik kesimpulan bahwa fitur untuk mengubah password dapat dibangun. 10. Pentingkah fitur customer service online bagi bapak/ibu untuk memudahkan komunikasi dengan perusahaan ? Tabel 4.10 Customer service online Frekuensi
Persentase
Penting
41
72%
Tidak Penting
16
28%
Total
57
100%
Pilihan jawaban
Sumber : Kuesioner Hasil kuesioner menunjukkan bahwa terdapat 72% atau 41 responden menjawab penting untuk memiliki fitur yang memungkinkan pelanggan untuk berinteraksi dengan pihak perusahaan, dan 28% atau 16 responden menjawab tidak penting, sehingga dapat ditarik kesimpulan bahwa fitur customer service online perlu dibangun. 11. Pentingkah fitur F.A.Q (Pertanyaan yang sering diajukan) bagi bapak/ibu? Tabel 4.11 Fitur F.A.Q Frekuensi Pilihan jawaban
Persentase
84 Penting
44
77%
Tidak Penting
13
23%
Total
57
100%
Sumber : Kuesioner Hasil kuesioner menunjukkan bahwa terdapat 77% atau 44 responden menjawab penting untuk memiliki fitur F.A.Q (pertanyaan yang sering diajukan), dan 23% atau 13 responden menjawab tidak penting, sehingga dapat ditarik kesimpulan bahwa fitur F.A.Q perlu dibangun. 12. Pentingkah bagi bapak/ibu, website yang terhubung ke situs seperti facebook dan twitter PD. Duta HPL ? Tabel 4.12 link ke facebook dan twitter Pilihan jawaban
Frekuensi
Persentase
Penting
33
58%
Tidak Penting
24
42%
Total
57
100%
Sumber : Kuesioner Hasil kuesioner menunjukkan bahwa terdapat 58% atau 33 responden menjawab penting untuk memiliki hubungan dengan situs seperti facebook dan twitter, dan 42% atau 24 responden menjawab tidak penting, sehingga dapat ditarik kesimpulan bahwa website yang akan dibangun perlu terhubung dengan twitter dan facebook.
85
13. Pentingkah bagi bapak/ibu untuk memiliki account sendiri ? Tabel 4.13 Memiliki account sendiri Pilihan jawaban
Frekuensi
Persentase
Penting
47
82%
Tidak Penting
10
18%
Total
57
100%
Sumber : Kuesioner Hasil kuesioner menunjukkan bahwa terdapat 82% atau 47 responden yang menjawab penting untuk memiliki account sendiri, dan 18% atau 10 responden menjawab tidak penting, sehingga dapat ditarik kesimpulan bahwa fitur registrasi account perlu dibangun. 14. Pentingkah bagi bapak/ibu untuk mengetahui status dari pembelian yang telah dilakukan ? Tabel 4.14 Status pembelian Pilihan jawaban
Frekuensi
Persentase
Penting
53
93%
Tidak Penting
4
7%
Total
57
100%
Sumber : Kuesioner Hasil kuesioner menunjukkan bahwa terdapat 93% atau 53 responden menjawab penting untuk memiliki fitur untuk melihat status pembelian yang telah
86 dilakukan, dan 7% atau 4 orang menjawab tidak penting, sehingga dapat ditarik kesimpulan bahwa fitur untuk mengetahui status pembelian perlu dibangun. 15. Pentingkah bagi bapak/ibu untuk melihat transaksi-transaksi yang sudah pernah dilakukan ? Tabel 4.15 Melihat history transaksi Frekuensi
Persentase
Penting
48
84%
Tidak Penting
9
16%
Total
57
100%
Pilihan jawaban
Sumber : Kuesioner Hasil kuesioner menunjukkan bahwa terdapat 84% atau 48 responden menjawab penting untuk memiliki fitur yang memungkinkan pelanggan untuk melihat transaksi yang sudah pernah dilakukan, dan 16% atau 9 responden menjawab tidak penting, sehingga dapat ditarik kesimpulan bahwa fitur untuk melihat transaksitransaksi yang sudah pernah dilakukan perlu dibangun. 16. Apakah fitur untuk melakukan pembayaran secara online penting bagi bapak/ibu? Tabel 4.16 Pembayaran secara online Pilihan jawaban
Frekuensi
Persentase
Penting
15
26%
Tidak Penting
42
74%
Total
57
100%
Sumber : Kuesioner
87 Hasil kuesioner menunjukkan bahwa terdapat 26% atau 15 responden menjawab penting untuk memiliki fitur untuk melakukan pembayaran secara online pada transaksi yang telah dilakukan, dan 74% atau 42 responden menjawab tidak penting, sehingga dapat ditarik kesimpulan bahwa fitur pembayaran online tidak perlu dibangun. 4.2 Strategy Formulation : Customer Interface Tabel 4.17 Map Perancangan 7C Context
Aesthetically
Functionally
dominant
dominant Information
Content Product dominant Community
Integrated
Nonexistent
Service Dominant Dominant Limited
Strong
Moderately
Customization
Highly customized
Generic customize Communication One To many non responding user Connection Commerce
One to many
One to one,
responding
nonrespondi
user
ng user
One To One Responding User
Destination
Hub
Portal
Low
Medium
High
88 Berikut akan dijelaskan rancangan user interface dengan menggunakan kriteria pada kerangka 7C yang biasanya digunakan dalam merancang user inteface dari suatu website e-commerce, yaitu : 4.2.1. Context Website PD. Duta HPL dirancang dengan mengutamakan kriteria yang seimbang baik dalam kategori estetika dan fungsional (integrated). Secara fungsional website ini dirancang untuk memudahkan pelanggan dalam mendapatkan informasi produk yang lengkap dan melakukan transaksi secara online. Berikut ini adalah kriteria fungsional pada website PD. Duta HPL : •
Section breakdown Website PD. Duta HPL memiliki menu halaman-halaman utama seperti : home,
about us, product, shopping cart, order history, payment, Chat room, How To Buy, F.A.Q yang terletak pada bagian menu website. Halaman home berisi informasi mengenai produk-produk terbaru. Halaman product berisi kategori produk yang dijual oleh PD. Duta HPL seperti taco hpl, taco sheet, dan taco edging. Halaman shopping cart berisi produk-produk yang ingin dibeli. Halaman order history berisi semua history pembelian yang pernah dilakukan, dihalaman ini pelanggan juga bisa melihat status pembelian mereka. Halaman payment confirmation berisi data-data yang harus diisi oleh pelanggan yang ingin melakukan konfirmasi pembayaran yang telah dilakukan. Halaman chat room merupakan halaman yang berfungsi sebagai tempat untuk berinteraksi untuk sesama pelanggan. Halaman how to buy berisi pedoman dalam melakukan pembelian di website ini. Halaman F.A.Q berisi
89 pertanyaan-pertanyaan yang sering ditanyakan pelanggan seperti retur barang, pengiriman barang dan proses pemesanan barang. •
Linking structure Linking structure yang terdapat pada website ini adalah link ke internal website
ini sendiri dan ke website lain, link internal menghubungkan halaman-halaman pada website ini, sedangkan untuk eksternal terdapat link ke website lain seperti facebook dan twitter. •
Navigation tools Navigation tools yang terdapat pada website PD.Duta HPL terbagi atas 3 bagian,
yaitu bagian header, body dan footer. Pada bagian header terdapat menu home, about us, product, my account, shopping cart, order history, payment, chat room, how to buy dan F.A.Q. pada bagian body, terdapat tampilan mengenai produkproduk terbaru dan pada bagian footer terdapat link ke halaman term & condition dalam melalukan transaksi di website PD. Duta HPL •
Speed Website PD. Duta HPL menggunakan gambar-gambar dan background yang
sudah di resize seoptimal mungkin sehingga website dapat diakses dengan cepat. Kemudian untuk kriteria estetika, hal-hal yang harus diperhatikan adalah : •
Color scheme
90 Website PD. Duta HPL menggunakan warna background berwarna coklat kayu dengan kesan yang elegan dan simple, dan juga tidak terlalu mencolok sehingga memudahkan pelanggan untuk melihat isi dari website tersebut. •
Visual Themes Visual themes pada website PD. Duta HPL terletak pada bagian header website
dimana terdapat logo PD. Duta HPL yang tidak akan berubah walaupun pelanggan berpindah – pindah halaman.
Context
Gambar 4.1 Rancangan UI bagian context 4.2.2. Content Konten mencakup isi dari suatu website seperti text, audio, video, graphic yang menggambarkan isi dari website tersebut. Ada 4 hal yang perlu diperhatikan dalam mengevaluasi konten :
91 •
Offering mix Website PD. Duta HPL berfokus pada produk yang ditawarkan, dalam hal ini
penjualan produk yang berada pada PD. Duta HPL. Sehingga pada offering mix, website PD.Duta HPL termasuk dalam product-dominant. Selain itu website ini juga menyediakan informasi produk dan informasi ketersediaan barang untuk masingmasing produk, dan juga adanya fitur shopping cart untuk mendukung transaksi secara online.
Offering Mix
Gambar 4.2 Rancangan UI offering mix •
Appeal mix Appeal mix mengacu pada pesan promosi dari perusahaan. Website PD. Duta
HPL menampilkan produk-produk terbaru pada halaman home.
92
Appeal Mix
Gambar 4.3 Rancangan UI Appeal mix •
Multimedia mix Media yang digunakan pada PD. Duta HPL hanya berupa teks yang berisi
informasi produk dan gambar-gambar dari produk dari produk yang ditawarkan serta jquery untuk bagian menu yang tampil disetiap halaman. •
Timeliness mix Website ini termasuk website yang sensitif terhadap perubahan waktu, seluruh
konten yang ada di website PD. Duta HPL harus selalu di update, sehingga seluruh informasi mengenai ketersediaan produk dapat ditampilkan secara jelas dan benar.
93
Timeliness Mix
Gambar 4.4 Rancangan UI Timeliness mix 4.2.3. Community Community dari website ini termasuk dalam kategori strong karena pengguna dapat membaca, mengirimkan informasi serta berkomunikasi dengan pengguna lainnya melalui fitur chat room.
Community
Gambar 4.5 Rancangan UI Community 4.2.4. Customization
94 Website ini tidak memiliki customization khusus untuk setiap penggunanya, customization yang ada diwebsite ini bersifat generic, karena semua pelanggan mendapatkan tampilan website yang sama pada website PD. Duta HPL, yang membedakannya hanya pada pelanggan yang sudah terdaftar dan belum terdaftar. Untuk pelanggan yang sudah terdaftar akan mendapatkan fitur my account yang bisa digunakan untuk mengubah data pribadi mereka.
Customization
Gambar 4.6 Rancangan UI Customization 4.2.5. Communication Komunikasi merupakan dialog antara website dengan penggunanya. Menurut klasifikasi komunikasi yang ada, website PD. Duta HPL termasuk : •
One to many non responding user Komunikasi pada webstite PD. Duta HPL yang termasuk dalam klasifikasi ini
berupa informasi pada halaman F.A.Q dan how to buy, informasi tersebut diberikan oleh perusahaan kepada pelanggan secara keseluruhan, tetapi pelanggan tidak dapat memberikan tanggapan pada informasi tersebut.
95
one to many non responding user
Gambar 4.7 Rancangan UI Communication one to many non responding user •
One to one responding user Komunikasi pada website PD. Duta HPL yang termasuk dalam klasifikasi ini
berupa fitur customer service online melalui layanan yahoo messenger dimana komunikasi hanya berlangsung antara pelanggan dengan customer service PD. Duta HPL.
one to one responding user
Gambar 4.8 Rancangan UI Communication one to one responding user
96 4.2.6. Connection Connection adalah hubungan antara website perusahaan dengan website lain. Connection pada website PD. Duta HPL bisa dilihat pada halaman home dimana terdapat link yang jika diklik maka pelanggan akan diarahkan ke media jejaring sosial seperti fanspage facebook dan twitter milik PD. Duta HPL. Klasifikasi Connection pada website PD. Duta HPL termasuk dalam kategori Destination site dikarenakan pada website PD. Duta HPL hanya memiliki sedikit link yang mengarah ke website lain.
Connection
Gambar 4.9 Rancangan UI Connection 4.2.7. Commerce Aspek terakhir pada perancangan 7C adalah commerce, merupakan fitur dari interface customer yang mendukung kemampuan website untuk dapat bertransaksi. Commerce pada website PD. Duta HPL termasuk dalam kategori low, karena website PD. Duta HPL hanya memiliki sedikit fitur commerce yang mendukung proses transaksi. Fungsi commerce yang dimiliki website ini adalah : •
Registration
97 Bagi pelanggan yang ingin melakukan transaksi pada website PD. Duta HPL harus melakukan registrasi terlebih dahulu, setelah melakukan registrasi, pengguna harus melakukan login untuk dapat melakukan transaksi. Hal ini dibutuhkan agar website PD. Duta HPL dapat menyimpan data-data dari pelanggan dan pelanggan perlu memasukkan data diri lagi pada saat melakukan transaksi.
Registration
Gambar 4.10 Rancangan UI Registration •
Shopping cart Pada website PD. Duta HPL, pelanggan dapat melakukan pembelian produk
dengan memasukkan jumlah barang yang ingin dibeli dan mengklik tombol add to cart pada setiap produk yang diinginkan, sehingga nantinya produk yang diinginkan tersebut akan secara otomatis terinput ke bagian shopping cart pelanggan tersebut. pada halaman shopping cart, pelanggan dapat melakukan pembatalan untuk barang yang tidak jadi dibeli dengan menekan tombol cancel dan jika pelanggan sudah menetapkan produk yang ingin dibeli, pelanggan hanya perlu menekan tombol check out.
98
Shopping Cart
Gambar 4.11 Rancangan UI Shopping Cart •
Order tracking Pelanggan yang sudah terdaftar dan melakukan transaksi di website PD. Duta
HPL dapat menggunakan fitur order history untuk melihat seluruh transaksi yang sudah pernah dilakukan sebelumnya. Kemudian di order history juga terdapat informasi mengenai status pemesanan yang berguna bagi pelanggan untuk mengetahui status pemesanan mereka dari belum membayar sampai barang sudah terkirim, sehingga dapat memudahkan pelanggan dalam melakukan tracking terhadap pembelian barang yang telah dilakukan.
99
Order Tracking
Gambar 4.12 Rancangan UI Order Tracking
Gambar 4.13 Tampilan halaman home sebelum user login Gambar diatas merupakan tampilan halaman home pada website PD. Duta HPL sebelum user melakukan login. Bagian header menampilkan logo PD. Duta
100 HPL dan menu-menu untuk mengakses halaman About us, Product, How To Buy, F.A.Q, pada bagian tengah home menampilkan produk terbaru yang dimiliki oleh PD. Duta HPL. Pada bagian kiri atas terdapat menu untuk memudahkan user dalam mengakses fitur register dan login. Sedangkan bagian bawah dari halaman home terdapat fitur untuk link ke halaman facebook dan twitter PD. Duta HPL. Dan dihalaman bawah home juga terdapat fitur yang memungkinkan user untuk melakukan komunikasi dengan customer service perusahaan.
Gambar 4.14 Tampilan halaman home setelah user login Tampilan diatas adalah tampilan setelah user berhasil melakukan login, bisa dilihat dari kiri atas layar dimana username dari user akan muncul dan juga dibagian atas website akan muncul menu-menu yang hanya bisa dilihat dan diakses oleh user yang sudah melakukan login seperti my account, shopping cart, order history, payment, dan chat room.
101
Gambar 4.15 Tampilan halaman about us Tampilan diatas adalah tampilan halaman about us yang berisi profil dari PD. Duta HPL dan dibagian atas terdapat menu untuk mengakses halaman-halaman lain, sedangkan pada bagian footer terdapat alamat perusahaan.
Gambar 4.16 Tampilan halaman product setelah user login
102 Pada halaman product berisi semua informasi produk yang ditawarkan oleh PD. Duta HPL seperti nama produk, harga produk dan tipe produk, dihalaman product juga terdapat fungsi search yang bisa digunakan oleh user untuk melakukan pencarian produk yang mereka inginkan dan juga adanya fitur kategori produk yang memudahkan user dalam mencari produk yang diinginkan berdasarkan kategori.
Tampilan ketersediaan stok
Gambar 4.17 Tampilan ketersediaan stok Pada halaman product, akan muncul pesan stok tidak cukup apabila produk yang ingin dibeli tidak memiliki stok yang dibutuhkan oleh pelanggan, sedangkan jika stok yang ada di database mencukupi maka produk beserta stok yang dipilih oleh pelanggan akan langsung masuk ke shopping cart pelanggan.
103
Gambar 4.18 Tampilan halaman shopping cart Setelah user melakukan pembelian, user bisa melihat daftar produk dan total harga dari barang yang dibeli dihalaman shopping cart, dihalaman ini user juga bisa melakukan pembatalan produk yang telah dibeli dengan menekan tombol cancel yang ada disamping barang tersebut. jika user sudah pasti dengan barang yang ingin dibeli, maka user bisa menekan tombol check out.
Gambar 4.19 Tampilan halaman Order History
104 Pada halaman order history, user bisa melihat seluruh transaksi yang pernah dilakukan, baik transaksi yang sudah dilakukan pembayaran maupun transaksi yang belum dibayar. Pada order history, user juga bisa melihat status dari pembelian yang telah dilakukan, apakah barang masih dalam proses atau sudah dikirimkan. Selain itu juga tersedia tombol view untuk melihat detail dari transaksi yang dilakukan seperti tanggal pembelian, barang-barang yang dibeli dan total harga barang tersebut.
Gambar 4.20 Tampilan halaman Order Detail Tampilan diatas, adalah tampilan setelah user menekan tombol view pada halaman order history, pada halaman order detail ini user bisa melihat data-data detail dari transaksi yang dipilih seperti kode transaksi, tanggal pembelian, status pembeliannya, nama barang, jumlah barang, harga satuan dan total pembelian.
105
Gambar 4.21 Tampilan halaman Payment Confirmation Pada halaman Payment Confirmation, user diwajibkan untuk mengisi semua data yang ada dihalaman ini untuk melakukan konfirmasi pembayaran atas pembayaran yang telah dilakukan. Data-data yang wajib diisi seperti total pembayaran, no rekening, atas nama, bank, dan tanggal pembayaran. Data-data yang diisi oleh user ini berguna untuk membantu pihak PD. Duta HPL dalam melakukan pengecekan atas pembayaran yang dilakukan oleh user.
Gambar 4.22 Tampilan Halaman Chat Room
106 Pada halaman Chat Room, user bisa berinteraksi langsung dengan user lain, user bisa saling berbagi informasi mengenai produk HPL dan rekomendasi produk kepada user lain.
Gambar 4.23 Tampilan halaman how to buy Pada halaman how to buy, user bisa melihat informasi cara melakukan pembelian barang, informasi pengiriman barang, metode pembayaran yang digunakan diterima oleh perusahaan serta cara melakukan konfirmasi pembayaran setelah user melakukan pembayaran.
107
Gambar 4.24 Tampilan halaman F.A.Q Pada halaman F.A.Q terdapat informasi mengenai pertanyaan-pertanyaan yang sering ditanyakan oleh user, baik dari segi pemesanan barang, retur barang, proses pengiriman barang serta profil perusahaan.
Gambar 4.25 Tampilan Manage Product Category admin
108 Gambar diatas adalah tampilan halaman Manage product category yang hanya bisa diakses dan dilihat jika user login sebagai admin. Pada halaman ini admin bisa melihat semua kategori produk yang ada, juga bisa menambahkan kategori produk yang baru serta menghapus kategori produk yang sudah ada.
Gambar 4.26 Tampilan Manage Product admin Gambar diatas adalah tampilan halaman manage product yang hanya bisa diakses oleh admin, pada halaman ini admin bisa melihat semua produk yang ada, dihalaman ini juga terdapat beberapa fungsi penting seperti add produk yang digunakan untuk menambahkan produk baru, fitur update untuk mengedit produk yang ingin diubah, dan delete untuk menghapus produk yang tidak dibutuhkan lagi atau tidak diproduksi lagi dan juga adanya fitur cari kategori yang bisa digunakan untuk memunculkan data-data berdasarkan kategori yang dipilih.
109
Gambar 4.27 Tampilan Halaman Add Product admin Halaman Add product digunakan admin untuk menambahkan produk baru, admin harus memasukkan beberapa data seperti nama produk, jenis produk, harga, stok, gambar dan tipe produk. Semua data harus di isi jika admin ingin melakukan penambahan produk, jika ada 1 data saja tidak di isi maka produk akan gagal di tambahkan dan akan muncul pesan kolom mana yang belum di isi.
Gambar 4.28 Tampilan Halaman Edit Product admin
110 Halaman Edit Product digunakan oleh admin untuk mengubah data pada produk yang ingin diubah, data-data yang bisa diubah seperti nama produk, jenis produk, harga, stok, gambar dan tipe produk.
Gambar 4.29 Tampilan halaman Order List admin Pada halaman Order list, admin bisa melihat semua data transaksi yang telah dilakukan oleh pelanggan seperti kode transaksi, username pelanggan yang melakukan pembelian, tanggal pembelian, dan status pembelian. admin juga bisa menghapus transaksi pelanggan jika pelanggan tidak melakukan konfirmasi pembayaran pada waktu yang ditentukan oleh PD. Duta HPL dan admin bisa menekan view untuk melihat detil pada transaksi yang dipilih.
111
Gambar 4.30 Tampilan halaman Order List Detail admin Pada halaman ini, admin dapat melihat detil dari transaksi yang dilakukan oleh pelanggan, selain itu pada halaman ini admin juga dapat mengubah status pemesanan pelanggan seperti on process jika pelanggan sudah melakukan konfirmasi pembayaran dan deliver jika barang sudah dikirimkan ke pelanggan dan jika admin ingin kembali ke halaman sebelumnya, admin tinggal menekan tombol back.
112
Gambar 4.31 Tampilan halaman Payment List admin Pada halaman payment list, admin bisa melihat semua data konfirmasi pembayaran yang sudah di submit oleh user. Dengan melihat data-data tersebut, admin bisa melakukan pengecekan pembayaran melalui data-data yang sudah dimasukkan oleh user seperti total pembayaran, no rekening, atas nama dan bank.
113 Sitemap 1. Front End
Home About Us Home
Product How to Buy FAQ Terms & Condition
Gambar 4.32 Sitemap user sebelum login
114 Home About Us Product My Account Shopping Cart Home Order History Payment Confirmation Chat Room How To Buy F.A.Q Terms & Condition Gambar 4.33 Sitemap user setelah login 2. Back End Home Product
Running Info
Manage
Product Category
Home Order List Payment List Gambar 4.34 Sitemap admin
Product
115 4.3 Perancangan Database Database website e-commerce Duta HPL menggunakan software database MySQL. Perancangan database dapat dilihat pada tabel-tabel berikut : 1.
Tabel user (pelanggan, admin) Tabel 4.18 tabel database user (pelanggan,admin) Field
Type
Key PK
Description
Username
Text
Username
Nama_Lengkap
Text
Nama lengkap
Alamat
Varchar
Alamat pelanggan
(50) Email
Text
Email pelanggan
Telepon
Varchar
No
(50)
pelanggan
Text
Password
Password
telepon
116 2.
Tabel jenisproduk Tabel 4.19 tabel database jenisproduk Field
Type
Key
Description
(Size) KodeJenisProduk Text
PK
Kode
kategori
produk JenisProduk
Text
Nama
kategori
produk
3.
Tabel product Tabel 4.20 tabel database product Field
Type
Key
Description
(Size) KodeProduk
Int (11)
NamaProduk
text
KodeJenisProduk text
PK
Kode produk Nama produk Kode
kategori
produk Harga
Int (11)
Harga produk
Gambar
text
Gambar produk
Tipe
text
Tipe dari produk
117 4.
Tabel addtocart Tabel 4.21 tabel database addtocart Field
Type (Size)
Key
Description
Id
Int (11)
PK
Username
Varchar
Username
(100)
pelanggan
yang
membeli produk KodeProduk
Int (11)
Kode produk yang dibeli
Jumlah
Int (11)
Jumlah
produk
yang dibeli
5.
Tabel cart Tabel 4.22 tabel database cart Field
Type (Size)
KodeTransaksi Int(11) Username
Varchar(100)
Key PK
Description Kode transaksi setiap user Username pelanggan yang melakukan pembelian
Tanggal
date
Tanggal pembelian
Status
Varchar(20)
Status pembelian
118 6.
Tabel detailcart Tabel 4.23 tabel database detailcart Field
Type (Size)
KodeTransaksi Int(11)
7.
Key PK
Description Kode transaksi setiap user
KodeProduk
Int(11)
Kode produk yang dibeli
Jumlah
Int(11)
Jumlah yang dibeli
Tabel payment Tabel 4.24 tabel database payment Field Username
Type (Size)
Key
Varchar(50)
PK
Description Username pelanggan yang melakukan pembayaran
Total_Pembayaran
Int(20)
Total pembayaran yang dilakukan pelanggan
No_Rek
Varchar(40)
No
rekening
yang
pelanggan melakukan
pembayaran Nama
Varchar(30)
Pembayaran
dengan
menggunakan nama apa Bank
Varchar(15)
Bank
yang
dalam
digunakan melakukan
pembayaran (transfer) Tanggal
date
Tanggal (transfer)
pembayaran
119 8. Tabel chat Tabel 4.25 tabel database chat Field
Type (Size)
Key PK
Description
Username
Text
Username pelanggan
Date
Date
Tanggal chat yang diposting
Chat
Text
Isi chat
4.4 Market Communication and Branding 4.4.1.
Market Communication Komunikasi pasar adalah cara yang digunakan oleh perusahaan dalam
berkomunikasi dengan pelanggan untuk memasarkan produk perusahaan. Komunikasi pasar yang digunakan oleh PD. Duta HPL, antara lain : •
Komunikasi online umum (General online approach) Komunikasi online umum merupakan komunikasi non-personal yang
perusahaan lakukan secara online. Pada bagian ini PD. Duta HPL masih menggunakan facebook dan twitter dalam melayani serta memberikan informasi kepada pelanggan. •
Komunikasi online secara pribadi (Personalized online communications) Komunikasi online secara pribadi dari website PD. Duta HPL adalah
dengan mengirimkan email secara pribadi kepada para pelanggan yang terdaftar sebagai member. Email bisa berupa promosi produk maupun informasi produk terbaru.
120 •
Pemasaran massal secara tradisional (Traditional mass marketing) Untuk pemasaran massal secara tradisional, PD. Duta HPL menggunakan
spanduk yang dipasang disekitar daerah yang berdekatan dengan lokasi PD. Duta HPL. •
Komunikasi secara langsung (Direct communications) Komunikasi secara langsung yang dilakukan oleh PD. Duta HPL adalah
saat melayani pelanggan yang datang langsung ke toko
PD.
Duta HPL. Direct Individualize
•
Personalized
Traditional mass marketing Audience
•
•
Sales
General online approach
Spanduk
•
Facebook
•
Twitter
Offline 4.4.2.
Email
Online
Branding
Ada 10 tahapan dalam melakukan proses branding, yaitu : 1. Clearly define the brand audience Target pelanggan yang ingin dituju oleh PD. Duta HPL dengan websitenya adalah toko-toko bangunan, furniture dan kontraktor bangunan yang ada diarea DKI Jakarta.
121 2. Understand the target customer PD. Duta HPL memahami perbedaan kebutuhan dari pelanggannya, oleh karena itu PD. Duta HPL menyediakan berbagai macam tipe hpl dengan motif dan harga yang berbeda sehingga pelanggan dapat memilih produk hpl yang sesuai dengan kebutuhannya. 3. Identify key leverage points in customer experience Untuk memberikan pengalaman yang memuaskan bagi pelanggan, maka website PD. Duta HPL dibuat dengan desain yang elegan dan cepat untuk diakses serta kemudahan dalam memakai fitur-fitur yang ada. 4. Continually monitor competitors Pada implementasi website PD. Duta HPL ini, PD. Duta HPL harus terus memperhatikan para pesaing langsung seperti bintang hpl, global hpl, dan anugrah hpl serta pesaing baru yang akan muncul. Dalam hal ini yang harus diperhatikan adalah informasi mengenai produk, harga dan pelayanan yang ditawarkan oleh pesaing kepada pelanggan dan juga memantau fitur-fitur yang tersedia pada website pesaing. Hasil dari pemantauan
tersebut
bisa
dijadikan
sebagai
tolak
ukur
untuk
pengembangan website dan bisnis PD. Duta HPL untuk kedepannya. 5. Design compelling and complete brand intent Tampilan website yang menarik dan mudah digunakan akan menciptakan sebuah brand yang mudah diingat oleh pelanggan. Selain itu PD. Duta HPL juga memilih nama domain www.dutahpl.com yang
122 mengartikan bahwa website ini adalah milik PD. Duta HPL dan website ini khusus berjualan produk HPL. 6. Execute with integrity Website PD. Duta HPL akan terus berupaya meningkatkan kepercayaan pelanggan yang telah terbangun selama ini dengan cara terus memberikan pelayanan yang terbaik dan menyediakan produk-produk terbaru dengan harga yang kompetitif. 7. Be consistent over time Untuk mempertahankan citra baik yang telah dibangun selama ini, PD. Duta HPL secara konsisten akan terus memberikan informasi yang lengkap untuk semua produk yang ditawarkan oleh PD. Duta HPL kepada pelanggan. 8. Establish feedback systems Website PD. Duta HPL menyediakan layanan untuk menanggapi pertanyaan, kritik, dan saran dari pelanggan yaitu berupa layanan live chat yang akan menghubungkan pelanggan secara langsung dengan customer service PD. Duta HPL. 9. Be opportunistic PD. Duta HPL akan terus melakukan pemasaran dengan menyuruh sales untuk mendatangi setiap toko-toko bangunan, furniture dan kontraktor bangunan yang ada didaerah Jakarta.
123 10. Invest and be patient Pada saat ini PD. Duta HPL telah sukses dalam membangun sebuah brand yang kuat di offline market, tentu hal ini akan mempermudah PD. Duta HPL untuk membangun dan mengembangkan brand di online market. Namun tentu saja hal ini membutuhkan komitmen yang tinggi seperti investasi dari segi biaya yang tidak sedikit dan waktu yang cukup lama. 4.5 Implementation Setelah melakukan perancangan user-interface, menentukan komunikasi pasar dan branding, langkah selanjutnya adalah perencanaan untuk proses implementasi atau penerapan dari aplikasi ynag telah dirancang sebelumnya : 4.5.1. Human Assets Human assets merupakan salah satu faktor penting dalam menentukan keberhasilan suatu bisnis online, dibutuhkan tenaga kerja yang memiliki kemampuan dalam bidang komputer untuk mengelola website tersebut. Agar e-commerce dapat diimplementasikan dengan baik, diperlukan beberapa tenaga kerja dengan posisi sebagai : •
Web Administrator Bertanggung jawab atas pengelolaan semua konten yang ada pada website PD.
Duta HPL seperti informasi produk, penambahan atau pengurangan produk, kategori produk dan bertanggung jawab atas back end system. •
Web Programmer
124 Bertanggung jawab atas perbaikan bug yang terjadi pada website PD. Duta HPL serta bertanggung jawab atas pengembangan website ini. •
Customer Service Bertanggung jawab dalam melayani pelanggan, menerima kritik dan saran dari
pelanggan, melakukan pengecekan pembelian pelanggan, dan menerima konfirmasi pembayaran dari pelanggan. Ada 4 kegiatan umum yang dilakukan oleh perusahaan dalam menentukan tenaga kerja, antara lain : •
Recruitment Dalam proses recruitment, hal-hal yang perlu dilakukan adalah memasang iklan
pada website pencari tenaga kerja seperti jobsdb. •
Selection Kriteria untuk web administrator dan web programmer adalah fresh graduate
dari jurusan ilmu komputer dengan IPK min 3.00 dan menguasai web design dan PHP. sedangkan untuk customer service kriterianya adalah wanita dengan minimal pendidikan SMA serta memiliki pengalaman dalam memakai aplikasi komputer. •
Development Karyawan yang telah direkrut akan diberikan pelatihan dan penjelasan mengenai
proses bisnis perusahaan yang berjalan saat ini. 4.5.2. Processes
125 Proses merupakan pola dari interaksi, koordinasi, komunikasi dan pengambilan keputusan yang digunakan suatu organisasi sebagai patokan bagaimana pekerjaan dilakukan. •
Proses pemilihan nama domain Nama domain merupakan hal yang sangat penting dalam pembangunan suatu
website, untuk menggambarkar image perusahaan pada pelanggan, maka PD. Duta HPL membeli www.dutahpl.com sebagai nama domain untuk website ini. •
Proses penyewaan hosting Setelah melakukan pemilihan nama domain, langkah selanjutnya adalah
melakukan penyewaan hosting, PD. Duta HPL menggunakan www.dracoola.com karena memiliki reputasi dan layanan yang baik. •
Proses pembayaran Proses pembayaran dilakukan dengan cara transfer menggunakan bank BCA dan
Mandiri. 4.5.3. Systems Sistem adalah rutinitas atau prosedur yang dibangun untuk organisasi dan dapat dihubungkan dengan berbagai aspek dalam organisasi antara lain system requirements yang mencakup perangkat keras dan perangkat lunak yang akan digunakan. •
System architecture
126 Jenis arsitektur yang digunakan oleh client server centralized data. Jenis arsitektur ini dipilih karena tidak memerlukan biaya yang terlalu besar. Oleh karena itu, website ini akan menyewa hosting di www.dracoola.com sebagai server. Server hanya berfungsi sebagai tempat untuk menyimpan data dan setiap fungsi yang ada. Sedangkan untuk mengubah dan mengedit data di database hanya bisa dilakukan oleh admin. Admin dan server dihubungkan melalui internet. Client hanya dapat membaca dan memasukkan data yang akan diolah di server. •
Hardware requirements
Spesifikasi hardware yang disarankan adalah : o
Processor :
Intel Core 2 Duo 1.8Ghz
o
Memory :
1 GB
o
Storage
:
160 GB
o
Display
:
LCD Monitor
o
Input Device
o
Modem
•
Software requirements
:
Keyboard & Mouse
Perangkat lunak yang disarankan kepada pelanggan dalam mengakses website PD. Duta HPL adalah : o Browser : Mozilla Firefox, Google Chrome 4.5.4. Partnership Untuk mendukung proses pembayaran pada saat bertransaksi, PD. Duta HPL bekerja
sama
dengan
(www.bankmandiri.com).
bank
BCA
(www.klikbca.com)
dan
Mandiri
127
4.6 Metrics Metrics merupakan tahapan terakhir dalam melakukan perancangan e-commerce suatu perusahaan. Ada beberapa aspek yang harus diperhatikan dalam membuat metrics, yaitu pengukuran pada market opportunity, business model, market communication and branding, implementation, dan customer. 4.6.1. Market Opportunity Pengukuran terhadap market opportunity PD. Duta HPL dalam mengimbangi lingkungan yang selalu berubah-rubah antara lain •
terhadap :
Cakupan pasar yang akan dilayani Mempertimbangkan cakupan pasar atau segmen yang dituju www.dutahpl.com,
dalam hal ini segmentasi PD. Duta HPL adalah para pelanggan yang mempunyai toko bangunan, toko furniture.dan kontraktor bangunan yang berlokasi di DKI Jakarta. •
Menganalisa pesaing Mempelajari kondisi pesaing yang ada sekarang seperti bintanghpl.com,
globalhpl.com dan anugrah-hpl.com dan menganalisa keunggulan dan kelemahan dari mereka yang akan dijadikan sebagai pertimbangan dalam mengambil keputusan dan strategi.
128 •
Mengidentifikasi kebutuhan pelanggan Mengidentifikasi kebutuhan pelanggan yang belum terpenuhi yaitu kebutuhan
akan informasi yang lengkap dan up to date, efisiensi dalam mencari informasi produk, kebutuhan transaksi selama 24 jam. •
Perkembangan teknologi Mengikuti perkembangan teknologi yang ada, baik sekarang maupun yang akan
datang sehingga perusahaan dapat menyesuaikan diri dengan perkembangan tersebut dan memenuhi kebutuhan pelanggan. Contohnya : pada saat ini masyarakat sedang tren dalam menggunakan media sosial seperti facebook dan twitter, PD. Duta HPL memanfaatkan hal ini dengan membuat akun facebook dan twitter untuk memberikan informasi dan melayani pelanggan. 4.6.2. Business Model Pengukuran terhadap business model setelah sistem penjualan online diterapkan adalah : •
Fitur yang disediakan Meyakinkan pelanggan dengan menyediakan fitur yang memudahkan dalam
pencarian informasi produk, pembayaran dan pelayanan. •
Kelengkapan produk Memastikan bahwa produk yang ditawarkan akan di update secara berkala
sehingga kebutuhan pelanggan yang komplek akan terpenuhi.
129 •
Harga produk yang ditawarkan Memastikan harga yang ditawarkan sesuai dengan kualitas dari produk tersebut
sehingga dapat memberikan keunggulan kompetitif dari segi persaingan harga.
4.6.3. Market Communication and Branding Pengukuran ini dilakukan untuk menilai seberapa besar keberhasilan website ini. Tolak ukur yang akan digunakan dalam penilaian ini antara lain : •
Jumlah pelanggan yang mengunjungi website PD. Duta HPL Jika jumlah pelanggan yang mengakses www.dutahpl.com dalam kurun waktu
tertentu meningkat, maka hal ini mengindikasikan bahwa www.dutahpl.com dapat memenuhi kebutuhan dari pelanggan. •
Jumlah pelanggan yang melakukan transaksi secara online Jumlah pelanggan yang melakukan transaksi secara online dapat juga menjadi
acuan dalam menyimpulkan keberhasilan dari website ini. Jika semakin banyak pelanggan yang melakukan pembelian secara online, berarti website ini berhasil dalam memenuhi kebutuhan pelanggannya. •
Besarnya pendapatan yang didapat Besar kecilnya pendapatan yang didapat dari seluruh transaksi pada
www.dutahpl.com juga menjadi tolak ukur dari keberhasilan website ini. •
Jumlah biaya yang dikeluarkan
130 Jumlah biaya yang dikeluarkan untuk mengelola website ini juga menjadi suatu acuan dari keberhasilan website ini, apabila biaya yang dikeluarkan untuk melakukan maintenance, biaya tenaga kerja, dan biaya operasional lainnya tidak sebanding dengan pendapatan yang didapat dari website, maka website dianggap tidak berhasil. 4.6.4. Implementation Pengukuran terhadap kemudahan-kemudahan yang diberikan oleh website : •
Kecepatan akses dan banyaknya informasi yang diperoleh Kecepatan akses dari dutahpl.com dipengaruhi oleh banyak faktor. Dari segi
internal semakin banyak dan besar ukuran dari gambar akan membuat website menjadi lambat untuk diakses. Sedangkan dari segi eksternal, berhubungan dengan internet service provider yang digunakan. •
Kecepatan dalam merespon feedback Kecepatan respon dari customer service melalui live chat yahoo messenger
merupakan hal yang sangat menentukan keefektifan penggunaan sistem penjualan online, hal ini disebabkan karena maksud dan tujuan utama dari pengadaan sistem tersebut adalah agar pelanggan dapat memperoleh informasi dengan cepat. 4.6.5. Customer Pengukuran terhadap penilaian dan pandangan pelanggan terhadap website dan layanan yang diperoleh setelah sistem penjualan online diimplementasikan. •
Penilaian pelanggan terhadap tampilan website
131 Mengetahui pandangan pelanggan dalam melakukan penilaian terhadap tampilan website www.dutahpl.com, apakah tampilan yang sudah dirancang mudah digunakan.
•
Penilaian pelanggan terhadap kelengkapan dan kesesuaian fitur website Mengetahui penilaian pelanggan terhadap fitur-fitur yang disediakan oleh
www.dutahpl.com, apakah fitur yang ada sudah dapat memenuhi kebutuhan pelanggan, jika belum maka akan dilakukan pengembangan lebih lanjut. •
Penilaian terhadap kelengkapan dan keakuratan informasi Mengetahui penilaian pelanggan terhadap informasi produk tersedia di website,
apakah informasi yang diberikan tersebut lengkap, akurat dan membantu pelanggan. •
Penilaian terhadap kemudahan dalam melakukan transaksi Mengetahui apakah pelanggan mendapat kemudahan dalam melakukan transaksi
melalui www.dutahpl.com. Baik kemudahan dalam pencarian produk dan melakukan proses transaksi online melalui website ini. •
Penilaian terhadap kepuasan pelanggan Kepuasan pelanggan dapat dinilai dari peningkatan jumlah kunjungan terhadap
website www.dutahpl.com, saran dan kritik yang diberikan oleh pelanggan melalui layanan live chat yahoo messenger, dan peningkatan jumlah transaksi.
132
