ANALISIS DAN PERANCANGAN WEBSITE E-COMMERCE PADA PT. INTEGRATED

SYNERGY SYSTEMS

Tan Evando Glennesen Priatna Winata

Ivan Satrija Agustinna Yosanny, S.Kom., M.comp.Sc.

Universitas Bina Nusantara

Pendahuluan

Perkembangan teknologi saat ini sudah berkembang sangat pesat, terutama internet. Internet mulai masuk di Indonesia sekitar tahun 1990an, pada saat itu orang masih sangat jarang menggunakan internet dan bahkan banyak orang yang tidak tahu dengan manfaat internet tersebut.

Pada awal tahun 2000an, internet sudah dikenal dan banyak digunakan oleh orang Indonesia. Perkembangan internet yang semakin canggih ini membuat semua orang terpikat dengan manfaat internet yang sangat banyak. Internet banyak membantu semua orang untuk mencari sebuah informasi melalui sebuah website. Website merupakan suatu alat bantu untuk memuat dan menampilkan bermacam – macam informasi, baik berupa informasi yang sangat penting maupun yang biasa dan komersial maupun tidak komersial. Bukan hanya untuk itu saja, website juga digunakan untuk berkomunikasi, berbisnis dan bermain.

Pada tahun 2012, website yang sedang bersaing ketat adalah website komersial atau yang sering di kenal dengan nama web e-commerce. Web e-commerce merupakan sebuah website yang melakukan kegiatan jual beli secara online, dimana penjual dan pembeli tidak harus bertemu secara langsung untuk melakukan transaksi.

PT. Integrated Synergy Systems merupakan sebuah perusahaan web developer, dimana perusahaan ini bergerak dalam bidang jasa pembuatan website. Sudah banyak website yang dihasilkan oleh PT. Integrated Synergy Systems. Perusahaan ini ingin membuat sebuah website e-commerce yang berbeda dengan yang telah ada dengan nama X Supply Chain Management (XSCM). Tujuan dalam pembuatan skripsi tentang web e-commerce ini adalah untuk membuat sebuah web e-commerce yang bersistem B2B dan B2C untuk PT. Integrated Synergy Systems

Metode Penelitian

Melakukan studi pustaka dengan cara membaca, mencari, memahami, serta meringkas hal-hal yang berkaitan dengan skripsi ini seperti dari buku, jurnal online, artikel serta media cetak lainnya untuk memperoleh informasi yang dibutuhkan dalam perancangan website e-commerce ini.

Metode analisis yang digunakan adalah metode analisis SWOT (Strengths, Weaknesses, Opportunities, Threats ).

Metode perancangan web e-commerce ini menggunakan beberapa perancangan, yaitu : a. Perancangan sistem dengan UML b. Perancangan layar c. Perancangan database

Hasil dan Bahasan

Berikut adalah analisis SWOT (Strength, Weakness, Opportunity, Threads) yang bersumber dari PT. Integrated Synergy Systems.

� Strength (Kekuatan) 1. Website XSCM menawarkan dua service andalannya, yaitu sistem untuk keep track

payment status, dan whole sale system (harga dapat disesuaikan sesuai dengan jumlah barang yang dibeli / harga grosir)

� Weakness (Kelemahan) 1. Sistem pembayaran pada XSCM yang masih belum otomatis secara penuh seperti website

e-commerce terkenal yang menggunakan jasa kartu kredit ataupun paypal, yang menyebabkan masih dibutukannya sumber daya manusia sebagai admin yang harus mengecek secara manual apakah pembayaran sudah dilakukan atau belum.

2. PT. Integrated Synergy Systems belum mempunyai divisi yang khusus menangani website XSCM yang akan dibuat karena kekurangan sumber daya manusia.

