website e-commerce toko sepatu shelter sportjurnal.stmikelrahma.ac.id/assets/file/tiara...
Post on 29-Oct-2019
7 Views
Preview:
TRANSCRIPT
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.
top related