E-JURNAL

PERANCANGAN SISTEM INFORMASI E-COMMERCE

TOKO KAMPUNG PETUALANG MENGGUNAKAN
FRAMEWORK CODEIGNITER

Oleh

ADRIAN ZIVA NUGRAHA

1206519.12

PROGRAM STUDI PENDIDIKAN TEKNIK INFORMATIKA

JURUSAN TEKNIK ELEKTRONIKA
FAKULTAS TEKNIK
UNIVERSITAS NEGERI PADANG
Wisuda Periode 108/ 18 Maret 20
 VOTEKNIKA
Jurnal Vokasional Teknik Elektronika & Informatika

Vol. 5, No. 1, Januari – Juni 2017

ISSN: 2302-3295

PERANCANGAN SISTEM INFORMASI E-COMMERCE

TOKO KAMPUNG PETUALANG MENGGUNAKAN
FRAMEWORK CODEIGNITER
Adrian Ziva Nugraha1, Efrizon2, Asrul Huda2
Program Studi Pendidikan Teknik Informatika
Fakultas Teknik Universitas Negeri Padang
Email: adrian200494@gmail.com

Abstract
Along with the development of technology today, activity of human activity progressively
easier and pampered, such as buying and selling activities have been pampered with named
E-Commerce . E-Commerce is an effort to commerce transaction between the seller and
buyers using the internet media. The development of information technology especially in the
field of internet is the factor driving the development of E-Commerce. With the use of
information technology, E-Commerce can be made as a solution to help the manufacturer in
the face of the rival. The purpose of this final task is to create a E-Commerce information
system on the village shops, Adventurer is the sales and marketing tools to develop your
business in selling products in online that contain information about the product and the
process of product order. Where in the design of this system, the author uses the concept of
Object Oriented Programming (OOP) and use the modeling Unified Modeling Language
(UML). E-Commerce on this Adventurer Village store using codeigniter framework in the
process of drafting and more variations at that time with more wool. This Framework can
help and make it easier for programmers to create website E-Commerce desired. framework
can provide the facilities commonly used so that they do not need to build from the beginning
. After the implementation of System Information E-Commerce that on this last task
Information System E-Commerce succeed. So that can be implemented by the Village Shop
Adventurer , in this case the promotion and sales online, and can perform the management of
the entire product data, data report and user data.

Keywords : E-Commerce, Codeigniter Framework, Object Oriented Programming,

Unified Modelling Language.

_______________________________________________________________________________________________

1
Mahasiswa Prodi Pendidikan Teknik Informatika untuk wisuda Periode Maret 2017
2
Dosen Pemimbing Jurusan Teknik Elektronika FT-UNP

