BAB 4 PERANCANGAN SISTEM. 4.1 Identifikasi fitur-fitur kebutuhan pelanggan

Transkripsi

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

2 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 % 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 % 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.

3 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 % 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 % Sumber : Kuesioner

4 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 % 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 Pilihan jawaban Frekuensi Persentase Penting 45 79% Tidak Penting 12 21% Total %

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

6 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 Pilihan jawaban Frekuensi Persentase Penting 41 72% Tidak Penting 16 28% Total % 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 Pilihan jawaban Frekuensi Persentase

7 84 Penting 44 77% Tidak Penting 13 23% Total % 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 % 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.

8 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 % 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 % Sumber : Kuesioner Hasil kuesioner menunjukkan bahwa terdapat 93% atau 53 responden menjawab penting untuk memiliki fitur untuk melihat status pembelian yang telah

9 dilakukan, dan 7% atau 4 orang menjawab tidak penting, sehingga dapat ditarik kesimpulan bahwa fitur untuk mengetahui status pembelian perlu dibangun Pentingkah bagi bapak/ibu untuk melihat transaksi-transaksi yang sudah pernah dilakukan? Tabel 4.15 Melihat history transaksi Pilihan jawaban Frekuensi Persentase Penting 48 84% Tidak Penting 9 16% Total % 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 % Sumber : Kuesioner

10 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 dominant Functionally dominant Integrated Content Product dominant Information Dominant Service Dominant Community Nonexistent Limited Strong Customization Generic Moderately customize Highly customized Communication One To many non responding user One to many responding user One to one, nonrespondi ng user One To One Responding User Connection Destination Hub Portal Commerce Low Medium High

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

12 pertanyaan-pertanyaan yang sering ditanyakan pelanggan seperti retur barang, pengiriman barang dan proses pemesanan barang. 89 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

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

14 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 Appeal mix Gambar 4.2 Rancangan UI offering mix Appeal mix mengacu pada pesan promosi dari perusahaan. Website PD. Duta HPL menampilkan produk-produk terbaru pada halaman home.

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

16 93 Timeliness Mix Gambar 4.4 Rancangan UI Timeliness mix 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 Customization

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

18 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

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

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

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

22 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

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

24 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

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

26 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

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

28 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

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

30 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

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

32 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

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

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

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

36 113 Sitemap 1. Front End Home About Us Home Product How to Buy FAQ Terms & Condition Gambar 4.32 Sitemap user sebelum login

37 114 Home About Us Product My Account Home Shopping Cart 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 Home Manage Order List Product Category Product Payment List Gambar 4.34 Sitemap admin

38 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 Description Username Text PK Username Nama_Lengkap Text Nama lengkap Alamat Varchar (50) Alamat pelanggan Text pelanggan Telepon Varchar No telepon (50) pelanggan Password Text Password

39 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) PK Kode produk NamaProduk text Nama produk KodeJenisProduk text Kode kategori produk Harga Int (11) Harga produk Gambar text Gambar produk Tipe text Tipe dari produk

40 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) Key Description KodeTransaksi Int(11) PK Kode transaksi setiap user Username Varchar(100) Username pelanggan yang melakukan pembelian Tanggal date Tanggal pembelian Status Varchar(20) Status pembelian

41 Tabel detailcart Tabel 4.23 tabel database detailcart Field Type (Size) Key Description KodeTransaksi Int(11) PK Kode transaksi setiap user KodeProduk Int(11) Kode produk yang dibeli Jumlah Int(11) Jumlah yang dibeli 7. Tabel payment Tabel 4.24 tabel database payment Field Type (Size) Key Description Username Varchar(50) PK Username pelanggan yang melakukan pembayaran Total_Pembayaran Int(20) Total pembayaran yang dilakukan pelanggan No_Rek Varchar(40) No rekening pelanggan yang melakukan pembayaran Nama Varchar(30) Pembayaran dengan menggunakan nama apa Bank Varchar(15) Bank yang digunakan dalam melakukan pembayaran (transfer) Tanggal date Tanggal pembayaran (transfer)

42 Tabel chat Tabel 4.25 tabel database chat Field Type (Size) Key Description Username Text PK Username pelanggan Date Date Tanggal chat yang diposting Chat Text Isi chat 4.4 Market Communication and Branding 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 secara pribadi kepada para pelanggan yang terdaftar sebagai member. bisa berupa promosi produk maupun informasi produk terbaru.

43 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. Individualize Audience Direct Sales Traditional mass marketing Spanduk Offline Personalized General online approach Facebook Twitter 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.

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

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

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

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

48 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 sebagai nama domain untuk website ini. Proses penyewaan hosting Setelah melakukan pemilihan nama domain, langkah selanjutnya adalah melakukan penyewaan hosting, PD. Duta HPL menggunakan karena memiliki reputasi dan layanan yang baik. Proses pembayaran Proses pembayaran dilakukan dengan cara transfer menggunakan bank BCA dan Mandiri 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

49 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 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 : Keyboard & Mouse o Modem Software requirements Perangkat lunak yang disarankan kepada pelanggan dalam mengakses website PD. Duta HPL adalah : o Browser : Mozilla Firefox, Google Chrome Partnership Untuk mendukung proses pembayaran pada saat bertransaksi, PD. Duta HPL bekerja sama dengan bank BCA ( dan Mandiri (

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

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

52 129 Harga produk yang ditawarkan Memastikan harga yang ditawarkan sesuai dengan kualitas dari produk tersebut sehingga dapat memberikan keunggulan kompetitif dari segi persaingan harga 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 dalam kurun waktu tertentu meningkat, maka hal ini mengindikasikan bahwa 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 juga menjadi tolak ukur dari keberhasilan website ini. Jumlah biaya yang dikeluarkan

53 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 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 Customer Pengukuran terhadap penilaian dan pandangan pelanggan terhadap website dan layanan yang diperoleh setelah sistem penjualan online diimplementasikan. Penilaian pelanggan terhadap tampilan website

54 131 Mengetahui pandangan pelanggan dalam melakukan penilaian terhadap tampilan website apakah tampilan yang sudah dirancang mudah digunakan. Penilaian pelanggan terhadap kelengkapan dan kesesuaian fitur website Mengetahui penilaian pelanggan terhadap fitur-fitur yang disediakan oleh 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 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 saran dan kritik yang diberikan oleh pelanggan melalui layanan live chat yahoo messenger, dan peningkatan jumlah transaksi.

55 132