Website E-Commerce Toko Sepatu Shelter Sport

Oleh

Tiara Pransiska

12151447

Program Studi Teknik Informatika Sekolah Tinggi Manajemen dan Ilmu Komputer El

Rahma Yogyakarta

Abstract

The shelter sport shoe store is a shoe company that focuses on selling various brands of

shoes imported and exported. The company also manages the stock (inventory) of goods in the

warehouse to overcome when there is a lot of demand. As for managing the stock, it still uses

manual recording using Microsoft Excel. So that for data search requires a very long time, and

the process of calculating the stock is also still manual, namely using a calculator. This is what

causes less effective and efficient management of inventory.

Making this information system begins with data collection using observation, interview,

and archival techniques. The system design activity uses Entity Relational Diagrams (ERD),

table relations, context diagrams, and Data Flow Diagrams (DAD). This system is website

based using PHP version 5.6.28 programming language, xampp server, sublime text text editor,

and google chrome web browser.

This e-commerce web is created to provide convenience to companies in managing goods

stocks and providing effective information. The application can automatically search data,

record incoming and outgoing goods transactions. Can make reports of incoming and outgoing

goods.

Intisari

Toko sepatu shelter sport merupakan sebuah perusahaan sepatu yang fokus menjual

berbagai merk sepatu import maupun eksport perusahaan ini juga melakukan pengelolaan stok

(persediaan) barang di gudang untuk mengatasi ketika terjadinya permintaan yang banyak.

Adapun dalam mengelola stok barang masih menggunakan pencatatan yang manual yakni

menggunakan Microsoft Excel. Sehingga untuk pencarian data membutuhkan waktu yang

sangat lama, dan proses penghitungan stok barang juga masih manual yaitu menggunakan

kalkulator. Inilah yang menyebabkan kurang efektif dan efisien dalam pengelolaan stok barang. Pembuatan sistem informasi ini dimulai dengan pengumpulan data menggunakan

teknik observasi, wawancara, dan kearsipan. Kegiatan perancangan sistem menggunakan

Entity Relaional Diagram (ERD), relasi tabel, Diagram kontek, dan Diagram Alir Data (DAD). Sistem ini berbasis website menggunakan bahasa pemrograman PHP versi 5.6.28, xampp

server, teks editor sublime text, dan web browser google chrome.

Web e-commerce ini dibuat untuk memberikan kemudahan kepada perusahaan dalam

mengelola stok barang dan pemberian informasi yang efektif. Adapun aplikasi ini dapat

melakukan pencarian data secara otomatis, pencatatan transaksi barang masuk dan barang

keluar. Dapat melakukan pembuatan laporan stok barang masuk dan barang keluar.

Kata kunci :Website, efektif, inventory.

PENDAHULUAN

Toko sepatu Shelter Sport adalah perusahaan yang bergerak dalam bidang perdagangan dan

produksi yang memproduksi produk-produk berupa sepatu. Produk yang dijual di toko sepatu

Shelter Sport ini merupakan hasil produksi sendiri dan telah memiliki brand sendiri yaitu stylis

ruged work. Disamping itu, toko sepatu Shelter Sport juga memproduksi dan menjual produk

lain selain produk yang telah menjadi branded nya yang telah menjadi hasil dari perancang dari

pemilik toko yang sudah terbukti baik dengan banyaknya minat konsumen tetap maupun tidak

tetap dalam kota maupun luar kota yang membeli sepatu produksi toko Shelter Sport.

Sampai saat ini ada beberapa kendala yang dialami oleh toko Shelter Sport yaitu, adalah

dalam melakukan promosi kepasaran yang luas toko Shelter Sport masih melakukannya dengan

cara menyebarkan brosur-brosur,selembaran-selembaran dan menjadi sponsor dalam acara-

acara olah raga khusunya off road dan balapan. Hal ini dinilai masih kurang efektif untuk

mencapai area promosi yang lebih luas. Selain itu dalam melakukan penjualan produknya

konsumen masih harus mendatangi langsung toko tersebut. Kemudian konsumen mencari dan

memilih produk yang mereka cari dan mencobanya,apabila barang yang dicari konsumen ada.

Kemudian konsumen membayarkan sejumlah uang kepada penjaga toko tersebut dan

mendapatkan struk pembelian.

Selain itu pula, dalam proses pembukuan untuk pembuatan laporan rekapitulasi penjualan