I. PENDAHULUAN
ehubungan dengan perkembangan
S
teknologi saat ini yang berkembang
semakin pesat, maka sudah sewajarnya
akan mendorong manusia dalam memanfaatkan
teknologi tersebut dengan semaksimal mungkin
dari segala sisi kehidupan. Teknologi informasi
memudahkan manusia untuk memperoleh
informasi dengan lebih cepat, efektif, efisien dan
up to date, didukung dengan perangkat dan
layanan yang sudah tersedia di lingkungan tempat
tinggal.
Kenyataan ini menjadi bukti bahwa
perkembangan teknologi telah mengubah cara
hidup manusia dalam menjalankan aktifitasnya
sehari-hari, dan perkembangan-perkembangan ini
tentu memberikan dampak-dampak positif
terdahap manusia sebagai user yang
menggunakannya.
Perkembangan teknologi informasi terutama
di bidang internet merupakan faktor pendorong
perkembangan e-commerce. Internet merupakan
jaringan global yang menyatukan jaringan
komputer di seluruh dunia, sehingga
memungkinkan terjadinya komunikasi dan
interaksi antara satu dengan yang lain di seluruh
dunia. Dengan menghubungkan jaringan komputer
produsen dengan internet, produsen dapat
menjalin hubungan dengan pembeli atau
customer secara lebih efisien. Sampai saat ini
internet merupakan infrastruktur yang ideal untuk
menjalankan e-commerce, sehingga istilah e-
commerce telah menjadi identik dengan
menjalankan bisnis di internet, Menurut Adi
Nugroho (2006 : 5) bahwa “perdagangan
elektronik (e-Commerce) didefenisiskan sebagai
cara untuk menjual dan membeli barang-barang
(dan jasa) lewat jaringan internet, tetapi hal itu
(tentu saja) mencakup berbagai aspek”.
Dengan menggunakan teknologi informasi,
e-commerce dapat dijadikan sebagai solusi untuk
membantu produsen dalam menghadapi saingan.
Tingginya persaingan penjualan yang muncul
mengharuskan produsen dapat memberikan
respon yang baik. Penggunaan e-commerce dapat
meningkatkan efisiensi biaya dan produktifitas
produsen, sehingga dapat meninggkatkan
kemampuan produsen dalam bersaing.
1
Berkenaan dengan perkembangan teknologi
informasi saat ini, maka penulis akan merancang
sistem informasi e-commerce (perdagangan
elektronik) untuk toko tas dan perlengkapan
outdoor. Untuk mempermudah penulis dalam
membuat e-commerce ini, maka penulis akan
melakukan penelitian pada toko Kampung
Petualang yang berada di Jl. Jhoni Anwar no 37 B
Lapai, Padang.
Toko Kampung Petualang didirikan oleh
bapak Jasril. Toko ini menjual berbagai merk tas
dan perlengkapan outdoor seperti Deuter,
Consina, Eiger dan lainya. Dimana toko ini masih
melakukan pengolahan data secara manual. Baik
dalam hal pemasaran, pembuatan laporan
penjualan, serta untuk melakukan pemenuhan
permintaan pelanggan terhadap produk yang ada.
Berdasarkan hasil wawancara pemasaran
pada toko Kampung Petualang yang baru berjalan
2 tahun ini, prosedur pemasaran pada toko
Kampung Petualang berawal dari pemasaran
secara langsung yaitu dengan mengutus pegawai
toko unutk menjelaskan barang yang ada di toko
Kampung Petualang sambil memberikan informasi
maupun daftar harga pada toko Kampung
Petualang. Dengan menggunakan e-commerce
pemasaran bisa dilakukan dimanapun dan
kapanpun karena pelanggan hanya perlu
mengakses webshite yang telah disediakan.
Saat ini untuk membeli produk dari toko
Kampung Petualang calon customer harus
langsung datang ke toko dan memilih produk yang
akan dibeli, agar informasi produk yang tersedia
dapat diakses dari luar, sehingga customer yang
tidak bisa datang secara langsung dapat membeli
produk yang mereka butuhkan atau hanya
sekedar melihat informasi produk yang tersedia di
toko Kampung Petualang, selain itu juga customer
yang belum mengetahui lokasi toko Kampung
Petualang ini akan dapat melakukan transaksi
atau mencari informasi melalui website toko
Kampung Petualang.
Tujuan dari perancangan ini adalah untuk
menghasilkan sistem informasi e-commerce yang
memberikan kenyaman kepada customer dalam
berbelanja dan mempermudah pihak toko dalam
memproses, menjalankan dan mengembangkan
usahanya dalam jual-beli produk.
2 JURNAL VOTEKNIKA Vol. 5, No. 1, (2017)

II. ANALISIS DAN PERANCANGAN 1. Perancangan Sistem

SISTEM a. Sistem yang akan dibangun
1. Analisis Sistem Berdasarkan analisis dari sistem yang
sedang berjalan, penulis bermaksud
Dalam mengembangkan sistem, ada
membangun sebuah sistem informasi e-
beberapa hal yang harus diperhatikan terlebih
Commerce yang mempermudah penjual
dahulu, untuk itu diperlukan adanya analisis
mempromosikan produk-produk di tokonya.
sistem yang akan dibuat atau dikembangkan.
Sistem ini berbasis web, sehingga dapat
a. Analisis Flowmap yang sedang berjalan diakses dimanapun.
Saat ini toko Kampung Petualang dalam
mempromosikan usahanya dengan memasang
banner di depan toko. Bagi calon customer
yang ingin berbelanja harus datang langsung
ke toko untuk mencari produk yang dicarinya,
dan bila sudah mendapatkannya dapat
langsung diproses di kasir, dan bila tidak
ditemukan maka customer harus harus mencari
produk di toko yang lain.
Sistem yang saat ini sedang berjalan
dapat penulis gambarkan melalui flow map di
bawah ini.

Gambar 2. Flow Map Sistem yang Dibangun

