APLIKASI E-COMMERCE UNTUK PENJUALAN WIG DAN KEPERLUAN SALON PADA UD. NUSANTARA HAIR INDUSTRIES | Waworuntu | Jurnal Infra 743 1309 1 SM

APLIKASI E-COMMERCE UNTUK PENJUALAN WIG DAN
KEPERLUAN SALON PADA UD. NUSANTARA HAIR
INDUSTRIES
Ivander Waworuntu1, Yulia2, Ibnu Gunawan3
Program Studi Teknik Informatika. Fakultas Teknologi Industri Universitas Kristen Petra
Siwalankerto 121-131, Surabaya

Email : Ivander1990@gmail.com1, Yulia@petra.ac.id2, Ibnu@petra.ac.id3

ABSTRAK

KEYWORDS

Sistem penjualan UD. Nusantara Hair Industries dilakukan
secara manual. Untuk melakukan penjualan dikirimkan salessales untuk menawarkan produk yang dimiliki. Biasanya
penjualan menjadi tertunda apabila tidak ada contoh produk
yang dapat di tunjukkan. Masalah lainnya yang dihadapi adalah
kurangnya laporan untuk penjualan yang berada di luar daerah
yang membuat pemilik menjadi kesulitan dalam mengontrol
penjualan.


E-Commerce,Wig, toupee, Extension, CodeIgniter .

Berdasarkan latar belakang permasalahan itu, penulis membuat
aplikasi E-commerce yang dapat mengatasi masalah tersebut.
Proses pembuatannya menggunakan CodeIgniter sebagai
program pembuatannya dan MySQL sebagai databasenya.

Pencatatan semua transaksi dilakukan secara manual. Seperti
transaksi pembelian dari pemasok dan transaksi penjualan
kepada pembeli, selain itu stok barang yang dimiliki hanya
dicatat di buku sehingga jika ingin mengetahui stok barang,
pegawai harus mengecek nota penjualan dan nota pembelian.
Hambatan yang dialami yaitu NHI tidak bisa melayani
pelanggan dengan cepat karena tidak ada barang yang di
display untuk dilihat oleh pelanggan sehingga NHI harus
mengirimkan contoh terlebih dahulu kepada pelanggan. Selain
itu NHI juga tidak bisa mengetahui informasi stok barang yang
dimiliki secara akurat dan cepat, akibatnya terdapat waktu
tunggu ketika NHI akan melakukan transaksi pembelian untuk
mengecek ketersediaan barang yang kebetulan tidak di pajang

di toko

Hasil yang diperoleh dari aplikasi yang telah dibuat antara lain,
adanya katalog barang yang dapat diakses secara online, dapat
menjual barang secara online, dan sebagainya yang
berhubungan dengan proses penjualan. Selain itu aplikasi yang
telah dibuat juga menyediakan laporan-laporan yang terkait
dengan penjualan atau pembelian. Dimana laporan tersebut
dapat membantu pemilik untuk mengontrol penjualan atau
pembelian yang dilakukan.

Kata kunci
E-Commerce,Wig, toupee, Extension, CodeIgniter .

ABSTRACT
UD. Nusantara Hair Industries sales system done manually. To
do sales, usually the salesman sent to offer the products. Sales
usually be delayed if there are no examples of products that can
be show. Other problems encountered is the lack of sales report
that is outside the area that makes the difficult for the owner to

controlling the sale.
Based on the background of the problem, the authors make the
E-commerce applications that can solve the problem.
Manufacturing process using CodeIgniter as program
preparation and MySQL as the database.
The results obtained from the applications that have been made
, among others, the catalog can be accessed online, can sell
goods online, and so on related to the sales process. In addition
to the applications that have been made also provides reports
related to the sale or purchase. Where the report can help the
owner to control the sale or purchase made.

