PERANCANGAN WEBSITE E-COMMERCE PADA VIOLA BUTIK YOGYKARTA
NASKAH PUBLIKASI
diajukan oleh
Huzaima
10.12.5154
kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
AMIKOM YOGYAKARTA YOGYAKARTA
2013
ii
iii
E-COMMERCE WEBSITE DESIGN OF VIOLA BUTIK YOGYAKARTA
PERANCANGAN WEBSITE E-COMMERCE PADA VIOLA BUTIK YOGYKARTA
Huzaima
Anggit Dwi Hartanto
Jurusan Sistem Informasi
STMIK AMIKOM YOGYAKARTA
ABSTRACT
In the present age, the current in improving and grow their businesses using the website as a media promotion, publication, and improve the business is no stranger again, because the websites can be accessed wherever we are. Online sales easier for consumers to make transactions wherever they are. So also with Viola Boutique conduct offline and online sales.
Viola Boutique is a clothing store that sells women's specialty clothing, starting from the shirt, pants, shoes, dolls, handbags and other women's fashion needs and for the Viola Boutique conduct Offline sales with existing information systems cashier. But there are some things that need to be addressed relating to the sale of the existing system. namely to publish, promote, and increase sales or business development for the better and improve the service time of the customer to conduct transactions or purchase with ease and quickly. And where consumers are also limited by distance and time. So making an E-commerce is required, in which e-commerce website is a marketing tool that is very effective and efficient and easier for consumers to conduct transactions. In addition to the Website as well as E-Commerce marketing and promotional media products to the foreign countries.
Viola boutique website creation made with mengguanakan PHP, MySql CSS, as well as supporting software such as Photoshop and notepad + +. Where Photoshop and CSS is essential in making a website to enhance your appearance (interface) of the website, so that it can attract website visitors to make transactions or visiting Viola Boutique. Keywords: Viola Boutique, Promotions, Publications, E-commerce Website.
1
1. Pedahuluan
1.1 Latar Belakang
Viola Butik adalah toko pakaian yang menjual khusus pakaian
perempuan, dimulai dari baju, celana, sepatu, boneka, tas dan kebutuhan
fashion perempuan lainnya. Untuk saat ini, sistem penjualan pada Viola Butik
dilakukan secara offline, sehingga proses penyampaian informasi kepada
konsumen Viola Butik masih mengalami kesulitan dalam menawarkan
barang-barang Viola Butik yang akan dijual, serta kesulitan dalam
memberikan informasi mengenai barang-barang terbaru. selain itu Viola
Butik juga melakukan promosi dan publikasi secara online yaitu melalui
sosial media Facebook, namun ada beberapa kekurangan terhadap media
sosial tersebut, yaitu pelayanan waktu yang kurang untuk transaksi atau
pembelian yang dilakukan oleh konsumen dengan mudah dan cepat. Selain
itu, dengan media facebook tidak semua orang bisa mengaksesnya, karena
dibatasi oleh pertemanan. Sehingga untuk membantu konsumen dalam
masalah kondisi, jarak, dan waktu yang mengharuskan konsumen untuk
datang langsung ke Viola Butik untuk melakukan transaksi, maka pembuatan
dan perancangan Website E-commerce sangatlah diperlukan, dimana
website E-commerce merupakan sarana pemasaran yang sangat efektif dan
efisien untuk pemasaran produk hingga ke manca Negara.
Electronic Commerce (E-Commerce) didefinisikan sebagai proses
pembelian dan penjualan produk, jasa dan informasi yang dilakukan secara
elektronik dengan memanfaatkan jaringan komputer, salah satu jaringan
yang digunakan adalah internet yang berfungsi menghubungkan seluruh
jaringan komputer di seluruh dunia. Dengan aksesnya yang mudah membuat
internet dapat dijangkau oleh berbagai macam kalangan, khususnya
kalangan menengah ke atas. Kemudahan ini tidak disia-siakan para
pengguna layanan internet terkhususnya pihak yang berkecimpung dalam
perdagangan.
Dari beberapa permasalahan dan latar belakang yang telah dipaparkan
sebelumnya, maka terbentuklah topik skripsi untuk memecahakan
2
permasalahan diatas dengan judul “Perancangan Website E-Commerce
Pada Viola Butik Yogyakarta”.
1.2 Metode Penelitian
Metode penelitan yang dilakukan yaitu sebagai berikut :
1. Metode Pengumpulan Data, yaitu sebagai berikut:
a. Metode Wawancara dengan pihak yang terkait dalam pelayanan dan
pengoperasian yang telah dijalaini yaitu karyawan, yang diteliti dalam
hal ini adalah proses pelayanan yang sudah ada dan pelayanan yang
akan dibuat pada website E-Commerce.
b. Observasi yaitu pengumpulan Informasi dimana penulis melihat
langsung proses dalam proses. Maksud dari proses disini adalah
analisa proses transaksi kasir pada viola butik.
c. Studi pustaka, yaitu dengan mengumpulkan dan mempelajari buku-
buku yang berkaitan dengan program aplikasi yang akan dibuat. Untuk
menghasilkan website E-Commerce yang baik
2. Analisa Sistem
Merupakan tahapan menganalisis sistem yang akan dibangun,
adapun analisis yang dipakai adalah sebagai berikut:
a. Analisis kelemahan sistem yang terdiri dari mengidentifikasi masalah,
analisis kinerja, analisis informasi, analisis ekonomi, analisis
keamanan, dan analisis efesiensi.
b. Analisis kebutuhan sistem yang terdiri dari kebutuhan sistem atau
system requirement, tipe kebutuhan (kebutuhan fungsional dan
kebutuhan nonfungsional)
c. Analisis kelayakan sistem yang terdiri dari studi kelayakan (kelayakan
teknis, kelayakan operasional, ekonomi).
3. Perancangan sistem
Dalam tahap perancangan sistem yang dilakukan adalah membuat
alur data yaitu, ERD (Entity Relationship Diagram) dan DFD (Data Flow
Diagram), sedangkan alur sistem bisa berupa flowchart dan algoritma.
3
Membuat design sistem yang akan dibuat, dari design awal hingga akhir agar
memudahkan dalam merealisasikan website yang akan dibuat.
4. Implementasi
Melaksanakan pengkodean atau coding (membuat kalimat-kalimat
perintah menggunakan bahasa pemrograman) mencoba kebenaran
perangkat lunak permodul yang telah di install pada unit komputer tersebut.
5. Uji Coba
Pada tahap ini melakukan pengujian sistem website yang telah dibuat,
mecari bug-bug atau kesalahan sistem yang terjadi, sehingga dapat
mengurangi kesalahan yang terjadi pada sistem.
2. Landasan Teori
2.1 Pengertian Sistem
Suatu sistem adalah suatu jaringan kerja dari prosedur-prosedur yang
saling berhubungan, berkumpul bersama-sama untuk melakukan suatu
kegiatan atau untuk menyelesaikan suatu sasaran tertentu (Jogiyanto
:2005).1
2.2 Pengertian E-Commerce
Electronic commerce ( EC ) merupakan konsep baru yang bisa
gambarkan sebagai proses jual beli barang atau jasa pada World Wide Web
Internet (Shim, Qureshi, Siegel, Siegel, 2000 ) atau proses jual beli atau
pertukaran produk, jasa dan informasi melalui jaringan Informasi termasuk
Internet ( Turban, Lee, King, Chung, 2000).2
2.3 Flowchart
Merupakan diagram alir yang menggambarkan suatu sistem peralatan
computer yang digunakan dalam proses pengolahan data dan perhubungan
antar peralatan tersebut. Flowchart sistem digunakan untuk menggambarkan
urutan langkah dalam memecahkan masalah tetapi hanya berisi prosedur
dalam siste yang dibentuk.
1 Jogiyanto, Analisis dan Design Sistem Informasi Pendekatan Terstruktur Teori dan praktik aplikasi
bisnis, Andi, Yogyakarta, 2005,Hal.2 2 M. Suyanto, Strategi Periklanan Pada E-Commerce Perusahaan Top Dunia, Andi, Yogyakarta, 2003,
Hal. 10
4
2.4 Data Flow Diagram
Data Flow Diagram merupakan alat yang digunakan pada metodelogi
pengembangan sistem yang terstruktur (structured analyse and design). DFD
merupakan alat yang cukup popular sekarang ini, karena dapat
menggambarkan arus data di dalam sistem dengan terstruktur dan jelas, dan
juga merupakan dokumentasi dari sistem yang baik.
Beberapa symbol yang digunakan di DFD untuk maksud mewakili:3
Tabel 2.1 Simbol DFD
Lambang Keterangan
External entity (kesatuan luar) atau
boundary (batas sistem)
Data Flow (arus data)
Atau Process (proses)
Atau
Data store (simpanan data)
3. Analisis dan Perancangan Sistem
3.1 Analisis Sistem
Tahap analisis sistem dalam penelitian ini terdapat langkah-langkah
dasar, yaitu sebagai berikut:
a. Identifikasi Masalah (Identimfy)
b. Memahami Kerja Sistem Yang Ada (Understand)
c. Menganalisis Sistem (Analysist)
d. Membuat Laporan (Report)
3.2 Analisis Kelemahan Sistem
3 Yogiyanto, Analisis dan Design Sistem Informasi Pendekatan Terstruktur teori dan praktik aplikasi
bisnis, Andi, Yogyakarta, 2005, Hal 700
5
Analisis kelemahan sisitem diperuntukan untuk mengetahui apa saja
yang kurang optimal dari sistem yang sedang berjalan saat ini.
3.2.1 Analisis Kinerja ( Performance )
Kinerja atau Performance adalah kemampuan sistem dalam
menyelesaikan tugas dengan jelas sehingga sasaran dapat dicapai. Untuk
memperbaiki tugas-tugas tersebut pemimpin harus mencari solusi untuk
mempercepat sasaran yang dicapai. Peningkatan kinerja dilakukan agar
kinerja sistem yang baru menjadi lebih efektif. Kinerja dapat diukur dengan
jumlah produksi ( Throughput), dan waktu tanggap (Respon Time). Berikut
analisis kinerja pada Viola Butik.
Tabel 3.1 Analisis Kinerja
Faktor /
Parameter
Hasil Analisis
Throughput Pelayanan pada sistem yang berjalan belum mampu
melayani konsumen dalam jumlah banyak dengan
waktu yang bersamaan dan apabila terjadi perubahan
data sistem lama belum bisa berubah secara
langsung, dengan adanya website online akan
mempermudah proses perubahan data
Respon Time Kinerja pada sistem lama masih kurang efektif dalam
penyampaian informasi mengenai produk pada Viola
Butik. Sehingga Jumlah informasi yang dihasilkan
sedikit karena masih menggunakan promosi dari mulut
ke mulut dan menggunakan brosur yang mana
informasinya masih terbatas dan kurang akurat.
Melalui media facebookpun juga terbatas oleh
pertemanan sehingga tidak semua orang mengetahui
informasi tersebut dan juga media facebook hanya
sekedar media informasi letak dan posisi Viola Butik
(company profile), tidak dipergunakan untuk media
6
penjualan. Contoh: Konsumen harus datang Ke Viola
Butik untuk mengetahui produk terbaru. Namun
dengan adanya Website E-commerce ( Online Shop)
produk bisa dilihat setiap saat pada website secara
online di website Viola Butik.
3.2.2 Analisis Informasi (Information)
Tabel 3.2 Analisis Informasi
Faktor / Parameter Hasil Analisis
Akurat Adanya perubahan data, sistem lama belum bisa
merubah seluruh data pada sistem sehingga data
kurang akurat. Dengan adanya sistem online akan
mempermudah perubahan data pada sistem.
Tepat Waktu Masalah terjadi pada waktu penyebaran informasi
dan terkadang konsumen mendapat informasi
tersebut setelah informasi promo ataupun diskon
produk sudah selesai.
Relevan Informasi kurang relevan karena terkadang
disampaikan kepada pihak yang tidak menginkan
informasi tersebut.
3.2.3 Analisis Ekonomi (Economic )
Pertimbangan ekonomi akan dilakukan dengan melakukan
perbandingan sejauh mana manfaat dari sistem lama yang diperoleh. Berikut
analisis ekonomi pada Viola Butik.
7
Tabel 3.3 Analisis Ekonomi
Faktor /
Parameter
Hasil Analisis
Biaya Dalam penyebaran informasi dengan menggunakan
brosur membutuhkan biaya Cetak dan Kertas.
Manfaat Informasi yang disampaikan terkadang kurang jelas
dan kurang lengkap. Sehingga manfaat yang
diperoleh terkadang belum sesuai dengan biaya yang
dikeluarkan, karena informasi yang yang disebarkan
tidak menyebar secara luas. Sebab hanya orang-
orang yang melihat brosur yang didapat yang tahu
akan informasi tersebut.
3.2.4 Analisis Pengendalian (Control)
Analisis Kontrol digunakan untuk meningkatkan kinerja sistem,
mendeteksi penyalahgunaan sistem dan menjamin keamanan data dari
pihak luar yang tidak berkepentingan. Dengan adanya Kontrol, maka tugas
maupun kinerja yang mengalami gangguan bisa diperbaiki. Pengendalian
untuk keamanan sistem yang ada pada Viola Butik dalam menyebaran
informasi masih sulit. Hal ini terlihat dari informasi dengan menggunakan
brosur dimana pembuatannya masih manual dan memerlukan waktu
keamanan dari data, dan informasi menjadi kurang terjaga.
Tabel 3.4 Analisis Pengendalian
Faktor /
Parameter
Hasil analisis
Keamanan
Informasi
Informasi yang disampaikan lewat media kertas,
sehingga sangat rentan dengan kerusakan sobek
ataupun dapat hilang. Dan memakan waktu dalam
yang cukup lama untuk menyampaikan informasi.
8
3.2.5 Analisis Efesiensi (Effeciency)
Efesiensi yang digunakan dari sistem yang dikembangkan adalah
sumber daya yang tersedia meliputi manusia, informasi, waktu, uang, ruang,
dan keterlambatan pengolahan data. Dengan adanya sistem baru
diharapkan terciptanya suatu sistem pengolahan informasi yang mengurangi
biaya operasional.
Tabel 3.5 Analisis Efesiensi
Faktor /
Parameter
Hasil Analisis
Sumber Daya
yang digunakan
Dalam Proses penyebaran informasi promosi dengan
media berupa kertas/brosur dibutuhkan banyak
tenaga atau sumber daya manusia yang cukup
banyak. Dimulai dari pengumpulan data-data dari
setiap bagian devisi, pencetakan kemudian
menempelkan pada papan ataupun didinding jalan.
3.2.6 Analisis Pelayanan (Service)
Pelayanan dari sisi informasi mempunyai sasaran baik bagi pihak
konsumen, pegawai maupun pihak luar yang membutuhkan informasi dan
memberikan kemudahan dan kenyamanan dalam menyelesaikan pekerjaan
untuk memperoleh informasi.
Tabel 3.6 Analisis Pelayanan
Faktor /
Parameter
Hasil Analisis
Pelayanaan
informasi
Dengan media website pelayanan yang diberikan
Vioal Butik lebih optimal, dikarenakan pelayanan
yang diberikan dengan cepat dan informasi yang
disampaikan merupakan informasi yang terbaru dan
dipercaya. Konsumen juga dapat mengetahui
informasi produk yang dibutuhkan lainnya serta
9
menghemat energy waktu para konsumen.
3.3 Analisis Kebutuhan
3.3.1 Analisis Kebutuhan Fungsional
Kebutuhan fungsional merupakan kemampuan sistem untuk
melakukan proses dan dapat menampilkan informasi apa saja pada sistem
3.3.2 Analisis Kebutuhan Non Fungsional
3.3.2.1 Analisis Perangkat Keras ( Hardware )
Perangkat keras (Hardware) adalah seluruh komponen atau unsur
peralatan yang memiliki kegunaan untuk menunjang pembangunan suatu
sistem. Berikut Perangkat Komputer yang dimiliki Viola Butik yaitu :
1. Processor Intel Dual Core
2. RAM 2GB
3. Harddisk 320 GB
4. Printer
5. LCD Monitor
3.3.2.2 Analisis Perangkat Lunak ( Software)
Perangkat lunak yang digunakan untuk aplikasi website E-Commerce pada
Viola Butik yaitu Sistem Operasi Windows Xp Professional
3.3.2.3 Analisis informasi
Informasi yang dapat dilihat pada web –Commerce ini adalah :
1. Informasi mengenai produk yang dijual secara online.
2. Informasi pemesanan dari pelanggan Viola Butik.
3. Informasi penjualan produk pada pelanggan.
3.3.2.4 Analisis Keamanan
Untuk keamanan data dan sistemnya juga dilengkapi dengan
username dan password, sehingga halaman admin hanya bisa diakses oleh
admin.
10
3.3.2.5 Analisis Kinerja
Kinerja pada website E-commerce yang dibuat yaitu :
a. Waktu untuk pemrosesan pengisian data produk ( update data
produk ) dibutuhkan waktu maksimal 2 menit.
b. Waktu untuk pembelian yang dilakukan oleh member dibutuhkan
waktu maksimal 1 menit.
3.3.2.6 Analisis Pengguna
Berikut analisis pengguna yang ada pada website Viola Butik:
a. Pegunjung, melihat informasi dan komunikasi dengan admin.
b. Member, bertujuan bertransaksi dengan login member terlebih
dahulu.
c. Administrator, login admin untuk mengelolah sistem.
3.4 Perancangan Sistem
3.4.1 Flowchart
Gambar 3.1 Flowchart Sistem
11
3.4.2 Entity Relationship Diagram (ERD)
Gambar 3.2 Entity Relationship Diagram
3.4.3 Data Flow Diagram (DFD)
Gambar 3.3 Diagram Konteks
12
Gambar 3.4 Diagram Level 0
13
Gambar 3.5 DFD Proses Olah Data
14
4. Implementasi dan Pembahasan
4.1 Manual Program
4.1.1 Halaman Login Admin
Gambar 4.1 Login Admin
4.1.2 Halaman Beranda Admin
Gambar 4.2 Halaman Beranda Admin
15
4.2 Tampilan Halaman Detail Produk
Gambar 4.3 Halaman Detail Produk
5. Penutup
5.1 Kesimpulan
Sistem informasi website E-commerce pada Viola butik, dapat
membantu dalam meningkatkan penjualan, karena memudahkan konsumen
dalam bertransaksi atau memesan produk Viola Butik dikarenakan dapat
diakses dimana dan kapan saja serta proses pembelian produk yang mudah.
Selain itu dengan adanya Menu Reseller dan Dropship diterapkan pada Viola
16
Butik juga sangat meningkatkan penjualan, dan tampilan produk terlaris serta
diskon yang ditawarkan pada kustomer.
Berikut ini kelebihan yang dimiliki pada website Viola Butik yaitu:
1. Kostomer dapat melakukan transaksi secara online pada website
dimanapun berada dengan lebih mudah dan cepat tanpa harus
mengunjungi toko offline.
2. Admin dapat mengolah data Produk, data kategori, data pembelian,
data ongkir, data modul, data kustomer, data kota, data laporan
penjualan, serta manipulasi data (insert, update, delete).
3. Dilengkapi dengan combo box sehingga gambar produk lebih jelas
dan detail
4. Adanya Reseller dan Dropship, sehingga meningkatkan penjualan
pada Viola Butik.
5. Website E-Commerce ini dapat menampilkan laporan penjualan.
5.2 Saran
Pada pembuatan skripsi ini ada beberpa saran dari penulis untuk
proses pelaksanan dan pengembangan sistem selanjutnya pada website E-
Commerce ini yaitu sebagai berikut :
1. Untuk penyempurnaan website E-Commerce ini perlu dikembangkan
untuk fasilitas data Modul, yaitu data retur Produk sehingga data
produk yang akan ditukar tetap ada perubahan pada database produk
2. Perlu adanya penambahan tabel dan konten lainnya.
3. Website E-commerce perlu adanya integrasi atau references
database sistem kasir yang ada dengan Website yang telah dibuat,
sehingga tidak menimbulkan redudansi, atau duplikasi data.
4. Website E-Commerce dapat dikembangakan dari sesi interface,
karena dengan interface yang baik dapat menarik konsumen utk
melakukan transaksi.
17
DAFTAR PUSTAKA
Al Fatta, Hanif. 2007. Analisis dan Perancangan Sistem Informasi Untuk Keunggulan Bersaing Perusahaan dan Organisasi Modern. Yogykarta : Andi Offset.
Jogiyanto. 2005. Analisis dan Design Sistem Informasi Pendekatan Terstruktur Teori dan praktik aplikasi bisnis. Yogyakarta: Andi Offset.
Kusrini. 2007. Strategi perancangan dan Pengelolaan Basis Data. Yogyakarta:Andi Offset.
Nugroho, Bunafit. 2008. Membuat sistem informasi penjualan berbasis
webdengan PHP dan MySQL (Studi kasus: sistem informasi penjualan pada toko buku). Yogyakarta: Gava Media.
Suyanto, M. 2003. Strategi Periklanan Pada E-Commerce Perusahaan Top
Dunia. Yogyakarta: Andi Offset.
Top Related