1) Analisis User
Agar sebuah sistem dapat berjalan
Gambar 1. Flow Map yang sedang berjalan dengan baik dan sesuai dengan yang
diinginkan maka dibutuhkan sebuah analisa
b. Analisis Persyaratan (Requirements)
mengenai siapa saja yang dapat mengakses
Setelah mengetahui permasalahan pada sistem. Adapun yang dapat mengakses
sistem yang sedang berjalan, selanjutnya sistem ini adalah sebagai berikut.
penulis melakukan analisis persyaratan
Tabel 1. Analisi User
(requirement) sebagai solusi masalah tersebut.
Persyaratan yang ada akan dibagi 2 (dua)
bagian. Bagian pertama Functional
Requirement yaitu aktivitas dan layanan yang
harus disediakan oleh sistem yang akan
dibangun. Bagian kedua adalah Non-functional
Requirement yaitu fitur-fitur yang diperlukan
oleh sistem agar sistem lebih memuaskan.
 3

sesuai dengna informasi yang akan

ditampilkan pada sistem.
3) Analisis Output
Analisis output dilakukan berdasarkan
dokumen yang dihasilkan. Berdasarkan hasil
dari analisa input yang sedang berjalan, maka
selanjutnya perlu dilakukan analisis terhadap
output yang ada yaitu :
a) Data order produk dari Customer.
2) Analisis Input b) Informasi data konfirmasi pembayaran
yang dilakukan Customer.
E-Commerce ini memerlukan data input c) Informasi laporan order dan penjualan.
yang akan diolah sehingga dapat d) Informasi tentang laporan keuntungan
menghasilkan informasi yang valid, sesuai dari penjualan.
kebutuhan sistem. Data input yang diperlukan
oleh sistem adalah sebagai berikut:
a) Data terkait owner sebagai pemilik toko, 4) Analisi Proses
meliputi nama, jenis kelamin, email,
Untuk menghasilkan keluaran yang
nama user, username, dan password.
diinginkan sesuai dengan input data diatas,
b) Data terkait supplier sebagai pamasok
maka dalam tahap analisa proses ini akan
meliputi nama, jenis kelamin, email,
dilakukan oleh sistem adalah pengelolaan
nama perusahaan, username, dan
data-data yang berhubungan dengan
password.
dokumen yang diinputkan.
c) Data terkait Customer, meliputi nama,
alamat, jenis kelamin, telp, kode pos,
b. Perancangan Alirah Pesan
email, dan password.
d) Data produk, yang akan dijelaskan Perancangan aliran pesan digunakan
secara detail dengan adanya id_produk, untuk menggambarkan aliran pesan dari kurir
id_kategori, id_merk, supplier_id, kode, dan customer ke sistem. Input dari kurir dan
nama_produk, deskripsi, spesifikasi, customer berupa SMS request dan output
warna, ukuran, berat, harga, diskon, yang diterima berupa informasi yang direply
stok, status, gambar, tanggal, jam, slider dari sistem.
dan notif_supplier.
e) Data order produk, meliputi id_order, -
id_session, id_produk, qty, colour, size,
harga_unit, tanggal dan waktu.
f) Data konfirmasi pembayaran
Customer, meliputi confirm_id, fullname,
email, date_payment, nominal, to_bank,
bank_account, order_id, no_invoice,
messages, dan attachment.
g) Data kurir, yang meliputi id_kurir dan
nama.
Gambar 3. Perancangan Aliran Pesan
Data-data tersebut akan tersimpan
didalam sistem yang terstruktur dalam bentuk c. Perancangan Use-case Diagram
basis data (database) sebagai gudang
penyimpanan data. Data yang tersimpan Use-case Diagram merupakan sebuah
tersebut akan digunakan dan dimanipulasi interaksi antara satu atau lebih aktor dengan E-
4 JURNAL VOTEKNIKA Vol. 5, No. 1, (2017)
Commerce yang akan dibangun. Use-case
diagram untuk mengetahui fungsi apa saja
yang ada di dalam sebuah sistem informasi dan
siapa saja yang berhak menggunakan fungsi-
fungsi tersebut.
Berikut merupakan perancangan use-case
diagram untuk e-Commerce toko kampung
petualang dapat dilihat pada gambar dibawah
ini:
Gambar 4. Rancangan Diagram Use Case
Pada Gambar 4 dapat dijelaskan alur kerja
dari aktor yang berperan dalam sistem ini.
Pemilik toko selaku owner melakukan registrasi
untuk Kurir dan Supplier. Dimana nantinya
admin melayani pemesanan produk yang
dilakukan oleh customer dan supplier
menyediakan produk yang diperlukan oleh
pihak toko. Kurir akan mengirimkan pesan ke
sistem bahwa pembayaran untuk pembelian
dengan COD telah diterima.
d. Perancangan Context Diagram
Context Diagram merupakan suatu
diagram alir tingkat tinggi yang
menggambarkan seluruh jaringan, masukan
dan keluaran. Sistem yang dimaksud adalah
untuk menggambarkan sistem yang sedang
berjalan. Diagram ini merupakan gambaran
umum sistem yang nantinya akan dibuat.
Secara uraian dapat dikatakan bahwa diagram
konteks itu berisi siapa saja yang memberikan
data ke sistem serta kepada siapa data
informasi yang harus dihasilkan sistem.
Berdasarkan use-case diagram, maka
dapat digambarkan diagram konteks untuk
sistem informasi e-Commerce adalah sebagai
berikut:
Gambar 5. Rancangan Context Diagram
Pada Gambar 5 dapat di ketahui bahwa
owner selaku pemilik toko menginputkan data
pegawai toko dan data supplier, nantinya
owner akan dapat memperoleh informasi
berupa informasi pegawai toko, supplier,
customer, informasi produk, informasi
pemesanan, informasi laporan transaksi.
Pegawai toko dapat melakukan input data
produk, validasi data registrasi, permintaan
produk, laporan transaksi dan dapat melakukan
pelayanan terhadap pemesanan produk oleh
customer. Supplier berperan sebagai pemasok
produk yang dibutuhkan oleh toko. Sedangkan
customer melakukan registrasi untuk dapat
melakukan pemesanan produk yang akan
diproses oleh pegawai toko.
e. Perancangan Class Diagram
Perancangan class diagram sistem
informasi toko e-Commerce toko kampung
petualang adalah sebagai berikut :
 5

