PEMBUATAN TOKO ONLINE.STUDI KASUS PADA TOKO ANUGRAH

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


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


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


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


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


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


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


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


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


Gambar 4.3. Menu Pelanggan

Gambar 4.5. Konfirmasi Belanja

Gambar 4.4. Keranjang Belanja

Gambar 4.6. Laporan Pelunasan 82


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


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

PEMBUATAN TOKO ONLINE.STUDI KASUS PADA TOKO ANUGRAH

Recommend Documents