� Opportunity (Peluang) 1. Pengguna internet di Indonesia yang bertambah setiap tahun 2. Pengguna e-banking yang semakin banyak di Indonesia 3. Jasa pengiriman barang sepertu TIKI dan JNE yang terpercaya 4. Sistem belanja online yang semakin dikenal dan digunakan di Indonesia

� Threads (Ancaman) 1. Banyaknya kompetitor yang sudah lebih dulu mulai dan terkenal, sehingga sulit untuk

bersaing. 2. Kepercayaan pembeli untuk belanja online yang menurun karena beberapa toko online

melakukan penipuan dan merugikan pembeli.

Untuk mengetahui apakah website XSCM dapat memberikan manfaat tersendiri. Kuesioner ini diisi oleh 24 orang calon pengguna website dan berikut adalah persentase hasil kuesionernya.

� Pertanyaan 1 Apakah layout dari website ini menarik? Jika tidak tolong jelaskan alasannya. a. Sangat menarik [1 Responden] b.Menarik [16 Responden] c. Kurang [6 Responden] d.Tidak menarik, karena ….. [1 Responden]

Gambar 4.189 Persentase Tampilan Layout Pada Website

Berdasarkan gambar di atas, dapat disimpulkan bahwa website ini menarik untuk penggunanya. � Pertanyaan 2

Apakah navigasi dari website ini memudahkan anda dalam menggunakan website ini? Jika sulit tolong jelaskan alasannya.

a. Sangat mudah [5 Responden] b.Mudah [19 Responden] c. Kurang [0 Responden] d.Sulit, karena ….. [0 Responden]

Gambar 4.190 Persentase Kemudahan Navigasi Pada Website

Berdasarkan hasil yang diperoleh dari gambar diatas, dapat disimpulkan bahwa navigasi dari website ini mudah untuk digunakan oleh pengguna.

� Pertanyaan 3 Apakah anda mengalami loading yang lama dalam mengakses halaman website ini? berapakah speed internet anda ?

a. Sangat lama, kecepatan ... Kbps [0 Responden] b.Lama, kecepatan ... Kbps [9 Responden] c. Cepat, kecepatan … Kbps [11 Responden] d.Sangat Cepat, kecepatan ... Kbps [13 Responden]

Gambar 4.191 Persentase Kecepatan Loading Halaman Pada Website Berdasarkan hasil yang diperoleh pada gambar diatas, dapat disimpulkan untuk membuka website ini sangat cepat bagi penggunanya dimana range kecepatan internet responden antara <1 Mbps sampai >6 Mbps.

� Pertanyaan 4 Berapa lama waktu yang anda habiskan untuk mempelajari penggunaan website ini ?

a. < 10 menit [14 Responden] b.10 - 20 menit [9 Responden] c. 20 - 30 menit [1 Responden] d.> 30 menit [0 Responden]

Gambar 4.192 Persentase Waktu Belajar Penggunaan Website

Berdasarkan gambar diatas, dapat disimpulkan bahwa untuk pengguna yang mencoba website ini untuk pertama kalinya cukup mudah dan tidak terlalu makan banyak waktu.

� Pertanyaan 5 Berapa banyak kesalahan yang terjadi saat anda mencoba sistem transaksi B2C dan B2B dari website ini? Dan kesalahan apa yang dilakukan?

a. < 5 kali, dan kesalahan yang dilakukan adalah ……. [20 Responden] b.5 – 10 kali, dan kesalahan yang dilakukan adalah ……. [3 Responden] c. 10 – 15 kali, dan kesalahan yang dilakukan adalah ……. [0 Responden] d.> 15 kali, dan kesalahan yang dilakukan adalah ……. [1 Responden]

Gambar 4.193 Persentase Banyak Kesalahan Pengguna Pada Website

Berdasarkan gambar diatas, dapat disimpulkan bahwa pengguna masih suka mengalami kesalahan dalam menggunakan website ini dan sebagian besar responden melakukan kesalahan input data.