Gambar 6. Class Diagram Toko Kampung

Petualang
f. Rancangan Entity Relationship Diagram
(ERD)
Perancangan basis data diperlukan entity
relationship diagram (ERD) untuk
mengambarkan entitas (user) yang berperan
dalam sebuah basis data serta hubungan
antara user yang berperan tersebut. Berikut ini
ERD sistem pelayanan online pada toko
Kampung Petualang :

Gambar 7. Rancangan ERD

Pada Gambar 7 menunjukkan semua entitas
aktor yang terlibat dalam sistem. Bagaimana aktor
tersebut berperan sesuai dengan ketentuan.

III. IMPLEMENTASI DAN PENGUJIAN

SISTEM
1. Implementasi Sistem
Implementasi adalah sebuah tahap uji
coba terhadap Perancangan Sistem Informasi
E-Commerce Toko Kampung Petualang
Menggunakan Framework Codeigniter.
Implementasi ini dilakukan untuk mengetahui
apakah Perancangan Perangkat Lunak Sistem
E-Commerce yang telah dirancang dapat
berjalan sesuai dengan yang diinginkan.
6 JURNAL VOTEKNIKA Vol. 5, No. 1, (2017)

Berdasarkan analisis user, terdapat 4

halaman utama dalam sistem ini yaitu halaman
user customer, user admin, user owner, dan
user supplier. Adapun tahap implementasinya
akan dibahas sebagai berikut.

a. Halaman Home Customer

Halaman home merupakan halaman awal
saat user customer membuka website sistem
e-commerce. Pada halaman home ini terdapat
informasi mengenai produk dan kategori,
konfirmasi pembayaran, dan informasi tentang Gambar 9. Halaman Pembelian
toko. Dimana customer dapat melakukan
Gambar 9 diatas merupakan halaman
pembelian di halaman ini setelah melakukan
customer untuk melakukan pembelian dengan
login dan konfirmasi order.
klik tombol beli sekarang, maka produk yang
dibeli akan ditambahkan ke keranjang.
Setelah melakukan pembelian, customer
bisa melihat isi keranjang. Produk apa yang
dibeli pada troli.

Gambar 8. Halaman Home User Customer

Gambar 8 di atas merupakan tampilan
halaman utama untuk user customer atau
pengunjung website. Pada halaman ini user
customer dapat melihat produk dan melakukan Gambar 10. Halaman Detail Pembelian
order.
Untuk melakukan pembelian, customer Pada troli ini user juga dapat melakukan
dapat melihat detail produk seperti warna, pembelian lagi setelah memilih tombol Beli Lagi.
ukuran dan kuantitas. Untuk melakukan Sedangkan tombol checkout untuk selesai
pembelian customer bisa mengklik tombol beli belanja.
sekarang.
 7

c. Halaman User Admin

