PERANCANGAN SISTEM INFORMASI PENJUALAN BARANG PENGADAAN BERBASIS WEB PADA CV WIRAGUNA BAKTI JAKARTA

PERANCANGAN SISTEM INFORMASI PENJUALAN BARANG PENGADAAN BERBASIS WEB PADA CV

WIRAGUNA BAKTI JAKARTA

Siti Nurajizah, Lulu Febriyanta

AMIK BSI Jakarta

E-mail: siti.snz@bsi.ac.id E-mail: lfebriyanta@ymail.com

Abstrak

Abstrak - Dalam era globalisasi sekarang ini, teknologi informasi melaju dengan cepatnya. Adapun komputer yang merupakan peralatan yang diciptakan untuk mempermudah pekerjaan manusia, saat mencapai kemajuan baik dalam pembuatan hardware maupun software. CV. Wiraguna Bakti membutuhkan sekali adanya suatu system informasi yang menunjang dan memberikan pelayanan yang memuaskan bagi para customer. Untuk itulah penulis mencoba membuat Tugas Akhir mengenai system penjualan barang di CV. Wiraguna Bakti yang sampai saat ini belum terkomputerisasi Pada saat ini CV.

Wiraguna Bakti hanya berupa perusahaan yang bergerak dalam bidang penjualan barang. Sistem yang ada pada CV. Wiraguna Bakti masih dilakukan secara manual, sehingga memungkinkan pada saat proses berlangsung terjadi kesalahan dalam pencatatan. Perancangan sistem informasi ini merupakan solusi yang terbaik untuk memecahkan permasalahan-permasalahan yang ada pada perusahaan ini, serta dengan sistem terkumputerisasi dapat tercapai suatu kegiatan yang efektif dan efisien dalam menunjangn aktifitas pada perusahaan.

Kata kunci : Sistem Informasi, Penjualan Barang , Website

1. PENDAHULUAN

Teknologi internet merupakan media yang cukup efektif sebagai sarana penyampaian informasi.

Dalam dunia perdagangan, terdapat istilah e-commerce yang sudah tidak asing lagi bagi pengguna dunia maya. E-commerce itu sendiri merupakan bagian dari gaya hidup seseorang yang memungkinkan terjadinya permufakatan jual beli dilakukan secara tidak langsung yaitu melalui internet dimanapun berada. Saat ini e-commerce adalah salah satu alternatif untuk sebuah perusahaan, khususnya perusahaan yang bergerak dibidang penjualan, dimana website dibutuhkan sebagai sarana promosi.

CV Wiraguna Bakti adalah perusahaan yang bergerak dibidang pengadaan barang seperti printer, AC, serta Komputer. Selama ini, pengolahan data penjualan serta proses promosi produk masih menggunakan sistem konvensional. Untuk transaksi, kasir hanya mencatat dalam buku besar serta membuatkan sebuah nota pembayaran. Promosi maupun pemasaran produk juga masih menggunakan media sederhana seperti brosur, spanduk, poster maupun flyer. Fenomena ini tentu sangat menghambat kemajuan CV Wiraguna Bakti dalam mengembangkan omset penjualan serta pangsa pasar produknya. Pembuatan sistem informasi berbasis web dapat menjadi solusi alternatif bagi CV. Wiraguna Bakti.

membantu dalam proses pengolahan data produk, pengolahan data penjualan serta pembuatan laporan penjualan secara tepat dan akurat.

2. LANDASAN TEORI

2.1. Konsep Dasar Web

A. Internet

Internet adalah rangkaian komputer yang saling terhubung menjadi beberapa rangkaian jaringan (Irawan, 2011) . Sistem komputer terhubung secara global dan menggunakan TCP/IP sebagai protocol”. Secara umum internet dapat diartikan sebagai pertukaran informasi dan komunikasi. Semua informasi bisa didapatkan dengan mudah dan bebas di internet tanpa ada batasan.

B. Website

Halaman informasi yang disediakan melalui jalur internet sehingga dapat diakses di seluruh dunia selama terkoneksi dengan jaringan internet (Andi, 2009). Profesi Teknologi Informasi sangat mendukung terbentuknya sebuah website dimana profesi-profesi tersebut sangat memberikan dukungan dalam terbentuknya suatu website, dari proses perangcangan hingga proses publikasi website ke jaringan internet.

C. PHP

PHP adalah pemrograman interpreter yaitu proses penerjemahan baris kode sumber menjadi kode mesin yang dimengerti komputer secara langsung pada saat baris kode dijalankan.

(Sibero, 2011) D. MySQL

MySQL adalah perangkat lunak sistem manajemen basis data SQL (Database Management System) atau DBMS dari sekian banyak DBMS, seperti Oracle, MS SQL, Postagre SQL, dan lain-lain”. (Anhar, 2010)

