Model Perancangan MODEL, ANALISIS, DESAIN,

APLIKASI PENJUALAN KEBUTUHAN KOMPUTER BERBASIS WEB PADA RUKO BANTENBIZ KOMPUTER Fahru Ramdan Universitas Komputer Indonesia UNIKOM Jl. Dipati Ukur No. 112-116, Bandung 40132 Email: rfahrugmail.com ABSTRAK Seiring dengan kemajuan Teknologi Informasi dan perkembangan teknologi telekomunikasi dan komputer menyebabkan terjadinya perubahan kultur masyarakat sehari-hari dan terciptalah suatu integrasi antara komputer dan telepon atau sistem Computer Telephony Integration CTI, yang mewujudkan media baru berupa internet. Meledaknya penggunaan Internet dan teknologi World Wide Web WWW atau sering juga disebut Web saja menyebabkan munculnya teknologi Ecommerce yang berbasis teknologi Internet. Dimana e-commerce adalah membeli dan atau menjual secara elektronik dan kegiatan ini dilakukan pada jaringan internet, selain itu juga dapat pemasangan iklan, penjualan dan pelayanan yang terbaik menggunakan sebuah web shop 24 jam bagi pelanggannya. Aplikasi e-commerce yang dibuat diharapkan dapat menjadi media promosi yang lebih luas, membantu meningkatkan penjualan dan mengurangi biaya operasional bagi ruko serta mempermudah konsumen dalam melakukan proses pemesanan dan pembayaran suatu produk karena dilakukan secara on-line menggunakan paypal maupun transfer bank. Kata kunci : e-commerce, penjualan 1. Pendahuluan Bantenbiz Komputer yang terletak di daerah Bumi Agung Permai BAP adalah ruko yang bergerak di bidang penjualan berbagai macam kebutuhan komputer seperti monitor, memori RAM, printer, flashdisk, harddisk dan lain-lain. Bantenbiz Komputer sudah berdiri kurang lebih 2 tahun. Penjualannya hanya untuk daerah Serang saja karena belum ada aplikasi pendukung untuk memasarkan produk yang terdapat di Bantenbiz Komputer kepada masyarakat luas untuk meningkatkan penjualannya. Maksud dari penelitian ini adalah untuk membangun aplikasi penjualan berbasis web e-commerce. Sedangkan tujuan dari penelitian yang akan dicapai dalam pembangunan e-commerce ini adalah sebagai berikut : 1. Membantu meningkatkan penjualan produk yang terdapat di bantenbiz komputer. 2. Berusaha meningkatkan image RUKO Bantenbiz Komputer. 3. Memberikan kemudahan kepada pelanggan dan konsumen untuk memesan produk yang ditawarkan dengan layanan pembelian secara online dan pembayaran dengan menggunakan paypal dan transfer antar bank.

2. MODEL, ANALISIS, DESAIN,

DAN IMPLEMENTASI

2.1 Model

Teknik analisis data dalam pembuatan perangkat lunak menggunakan pemodelan perangkat lunak dengan paradigma waterfall, yang meliputi beberapa proses diantaranya: a. System Engineering System engineering merupakan bagian dari sistem yang terbesar dalam pengerjaan suatu proyek, dimulai dengan menetapkan berbagai kebutuhan dari semua elemen yang diperlukan sistem dan mengalokasikannya kedalam pembentukan perangkat lunak. b. System Analysis System analysis merupakan tahap menganalisis hal-hal yang diperlukan dalam UNIKOM 2011 2 pelaksanaan proyek pembuatan perangkat lunak. c. System Design System design merupakan tahap penerjemahan dari data yang dianalisis kedalam bentuk yang mudah dimengerti oleh user. d. System Coding System coding merupakan tahap penerjemahan data atau pemecahan masalah yang telah dirancang keadalam bahasa pemrograman tertentu. e. System Testing System testing merupakan tahap pengujian terhadap perangkat lunak yang dibangun. f. System Maintenance System maintenance merupakan tahap akhir dimana suatu perangkat lunak yang sudah selesai dapat mengalami perubahan- perubahan atau penambahan sesuai dengan permintaan user.

2.2 Analisis

2.2.1 Analisis Prosedur yang

sedang berjalan Fungsinya: mendefinisikan hubungan antara bagian pelaku proses, proses manualberbasis komputer dan aliran data dalam bentuk dokumen keluaran dan masukan. Prosedur penjualan barang di ruko bantenbizkomputer yang ada saat ini adalah seperti terlihat pada gambar 1. barang yg dibeli barang yg dibeli Jumlah yg dibayar A1 nota Jumlah yg dibayar barang nota konsumen kasir Menghitung total Buat nota penjualan Gambar 1. Flowmap penjualan saat ini

2.2.2 Analisis Basis Data

ERD Entity Relationship Diagram digunakan dalam membangun basis data untuk menggambarkan relasi atau hubungan dari dua file atau dua tabel. ERD terdiri dari 2 komponen utama yaitu entitas dan relasi. Kedua komponen tersebut dideskripsikan lebih jauh melalui atribut –atribut atau properti. Adapun ERD dari sistem e-commerce ini dapat dilihat pada gambar 2. iduser ongkos No_resi stock pesanan member idpro N produk admin kategori kota N 1 1 1 memiliki N mengelola N memiliki N 1 iduser email password catid catname admuser Idadm kdkota nama_kota propinsi memiliki 1 N kdpro nama_propinsi detail_pesanan memiliki mengelola N N 1 password nama harga description Image username tanggal Jasa_kirim status kabkota Id_detail Nama_t Alamat_t kodepos telfon ongkir Total_bayar harga qty kdpro kurs mengelola 1 kode kurs 1 Idadm Id_detail idpro idadm Idadm merk idmerk nama_merk N memiliki 1 catid idmerk kdkota memiliki 1 return Id_return Id_detail 1 memiliki N Detail_return alasan qty status idpro 1 memiliki 1 1 mengelola 1 N idadm idmerk idpro catid kode Id_detail Id_return Id_return Id_detail kdkota iduser idpro Gambar 2. Entity relationship diagram

