Post on 27-Oct-2015
PEMBANGUNAN APLIKASI E-COMMERCE BERBASIS WEB
DI NIS N US SHOP
Ade Hedi Rianda
Universitas Komputer Indonesia
Jl. Dipati Ukur No. 112-116, Bandung 40132
Email : naraa_alde@yahoo.co.id
ABSTRAK
10107091
Nis N Us Shop adalah toko yang sudah cukup lama berdiri dan hingga kini sudah memiliki
banyak jenis barang termasuk pakaian dan makanan sehat. Dalam memasarkan produknya Nis N Us
Shop masih dalam ruang lingkup yang kecil dan terbatas pada relasi dan rekan bisnisnya saja.
Untuk mengatasi permasalahan promosi dalam memasarkan produk, maka dibuat program
aplikasi e-commerce untuk memperluas ruang lingkup pemasaran. Metode aliran data yang digunakan
adalah metode terstruktur yang terdiri dari Data Flow Diagram (DFD) dalam menggambarkan model
fungsional dan Entity Relationship Diagram (ERD) untuk menggambarkan model data. Proses
pembayaran transaksi yang terjadi dapat dilakukan melalui transfer antar rekening bank maupun
paypal. Tujuan yang ingin dicapai dari pembangunan sistem e-commerce ini adalah mempermudah
pembeli untuk melakukan pembelian barang tanpa harus datang langsung ke toko.
Berdasarkan analisis dan pengujian yang telah dilakukan maka dapat disimpulkan bahwa
sistem informasi e-commerce ini membantu dalam memasarkan produk di Nis N Us Shop ke daerah-
daerah yang jauh dengan mengefisiensikan waktu, usaha, dan uang. E-Commerce yang telah dibangun
ini agar dijadikan bahan untuk pengembangan sistem lebih lanjut.
Kata Kunci : e-commerce, DFD, ERD, model terstruktur, paypal
1. PENDAHULUAN
Nis N Us Shop adalah toko yang sudah cukup
lama berdiri dan hingga kini sudah memiliki
banyak jenis barang termasuk pakaian. Dalam
memasarkan produknya Nis N Us Shop masih
dalam ruang lingkup yang kecil dan terbatas
pada relasi dan rekan bisnisnya saja.
Dalam persaingan yang ketat, Nis N Us Shop
harus dapat mengambil langkah yang cepat
dan tepat dalam mempromosikan dan
memasarkan produknya. Nis N Us Shop juga
harus memikirkan bagaimana caranya agar
produk yang dipasarkan dapat dikenal luas dan
dapat diperoleh dengan mudah. Seringkali
jarak yang jauh menjadi kendala dalam
berbisnis, khususnya dalam menerapkan
strategi pemasaran dan promosi. Pelanggan
yang berada di tempat yang jauh merasa
kesulitan mendapatkan produk dari Nis N Us
Shop.
Efisiensi waktu juga menjadi salah satu
pertimbangan yang tidak kalah pentingnya.
Waktu yang dihabiskan untuk melakukan
promosi terkadang tidak sesuai dengan hasil
yang didapatkan. Hal-hal kecil yang bisa
mengganggu dalam mempromosikan barang
juga menjadi alasan kurangnya efesiensi
waktu. Dengan kata lain, Nis N Us Shop
harus bisa mengatasi kendala ruang dan waktu
dalam melakukan pemasaran.
Penggunaan electronic commerce (e-
commerce) yang saat ini sangat berkembang
pesat menjadi alasan utama mengapa solusi ini
sangat tepat diterapkan di Nis N Us Shop.
Dengan e-commerce, calon pembeli dapat
mengetahui info mengenai produk secara
detail. Selain itu, e-commerce dapat
menghubungkan penjual dan pembeli yang
berbeda tempat seakan berbelanja langsung
sehingga tidak akan terjadi kendala dalam
melakukan transaksi pembelian.
Kendala-kendala seperti pemasaran, penjualan
barang ke daerah yang jauh, dan effesiensi
waktu dapat diatasi dengan membangun
sebuah aplikasi e-commerce, maka solusi yang
diusulkan adalah untuk membangun aplikasi e-
commerce untuk penjualan di Nis N Us Shop.
Adapun maksud dan tujuan dari penulisan
skripsi ini adalah sebagai berikut:
1.Memperluas pemasaran produk dan
menambah popularitas Merk.
2.Memberikan kemudahan pembelian barang
bagi pelanggan yang berada di daerah yang
jauh.
3. Mengefisienkan waktu dalam memasarkan
produk.
2. MODEL, ANALISA, DESAIN,
DAN IMPLEMENTASI
2.1 Model Teknik analisis data dalam pembuatan
perangkat lunak menggunakan pemodelan
perangkat lunak dengan metode waterfall,
yang meliputi beberapa proses diantaranya:
a. System Requirements Analysis
Pada tahap ini dilakukan pengumpulan data
dan proses identifikasi kebutuhan dari sistem
yang akan dibangun.
b. Design
Design merupakan tahap penerjemahan dari
data yang dianalisis kedalam bentuk yang
mudah dimengerti oleh user.
c. Coding
Coding merupakan tahap penerjemahan data
atau pemecahan masalah yang telah dirancang
sebelumnya ke dalam bahasa pemrograman
tertentu.
d. Implementation And Testing
Tahap ini merupakan tahap pengujian terhadap
perangkat lunak yang dibangun.
e. Maintenance
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
Berdasarkan hasil penelitian, terdapat
beberapa prosedur yang dilakukan di Nis N Us
Shop, diantaranya:
1. Prosedur Penjualan Barang
2. Prosedur Pengadaan Barang
3. Prosedur Pengembalian Barang
4. Prosedur Pembuatan Laporan
Setelah melakukan analisis terhadap prosedur
yang sedang berjalan, dapat dilihat bahwa
dalam penjualan barang, pelanggan harus
datang ke Nis N Us Shop . Solusi yang
diajukan yaitu dengan membangun e-
commerce untuk mengatasi permasalahan
tersebut.
2.2.2 Analisis Keputuhan Fungsional
2.2.2.1 Diagram Konteks Diagram konteks adalah arus data yang
berfungsi untuk menggambarkan keterkaitan
aliran-aliran data antara sistem dengan bagian-
bagian luar. Adapun diagram konteks untuk
sistem yang akan dibangun dapat dilihat pada
gambar 1.
Website
E-Commerce
Nis N Us
Shop
Website
E-Commerce
Nis N Us
Shop
PaypalPaypalInfo pembayaran
Data pembayaran
PengelolaPengelola
Data barang
Data login pengelola
Data kategori
Data detail barang
Data pesanan
Data kota
Data provinsi
Data komentar
Data pembayaran
Data laporan
Data pemesanan
Data laporan penjualan
Data tampil komentar
Data hapus komentar
Data lupa password
Data logout
Data cari barang
Data hapus barang
Data cari kategori
Data cari kota
Data cari provinsi
Data backup
Data restore
Data aktif member
Info barang
Info invalid login pengelola
Info kategori
Info detail barang
Info pesanan
Info kota
Info provinsi
Info komentar
Info pembayaran
Info laporan
Info pemesanan
Info tampil komentar
Info hapus komentar
Info laporan penjualan
Info konfirmasi logout
Info cari barang
Info hapus barang
Info cari kategori
Info cari kota
Info cari provinsi
Info backup
Info restore
Info aktif member
Pengunjung
Member
Pengunjung
Member
Pengunjung
Non Member
Pengunjung
Non Member
Info pembayaran
Info invalid login member
Info keranjang
Info data retur
Info barang
Info cari barang
Info rating
Info komentar
Info data member
Info no resi
Info konfirmasi logout
Data pembayaran
Data login member
Data lupa password
Data password baru
Data keranjang
Data retur
Data barang
Data id_barang
Data cari barang
Data rating
Data komentar
Data member
Data no resi
Data logout
Data barang
Data id_barang
Data cari barang
Data registrasi
Data pengaktifan account
Info barang
Info cari barang
Info registrasi
Info pengaktifan account berhasil
Mail ServerMail Server
Info registrasi member
Info pengaktifan akun
Info password
Info pemesanan
Web JNEWeb JNEInfo no resi
Data no resi Gambar 1 Diagram Konteks
DFD Level 1 DFD level 1 untuk situs e-commerce pada Nis
N Us Shop dapat dilihat pada Gambar 2.
PaypalPaypal
Pengelola Pengelola
Pengunjung
Member
Pengunjung
Member
Pengunjung
Non member
Pengunjung
Non member
Mail ServerMail Server
1
Pendaftaran
pengunjung
member
1
Pendaftaran
pengunjung
member
2
Login
2
Login
5
Pengolahan Data
Transaksi
5
Pengolahan Data
Transaksi
4
Pengolahan data
master
4
Pengolahan data
master
6
Lihat history
pesanan
6
Lihat history
pesanan
7
Lihat barang
7
Lihat barang
8
Pembuatan
Laporan
8
Pembuatan
Laporan
3
Pengolahan
data user
3
Pengolahan
data user
Data registrasiInfo registrasi
Info pengaktifan akun
member
Da
ta r
eg
istr
asi m
em
be
rD
ata
me
mb
er
Data login memberInfo invalid login member
pengelola
Da
ta m
em
be
r
Da
ta p
etu
ga
s
Data login pengelolaInfo invalid login pengelola
Info password
Da
ta p
assw
ord
ba
ru
Data memberInfo data member
Data pengelolaInfo data pengelola
Da
ta m
em
be
rD
ata
me
mb
er
ya
ng
diu
ba
h
Da
ta p
etu
ga
sD
ata
pe
tug
as y
an
g d
iub
ah
barang
Lo
gin
va
lid
Lo
gin
va
lid
Da
ta b
ara
ng
Da
ta b
ara
ng
kategori kota provinsi
Login valid
Info
da
ta k
ate
go
ri
Da
ta k
ate
go
ri
Da
ta k
ota
Info
da
ta k
ota
Da
ta k
ota
Da
ta p
rovin
si
Info
da
ta p
rovin
si
Da
ta p
rovin
si
Da
ta r
etu
rIn
fo d
ata
re
tur
Da
ta k
era
nja
ng
Info
da
ta k
era
nja
ng
Da
ta b
ara
ng
Info
da
ta b
ara
ng
Da
ta p
em
ba
ya
ran
Info
da
ta p
em
ba
ya
ran
Data pemesananInfo status pembayaran
keranjang pembayaran penjualan
Da
ta b
ara
ng
Da
ta k
era
nja
ng
Info
da
ta k
era
nja
ng
Info
da
ta p
em
ba
ya
ran
Da
ta p
em
ba
ya
ran
Lo
gin
va
ld
Da
ta p
esa
na
nIn
fo p
esa
na
n
Da
ta k
era
nja
ng
Da
ta id
_b
ara
ng
Info
da
ta b
ara
ng
Da
ta k
om
en
tar
Info
da
ta k
om
en
tar
Da
ta r
atin
gIn
fo d
ata
ra
tin
g
komentar rating
Info
da
ta p
en
jua
lan
Da
ta p
en
jua
lan
Da
ta k
om
en
tar
Info
da
ta k
om
en
tar
Info
da
ta r
atin
g
Da
ta r
atin
g
Da
ta id
_b
ara
ng
Info
da
ta b
ara
ng
Da
ta b
ara
ng
Da
ta c
ari b
ara
ng
Info
ca
ri b
ara
ng
Da
ta c
ari b
ara
ng
Info
ca
ri b
ara
ng
Da
ta p
en
jua
lan
Da
ta p
em
ba
ya
ran
Da
ta b
ara
ng
Lo
gin
va
lid
11
Logout
11
Logout
Da
ta L
og
ou
t
Info
ko
nfirm
asi lo
go
ut
Da
ta lo
go
ut
Info
ko
nfirm
asi lo
go
ut
Info Pengaktifan Account Berhasil
Data Pengaktifan Account
9
Tracking
Barang
9
Tracking
Barang
Web JNEWeb JNE
Info
no
re
si
Da
ta n
o r
esi
Da
ta n
o r
esi
Info
no
re
si
Info password baruData password baru
Data password memberInfo password member
Info ubah pengelolaData ubah pengelola
Data hapus pengelolaInfo hapus pengelola
Data lupa password
Data lupa password
Info pemesanan
10
Backup
10
Backup
Info
da
ta k
ate
go
ri
Info
da
ta k
ota
Info
da
ta p
rovin
si
Da
ta k
ate
go
ri
Da
ta k
ota
Da
ta p
rovin
si
Info
da
ta k
era
nja
ng
Da
ta k
era
nja
ng
Info
da
ta p
em
ba
ya
ran
Da
ta p
em
ba
ya
ran
Info
da
ta p
en
jua
lan
Da
ta p
en
jua
lan
Info
da
ta k
om
en
tar
Da
ta k
om
en
tar
Info
da
ta r
atin
gD
ata
ra
tin
g
Da
ta B
acku
pIn
fo B
acku
pD
ata
Re
sto
reIn
fo R
esto
re
kurs
Info
ku
rs
Gambar 2 DFD Level 1
2.2.2.2 Diagram Relasi Diagram relasi dari situs e-commerce pada Nis
N Us Shop dapat dilihat pada Gambar 3.
tb_detail_barang
PK id_detail
stok
harga
diskon
berat
id_ukuran
id_barang
tb_ukuran
PK id_ukuran
ukuran
tb_barang
PK id_barang
nama_barang
detail
nama_gbr
lihat
tgl_upload
id_kategori
tb_kategori
PK id_kategori
nama_kategori
tb_rating
PK id_rating
total_rating
id_barang
tb_komentar
PK id_komentar
komentar
status
id_barang
tb_retur
PK id_retur
tgl_retur
tgl_kirim
no_resi
status
alasan_invalid
id_pembelian
id_barang
tb_provinsi
PK id_provinsi
nama_provinsi
tb_jasa
PK id_jasa
jasa
tb_paket
PK id_paket
nama_paket
id_jasa
tb_ongkir
PK id_ongkos
ongkos_kirim
id_kota
id_paket
tb_kota
PK id_kota
nama_kota
id_provinsi
tb_kurs
PK id_kurs
asal
nilai_tukar
tb_pembelian
PK id_pembelian
tgl_beli
total_bayar
status_bayar
status_kirim
penerima
alamat_kirim
tgl_kirim
no_resi
kodepos
no_rekening
id_ongkos
id_kurs
tb_keranjang
PK id_keranjang
jumlah
no_pembayaran
id_barang
id_pembelian
tb_detail_retur
PK id_detail_retur
alasan
jumlah
id_retur
id_barang
tb_member
PK tb_member
password
nama
alamat
kodepos
no_telp
aktivasi
status
tgl_daftar
id_kota
Gambar 3 Diagram Relasi
2.3 Desain Desain struktur menu merupakan jalur
pemakaian sistem yang mudah dipahami dan
mudah digunakan. Perancangan struktur menu
dari situs e-commerce dibagi menjadi empat:
a. Struktur menu pengunjung non member.
Dapat dilihat pada gambar 4 Menu
Aplikasi
Menu
Aplikasi
KeranjangKeranjangNis N Us
Ceria
Nis N Us
CeriaCariCariProdukProdukHomeHome DaftarDaftar
Gambar 4 Struktur Menu Pengunjung
Non Member
b. Struktur menu member. Dapat dilihat
pada gambar 5 LoginLogin
KeranjangKeranjangNis N Us
Ceria
Nis N Us
CeriaCariCariProdukProdukHomeHome
Data
User
Data
UserLogoutLogout
ProfileProfileHistori
Pembelian
Histori
PembelianGanti
Password
Ganti
Password
Gambar 5 Struktur Menu Member
c. Struktur menu pengeloa. Dapat dilihat
pada gambar 6 LoginLogin
MasterMaster TransaksiTransaksi LaporanLaporanHomeHome
ProvinsiProvinsi PesananPesananKotaKotaKategoriKategoriBarangBarang PembayaranPembayaran PengirimanPengiriman KeranjangKeranjang
TambahTambah EditEdit HapusHapus CariCari
LogoutLogout
Gambar 6 Struktur Menu Pengelola
d. Struktur menu pengelola admin. Dapat
dilihat pada gambar 7
LoginLogin
Data UserData User
TambahTambah EditEdit HapusHapus CariCari
Data
Member
Data
Member
AktivasiAktivasi CariCari
Gambar 7 Struktur Menu Pengelola
Admin
2.4 Implementasi Rencana pengujian yang akan dilakukan
dengan menguji sistem secara alpha dan beta.
Berdasarkan hasil pengujian alpha dan kasus
sampel uji yang telah dilakukan didapat
kesimpulan bahwa pada setiap proses masih
memungkinkan untuk terjadi kesalahan pada
sintaks dan kesalahan lojik, karena
kemampuan error handling belum sepenuhnya
ditangani, tetapi secara fungsional system
sudah dapat menghasilkan output yang
diharapkan.
Berdasarkan hasil pengujian beta dengan
kasus sample uji yang telah dilakukan
memberikan kesimpulan bahwa secara
fungsional sistem sudah dapat menghasilkan
output yang diharapkan dan tampilannya user
friendly.
3. HASIL DAN DISKUSI Dari analisa dan perancangan yang telah
dilakukan, hasil dari aplikasi yang dibangun
salah satunya dapat terlihat seperti pada
Gambar 8:
Gambar 8 Tampilan Aplikasi
4. KESIMPULAN DAN SARAN
4.1. Kesimpulan Berdasarkan hasil yang didapat dalam
pembuatan tugas akhir ini, makadapat ditarik
kesimpulan sebagai berikut :
1. Sistem Penerapan E-Commerce di Nis N
Us ini dapat berjalan sesuai dengan
tujuannya, yaitu suatu aplikasi commerce
yang dapat menangani proses bisnis dan
memperluas cakupan area pemasaran Nis
N Us Shop.
2. Didukung dengan user interface yang
cukup baik, aplikasi ini memudahkan
pembeli dalam membeli barang tanpa
dibatasi waktu dan tempat, serta
memudahkan pengelola untuk mengelola
data perusahaan seperti data barang,
pemesanan barang, penjualan barang, data
member dan data pengelola.
3. Membantu penjualan produk yang tidak
dibatasi tempat dan waktu, dan juga
proses transaksi dapat dilakukan setiap
saat dengan jaringan internet serta
membantu pihak perusahaan untuk
mengelola laporan pemesanan dan
penjualan.
4.2. Saran Dari semua hasil yang telah dicapai saat
ini, masih mempunyai beberapa kekurangan.
Disarankan untuk menambahkan fitur-fitur
yang dapat melengkapi website ini dimasa
yang akan datang. Diantaranya adalah:
1. Pemberian desain yang lebih menarik.
2. Perlunya penelitian lebih lanjut untuk
memperbaiki keamanan website agar tidak
terjadi hal-hal yang tidak diinginkan oleh
tangan-tangan jahil.
3. Perlunya penelitian lebih lanjut untuk
mengoptimalkan waktu akses website
karena waktu akses masih belum optimal.
5. DAFTAR PUSTAKA [1] Adi Nugroho. (2006), E-Commerce
Memahami Perdagangan Modern di
Dunia Maya, Bandung : Informatika.
[2] Dafid Odang. (2009), Berbisnis Lewat
Internet Dengan Paypal,
Yogyakarta : Mediakom.
[3] Fathansyah. (2006), Sistem Basis Data,
Bandung : Informatika
[4] Jogiyanto, HM. (2005), Analisis dan
Desain Sistem Informasi: Pendekatan
Terstruktur Teori dan Praktek Aplikasi
Bisnis, Andi, Yogyakarta.
[5] Leman, Metodologi Pengembangan
Sistem Informasi, PT Elex Media
Komputindo, Jakarta, 1998.
[6] Sutabri Tata, Analisa Sistem Informasi,
Andi Publisher , Jakarta, 2005.