JSIKA Vol. 5, No. 12. Tahun 2016 ISSN X

Transkripsi

1 Rancang Bangun Aplikasi Penjualan Online Pada CV. Abilindo Mitra Yudinto Salay 1) Sulistiowati 2) Julianto Lemantara 3) Program Studi/Jurusan Sistem Informasi Institut Bisnis dan Informatika Stikom Suraba, Sistem Informasi Jl. Ra Kedung Baruk 98 Suraba, )Yudisalay@ymail.com, 2)Sulist@stikom.edu, 3)Julianto@stikom.edu Abstract: CV. Abilindo Mitra is importer company of children supplies like clothes, shoes, socks, bags, accessories. Problems faced by CV. Abilindo Mitra is when personal facebook page reaches 5000 friendship, personal page automatically changes to the page, or more recognized with fanspage, resulting in the loss of all photo products. Each post, not all friends on friendlist can see it. To be seen by everyone must use special features provided by facebook. Also in terms of sales note sales are often lost, resulting in a revenue calculation results become incompatible with the truth. To handle these problems, then the application of online sales is created. With the features of the sales are product catalogs, shopping carts, sales reports.the result of tryouts showed that sales application have been made can do register member, receipt of the goods transactions, selling transactions, payment, goods shipping and can inform daily sales report, monthly sales report, annual sales report, invoice sales, payment list and sent list with the purpose of providing information that can help sales CV. Abilindo Mitra. Keywords: Online shop, web based sales CV. Abilindo Mitra merupakan perusahaan importir perlengkapan anak-anak berupa baju, sepatu, kaos kaki, tas dan aksesoris. CV. Abilindo Mitra memasang foto produk pada jejaring sosial facebook. Jika pembeli tertarik pada produk tersebut dapat menghubungi via telepon atau Blackberry Messenger (BBM). Setelah itu produk tersebut akan dicek ketersediann, jika ada maka CV. Abilindo Mitra akan memberitahukan nomor rekening kepada pembeli. Setelah pembeli melakukan transfer uang sesuai dengan transaksi penjualan dan mengkonfirmasi ke CV. Abilindo Mitra maka akan langsung dikirim melalui jasa pengiriman. Permasalahan ng dihadapi CV. Abilindo Mitra ialah bank comment dari calon pembeli berulang-ulang tentang hal ng sama misaln harga. Pada facebook, comment tersebut akan menumpuk ng mengakibatkan sulit dibaca. Hal ini merepotkan pihak pemilik harus mencari satu persatu. Respon terhadap tanggapan ng lambat seringkali mengakibatkan hilangn ketertarikan pelanggan. Ketika personal page mencapai 5000 pertemanan, personal page otomatis berubah menjadi halaman atau lebih dikenal dengan fanspage, mengakibatkan hilangn semua foto produk. Setiap melakukan posting, semua teman pada friendlist dapat melihatn. Agar dilihat oleh semua orang harus menggunakan fitur khusus ng disediakan facebook. Fitur tersebut dikenakan bia tambahan dari facebook sebesar $7 per postingan atau sekitar Rp ,00 (sumber: Techcrunch (2012)). Selain itu dari segi penjualan nota penjualan sering hilang, mengakibatkan hasil perhitungan pendapatan menjadi sesuai dengan sebenarn. Maka kesimpulan permasalahan tersebut CV. Abilindo Mitra mengalami kendala dalam promosi produk dan penjualan melalui media sosial facebook karena dampak dari masalah tersebut informasi produk susah disampaikan ke pelanggan. Untuk mengatasi permasalahan tersebut, maka dibuat katalog produk. dapat leluasa memilih produk ng ingin dibeli. Sedangkan CV. Abilindo Mitra dikenakan bia dalam menambahkan produk juga gambar produk hilang seperti pada media sosial facebook.. Dari penjualan dibuat shopping cart untuk memproses produk ng dibeli pelanggan. Pada proses penjualan dihasilkan penjualan, dapat disimpan pada sistem maka perhitungan pendapatan akan sesuai dengan penjualan. JSIKA Vol. 5, No. 12, Tahun 2016, ISSN X Page 1