Halaman user admin merupakan halaman
yang dapat dilihat oleh user admin. Admin
memiliki hak akses untuk manajemen produk,
kategori, order dan user customer. Berikut
beberapa sub halaman yang terdapat dalam
halaman user admin :
1) Halaman Home Admin
Implementasi halaman home user
admin dapat dilihat dari gambar berikut :

Gambar 11. Halaman Checkout Customer

Gambar 11 di atas merupakan tampilan
dari halaman checkout customer, yang mana
pada halaman ini merupakan halaman terakhir
untuk proses order oleh customer.
b. Halaman Login Customer
Halaman login merupakan halaman yang
harus diisi setelah customer melakukan
checkout. Implementasi halaman login customer Gambar 13. Halaman Home Admin
dapat dilihat dari gambar berikut : Halaman home merupakan halaman
utama dari user admin. Halaman ini
merupakan tampilan awal jika admin telah
melakukan login.

2) Halaman Manajemen Menu Katalog

Kategori Admin
Implementasi halaman kategori user
admin sebagai berikut:

Gambar 12. Halaman Login Customer

Pada gambar 12, customer harus
memasukkan akun e-mail atau username dan
password. Jika belum mempunyai akun,
customer dapat mendaftar terlebih dahulu.
Pada saat login, jika e-mail atau password
salah, maka akan muncul pesan error.

Gambar 14. Halaman Manajemen Kategori

Gambar 12. Pesan Error Login
Gambar 12 di atas merupakan pesan error
pada halaman login. Pesan tersebut akan
muncul, jika e-mail atau password customer
salah.
Admin
Pada gambar 14, admin memiliki hak
akses untuk menambahkan kategori,
melakukan edit, update dan menghapus
kategori. Kategori yang di tambahkan
8 JURNAL VOTEKNIKA Vol. 5, No. 1, (2017)
admin, akan tampil di halaman home
website.
3) Halaman Menu Katalog Produk Admin
Halaman produk merupakan halaman
yang memberikan hak akses kepada
admin untuk melakukan manajemen
produk. Implementasi halaman produk
dapat dilihat sebagai berikut :
Gambar 15. Halaman Manajemen Produk
Admin
Gambar 15 di atas menjelaskan bahwa
pada halaman produk terdapat tabel opsi
yang memiliki 3 tombol, tombol Ikon tulis
(kiri) untuk manajemen edit detail produk,
tombol Ikon home (tengah) sebagai
manajemen warna, dan tombol dengan
ikon panah kiri-kanan (kanan) untuk
manajemen ukuran produk.
4) Halaman Manajemen Merk Produk Admin
Halaman manajemen merk produk
memberikan hak akses untuk admin dalam
hal melakukan perubahan terhadap merk.
Implementasi halaman menu merk produk
sebagai berikut :
Gambar 16. Halaman Manajemen Merk Produk
Admin
Gambar 16 di atas merupakan
halaman manajemen merk produk oleh
admin. Pada halaman ini admin dapat
menambahkan, mengubah, dan
menghapus merk produk.
5) Halaman Permintaan Produk Admin
Halaman permintaan produk admin
merupakan halaman permintaan produk
dari admin kepada supplier terkait.
Halaman ini merupakan halaman lanjutan
dari status stok produk pada menu katalog
produk, dimana jika jumlah produk ≤ 4,
akan tampil tombol permintaan barang
otomais kepada supplier (tombol Ikon
Refresh).
Implementasi halaman permintaan
produk sebagai berikut:
Gambar 17. Halaman Stok Produk Sedikit
Pada gambar 17 di atas terdapat tabel
opsi Ikon Refresh (Panah Melingkar),
tombol ini akan menampilkan permintaan
produk kepada supplier, dan akan tampil
pada menu permintaan produk.