1. PENDAHULUAN
UD. Nusantara Hair Industries(NHI) adalah unit usaha di
bidang penjualan dan importer di kota Sidoarjo, Jawa Timur.
Barang-barang yang dijual meliputi wig, Toupee, dan keperluan
salon lainnya. NHI juga melakukan pembelian secara impor.
NHI juga melayani penjualan secara grosir dan eceran.

Dalam pembuatan aplikasi ini peneliti menggunakan

framework CodeIgniter, dimana peneliti tidak perlu
menuliskan source code program dengan panjang, sehingga
dapat mempercepat dalam pembuatan aplikasi ini. Cara kerja
framework tersebut membagi menjadi 3 bagian, antara lain
controller , model. dan view

2. LANDASAN TEORI
2.1 E-commerce

Pengertian E-commerce menurut Roger Clarke adalah “Tata
cara perdagangan barang dan jasa yang menggunakan media
telekomunikasi dan telekomunikasi sebagai alat bantunya ”.
Dapat diartikan bahwa pengertian E-commerce adalah proses
pembelian dan penjualan barang dan jasa dengan menggunakan
jasa computer online di internet [1].
Dalam pembuatan aplikasi ini menggunakan jenis transaksi
Business to Consumer (B2C), dimana Bussiness to Consumer
memiliki ciri sebagai berikut [2] :

1.

2.

3.

4.

Terbuka untuk umum, dimana informasi disebarkan ke
umum.
Servis yang diberikan bersifat umum ( Generic) dengan
mekanisme yang dapat digunakan oleh banyak orang.
Sebagai contoh, karena sistem web sudah umum
digunakan maka servis yang diberikan dengan
menggunakan basis web.
Servis yang diberikan berdasarkan permohonan ( On
demand). Konsumen melakukan inisiatif dan produsen
harus siap memberikan respon yang sesuai dengan
permohonan.
Pendekatan client/server sering digunakan dimana
diambil asumsi (Client consumer ) menggunakan sistem
yang minimal (berbasis web) dan processing (Business

Procedure) diletakan di sisi server.

Berikut ini merupakan DFD level 0 yang dapat dilihat pada
Gambar 3.2.

2.2 Sistem Informasi
Sistem informasi merupakan kombinasi teratur dari orangorang, hardware, software, jaringan komunikasi dan sumber
daya data yang mengumpulkan, mengubah dan menyebarkan
sistem informasi dalam sebuah organisasi [3].

2.3 CodeIgniter
CodeIgniter adalah aplikasi open source yang berupa
framework dengan model MVC(Model, View, Controller) untuk
membangun web dinamis dengan menggunakan PHP [4].

Keuntungan menggunakan CodeIgniter adalah sebagai berikut:
1. Struktur yang konsisten. Sangat berguna bila developer
banyak dan turnover tinggi.
2. Hanya library dan helper yang dibutuhkan yang di-load.
Tiga (3) komponen dalam framework CodeIgniter adalah

sebagai berikut [5] :
1. View: berfungsi untuk menerima dan mempresentasikan
data kepada user.
2. Model: berhubungan dengan database dan memanipulasi
data.
3. Controller: mengatur hubungan antara model dengan
view, dan berfungsi untuk menerima request dan
memproses data.

3. DESAIN SISTEM
3. 1 Desain Data Flow Diagram (DFD)
Berikut ini Data Flow Diagram menjelaskan mengenai aliran
proses keluar dan masuknya data pada UD. Nusantara Hair
Industries. Pembuatan DFD dimulai dengan pembuatan
Context Diagram, dimana Context Diagram merupakan
gambaran secara keseluruhan sistem yang dibangun, dapat
dilihat pada Gambar 3.1.
Gudang
Data Barang


Supplier
Data Pembelian
Pembayaran Barang

Admin

Data Barang
Data Supplier

Data barang
Data supplier
Data pembelian
Data Admin
Data Supplier
Laporan Penjualan
Laporan Stock
Laporan Laba Rugi
Data Pesanan
PayPal
Pembayaran via BCA


