PERANCANGAN SISTE INFORASI PENJUALAN BARANG PENGADAAN BERBASIS WEB PADA CV WIRAGUNA BAKTI JAKARTA Siti Nurajizah, Lulu Febriyanta AIK 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. 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. Dengan adanya website, masyarakat dapat mengakses dengan mudah informasi mengenai produk yang ditawarkan serta dapat bertransaksi langsung di web tersebut. Bagi pihak CV, website 242
membantu dalam proses pengolahan data produk, pengolahan data penjualan serta pembuatan laporan penjualan secara tepat dan akurat. 2. LANDASAN TEORI 2.. Konsep Dasar Web A. Internet Internet adalah rangkaian komputer yang saling terhubung menjadi beberapa rangkaian jaringan (Irawan, 20). 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, 20) D. ysql ysql adalah perangkat lunak sistem manajemen basis data SQL (Database anagement System) atau DBS dari sekian banyak DBS, seperti Oracle, S SQL, Postagre SQL, dan lain-lain. (Anhar, 200) 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, 202) B. Unified odelling Language(UL) UL yaitu suatu bahasa yang sudah menjadi standar pada visualisasi, perancangan dan juga pendokumentasian sistem software (Yulia, 207). 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, 200). 3. ETODOLOGI PENELITIAN Pada penelitian ini, penulis menggunakan metode pengembangan sistem yaitu metode waterfall (Air terjun). Waterfall merepresentasikan pendekatan alur hidup perangkat luank secara berurut (sekuensial). enurut (Sommerville, 2007) Terdapat tiga tahapan dalam metode waterfall, yaitu:. 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. 243
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 PEBAHASAN 4.. Analisa Kebutuhan. 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. ember 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 ember 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. ember 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 uka. Rancangan Antar uka Login Admin 244
2. Rancangan Antar uka Beranda Admin Gambar. Rancangan Antar uka Login Admin 3. Rancangan Antar uka Pengunjung Gambar 2. Rancangan Antar uka Beranda Admin Gambar 3. Rancangan Antar uka Pengunjung 4. Rancangan Antar uka Login ember Login xxxxxxxxxx xxxxxxxxxx Login Daftar 245
5. Rancangan Antar uka Produk Gambar 4. Rancangan Antar uka Login ember Gambar 5. Rancangan Antar uka Produk 6. Rancangan Antar uka Keranjang Belanja Gambar 6. Rancangan Antar uka Keranjang Belanja 4.3. Entity Relationship Diagram(ERD) Penggambaran ERD pada sistem penjualan online adalah sebagai berikut: 246
id_testi id_anggota pesan TESTIONI ENGISI tanggal jam tampil nama_anggota jenis_kelamin email password id_anggota ELAKUKAN ANGGOTA alamat telp id_kota foto atas_nama no_rek id_konfirmasi status id_pemesanan bank gambar_struk tgl_konfirmasi jam_konfirmasi KONFIRASI ELAKUKAN PEESANAN EILIKI EILIKI id_anggota tgl jam id_anggota id_pemesanan id_pemesanan id_produk PEESANAN_ DETAIL jml EILIKI kota ongkir id_kota EILIKI KOTA nama_kirim id_pemesanan id_kirim EILIKI EILIKI PENGIRIAN id_kota alamat_kirim tlp_kirim id_produk nama_produk id_kategori stok deskripsi_produk harga gambar PRODUK TERDIRI id_kategori kategori KATEGORI 4.4. Logical Relational Structure Gambar 7. Entity Relationship Diagram 4.5. UL. Use case Diagram Gambar 8. Logical Relational Structure 247
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 248
2. Activity Diagram Gambar 0. 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: 4. Deployment Diagram Gambar. Component Diagram Penjualan Online 249
Deployment diagram menunjukkan penggambaran sebuat sistem informasi secara fisik akan terlihat. Berikut adalah deployment diagram sistem penjualan online: Gambar 2. Deployment Diagram 4.6 Struktur Navigasi Berikut ini adalah struktur navigasi halaman member: Index Login Beranda Profil Produk Keranjang Belanja Last Order Logout Kontak Gambar3. Struktur Navigasi Halaman ember 250
Berikut ini adalah struktur navigasi halaman admin: Logout Tambah Admin Ubah Hapus Tambah ember Ubah Hapus Tambah Produk Ubah Hapus Login Admin Index Kategori Tambah Ubah Hapus Tambah Bank Ubah Hapus Penjualan Cetak 4.7 User Interface. Halaman Login ember Beranda Gambar 4. Struktur Navigasi Halaman Admin 2. Halaman Beranda ember Gambar 5. Halaman Login ember 3. Halaman Produk Gambar 6. Halaman Beranda ember 25
4. Halaman Keranjang Belanja Gambar 7. Halaman Produk Gambar 8, Halaman Keranjang Belanja 5. KESIPULAN Berdasarkan penelitian yang telah penulis lakukan, maka dapat ditarik kesimpulan sebagai berikut:. 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. eminimalisir kesalahan perhitungan transaksi serta memudahkan pembuatan laporan di CV. Wiraguna Bakti. DAFTAR ISI [] Andi. (2009). Desain Web dengan Adobe Fireworks dan Adobe Dreamweaver CS6. Yogyakarta: Andi Offset. [2] Anhar. (200). Panduan enguasai PHP & ysql Secara Otodidak. Jakarta: ediakita. [3] Binanto, I. (200). ultimedia Digital-Dasar Teori dan Pengembangannya. Yogyakarta: Andi. [4] Fathansyah. (202). Basis Data. Bandung: Informatika Bandung. [5] Irawan. (20). Panduan Berinternet untuk Orang Awam. Palembang: axikom. [6] Sibero, A. (20). Kitab Suci Web Programming. Yogyakarta: ediakom. [7] Sommerville. (2007). Pengembangan Perangkat Lunak. Jakarta: Wahana Komputer. [8] Yulia, J. S. (207). Perancangan Sistem Informasi Pemesanan Obat enggunakan Bahasa Pemrograman Berbasis Objek. KomTekInfo, 2-28. 252