Gambar 18. Halaman Permintaan Produk
Admin
Pada gambar 18 di atas, admin dapat
mengubah jumlah permintaan produk,
menambahkan keterangan warna dan
ukuran produk kepada supplier terkait.
6) Halaman manajemen Order Admin
Halaman order berfungsi untuk
manajemen data order oleh admin.
Menampilkan opsi delete (warna merah)
dan edit (warna biru). Dapat dilihat pada
gambar berikut :
Gambar 19. Halaman Manajemen Order
Admin
Gambar 19 di atas menjelaskan bahwa
admin mempunyai hak akses untuk
mengubah status order pelanggan. Lebih
jelasnya dapat digambarkan sebagai
berikut:
9
Gambar 20. Halaman Edit Status Order
Gambar 20 di atas merupakan
halaman edit status order pelanggan, terdiri
dari menu detail order, detail pembayaran,
produk dan history. Pada history, admin
dapat mengubah status order pelanggan.
Jika status dikirim, akan ditampilkan
jasa pengirim dan dan No. Resi kirim,
pemberitahuannya akan dikirim ke akun
customer pada website. Jika status order
produk terkirim, maka dengan otomatis
jumlah stok produk akan berkurang di
katalog produk.
d. Halaman User Owner
Halaman user owner merupakan halaman
untuk hak akses owner sebagai pemilik toko.
Sebagai owner, sistem dapat diakses untuk
melihat laporan order dan perkembangan
pelanggan online. Sehingga owner dapat
memantau perkembangan toko dan penjualan
toko secara online. Owner hanya memiliki hak
akses untuk melihat, menambahkan supplier
dan kurir, dimana manajemen datanya sudah
dilakukan oleh admin.
Adapun implementasi halaman owner
sebagai berikut :
1) Halaman Katalog Kategori Owner
Halaman ini terdapat pada sub menu
katalog, yang menampilkan kategori dari
produk. Adapun implementasi halaman
kategori user owner dapat dilihat sebagai
berikut :
10 JURNAL VOTEKNIKA Vol. 5, No. 1, (2017)
Gambar 21. Halaman Katalog Kategori Owner
Gambar 21 di atas menampilkan data
kategori produk, dimana owner dapat
melihat kategori apa saja yang tersedia di
toko online.
2) Halaman katalog Produk Owner
Halaman ini menampilkan produk dan
detailnya yang telah dimasukkan admin.
Adapun implementasi halaman produk yaitu:
Gambar 22. Halaman Katalog Produk Owner
Gambar 22 di atas menampilkan semua
data detail produk. Dimana terdapat tabel
yang menjelaskan detail produk, sehingga
owner dapat mengetahui stok produk yang
tersisa.
3) Halaman Katalog Merk Produk Owner
Hamalan katalog merk produk
merupakan halaman untuk owner melihat
merk produk. Sama halnya dengan dengan
katalog kategori dan produk, owner hanya
bisa melihat.
Implementasi halaman merk produk
sebagai berikut :
Gambar 23. Halaman Katalog Merk Produk
Owner
Gambar 23 di atas menampilkan
halaman merk produk yang tersedia pada
manajemen merk produk oleh owner. Pada
halaman ini owner tidak dapat
menambahkan, mengubah, dan menghapus
merk produk melainkan hanya dapat melihat
saja.
4) Halaman Menu Supplier User Owner
Halaman ini merupakan halaman yang
menampilkan data dari supplier. Owner juga
diberi hak akses untuk melakukan
manajemen terhadap data supplier. Adapun
implementasi halaman menu supplier owner:
Gambar 24. Halaman Menu Supplier User
Owner
Gambar 24 di atas menjelaskan tampiln
data supplier. Owner dapat melakukan
tambah dan edit data supplier.
5) Halaman Laporan Order Owner
Halaman laporan order merupakan
halaman yang berisikan laporan untuk di
akses owner mengenai order yang dilakukan

pelanggan. Laporan ini mengenai
pemesanan yang masih di proses.
Adapun implementasinya adalah
sebagai berikut :
Gambar 25. Halaman Laporan Order Owner
Gambar 25 di atas menampilkan tabel
tentang laporan order. Tabel tersebut
menampilkan no, tanggal, order ID, nama,
ongkos kirim, dan total belanja. Owner juga
dapat melakukan filter berdasarkan status
order dan tanggal order. Owner juga dapat
menampilkan detail order, jika mengklik
order ID.
e. Halaman User Supplier
1) Halaman Login User Supplier
Halaman login merupakan halaman
utama saat supplier membuka website. Agar
dapat masuk ke halaman menu selanjutnya,
supplier harus memasukkan username dan
password. Implementasi dari halaman login
supplier adalah sebagai berikut:
Gambar 26. Halaman Login Supplier
Gambar 26 di atas menampilkan
sebuah form login supplier. Setelah
11
memasukkan username dan password,
supplier harus memilih tombol login untuk
masuk ke halaman selanjutnya.
2) Halaman Permintaan Produk User Supplier
Halaman ini merupakan halaman yang
memberikan hak akses kepada supplier
terkait untuk melakukan manajemen produk,
berupa permintaan produk dari admin.
Supplier akan menerima pemberitahuan jika
admin mengirimkan permintaan produk.
Supplier juga dapat melakukan validasi
terhadap permintaan admin.
Implementasi halaman ini sebagai
berikut :
Gambar 27. Halaman Permintaan Produk User
Supllier
Gambar 27 di atas menampilkan
pemberitahuan tentang permintaan admin.
Tabel tersebut menampilkan jumlah
permintaan produk yang dikirim admin.
Supplier dapat menggunakan tombol opsi
untuk memberikan validasi untuk proses
selanjutnya kepada admin.
f. Konfirmasi Kurir
Konfirmasi kurir yang dimaksud di sini
yakni proses kurir toko yang melayani
pembayaran via COD, yang mana nantinya
kurir ini dapat melakukan konfirmasi bahwa
produk yang diantar telah diterima dan
dibayarkan oleh customer.
12 JURNAL VOTEKNIKA Vol. 5, No. 1, (2017)

