pembuatan toko online .studi kasus pada toko

KOMPUTAKI Vol.1, No.1 Februari 2015
PEMBUATAN TOKO ONLINE .STUDI KASUS PADA TOKO ANUGRAH
Suwarno 1, Satrio Agung Prakoso 2
Fakultas Ilmu Komputer, Universitas AKI
[email protected]
Abstrak
Internet merupakan jaringan komputer global di seluruh dunia sebagai media
komunikasi dan informasi modern yang dapat memberikan serta menampilkan berbagai
informasi dan data kepada publik. Dalam dunia usaha khususnya bidang pemasaran, website
merupakan salah satu media pemasaran yang bersifat global karena dapat secara mudah dan
cepat menyebarluaskan dan bersifat global karena dapat secara mudah dan cepat
menyebarluaskan dan memperoleh informasi.
Industri fashion terutama di Semarang maju sedemikian pesatnya, tiap-tiap brand
mengusung tema tertentu, desain, pola dan bahan yang sangat khusus dalam melakukan
promosinya, hal ini ditujukan untuk menarik pengunjung sebanyak mungkin sehingga dapat
meningkatkan penjualan.
Analisis dan perancangan dari aplikasi pembuatan toko online pada Toko Anugerah
pemodelan objek setandar UML (Unified Modelling Language) untuk menjelaskan secara rinci
langkah-langkah dari aplikasi. Setelah merancang sistem kemudian membangun aplikasi,
adapun pembuatan aplikasinya Php.
Berdasarkan pada pentingnya informasi yang ada pada Toko Anugrah, maka diperlukan
sebuah website toko online yang menginformasikan keberadaan Toko anugrah di Indonesia .
Untuk bisa menggunakan aplikasi toko online cukup mudah karena berbentuk website sehingga
dapat langsung dijalankan setelah terkoneksi dengan internet.
Kata kunci : industry fashion, UML, toko online, internet, web
1.
di seluruh dunia sebagai media komunikasi
Pendahuluan
Perkembangan
teknologi
informasi
sekarang ini memainkan peranan yang sangat
penting dalam berbagai aspek kehidupan,
seperti
bidang
industri,
perdagangan,
kesehatan, pendidikan dan lain sebagainya.
dan informasi modern yang dapat memberikan
serta menampilkan berbagai informasi dan
data kepada publik. Suatu lembaga, instansi
pemerintah atau swasta dapat memberikan
serta menampilkan profil, iklan, data dan
Internet merupakan jaringan komputer global
72
Pembuatan Toko Online Studi Kasus Pada Toko Anugrah
(Suwarno, Satrio Agung Prakoso)
informasi kepada publik melalui internet
ini. Industri fashion terutama di Semarang
dengan memanfaatkan fasilitas website.
maju sedemikian pesatnya, tiap-tiap brand
Dalam dunia usaha khususnya bidang
pemasaran, website merupakan salah satu
media pemasaran yang bersifat global karena
dapat
secara
mudah
dan
cepat
menyebarluaskan dan memperoleh informasi.
mengusung tema tertentu, desain, pola dan
bahan yang sangat khusus dalam melakukan
promosinya, hal ini ditujukan untuk menarik
pengunjung sebanyak mungkin sehingga
dapat meningkatkan penjualan.
Dengan menggunakan teknologi yang popular
2. Kajian Pustaka
saat ini yaitu website. Ada berbagai macam
Website secara fisik adalah kumpulan
fasilitas pada internet, salah satunya adalah
komputer pribadi, web browser, koneksi ke
World Wide Web atau WWW, yang juga
ISP, komputer server, router, dan switch
dikenal dengan nama website.
yang
digunakan
untuk
mengalirkan
informasi dan menjadi wahana pertama
Toko
Anugerah
adalah
sebuah
berbagai pihak terkait. (Budi Sutedjo,dkk,
perusahaan yang bergerak dalam bidang
2007 : 145)
penjualan pakaian. Sejauh ini semua kegiatan
Web
berdasarkan
kegunaannya
dibagi
toko ini dinilai belum maksimal, karena
menjadi beberapa jenis, yaitu:
selama ini kegiatan transaksi masih dilakukan
a.
Web search engine adalah web yang
secara konvensional yaitu pembeli datang
memiliki
kemampuan
melakukan
percarian
untuk
langsung ke Toko Anugerah.
Kendala yang juga dihadapi yaitu
demikian ketatnya persaingan dalam industri
dokumen
berdasarkan kata kunci tertentu.
Contoh : Google dan Alltheweb.
14
KOMPUTAKI Vol.1, No.1 Februari 2015
b.
Web portal adalah web yang berisi
Pendidikan
kumpulan link, search engine dan
www.dikti.org
informasi.
c.
d.
Contoh:
Yahoo
dan
b.
Tinggi
(DIKTI)
Web dinamis ialah web yang dapat
AOL.
menampilkan
Web perusahaan adalah web yang
kepada pengguna yang berbeda
mendeskripsikan suatu perusahaan,
pula. Namun, pengguna pun masih
layanan, fasilitas dan segala sesuatu
secara pasif menerima informasi
tentang perusahaan. Contoh: Andi
yang dipaparkan. Misalnya, adalah
Publisher dan Indosat.
web
Web pribadi adalah web yang
dengan nama pengguna pribadi.
memberikan profil pemilik web.
Contoh:
(Budi Sutedjo ,dkk, 2007 : 145)
mail.yahoo.com
yang
informasi
menyapa
web
berbeda
pengguna
Yahoo!mail
di
mana
tiap
Web dalam internet dikelompokkan menjadi 3
pengguna yang login disapa dengan
jenis yaitu:
nama sesuai nama login pengguna.
a.
Web Statis adalah web yang hanya
c. Web
berupa
memungkinkan
pemaparan
informasi.
interaktif
ialah
pengguna
web
yang
berinteraksi
Pengguna secara pasif menerima
secara aktif dengan web. Misalnya adalah
informasi
yang
web e-commerce di mana pengguna dapat
Misalnya
adalah
disampaikan.
web
brosur
secara aktif memilih barang yang ingin
elektronik (e-brochure) di mana
dibeli, lalu membayar secara online.
pengguna hanya dapat membaca
Contoh:
layanan yang ditawarkan organisasi.
www.andipublisher.com
Contoh: web Direktorat Jenderal
,dkk, 2007 : 145)
penerbit
ANDI
(Budi
Sutedjo
74
Pembuatan Toko Online Studi Kasus Pada Toko Anugrah
(Suwarno, Satrio Agung Prakoso)
Untuk membangun sebuah website,
menggunakan basis data yang diolah
dibutuhkan beberapa perangkat lunak dan
menggunakan
perintah
bahasa pemrograman untuk membangun
pemrograman
yang
aplikasi tersebut, seperti CMS, frontpage,
melakukan permintaan basis data yang
HTML, JavaScript, PHP, ASP, dll.
berada di sisi server disebut dengan
Perangkat lunak pembangun website,
pemrograman di sisi server, karena kode
dibagi menjadi dua jenis yaitu sisi Client
program diletakkan di server dan ketika
dan sisi Server.
pengguna melakukan suatu informasi
Perangkat
lunak
Bahasa
digunakan
untuk
paling
yang ada pada basis data di server maka
website adalah
bahasa pemrograman tersebut meminta
Hypertext Markup Language (HTML).
informasi tersebut dengan menggunakan
HTML merupakan bahasa pemrograman
perintah SQL yang kemudian hasilnya
di sisi client, yang artinya kode-kode
akan dikembalikan kembali dalam bentuk
program
HTML. (Budi Sutedjo,2007 : 100 - 101)
sederhana pembentuk
di
pengunjung.
jalankan
yang
SQL.
di
Ketika
komputer
pengunjung
Konsep yang mendasari aplikasi
mengetikkan sebuah nama web pada
web
browser, maka browser akan meminta
informasi antara komputer yang meminta
server untuk menampilkan halaman yang
informasi,
diminta. Sedangkan pemograman di sisi
komputer yang memasok informasi (atau
server
dengan
disebut Server). Secara lebih detail,
dinamis.
Server yang melayani permintaan dari
erat
pemrograman
kaitannya
web
secara
Penyajian informasi melalui web dinamis
klien
dinamis
yang
melibatkan
disebut
sesungguhnya
pertukaran
klien,
berupa
dan
suatu
14
KOMPUTAKI Vol.1, No.1 Februari 2015
perangkat lunak yang dinamakan web
oleh
Server. Secara internal, Web Server inilah
diringkas dalam konsep 7Cs, yaitu:
yang berkomunikasi dengan perangkat
1.
seorang
web
designer
yang
Context : berkenaan dengan layout
lunak lain yang disebut Middleware dan
situs yang harus fungsional, tetapi
Middleware inilah yang berhubungan
tidak
dengan basis data. Model seperti inilah
estetika pula.
yang mendukung web dinamis. Berikut ini
2.
akan gambaran arsitektur aplikasi berbasis
Server
nilai-nilai
Content: berkenaan dengan apa
yang
web yang akan ditunjukkan pada gambar
meninggalkan
disajikan
(teks,
gambar,
video, dan suara) yang tidak perlu
Basis Data
2.1
serba
canggih,
asalkan
sesuai
(MySQL)
dengan kebutuhan konsumen.
Web
Server
Middl
eware
(Apache,I
IS,
Xitami)
(ASP,
JSP,P
HP)
3.
Community:
sebuah
hubungan
yang terbangun dari minat yang
sama. Situs bisnis dapat pula
digunakan
Klien
untuk
membangun
Browser
relasi
(Internet
Explorer,Netscape,dll)
yang
pebisnis
4.
konsumen
Customization: kemampuan situs
minat dan keinginan konsumen.
Untuk menyusun sebuah situs
dan komponen yang harus digunakan
dengan
antara
untuk menyesuaikan diri dengan
2.1 Komponen Penyusun web
bisnis online, diperlukan beberapa aspek
erat
maupun antar konsumen.
Gambar 2.1 Arsitektur Aplikasi
Berbasis Web (Abdul Kadir,2003 : 7)
lebih
5.
Communication:
dengan
berhubungan
interaktivitas
antara
76
Pembuatan Toko Online Studi Kasus Pada Toko Anugrah
(Suwarno, Satrio Agung Prakoso)
konsumen dengan pebisnis secara
dasar
dua arah. Situs yang baik ialah
lingkungan internet. Browser berfungsi
situs
menampilkan informasi yang diperoleh dari
yang
memungkinkan
hubungan dua arah yang cepat dan
cekatan
6.
antara
pebisnis
dan
untuk
memasuki
internet. (Budi Sutedjo ,dkk, 2007 : 94)
1.
Internet browser atau sering yang
disingkat
Connection: tingkat ketethubungan
“browse”. bila diterjemahkan dalam bahasa
situs dengan situs-situs yang lain.
Indonesia, maka artinya melihat-lihat atau
Makin banyak koneksinya, makin
menjelajah,
sering
imbuhan
dikunjungi.
pemberhentian
Situs
seperti
untuk
akan
Commerce:
browser
berasal
sedangkan
“r”
dalam
dari
kata
penembahan
bahasa
Inggris
sebuah
mencerminkansubyek atau pelaku tindakan.
segala
Dengan demikian, internet browser dapat
tempat.
2.2
sarana
konsumen.
menjadi
7.
dan
diartikan
kemampuan
sebagai
pelaku
penjelajahan
situs
internet atau alat yang digunakan untuk
melakukan transaksi online atas
menjelajahi internet bagi pengguna browser.
barang atau jasa yang dijualnya.
(Budi Sutedjo ,dkk, 2007 : 95)
(Budi Sutedjo, 2007 : 312-313)
2.
Karakteristik sebuah website.
hal ini penulis menggunakan HTML. Editor
Web Browser
Untuk mengakses dan menjelajah di
Untuk membuat aplikasi web, dalam
untuk mendesain suatu web dibagi 2 yaitu
WYSIWYG (graphic) editor, antara lain
lingkungan internet, dibutuhkan beberapa
Notepad
dan
Ultra
Edit
dan
Editor
perangkat lunak yang menjadi infrastruktur
WYSIWYG, antara lain Netscape dan Front
14
KOMPUTAKI Vol.1, No.1 Februari 2015
Page. Ada beberapa jenis browser yang
yang di sisipkan pada dokumen HTML. PHP
sering digunakan yaitu Internet Explorer,
merupakan software open Source yang
Mozilla Firefox, Opera, Google Chrome dll.
disebarkan dan dilisensikan secara gratis serta
Berikut akan dijelaskan tentang browser yaitu
dapat di download secara bebas dari web
Internet explorer dan Mozilla Firefox
resmi http://www.php.net
Dalam PHP terdapat beberapa Elemen-
2.3. XAMPP
XAMPP perangkat yang menggabungkan
beberapa aplikasi kedalam satu paket, yaitu
web server Apache, MySQL, PHP, dan
PERL. Dengan XAMPP pekerjaan menjadi
mudah karena dapat
menginstalasi dan
mengkonfigurasi keempat aplikasi tersebut
Elemen dasar yaitu
1.
Karakter
Karakter dapat berupa huruf, angka tunggal,
spasi, tanda control seperti carriage return
atau sebuah tanda seperti + dan ?.
2.
Tipe Data
dengan sekaligus sehingga dapat menghemat
Tipe data dasar pada PHP ada 3 macam
sumber daya (resource) komputer. Fungsi
yaitu :
XAMPP adalah sebgai server yang berdiri
sendiri (localhost) yang terdiri atas program
Integer
: menyatakan tipe data bilangan
bulat.
Apache HTTP Server, MySQL database, dan
penerjemah bahasa yang ditulis dengan PHP
dan PERL
2.4 PHP
Double
: menyatakan tipe data bilangan
real atau pecahan.
String
: menyatakan tipe data teks.
PHP adalah singkatan dari PHP Hypertext
Processor yang digunakan sebagai bahasa
script Server side dalam pengembangan Web
78
Pembuatan Toko Online Studi Kasus Pada Toko Anugrah
(Suwarno, Satrio Agung Prakoso)
3.
Variabel-Variabel : Nama variable
E-commerce
pertama
kali
ditentukan dan digunakan secara dinamis.
diperkenalkan pada tahun 1994 pada saat
(Abdul Kadir,2003 : 515-529)
pertama kali banner elektronik dipakai
2.5 Perdagangan Elektronik (E-Commerce)
Perdagangan elektronik atau e-dagang
untuk tujuan promosi dan periklanan di
suatu halaman web. Selain itu, E-
(bahasa inggris: Electronis commerce atau e-
commerce
commerce) adalh penyebaran, pembelian,
teknologi
penjualan, pemasaran barang dan jasa melalui
meningkatkan
sistem elektronik seperti internet, televisi,
perusahaan dengan pelanggannya.
www, atau
jaringan computer lain. E-
Ada
merupakan
penggunaan
informasi
yang
dapat
hubungan
banyak
dari
Commerce dapat melibatkan transfer dana
Commerce,
elektronik, pertukaran data elektronik, sistem
Commerce: (Madcoms,2011 : 2-4)
manajemen inventori otomatis, dan sistem
pengumpulan
data
otomatis.
1.
(Tata
Sutabri,2013 : 101)
berikut
manfaat
antara
kelebihan
eE-
Tidak memerlukan modal yang
besar
2.
Lebih efisien, efektif dan cepat.
Selain teknologi www, e-commerce
3.
Efisiensi tenaga kerja
juga memerlukan teknologi basis data
4.
Proses transaksi lebih mudah dan
(database), e-mail atau surat elektronik,
cepat
dan bentuk teknologi non komputer yang
5.
Pangsa pasar yang luas
lain seperti halnya sistem pengiriman
6.
Tidak ada batasan ruang dan waktu
barang dan alat pembayaran untuk e-
7.
Tidak
Commerce ini.
diperlukan
perusahaan
mediator
14
KOMPUTAKI Vol.1, No.1 Februari 2015
8.
Membuka jringan bisnis global
9.
Kualitas dan harga yang kompetitif
yang tidak berhubungan langsung dengan
penelitian yang bersangkutan (Marzuki, 2002:
55).
10. Memacu kreatifitas dan inovasi
2. Data Sekunder
Data
3. Metode
sekunder
adalah
data
yang
diperoleh secara tidak langsung dari
3.1. Metode Pengumpulan Data
sumbernya melainkan dengan pihak
1. Metode Pengamatan (observasi)
lain atau apa yang diperoleh
Observasi adalah teknik atau pendekatan
dari
sumber lain diluar lokasi penelitian.
untuk mendapatkan data primer dengan
Data ini diperoleh dari buku maupun
cara mengamati langsung obyek datanya
literatur lain seperti internet yang
(Jogiyanto, 2005).
berhubungan dengan masalah yang
2. Wawancara (Interwiew)
dibahas (Marzuki, 2002: 56).
Wawancara adalah komunikasi dua arah
untuk mendapatkan data dari responden
(Jogiyanto, 2005).
3. Studi Pustaka
Studi pustaka merupakan adalah metode
pengumpulan data yang berbentuk tulisan,
yang meliputi surat-surat, catatan harian,
laporan-laporan dan foto (Marzuki, 2002:
59).
3.2. Sumber Data
Sumber data meliputi data primer dan
4. Hasil dan Pembahasan
Selama
ini
pengenalan
keanekaragaman
budaya hanya dijelaskan menggunakan buku.
Hal ini membut
murid kurang mengetahui
secara langsung lagu daerah dan tarian daerah
yang dibahas pada materi pengenalan budaya
secara
langsung,
membeli
sehingga
murid
harus
CD, VCD, Mendownload MP3
untuk mempelajari atau mengenal tarian adat
dan lagu daerah.
data sekunder.
1. Data Primer
Data primer adalah data yang diperoleh secara
langsung dari sumber, diamati dan dicatat
4.1. Perancangan Sistem
Perancangan sistem merupakan penyusunan
suatu
sistem
baru
untuk
membenahi
untuk pertama kalinya. Data tersebut akan
menjadi sekunder kalau dipergunakan orang
kekurangan yang ada pada sistem yang lama.
80
Pembuatan Toko Online Studi Kasus Pada Toko Anugrah
(Suwarno, Satrio Agung Prakoso)
Dalam rancangan sistem ini dijelaskan dalam
Class adalah sebuah spesifikasi yang jika
bentuk use case diagram dan penjelasannya
diinitasi akan menghasilkan sebuah objek
terpisah ke dalam satu kesatuan yang utuh dan
dan merupakan inti dari pengembangan
berfungsi..
dan desain berorientasi objek.
Class
diagram
relasi
4.2. Use Case Diagram Sistem Baru
merupakan
gambaran
class-class yang tentang toko online.
Class-class
Gambar
4.1
Usecase
diagram
tersebut
adalah
website
penjualan Toko Anugerah
Gambar 4.2 class diagram Toko
Anugerah
4.3. Class Diagram
Halaman Utama Pelanggan
Tampilan menu Pelanggan
14
KOMPUTAKI Vol.1, No.1 Februari 2015
Gambar 4.3. Menu Pelanggan
Gambar 4.5. Konfirmasi Belanja
Gambar 4.4. Keranjang Belanja
Gambar 4.6. Laporan Pelunasan
82
Pembuatan Toko Online Studi Kasus Pada Toko Anugrah
(Suwarno, Satrio Agung Prakoso)
Member/user dapat membaca panduan
pembelian
yang tersedia, deskripsi produk
yang jelas, pengisian form tujuan barang yang
mudah dan menampilkan transaksi-transaksi
yang telah terjadi
Beberapa saran yang dapat disampaikan
adalah:
1. Toko Anugerah perlu mengadakan
pelatihan
komputer
mengenai
pengoperasian program baru sehingga
Gambar 4.6. Halaman Barang
sumber manusia yang ada dalam Toko
Anugerah
mampu
mengoperasikan
dengan baik.
2.
5. Kesimpulan
Berdasarkan hasil analisis yang telah
lakukan pada Toko Anugerah maka dapat
Toko Anugerah perlu media pemasaran
lainnya yaitu sosial media seperti facebook,
instagram, dan lainnya
3.
Toko Anugerah perlu mengembangkan
disimpulkan bahwa pengguna website ini
aplikasi berbasis android untuk kemudahan
adalah admin dan member/user. Website ini
pengaksesan dari mana saja dengan gadget
mudah digunakan karena:
4. menggunakan
Admin dapat mengatur produk, konten
kategori, pengelolaan data pesanan, ongkos
pengiriman dan laporan.
media
visul
untuk
penjelasan ragam budaya seperti
pakaian
adat,
rumah
adat,
:
senjata
tradisional, alat musik adat, suku, bahasa
daerah, dan cerita rakyat
14
KOMPUTAKI Vol.1, No.1 Februari 2015
Sholiq, 2006. Permodelan Sistem Informasi
Berorientasi
6. Daftar Pustaka
Afifuddin,
Saebani
Metodologi
Bani
Ahmad,
Penelitian
2012.
Kualitatif.
Bundung : Pustaka Setia.
Objek
dengan
UML.
Yogyakarta : Graha Ilmu.
Whitten JL, Lonnie DR, Kevin CD. 2004
Metode Desain dan Analisis Sistem.
Yokyakarta : Andi.
Jogiyanto,
2005.Analisis
dan
Desain.
Yokyakarta : Andi Offset.
Jogiyanto, 2008. Metodologi Penelitian Sistem
Informasi. Yogyakarta : Andi Offset.
Widyatama.
2015
(Ringkasan
Full
Update
Penetahuan
RPUL
Umum
Lengkap) Yogyakarta: Widyatama
Marzuki, 2002. Metodologi Riset . Yogyakarta
: Falkutas Ekonomi Universitas Islam
Idonesia
Munawar. 2005.Pemodelan Visual Dengan
UML .Yokyakarta : Graha Ilmu.
M. Suyanto, Marketing Strategi Top Brand
Indonesia, Yogyakarta: CV. Andi
Offset, 2007.
Pudjo, Prabowo 2011. Menggunakan UML.
Bandung : Informatika Bandung.
Peranginangin Kasiman.2006. Aplikasi WEB
dengan PHP dan MySQL. Yogyakarta:
ANDI.
Sakur,Stendi.B. 2010. PHP5 Pemrograman
Berorientasi Objek - Konsep &
Implementasi. Yogyakarta: ANDI.
84