dan laporan lain-lainnya, pihak Shelter Sport masih melakukanya dengan mencatatnya kedalam

sebuah buku agenda, yang kemudian disimpan kedalam sebuah lemari penyimpanan dokumen.

Oleh karena itu, toko Shelter Sport ingin mengembangkan system yang sekarang sedang

berjalan, mulai dari promosi hingga pelayanan terhadap pelanggan dan juga berkeinginan

memperluas jangkauan pemasaran hingga mencakup pasar nasional dengan melakukan

promosi-promosi produk toko Shelter Sport. Dari segi pelayanannya, toko Shelter Sport

menginginkan pelanggan dapat melakukan transaksi dimana saja dan kapan saja. Sehingga

dengan perubahan yang akan dilakukan ini, diharapkan toko Shelter Sport bisa berkembang

pesat, dikenal dimana-mana, memiliki banyak konsumen dari berbagai daerah, dan dapat

menjalin relasi dengan mitra bisnis dari mana saja. Maka untuk memecahkan masalah tersebut

diperlukan suatu sistem perdagangan secara online atau lebih dikenal dengan istilah e-

commerce (electronic commerce). 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. Ini diharapkan

dapat membantu toko Shelter Sport dalam menghadapi permasalahan permasalahan seperti

yang telah dipaparkan diatas.

Dari beberapa permasalahan dan latar belakang yang telah dipaparkan sebelumnya, maka

penulis bermaksud mengambil topik tugas akhir dengan judul “Website E-Commerce Toko

Sepatu Shelter Sport”.

Rumusan Masalah

Berdasarkan permasalahan yang ada, maka perlu diberikan beberapa rumusan masalah

sebagai berikut .

Belum adanya pemasaran dan penjualan produk menggunakan Website pada toko shelter

sport.

Batasan Masalah

Berdasarkan rumusan masalah yang diungkap di atas,maka dapat diambil batasan masalah

sebagai berikut:

1.E-Commerce ini belum bisa melakukan pembayaran secara online.

2. Pelanggan belum bisa membuat akun sendiri pada sistem

Tujuan Penelitian

Tujuan dari penelitian ini adalah Sebagai berikut.

1. Mempermudah konsumen untuk melakukan pemesanan di Toko Sepatu Shelter Sport dan

Lebih memperluas area pemasaran sehingga menambah jumlah konsumen.

2. Media informasi penjualan produk akan menjadi lebih komunikatif dan informatif untuk

promosi produk secara detail.

Manfaat Penelitian

Manfaat yang dapat diperoleh dari penulisan ini adalah sebagai berikut:

1.Bagi penulis

Dapat memperoleh ilmu yang telah dipeoleh selama masa pembelajaran serta menjadi

folio penulis sebagai referensi ketika mencari kerja dikemudian hari.

2.Bagi pengguna /pengunjung

Website E-Commerce ini berguna sebagai media penjualan produk sepatu Shelter Sport

melalui online internet yang ditujukan untuk mempermudah proses transaksi jual beli.

3.Bagi Shelter Sport

Website E-Commerce Shelter Sport ini bermanfaat sebagai media promosi produk

sepatu Shelter Sport sehingga produk sepatunya dapat dikenal luas masyarakat dan bisa

mendapat keuntungan omset penjualan.

LANDASAN TEORI

3.1 Perancangan Sistem Informasi

Pada saat hendak membuat sebuah sistem yang akan digunakan pada setiap

pengembangan aplikasi diharuskakan membuat sebuah rancangan bertujuan memberi

gambaran umum dari sistem yang akan berjalan.Berikut ini terdapat pula beberapa teori

mengenai pengertian perancangan sistem.

a. Menurut Bentley dan Whitten (2009)

Menjelaskan bahwa perancangan sistem adalah teknik pemecahan masalah dengan

melengkapi kompunen-kompunen kecil menjadi kesatuan kompunen sistem kembali ke

sistem yang lengkap teknik ini diharapkan dapat menghasilkan sistem yang lebih baik.

b. Menurut Kenneth dan Jane (2006)

Perancangan sistem adalah kegiatan merancang detil rincian dan sistem yang akan

dibuat sehingga sistem tersebut sesuai dengan requirement yang sudah ditetapkan dalam

tahap analis sistem.

c. Menurut George M. Scott (2001)

Desain sistem menentukan bagaimana suatu sistem akan menyelesaikan apa yang mesti