� Pertanyaan 6 Apakah sistem pembayaran untuk B2B dan B2C dengan cara transfer ke rekening bank PT. Integrated Synergy Systems sudah cukup mudah? Jika tidak tolong jelaskan alasannya.

a. Ya [22 Responden] b.Tidak, karena …… [2 Responden]

Gambar 4.194 Persentase Kemudahan Sistem Pembayaran Pada Website

Berdasarkan gambar diatas, sistem pembayaran pada website ini cukup mudah bagi pengguna. � Pertanyaan 7

Apakah lama proses pemeriksaan pemesanan dan pembayaran untuk B2B dan B2C, yaitu 2x24 jam terlalu lama? Jika jawab ya atau kurang lama, berapa jam yang anda inginkan?

a. Ya, sebaiknya ….. jam [9 Responden] b.Tidak, waktunya sudah cukup [15 Responden] c. Kurang lama, sebaiknya ….. jam [0 Responden]

Gambar 4.195 Persentase Lama Waktu Proses Pemeriksaan Pada Website

Berdasarkan hasil diatas, waktu proses pemeriksaan pemesanan dan pembayaran untuk B2B dan B2C sudah pas bagi pengguna. Pengguna yang menjawab ya menginginkan waktu proses pemeriksaan 1x24 jam.

� Pertanyaan 8 Apakah sistem tawar menawar harga produk untuk transaksi B2B mudah digunakan? Jika sulit tolong jelaskan alasannya.

a. Sangat mudah [1 Responden] b.Mudah [14 Responden] c. Kurang [9 Responden] d.Sulit, karena ….. [0 Responden]

Gambar 4.196 Persentase Kemudahan Sistem Tawar Menawar B2B Pada Website

Berdasarkan gambar diatas, sistem tawar menawar pada transaksi B2B cukup mudah bagi pengguna.

� Pertanyaan 9

Apakah sistem notifikasi pada menu, membantu anda dalam mengecek status terbaru dari pesanan yang dilakukan? Jika tidak tolong jelaskan alasannya

a. Sangat membantu [5 Responden] b.Membantu [18 Responden] c. Kurang [1 Responden] d.Tidak, karena …. [0 Responden]

Gambar 4.197 Persentase Keberadaan Sistem Notifikasi Pada Menu Website

Berdasarkan persentase diatas, adanya sistem notifikasi cukup membantu bagi pengguna dalam mengecek status terbaru dari pesanan yang dilakukan.

� Pertanyaan 10 Apakah sistem manajemen toko, memudahkan anda untuk menjual produk dan mengatur toko? Jika sulit tolong jelaskan alasannya.

a. Sangat mudah [4 Responden] b.Mudah [17 Responden] c. Kurang [3 Responden] d.Sulit, karena ….. [0 Responden]

Gambar 4.198 Persentase Kemudahan Sistem Manajemen Toko Pada Website Berdasarkan gambar diatas, dapat disimpulkan untuk menjual produk dan mengatur toko cukup mudah bagi pengguna.

1. Konsistentsi Desain antarmuka website XSCM sudah memenuhi aturan pertama dari delapan aturan

emas. Dari segi bahasa yang digunakan website ini sudah cukup konsisten dengan memakai bahasa Indonesia untuk sebagian besar menu dan konten dalam website ini baik pada front end maupun back end.

Gambar 4.199 Screenshoot Halaman Tambah Toko

Gambar 4.200 Screenshoot Halaman Tambah Produk

Dapat dilihat pada halaman tambah produk dan tambah toko sudah cukup konsisten. Sebagian besar bahasa yang digunakan menggunakan bahasa Indonesia. Setiap tampilan antarmuka selalu terdiri dari header, footer dan content pada bagian tengahnya. Font serta ukurannya juga sudah konsisten pada setiap menu maupun submenu yang terdapat didalam website ini.

2. Menyediakan sebuah fungsionalitas yang bersifat universal Website ini belum memiliki sebuah fungsionalitas yang bersifat universal.