Data Pesanan
Data Barang
Data Pembelian
Laporan stock
Retur Barang

Data barang
0
E-Commerce

Data user
Data Pesanan
PayPal
Pembayaran via BCA
Retur Barang

Gambar 3.1 Context Diagram.

Customer


Gambar 3.2 DFD Level 0.
Pada DFD Level 0 terdapat 6 proses, yaitu :
1. Proses Login:
Dalam proses login digunakan untuk membedakan apakah yang
masuk di dalam website tersebut adalah admin atau customer.
Apabila username dan password sesuai dengan login admin
maka user akan dibawa ke halaman admin jika tidak maka user
akan dianggap sebagai customer dan dibawa ke halaman
customer .
2. Proses Pembelian
Dalam proses pembelian ini terdiri dari proses tambah
pembelian, update pembelian, retur pembelian, dan hapus
pembelian. Dimana owner atau pegawai dapat menambahkan
data pembelian barang, dan data retur pembelian. Untuk proses
update dan hapus pembelian hanya bisa dilakukan oleh owner .
3. Proses Barang
Proses barang terdiri dari proses tambah barang, update barang
dan hapus barang. Dalam proses tambah barang berasal dari
customer waktu melakukan pembelian. Proses update barang

akan mengubah jumlah stok saat terjadi pembelian yang
dilakukan oleh customer . Dan proses hapus barang apabila
customer melakukan pembatalan terhadap barang yang dibeli.
4. Proses Penjualan
Dalam proses penjualan terdiri dari proses tambah penjualan
dan retur penjualan. Dimana proses tambah penjualan berasal
dari data nota penjualan dan proses retur penjualan dapat
dilakukan oleh owner dan pegawai.
5. Proses User
Dalam proses user digunakan untuk mencatat dan mencari user
yang terdaftar untuk dapat melihat kontak dari user yang
terdaftar tersebut.

3. 2

4. PENGUJIAN SISTEM

Entity Relationship Diagram (ERD)

4. 1

3.2.1 Conceptual Diagram Model.

Berikut ini merupakan Diagram Model Conceptual dalam
pembuatan aplikasi pada Toko Agung Jaya, dapat dilihat pada
Gambar 3.3

#
o
o
o
o

idbukti
nama
gambar
user
tanggal
...

bukti
Integer
Variable characters (255)
Variable characters (255)
Variable characters (1024)
Date

#
o
o
o
o

idretur
gambar
tanggal
username
status
...

Retur
Integer
Variable characters (255)
Date
Variable characters (255)
Integer

Relationship_6
Relationship_4

Relationship_10

penjualan
# idpenjualan Integer
o user
Variable characters (1024)
o tanggal
Date
o total
Integer
o status
Integer
o validasi
Integer
...

#
o
o
o
o
o
o
o
o
o
o
o

Detail_penjualan
iddetailpenj Integer
warna
Variable characters (255)
jumlah
Integer
harga
Integer
total
Integer
username Variable characters (255)
tanggal
Date
paket
Variable characters (255)
ongkos
Integer
status
Integer
validasi
Integer
resi
Variable characters (255)
...

Relationship_5

#
o
o
o
o
o
o
o
o
o
o

iduser
firstname
lastname
alamat
kota
telepon
email
username
password
status
lunas
...

id
nama
tanggal
stock
warna
deskripsi
harga
kategori
images
jual
status
...

barang
Integer
Variable characters (255)
Date
Integer
Variable characters (255)
Text
Integer
Variable characters (1024)
Variable characters (1024)
Integer
Integer

detail_pembelian
iddetailpemb Integer
namabarang Variable characters (255)
jumlah
Integer
warna
Variable characters (255)
harga
Integer
total
Integer
supplier
Integer
tanggal
Date
status
Integer
...

Relationship_1

Pembelian
# idpembelian Integer
o total
Integer
o tanggal
Date
...

