PENGEMBANGAN E-COMMERCE KHUSUS KOMUNITAS SEPEDA FIXED GEAR (MUVEST BIKE SHOP)
MUHAMMAD HAIKAL DZULFIKRI
DEPARTEMEN ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM INSTITUT PERTANIAN BOGOR BOGOR 2014
PERNYATAAN MENGENAI SKRIPSI DAN SUMBER INFORMASI SERTA PELIMPAHAN HAK CIPTA* Dengan ini saya menyatakan bahwa skripsi berjudul Pengambangan eCommerce Khusus Komunitas Sepeda Fixed Gear (Muvest Bike Shop) adalah benar karya saya dengan arahan dari komisi pembimbing dan belum diajukan dalam bentuk apa pun kepada perguruan tinggi mana pun. Sumber informasi yang berasal atau dikutip dari karya yang diterbitkan maupun tidak diterbitkan dari penulis lain telah disebutkan dalam teks dan dicantumkan dalam Daftar Pustaka di bagian akhir skripsi ini. Dengan ini saya melimpahkan hak cipta dari karya tulis saya kepada Institut Pertanian Bogor. Bogor, 8 Juli 2014 Muhammad Haikal Dzulfikri NIM G64090107
ABSTRAK MUHAMMAD HAIKAL DZULFIKRI. Pengembangan e-Commerce Khusus Komunitas Sepeda Fixed Gear. Dibimbing oleh IRMAN HERMADI. Popularitas dari toko online saat ini semakin luas. Hal ini dapat dilihat dari semakin banyak bermunculan toko online. Penelitian ini bertujuan untuk mengembangkan sebuah sistem e-commerce berbasis web yang menjual part sepeda khusus untuk komunitas fixed gear, yaitu Muvest Bike Shop. Muvest Bike Shop dikembangkan dengan pendekatan Prototyping dan diimplementasikan dengan menggunakan Content Management System (CMS) Prestashop 1.5.6.2. kami berharap website e-commerce Muvest Bike Shop ini dapat mempermudah pengguna sepeda fixed gear untuk membeli part sepeda yang dibutuhkan dan pengiriman pembelian yang dilakukan secara langsung ke alamat pelanggan menggunakan bike messenger. Kata kunci: e-commerce, fixed gear, online shop, sepeda
ABSTRACT MUHAMMAD HAIKAL DZULFIKRI. Developing e-Commerce For Fixed Gear Bike Community. Supervised by IRMAN HERMADI. Popularity of online shop becomes more wide. It can be seen from more popping up of online shop. This research is to develop web based e-commerce system that sale bike part for fixed gear community, Muvest Bike Shop. It was develop using prototyping approach and implemented using Content Management System (CMS) Prestashop 1.5.6.2. We hope this e-commerce website Muvest Bike Shop can make easy way for customer purcash bike part that he/she need, and product shipped direct to customer address using bike messenger.
Keywords: e-commerce, fixed gear, online shop, bicycle
PENGEMBANGAN E-COMMERCE KHUSUS KOMUNITAS SEPEDA FIXED GEAR (MUVEST BIKE SHOP)
MUHAMMAD HAIKAL DZULFIKRI
Skripsi sebagai salah satu syarat untuk memperoleh gelar Sarjana Ilmu Komputer pada Departemen Ilmu Komputer
DEPARTEMEN ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM INSTITUT PERTANIAN BOGOR BOGOR 2014
Penguji : 1. Ir Meuthia Rachmaniah, MSc 2. Rina Trisminingsih, SKomp, MT
Judul Skripsi : Pengembangan e-Commerce Khusus Komunitas Sepeda Fixed Gear (MUVEST BIKE SHOP) Nama : Muhammad Haikal Dzulfikri NIM : G64090107
Disetujui oleh
Irman Hermadi, SKom MS PhD Pembimbing
Diketahui oleh
Dr Ir Agus Buono, MSi MKom Ketua Departemen
Tanggal Lulus:
PRAKATA Puji dan syukur penulis panjatkan kepada Allah subhanahu wa ta’ala atas segala karunia-Nya sehingga karya ilmiah ini berhasil diselesaikan. Tema yang dipilih dalam penelitian yang dilaksanakan sejak bulan November 2013 ini ialah Sistem Informasi, dengan judul Pengembangan e-Commerce Khusus Komunitas Fixed Gear. Terima kasih penulis ucapkan kepada Bapak Irman Hermadi, SKom MS PhD selaku dosen pembimbing, ibu Ir. Meuthia Rachmaniah, MSc dan ibu Rina Trisminingsih, SKomp MT selaku dosen penguji. Ungkapan terima kasih juga disampaikan kepada ayahanda Taufik Hidayat dan ibunda Dedeh Sukmawati, Kakak dan adik tercinta, Desthi Nur Balqis Iklima, Syifa Aulia Azka yang telah memberikan semangat dan mengingatkan untuk menyelesaikan tugas akhir ini. Ulfa Nikmatiya yang dengan sabar menemani dan menyemangati. Melina yang telah membantu dan teman – teman ilkom lainnya. Semoga karya tulis ini dapat bermanfaat dan memberikan kontribusi positif untuk perkembangan e-commerce di Indonesia, khususnya bagi komunitas sepeda fixed gear.
Bogor, 8 Juli 2014 Muhammad Haikal Dzulfikri
DAFTAR ISI DAFTAR TABEL
vi
DAFTAR GAMBAR
vi
DAFTAR LAMPIRAN
vi
PENDAHULUAN
1
Latar Belakang
1
Perumusan Masalah
2
Tujuan Penelitian
2
Manfaat Penelitian
2
Ruang Lingkup Penelitian
2
METODE PENELITIAN
2
Komunikasi
3
Rencana Cepat dan Pemodelan Rancang Cepat
4
Konstruksi Prototipe
4
Penyerahan Produk dan Pengumpulan Umpan Balik
5
HASIL DAN PEMBAHASAN
5
Komunikasi
5
Rencana Cepat dan Pemodelan Rancang Cepat
7
Konstruksi Prototipe
11
Penyerahan Produk dan Pengumpulan Umpan Balik
13
SIMPULAN DAN SARAN
13
Simpulan
13
Saran
13
DAFTAR PUSTAKA
14
DAFTAR TABEL 1 2 3
Kebutuhan Pengguna Kebutuhan Fungsional Kebutuhan Non-Fungsional
6 7 7
DAFTAR GAMBAR 1 2 3 4 5 6 7 8 9
Metode Prototyping (Pressman 2010) Proses Bisnis Muvest Bike Shop Diagram Konteks DFD level 1 DFD level 2 Entity Relationship Diagram Antarmuka Halaman Awal Muvest Bike Shop Modul Pembayaran Rekening Bersama Blackpanda Modul Pemilihan Bahasa
8 9 9 10 11 11 12 12
DAFTAR LAMPIRAN 1 2 3 4
Instalasi Prestashop 1.5.6.2 Antarmuka Muvest Bike Shop Skenario Pengujian Hasil Pengujian
15 17 19 20
PENDAHULUAN Latar Belakang Sepeda fixed gear atau single speed bicycle memliki satu gear (gigi) dengan mekanisme gear yang tetap (fixed-gear bicycle / fixed-wheel bicycle), sehingga putaran kaki tetap mengikuti putaran roda belakang Sheldon Brown (2014). Sepeda fixed gear dirancang dengan sistem brakeless (minim pengereman). Hal ini sesuai dengan kegunaannya, pada sekitar tahun 1948 sebagai track bike (sepeda balap) dan velodrome sebagai arena. Sekitar tahun 1950 single speed bicycle / fixed gear mulai digunakan di Australia dan sebagian negara di Amerika, sebagai time trials (uji kecepatan waktu). Beberapa tahun belakangan ini, sepeda fixed gear menjadi pilihan untuk berolahraga sebagai urban sport. Semakin banyaknya komunitas pengguna sepeda, akan meningkatkan pula permintaan pada kebutuhan part sepeda. Begitu pula dengan komunitas sepeda fixed gear. Penjualan secara online menjadi hal yang paling diminati untuk memenuhi kebutuhan part sepeda tersebut. Dewasa ini, banyaknya komunitas sepeda khususnya fixed gear, memberi peluang dalam penjualan spare part sepeda. Penjualan yang ada saat ini masih menggunakan kaskus dan twitter sebagai media penjualan dan promosi. Kekurangan yang masih dimiliki oleh media tersebut, menjadi kendala bagi penjual dan pembeli spare part sepeda dalam melakukan transaksi. Aplikasi ini dibuat sebagai sarana khusus untuk komunitas sepeda fixed gear untuk mencari part, aksesoris sepeda atau sepeda secara keseluruhan. Muvest Bike Shop dibuat dengan basis web e-commerce sebagai toko virtual, sehingga memudahkan akses tanpa harus datang secara langsung ke toko. Produk yang ada dalam Muvest Bike Shop dapat ditelusuri dan dipilih oleh pelanggan yang kemudian dikumpulkan dalam keranjang belanja. Dilihat dari aspek pemasaran maupun pengelolaan, penjualan secara konvesional masih dirasa lebih mahal. Popularitas dari pasar online tidak menunjukkan ada tanda penurunan peminat, jadi sekarang mungkin waktu yang tepat untuk berjualan melalui online GeoTrust (2011). Oleh karena itu, ecommerce dapan digunakan sebagai paradigma baru dalam sistem penjualan dan pemasaran. Dengan kemajuan teknologi yang ada saat ini, dapat memberikan kemudahan untuk melakukan penjualan dan pembelian melalui online. Toko online part sepeda fixed gear yang sudah ada masih belum dapat memberikan kemudahan dalam bertransaksi. Toko online yang sudah ada masih menggunakan sistem transaksi secara manual, yaitu proses yang dilakukan dengan cara menghubungi lewat telepon atau SMS. Keterbatasan proses transaksi tersebut yang masih dirasa kurang efisien dalam hal waktu. Pengembangan e-commerce Muvest Bike Shop ditujukan untuk mengatasi keterbatasan tersebut, dengan sistem transaksi yang dilakukan secara online. Dalam implementasi web Muvest Bike Shop, menggunakan Content Management System (CMS) e-commerce yang populer di negeri ini, yaitu Prestashop. Prestashop memiliki fitur yang cukup dan beberapa modul gratis standard. Modul yang disediakan oleh Prestashop, modul produk, kategori, keranjang belanja, dan pembayaran menggunakan check. Selain itu, akan dibuat modul tambahan seperti modul pembayaran menggunakan salah satu bank BCA di
2 Indonesia dan modul pemilihan bahasa untuk menyempurnakan website ecommerce yang akan dibangun, dan juga sudah ada developer dari indonesia dan sub forum berbahasa indonesia yang memudahkan pengguna untuk belajar tentang pembuatan modul Prestashop. Perumusan Masalah Berdasarkan latar belakang, dapat dirumuskan permasalahan dalam penelitian ini adalah bagaimana membangun e-commerce khusus untuk komunitas yang memberikan kemudahan lebih untuk komunitas itu sendiri. Melengkapi kekurangan dari online shop yang sudah ada, yaitu transaksi dilakukan masih secara manual. Bagaimana memfasilitasi komunitas sepeda fixed gear sebagai tempat one stop buying part sepeda fixed gear. Tujuan Penelitian Tujuan dari penelitian ini untuk mengembangkan e-commerce berbasis web, Muvest Bike Shop. Menyediakan part sepeda fixed gear. Memberi kenyamanan bagi pengguna dalam transaksi secara online, dan kemudahan pengiriman barang menggunakan kurir sepeda (bike messenger) Manfaat Penelitian Manfaat dari penelitian ini adalah: 1 Memudahkan pengguna dalam mencari part sepeda yang dibutuhkan. 2 Pengguna dapat melakukan transaksi pembelian part sepeda yang dibutuhkan dengan sistem yang dikembangan. 3 Pengiriman barang menggunakan bike messenger, sehingga meningkatkan kekerabatan antar pengguna sepeda fixed gear dan menjaga after sales service. Ruang Lingkup Penelitian Ruang lingkup penelitian ini adalah membuat sistem berbasis website yang dapat menjadi tempat bagi komunitas sepeda fixed gear berbelanja secara online dengan batasan – batasan sebagai berikut. 1 Pengembangan sistem menggunakan pendekatan prototyping. 2 Sistem yang dikembangkan berbasis web menggunakan teknologi Prestashop dan penambahan modul pembayaran menggunakan bank BCA, rekening bersama, dan modul pemilihan bahasa.
METODE PENELITIAN Metode yang digunakan pada penelitian ini adalah Prototyping Gambar 1. Metode ini terdiri dari 4 tahapan, yaitu Komunikasi (Communication) yang merupakan tahap analisis, Rencana Cepat dan Permodelan Rancang Cepat (Quick plan dan Modelling Quick Design) yang merupakan tahapan perencanaan desain, Konstruksi Prototipe (Contruction of Prototype) tahap prototipe sistem, dan Penyampaian Produk dan Umpan Balik (Deployment Delivery & Feedback) yang
3
Gambar 1 Metode Prototyping (Pressman 2010) merupakan tahap pengujian. Pendekatan secara prototipe lebih efektif, karena identifikasi rumusan masalah secara tepat dapat mengurangi perputaran siklus evaluasi, sehingga pengembangan menjadi lebih singkat (Pressman 2010). Tahapan pertama dari metode ini merupakan tahapan analisis. Mencakup identifikasi masalah dan analisis kebutuhan informasi. Identifikasi masalah dilakukan untuk mendapatkan deskripsi umum sistem dan analisis kebutuhan informasi. Analisis kebutuhan informasi adalah menentukan informasi yang dibutuhkan oleh pengguna sistem. Analisis kebutuhan sistem merupakan rancangan dasar sebuah sistem yang kemudian tulisankan dalam bentuk aliran proses bisnis. Analisis kebutuhan informasi ini meliputi kebutuhan informasi bagi Administrator, Pengunjung, dan Pelanggan. Analisis kebutuhan melibatkan informasi produk, informasi kategori, pemesanan dan pengiriman produk. Penyusunan analisis sistem ini, dilakukan dengan wawancara dengan pemilik Muvest Bike Shop secara langsung untuk pengumpulan data analisis. Pada metode dengan pendekatan prototyping ada interaksi antara pengembang dan client. Pengembangan disesuaikan dengan keinginan client. Maka dalam pengembangannya jika pada tahapan akhir client merasa sesuai dengan yang diharapkan maka pengembangan selesai. Kemudian jika selanjutnya akan dilakukan perbaikan pada sistem, dapat dilakukan pengembangan berikutnya.
Komunikasi Dalam tahapan pertama dari metode ini dilakukan proses analisis. Mencakup identifikasi masalah dan analisis kebutuhan informasi. Identifikasi masalah dilakukan untuk mendapatkan deskripsi umum sistem dan analisis kebutuhan informasi. Analisis kebutuhan informasi adalah menentukan informasi yang dibutuhkan oleh pengguna sistem. Analisis kebutuhan sistem merupakan rancangan dasar sebuah sistem yang kemudian tulisankan dalam bentuk aliran
4 proses bisnis. Analisis kebutuhan informasi ini meliputi kebutuhan informasi bagi Administrator, Pengunjung, dan Pelanggan. Analisis kebutuhan melibatkan informasi produk, informasi kategori, pemesanan dan pengiriman produk. Penyusunan analisis sistem ini, dilakukan dengan wawancara dengan pemilik Muvest Bike Shop secara langsung untuk pengumpulan data analisis. Hasil yang akan didapatkan dari proses komunikasi ini selanjutnya akan dibuat proses bisnis, tabel kebutuhan fungsional dan non fungsional serta tabel kebutuhan pengguna. Dari hasil analisis tersebut yang nantinya akan dijadikan landasan dari pembuatan sistem. Rencana Cepat dan Pemodelan Rancang Cepat Pada tahapan ini dibuat rancangan desain dari sistem Muvest Bike Shop. Desain perancangan sistem dimulai dengan perancangan Data Flow Diagram (DFD), dan entity relationship diagram (ERD). Diagram konteks (DFD level 0) yang merupakan permodelan dasar dari sistem secara keseluruhan sebagai interaksi antara sistem dengan entitas eksternal terhadap batasannya Pressman (2010). DFD level 1. Pada tahap desain dibuat perancangan fondasi sistem. Diawali dengan diagram konteks yang merupakan permodelan dari diagram aliran proses, kemudian dikembangkan menjadi DFD level 1 sebagai perluasan diagram aliran proses pada diagram konteks. Hasil dari tahapan ini merupakan rancangan proses bisnis yang digunakan sebagai aliran proses dari sistem Muvest Bike Shop. Rancangan DFD, dan ERD memberikan gambaran alur proses antara pengguna sistem dan web Muvest Bike Shop serta struktur database perancangan sistem. Rancang cepat yang sudah dirancang sesuai dengan kesepakatan pengembang dan pengguna selanjutnya akan mulai dikembangkan pada tahap konstruksi prototipe. Konstruksi Prototipe Pada tahapan konstruksi prototipe, dikembangkan sistem berbasis website Muvest Bike Shop berdasarkan permodelan desain yang sudah dirancang. Pembuatan antarmuka sistem yang memudahkan pengguna dalam mengakses Muvest Bike Shop. Pada proses prototipe dikembangkan antarmuka sistem dan modul sebagai fungsi utama sistem. Setelah program selesai baik itu sebagian maupun secara keseluruhan, maka dilakukan proses pengujian dengan metode black box. Pengujian dengan metode black box dilakukan oleh client pada prototipe yang sudah dibuat pengembang, yang bertujuan untuk melihat apakah program tersebut terdapat kesalahan atau tidak sebelum diaplikasikan, serta mengetahui sejauh mana aplikasi ini dapat bekerja dengan baik dan dapat memenuhi tujuan yang ingin dicapai oleh client. Dalam mengembangkan website Muvest Bike Shop, perangkat lunak yang digunakan adalah sebagai berikut: Prestashop 1.5.6.2, software open source yang digunakan dalam membangun website e-commerce Modul pembayaran melalui bank BCA, rekening bersama Blackpanda, dan modul pemilihan bahasa. Modul tersebut merupakan modul yang
5
dikembangkan sendiri dan digunakan untuk fitur tambahan yang dibutuhkan dalam website e-commerce Xampp, software web server apache yang didalamnya sudah tersedia database server mysql dan support php programming Notepad ++, digunakan untuk mengubah coding yang perlu diganti Photoshop dan Corel Draw X5 digunakan untuk membuat desain tampilan dan logo banner Muvest Bike Shop pada website. Penyerahan Produk dan Pengumpulan Umpan Balik
Pada tahap ini web yang sudah dibuat diserahkan kepada client. Client bisa memberikan tanggapan akan sistem yang sudah dibuat serta persetujuan mengenai sistem tersebut. Pengujian sistem oleh client sangat diperlukan supaya sistem yang dikembangkan dapat memberikan kepuasan kepada client. Untuk melihat fungsi yang sudah berjalan maka dilakukan pengujian dengan metode black box yang dilakukan oleh client, bila ada perbaikan dan penambahan pada sistem maka akan langsung disampaikan kepada pengembang untuk selanjutnya dilakukan perbaikan kembali. Hasil dari pengujian secara black box adalah sebuah tabel pengujian.
HASIL DAN PEMBAHASAN Pada penelitian ini dilakukan beberapa tahapan yang harus dilalui pada pendekatan prototipe. Tahapan dilakukan untuk mendapatkan hasil yang sesuai dengan kebutuhan client. Berikut adalah hasil penelitian yang dilakukan untuk mengembangkan website Muvest Bike Shop. Komunikasi Pengumpulan Informasi Pada tahap komunikasi dilakukan pengumpulan informasi untuk memperoleh sistem yang selanjutnya akan dikembangkan berdasarkan kebutuhan pengguna kebutuhan dari web Muvest Bike Shop. Informasi kebutuhan diperoleh dengan diskusi dengan client dan pengguna sepeda fixed gear, dan referensi dari web blog penjual part sepeda fixed gear, diantaranya: sumvelo.com dan alphalabcrew.com. Data yang didapatkan dari referensi tersebut dijadikan sebagai data utama yang diacu pada sistem Muvest Bike Shop. Pengumpulan informasi dengan diskusi pengguna fixed gear dan client untuk mengklarifikasi serta mengkonfirmasi dan penyesuaian fungsi-fungsi yang dikembangkan. Pengguna fixed gear yang diwawancarai adalah pengguna fixed gear yang biasa melakukan pembelian part sepeda. Data yang didapatkan diantaranya adalah sebagai berikut: Info produk, terdiri atas gambar produk, deskripsi produk, dan spesifikasi produk. Dalam spesifikasi produk terdapat info mengenai warna, ukuran, dan informasi lainnya
6
Info kategori produk, pengumpulan kategori produk dilakukan untuk mengelompokan produk berdasarkan jenisnya. Terdiri atas Frame, Drivetrain, Stem and Handlebar, dan Wheelset. Info profil perusahaan, untuk mempermudah komunikasi pelanggan dalam memberikan saran, kritik atau masukan dan untuk memperoleh informasi. Biasanya menggunakan nomor HP, telepon, dan alamat email. Info pembayaran, menunjukkan bagaimana proses pembayaran bank dan pembayaran melalui rekening bersama yang dapat digunakan untuk melakukan pembayaran. Informasi pengiriman barang menggunakan kurir sepeda (bike messenger). Hasil dari diskusi dan analisi kebutuhan informasi, didapatkan proses bisnis dari sistem Muvest Bike Shop. Oleh karena itu sistem yang akan dikembangkan sebagai proses bisnis untuk toko online Muvest Bike Shop adalah sebagai berikut: 1 Muvest Bike Shop diakses secara online sehingga memudahkan pelanggan untuk memesan dan berbelanja busana muslimah. 2 Pengguna dapat melakukan pendaftaran sebagai member pada Muvest Bike Shop. 3 Pengguna dapat melakukan pembelian, edit pembelian produk pada Muvest Bike Shop. 4 Pembayaran transaksi pada Muvest Bike Shop dapat menggunakan pembayaran melalui salah satu bank swasta dan rekening bersama. 5 Barang dikirim ke alamat tujuan dengan menggunakan bike messenger. Identifikasi Pengguna dan Fungsi Sistem Identifikasi kebutuhan pengguna diperlukan agar terlihat perbedaan dari masing-masing pengguna dalam menggunakan sistem sesuai dengan keperluan pengguna. Dalam sistem ini, pengguna dibagi menjadi tiga sesuai hak aksesnya, pengunjung, pelanggan dan administrator. Pengunjung adalah pengguna yang hanya dapat melihat tampilan website dan produk. Pelanggan adalah pengguna yang dapat melihat tampilan, melakukan login, melihat dan membeli produk. Administrator adalah pengguna yang dapat mengubah, menambah, menghapus produk dan kategori. Pengembangan sistem memerlukan identifikasi kebutuhan pengguna agar sistem yang dikembangkan sesuai dengan keperluan pengguna. Kebutuhan pengguna merupakan jumlah konten objek pada suatu fungsi dalam sebuah halaman Pressman (2010). Hasil analisis kebutuhan pengguna dapat dilihat pada Tabel 1. Kebutuhan fungsional menggambarkan layanan yang tersedia pada sistem, dan memperlihatkan fungsi penggunanya maka dapat dilihat pada Tabel 2, sedangkan kebutuhan nonfungsional adalah batasan dari kebutuhan fungsional, yang dapat dilihat pada Tabel 3. Tabel 1 Kebutuhan Pengguna Pengguna Pengunjung & Pelanggan Pelanggan Admin
Kebutuhan Menampilkan halaman website, produk, katalog Melakukan transaksi pembelian dan pengiriman Mengelola fungsi modul-modul utama, baik menambahkan, mengurangi, dan mengubah
7
Tabel 2 Kebutuhan Fungsional Kode MUV-S-001
Fungsi Fungsi menampilkan halaman website
MUV-S-002
Fungsi menampilkan produk
MUV-S-003
Fungsi menampilkan kategori
MUV-S-004 MUV-S-005 MUV-S-006 MUV-S-007 MUV-S-008
Fungsi login user Fungsi memasukkan & mengubah profil user Fungsi pemesanan produk Fungsi menambah & mengubah pemesanan Fungsi search
MUV-S-009 MUV-S-010 MUV-S-011 MUV-S-012 MUV-S-013 MUV-S-014 MUV-S-015 MUV-S-016 MUV-S-017 MUV-S-018
Fungsi pembayaran Fungsi login administrator Fungsi menambah produk Fungsi menambah kategori produk Fungsi mengubah detail produk Fungsi mengelola pesanan Fungsi mengelola pembayaran Fungsi mengelola pengiriman Fungsi menampilkan kontak kami Fungsi menampilkan pemilihan bahasa
Pengguna Pengunjung & Pelanggan Pengunjung & Pelanggan Pengunjung & Pelanggan Pelanggan Pelanggan Pelanggan Pelanggan Pengunjung & Pelanggan Pelanggan Administrator Administrator Administrator Administrator Administrator Administrator Administrator Pelanggan Pelanggan
Tabel 3 Kebutuhan Non-Fungsional Kode MUV-S-101 MUV-S-102
Parameter Availability Security
Kebutuhan 24 jam/hari, 7 hari/minggu Keamanan menggunakan username dan password untuk administrator dan pelanggan
Rencana Cepat dan Pemodelan Rancang Cepat Ketika aplikasi e-commerce ini dimulai, halaman awal (home) yang berisi modul utama dalam e-commerce Muvest Bike Shop ditampilkan. Adapun tahapan proses bisnis dapat dilihat pada Gambar 2. Setelah tahap analisis selesai, maka selanjutnya adalah merancang aplikasi yang telah didefinisikan sebelumnya. Perancangan sistem dimulai dengan pembuatan proses bisnis, DFD, ERD. Proses Bisnis Proses bisnis sistem Muvest Bike Shop yang dibuat pada sistem ecommerce ini, pengguna dapat melakukan pemesanan dan diproses oleh administrator. Aliran proses bisnis dapat dilihat sebagai berikut: 1 Pengunjung dan pelanggan mengakses Muvest Bike Shop. 2 Sistem menampilkan kategori dan produk Muvest Bike Shop.
8 3 4 5 6 7 8 9 10
Pelanggan memilih dan memesan produk yang tersedia pada Muvest Bike Shop. Jika pelanggan ingin mengubah atau menambahkan pesanan, pelanggan dapat kembali ke halaman produk. Setelah pelanggan selesai dengan produk yang dibeli, pelanggan dapat melakukan selesai belanja pada keranjang belanja. Setelah sesuai dengan produk yang diinginkan, pelanggan dapat melakukan pembayaran. Pelanggan dapat memilih metode pembayaran, dengan transfer langsung atau menggunakan rekening bersama. Pelanggan mengirimkan jumlah uang sesuai total yang harus dibayarkan dan mencantumkan nomor referensi sebagai bukti pembayaran. Validasi pembayaran akan dilakukan oleh administrator dan dibuat invoice pembelian. Barang dikirim ke alamat tujuan dengan menggunakan kurir sepeda (bike messenger).
Gambar 2 Proses Bisnis Muvest Bike Shop
9
Gambar 3 Diagram Konteks Keuntungan menjadi pelanggan dan memiliki akun pada e-commerce Muvest Bike Shop, pelanggan tidak perlu lagi memasukkan alamat tujuan pengiriman pada saat melakukan pembelian. Pelanggan juga yang masuk dalam “Top Buyer” akan mendapatkan diskon atau voucher pembelian pada Muvest Bike Shop. After sale service yang diberikan pada pelanggan berupa garansi dari part sepeda yang dibeli dari Muvest Bike Shop. Penggantian part yang dibeli memiliki kerusakan atau cacat dalam proses sebelum sampai ke pelanggan. Kegiatan bersepeda bersama pada saat Car Free Day untuk menjaga kedekatan antara pelanggan dan owner Muvest Bike Shop, sehingga kritik dan saran dapat diterima dan diproses semaksimal mungkin. Data Flow Diagram (DFD) Perancangan DFD level 0 atau diagram konteks dapat dilihat pada Gambar 3 yang terdapat tiga pengguna utama, yaitu administrator, pengunjung, dan pelanggan yang merupakan penjabaran dari pengguna dalam sistem Muvest Bike Shop. Setelah perancangan diagram kontext kemudian dikembangkan menjadi DFD level 1. Kemudian DFD level 1 dijabarkan lebih lanjut lagi menjadi DFD level 2. DFD menggambarkan suatu sistem yang ada atau sistem yang akan dikembangkan secara logika dan menjelaskan arus data, yang menjelaskan secara umum sistem atau batasan dari sistem tersebut (Jogiyanto 2005). Pada DFD level 1 Gambar 4, terdapat penjabaran proses pengguna, yakni proses pengunjung dan pelanggan. Pengunjung dapat melakukan pendaftaran akun. Pelanggan yang sudah memiliki akun dapat masuk dan melakukan pemesanan produk. Administrator dapat masuk kedalam sistem dan panel admin. Administrator dapat mengelola kategori, produk, pesanan, pembayaran, dan pengiriman. DFD level 1 kemudian dikembangkan lebih lanjut menjadi DFD level 2 Gambar 5. Pada DFD level 2 terdapat 8 proses.
Gambar 4 DFD level 1
10
Gambar 5 DFD level 2 Proses pertama, yaitu pengunjung dapat melakukan pendaftaran akun untuk melakukan pemesanan, sehingga tidak perlu mengisikan alamat pengiriman. Proses kedua, yaitu pengguna yang sudah mendaftar dan menjadi pelanggan dapat melakukan proses masuk untuk melakukan pemesanan, dan administrator untuk mengelola pemesanan. Proses tiga yakni proses menampilkan produk. Proses empat yakni proses menampilkan kategori. Proses lima yakni proses mengelola produk, yaitu admin mengubah, menghapus, dan menambah produk, kategori produk. Proses enam yakni proses pemesanan, yaitu pelanggan memesan produk. Proses tujuh yakni proses pembayaran, yaitu pelanggan melakukan pembayaran yang kemudian diperiksa oleh administrator. Proses delapan yakni proses periksa transaksi, yaitu administrator memvalidasi pembayaran kemudian sistem mencetak resi pembayaran. Entity Relationship Diagram Entity Relationship Diagram (ERD) Gambar 6 merupakan proses perancangan database untuk membuat permodelan data. Database pada pengembangan aplikasi ini terintegrasi dengan Prestashop
11
Gambar 6 Entity Relationship Diagram Konstruksi Prototipe Website Muvest Bike Shop diimplementasikan dengan menggunakan Content Management System (CMS) Prestashop 1.5.6.2. Modul standard yang disediakan CMS Prestashop dalam membangun e-commerce, yaitu profil, kategori, produk, keranjang belanja, hubungi kami, dan pembayaran menggunakan cheque. Kemudian dikembangkan modul tambahan berupa pembayaran menggunakan salah satu bank, pembayaran menggunakan rekening bersama blackpanda, dan modul pemilihan bahasa. Selain itu untuk merancang antarmuka mengunakan CSS. Basis data menggunakan MySQL yang terdapat pada XAMPP. Tabel basis data sudah terintegrasi dari Prestashop. Modul merupakan salah satu bagian penting pada situs, karena modul merupakan tempat dari semua fungsionalitas dan desain Tizon & Horton (2013). Rancangan modul pada pengimplementasian e-commerce ini berfungsi untuk memanggil sub-program lain sehingga Muvest Bike Shop dapat berjalan. Perancangan modul tersebut menghasilkan struktur rancangan antarmuka untuk pengguna Gambar 7.
Gambar 7 Antarmuka Halaman Awal Muvest Bike Shop
12 Tahap implementasi diawali dengan installasi Prestashop, dan dapat dilihat pada Lampiran 1. Antarmuka sistem dibuat sesuai dengan rancangan sistem. Antarmuka dibuat untuk menampilkan kategori dan produk part sepeda yang tersedia. Antarmuka dibuat untuk mempermudah pengguna dalam menggunakannya. Berikut contoh antarmuka Muvest Bike Shop secara keseluruhan pada Lampiran 2. Pada panel administrator yang telah disediakan CMS Prestashop, administrator dapat mengelola pesanan masuk dan pengiriman barang. Menambahkan produk, dan memperbahauri ketersediaan produk. Pada tahap pengimplementasian ini, ditambahkan modul pembayaran melalui bank dan rekening bersama blackpanda Gambar 8. Modul pembayaran standard dari Prestashop berupa pembayaran melalui cheque. Penambahan modul pembayaran melalui bank dan rekening bersama adalah adaptasi untuk sistem pembayaran transaksi online yang biasa digunakan. Penambahan modul pemilihan bahasa untuk mempermudah pelanggan untuk mengerti penggunaan nama pada part fixed gear Gambar 9. Setelah prototipe selesai dirancang dan dikembangkan, kemudian dilakukan pengujian dengan metode black box sebelum diserahkan kepada client. Pengujian sistem dilakukan dengan beberapa skenario untuk mendapatkan hasil dari seluruh fungsi yang telah dikembangkan pada web Muvest Bike Shop dapat berjalan dengan baik.
Gambar 8 Modul Pembayaran Rekening Bersama Blackpanda
Gambar 9 Modul Pemilihan Bahasa
13 Penyerahan Produk dan Pengumpulan Umpan Balik Penyerahan produk dan pengumpulan umpan balik merupakan hasil dari pengujian menggunakan metode black box. Pengujian sistem Muvest Bike Shop dengan black box dengan memberikan masukan dari client dan melihat keluaran dari sistem. Pengujian sistem dilakukan pada kasus pembelian, pemesanan, pembayaran, dan pengiriman suatu produk berdasarkan kebutuhan fungsional sistem. Pengujian dilakukan dengan bantuan skenario pengujian untuk Muvest Bike Shop oleh pengguna sepeda fixed gear sebagai pelanggan. Skenario pengujian oleh pelanggan dapat dilihat pada Lampiran 3. Hasil pengujian dari setiap menu berfungsi dengan baik dapat dilihat pada Lampiran 4.
SIMPULAN DAN SARAN Simpulan Aplikasi e-commerce Muvest Bike Shop berbasis website berhasil dikembangkan dengan metode Prototyping. Muvest Bike Shop dikembangkan sebagai toko online yang menjual part sepeda khusus untuk komunitas sepeda fixed gear. Pelanggan dapat membeli part sepeda yang dibutuhkan melalui Muvest Bike Shop secara online. Muvest Bike Shop diharapkan mampu menjadi one stop buying bagi komunitas sepeda fixed gear. Pengiriman barang yang dipesan menggunakan kurir sepeda (Bike Messenger). Saran Sistem ini dapat dikembangkan lebih lanjut. Pembelanjaan secara pre order dan penambahan menu forum sebagai wadah untuk bertukar pikiran. Penambahan fungsi sistem sehingga user juga dapat melakukan penjualan. Diharapkan juga pengembangan aplikasi berbasis mobile sehingga pengguna lebih dimudahkan dalam bertransaksi. Penambahan fitur after sale service bagi pelanggan yang ingin menggunakan jasa pengiriman bike messenger, dan penambahan web personalization, seperti rekomendasi part sepeda sesuai dengan sepeda yang digunakan oleh pelanggan.
14
DAFTAR PUSTAKA Andam, ZR. 2003. e-Commerce and e-Bussiness. Manila: UNDP-APDIP. [Blackpanda] Rekening Bersama Blackpanda 2014. https://rekberblackpanda.com/about_us [23 Juni 2014]. GeoTrust. 2011. Creating an e-Commerce Web Site : A Do It Yourself Guide. Australia: GeoTrust.com. Johansyah, AN. 2013. Pembangunan Sistem e-Commerce Menggunakan Payment Gateway Paypal Dengan Pendekatan eCRM dan Pengujian Usability (Studi Kasus: PT. EKKO HEJO) [skripsi]. Bogor(ID) : Institut Pertanian Bogor (IPB). [Keirin Japan] Keirin Bicycle http://bg.keirin.jp/en/abcs/bikes/ [6 Juni 2014]. Nugroho A. 2006. E-Commerce Memahami Perdagangan Modern di Dunia Maya. Bandung(ID): Informatika. Pressman, RS. 2010. Software Engineering A Practitioner`s Approach. America(US): McGraw Hill Higher. [Prestashop] Prestashop 1.5 Documentation Team. 2013. Developer guide. http://doc.prestashop.com/display/PS15/Developer+Guide [6 Juli 2014]. Raharjo, B. et al. 2010. Pemrograman Web (HTML, PHP, dan MySQL). Bandung(ID): Modula. [Sheldon Brown] Fixed Gear Bicycle For The Road. http://sheldonbrown.com/fixed.html [6 Juni 2014]. Silberschatz, A. Korth, H F. Sudarshan, S. 2011. Database System Concepts Sixth Edition. America(US): McGraw-Hill. Sudarma, S. 2012. Buku Pintar Website Instan. Jakarta(ID): Media Kita. Tizon, JA. Horton, J. 2013. Prestashop 1.5 Beginner’s Guide. Birmingham – Mumbai: Packt Publishing.
15 Lampiran 1 Instalasi Prestashop 1.5.6.2 No
Deskripsi
1
Proses awal installasi Prestashop, yaitu memilih bahasa yang akan digunakan. Prestashop yang digunakan Prestashop 1.5.6.2.
2
Lisence Agreements penggunaan Prestashop.
3
Mengisi informasi profil e-commerce yang akan dikembangkan.
4
Pembuatan database pada prestashop yang sudah terintegrasi.
Screenshot
16 Lampiran 1 Instalasi Prestashop 1.5.6.2 (lanjutan) No
Deskripsi
5
Proses konfigurasi database.
6
Proses installasi selesai.
Screenshot
17 Lampiran 2 Antarmuka Muvest Bike Shop No
Deskripsi
1
Halaman awal Muvest Bike Shop. Terdapat menu home, kategori, dan kontak mail. Pada kolom sebelah kiri terdapat block produk yang telah dilihat dan manufacture dari produk yang ada. Pada block sebelah kanan merupakan best seller.
2
Halaman login user. Pada halaman ini, user dapat melakukan login. Bagi pengunjung yang belum melakukan registrasi, dapat mengisi form pendaftaran.
3
Halaman kategori. Halaman tersebut terdiri dari beberapa kategori yang telah ada.
Screenshot
18 Lampiran 2 Antarmuka Muvest Bike Shop (lanjutan) No
4
Deskripsi
Screenshot
Halaman produk. Halaman ini menampilkan produk dan spesifikasi yang dimiliki oleh produk tersebut.
`
19 Lampiran 3 Skenario Pengujian No
Jenis Skenario
1
Pendaftaran
2
Pemesanan
3
Pembayaran
4
Konfirmasi pembayaran
5
Pengiriman
Pengujian Skenario a. Akses aplikasi e-commerce Muvest Bike Shop menggunakan web browser internet. Disarankan menggunakan web browser versi terbaru. b. Setelah halaman awal Muvest Bike Shop tampil, lakukan pendaftaran akun dengan mengklik menu “login” pada bagian kanan atas. Masukkan e-mail anda sebagai username. c. Setelah form pendaftaran ditampilkan, isi form dengan “informasi pribadi”, “alamat anda” sedetil mungkin sesuai dengan informasi yang dibutuhkan. a. Setelah selesai dengan pendaftaran, pelanggan dapat memilih produk yang akan dibeli. b. Pemesanan produk dilakukan dengan cara mengklik produk yang akan dibeli, kemudian menekan tombol add to cart (tambah ke keranjang). Produk akan masuk kedalam keranjang belanja pada bagian kanan atas halaman. c. Pelanggan dapat melanjutkan pemesanan, memilih produk lain yang akan dibeli atau menyelesaikan pemesanan. a. Pesanan yang telah masuk keranjang, selanjutnya diproses untuk pembayaran. b. Proses pembayaran, dilakukan setelah menekan tombol selesai belanja (check out). c. Dilanjutkan dengan mengisi alamat tujuan pengiriman produk dan memilih jasa pengiriman. d. Setelah itu, pelanggan dapat memilih cara pembayaran dengan transfer secara langsung atau menggunakan rekening bersama. e. Setelah melakukan pembayaran sesuai transaksi, pelanggan dapat mengirimkan no resi pembayaran untuk validasi pembayaran. a. Administrator kemudian memeriksa pembayaran yang dilakukan oleh pelanggan. b. Setelah melakukan validasi, kemudian administrator mencetak invoice. a. Setelah dilakukan validasi pembayaran oleh administrator, kemudian produk dikirim menggunakan bike messenger.
20 Lampiran 4 Hasil Pengujian Nama Fungsi (Kode Fungsi)
Kode Nilai Uji Masukan
U01
Salah
U02
Benar
U03
Salah
U04
Benar
U05
Benar
Login pelanggan (MF01)
Login administrato r (MF02)
Identitas pelanggan (MF03)
Kategori (MF04) Produk (MF05)
Skenario pelanggan memasukan informasi yang salah saat melakukan login pelanggan memasukan informasi yang benar saat melakukan login Administrator memasukkan informasi yang salah saat melakukan login Administrator memasukkan informasi yang salah saat melakukan login Pelanggan dapat mengakses halaman my account untuk melihat identitas pelanggan
Benar
Pelanggan memilih kategori yang ingin dilihat
U07
Benar
Pelanggan mengklik produk yang ingin dibeli
U08
Benar
Pelanggan mengakses isi keranjang belanja
Benar
Pelanggan mengubah produk dalam keranjang belanja
U06
Keranjang belanja (MF06) U09
Hasil yang Diharapkan
Hasil Uji
Menampilkan notifikasi error pada halaman
Benar
Pelanggan dapat masuk sebagai ”member”
Benar
Muncul notifikasi error pada halaman
Benar
Administrator dapat masuk ke halaman admin
Benar
Pelanggan dapat melihat identitas pelanggan tersebut
Benar
Pelanggan berhasil memilih kategori product yang ingin dilihat Pelanggan berhasil melihat produk yang ingin dibeli Menampilkan informasi yang terdapat pada keranjang belanja, seperti harga dan kuantitas produk Menampilkan pilihan untuk mengubah produk pada keranjang belanja
Benar
Benar
Benar
Benar
21 Lampiran 4 Hasil Pengujian (lanjutan) Nama Fungsi (Kode Fungsi)
Kode Nilai Uji Masukan
U10
Benar
Skenario
Hasil yang Diharapkan
Hasil Uji
Pelanggan menambah produk yang akan dibeli pada keranjang belanja
Menampilkan pilihan untuk menambah produk pada keranjang belanja
Benar
22
RIWAYAT HIDUP Penulis dilahirkan di Jakarta, pada tanggal 6 Agustus 1991. Penulis merupakan anak kedua dari pasangan Taufik Hidayat dan Dedeh Sukmawati. Pada tahun 2009, penulis menamatkan pendidikan di SMA Negeri 3 Jakarta. Penulis lulus seleksi masuk Institut Pertanian Bogor (IPB) pada tahun yang sama melalui jalur Seleksi Nasional Masuk Perguruan Negeri Tinggi (SNMPTN) dan diterima sebagai mahasiswa di Departemen Ilmu Komputer, Fakultas Matematika dan Ilmu Pengetahuan Alam. Selama aktif menjadi mahasiswa, penulis menjadi anggota divisi Human Resource Development (HRD) Himpunan Mahasiswa Ilmu Komputer (Himalkom) (2011), serta berbagai kegiatan kepanitiaan seperti: IT Today (2010&2011), ISC (2010), Masa Perkenalan Departemen dan Fakultas (MPD dan MPF) (2011). Selain itu, penulis melaksanakan kegiatan Praktik Kerja Lapangan di Badan Pemeriksa Keuangan – Republik Indonesia (BPK - RI) Jakarta Pusat pada tahun 2013.