2 Phase Phase JSIKA Vol. 5, No. 12. Tahun 2016 ISSN X Berdasarkan permasalahan, maka CV. Abilindo Mitra membutuhkan aplikasi penjualan online ng dapat memberikan informasi data member,, stok, paling laris, pelanggan paling sering belanja, penjualan harian, penjualan bulanan, penjualan tahunan, invoice penjualan, list pembaran, dan list kirim dengan tujuan memberikan informasi ng dapat membantu penjualan CV. Abilindo Mitra. Sistem flow Daftar member Data pelanggan konfirmasi daftar Melakukan Konfirmasi Klik link sistem menyimpan data pelanggan Mengirim konfirmasi Update status pelanggan pelanggan METODE Waterfall Menurut Pressman (2015), model waterfall adalah model klasik ng bersifat sistematis menggunakan pendekatan secara sekuensial untuk mengembangkan software ng dimulai dengan permintaan spesifikasi dari pelanggan dan melewati progres planning, modeling, construction, dan deployment dengan tujuan utama untuk membantu penyelesaian software. Berikut adalah urutan proses model waterfall menurut Pressman: Gambar 2 System Flow Daftar Member Aplikasi Penjualan Online Pada CV. Abilindo Mitra System Flow Penerimaan System flow transaksi ini merupakan alur proses transaksi dari supplier. System flow ini dimulai ketika admin menerima nota dari supplier dan setelah itu admin melakukan input data supplier dan masuk sehingga tabel menjadi diperbaharui. Sistem flow transaksi Supplier Sistem + Admin Gambar 1 Waterfall model. Nota Data supplier ANALISIS DAN PERANCANGAN SISTEM Data diterima Detail System Flow Daftar Member Pada system flow daftar member ini merupakan alur proses pendaftaran pelanggan. Proses ng ada pada sistem ini dimulai dengan pelanggan memasukan data pelanggan maka sistem akan melakukan simpan data pelanggan dan mengirim konfirmasi. Kemudian pelanggan harus melakukan konfirmasi maka sistem akan melakukan update status pelanggan pada tabel pelanggan. Menyimpan data masuk Memperbaharui data Menambahkan Kategori Selesai Kategori Gambar 3 System Flow Penerimaan Aplikasi Penjualan Online Pada CV. Abilindo Mitra JSIKA Vol. 5, No. 12, Tahun 2016, ISSN X Page 2

3 Phase Phase Phase JSIKA Vol. 5, No. 12. Tahun 2016 ISSN X System Flow Penjualan System flow transaksi penjualan ini merupakan alur proses transaksi penjualan ng dilakukan pelanggan. Pada system flow transaksi penjualan ini proses dimulai saat pelanggan mencari data kemudian memasukan ke keranjang belanja (shopping cart) dan memilih kota tujuan pengiriman maka sistem akan menampilkan display total bar dan mengirimkan invoice penjualan via . Sistem flow Pembaran invoice penjualan Data pembaran Memasukan data pembaran Admin + Sistem Penjualan_Bar ang Sistem flow transaksi penjualan sistem Mengubah status bar data ng dicari Memasukan data ke keranjangan belanja Gambar 5 System Flow Pembaran Aplikasi Memilih kota tujuan pengiriman Melakukan checkout Checkout? Melakukan login total bar tambah 3 digit angka Sudah Login? Menyimpan data transaksi penjualan Detail_penjual an_ Penjualan System Flow Pengiriman System flow pengiriman merupakan proses admin melakukan perubahan status packing dan sistem akan mengirimkan nomor resi via . Proses ini dimulai dengan admin mengubah status packing dari paid menjadi ready dan menginputkan data nomor resi maka status akan berubah menjadi delivered. System flow pengiriman invoice penjualan Mengirimkan invoice penjualan via Jasa Pengiriman Admin + sistem pelanggan List Pembaran Ubah status packing Update status packing list dikirim Gambar 4 System Flow Penjualan Aplikasi Penjualan Online Pada CV. Abilindo Mitra System Flow Pembaran System flow pembaran merupakan proses pelanggan melakukan konfirmasi pembaran. Proses ini dimulai dengan pelanggan melakukan input data pembaran dan admin akan melakukan pengecekan dan mengubah status bar pelanggan. siap Kirim Memberikan Nomor resi Nomor Resi Penjualan_ Nomor resi Simpan nomor resi Mengirim nomor resi List dikirim Menyiapkan nomor resi JSIKA Vol. 5, No. 12, Tahun 2016, ISSN X Page 3