diselesaikan. Tahap ini menyangkut mengkonfirmasi dari komponen-komponen perangkat-

lunak dan perangkat-keras dari suatu sistem sehingga setelah instalasi dari sistem akan

benar-benar memuaskan.

Berdasarkan beberapa pengertian diatas, perancangan sistem dapat diartikan sebagai

berikut.

1. Pendefinisian dari kebutuhan-kebutuhan fungsional.

2. Persiapan untuk rancangan bangun implementasi.

3. Menggambarkan bagaimana suatu sistem dibentuk

3.1.1 Pengertian Data dan Informasi

Data adalah kumpulan fakta dan angka-angka yang relatif tidak berarti, yang diubah

menjadi informasi oleh suatu pengolah informasi. Dengan demikian informasi adalah data yang

telah diproses sehingga menjadi berguna bagi pemakainya untuk membuat keputusan dalam

memecahkan masalah.

3.1.2 Pengenalan Sistem

Secara umum sistem didefinisikan sebagai sekumpulan unsur atau elemen yang saling

berkaitan dan saling mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu

tujuan. Definisi ini dikemukakan oleh : Gordon B. Davis bahwa “ Suatu sistem terdiri dari

bagian – bagian yang saling berkaitan,

3.2 Website E-Commerce

Website merupakan fasilitas internet yang menghubungkan dokumen dalam lingkup lokal

maupun jarak jauh. Dokumen pada website disebut dengan web page dan link dalam website

memungkinkan pengguna bisa berpindah dari satu page ke page lain (hyper text), baik diantara

page yang disimpan dalam server yang sama maupun server diseluruh dunia. Pages diakses dan

dibaca melalui browser seperti Netscape Navigantor, Internet Explorer, Mozila, Firefox,

Google Chrome dan aplikasi browser lainnya (Lukmanul, 2004).

3.3 Website

Halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh

dunia selama terkoneksi dengan jaringan internet website merupakan kumpulan halaman yang

menampilkan informasi.

3.3.1 Pengertian Website

Untuk membangun sebuah website interaktif dibutuhkan pemahaman teknik bahasa

pemrograman yang dikenal dengan sebutan web scripting. Sebagai mana dikemukakan Saropi.

Pengertian dari website adalah sekumpulan halaman-halaman situs yang terangkum

dalam suatu domain yang berlokasi di dalam WWW (World Wide Web) di internet World Wide

Web (W3) atau yang dikenal juga dengan istilah web adalah suatu sistem yang berkaitan dengan

dokumen digunakan sebagai media untuk menampilkan teks, gambar, multimedia dan lainnya

pada jaringan internet.

yang beroperasi bersama untuk mencapai beberapa sasaran atau maksud. Berarti sebuah

sistem bukanlah seperangkat unsur yang tersusun secara tak teratur, tetapi terdiri dari unsur

yang dapat dikenal sebagai saling melengkapi karena satu maksud tujuan atau sasaran.

3.3.2 HTML

HTML (Hypertext Markup Language) adalah bahasa pendeskripsi halaman yang

menciptakan dokumen-dokumen hypertext atau hypermedia (Nugroho, 2004). HTML

memasukkan kode-kode pengendali dalam sebuah dokumen pada berbagai poin yang dapat

dispesifikasikan, yang dapat menciptakan hubungan (hyperlink) dengan bagian lain dari

dokumen tersebut atau dengan dokumen lain yang berada di World Wide Web. Sebuah halaman

web minimal mempunyai empat buah tag, yaitu :

a. <HTML> Sebagai tanda awal dokumen HTML.

b. <HEAD> Sebagai informasi page header. Di dalam tag ini bisa bisa diletakkan tag-tag

seperti TITLE, BASE, LINK, SCRIPT, STYLE, dan META.

c. <TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan

muncul pada bagian paling atas browser (pada title bar).

d. <BODY> Sebagai isi yang tampak pada halaman web, yang dapat berupa teks, grafik,

dan lain-lain.

3.3.3 PHP

PHP (HyperText Prepocessor) adalah bahasa (scripting language) yang dirancang secara

khusus untuk penggunaan pada Web (Nugroho, 2004). PHP dikembangkan oleh Rasmus

Lerdorf dengan sebutan tools Personal Home Page. PHP adalah tool untuk pembuatan halaman

web dinamis. PHP kaya akan fitur yang membuat perancangan Web dan pemprograman

