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.