PORTAL DEVELOPMENT E-COMMERCE OF SMALL BUSINESS, MEDIUM UKM OF BANDUNG BY USING WEB-BASED CASE STUDY
IN COOPERATIVE AGENCY, UKM AND TRADE INDUSTRY OF BANDUNG
Hari Purwo Sridadi Jurusan Teknik Informatika, Fakultas Teknik dan Ilmu Komputer, Universitas Komputer Indonesia
Jln. Dipati Ukur No.112 Bandung 40132 Haripurwo.sgmail.com
ABSTRACT
Cooperative Agency, UKM and Trade Industry of Bandung, which was formed in 2001 through the regulation of Bandung No. 5 in 2001, it formed to support the effort of economic
society empowerment and every potential of the economic, especially those oriented to cooperatives and small businesses.
The difficulty which occur in this business is where the UKMs difficult to market their products and find the right buyer. So the customers also difficult to find the products that they
needed. And the UKMs are also difficult to make an e-commerce web application itself, to market its products.
For buyers in the outside of the city of Bandung was too far away and its troublesome if they should go directly to each UKM and its very difficult also for the trader to market their
products to customers who far from the city of Bandung. By building a portal application e- commerce web-based, its expected to be a good place for both the customers and UKM themselves
in the marketing, sell and find the products that needed. Because of this web portal UKM should not have an expertise to make the web to have their own e-commerce web and they can market
their products more widely.
Keywords : web portal e-commerce
1. INTRODUCTION
1.1 Identification Problems
Based on the above, then the problem can be identified namely:
1.
Coverage is less extensive marketing of SME products.
2. Lack of information for consumers about the products
offered by SME owners. 3. Lack of effectiveness and
efficiency in the sales process, because the sale is still
conventional.
1.2 Objektives
Based on the problems studied, the purpose of this thesis is to build e-commerce
portal UKM Bandung web. While the objectives to be achieved
in building e-commerce portals are: 1. Can facilitate and manage the
existing SMEs in the town of Bandung in promoting and marketing
the product, it is 2. Can facilitate and manage the
existing UKM in the town of Bandung in the second. Provide
useful information for customers in finding products that are needed, ie
information
about the
products offered by the owners of UKM.
3. Simplify and expedite the sale process, because the UKM and the
prospective buyer
does not
necessarily have to meet in person or face to face to conduct transactions.
4. Bandung facilitate UKM to create their own e-commerce web.
1.3 Benefits
The benefits
of E-Commerce
website development, among othersain :
1. Can facilitate and manage the existing UKM in the town of
Bandung in promoting and marketing the product, it is
2. Provide useful
information for
customers in finding products that are needed, ie information about the
products offered by the owners of UKM.
3. Simplify and expedite the sale process, because the UKM and the
prospective buyer
does not
necessarily have to meet in person or face to face to conduct transactions.
4. Bandung facilitate SMEs to create their own e-commerce web.
2. MODEL, ANALYSIS, DESIGN
AND IMPLEMENTATION 2.1
Model
1. Data collection phase
a. Literature Study. b. Observation.
c. Interview. 2. Stage of software
a. Requirements analysis and definition b. System and software design
c. Implementation and unit testing d. Integration and system testing
e. Operation and maintenance
2.2 Analysis System
Systems analysis is an activity of the decomposition of a data and information intact
and visible into parts or components which aims to identify and evacuate the problems
that arise, the barriers that may occur and the needs that are expected to lead to a solution
for improvement and development into a better direction and in accordance with needs.
To understand
the flow
of information within the system, documentation
is required in designing a portal application web-based e-commerce in the Department of
Trade and Industry, SME Cooperative Bandung, so it will simplify the system
development stage.
2.3 Desain
1. ERD Entity Relationship Diagram
UKM
pelanggan Kategori_barang
barang memiliki
memiliki Memesan
memiliki Id_pembayaran
Id_pesanan username
nama_kategori Id_kategori
Id_kategori keterangan
gambar harga
Nama_barang Id_barang
password kota_tujuan
Alamat_tujuan nama_tujuan
tgl_kirim Tgl_pesan
pelanggan Id_pesanan
sub_total harga
jumlah Id_barang
Id_pesanan
tgl_daftar kota
email Kode_pos
No_telp alamat
nama pos_tujuan
themes profil
logo no_rekening
cabang_bank nama_bank
no_telp kode_pos
alamat email
nama_ukm password
username ukm
total status
Tgl_transaksi
N N
Konfirmasi_pembayaran 1
1 N
memiliki 1
N 1
memiliki N
1 Admin
berita Kota
mengelola N
1 mengelola
1 N
mengaktifasi N
1
1 Id_berita
isi judul
tipe Tgl_kirim
keyword pengirim
password telp
email nama
username harga
kota Id_kota
status level
pengirim
memiliki 1
N Detail_pesanan
stok Id_provinsi
Provinsi memiliki
N 1
Id_provinsi provinsi
berat username
No_rekening Total
Nama_bank
review memiliki
1 N
melakukan N
1 Id_review
tanggal Id_pelanggan
Id_barang komentar
Figure 1. ERD Entity Relationship Diagram
2. Relation table
Admin
PK username
password nama
email telpon
level Barang
PK id_barang
nama_barang harga
gambar keterangan
id_kategori
stok berat
Kategori_barang
PK id_kategori
nama_kategori
FK1 username
Pelanggan
PK username
password nama
alamat no_telp
kode_pos email
kota tgl_daftar
kode_verifikasi FK1
id_kota Pesanan
PK id_pesanan
FK1 id_ukm
FK2 id_pelanggan
tgl_pesan tgl_kirim
nama_tujuan alamat_tujuan
pos_tujuan status
total
FK3 kota_tujuan
Ukm
PK username
password nama_ukm
email alamat
kode_pos no_telp
nama_bank cabang_bank
no_rekening logo
profil themes
aktif kode_verifikasi
Detail_pesanan
FK1 id_barang
FK2 id_pesanan
jumlah harga
subtotal kota
PK id_kota
kota harga
FK1 username
FK2 id_provinsi
Berita
PK id_berita
FK1 pengirim
judul isi
hits keyword
tgl_kirim tipe
Konfirmasi_pembayaran
PK id_pembayaran
FK1 id_pesanan
tgl_transaksi nama_bank
no_rekening total
provinsi
PK id_provinsi
provinsi review
PK id_review
komentar tanggal
FK1 id_barang
FK2 id_pelanggan
Figure 2. Relation table
3. Context Diagram
Web Portal E-Commerce Dinas Koperasi UKM dan
Perindustrian Perdagangan Bandung
Administrator Dinas
UKM
Pelanggan Pengunjung
Info konfirmasi ukm baru Data login
Data berita Data kota
Data provinsi Info status login
Info berita Info kota
info provinsi Data ukm baru
Data pendaftran Data login
Data ukm Data kategori barang
Data barang Data pesanan
Data detail pesanan Data konfirmasi pembayaran
Info konfirmasi pendaftran Info status login
Info ukm Info kategori barang
Info barang Info pesanan
Info detail pesanan Info konfirmasi pembayaran
Data login Data barang
Data pesanan Data detail pesanan
Data konfirmasi pembayaran Info status login
Info barang Info pesanan
Info detail pesanan Info konfirmasi pembayaran
Data pendaftran Data barang
Info Konfrmasi pendaftran Info barang
Paypal Status pembayaran
Data pembayaran
Figure 3. Context Diagram
4. DFD Data Flow Diagram
1 pendaftaran
2 Login
3 Pengolahan
data UKM 5
Pengolahan data barang
7 Pemesanan
10 Pengolahan
data berita UKM
Pengunjung
Administrator Data pendaftaran ukm
Info konfirmasi Pendaftaran Data login
Data berita Info berita
Pelanggan data barang
Info barang Data pesanan
Info pesanan Data pendaftaran pelanggan
Info konfirmasi pendaftaran Data UKM baru
Info Konfirmasi UKM baru
pelanggan ukm
Info pelanggan baru Data pelanggan baru
Data UKM baru Info ukm baru
Info status login Data login
Info status login Data login
Info status login Data login
Info status login admin
Info status login Status data login
Data login Info status login
Data UKM Info UKM
Data ukm Info ukm
Data barang Info barang
kategori_barang Data kategori barang
Info kategori barang barang
Data barang Info barang
Data pesanan Info pesanan
pesanan detail_pesanan
Data pesanan Info pesanan
Data detail pesanan Info detail pesanan
berita Data berita
Info berita 9
Pengelolaan konfirmasi
pembayaran info konfirmasi pembayaran
Data konfirmasi pembayaran Data konfirmasi pembayaran
Info konfiramasi pembayaran Konfirmasi_pembayaran
Data konfirmasi pembayaran Info konfirmasi pembayaran
8 Lihat pesanan
Info pesanan Data pesanan
Data pesanan Info pesanan
Data detail pesanan Info detail pesanan
Info status pesanan Data status pesanan
11 Pengolahan
data kota Data kota
Info kota kota
Data kota Info kota
Status login valid
Status login valid
Status login valid Status login valid
Status login valid Status login valid
Status login valid 6
Lihat barang Data barang
Info barang Info barang
Data barang Data barang
Info barang Info barang
Data barang Paypal
Info pesanan Data pesanan
12 Pengolahan
data provinsi provinsi
Data provinsi Info provinsi
Data provinsi Info provinsi
Status login valid Data provinsi
Data barang Info barang
4 Pengolahan
kategori barang
Data kategori Info kategori barang
Data kategori barang
Figure 4. DFD level 1
5. Menu web admin
Beranda Keluar
Testimonial Shipping
Pelanggan UKM
Berita Login
Cari Ubah
Hapus Tambah
Cari Cari
Cari Ubah
Hapus Tambah
Cari Hapus
Tambah
Figure 5. Arsitektur menu web admin.
6. Menu web UKM
Beranda Pembayaran
pemesanan barang
Kategori Barang
Tema Profil
Login Ubah
Profil Pilih
Tema
Cari Ubah
Hapus Tambah
Ubah status
cari
Cari Ubah
Hapus Tambah
cari Keluar
Figure 6. Arsitektur menu web ukm
7. Menu web pelanggan
Beranda Kategori
barang Cara
Transaksi UKM
Alamat usaha UKM
Konfirmasi pembayaran
Pemesanan Profil
Login Ubah
Profil Cari
Tambah Add
Barang Keluar
Checkout Pembayaran
dengan paypal Bayar
Langsung Lihat
detail
Figure 7. Architecture of the web usr visitor menu.
2.8 Implementation
The software used on computer systems in building E-Commerce Portal Web
site are as follows: 1. Operating Systems Windows XP
Profesional SP 2. 2. WAMP for internet and local
database storage. 3. Macromedia Dreamweaver 8 for
writing program code. 4.
Mozilla Firefox as your browser
1. Main page view visitors
Figure 8. Main page visitors.
2. Main page views admin
Figure 9. Main page admin.
