15
WEBSITE E-COMMERCE TOKO BATIK SRI REJEKI Oleh Ade Saputra.ZS 12151445 Program Studi Teknik Informatika Sekolah Tinggi Manajemen dan Ilmu Komputer El Rahma Yogyakarta Abstract Batik Shop Sri Rejeki is a Batik company that focuses on making various kinds of things related to batik, for example clothes, pants, bags, fabrics, etc. In addition to making batik handicrafts, Sri Rejeki also manages the stock (inventory) of goods to deal with 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 e-commerce Web begins with collecting data using observation techniques, interviews, and archives. System design activities use Entity Relaional Diagrams (ERD), table relationships, context diagrams, and Data Flow Diagrams (DAD), Flowcharts, Normalization, and Relations. This system is website based using PHP version 5.6.28 programming language, server wampp, sublime text text editor, and google chrome web browser. This e-commerce web is created to provide convenience to the Shop in managing goods and providing effective information. The application can automatically search data, record incoming and outgoing goods transactions. Intisari Toko Batik Sri Rejeki merupakan sebuah perusahaan Batik yang fokus membuat berbagai macam yang berhubungan dengan batik contohnya baju,celana,tas,kain,dll. Selain membuat kerajinan batik Toko Sri rejeki juga melakukan pengelolaan stok (persediaan) barang 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 Web e-commerce 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),Flowchart,Normalisasi,dan Relasi. Sistem ini berbasis website menggunakan bahasa pemrograman PHP versi 5.6.28, wampp server, teks editor sublime text, dan web browser google chrome. Web e-commerce ini dibuat untuk memberikan kemudahan kepada Toko dalam mengelola barang dan pemberian informasi yang efektif. Adapun aplikasi ini dapat melakukan pencarian data secara otomatis, pencatatan transaksi barang masuk dan barang keluar. Kata kunci : Web e-commerce, efektif, batik.

WEBSITE E-COMMERCE TOKO BATIK SRI REJEKI Program Studi ...jurnal.stmikelrahma.ac.id/assets/file/Ade Saputra.ZS_stmikelrahma.pdfhandicrafts, Sri Rejeki also manages the stock (inventory)

  • Upload
    others

  • View
    11

  • Download
    1

Embed Size (px)

Citation preview

Page 1: WEBSITE E-COMMERCE TOKO BATIK SRI REJEKI Program Studi ...jurnal.stmikelrahma.ac.id/assets/file/Ade Saputra.ZS_stmikelrahma.pdfhandicrafts, Sri Rejeki also manages the stock (inventory)

WEBSITE E-COMMERCE TOKO BATIK SRI REJEKI

Oleh

Ade Saputra.ZS

12151445

Program Studi Teknik Informatika Sekolah Tinggi Manajemen dan Ilmu Komputer

El Rahma Yogyakarta

Abstract

Batik Shop Sri Rejeki is a Batik company that focuses on making various kinds of things

related to batik, for example clothes, pants, bags, fabrics, etc. In addition to making batik

handicrafts, Sri Rejeki also manages the stock (inventory) of goods to deal with 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 e-commerce Web begins with collecting data using observation techniques,

interviews, and archives. System design activities use Entity Relaional Diagrams (ERD), table

relationships, context diagrams, and Data Flow Diagrams (DAD), Flowcharts, Normalization,

and Relations. This system is website based using PHP version 5.6.28 programming language,

server wampp, sublime text text editor, and google chrome web browser.

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

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

incoming and outgoing goods transactions.

Intisari

Toko Batik Sri Rejeki merupakan sebuah perusahaan Batik yang fokus membuat

berbagai macam yang berhubungan dengan batik contohnya baju,celana,tas,kain,dll. Selain

membuat kerajinan batik Toko Sri rejeki juga melakukan pengelolaan stok (persediaan) barang

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 Web e-commerce 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),Flowchart,Normalisasi,dan Relasi. Sistem ini berbasis website menggunakan bahasa

pemrograman PHP versi 5.6.28, wampp server, teks editor sublime text, dan web browser

google chrome.

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

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

pencarian data secara otomatis, pencatatan transaksi barang masuk dan barang keluar.