3. Memberikan umpan balik yang informative Timbal-balik (feedback) pada website ini dapat dilihat pada gambar dibawah ini.

Gambar 4.201 Screenshoot Halaman Konfirmasi Pembayaran

Feedback yang diberikan sudah informatif , memberitahu jika formulir tambah toko tersebut memiliki field-field yang harus diisi maupun field khusus seperti field yang hanya boleh diisi oleh angka

4. Merancang dialog untuk menghasilkan suatu penutupan

Gambar 4.202 Screenshoot Halaman Notifikasi Pemesanan

Dari gambar diatas, menunjukan sebuah umpan balik pada proses registrasi yang akan mengecek jika email sudah terdaftar dan dapat digunakan atau tidak. Jika email telah digunakan maka pesan kesalahan yang muncul akan berwarna merah.

5. Memberikan penangan kesalahan yang sederhana

Gambar 4.203 Screenshoot Halaman Ubah Data Pribadi

Pada gambar diatas, Muncul pesan kesalahan jika nomor telepon yang akan diedit bukan angka. Penanganan kesalahan sangat sederhana karena hanya memberikan pesan kesalahan agar formatnya sesuai dengan format nomor teleponnya

6. Memperbolehkan user kembali ke tindakan sebelumnya

Gambar 4.204 Screenshoot Halaman Produk Detail

Pada gambar diatas ditampilkan tombol kembali yang berfungsi untuk user kembali kehalaman pencarian sebelumnya agar user tidak perlu melakukan pencarian yang sama untuk mendapatkan hasil seperti sebelumnya

7. Mendukung tempat pengendali internal( Internal Locus of Control)

Gambar 4.205 Screenshoot Halaman Tambah Produk

Gambar 4.206 Screenshoot Halaman Ubah Data Diri

Gambar diatas menunjukan jika user yang berperan sebagai penjual dapat menambahkan produknya, mengubah data dirinya dalam sistem sesuai dengan keinginannya. User juga dapat berpindah-pindah ke semua menu dan tujuan dengan bebas pada website

8.Mengurangi beban ingatan jangka pendek

Gambar 4.207 Screenshoot Halaman Daftar Produk Per Kategori

Dari gambar diatas terlihat terdapat tombol yang bergambar keranjang, kertas yang ditumpuk dan juga kaca pembesar. Gambar-gambar atau icon yang ditampilkan pada halaman ini sudah dikenal dan diketahui kegunaan oleh pengguna. Sebagai contoh gambar keranjang untuk memasukan barang yang diinginkan didalam keranjang belanjaan dan tombol kaca pembesar untuk melihat detail dari produk pada halaman baru.

Simpulan dan Saran

Untuk website e-commerce yang dinginkan oleh PT. Integrated Synergy Systems maka dibuatlah website XSCM yang dapat menangani proses transaksi untuk B2B maupun B2C.

Website XSCM dapat menjadi wadah bertemunya para pembeli dan penjual untuk melakukan transaksi secara online. Untuk proses pembayaran transaksi XSCM berperan sebagai third party dimana pembeli membayar pesanan mereka ke PT.Integrated Synergy Systems yang kemudian diteruskan ke penjual, setelah pembeli mendapatkan barang pesanan mereka

Untuk pengembangan website XSCM , berikut beberapa saran yang perlu diperhatikan : 1. Menambah pilihan sistem pembayaran selain yang sudah ada. 2. Dilakukan promosi untuk membuat lebih banyak orang yang mengenal website XSCM 3. Desain user interface harus lebih dikembangkan agar lebih mudah dipakai oleh para

pengguna. 4. Jaringan keamanan harus diperhatikan agar data-data tidak bisa dirusak oleh orang yang tidak

bertanggung jawab

Referensi Atzeni, P. (2003). Database System : Concepts, Languages, & Architectures