2.2. Tools System

Sistem informasi yang baik harus didukung dengan tools system yang saling berkesinambungan dan saling mendukung sehingga dapat menghasilkan sebuah sistem informasi yang valid dan relevan. Berikut adalah tools yang digunakan dalam penelitian ini:

A. Entity Relationship Diagram (ERD)

ERD adalah komponen-komponen himpunan entitas dan himpunan relasi yang dilengkapi dengan atribut yang merepresentasikan seluruh fakta dari’dunia nyata’ yang kita tinjau (Fathansyah, 2012)

B. Unified Modelling Language(UML)

UML yaitu suatu bahasa yang sudah menjadi standar pada visualisasi, perancangan dan juga pendokumentasian sistem software (Yulia, 2017). Dalam penelitian ini, penulis menggunakan Usecase Diagram, Activity Diagram, Component Diagram serta Deployment Diagram.

C. Struktur Navigasi

Struktur navigasi adalah gabungan dari struktur referensi informasi situs web dan mekanisme link yang mendukung pengunjung untuk melakukan penjelajahan situs (Binanto, 2010) .

3. METODOLOGI PENELITIAN

Pada penelitian ini, penulis menggunakan metode pengembangan sistem yaitu metode waterfall (Air terjun). Waterfall merepresentasikan pendekatan alur hidup perangkat luank secara berurut (sekuensial). Menurut (Sommerville, 2007) Terdapat tiga tahapan dalam metode waterfall, yaitu:

1. Analisa Kebutuhan

Tahapan ini sangat menekan pada masalah pengumpulan kebutuhan pengguna pada tingkatan sistem dengan menentukan konsep sistem berserta antarmuka yang menghubungkan dengan lingkungan sekitar. Hasilnya berupa spesifikasi sistem.

2. Perancangan Sistem dan Perangkat Lunak

Proses perancangan sistem ini difokuskan pada struktur data, representasi antar muka dan arsitektur perangkat lunak.

3. Implementasi dan Pengujian Unit

Pada tahapan ini, perancangan perangkat lunak direalisasikan sebagai serangkaian program atau unit program. Kemudian pengujian unit melibatkan verifikasi bahwa setiap unit program telah memenuhi spesifikasinya.

4. HASIL DAN PEMBAHASAN

4.1. Analisa Kebutuhan

1. Analisa Kebutuhan Pengguna

Dalam aplikasi penjualan barang pengadaan terdapat beberapa yang saling berinteraksi dalam lingkungan sistem, yaitu administrator (admin), pengunjung, dan member. Berikut adalah uraian dari masing-masing pengguna:

a. Admin

Kegiatan yang dapat dilakukan oleh admin yaitu: login, mengelola data admin, mengelola data member, mengelola data kategori, mengelola data produk, mengelola data bank, serta mengecek data mencetak detail penjualan.

b. Pengunjung

Kegiatan yang dapat dilakukan oleh pengunjung yaitu: mendaftar menjadi member, melihat profil CV.Wiraguna Bakti, melihat produk yang dijual.

c. Member

d. Kegiatan yang dapat dilakukan oleh member yaitu: login, mengelola data pribadi, melihat produk yang dijual, melakukan pembelian produk, melakukan input data keluhan pelanggan.

2. Analisa Kebutuhan Sistem a. Sistem Administrator

Sebelum mengakses website penjualan barang, admin harus melakukan login terlebih dahulu. Setelah berhasil login, admin dapat mengelola data yang akan ditampilkan pada halaman pengunjung dan halaman member. Admin juga dapat melihat data pemesanan dan mencetak laporan transaksi penjualan dalam periode yang diinginkan.

b. Sistem Member

Pengunjung dapat mendaftar sebagai member. Setelah mendaftar, member dapat login dengan memasukkan email dan password yang digunakan saat pengunjung mendaftar.

Setelah login, member dapat melakukan pemesanan produk yang tersedia dan dapat mengisi form keluhan pelanggan.

c. Sistem Keranjang Belanja

Saat member meng-klik tombol beli maka produk yang dipilih akan masuk ke dalam keranjang belanja. Member dapat menambah jumlah beli, membatalkan dan memilih produk lainnya saat berada di keranjang belanja. Sistem akan melakukan kalkulasi terhadap transaksi yang ada pada keranjang belanja.

4.2. Rancangan Antar Muka

1. Rancangan Antar Muka Login Admin

Gambar 1.Rancangan Antar Muka Login Admin 2. Rancangan Antar Muka Beranda Admin

Gambar 2.Rancangan Antar Muka Beranda Admin 3. Rancangan Antar Muka Pengunjung

Gambar 3.Rancangan Antar Muka Pengunjung 4. Rancangan Antar Muka Login Member

Login xxxxxxxxxx

xxxxxxxxxx