Kata kunci : Web e-commerce, efektif, batik.

Page 2: WEBSITE E-COMMERCE TOKO BATIK SRI REJEKI Program Studi ...jurnal.stmikelrahma.ac.id/assets/file/Ade Saputra.ZS_stmikelrahma.pdfhandicrafts, Sri Rejeki also manages the stock (inventory)

PENDAHULUAN

Internet sekarang tidak hanya sebagai media untuk mendapatkan informasi secara cepat.

Namun, internet saat ini sudah menjadi trend kebutuhan bagi umat manusia untuk membantu

dalam menjalankan aktivitas sehari-hari salah satu contohnya e-commerce, banyak toko-toko

atau perusahaan besar yang mengembangkan e-commerce untuk menunjang kebutuhan dan

memperluas usaha bisnisnya (O’brien & Marakas, 2006).

Toko Batik Sri Rejeki merupakan salah satu perusahaan yang bergerak dibidang industri

Batik yang berdiri sejak Tahun 2010, Beralamat di JL.KH Wahid Hasyim

No.53,Notoprajan,Ngampilan,Yogyakarta. Yang membuat dan menjual berbagai macam Batik

seperti Baju,Celana,Kain, yang menggunakan bahan utamanya dari pewarna Batik & Canting.

Pada awalnya hanya pelanggan lokal saja yang menjadi pelanggan Toko Batik Sri Rejeki,

Tetapi seiring dengan berjalannya waktu sekarang Toko Batik Sri Rejeki sudah memiliki

pelanggan dari luar daerah yaitu dari Klaten, Solo, Magelang dan Solo. Langkah ke depan Toko

Batik Sri Rejeki akan mengembangkan bisnis pejualan dan pemasaran dengan memanfaatkan

internet, seperti halnya perusahaan-perusahaan lain yang telah sukses dalam pemasaran produk

melalui internet.

Salah satu cara untuk mengatasi permasalahan yang ada saat ini di Toko Batik Sri Rejeki

yaitu dapat memanfaatkan media internet, dengan cara membangun suatu sistem perdagangan

secara online yang lebih dikenal dengan istilah E-Commerce (electronic commerce).

Berdasarkan gambaran yang telah dijelaskan, maka solusi yang akan ditawarkan adalah

melakukan suatu penelitian, membangun website e-commerce Toko Batik Sri Rejeki.

Rumusan Masalah

Belum adanya pemasaran dan penjualan produk menggunakan Website pada Toko

Batik Sri Rejeki.

Batasan Masalah

E-Commerce ini belum bisa melakukan pembayaran secara online.

Tujuan Penelitian

Membangun website e-commerce pada Toko Batik Sri Rejeki.

Manfaat Penelitian

Manfaat yang dapat diperoleh dari penelitian ini adalah sebagai berikut.

Page 3: WEBSITE E-COMMERCE TOKO BATIK SRI REJEKI Program Studi ...jurnal.stmikelrahma.ac.id/assets/file/Ade Saputra.ZS_stmikelrahma.pdfhandicrafts, Sri Rejeki also manages the stock (inventory)

1. Mempermudah konsumen untuk melakukan pemesanan di Toko Batik Sri Rejeki dan

Lebih memperluas area pemasaran sehingga menambah jumlah konsumen.

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

untuk promisi produk secara detail..

LANDASAN TEORI

Website E-Commerce

Website e-commerce yang sudah dijadikan standar Internasional dan yang sudah

disepakati bersama, masih belum ada. Namun secara umum kita bisa mengartikan bahwa “e-

commerce is dynamic set of technologies, applications, and business process that link

enterprises, customers, and communities through electronic transactions and elecreonic

exchange of goods, servicesm and information”. Website e-commerce menurut Baum(1999),

menjadi salah satu cara transaksi online saat ini atau bisnis online atau perdagangan secara

elektronik telah mengubah bisnis menjadi online tidak hanya memperluas pilihan produk dan

jasa bagi konsumen, tetapi juga membentuk peluang bisnis baru dan memperkuat bisnis yang

telah ada untuk mengembangkan strategi dengan internet.