menjadi lebih mudah.

Seperti bahasa pemprograman web lainnya PHP memproses seluruh perintah yang

berada dalam skrip PHP di dalam web server dan menampilkan outputnya ke dalam web

browser klien. PHP adalah bahasa scripting yang menghasilkan output HTML ataupun output

lain sesuai keinginan pemrogram yang dijalankan pada server side. Artinya, semua sintaks

yang diberikan akan dijalankan sepenuhnya pada server, sedangkan yang dikirimkan ke

browser hanya hasilnya (output) saja.

3.3.4 Aplikasi yang Digunakan

a. Web Browser

Web browser adalah suatu perangkat-lunak atau perangkat navigasi dalam web yang

dijalankan pada computer user dan digunakan untuk menampilkan halaman-halaman dokumen

website yang berada di internet atau server web. Adapun salah satu contoh dari web browser

itu sendiri di antaranya seperti, Internet Explorer (IE), Mozilla Firefox (MF), Opera Mini, dan

masih banyak lagi. Mekanisme dari web browser itu sendiri adalah mula – mula user

memasukkan.

b. XAMPP

XAMPP (X(windows/linux) Apache MySQL PHP dan Perl) merupakan paket server

web PHP dan database MySQL yang paling popular dikalangan pengembang web

dengan menggunakan PHP dan MySQL sebagai databasenya.

3.4 Perancangan Basis Data

Proses untuk menentukan isi dan pengaturan data yang dibutukan untuk mendukung

sebagai rancangan sistem tujuan perancangan untuk memenuhi informasi yang berisikan

kebutuhan-kebutuhan unser secara khusus dan aplikasi-aplikasinya.

3.4.1 Teknik Normalisasi

Normalisasi adalah proses pengelompokan elemen data menjadi tabel-tabel yang

menunjukkan entity dan relasinya (Kenneth E.Kendall dan Julie E.kendall (2).

2003,145).Bentuk-bentuk normalisasi yaitu:

1. Bentuk Tidak Normal (Normalized From)

Bentuk ini merupakan data yang akan direkam,tidak ada keharusanmengikuti suatu

format tertentu,dapat saja tidak lengakap atau terduplikasi Ciri-cirinya adalah : Data

dikumpulkan apa adanya sesuai dengan saat menginput.

2. Bentuk Normal Kesatu ( 1 NF/ First Normal Form)

Langkah pertam dalam normalisasi adalah menghilangkan elemen data terulang. Ciri-ciri

1NF adalah sebagai berikut:

a. Setiap data dibentuk dalam flat file ( file Tatar /rata),data dibentuk dalam suatu record

demi satu record dan nilai dari field berupa “atomic value” (masili inetnpunyai sifat

seperti bentuk tidak normal)

b. Tidak ada set attribute yang berulang atau bernilai ganda.

c. Tiap field hanya satu pengertian.

3. Bentuk Normal Kedua (2NF /Second Normal Form)

Bentuk normal kedua mempunyai syarat yaitu bentuk data telah memenuhi kriteria

bentuk normal kesatu.

Ciri-cirinya : Attrbute bukan kunci harusnya bergantung secara fungsi pada kunci utama

(Primary key).

4. Bentuk Normal Ketiga(3NF/Third Normal Form)

Suatu hubungan normalisasi adalah bentuk normalisasi ketiga jika semua attribute

bukan kunci sepenuhnya tergantung secara fungsional pada kunci utama (primary key)

dan tidak terdapat ketergantungan transitif (bukan kunci).

Ciri-Cirinya : Untuk menjadi bentuk normal ketiga maka relasi haruslah dalam bentuk

normal kedua dan semua attribute bukan primer tidak punya hubungan yang transitif.

5. Bentuk Normal boyce-codd (BCNF)

Bentuk ini dilakukan jika dan hanya jika semua penentu (determinan) adalah kunci

kandidat (atribut yang bersifat unik). BCNF merupakan perbaikan dari 3NF. Relasi yang

memenuhi BCNF pasti memenuhi 3NF tetapi tidak sebaliknya.

Ciri-cirinya : Carilah semua penentu,bila terdapat penentu yang bukan kunci kandidat

IMPLEMENTASI

5.1 Tampilan Menu Utama

Halaman index Toko Shelter Sport memiliki slide sebanyak 4 gambar diantaranya adalah