Halaman akses admin merupakan

halaman yang bisa diakses admin, terutama
untuk manajemen data. Berikut tabel
pengujian halaman akses admin:

Tabel 3. Pengujian Halaman Akses Admin

Gambar 28. Format konfirmasi SMS

Proses SMS yang akan dikirim ke
sistem dan nantinya pada sistem akan
secara otomasis status ordernya menjadi
diterima.

2. Pengujian Sistem
Pengujian sistem merupakan uji coba
terhadap sistem yang telah dibuat untuk
mengetahui apakah sistem sudah berjalan
dengan benar. Pengujian juga merupakan
proses evaluasi untuk memastikan aplikasi
telah memenuhi persyaratan dan siap untuk
digunakan. Berikut adalah penjelasan
mengenai pengujian dari masing-masing
halaman sistem.
a. Pengujian Halaman Akses Customer
Halaman home merupakan halaman awal
yang akan ditampilkan oleh sistem ketika
sistem dijalankan. Berikut tabel pengujian
halaman home.

Tabel 2. Pengujian Halaman Akses Customer

c. Pengujian Halaman Akses Owner

Halaman akses owner merupakan
halaman yang bisa diakses owner, terutama
b. Pengujian Halaman Akses Admin

untuk melihat laporan. Berikut tabel pengujian
halaman akses owner:
Tabel 4. Pengujian Halaman Akses Owner
d. Pengujian Halaman Akses Supplier
Halaman akses supplier merupakan
halaman yang bisa diakses supplier untuk
mengkonfirmasi permintaan produk dari
admin. Berikut tabel pengujian halaman akses
supplier:
Tabel 5.Pengujian Halaman Akses Supplier
e. Pengujian Konfirmasi Kurir
Konfirmasi kurir merupakan bagian yang
digunakan oleh kurir untuk melakukan
konfirmasi ke sistem bahwa order telah d
terima customer Berikut tabel pengujian
halaman akses supplier:
Tabel 6. Pengujian Proses Kurir
IV. PEMBAHASAN
Pada sistem ini, penulis menggunakan PHP
framework codeigniter dalam pembuatannya.
13
Menurut Betha Sidik (2012 : 1) “CodeIgniter (CI)
adalah framework pengembangan aplikasi
(Aplication Development Framework) dengan
menggunakan PHP, suatu kerangka untuk bekerja
atau membuat program dengan menggunakan
PHP yang lebih sistematis”. CodeIgniter itu sendiri
terdiri dari 3 bagian yaitu Model, View dan
Controller. Menurut Wahana Komputer (2011 : 2)
“Codeigniter adalah aplikasi open source yang
berupa framework dengan model MVC (Model,
View, Controller) untuk membangun website
dinamis dengan menggunakan PHP”. CodeIgniter
memudahkan pemrogram untuk membuat aplikasi
web dengan cepat dan mudah dibandingkan
dengan membuatnya dari awal. Dalam proses
pembuatan sistem ini penulis menggunkan
Sublime Text 3 sebagai editornya, MySQL
sebagai DBMS untuk database-nya dan Xampp
v3.1.0 3.1.0 sebagai servernya.
Pembuatan sistem informasi e-commerce ini
penulis menggunakan pemodelan Unified
Modelling Language (UML) yang mana
merupakan gambaran atau visualisasi model dari
suatu sistem yang akan dibangun yang biasanya
ditampilkan dalam bentuk gambar atau diagram
yang melputi class, atribut dan operasinya. Berikut
yang termasuk jenis diagram UML antara lain :
Class Digram, Use Case Diagram, Activity
Diagram, Sequence diagram, dll.
Pada sistem ini terdapat 5 user yaitu
customer, admin, supplier, owner dan kurir. Setiap
user memiliki tugas yang berbeda-beda, seperti
customer yang bertugas melakukan pencarian
terhadap produk yang diinginkan, lalu melakukan
pemesanan atau order dan melakukan
pembayaran, selanjutnya admin yaitu bertugas
menginput data produk kedalam sistem, melayani
pemesanan dan pembelian dari customer,
kemudian membuat laporan penjualan dan
melakukan pemesanan kepada supplier,
berikutnya supplier bertugas melayani pemesanan
yang dilakukan oleh admin, menyediakan dan
kemudian mengirim produk yang dipesan oleh
admin, selanjutnya owner yang bertugas memberi
hak akses kepada supplier, melakukan
pengecekan laporan penjualan dan juga
melakukan pengecekan permintaan produk, dan
yang terakhir yaitu kurir, disini kurir yang dimaksud
yaitu kurir dari toko tidak kurir jasa pengiriman
14 JURNAL VOTEKNIKA Vol. 5, No. 1, (2017)