Berdasarkan uraian tersebut dapat dijelaskan bahwa dengan adanya website e-commerce

memberikan peluang yang sangat besar dalam dunia bisnis dimana internet dapat membantu

dalam mempromosikan dan memperluas suatu bisnis dan informasi suatu perusahaan kepada

masyarakat secara luas.

Website

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 Navigator, Internet Explorer, Mozila

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

Pengertian Data dan Informasi

Data merupakan segala fakta dan angka yang dapat dijadikan bahan untuk menyusun

suatu informasi, sedangkan informasi adalah hasil pengolahan data yang dipakai untuk suatu

keperluan.. (Arikunto, 2002)

Page 4: WEBSITE E-COMMERCE TOKO BATIK SRI REJEKI Program Studi ...jurnal.stmikelrahma.ac.id/assets/file/Ade Saputra.ZS_stmikelrahma.pdfhandicrafts, Sri Rejeki also manages the stock (inventory)

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, 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 ( Gordon B. Davis, 1989 : 68 ).

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.

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

Page 5: WEBSITE E-COMMERCE TOKO BATIK SRI REJEKI Program Studi ...jurnal.stmikelrahma.ac.id/assets/file/Ade Saputra.ZS_stmikelrahma.pdfhandicrafts, Sri Rejeki also manages the stock (inventory)

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

browser hanya hasilnya (output) saja.

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), Google chrome,

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”. ( Betha.Sidik, 2012 : 72 ).

IMPLEMENTASI

Tampilan Menu Beranda

Halaman menu utama Toko Batik Sri Rejeki memiliki slide sebanyak 6 gambar

diantaranya adalah gambar Tampilan . Tampilan pergantian setiap slide dengan waktu 5 detik

dan terdapat beberapa tampilan produk-produk. Tampilan dari menu beranda seperti gambar.

Page 6: WEBSITE E-COMMERCE TOKO BATIK SRI REJEKI Program Studi ...jurnal.stmikelrahma.ac.id/assets/file/Ade Saputra.ZS_stmikelrahma.pdfhandicrafts, Sri Rejeki also manages the stock (inventory)

Gambar Tampilan Halaman Beranda

Tampilan Halaman Produk

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

berisi tampilan daftar produk-produk penjualan milik Toko Batik Sri Rejeki. Contoh Tampilan

dari halaman produk Baju Batik adalah sebagai berikut.

Gambar Tampilan Halaman Produk

Tampilan Halaman Profil

Pada tampilan halaman profil akan menampilkan detail profil dari Toko Batik Sri Rejeki.

Tampilan dari halaman profil membahas semua tentang Toko Batik Sri Rejeki seperti di

tampilkan pada gambar.

Page 7: WEBSITE E-COMMERCE TOKO BATIK SRI REJEKI Program Studi ...jurnal.stmikelrahma.ac.id/assets/file/Ade Saputra.ZS_stmikelrahma.pdfhandicrafts, Sri Rejeki also manages the stock (inventory)

Gambar Tampilan Halaman Profil

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 keranjang dapat dilihat seperti gambar.

Gambar Tampilan Halaman Keranjang

Page 8: WEBSITE E-COMMERCE TOKO BATIK SRI REJEKI Program Studi ...jurnal.stmikelrahma.ac.id/assets/file/Ade Saputra.ZS_stmikelrahma.pdfhandicrafts, Sri Rejeki also manages the stock (inventory)

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 Tampilan Halaman Check Out

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.

Gambar Tampilan Halaman Check Out

Page 9: WEBSITE E-COMMERCE TOKO BATIK SRI REJEKI Program Studi ...jurnal.stmikelrahma.ac.id/assets/file/Ade Saputra.ZS_stmikelrahma.pdfhandicrafts, Sri Rejeki also manages the stock (inventory)

Tampilan Halaman Admin

Gambar Halaman Login Admin

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 Halaman Administrator

Tampilan Halaman Kategori Produk

Pada bagian tampilan halaman kategori produk tertera macam-macam produk yang di

jual di toko online sri rejeki yang bisa di lihat dari gambar.