4 Phase JSIKA Vol. 5, No. 12. Tahun 2016 ISSN X Gambar 6 System Flow Pengiriman Aplikasi Penjualan Online Pada CV. Abilindo Mitra System Flow Laporan System flow merupakan proses owner melihat hasil. Sistem Flow Admin mulai Pilih tampil paling laris Sistem 3 Penjualan 2 Context Diagram Gambar 8 menampilkan context diagram Rancang Bangun Aplikasi Penjualan Online. Context diagram ini mempuni 3 entitas itu bagian admin, pelanggan dan owner. Laporan paling laris 1 Jasa Peng iriman JNE nomor resi Supplier Laporan paling laris Ya Cetak? 0 data dikirim data Supplier List Member Data pelang gan Data dibeli Rancang Bang un Aplikasi Penjualan Online Pada CV Abilindo Mitra Data Data Kateg ori Data status Bar List Member + Data List Member Cetak? konfirmasi daftar Pelang g an Penerimaan invoice penjualan nomor resi stok list dikirim Laporan Paling Laris Laporan Laporan pelanggan paling sering belanja Laporan Penerimaan Owner Laporan Cetak? List Pembaran List Member Laporan Penjualan per periode pelanggan paling sering belanja Sering Belanja Gambar 8 Context Diagram Online Aplikasi Laporan pelanggan paling sering belanja Cetak? Laporan penjualan Laporan Dikirim List Pembaran Laporan stock penjualan Penjualan 3 Cetak 4 list pembaran list pembara n stock stock dikirim 2 Penjualan 5 Cetak Cetak DIkriim Gambar 7 System Flow Laporan Aplikasi Cetak Tidak Tidak Conceptual Data Model (CDM) Pada studi kasus aplikasi penjualan online ini, conceptual data model digunakan untuk menggambarkan kebutuhan struktur dari basis data secara detail. Pada conceptual data model juga akan digambarkan secara lengkap mengenai arti, hubungan, serta batasan-batasan dari struktur basis data Melakukan Id_pelanggan Nama_pelanggan jenis_kelamin tgl_lahir Alamat_pelanggan phone password provinsi kota status_konfirm status_mem ber Mempuni Detail_penjualan_ detail_subtotal detail_jum lah bia_kirim Penjualan_ id_order tanggal_jual total_harga kode_unik status catatan nama_penerim a alamat_tujuan batas_pem baran kurir order_created no_resi Memiliki id_produk nama_produk qty deskripsi harga_jual berat produk_created produk_m odified Memeliki image_tem p id_gambar nama_file pun Detail_penerim aan_ jumlah harga_beli supplier id_supplier Nama_supplier Alamat_supplier phone Memiliki Mempuni paym ent_confirmation jenis_pembaran bank no_rekening pemilik_rekening tgl_transfer jumlah_transfer catatan menyuplai Memiliki Penerimaan_ id_penerim aan_ tanggal_terima Nama_supplier Kategori id_kategori nama_kategori users id_user usr_nam e status password usr_group JSIKA Vol. 5, No. 12, Tahun 2016, ISSN X Page 4