2.2.3 Analisis Kebutuhan

Fungsional 2.2.3.1 Diagram Konteks Diagram Konteks merupakan suatu model yang menjelaskan secara global bagaimana digunakan dan ditransformasikan untuk proses atau yang menggambarkan aliran data kedalam dan keluar sistem. Berikut adalah gambar diagram konteks untuk sistem yang akan dibangun dapat dilihat pada gambar 3. Bantenbiz komputer admin member pengunjung info produk Info merk info kategori info pesanan Info return Info produk yang dicari Data Login Member Data Lupa password Data pesanan Data return Cari produk Info merk info produk info kategori Info kurs Info admin info pesanan Info return laporan Data admin Data merk Data produk Data kategori Data kurs Data pesanan Data return info produk info kategori info merk Info pesanan Info pencarian Data calon member Data pencarian webmail paypal Info pembayaran Data regisrasi Info registrasi Data pembayran Gambar 3. Diagram konteks

2.2.3.2 Data Flow Diagram

Data Flow Diagram adalah representasi dari suatu sistem yang menggambarkan bagian-bagian dari sistem tersebut beserta seluruh keterlibatan diantara bagian yang ada. Arus data pada DFD dapat berupa masukan untuk sistem ataupun keluaran yang disampaikan kepada pengguna sistem: UNIKOM 2011 3 member Pengunjung Admin 1.0 Registrasi 2.0 Login 3.0 Pengolahan data master 5.0 Pencarian 6.0 Transaksi member admin product categories Data registrasi Info data registrasi Data registrasi Info data registrasi Data pencarian Info pencarian info Data produk Data produk Data kategori Info kategori Data login member Data lupa password Info Data login member invalid Info Data login admin Data login admin Data pesanan info pesanan Data produk Data kategori Data merk Data admin Data kurs Data login admin info produk info kategori info merk Info admin Info kurs Info Data login admin invalid Info Data login member invalid Info Data lupa password merk Data merk Info merk Data pencarian Info pencarian 4.0 View produk Info produk, info merk, info kategori Info produk, info merk, info kategori Info merk Info produk Info kategori pesanan Info pemesanan Data pesanan Info pesanan 7.0 Laporan Data pesanan Data produk Info laporan pesanan, info laporan produk Data admin Info admin kurs Data kurs Info kurs 8.0 return return Data pesanan Data pesanan yang direturn info pesanan yang dikembalikan Data pesanan yang mw direturn info pesanan yang dikembalikan Detail_return Detail_pesanan Info detail_pesanan Data pesanan Data detail_pesanan Data detail_pesanan yang direturn info detail_pesanan yang direturn Info return Info kurs paypal webmail Info data registrasi Info data registrasi Info pembayaran Data pembayaran Data pesanan Data return Gambar 4. DFD Level 1 E-Commerce

2.2.3.3 Skema Relasi

Skema relasi menggambarkan suatu hubungan antar tabel yang sudah ada dalam keadaan normal. Perancangan skema relasi dalam membangun sebuah aplikasi penjualan kebutuhan komputer berbasis web pada ruko bantenbiz kompuer adalah sebagai berikut : categories PK catid catname FK1 idadm Product PK idpro FK1 idmerk nama harga description stock image admin PK idadm admuser password pesanan PK id_detail FK2 idadm FK3 iduser nama_t alamat_t FK1 kota_t kodepos telfon total_bayar status jasa_kirim no_resi tanggal paypal_transaksi waktu_trans_paypal paypal_email paypal_bayar mata_uang propinsi PK kdpro nama_propinsi kota PK kdkota nama_kota kabkota ongkos FK2 kdpro merk PK idmerk nama_merk FK1 catid 1 N N 1 1 N 1 1 N 1 1 N 1 N detail_pesanan FK1 id_detail FK2 idpro harga qty tanggal N member PK iduser username password email FK1 kdkota alamat kodepos telepon 1 1 return PK id_return id_detail 1 1 N 1 detail_return FK1 id_return idpro jumlah alasan status N 1 N N N 1 Gambar 5. Skema Relasi

2.3 Perancangan

Perancangan struktur menu menu dan submenu yang berfungsi untuk memudahkan user dalam menggunakan sistem. Menu – menu tersebut dibagi berdasarkan hak akses masing-masing user. Berikut ini gambaran mengenai struktur menu e-commerce yang akan dibangun. a. Struktur menu pengunjung produk Tentang kami Pengiriman dan pembayaran Cara pemesanan registrasi view tambah Tracking Gambar 6. struktur menu pengunjung b. Struktur menu member produk Keranjang belanja Pengiriman pembayaran Log Out view Edit Qty Delete Login member Cara Pemesanan Tracking Pesanan Anda Gambar 7. struktur menu member c. Struktur menu adminoperator produk merk kategori pesanan Log Out view Edit Delete Tambah Login Admin operator laporan Gambar 8. struktur menu adminoperator d. Struktur menu adminsuperadmin produk merk kategori pesanan Log Out view Edit Delete Tambah Login Admin super admin laporan admin Gambar 9. struktur menu adminsuperadmin

2.4 Implementasi