Page 10: WEBSITE E-COMMERCE TOKO BATIK SRI REJEKI Program Studi ...jurnal.stmikelrahma.ac.id/assets/file/Ade Saputra.ZS_stmikelrahma.pdfhandicrafts, Sri Rejeki also manages the stock (inventory)

Gambar Halaman Kategori Produk

Tampilan Halaman Produk

Pada bagian tampilan halaman produk disitu bisa dilihat tempat untuk menginputkan data

produk.tombol simpan digunakan untuk menyimpan data yang sudah di inputkan.

Gambar Halaman Produk

Page 11: WEBSITE E-COMMERCE TOKO BATIK SRI REJEKI Program Studi ...jurnal.stmikelrahma.ac.id/assets/file/Ade Saputra.ZS_stmikelrahma.pdfhandicrafts, Sri Rejeki also manages the stock (inventory)

Tampilan Halaman Ongkos Kirim

Pada tampilan halaman ongkos kirim dapat dilihat di gambar dibawah tempat

menginputkan ongkos kirim antar kota dan ada menu tambah tambah ongkos kirim untuk

menambah kota yang diinginkan.

Gambar Halaman Ongkos Kirim

Tampilan Halaman Profil Toko Online

Pada Halaman Profil Toko Online bisa dilihat alamat dan nomor telepon toko batik sri

rejeki yang valid seperti yang tertera di gambar.

Page 12: WEBSITE E-COMMERCE TOKO BATIK SRI REJEKI Program Studi ...jurnal.stmikelrahma.ac.id/assets/file/Ade Saputra.ZS_stmikelrahma.pdfhandicrafts, Sri Rejeki also manages the stock (inventory)

Gambar Halaman Profil Toko Online

Tampilan Halaman Cara Beli

Pada menu tampilan cara beli disitu tertera langkah-langkah untuk membeli produk yang

dijual di toko batik sri rejeki.

Gambar Halaman Cara Beli

Tampilan Halaman Info Rekening Toko

Page 13: WEBSITE E-COMMERCE TOKO BATIK SRI REJEKI Program Studi ...jurnal.stmikelrahma.ac.id/assets/file/Ade Saputra.ZS_stmikelrahma.pdfhandicrafts, Sri Rejeki also manages the stock (inventory)

Pada tampilan halaman info rekening toko tertera secara sah no.rekening toko batik sri

rejeki dengan berbagai macam atm yang digunakan.

Gambar Halaman Info Rekening Toko

Tampilan Halaman Laporan Transaksi

Pada tampilan laporan transaksi admin bisa mengecek setiap minggu/perbulan pembelian

produk yang dijual ditoko batik sri rejeki dan bisa mencetak nya sebagai bahan laporan

prmbelian produk nya.

Gambar Halaman Laporan Transaksi

Tampilan Halaman Logout Admin

Page 14: WEBSITE E-COMMERCE TOKO BATIK SRI REJEKI Program Studi ...jurnal.stmikelrahma.ac.id/assets/file/Ade Saputra.ZS_stmikelrahma.pdfhandicrafts, Sri Rejeki also manages the stock (inventory)

Pada Bagian Logout admin, tempat admin keluar dari menu admin setelah menyelesaikan

pekerjaan yang ada di menu admin .

Gambar Halaman Logout Admin

Page 15: WEBSITE E-COMMERCE TOKO BATIK SRI REJEKI Program Studi ...jurnal.stmikelrahma.ac.id/assets/file/Ade Saputra.ZS_stmikelrahma.pdfhandicrafts, Sri Rejeki also manages the stock (inventory)

DAFTAR PUSTAKA

Adi, Rahmad Admin. 2016, Membangun aplikasi penjualan berbasis Website di PT.Batik

Surakarta.Universitas Sebelas Maret.

Akbari, Fany Karnaeni. 2015, Sistem Penjualan online menggunakan proses bisnis affiliasi

di PT.Batik Jepara,STMIK Akakom.

Komputer, Wahana. 2006, Apa dan Bagaimana E-Commerce, ANDI, Yogyakarta.

Purbo, W, Onno. 2001, Buku Pintar Internet Membangun Web E-Commerce, PT. Elex Media

Komputindo, Jakarta.

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.