(1st ed.). New York: McGraw-Hill. Connolly, T., & Begg, C. (2005) Database Systems : A Practical Approach to

Design,Implementation and Management (4th ed.). New Jersey: Pearson Education. Connolly, T., & Begg, C. (2010). Database Systems : A Practical Approach to

Design,Implementation and Management (5th ed.). New Jersey: Pearson Education. Date, C. J. (2004). Database in Depth: Relational Theory for Practitioners (1st ed.).

California: O'Reilly. Departemen Pendidikan Nasional. (2002). Kamus Besar Bahasa Indonesia. (3th ed.).

Jakarta: Perusahaan Umum Balai Pustaka. Eddy S (2003). Laporan Teknis Berkala Komputerisasi Akuntansi Vol. 11 No. 3,

September. Strategi dalam menghadapi Ecommerce sebagai Peluang Bisnis Abad ke 21. Forta, B. (2006). MySQL Crash Course. New York: Sams.

Hoffer, J., Prescott, M., & Topi, H. (2009). Modern Database Management (9th ed.). New Jersey: Pearson Education.

Holzner, S. (2009). Ajax: A Beginner’s Guide. New York: McGraw-Hill. Holzner, S. (2009). JQuery: Visual QuickStart Guide. California: PeachPit Press. Kadir, A. (2003). Dasar Pemrograman Web Dinamis Menggunakan PHP (1st ed.).

Yogyakarta: Andi. Kotler, P. And Armstrong, G. (2008). Prinsip-Prinsip Pemasaran. (12th ed.).

Jakarta: Erlangga. Lea Sulaiman Saputra (2002). Laporan Teknis Berkala Komputerisasi Akuntansi

Vol. 10No. 4, Desember. Penerapan E-Commerce dalam Perusahaan. McFarland, D. S. (2011). Dreamweaver CS5.5: The Missing Manual. California: O’Reilly. Pressman, R. (2005). Software Engineering : A Practitioner's Approach.

(6th ed.). New York: McGraw-Hill. Pressman, R. S. (2010). Software Engineering: A Practitioner’s Approach. (7th ed.).

New York: McGraw-Hill. Rainer, Jr, R, K., Turban, E., & Potter, R, E. (2007) Introduction To Informastion

Systems: Supporting and Transforming Business (1st ed.). USA : Wiley & Sons. Ramakrishnan, R., & Gehrke, J. (2003). Database Management System (3rd ed.).

New Yok: McGraw-Hill. Sidik, Betha. (2012). Framework CodeIgniter. Bandung: Informatika Bandung. Shneiderman, B. (2010). Designing the User Interface: Strategies for Effective

Human-Computer Interaction (5th ed.). Pearson Publisher. Vaughan, T. (2008). Multimedia: Making It Work (7th ed.). New York: McGraw-Hill Vugt, S. V. (2008). Beginning Ubuntu LTS Server Administration: From Novice to

Professional. (2th ed.). New York: Apress. Whitten, J., Bentley, L., & Dittman, K. (2007). System Analysis and Design Methods

(7th ed.). New York: McGraw-Hill.

Riwayat Penulis Tan Evando Glennesen lahir di kota Cirebon pada 12 Juni 1991. Penulis menamatkan pendidikan S1 di BINUS dalam bidang Computer Science pada 2013. Saat ini bekerja sebagai web designer di PT.Integrated Synergy Systems. Priatna Winata lahir di kota Makassar pada 17 Januari 1991. Penulis menamatkan pendidikan S1 di BINUS dalam bidang Computer Science pada 2013. Saat ini bekerja sebagai programmer di PT.Integrated Synergy Systems. Ivan Satrija lahir di kota Palembang pada 19 Agustus 1991. Penulis menamatkan pendidikan S1 di BINUS dalam bidang Computer Science pada 2013. Saat ini bekerja sebagai programmer di PT.Integrated Synergy Systems.