seperti JNE, TIKI, dll. Kurir toko mempunyai tugas

mengantar order via COD kepada customer dan
melakukan konfirmasi bahwa produk dan
2. Saran
pembayaran telah diterima dengan cara mengirim
Adapun saran setelah merancang sistem
SMS ke sistem.
e-commerce ini adalah:
Keunggulan dari sistem informasi e- a. Diharapan sistem informasi e-commerce ini
commerce ini terdapat fitur COD dimana customer dapat memberikan informasi kepada calon
dapat melakukan pembayaran ditempat, sehingga customer mengenai produk-produk yang
customer tidak direpotkan untuk melakukan tersedia.
pembayaran ke ATM. Pada sistem informasi e- b. Pemilik toko memanfaatkan sistem ini
commerce ini selain dapat melakukan konfirmasi sebahai media untuk menambah jangkauan
dan pengecekan status order langsung pada pemasaran agar lebih luas lagi.
sistem secara online, customer juga dapat c. Diharapkan Sistem informasi e-commerce
melakukan konfirmasi dan pengecekan status ini dapat mempermudah pemilik toko dalam
order melalui SMS, karena pada sistem informasi proses penjualan dan promosi.
e-commerce ini juga terdapat SMS gateway
sehingga lebih memudahkan customer tidak perlu
online lagi. Selain customer, kurir toko juga
memanfaatkan SMS gateway ini untuk melakukan
konfirmasi ke sistem bahwa produk telah diterima
oleh customer.

V. KESIMPULAN DAN SARAN

1. Kesimpulan DAFTAR PUSTAKA

Berdasarkan hasil Perancangan Sistem
Informasi E-Commerce Toko Kampung
Petualang dapat disimpulkan sebagai berikut :
a. Dengan pemanfaatan bahasa pemograman
PHP menggunakan Framework Codeigniter
dapat dikembangkan sebuah sistem
informasi e-commerce toko kampung
petualang.
b. Dengan adanya sistem informasi e-
commerce dapat memberikan kenyamanan
kepada customer dalam berbelanja karena
dapat memilih barang yang diinginkan.
c. Dengan adanya sistem infomasi e-
commerce dapat mempermudah pihak toko
dalam memproses, menjalankan dan
mengembahkan usahanya dalam kegiatan
jual-beli.
Adi Nugroho. 2006. e-Commerce Memahami
Perdagangan Modern di Dunia Maya.
Bandung: Informatika Bandung.
Betha Sidik. 2012. Framework Codeigniter.
Bandung: Informatika.
Wahana Komputer. 2011. Mudah & Cepat
Membuat Website dengan Codeigniter.
Yogyakarta: ANDI.
Catatan: Artikel ini disusun berdasarkan Tugas
Akhir penulis dengan Pembimbing I Drs.
Efrizon, MT dan Pembimbing II Dr. Asrul
Huda, S.Kom, M.Kom
 VOTEKNIKA
Jurnal Vokasional Teknik Elektronika & Informatika

Vol. 5, No. 1, Januari – Juni 2017

ISSN: 2302-3295

_______________________________________________________________________________________________

1
Mahasiswa Prodi Pendidikan Teknik Informatika untuk wisuda Periode Maret 2017
2
Dosen Pemimbing Jurusan Teknik Elektronika FT-UNP