PERANCANGAN DAN PEMBUATAN APLIKASI ECOMMERCE PADA TOKO AGUNG JAYA | Silvatika | Jurnal Infra 733 1295 1 SM
PERANCANGAN DAN PEMBUATAN APLIKASI ECOMMERCE PADA TOKO AGUNG JAYA
Leonardi Anthoni Silvatika1, Gregorius Satia Budhi2, Ibnu Gunawan3
Program Studi Teknik Informatika. Fakultas Teknologi Industri Universitas Kristen Petra
Siwalankerto 121-131, Surabaya
Email : silvatika.1990@gmail.com1, greg@petra.ac.id2, ibnu@petra.ac.id3
ABSTRAK
Perkembangan teknologi pada saat ini telah berkembang
secara pesat. Dimana hampir semua kegiatan dapat dilakukan
pada dunia maya, misalnya melakukan transaksi pembayaran,
pembelian barang, pemesanan tiket, baik tiket pesawat
maupun tiket kereta api, dan lainnya.
Di jaman sekarang ini penjualan secara online sudah banyak.
Hal ini dikarenakan untuk membuka suatu usaha online lebih
mudah dan murah dari pada membuka usaha disuatu tempat
yang berbentuk bangunan. Selain itu, dengan cara berjualan
online orang akan lebih banyak mengetahui barang apa saja
yang dijual, karena semua orang dapat melihat tanpa harus
mendatangi tempat itu.
Berdasarkan hasil pengujian aplikasi yang telah dibuat,
aplikasi dapat menampilkan data barang yang dijual beserta
promo yang ditawarkan. Selain itu aplikasi ini mempunyai
fitur konfirmasi account untuk mengaktifkan account dan
kirim detail order .
Kata kunci
Web, CodeIgniter, E-commerce, FIFO.
ABSTRACT
Today, technology has been growing rapidly. It enables
people to do all activities in virtual world, such as payment
transactions, the purchase of goods, airline tickets or train
tickets and the other.
Nowadays, online sales are already spreading widely in virtual
world. Such business would eventually lead to a much easier
and cheaper transaction compared to the usual-conventional
one. In addition, people would get more information about the
types of products that are sold online, because they can easily
see the product without having to go to the store.
Based on testing result of the application that I have made, the
application can display the data items that are sold along with
promo offer, and has features for account confirmation to
activate the account and send the order details.
KEYWORDS
Web, CodeIgniter, E-commerce, FIFO.
1. PENDAHULUAN
Toko Agung Jaya berada di Bima, toko tersebut menjual
beraneka macam kebutuhan alat elektronik, seperti receiver
parabola, dispenser, rice cooker , setrika, kipas angin, air
conditioner , televisi, dan sebagainya. Dalam memenuhi
kebutuhan konsumen untuk mengetahui dan membeli barang
apa saja yang dijual, serta memperluas daerah pemasaran dan
menghemat waktu konsumen untuk melakukan pembelian
barang, maka dibuat suatu web e-commerce pada toko
tersebut.
Konsumen yang ingin melakukan transaksi pembelian barang
wajib memiliki account, dimana setelah konsumen melakukan
registrasi akan menerima e-mail yang berisi kode untuk
mengaktifkan account yang didaftarkan. Setelah account
aktif, konsumen dapat melakukan transaksi pembelian barang,
yaitu konsumen memilih barang apa saja yang ingin dibeli,
apabila konsumen telah melakukan checkout konsumen dapat
membayar dan melakukan kofirmasi kepada pihak Toko
Agung Jaya, dan pihak toko akan segera memperoses
pembelian oleh konsumen tersebut. Selain itu konsumen dapat
memberikan rating dan komentar pada barang.
Dalam pembuatan aplikasi ini peneliti menggunakan
framework CodeIgniter, dimana peniliti tidak 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 Sistem Informasi
Definisi sistem informasi menurut Robert A. Leitch dan K.
Roscoe Davis adalah “Suatu sistem di dalam suatu organisasi
yang mempertemukan kebutuhan pengolahan transaksi
harian, mendukung operasi, bersifat manajerial dan kegiatan
strategi dari suatu organisasi dan menyediakan pihak luar
tertentu dengan laporan-laporan yang diperlukan ”[4].
2.2 E-commerce
Pengertian E-commerce menurut Bryan A. Garner adalah “Ecommerce the practice of buying and selling goods and
service trough online consumer services on the internet. The
ashortened from electronic, has become a popular prefix for
other terms associated with electronic transaction ”. Dapat
diartikan bahwa pengertian E-commerce adalah pembelian
dan penjualan barang dan jasa dengan menggunakan jasa
computer online di internet [1].
Bussiness to Consumer memiliki ciri sebagai berikut: [4]
1.
2.
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
3.
4.
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.
timages
trating
Data gambar
Data komentar
Data rating
Data barang
Proses
barang
tbarang
tcomment
Data barang
Data gambar
Laporan hutang
Laporan piutang
Laporan pembelian
Laporan penjualan
6
Data komentar
Data rating
tretur
pembelian
Data barang
Data gambar
Data pembelian
Data kategori
Data retur pembelian
Data pembelian
Data retur pembelian
tkategori
Proses
pembelian
Data pembelian
Data retur pembelian
Data pegawai
2.3 CodeIgniter
1
Data status pesanan
CodeIgniter adalah aplikasi open source yang berupa
framework dengan model MVC (Model, View, Controller)
untuk membangun web dinamis dengan menggunakan PHP .
[2]
tpembelian
Pegawai
tpegawai
Data pembelian
Data retur pembelian
Data pembelian
Data retur pembelian
Data pegawai
Data konsumen
Data admin
Laporan hutang
Laporan piutang
Laporan retur penjualan
Laporan retur pembelian
Laporan pembelian
Laporan penjualan
Laporan pesanan barang
Laporan admin
Laporan konsumen
Laporan pegawai
Owner
Proses user
Data pegawai
Data owner
5
Data owner
Data retur penjualan
Data penjualan
tadmin
Tkartu_stok
Data konsumen
Keuntungan
berikut:
menggunakan
CodeIgniter
adalah
sebagai
Proses
laporan
tkonsumen
Data konsumen
Data retur penjualan
Data penjualan
Data retur penjualan
Proses
penjualan
Data status pesanan
4
2
Data penjualan
Konsumen
1.
Mempercepat dan mempermudah membangun sebuah
aplikasi web.
2. Menyediakan fasilitas yang umum dipakai sehingga
tidak perlu membangun dari awal (Validasi, Pagination,
Session, dan sebagainya).
Tiga (3) komponen dalam framework CodeIgniter adalah
sebagai berikut: [2]
1. View: berfungsi untuk menerima dan mempresentasikan
data kepada user.
2. Model:
berhubungan
dengan
database
dan
memanipulasi data.
3. Controller: mengatur hubungan anatara model dengan
view, dan berfungsi untuk menerima request dan
memperoses data.
2.4 First In First Out (FIFO)
Metode First In First Out (FIFO) mengasumsikan bahwa
barang yang dibeli awal adalah barang yang pertama yang
dijual. Dengan menggunakan metode FIFO biaya untuk
pembelian barang yang dibeli lebih dahulu dianggap akan
menjadi harga pokok penjualan[3].
3. DESAIN SISTEM
3. 1
Desain Data Flow Diagram (DFD)
Berikut ini Data Flow Diagram menjelaskan mengenai aliran
proses keluar dan masuknya data pada Toko Agung Jaya.
Pembuatan DFD dimulai dengan pembuatan Context
Diagram, dimana Context Diagram merupakan gambaran
secara keseluruhan sistem yang dibangun, dapat dilihat pada
Gambar 3.1.
Data konsumen
Data pesanan barang
Data pembayaran
Konsumen
Data nota penjualan
Owner
Data barang
Data pembelian
Data pegawai
Data admin
Data retur pembelian
Data retur penjualan
Data status pesanan
Laporan hutang
Laporan piutang
Laporan pembelian
Laporan penjualan
E-commerce
Laporan hutang
Laporan piutang
Laporan penjualan
Laporan pembelian
Laporan retur penjualan
Laporan retur pembelian
Laporan konsumen
Laporan admin
Laporan pegawai
Laporan pesanan barang
Gambar 3.1 Context Diagram.
Pegawai
Data barang
Data pembelian
Data retur pembelian
Data retur penjualan
Data status pesanan
tretur
penjualan
tpenjualan
Data retur penjualan
Proses
pesanan
Data pesanan barang
Data pembayaran
Data konsumen
Data pesanan barang
Data pesanan barang
3
Data pesanan barang
Data status pesanan
Data cart
Data nota penjualan
Data pesanan barang
Data kirim
tkota
cart
tnota
penjualan
Tdetail nota
penjualan
Gambar 3.2 DFD Level 0.
Pada DFD Level 0 diatas mempunyai 6 proses, yaitu sebagai
berikut:
1. 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 .
2. 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.
3. Proses Pesanan
Proses Pesanan terdiri dari proses Tambah pesanan, Update
status pesanan dan Hapus pesanan. Dalam proses Tambah
pesanan berasal dari konsumen dimana melakukan pembelian.
Proses Update status pesanan akan mengubah status pesanan
dari tidak lunas menjadi lunas yang dapat dilakukan oleh
owner atau pegawai. Dan proses Hapus pesanan hanya dapat
dilakukan oleh owner .
4. Proses Laporan
Dalam Proses Laporan owner dapat melihat semua laporan
yang ada, dan untuk pegawai hanya dapat melihat laporan
hutang, piutang, penjualan, pembelian dan stok barang.
5. Proses User
Dalam Proses user terdiri dari proses Tambah user , Update
user , dan Delete use. Dalam proses Tambah user hanya dapat
dilakukan oleh konsumen dan owner , dimana konsumen
hanya dapat membuat account baru, dan owner dapat
membuat account baru untuk owner dan pegawai. Dalam
proses Update user konsumen dapat memperbaharui data.
Untuk data pegawai dan owner hanya dapat dilakukan oleh
owner . Dan proses Delete user hanya dapat dilakukan oleh
owner .
6. Proses Barang
Dalam Proses Barang ini terdiri dari proses Tambah barang,
Tambah rating barang, dan Tambah komentar barang. Dalam
proses Tambah barang dapat dilakukan oleh owner dan
pegawai. Dan proses Tambah rating barang dan Tambah
komentar barang hanya dapat dilakukan oleh konsumen.
3. 2
4. PENGUJIAN SISTEM
4. 1
Konsumen dapat melakukan pembelian dengan membuka
halaman home dan menekan tombol add to cart pada barang
yang dikehendaki. Apabila konsumen telah selesai
menambahkan barang, konsumen dapat menekan Cart,
dimana pada halaman cart ini berisi detail barang yang
dibeli, dan memberikan pilihan kepada konsumen untuk
alamat pengiriman dan jenis pengiriiman, dapat dilihat pada
Gambar 4.1
Entity Relationship Diagram (ERD)
3.2.1 Conceptual Diagram Model.
Berikut ini merupakan Conceptual Diagram Model dalam
pembuatan aplikasi pada Toko Agung Jaya, dapat dilihat pada
Gambar 3.3
Tkomen
id_komen
isi_komen
date
Tresi
id_resi
nomor_resi
tanggal_jual
tanggal_kirim_resi
Trating
id_rating
jumlah_rating
komen
resi
Tadmin
id_admin
first_name
last_name
username
password
ty pe
Tkartu_stok
id_kartu_stok
tanggal
jumlah_masuk
harga_masuk
jumlah_keluar
harga_keluar
sisa_f ifo
ambil_stok
keterangan
ty pe_kartu
harga_jual
Tdetail_pembelian
id_detail_pembelian
jumlah_barang_beli
harga_satuan
Kartu_penjualan
Tpembelian
id_pembelian
nama_supplier
tanggal_pembelian
tanggal_pembayaran
status_pembelian
status_kartu
Tdetail_penjualan
id_detail_penjualan
nama_barang
harga_jual
jumlah
detail_penjualan
kar tu_pembel ian
Tkonsumen
id_konsumen
first_name
last_name
email
password
alamat
zip
phone
ty pe
status
konfirmasi
kota
handphone
Tkategori
id_kategori
ty pe_barang
kategori
nota_penjualan
retur_penjual an
Tnota_penjualan
id_nota_penjualan
tanggal_jual_nota
Tbarang
id_barang
nama_barang
berat
detail
detail_barang
harga
tanggal_barang
status_barang
lihat
beli
status_penjualan
status_order
alamat
kota
total_kirim
detail_nota_penjualan
Tretur_penjualan
id_retur_penjualan
ty pe_retur
tanggal_retur_penjualan
jumlah
kota
Tdetail_nota_penjualan
id_detail_nota_penjualan
nama_barang
harga
jumlah
id_kota
nama_kota
harga_regular
harga_oke
Selanjutnya konsumen wajib untuk mengisi jenis pengiriman
yang dipakai dan alamat pengiriman, dimana alamat
pengiriman bisa menggunakan alamat yang terdaftar atau
dengan menggunakan alamat pengiriman yang baru, setelah
itu akan muncul halaman detail cart yang berisi, detail barang
,detail biaya pengiriman, dapat dilihat pada Gambar 4.2
Tretur_pembelian
id_retur_pembelian
retur_pembel
ian
ty pe_retur
tanggal_retur_pembelian
jumlah
cart
id_cart
id_session
jumlah
car t
Gambar 4.1 Halaman Cart.
Ttoday _deal
id_today_deal
harga_sebelum
harga_today
tanggal_today
today_deal
Tkota
peg awai
Timages
id
file_name
file_ty pe
file_path
full_path
raw_name
orig_name
client_name
image_size_str
image
image_type
image_height
image_width
is_image
file_ext
file_size
rating
Tkonsumen_nota_penjualanstatus_nota
Tpegawai
id_pegawai
first_name
last_name
alamat
phone
hp
username
password
ty pe
detail_pembelian
admin
Tpenjualan
id_penjualan
tanggal_jual
Proses Pembelian Barang
Gambar 3.3 Conceptual Diagram Model.
3.2.2
Physical Data Model
Berikut ini merupakan Gambar Physical Data Model yang
dapat dilihat pada Gambar 3.4
TADMI N
TKARTU_STOK
ID _KAR TU _STOK
TANGGAL
JUMLAH_MASUK
HARGA_MASUK
JUMLAH_KELUAR
HARGA_KELUAR
SISA_FI FO
AMBI L_STOK
KETERANGAN
TY PE_KARTU
HARGA_JUAL
TRESI
ID _R ESI
ID _PEN JU ALAN
NOMO R_RESI
TANGGAL_JUAL
TANGGAL_KIRI M_RESI
int eger
int eger
v archar(40)
date
date
int eger
date
int eger
int eger
int eger
int eger
int eger
int eger
v archar(50)
int eger
int eger
ID _AD MIN
FIR ST_NAME
LAST_N AME
USERNAME
PASSWO RD
TY PE
ID_KART U_ST OK = ID_KART U_ST OK
int eger
int eger
int eger
int eger
int eger
ID_PEGAWAI = ID_PEGAWAI
TPEGAWAI
ID _PEG AWAI
FIR ST_NAME
LAST_N AME
ALAMAT
PHONE
HP
USERNAME
PASSWO RD
TY PE
TDETAIL_PENJUALAN
TPENJUALAN
ID _PEN JU ALAN
TANGGAL_JUAL
ID _N OTA_PENJUALAN
ID_KONSUMEN = ID_KONSUMEN
ID _D ETAI L_PEN JU ALAN
ID _PEN JU ALAN
ID _BAR ANG
ID _KAR TU _STOK
NAMA_BARANG
HARGA_JUAL
JUMLAH = ID_BARANG
ID_BARANG
int eger
date
ID_PENJ UALAN = ID_PENJ UALAN
int eger
TKONSUMEN
TRATING
int eger
ID _R ATI NG
int eger
v archar(50)
ID _KO NSUMEN
int eger
v archar(30)
ID_KONSUMEN = ID_KONSUMEN
JUMLAH_RATING int eger
v archar(30)
v archar(255)
v archar(50)
v archar(8)
v archar(13)
int eger
int eger
v archar(255)
v archar(50)
v archar(13)
ID_NOT A_PENJ UALAN = ID_NOT A_PENJ UALAN
int eger
int eger
int eger
int eger
v archar(40)
int eger
int eger
int eger
v archar(50)
v archar(30)
v archar(50)
v archar(13)
v archar(13)
v archar(30)
v archar(255)
int eger
TKATEGORI
ID_PENJ UALAN = ID_PENJ UALAN
ID_KART U_ST OK = ID_KART U_ST OK
ID_KAT EGORI = ID_KATEGORI
ID _KATEGO RI
TY PE_BARANG
int eger
v archar(20)
TIMAG ES
TNOTA_PENJUALAN
ID_KONSUMEN = ID_KONSUMEN
ID_NOT A_PENJ UALAN = ID_NOT A_PENJ UALAN
TDETAIL_NOTA_PENJUALAN
ID _D ETAI L_NOTA_PEN JUALAN
ID _N OTA_PENJUALAN
NAMA_BARANG
HARGA
JUMLAH
int eger
int eger
int eger
v archar(30)
date
date
v archar(30)
int eger
TDETAIL_PEMBELIAN
ID _D ETAI L_PEMBELI AN
ID _PEMBELI AN
ID _KAR TU _STOK
JUMLAH_BARANG_BELI
HARGA_SATUAN
ID_KART U_ST OK = ID_KART U_ST OK
int eger
int eger
v archar(255)
date
ID_PENJ UALAN = ID_PENJ UALAN
ID _KO NSUMEN
FIR ST_NAME
LAST_N AME
EMAI L
PASSWO RD
ALAMAT
ZIP
PHONE
TY PE
STATUS
KONFI RMASI
KOTA
HANDPH ONE
ID _PEMBELI AN
ID _AD MIN
ID _PEG AWAI
NAMA_SUPPLIER
TANGGAL_PEMBELIAN
TANGGAL_PEMBAY ARAN
STATUS_PEMBELI AN
ID_PEMBELIAN = ID_PEMBELIAN
STATUS_KARTU
ID_ADMIN = ID_ADMIN
ID_KART U_ST OK = ID_KART U_ST OK
TKOMEN
ID _KO MEN
ID _KO NSUMEN
ISI _KOMEN
DATE
TPEMBELIAN
int eger
v archar(50)
v archar(30)
v archar(30)
v archar(255)
int eger
int eger
v archar(40)
int eger
int eger
ID _N OTA_PENJUALAN
ID _PEN JU ALAN
ID _KO TA
ID _KO NSUMEN
TANGGAL_JUAL_N OTA
STATUS_NOTA
STATUS_PENJU ALAN
STATUS_ORDER
ALAMAT
KOTA
TOTAL_KI RI M
TBARANG
int eger
int eger
int eger
int eger
date
int eger
int eger
int eger
v archar(50)
v archar(50)
int eger
ID _BAR ANG
ID _KATEGO RI
NAMA_BARANG
BERAT
DETAIL
HARGA
TANGGAL_BARANG
STATUS_BARANG
LIHAT
BELI
int eger
int eger
v archar(40)
f loat
long v archar
int eger
date
int eger
int eger
int eger
ID_NOT A_PENJ UALAN = ID_NOT A_PENJ UALAN
ID
ID _BAR ANG
FILE_NAME
FILE_TY PE
FILE_PATH
FULL_PATH
RAW _N AME
ORI G_NAME
CLIEN T_NAME
ID_BARANG = ID_BARANG
IMAGE_SIZE_STR
IMAGE_TY PE
IMAGE_HEIGHT
IMAGE_WI DTH
IS_I MAGE
FILE_EXT
FILE_SI ZE
int eger
int eger
v archar(255)
v archar(255)
v archar(255)
v archar(255)
v archar(255)
v archar(255)
v archar(255)
v archar(255)
v archar(255)
int eger
int eger
smallint
v archar(255)
smallint
Gambar 4.2 Halam Detail Cart.
Setelah konsumen menekan tombol checkout pada halaman
detail cart, maka secara otomatis konsumen akan menerima
email detail order, dapat dilihat pada Gambar 4.3.
TRETUR_PENJUALAN
CART
ID _C ART
ID _N OTA_PENJUALAN
ID _SESSI ON
JUMLAH
ID_KOT A = ID_KOT A
int eger
int eger
v archar(32)
int eger
ID _R ETU R_PEN JU ALAN
ID _KAR TU _STOK
TY PE_RETUR
TANGGAL_RETUR_PENJUALAN
JUMLAH
int eger
int eger
int eger
date
int eger
TTODAY _DEAL
ID_BARANG = ID_BARANG
TKOTA
ID _KO TA
NAMA_KOTA
HARGA_REGU LAR
HARGA_OKE
int eger
v archar(50)
int eger
int eger
TRETUR_PEMBELIAN
ID _R ETU R_PEMBELI AN
ID _KAR TU _STOK
TY PE_RETUR
TANGGAL_RETUR_PEMBELIAN
JUMLAH
ID _TOD AY _DEAL
ID _BAR ANG
HARGA_SEBELUM
HARGA_TODAY
TANGGAL_TODAY
int eger
int eger
int eger
int eger
date
int eger
int eger
int eger
date
int eger
Gambar 3.4 Physical Data Model
Gambar 4.3 Detail Order.
4. 2
Proses Barang
Setelah konsumen melakukan pembelian barang, maka pada
halaman nota penjualan untuk admin atau pegawai akan
muncul data pembelian barang, dapat dilihat pada Gambar 4.3
5.
Dalam pembuatan apliasi ini masih terdapat kekurangan,
diaman apabila data barang tidak ada, maka akan
memunculkan error pada halaman home, tampilan web masih
terlihat kaku, dan e-mail yang dikirimkan dari pihak Toko
Agung Jaya masuk kedalam folder spam pada e-mail gmail.
6.
1.
Gambar 4.3 Halaman Nota Penjualan.
2.
Untuk memperoses nota penjualan tersebut, admin atau
pegawai cukup menekan lunas, maka status pembayaran akan
berubah menjadi lunas. Lalu admin atau pegawai membuka
halaman tambah penjualan, dan menekan tombol tambah
penjualan. Maka secara langsung data nota penjualan tersebut
masuk ke dalam penjualan, dapat dilihat pada Gambar 4.4
3.
4.
5.
Gambar 4.4 Halaman Tambah Penjualan.
KESIMPULAN
DAFTAR REFERENSI
Barakatullah Abdul Halim. (2005), Bisnis E-commerce.
Pustaka Pelajar
Gungun Septian. (2011), Trik Pintar Menguasai
CodeIgniter: PT. Elex Media Komputindo.
Nengzih. Persediaan Inventory, Retrieved Febuary
2,2013,from:https://www.google.com/url?sa=t&rct=j&q
=&esrc=s&source=web&cd=2&ved=0CDIQFjAB&url=
http%3A%2F%2Fkk.mercubuana.ac.id%2Ffiles%2F34
01311768153541642.doc&ei=eFPQUcfkE8zRrQfY1oCoA
Q&usg=AFQjCNH9hVzW8XqxmLbCOtOMnHJmy4E
vow&bvm=bv.48572450,d.bmk&cad=rja.
Turban Efraim, King David, Lee Jae, Liang Ting-Peng,
Turban Deborrah. (2012).
E-commerce 2012 A
Managerial And Social Networks Perspective. Pearson
Winarno Agus. (2012). Analisa dan Perancangan
Sistem Informasi. PT. Elex Komputindo.
Leonardi Anthoni Silvatika1, Gregorius Satia Budhi2, Ibnu Gunawan3
Program Studi Teknik Informatika. Fakultas Teknologi Industri Universitas Kristen Petra
Siwalankerto 121-131, Surabaya
Email : silvatika.1990@gmail.com1, greg@petra.ac.id2, ibnu@petra.ac.id3
ABSTRAK
Perkembangan teknologi pada saat ini telah berkembang
secara pesat. Dimana hampir semua kegiatan dapat dilakukan
pada dunia maya, misalnya melakukan transaksi pembayaran,
pembelian barang, pemesanan tiket, baik tiket pesawat
maupun tiket kereta api, dan lainnya.
Di jaman sekarang ini penjualan secara online sudah banyak.
Hal ini dikarenakan untuk membuka suatu usaha online lebih
mudah dan murah dari pada membuka usaha disuatu tempat
yang berbentuk bangunan. Selain itu, dengan cara berjualan
online orang akan lebih banyak mengetahui barang apa saja
yang dijual, karena semua orang dapat melihat tanpa harus
mendatangi tempat itu.
Berdasarkan hasil pengujian aplikasi yang telah dibuat,
aplikasi dapat menampilkan data barang yang dijual beserta
promo yang ditawarkan. Selain itu aplikasi ini mempunyai
fitur konfirmasi account untuk mengaktifkan account dan
kirim detail order .
Kata kunci
Web, CodeIgniter, E-commerce, FIFO.
ABSTRACT
Today, technology has been growing rapidly. It enables
people to do all activities in virtual world, such as payment
transactions, the purchase of goods, airline tickets or train
tickets and the other.
Nowadays, online sales are already spreading widely in virtual
world. Such business would eventually lead to a much easier
and cheaper transaction compared to the usual-conventional
one. In addition, people would get more information about the
types of products that are sold online, because they can easily
see the product without having to go to the store.
Based on testing result of the application that I have made, the
application can display the data items that are sold along with
promo offer, and has features for account confirmation to
activate the account and send the order details.
KEYWORDS
Web, CodeIgniter, E-commerce, FIFO.
1. PENDAHULUAN
Toko Agung Jaya berada di Bima, toko tersebut menjual
beraneka macam kebutuhan alat elektronik, seperti receiver
parabola, dispenser, rice cooker , setrika, kipas angin, air
conditioner , televisi, dan sebagainya. Dalam memenuhi
kebutuhan konsumen untuk mengetahui dan membeli barang
apa saja yang dijual, serta memperluas daerah pemasaran dan
menghemat waktu konsumen untuk melakukan pembelian
barang, maka dibuat suatu web e-commerce pada toko
tersebut.
Konsumen yang ingin melakukan transaksi pembelian barang
wajib memiliki account, dimana setelah konsumen melakukan
registrasi akan menerima e-mail yang berisi kode untuk
mengaktifkan account yang didaftarkan. Setelah account
aktif, konsumen dapat melakukan transaksi pembelian barang,
yaitu konsumen memilih barang apa saja yang ingin dibeli,
apabila konsumen telah melakukan checkout konsumen dapat
membayar dan melakukan kofirmasi kepada pihak Toko
Agung Jaya, dan pihak toko akan segera memperoses
pembelian oleh konsumen tersebut. Selain itu konsumen dapat
memberikan rating dan komentar pada barang.
Dalam pembuatan aplikasi ini peneliti menggunakan
framework CodeIgniter, dimana peniliti tidak 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 Sistem Informasi
Definisi sistem informasi menurut Robert A. Leitch dan K.
Roscoe Davis adalah “Suatu sistem di dalam suatu organisasi
yang mempertemukan kebutuhan pengolahan transaksi
harian, mendukung operasi, bersifat manajerial dan kegiatan
strategi dari suatu organisasi dan menyediakan pihak luar
tertentu dengan laporan-laporan yang diperlukan ”[4].
2.2 E-commerce
Pengertian E-commerce menurut Bryan A. Garner adalah “Ecommerce the practice of buying and selling goods and
service trough online consumer services on the internet. The
ashortened from electronic, has become a popular prefix for
other terms associated with electronic transaction ”. Dapat
diartikan bahwa pengertian E-commerce adalah pembelian
dan penjualan barang dan jasa dengan menggunakan jasa
computer online di internet [1].
Bussiness to Consumer memiliki ciri sebagai berikut: [4]
1.
2.
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
3.
4.
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.
timages
trating
Data gambar
Data komentar
Data rating
Data barang
Proses
barang
tbarang
tcomment
Data barang
Data gambar
Laporan hutang
Laporan piutang
Laporan pembelian
Laporan penjualan
6
Data komentar
Data rating
tretur
pembelian
Data barang
Data gambar
Data pembelian
Data kategori
Data retur pembelian
Data pembelian
Data retur pembelian
tkategori
Proses
pembelian
Data pembelian
Data retur pembelian
Data pegawai
2.3 CodeIgniter
1
Data status pesanan
CodeIgniter adalah aplikasi open source yang berupa
framework dengan model MVC (Model, View, Controller)
untuk membangun web dinamis dengan menggunakan PHP .
[2]
tpembelian
Pegawai
tpegawai
Data pembelian
Data retur pembelian
Data pembelian
Data retur pembelian
Data pegawai
Data konsumen
Data admin
Laporan hutang
Laporan piutang
Laporan retur penjualan
Laporan retur pembelian
Laporan pembelian
Laporan penjualan
Laporan pesanan barang
Laporan admin
Laporan konsumen
Laporan pegawai
Owner
Proses user
Data pegawai
Data owner
5
Data owner
Data retur penjualan
Data penjualan
tadmin
Tkartu_stok
Data konsumen
Keuntungan
berikut:
menggunakan
CodeIgniter
adalah
sebagai
Proses
laporan
tkonsumen
Data konsumen
Data retur penjualan
Data penjualan
Data retur penjualan
Proses
penjualan
Data status pesanan
4
2
Data penjualan
Konsumen
1.
Mempercepat dan mempermudah membangun sebuah
aplikasi web.
2. Menyediakan fasilitas yang umum dipakai sehingga
tidak perlu membangun dari awal (Validasi, Pagination,
Session, dan sebagainya).
Tiga (3) komponen dalam framework CodeIgniter adalah
sebagai berikut: [2]
1. View: berfungsi untuk menerima dan mempresentasikan
data kepada user.
2. Model:
berhubungan
dengan
database
dan
memanipulasi data.
3. Controller: mengatur hubungan anatara model dengan
view, dan berfungsi untuk menerima request dan
memperoses data.
2.4 First In First Out (FIFO)
Metode First In First Out (FIFO) mengasumsikan bahwa
barang yang dibeli awal adalah barang yang pertama yang
dijual. Dengan menggunakan metode FIFO biaya untuk
pembelian barang yang dibeli lebih dahulu dianggap akan
menjadi harga pokok penjualan[3].
3. DESAIN SISTEM
3. 1
Desain Data Flow Diagram (DFD)
Berikut ini Data Flow Diagram menjelaskan mengenai aliran
proses keluar dan masuknya data pada Toko Agung Jaya.
Pembuatan DFD dimulai dengan pembuatan Context
Diagram, dimana Context Diagram merupakan gambaran
secara keseluruhan sistem yang dibangun, dapat dilihat pada
Gambar 3.1.
Data konsumen
Data pesanan barang
Data pembayaran
Konsumen
Data nota penjualan
Owner
Data barang
Data pembelian
Data pegawai
Data admin
Data retur pembelian
Data retur penjualan
Data status pesanan
Laporan hutang
Laporan piutang
Laporan pembelian
Laporan penjualan
E-commerce
Laporan hutang
Laporan piutang
Laporan penjualan
Laporan pembelian
Laporan retur penjualan
Laporan retur pembelian
Laporan konsumen
Laporan admin
Laporan pegawai
Laporan pesanan barang
Gambar 3.1 Context Diagram.
Pegawai
Data barang
Data pembelian
Data retur pembelian
Data retur penjualan
Data status pesanan
tretur
penjualan
tpenjualan
Data retur penjualan
Proses
pesanan
Data pesanan barang
Data pembayaran
Data konsumen
Data pesanan barang
Data pesanan barang
3
Data pesanan barang
Data status pesanan
Data cart
Data nota penjualan
Data pesanan barang
Data kirim
tkota
cart
tnota
penjualan
Tdetail nota
penjualan
Gambar 3.2 DFD Level 0.
Pada DFD Level 0 diatas mempunyai 6 proses, yaitu sebagai
berikut:
1. 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 .
2. 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.
3. Proses Pesanan
Proses Pesanan terdiri dari proses Tambah pesanan, Update
status pesanan dan Hapus pesanan. Dalam proses Tambah
pesanan berasal dari konsumen dimana melakukan pembelian.
Proses Update status pesanan akan mengubah status pesanan
dari tidak lunas menjadi lunas yang dapat dilakukan oleh
owner atau pegawai. Dan proses Hapus pesanan hanya dapat
dilakukan oleh owner .
4. Proses Laporan
Dalam Proses Laporan owner dapat melihat semua laporan
yang ada, dan untuk pegawai hanya dapat melihat laporan
hutang, piutang, penjualan, pembelian dan stok barang.
5. Proses User
Dalam Proses user terdiri dari proses Tambah user , Update
user , dan Delete use. Dalam proses Tambah user hanya dapat
dilakukan oleh konsumen dan owner , dimana konsumen
hanya dapat membuat account baru, dan owner dapat
membuat account baru untuk owner dan pegawai. Dalam
proses Update user konsumen dapat memperbaharui data.
Untuk data pegawai dan owner hanya dapat dilakukan oleh
owner . Dan proses Delete user hanya dapat dilakukan oleh
owner .
6. Proses Barang
Dalam Proses Barang ini terdiri dari proses Tambah barang,
Tambah rating barang, dan Tambah komentar barang. Dalam
proses Tambah barang dapat dilakukan oleh owner dan
pegawai. Dan proses Tambah rating barang dan Tambah
komentar barang hanya dapat dilakukan oleh konsumen.
3. 2
4. PENGUJIAN SISTEM
4. 1
Konsumen dapat melakukan pembelian dengan membuka
halaman home dan menekan tombol add to cart pada barang
yang dikehendaki. Apabila konsumen telah selesai
menambahkan barang, konsumen dapat menekan Cart,
dimana pada halaman cart ini berisi detail barang yang
dibeli, dan memberikan pilihan kepada konsumen untuk
alamat pengiriman dan jenis pengiriiman, dapat dilihat pada
Gambar 4.1
Entity Relationship Diagram (ERD)
3.2.1 Conceptual Diagram Model.
Berikut ini merupakan Conceptual Diagram Model dalam
pembuatan aplikasi pada Toko Agung Jaya, dapat dilihat pada
Gambar 3.3
Tkomen
id_komen
isi_komen
date
Tresi
id_resi
nomor_resi
tanggal_jual
tanggal_kirim_resi
Trating
id_rating
jumlah_rating
komen
resi
Tadmin
id_admin
first_name
last_name
username
password
ty pe
Tkartu_stok
id_kartu_stok
tanggal
jumlah_masuk
harga_masuk
jumlah_keluar
harga_keluar
sisa_f ifo
ambil_stok
keterangan
ty pe_kartu
harga_jual
Tdetail_pembelian
id_detail_pembelian
jumlah_barang_beli
harga_satuan
Kartu_penjualan
Tpembelian
id_pembelian
nama_supplier
tanggal_pembelian
tanggal_pembayaran
status_pembelian
status_kartu
Tdetail_penjualan
id_detail_penjualan
nama_barang
harga_jual
jumlah
detail_penjualan
kar tu_pembel ian
Tkonsumen
id_konsumen
first_name
last_name
password
alamat
zip
phone
ty pe
status
konfirmasi
kota
handphone
Tkategori
id_kategori
ty pe_barang
kategori
nota_penjualan
retur_penjual an
Tnota_penjualan
id_nota_penjualan
tanggal_jual_nota
Tbarang
id_barang
nama_barang
berat
detail
detail_barang
harga
tanggal_barang
status_barang
lihat
beli
status_penjualan
status_order
alamat
kota
total_kirim
detail_nota_penjualan
Tretur_penjualan
id_retur_penjualan
ty pe_retur
tanggal_retur_penjualan
jumlah
kota
Tdetail_nota_penjualan
id_detail_nota_penjualan
nama_barang
harga
jumlah
id_kota
nama_kota
harga_regular
harga_oke
Selanjutnya konsumen wajib untuk mengisi jenis pengiriman
yang dipakai dan alamat pengiriman, dimana alamat
pengiriman bisa menggunakan alamat yang terdaftar atau
dengan menggunakan alamat pengiriman yang baru, setelah
itu akan muncul halaman detail cart yang berisi, detail barang
,detail biaya pengiriman, dapat dilihat pada Gambar 4.2
Tretur_pembelian
id_retur_pembelian
retur_pembel
ian
ty pe_retur
tanggal_retur_pembelian
jumlah
cart
id_cart
id_session
jumlah
car t
Gambar 4.1 Halaman Cart.
Ttoday _deal
id_today_deal
harga_sebelum
harga_today
tanggal_today
today_deal
Tkota
peg awai
Timages
id
file_name
file_ty pe
file_path
full_path
raw_name
orig_name
client_name
image_size_str
image
image_type
image_height
image_width
is_image
file_ext
file_size
rating
Tkonsumen_nota_penjualanstatus_nota
Tpegawai
id_pegawai
first_name
last_name
alamat
phone
hp
username
password
ty pe
detail_pembelian
admin
Tpenjualan
id_penjualan
tanggal_jual
Proses Pembelian Barang
Gambar 3.3 Conceptual Diagram Model.
3.2.2
Physical Data Model
Berikut ini merupakan Gambar Physical Data Model yang
dapat dilihat pada Gambar 3.4
TADMI N
TKARTU_STOK
ID _KAR TU _STOK
TANGGAL
JUMLAH_MASUK
HARGA_MASUK
JUMLAH_KELUAR
HARGA_KELUAR
SISA_FI FO
AMBI L_STOK
KETERANGAN
TY PE_KARTU
HARGA_JUAL
TRESI
ID _R ESI
ID _PEN JU ALAN
NOMO R_RESI
TANGGAL_JUAL
TANGGAL_KIRI M_RESI
int eger
int eger
v archar(40)
date
date
int eger
date
int eger
int eger
int eger
int eger
int eger
int eger
v archar(50)
int eger
int eger
ID _AD MIN
FIR ST_NAME
LAST_N AME
USERNAME
PASSWO RD
TY PE
ID_KART U_ST OK = ID_KART U_ST OK
int eger
int eger
int eger
int eger
int eger
ID_PEGAWAI = ID_PEGAWAI
TPEGAWAI
ID _PEG AWAI
FIR ST_NAME
LAST_N AME
ALAMAT
PHONE
HP
USERNAME
PASSWO RD
TY PE
TDETAIL_PENJUALAN
TPENJUALAN
ID _PEN JU ALAN
TANGGAL_JUAL
ID _N OTA_PENJUALAN
ID_KONSUMEN = ID_KONSUMEN
ID _D ETAI L_PEN JU ALAN
ID _PEN JU ALAN
ID _BAR ANG
ID _KAR TU _STOK
NAMA_BARANG
HARGA_JUAL
JUMLAH = ID_BARANG
ID_BARANG
int eger
date
ID_PENJ UALAN = ID_PENJ UALAN
int eger
TKONSUMEN
TRATING
int eger
ID _R ATI NG
int eger
v archar(50)
ID _KO NSUMEN
int eger
v archar(30)
ID_KONSUMEN = ID_KONSUMEN
JUMLAH_RATING int eger
v archar(30)
v archar(255)
v archar(50)
v archar(8)
v archar(13)
int eger
int eger
v archar(255)
v archar(50)
v archar(13)
ID_NOT A_PENJ UALAN = ID_NOT A_PENJ UALAN
int eger
int eger
int eger
int eger
v archar(40)
int eger
int eger
int eger
v archar(50)
v archar(30)
v archar(50)
v archar(13)
v archar(13)
v archar(30)
v archar(255)
int eger
TKATEGORI
ID_PENJ UALAN = ID_PENJ UALAN
ID_KART U_ST OK = ID_KART U_ST OK
ID_KAT EGORI = ID_KATEGORI
ID _KATEGO RI
TY PE_BARANG
int eger
v archar(20)
TIMAG ES
TNOTA_PENJUALAN
ID_KONSUMEN = ID_KONSUMEN
ID_NOT A_PENJ UALAN = ID_NOT A_PENJ UALAN
TDETAIL_NOTA_PENJUALAN
ID _D ETAI L_NOTA_PEN JUALAN
ID _N OTA_PENJUALAN
NAMA_BARANG
HARGA
JUMLAH
int eger
int eger
int eger
v archar(30)
date
date
v archar(30)
int eger
TDETAIL_PEMBELIAN
ID _D ETAI L_PEMBELI AN
ID _PEMBELI AN
ID _KAR TU _STOK
JUMLAH_BARANG_BELI
HARGA_SATUAN
ID_KART U_ST OK = ID_KART U_ST OK
int eger
int eger
v archar(255)
date
ID_PENJ UALAN = ID_PENJ UALAN
ID _KO NSUMEN
FIR ST_NAME
LAST_N AME
EMAI L
PASSWO RD
ALAMAT
ZIP
PHONE
TY PE
STATUS
KONFI RMASI
KOTA
HANDPH ONE
ID _PEMBELI AN
ID _AD MIN
ID _PEG AWAI
NAMA_SUPPLIER
TANGGAL_PEMBELIAN
TANGGAL_PEMBAY ARAN
STATUS_PEMBELI AN
ID_PEMBELIAN = ID_PEMBELIAN
STATUS_KARTU
ID_ADMIN = ID_ADMIN
ID_KART U_ST OK = ID_KART U_ST OK
TKOMEN
ID _KO MEN
ID _KO NSUMEN
ISI _KOMEN
DATE
TPEMBELIAN
int eger
v archar(50)
v archar(30)
v archar(30)
v archar(255)
int eger
int eger
v archar(40)
int eger
int eger
ID _N OTA_PENJUALAN
ID _PEN JU ALAN
ID _KO TA
ID _KO NSUMEN
TANGGAL_JUAL_N OTA
STATUS_NOTA
STATUS_PENJU ALAN
STATUS_ORDER
ALAMAT
KOTA
TOTAL_KI RI M
TBARANG
int eger
int eger
int eger
int eger
date
int eger
int eger
int eger
v archar(50)
v archar(50)
int eger
ID _BAR ANG
ID _KATEGO RI
NAMA_BARANG
BERAT
DETAIL
HARGA
TANGGAL_BARANG
STATUS_BARANG
LIHAT
BELI
int eger
int eger
v archar(40)
f loat
long v archar
int eger
date
int eger
int eger
int eger
ID_NOT A_PENJ UALAN = ID_NOT A_PENJ UALAN
ID
ID _BAR ANG
FILE_NAME
FILE_TY PE
FILE_PATH
FULL_PATH
RAW _N AME
ORI G_NAME
CLIEN T_NAME
ID_BARANG = ID_BARANG
IMAGE_SIZE_STR
IMAGE_TY PE
IMAGE_HEIGHT
IMAGE_WI DTH
IS_I MAGE
FILE_EXT
FILE_SI ZE
int eger
int eger
v archar(255)
v archar(255)
v archar(255)
v archar(255)
v archar(255)
v archar(255)
v archar(255)
v archar(255)
v archar(255)
int eger
int eger
smallint
v archar(255)
smallint
Gambar 4.2 Halam Detail Cart.
Setelah konsumen menekan tombol checkout pada halaman
detail cart, maka secara otomatis konsumen akan menerima
email detail order, dapat dilihat pada Gambar 4.3.
TRETUR_PENJUALAN
CART
ID _C ART
ID _N OTA_PENJUALAN
ID _SESSI ON
JUMLAH
ID_KOT A = ID_KOT A
int eger
int eger
v archar(32)
int eger
ID _R ETU R_PEN JU ALAN
ID _KAR TU _STOK
TY PE_RETUR
TANGGAL_RETUR_PENJUALAN
JUMLAH
int eger
int eger
int eger
date
int eger
TTODAY _DEAL
ID_BARANG = ID_BARANG
TKOTA
ID _KO TA
NAMA_KOTA
HARGA_REGU LAR
HARGA_OKE
int eger
v archar(50)
int eger
int eger
TRETUR_PEMBELIAN
ID _R ETU R_PEMBELI AN
ID _KAR TU _STOK
TY PE_RETUR
TANGGAL_RETUR_PEMBELIAN
JUMLAH
ID _TOD AY _DEAL
ID _BAR ANG
HARGA_SEBELUM
HARGA_TODAY
TANGGAL_TODAY
int eger
int eger
int eger
int eger
date
int eger
int eger
int eger
date
int eger
Gambar 3.4 Physical Data Model
Gambar 4.3 Detail Order.
4. 2
Proses Barang
Setelah konsumen melakukan pembelian barang, maka pada
halaman nota penjualan untuk admin atau pegawai akan
muncul data pembelian barang, dapat dilihat pada Gambar 4.3
5.
Dalam pembuatan apliasi ini masih terdapat kekurangan,
diaman apabila data barang tidak ada, maka akan
memunculkan error pada halaman home, tampilan web masih
terlihat kaku, dan e-mail yang dikirimkan dari pihak Toko
Agung Jaya masuk kedalam folder spam pada e-mail gmail.
6.
1.
Gambar 4.3 Halaman Nota Penjualan.
2.
Untuk memperoses nota penjualan tersebut, admin atau
pegawai cukup menekan lunas, maka status pembayaran akan
berubah menjadi lunas. Lalu admin atau pegawai membuka
halaman tambah penjualan, dan menekan tombol tambah
penjualan. Maka secara langsung data nota penjualan tersebut
masuk ke dalam penjualan, dapat dilihat pada Gambar 4.4
3.
4.
5.
Gambar 4.4 Halaman Tambah Penjualan.
KESIMPULAN
DAFTAR REFERENSI
Barakatullah Abdul Halim. (2005), Bisnis E-commerce.
Pustaka Pelajar
Gungun Septian. (2011), Trik Pintar Menguasai
CodeIgniter: PT. Elex Media Komputindo.
Nengzih. Persediaan Inventory, Retrieved Febuary
2,2013,from:https://www.google.com/url?sa=t&rct=j&q
=&esrc=s&source=web&cd=2&ved=0CDIQFjAB&url=
http%3A%2F%2Fkk.mercubuana.ac.id%2Ffiles%2F34
01311768153541642.doc&ei=eFPQUcfkE8zRrQfY1oCoA
Q&usg=AFQjCNH9hVzW8XqxmLbCOtOMnHJmy4E
vow&bvm=bv.48572450,d.bmk&cad=rja.
Turban Efraim, King David, Lee Jae, Liang Ting-Peng,
Turban Deborrah. (2012).
E-commerce 2012 A
Managerial And Social Networks Perspective. Pearson
Winarno Agus. (2012). Analisa dan Perancangan
Sistem Informasi. PT. Elex Komputindo.