Login

Daftar

Gambar 4.Rancangan Antar Muka Login Member 5. Rancangan Antar Muka Produk

Gambar 5.Rancangan Antar Muka Produk 6. Rancangan Antar Muka Keranjang Belanja

Gambar 6.Rancangan Antar Muka Keranjang Belanja

4.3. Entity Relationship Diagram(ERD)

Penggambaran ERDpada sistem penjualan online adalah sebagai berikut:

KOTA id_anggota

MELAKUKAN

PEMESANAN_

DETAIL ANGGOTA

KONFIRMASI

PRODUK PEMESANAN

TESTIMONI

KATEGORI ongkir

nama_anggota

kota

id_kota password email

alamat

telp

jenis_kelamin

foto id_kota

MENGISI

MEMILIKI

MELAKUKAN MEMILIKI

MEMILIKI

TERDIRI 1

1 M M

1 1

id_produk status

id_pemesanan jam

tgl

id_anggota

jml id_pemesanan

MEMILIKI M

1 M

M

1 tgl_konfirmasi gambar_struk

id_anggota id_konfirmasi

id_pemesanan tanggal

pesan id_anggota

id_testi

tampil

jam atas_nama

no_rek bank

jam_konfirmasi

id_produk

nama_produk

id_kategori

stok

deskripsi_produk

harga

gambar 1

M

M

1

id_kategori kategori

1

MEMILIKI

MEMILIKI _PENGIRIMAN

nama_kirim

alamat_kirim id_pemesanan

id_kirim

id_kota

tlp_kirim

1 M

1

1

Gambar 7. Entity Relationship Diagram

4.4. Logical Relational Structure

Gambar 8. Logical Relational Structure

4.5. UML

1. Use case Diagram

Use case diagram memberikan ilustrasi tentang sisten unformasi yang dibuat. Berikut adalah use case diagram sistem penjualan online:

Gambar 9. Use case Diagram Penjualan Online

2. Activity Diagram

Gambar 10. Activity Diagram Penjualan Online 3. Component Diagram

Component diagram menggambarkan penempatan semua kelas dan obyek ke dalam komponen dari sistem perangkat lunak. Berikut ini adalah component diagram sistem penjualan online:

Gambar 11. Component Diagram Penjualan Online 4. Deployment Diagram

Deployment diagram menunjukkan penggambaran sebuat sistem informasi secara fisik akan terlihat. Berikut adalah deployment diagram sistem penjualan online:

Gambar 12. Deployment Diagram

4.6 Struktur Navigasi

Berikut ini adalah struktur navigasi halaman member:

Index

Login

Beranda Profil Produk Keranjang Belanja Last Order Logout Kontak

Gambar13. Struktur Navigasi Halaman Member

Berikut ini adalah struktur navigasi halaman admin:

Login

Admin Index Kategori

Logout

Produk Member

Ubah Tambah

Hapus Ubah Tambah

Hapus

Admin Ubah

Tambah

Hapus

Ubah Tambah

Hapus

Bank Ubah

Tambah

Hapus

Penjualan Cetak

Beranda

Gambar 14. Struktur Navigasi Halaman Admin

4.7 User Interface

1. Halaman Login Member

Gambar 15. Halaman Login Member 2. Halaman Beranda Member

Gambar 16. Halaman Beranda Member 3. Halaman Produk

Gambar 17. Halaman Produk 4. Halaman Keranjang Belanja

Gambar 18, Halaman Keranjang Belanja

5. KESIMPULAN

Berdasarkan penelitian yang telah penulis lakukan, maka dapat ditarik kesimpulan sebagai berikut:

1. Dengan adanya website ini membantu CV. Wiraguna Bakti memasarkan produknya 2. Website ini memudahkan masyarakat umum serta member pada khususnya dalam

melakukan transaksi dimanapun dan kapanpun.

3.

Pembuatan website ini dapat menjadi sarana persaingan bisnis yang cukup efektif dibidang perdagangan, baik pada masa sekarang maupun masa yang akan datang.

4.

Meminimalisir kesalahan perhitungan transaksi serta memudahkan pembuatan laporan di CV. Wiraguna Bakti.

DAFTAR ISI

[1] Andi. (2009). Desain Web dengan Adobe Fireworks dan Adobe Dreamweaver CS6. Yogyakarta: Andi Offset.

[2] Anhar. (2010). Panduan Menguasai PHP & MySQL Secara Otodidak. Jakarta: Mediakita.

[3] Binanto, I. (2010). Multimedia Digital-Dasar Teori dan Pengembangannya. Yogyakarta: Andi.

[4] Fathansyah. (2012). Basis Data. Bandung: Informatika Bandung.

[5] Irawan. (2011). Panduan Berinternet untuk Orang Awam. Palembang: Maxikom.