5 Gambar 9 Conceptual Data Model Aplikasi Gambar 11 Tampilan Menu Utama Pada tampilan menu utama terdiri dari home, products, about us, contact us, account dan icon keranjang belanja. Physical Data Model (PDM) physical data model akan menjelaskan lebih detail mengenai kebutuhan data serta menggambarkan hubungan data-data tersebut dalam bentuk tabel-tabel. Physical data model biasan dapat digunakan untuk menghitung perkiraan penyimpanan termasuk rincian alokasi penyimpanan khusus untuk sistem basis data tertentu Tampilan Halaman Product Tampilan halaman product menampilkan data product ng dijual. PAYMENT_CONFIRMATION = PENJUALAN_BARANG ID_ORDER VARCHAR(125) TANGGAL_JUAL DATE TOTAL_HARGA KODE_UNIK STATUS ENUM CATATAN LONG VARCHAR NAMA_PENERIMA VARCHAR(100) ALAMAT_TUJUAN VARCHAR(300) BATAS_PEMBAYARAN DATE KURIR VARCHAR(50) ORDER_CREATED DATE NO_RESI ID_ORDER = ID_ORDER SUPPLIER ID_SUPLIER NAMA_SUPPLIER VARCHAR(125) ALAMAT_SUPPLIER VARCHAR(125) PHONE ID_ORDER JENIS_PEMBAYARAN VARCHAR(50) BANK VARCHAR(50) NO_REKENING PEMILIK_REKENING VARCHAR(100) TGL_TRANSFER DATE JUMLAH_TRANSFER CATATAN LONG VARCHAR ID_SUPLIER = ID_SUPLIER PELANGGAN VARCHAR(125) ID_PELANGGAN NAMA_PELANGGAN VARCHAR(125) JENIS_KELAMIN TGL_LAHIR DATE ALAMAT_PELANGGAN VARCHAR(300) PHONE PASSWORD VARCHAR(60) PROVINSI VARCHAR(125) KOTA VARCHAR(125) STATUS_KONFIRM VARCHAR(125) STATUS_MEMBER VARCHAR(125) ID_ORDER = ID_ORDER DETAIL_PENJUALAN_BARANG ID_ORDER ID_PRODUK DETAIL_SUBTOTAL DETAIL_JUMLAH BIAYA_KIRIM ID_PRODUK = ID_PRODUK DETAIL_PENERIMAAN_BARANG ID_PRODUK ID_PENERIMAAN_BARANG JUMLAH HARGA_BELI ID_PENERIMAAN_BARANG = ID_PENERIMAAN_BARANG PENERIMAAN_BARANG ID_PENERIMAAN_BARANG ID_SUPLIER TANGGAL_TERIMA DATE Gambar 12 Tampilan Halaman Product BARANG ID_PRODUK ID_KATEGORI NAMA_PRODUK VARCHAR(100) QTY DESKRIPSI LONG VARCHAR HARGA_JUAL BERAT PRODUK_CREATED DATE PRODUK_MODIFIED DATE ID_PRODUK = ID_PRODUK KATEGORI ID_KATEGORI ID_KATEGORI = ID_KATEGORI NAMA_KATEGORI VARCHAR(125) USERS ID_USER USERNAME VARCHAR(50) STATUS PASSWORD VARCHAR(60) USR_GROUP VARCHAR(50) Tampilan Form Keranjang Belanja Tampilan form keranjang belanja menampilkan data ng dibeli pelanggan. ID_PRODUK = ID_PRODUK ID_GAMBAR ID_PRODUK NAMA_FILE IMAGE_TEMP VARCHAR(30) Gambar 10 Physical Data Model Aplikasi PEMBAHASAN DAN HASIL IMPLEMENTASI SISTEM Tampilan Menu Utama JSIKA Vol. 5, No. 12, Tahun 2016, ISSN X Page 5

