perancangan sistem informasi penjualan online toko - Seminar

Konferensi Nasional Ilmu Sosial & Teknologi (KNiST)
Maret 2013, pp. 89~94
89
PERANCANGAN SISTEM INFORMASI
PENJUALAN ONLINE TOKO AON2 SPORTS
1
2
Irwanto , Wina Yusnaeni , Nuzuliarini Nuris
3
1
AMIK BSI
e-mail: [email protected]
2
AMIK BSI Jakarta
e-mail: [email protected]
3
AMIK BSI Jakarta
e-mail: [email protected]
Abstrak
Perkembangan ilmu pengetahuan dan teknologi yang berkembang semakin pesat saat
ini selalu memicu manusia untuk berkembangan dan bersaing dalam penguasaan teknologi.
Khususnya teknologi informasi dan komputer. Saat ini hampir semua informasi dapat diperoleh
melalui internet, hal ini berpengaruh besar dalam dunia usaha. Banyak jenis-jenis usaha yang
memanfaatkan teknologi internet untuk mempromosikan produk-produk yang akan dipasarkan
secara online atau biasa disebut Toko online. Dengan Penjualan berbasis web diharapkan bisa
melakukan promosi dan publikasi secara luas sehingga bisa meningkatkan penjualan. Melihat
kenyataan diatas, maka penulis membuat perancangan Sistem Informasi berbasis web pada
Toko AON2 SPORTS. Hal ini bisa digunakan sebagai saran promosi barang pada toko AON2
SPORT bukan hanya di daerah lokasi toko tetapi ke seluruh indonesia. Sistem Informasi yang
dirancang ini ditujukan agar bisa memberikan kemudahan para konsumen mendapatkan
informasi yang lebih cepat, akurat dalam mengetahui spesifikasi, harga serta stock produk
tanpa harus datang ke Toko AON2 SPORTS.
Keywords: Sistem Informasi, Web, Toko online
1. Pendahuluan
Format penulisan 2 kolom dengan lebar Pada
era sekarang yang menuntut kita untuk lebih
efektif, cepat dan akurat dalam teknologi
informasi. Teknologi informasi pada saat ini
bukan hanya di dapat dari media cetak saja
berupa Koran ataupun media elektronik
berupa berita di TV. Seiring berkembangnya
teknologi komputer, Teknologi informasi pun
menjadi kesatuan yang tak terpisahkan dari
kehidupan masyarakat luas. Internet adalah
salah satu teknologi informasi yang sudah
akrab digunakan masyarakat untuk mencari
dan bertukar informasi, dimana informasi
yang didapat menjadi lebih mudah di akses,
karena saat ini internet dapat di gunakan
melalui mobile phone.
Perkembangan teknologi informasi digunakan
dengan baik oleh pemerintah, pengusaha,
dan perorangan untuk memberikan informasi
terkini melalui media internet. Internet
sebagai salah satu media pemasaran &
promosi online yang dapat mempermudah
terjadinya transaksi real time atau online
tanpa harus terbentur dengan jarak dan
waktu untuk terjadinya transaksi jual beli.
Media promosi melalui internet menjadi lebih
efektif dimana perusahaan tidak perlu lagi
membagi-bagikan brosur secara manual
yang memiliki lingkup penyebarannya
terbatas.
AON2
sport
adalah
sebuah
toko
perlengkapan olahraga khususnya sepak
bola yang sedang berkembang dimana media
pemasaran yang digunakan saat ini ialah
masih secara lisan, menghubungi lewat
telepon atau pesan singkat ( SMS ) serta
mendatangi langsung ke toko untuk
mengetahui spesifikasi produk dan harga
yang terdapat toko AON2 SPORT. Dengan
pertimbangan
tersebut
maka
peneliti
berinisiatif untuk menggunakan Teknologi
informasi berbasis internet seperti website
sebagai sarana baru untuk meningkatkan
promosi toko AON2 SPORT. Dengan
pertimbangan tersebut peneliti tertarik untuk
membuat website resmi pada toko AON2
SPORT.
Diterima 11 Januari 2013; Revisi 08 Februari 2013; Disetujui 15 Maret 2013
ISBN: 978-602-61242-1-0
2. Metode Penelitian
Internet
“Internet adalah komputer yang terhubung
melalui jaringan dan saling berkomunikasi
dengan waktu dan wilayah tak terbatas”
(Ananda & dkk, 2009).
Internet merupakan jaringan komputer terluas
didunia (world wide Network) dimana antara
satu komputer dengan komputer lainnya
saling
berhubungan
dan
saling
berkomunikasi. Internet menggunakan jalur
untuk mentransfer data yang dinamakan
dengan backbone. Dengan menggunakan
backbone
inilah
kita
bias
saling
berkomunikasi dengan orang-orang dinegara
manapun dengan mudah dan cepat. Di
internet kita dapat mencari informasi seperti
politik, pendidikan, hiburan, teknologi, kotakota didunia, budaya, pemerintahan, dan lainlain.
World Wide Web (WWW)
“World Wide Web Adalah suatu metode untuk
menampilkan informasi di internet, baik
berupa teks, gambar, suara maupun video
yang interaktif dan mempunyai kelebihan
untuk menghubungkan (link) satu dokumen
dengan dokumen lainnya (hypertext) yang
dapat diakses melalui sebuah browser”
(Yuhefizar, 2008).
PHP
“PHP adalah bahasa script yang berjalan
dalam sebuah web server” (Prasetio, 2012).
PHP pertama kali dibuat oleh Rasmus
Lerdorf pada tahun 1995. Jika dilihat dari
versi pertamanya bahwa PHP terdiri dari
sekumpulan script PERL yang digunakan
untuk mengolah data form dari web.
Kemungkinan bahwa PHP singkatan dari Perl
Hypertext Processor. Pada awalnya PHP
bernama FI (Form Interpreted). Setelah
rasmus melepaskan kode sumbernya, maka
terbentuklah nama PHP/FI (Personal Home
Page/Form Interpreted).
MySql
“MySQL adalah merupakan perangkat Lunak
untuk
system
manajemen
database
(Database Manajemen Sistem)” (Soekarno,
2006). Karena sifatnya yang open source dan
memiliki kemampuan menampung kapasitas
yang sangat besar, maka MySQL menjadi
database yang sangat popular dikalangan
programmer web.
Penyimpanan data yang fleksibel dan cepat
aksesnya sangat dibutuhkan dalam sebuah
website yang interaktif dan dinamis.
Database
sendiri
berfungsi
sebagai
penampung data yang anda inputkan melalui
form website. Selain itu dapat juga dibalik
dengan menampilkan data yang tersimpan
dalam database kedalam halaman website.
Jenis database yang sangat popular dan
digunakan pada banyak website di internet
sebagai bank data adalah MySQL. MySQL
menggunakan SQL yang bersifat gratis,
selain itu MySQL dapat berjalan diberbagai
platform, antara lain LINUX, WINDOWS dsb.
Database MySQL dapat dibuat dan diolah
menggunakan tampilan jendela phpmyadmin
atau menggunakan script pemograman PHP.
Entity Relationship Diagram
Entity
Relationship
Diagram
(ERD)
merupakan
suatu
model
data
yang
dikembangkan berdasarkan objek. Entity
Relationship Diagram (ERD) digunakan untuk
menjelaskan hubungan antar data dalam
basis data kepada pengguna secara logis
(Sutabri, 2012).
Logical Record Structure
LRS (Logical Record Structure) aturan-aturan
dalam melakukan transformasi E-R Diagram
ke logical record structure sebagai berikut:
(Ladjamudin, 2006)
a. Setiap entity akan diubah kebentuk
sebuah kotak dengan nama entity berada
diluar kotak dan atribut berada didalam
kotak.
b. Sebuah relasi kadang disatukan dalam
sebuah kotak bersama entity, kadang
dipisah dalam sebuah kotak sendiri.
Struktur Navigasi
Dalam pengembangan multimedia interaktif
terdapat beberapa desain navigasi, dimana
desainer harus mengenal dengan baik
karena setiap desain navigasi memberikan
solusi untuk kebutuhan yang berbeda.
(Binanto, 2010) “menyatakan bahwa terdapat
empat struktur dasar navigasi yang
digunakan pada produk multimedia”.
a. Linier
Pengguna akan melakukan navigasi
secara berurutan, dari frame atau byte
informasi yang satu ke yang lainnya.
Sumber: (Binanto, 2010)
Gambar 1. Struktur Navigasi Linear
b. Hierarkies
struktur dasar ini disebut juga struktur
"linear dengan percabangan" karena
pengguna
melakukan
navigasi
disepanjang cabang pohon struktur yang
terbentuk oleh logika isi.
KNiST, 30 Maret 2013
90
ISBN: 978-602-61242-1-0
atau terurut dimulai dari analisis, desain,
pengkodean,
pengujian,
dan
tahap
pendukung (support). Berikut adalah gambar
model air terjun (Rosa & Shalahudin, 2013):
Sistem / Rekayasa Informasi
Sumber: (Binanto, 2010)
Gambar 2. Struktur Navigasi Hierarkies
c. Non Linier
Pengguna akan melakukan navigasi
dengan bebas melalui isi proyek dengan
tidak terikat dengan jalur yang sudah
ditentukan sebelumnya.
Sumber: (Binanto, 2010)
Gambar 3. Struktur Navigasi Non
Linear
d. Composite (Campuran)
Pengguna akan melakukan navigasi
dengan bebas (secara non-linear), tetapi
terkadang dibatasi presentasi linear film
atau informasi penting dan atau pada data
yang paling terorganisir secara logis pada
suatu hierarki.
Sumber: (Binanto, 2010)
Gambar 4. Struktur Navigasi
Composite
A. Metode
Pengembangan
Perangkat
Lunak
Metode
yang
digunakan
dalam
pengembangan perangkat lunak adalah
Model SDLC (Software Development Life
Cycle) air terjun (Waterfall) sering juga di
sebut model sekuensi linier (Sequential liniar)
atau alur hidup klasik (classic life cycle).
Model air terjun menyediakan pendekatan
alur hidup perangkat lunak secara sekuensial
Analisis
Desain
Pengkodean
Pengujian
Sumber : (Rosa & Shalahudin, 2013)
Gambar 5. Ilustrasi waterfall
1. Analisis kebutuhan
Pada Proses pengumpulan kebutuhan
meliputi proses pengolahan data user,
pengolahan data produk, data transaksi
penjualan, akses website berdasarkan
level user.
2. Desain
Merancang sistem dengan hubungan
antar entitas yang ada dalam sistem
dijabarkan dalam Data Flow Diagram dan
juga
Entity
Relationship
Diagram.
Rancangan database dari sistem usulan,
peneliti gambarkan dalam bentuk Logical
Record Structure dan Struktur Navigasi
antar pengguna.
3. Pembuatan Kode Program
Pembuatan
kode
program
dengan
memanfaatkan software dreamweaver
CS6 dan basis data MySql.
B. Teknik Pengumpulan Data
Untuk mendapatkan data dan informasi
yang dapat menunjang dalam penelitian
ini memiliki beberapa teknik yaitu:
1. Observasi
Melakukan observasi langsung untuk
pengumpulan data yang diperlukan dalam
pembuatan website toko AON2 sport
2. Wawancara
Melakukan pengumpulan data dengan
metode wawancara langsung kepada
pihak terkait dalam hal ini owner ( pemilik
toko ) untuk bertanya lebih terperinci
kembali tentang toko AON2 sport
(spesifikasi & harga produk )
3. Studi Pustaka
Untuk mendukung penelitian ini peneliti
juga melakukan studi kepustakaan untuk
mencari data-data yang diperlukan untuk
pembuatan web toko AON2 sport dari
berbagai sumber buku.
KNiST, 30 Maret 2013
91
ISBN: 978-602-61242-1-0
3. Pembahasan
Analisa & Perancangan
A. Analisa Web
Saat ini memasang situs di internet adalah
cara promosi yang efektif dan efisien.
Sehingga seseorang atau perusahaan ingin
memberikan informasi kepada masyarakat
dengan media internet, karena manfaat yang
dihasilkan dan informasi akan lebih cepat
diterima oleh masyarakat.
Tampilan web yang baik juga sangat
menentukan jumlah pengunjung. Oleh karena
itu ada baiknya bila kita membuat tampilan
web yang dikemas dengan tampilan yang
unik dan menarik tanpa mengurangi rasa
nyaman pengguna terhadap web atau situs
yang sedang dijelajahi.
B. Tinjauan Kasus
Saat ini kegiatan pemasaran toko AON2
Sports masih sebatas aplikasi pada
smartphone seperti blackberry messenger,
whatsapp & facebook. Sehingga informasi
detail spesifikasi serta harga barang tersebut
belum dapat diketahui langsung oleh para
konsumen Masalah utama yang dihadapi
yaitu mengenai sangat minimnya informasi
kepada para konsumen mengenai spesifikasi
serta harga barang pada toko AON2
SPORTS sehingga konsumen tidak dapat
tahu langsung spesifikasi & harga barang
yang diminati & untuk mengetahuinya
konsumen harus datang langsung ke toko
Melihat masalah tersebut di atas, maka
peneliti mencoba membantu memecahkan
permasalahan yang ada dengan membangun
sebuah sistem informasi berbasis website
untuk memudahkan konsumen mengetahui
spesifikasi serta harga barang-barang yang
diminati.
C. Entity Relationship Diagram (ERD)
D. Logical Record Structure (LRS)
TableBerita
TableCategory
PK
categoryID
PK
id_berita
FK1
Judul_berita
isi_berita
keterangan
userID
categoryName
TableProduct
PK
TableAdmin
prodID
FK2
FK1
prodName
prodPrice
prodDesc
prodInventory
categoryID
imagepath
userID
TableVendor
PK
userID
userName
password
accessLevel
PK
vendorID
FK1
vendorName
userID
Sumber : Peneliti
Gambar 3. LRS Sistem Informasi
Penjualan Online Toko AON2 Sports
E. Rancangan Tampilan
1. Rancangan Tampilan Halaman Home
Tampilan home merupakan tampilan
utama website dan juga merupakan
tampilan pembuka website dari toko
AON2 SPORTS, Tampilan ini dapat dilihat
pada setiap level user. Rancangan
tampilan home dapat di lihat pada gambar
sebagai berikut:
Id_berita
CategoryID
Judul_berita
Category
Berita
CategoryName
Isi_berita
M
M
Keterangan
CategoryID
Memiliki
Mengolah
UserID
UserID
ProdID
ProdName
ProdPrice
UserID
1
Product
1
M
ProdDesc
1
Mengolah
UserName
Admin
1
AccessLevel
ProdInventory
Mengolah
UserID
M
VendorID
Vendor
VendorName
Sumber: Peneliti
Gambar 2. ERD Sistem Informasi
Penjualan Online Toko AON2 Sports
Sumber: Peneliti
Gambar 6. Rancangan Tampilan
Halaman Home
2. Rancangan Tampilan Halaman Login
Tampilan halaman login difungsikan
sebagai media akses user untuk masuk
ke dalam sistem website. Baik sebagai
pengguna maupun sebagain admin
KNiST, 30 Maret 2013
92
ISBN: 978-602-61242-1-0
F. Struktur Navigasi
1. Struktur Navigasi Halaman Home
Ho
Pro
Jak
Jers
Swe
Tas
Sen
Abo
Con
Ne
Sumber: Peneliti
Gambar 4. Struktur Navigasi Halaman
Home
2. Struktur Navigasi Halaman Admin
Sumber: Peneliti
Gambar 7. Rancangan Tampilan Halaman
Login
3. Rancangan Tampilan Halaman Admin
Halaman Admin diakses oleh user admin
untuk melakukan pengolahan data pada
website Toko AON2 SPORTS
Sumber: Peneliti
Gambar 5. Struktur Navigasi Halaman
Admin
4. Simpulan
Dari hasil penelitian yang di lakukan pada
Toko AON2 SPORTS dapat diambil
beberapa kesimpulan yaitu:
1. Dengan adanya website ini maka
informasi yang akurat, cepat dan efisien
mudah disampaikan kepada konsumen
karena dapat diakses oleh siapapun dan
kapanpun tanpa harus datang langsung
ketempat yang dituju.
2. Informasi tentang produk yang terdapat
pada toko AON2 SPORTS yang up-to-date
dapt memberikan kepuasan kepada para
konsumen atau pengunjung website tersebut.
Referensi
Ananda, S. (2009). Buku pintar menguasai
internet. Jakarta: Mediakita.
Sumber: Peneliti
Gambar 8. Rancangan Tampilan
Halaman Admin
Binanto, I. (2010). Multimedia Digital Dasar
Teori
dan
Pengembangannya.
Yogyakarta: CV. Andi Offset.
KNiST, 30 Maret 2013
93
ISBN: 978-602-61242-1-0
Ladjamudin, A. B. (2006). Rekayasa
Perangkat Lunak. Yogyakarta: Graha
Ilmu.
Prasetio,
A.
(2012).
Buku
Pintar
Pemrograman
Web.
Jakarta:
Mediakita.
Rosa, A., & Shalahudin, M. (2013). Rekayasa
Perangkat Lunak Terstruktur dan
Berorientasi
Objek.
Bandung:
Informatika.
Soekarno, M. (2006). Membangun Website
Dinamis Interaktif dengan PHPMYSQL (Windows & Linux). Jakarta:
Eska Media.
Sutabri, T. (2012). Analisis Sistem Informasi.
Yogyakarta: Andi.
Yuhefizar. (2008). 10 Jam Menguasai
Internet Teknologi dan Aplikasinya.
Jakarta: PT. Elex Media Komputindo.
KNiST, 30 Maret 2013
94