gambar macam macam merk sepatu . Tampilan pergantian setiap slide dengan waktu 5 detik

dan terdapat beberapa tampilan produk-produk yang terbaru. Tampilan dari menu beranda

ditunjukan Gambar 5.2.

Gambar 5.1 Tampilan Halaman Beranda Shelter sport

5.2 Tampilan Halaman Produk

Ketika di klik menu produk pada halaman beranda akan muncul halaman produk yang

berisi tampilan daftar produk-produk penjualan milik Toko Shelter Sport .Tampilan dari

halaman produk ditunjukan Gambar 5.3.

Gambar 5.2 Tampilan Halaman Produk Shelter sport

5.3 Tampilan Halaman Tentang Kami

Pada tampilan halaman tentang kami akan menampilkan detail profil dari Toko shelter

sport. Tampilan dari halaman tentang kami ditunjukan Gambar 5.3.

Gambar 5.3 Tampilan Halaman Tentang Shelter sport

5.4 Tampilan Halaman Kontak

Pada halaman kontak menampilkan alamat lokasi dan kontak yang dapat

dihubungi.Tampilan halaman kontak ditunjukan Gambar 5.4.

Gambar 5.4 Tampilan Halaman Kontak Shelter sport

5.5 Tampilan Halaman Keranjang

Setelah mengklik beberapa produk maka selanjutnya akan dibawa ke halaman keranjang,

pada halaman keranjang akan di tampilkan detail barang/produk. Pada bagian bawah terapat

opsi kembali belanja atau check out. Tampilan halaman keranjangan dapat dilihat seperti

gambar 5.5 di bawah ini.

Gambar 5.5 Tampilan Halaman Keranjang Shelter sport

5.6 Tampilan Halaman Check Out

Setelah melakukan belanja masuk ke tahap akhir yaitu Check Out, pada tahap ini

pelanggan akan di minta data berupa Nama, alamat, e-mail dan nomor telepon. Tampilan

halaman check out adalah sebagai berikut.

Gambar 5.6 Tampilan Halaman Check Out Shelter sport

Masih pada halaman check out setelah melakukan pengisian data, pelanggang akan

mendapat perintah untuk melakukan pembayaran melalui via transfer Bank atau ATM

pada nomer rekening yang sudah tertera pada halamam check out. Halaman check out

dapat dilihat pada gambar 5.7 di bawah ini.

Gambar 5.7 Tampilan Halaman Check Out Shelter sport

5.7 Tampilan Halaman Admin

Gambar 5.8 Halaman Login Admin Shelter sport

Di samping halaman index terdapat halaman admin yang berfungsi untuk mengedit,

menghapus bahkan mengupdate seperti produk dan buku tamu. Tampilan utama ketika masuk

pada halaman admin adalah perintah untuk melakukan login.

Setelah input username dan password dengan benar maka kita akan menuju ke halaman

admin. Tetapi seandainya terjadi kesalahan dalam input username dan password maka akan

muncul pesaan kesalahan. Halaman admin berisi menu administrator. Adapun tampilah

halaman administrator adalah sebagai berikut.

Gambar 5.9 Halaman Administrator Shelter sport

5.8 Tampilan Register/Login

Gambar 5.10 Register/Login Shelter sport

5.9 Tampilan Halaman Kategori

Gambar 5.11 Halaman Kategori

DAFTAR PUSTAKA

Abd. Rozak. 2015. Aplikasi Penjualan Sepatu Online.Universitas Islam Indonesia.

Mulyawan,dkk. 2013. Aplikasi Jual Beli Marketplace Online.Telkom University.

Nugroho, B. 2004. Pemrograman Web Dinamis dengan PHP dan MySQL. Gava Media:

Yogyakarta.

Prabowo, Adi. 2013, Analisis Dan Perancangan Web E-Commerce Sebagai Media Promosi

Dan Penjualan Di De Purple House.Wonogiri.

Tompodung, Henri Wilson. 2013, Pembuatan Sistem Informasi E-Commerce Penjualan Tas

dengan Pesanan Khusus,Skripsi,Universitas Surabaya

Utomo, Eko Priyo. 2005. Berbisnis di Era Internet dengan E-Commerce, Yrama Widia,

Bandung.

Zulfa, Mahda Zurfia. 2011, Skripsi Pembangunan E-Commerce Furniture Interior Di Family

Mebeul, UNIKOM, Bandung.