Relationship_8

Relationship_3

Relationship_11

#
o
o
o

Relationship_9

User
Integer
Variable characters (255)
Variable characters (255)
Variable characters (255)
Variable characters (255)
Variable characters (255)
Variable characters (255)
Variable characters (255)
Variable characters (255)
Integer
Integer

#
o
o
o
o
o
o
o
o
o
o

#
o
o
o
o
o
o
o
o

Relationship_7

Order
# idorder Integer
o gambar Variable characters (255)
o tanggal Date
o jumlah Integer
o username Variable characters (255)
o nama
Variable characters (255)
o alamat Variable characters (255)
o telepon Variable characters (255)
o status
Integer
...

idwarna
warna
stock
status

Warna
Integer
Variable characters (255)
Integer
Integer

o
o
o
o
o
o

no
origin
destination
city
service
harga

regular
Integer
Variable characters (255)
Variable characters (255)
Variable characters (255)
Variable characters (255)
Integer

o
o
o
o
o
o

no
origin
destination
city
service
harga

yes
Integer
Variable characters (255)
Variable characters (255)
Variable characters (255)
Variable characters (255)
Integer

firstname
lastname
email
username
password
status
...

Hutang
idhutang
tanggal
tanggal_jatuh_tempo
total
terbayar
sisa
status
...

Integer
Date
Date
Integer
Integer
Integer
Integer

idsupplier
namasupplier
alamat
telepon
keterangan
...

Supplier
Integer
Variable characters (1024)
Variable characters (255)
Variable characters (255)
Text

admin
Variable characters (255)
Variable characters (255)
Variable characters (255)
Variable characters (255)
Variable characters (255)
Integer

o
o
o
o
o
o

no
origin
destination
city
service
harga

ctc
Integer
Variable characters (255)
Variable characters (255)
Variable characters (255)
Variable characters (255)
Integer

o
o
o
o
o
o

no
origin
destination
city
service
harga

ok
Integer
Variable characters (255)
Variable characters (255)
Variable characters (255)
Variable characters (255)
Integer

Gambar 4.1 Halaman Pembayaran

4. 2

Gambar 3.3 Conceptual Diagram Model.
3.2.2

Customer dapat melakukan pembelian dengan melakukan
login di halaman home dan memasukkan jumlah barang yang
dibeli dan memasukkan jumlah yang ingin dibeli. Apabila
customer telah selesai menambahkan barang, konsumen
dapat menekan my account, dimana pada my account ini
berisi nota pembelian barang yang dibeli berdasarkan
tanggal, dan customer memilih tanggal pembeliannya
kemudian dapat memilih jenis paket pengirimannya dan
menekan tombol submit, seperti pada Gambar 4.1

Relationship_2

#
o
o
o
o

o
o
o
o
o
o

#
o
o
o
o
o
o

Proses Penjualan Barang

Physical Data Model

Berikut ini merupakan Gambar Physical Data Model yang
dapat dilihat pada Gambar 3.4

Proses Barang

Setelah customer melakukan pembelian barang, maka pada
halaman Sales untuk admin atau pegawai akan muncul data
pembelian barang, seperti pada Gambar 4.2

detail_pembelian
iddetailpemb
namabarang
jumlah
warna
harga
total
supplier
tanggal
status
...

integer
varchar
integer
varchar
integer
integer
integer
date
integer

detail_penjualan
iddetailpenj
idbarang
warna
jumlah
harga
total
username
tanggal
paket
ongkos
status
validasi
resi
...

Retur
Bukti
idbukti
idpenjualan
nama
gambar
user
tanggal
...

integer
integer
varchar
varchar
varchar
date

idretur
idpenjualan
gambar
tanggal
username
status
...

integer
integer
varchar
date
varchar
integer