6 Tampilan form merupakan tampilan form ng digunakan untuk menginputkan data masuk dan menambah stok produk. Penerimaan terdiri dari tanggal terima, nama produk, jumlah, harga beli, nama supplier. Gambar 15 Tampilan Form Penerimaan Gambar 13 Keranjang Belanja Tampilan Product (Admin) Tampilan halaman product menampilkan data product ng dijual dari backend admin. Tampilan Form Penjualan Tampilan form penjualan merupakan tampilan form ng digunakan untuk menampilkan detail trransaksi penjualan ng telah terjadi. Tampilan penjualan terdiri dari id order, nama produk, detail harga, jumlah, bia kirim, subtotal, kode unik, total harga. Gambar 16 Tampilan Form Penjualan Tampilan Form Pembaran Tampilan Pembaran merupakan form ng berfungsi untuk menampilkan data pelanggan ng sudah melakukan payment confirmation maupun pelanggan ng masih berstatus unpaid. Gambar 14 Tampilan Product Admin Tampilan Form Penerimaan JSIKA Vol. 5, No. 12, Tahun 2016, ISSN X Page 6

7 Gambar 17 Tampilan Form Pembaran Tampilan Form Pengiriman Tampilan pengiriman bertujuan untuk menampilkan data ng sudah dibar dengan status ready deliver, delivered. Ketika status berubah menjadi deliver maka Admin dapat menginputkan resi yg dikirim. Gambar 20 Tampilan Laporan Stock Tampilan Laporan Paling Sering Belanja Tampilan pelanggan paling sering belanja bertujuan untuk menampilkan data pelanggan ng paling lol. Gambar 18 Tampilan Form Pengiriman Tampilan Laporan Penjualan Tampilan penjualan bertujuan untuk menampilkan data pendapatan ng diperoleh. Gambar 21 Tampilan Laporan Paling Sering Belanja Tampilan Laporan Penerimaan Tampilan bertujuan untuk menampilkan data. masuk dari supplier. Gambar 19 Tampilan Laporan Penjualan Tampilan Laporan Stock Tampilan stock bertujuan untuk menampilkan data keluar. JSIKA Vol. 5, No. 12, Tahun 2016, ISSN X Page 7

8 Gambar 22 Tampilan Laporan Penerimaan Tampilan Laporan Pembaran Tampilan pembaran bertujuan untuk menampilkan data transaksi ng sudah ditransfer oleh pelanggan. Gambar 25 Tampilan Laporan Dikirim Tampilan Laporan Paling Laris Tampilan paling laris bertujuan untuk menampilkan data ng paling sering dibeli oleh pelanggan.. Gambar 23 Tampilan Laporan Pembaran Tampilan Laporan List Member Tampilan list member bertujuan untuk menampilkan data pelanggan ng sudah terdaftar. Gambar 24 Tampilan Laporan List Member Tampilan Laporan Dikirim Tampilan dikirim bertujuan untuk menampilkan data ng sudah dikirim menggunakan jasa pengiriman JNE. Gambar 26 Tampilan Laporan Paling Laris KESIMPULAN Berdasarkan Rancang Bangun Aplikasi Penjualan Online pada CV. Abilindo Mitra maka disimpulkan sebagai berikut : 1. Melakukan transaksi daftar member, transaksi, transaksi penjualan, transaksi pembaran, dan transaksi pengiriman. 2. Menghasilkan berupa member, paling laris,, pelanggan paling sering belanja, penjualan, pembaran, stok. 3. Menghasilkan shoping cart untuk memproses pembelian produk oleh pelanggan. RUJUKAN Pressman R, Maxim B Software Engineering A Prcatitioner s Approach Eighth Edition. New York: McGraw- Hill Education. Techcrunch Facebook Now Lets Us Users Pay $7 To Promote Posts To The News Feeds Of More Friends. (online). ( Diakses pada tanggal 16 Juli JSIKA Vol. 5, No. 12, Tahun 2016, ISSN X Page 8