barang
integer
integer
idbarang integer
varchar
nama
varchar
integer
tanggal date
integer
stock
integer
integer
warna
varchar
FK_DETAIL_P_REFERENCE_BARANG
varchar
deskripsi text
date
harga
integer
varchar
kategori varchar
integer
images varchar
integer
jual
integer
integer
status
integer
varchar

FK_PEMBELIA_REFERENCE_DETAIL_P

hutang

pembelian
idpembelian
iddetailpemb
idhutang
total
tanggal
...

idhutang
integer
FK_PEMBELIA_REFERENCE_HUTANG
tanggal
integer
tanggal_jatuh_tempo
integer
total
integer
terbayar
date
sisa
status
...

integer
date
date
integer
integer
integer
integer

FK_SUPPLIER_REFERENCE_PEMBELIA

FK_RETUR_REFERENCE_PENJUALA

FK_WARNA_REFERENCE_BARANG

supplier

penjualan

FK_BUKTI_REFERENCE_PENJUALA

idpenjualan
iddetailpenj
user
tanggal
total
status
validasi
...

integer
integer
integer
date
integer
integer
integer

FK_PENJUALA_REFERENCE_DETAIL_P

FK_USER_REFERENCE_PENJUALA

idwarna
FK_ORDER_REFERENCE_PENJUALA
idbarang
warna
stock
status
...

idsupplier
idpembelian
namasupplier
alamat
telepon
keterangan
...

Warna
integer
integer
varchar
integer
integer

admin
firstname
lastname
email
username
password
status
...

user
iduser
idpenjualan
idorder
firstname
lastname
alamat
kota
telepon
email
username
password
status
lunas
...

integer
Order
integer
idorder
integer
integer
idpenjualan integer
varchar
gambar
date
varchar
FK_USER_REFERENCE_ORDER
tanggal
integer
varchar
jumlah
varchar
varchar
username
varchar
varchar
nama
varchar
varchar
alamat
varchar
varchar
telepon
varchar
varchar
status
integer
integer
...
integer

integer
integer
varchar
varchar
varchar
varchar

OKE
no
origin
destination
city
service
harga
...

CTC

integer
varchar
varchar
varchar
varchar
integer

YES
no
origin
destination
city
service
harga
...

varchar
varchar
varchar
varchar
varchar
integer

no
origin
destination
city
service
harga
...

integer
varchar
varchar
varchar
varchar
integer

REGULAR
integer
varchar
varchar
varchar
varchar
integer

no
origin
destination
city
service
harga
...

integer
varchar
varchar
varchar
varchar
integer

Gambar 3.4 Physical Data Model

Gambar 4.2 Halaman Sales
Untuk memproses nota penjualan tersebut, admin atau pegawai
menekan Nota, maka admin akan dibawa kehalaman
pengeditan nota. Lalu admin dapat membuka halaman edit
status pembayaran, edit ongkos kirim dan edit resi untuk
memproses barang tersebut.seperti pada Gambar 4.3

5.

KESIMPULAN

Dalam aplikasi ini sudah dapat mencatat perubahan stok secara
otomatis tetapi masih terdapat kekurangan, apabila terjadi
pembatalan barang jumlah stok harus ditambah lagi secara
manual dan juga ongkos kirim juga masih harus diinputkan
secara manual.

6.
1.
2.
3.
4.
5.

Gambar 4.3 Halaman Status Penjualan

DAFTAR REFERENSI
Clarke, R. (2007). Retrieved January 7,2013, from
www.rogerclarcke.com/ec
Magfiroh. (2011). N. I 2011. E-Commers. Karya Ilmiah.
Stimik amikom Yogyakarta.
Mcleod, R. (2007). Management Information System (9th
Ed). PT. Elex Media Komputindo
Griffith, A. (2010). CodeIgniter 1.7 professional
development. PT. Elex Media Komputindo
Desrizal. (2010). Panduan Lengkap PHP Ajax JQuery.
Retrieved January 7, 2013, from Blog.codingwear.com