Perancangan Media Elektronik (Online) untuk Penjualan Produk Batik

Perancangan Media Elektronik (Online) untuk Penjualan Produk Batik.
Ilka Zufria
Dosen AMIK INTeL Com GLOBAL INDO
[email protected]
Abstrak
Perkembangan teknologi khususnya komputer pada saat ini mempunyai peranan yang sangat penting dalam
kehidupan di masyarakat. Teknologi yang berkembang sesuai tuntutan zaman diharapkan menjadi sarana penunjang
untuk menangani permasalahan yang timbul dalam mengelola dan menyelesaikan permasalahan yang ada di
perusahaan atau organisasi khususnya pada Rumah Batik. Begitu juga dengan bisnis penjualan atau pemesanan,
diharapkan dapat menyediakan informasi yang tepat dan akurat dalam transaksi secara online. Sistem yang sedang
berjalan pada Rumah Batik ini masih menggunakan sistem manual yaitu pemesan tidak bisa melihat secara fisik
barang yang akan dipesan karena masih menggunakan fasilitas telepon, pemesan harus datang langsung ke Rumah
Batik, dan juga perusahaan belum mempunyai situs website sebagai media penjualan produk batik, media promosi
yang menyediakan informasi yang lengkap yang dibutuhkan oleh pembeli. Dengan adanya Media Penjualan Online ini
diharapkan dapat menyediakan informasi yang lebih cepat dan akurat pada semua masyarakat yang juga dapat
membantu dalam mempromosikan produk yang tersedia yang meliputi banyak informasi seperti produk yang
ditawarkan, data pemesan dan data produk.
Kata Kunci : Website, Media Penjualan Online, Produk Batik, Rumah Batik, serta Objektif.
1.
Latar Belakang Masalah
Perkembangan internet tidak hanya untuk sarana
informasi maupun Entertainment namun saat ini banyak
digunakan untuk transaksi secara online. Hal ini sangat
menguntungkan karena bisnis melalui online bisa
menjangkau seluruh wilayah di berbagai dunia.
Banyak orang yang sudah melirik internet untuk
melancarkan bisnisnya. Bisnis internet merupakan suatu
bisnis yang dalam prosesnya baik dalam pemesanan
maupun pengantaran barangnya seluruhnya menggunakan
media internet. Bisnis ini merupakan suatu model bisnis
yang baru tetapi memiliki berbagai keuntungan dan
kelebihan dibandingkan bisnis konvensional. Bisnis online
yang sederhana seperti menampilkan produk dan
melakukan order dengan telpon juga masih banyak
dilakukan walaupun saat ini lebih banyak menggunakan
kartu kredit. Melihat definisi media penjualan Online maka
sebenarnya merupakan bagian dari e-business, dimana
cakupan e-business lebih luas, tidak hanya sekedar
perniagaan tetapi mencakup juga pengkolaborasian mitra
bisnis, pelayanan nasabah dan lain-lain.
Penggunaan website merupakan salah satu media
yang digunakan dalam menciptakan media penjualan
Online sehingga dapat memenuhi kebutuhan bagi sebuah
usaha atau perusahaan agar dapat bersaing secara global.
Media Penjualan Online ini akan diterapkan pada Rumah
Batik untuk memasarkan produk batik mereka
Dengan adanya website sebagai salah satu
media penjualan dan promosi secara online ini, maka akan
bertujuan untuk memperluas daerah pemasaran produk dan
memudahkan pembeli untuk memilih dan memesan
produk sehingga dapat meningkatkan omset penjualan.
2. Tinjauan Pustaka
2.1 Sekilas
Tentang
Perancangan
Perancangan Website
2.1.1
Pengertian Perancangan
dan
Noor Fuad ( 2001 ), perancangan adalah
kegiatan untuk merancang suatu sistem yang
dilakukan oleh setelah memperoleh persetujuan dari
manajemen dimana kegiatan ini dilakuka oleh tim
perancang yang disusun oleh project atau proyek
manajer.
Jhon Bruch perancangan sistem adalah
penggambaran, perencanaan dan pembuatan sketsa
atas pengaturan dari beberapa elemen yang terpisah
kedalam satu kesatuan yang utuh dan berfungsi.
2.1.2 Perancangan Website
Perancangan
web adalah
proses
merancang halaman web, situs web, web atau
aplikasi multimedia untuk Web. Memanfaatkan
berbagai disiplin ilmu, seperti animasi, authoring,
desain komunikasi, identitas korporat, desain grafis,
interaksi manusia-komputer, arsitektur informasi,
interaksi desain, pemasaran, fotografi, mesin
pencari optimasi dan tipografi.
a. Markup bahasa (seperti HTML, XHTML dan
XML)
b. Gaya lembar bahasa (seperti CSS dan XSL)
c. Client-side scripting (seperti JavaScript dan
VBScript)
d. Server-side scripting (seperti PHP dan ASP)
e. Teknologi database (seperti MySQL dan
PostgreSQL)
Tabel 2.3. Simbol Data Flow
Diagram
f. Teknologi multimedia (seperti Flash dan Silverlight)
Perancang web atau desainer web adalah orang
yang mempunyai keahlian menciptakan konten presentasi
(biasanya hypertext atau hypermedia) yang dikirimkan ke
pengguna-akhir melalui World Wide Web, melalui Web
browser atau perangkat lunak Web-enabled lain seperti
televisi internet, Microblogging, pembaca RSS. Halaman
Web dan situs Web dapat halaman statis, atau dapat
diprogram untuk halaman dinamis yang secara otomatis
mengadaptasi konten atau tampilan visual tergantung pada
berbagai faktor, seperti masukan dari pengguna akhir,
masukan dari para Webmaster atau perubahan dalam
lingkungan komputasi (seperti situs yang terkait dengan
database yang telah diubah). Dengan berkembangnya
spesialisasi dalam desain komunikasi dan bidang teknologi
informasi, ada kecenderungan kuat untuk menarik garis
yang jelas antara desain web khusus untuk halaman web
dan pengembangan web untuk logistik secara keseluruhan
dari semua layanan berbasis web, (www.buatwebs .net).
2.2 Alat Bantu Perancangan Sistem
Untuk bisa dapat melakukan langkah-langkah
pengembangan sistem yang sesuai dengan metodologi
pengembangan sistem yang terstruktur, maka dibutuhkan
alat dan teknik untuk melaksanakannya. Alat-alat yang
bias digunakan dalam suatu perancangan sistem umumnya
berupa gambar dan diagram.
Adapun alat Bantu yang digunakan dalam
perancangan sistem yang
akan digunakan dalam
penelitian adalah :
a. CD ( Contex Diagram )
Contex Diagram merupakan sebuah diagram aliran data
yang memfokuskan pada aliran data dari danke dalam
sistem,serta
memproses
data-data
tersebut.
Komponen-komponen dasar dari setiap program
computer yang digambarkan sacara mendetail, dapat
digunakan untuk menganalisis keakuratan dan
kompetensi sistem ( Kendall dan kendall 2003 ).
b. DFD ( Data Flow Diagram )
DFD merupakan teknik analisis data terstruktur yang
mempresentasikan
proses data didalam organisasi
(Kendall dan Kendall, 2003). Data Flow Diagram
adalah gambaran sistem logical. DFD digunakan
untuk menggambarkan sistem
yang lama atau sistem
baru yang akan dikembangkan secara logical tanpa
mempertimbangkan lingkungan fisik dimana data
tersebut mengalir. Misalnya
lewat telepon, surat
dan sebagainya atau lingkungan fisik dimana data akan
disimpan. Misalnya hardisk, disket, flasdisk dan
sebagainya. Simbol-simbol yang digunakan pada data
flow diagram dapat dilihat pada tabel 2.3.
No
1
2
3
4
Simbol
Keterangan
Fungsi
Sumber dan Tujuan data
Titik terminal digunakan
untuk menunjukan awal dan
akhir suatu proses
Proses
Arus Data
Aliran Data
Untuk menunjukan
operasi yang rinciannya
tertuju tampat lain
Digunakan untuk
menunjukan jalur
terjadinya proses
Untuk menunjukan
arah suatu data
Proses Data Flow Diagram dapat merupakan
program, satu program, satu modul atau
sub
program dan dapat juga berupa transformasi data
secara manual.
Penyimpanan data merupakan
file, elemen dari suatu database atau satu bagian
dari record. Penyimpanan dapat menggunakan
media berupa disket, magnetic
drum, magnetic
tafe, dan lain sebagainya.
Data Flow Diagram sering digunakan untuk
menggambarkan suatu sistem yang telah ada atau
sistem baru yang akan dikembangkan secara logika
tanpa mempertimbangkan lingkungan fisik dimana
data tersebut mengalir (misal
lewat
telpon,
surat dan sebagainya) atau lingkungan fisik dimana
data tersebut akan disimpan ( misalnya file kartu,
microfile, harddisk, tape, disket dan lain
sebagainya). Data Flow Diagram merupakan
alat yang cukup popular sekarang ini,
karena
dapat menggambarkan arus data didalam sistem
dengan terstruktur dan
jelas. Lebih lanjut Data
Flow Diagram merupakan dokumentasi dari sistem
yang baik.
c. ERD ( Entry Relational Diagram )
Entry Relational Diagram adalah bagian yang
menunjukan hubungan antara entry yang ada
dalam sistem. Simbol-simbol yang digunakan
pada Entry Relational
Diagram dapat
dilihat pada tabel 2.4.
Tabel 2.4. Simbol Entry Relational Diagram
No
Simbol
Arti / Tujuan
Entity
1
2.4 Pengenalan Website
Fungsi
Menyatakan
hubungan entitytas
2
Atribut dari Entity
Mewakili hubungan
dari satu entity
3
Atribut dari Entity
dengan Key
Menyatakan atribut
yang berfungsi
sebagai key
Relasi antar Entity
4
5
Hubungan satu dan
pasti
6
Hubungan banyak
dan pasti
7
Hubungan satu tapi
tidak pasti
Hubungan satu tapi
tidak pasti
8
Menyatakan
hubungan antar
relasi
Yang menyatakan
hubungan antara
entity satu dengan
entity satu
Yang menyatakan
hubungan antara
entity yang banyak
dengan banyak
Yang menyatakan
hubungan antara
entity yang satu tapi
tidak pastii
Yang menyatakan
hubungan antara
entity satu tapi
tidak pasti
2.3 Pengenalan Internet
Akbar dan Ali (2005), Internet berasal dari kata
Interconnection Networking yang secara bahasa bermakna
jaringan yang saling berhubungan, disebut
demikian
karena internet merupakan jaringan computer-komputer
diseluruh dunia yang saling berhubungan dengan
bantuan jalur telekomunikasi.
Yang mengatur integrasi dan komunikasi jaringan
internet adalah sebuah protocol yang biasa disebut TCP/ IP
( Transfer Control Protokol / Internet Protokol ). TCP
berfungsi untuk memastikan bahwa semua koneksi bekerja
secara semestinya, sementara IP berfungsi
melakukan trar data dari sebuah computer ke computer
lain. Sehingga TCP/IP secara umum berfungsi memilih
rute terbaik untuk transmisi data, atau memilih
rute alternatifnya untuk transmisi data.
2.3.1
Fasilitas Internet
Fasilitas yang dapat anda dapatkan dengan
menggunakan internet diantaranya :
a. Web, adalah fasilitas hypertext untuk menampilkan
data berupa text, gambar, bunyi, animasi dan
multimedia lainnya, yang diantaranya data tersebut
saling berhubungan satu dengan yang lainnya.
b. E-mail (Elektro Mail), dengan fasilitas ini anda dapat
menerima dan mengirimkan data yaitu berupa surat
elektro (e-mail) pada dari pamakai computer lain yang
terhubung diinternet.
c. Newsgroup,
fasilitas
ini
digunakan
untuk
mendistribusikan artikel, berita, tanggapan, surat
penawaran atau pun file kepemakai internet yang
tergabung dengan kelompok diskusi untuk topic
tertentu.
d. FTP (File Transfer Protokol), fasilitas ini digunakan
untuk menghubungkan keserver computer tertentu dan
bila perlu menyalin (download) file yang anda
butuhkan dari server tersebut dan menyimpannya di
computer anda.
Nugroho (2004), World Wide Web yang
sering disingkat WWW adalah layanan yang
disediakan server untuk komputer client dalam
mengakses data diserver. Komputer client
merupakan suatu komputer yang digunakan untuk
mengakses layanan server seprti Web. Dengan
adanya
WWW
seorang
pengguna
dapat
menampilkan halaman virtual yang disebut
Website.
Website sering disebut juga dengan situs
Web yang merupakan sebuah alamat di WWW
(World Wide Web) yang menyediakan informasi
tertentu. Website juga befungsi sebagai tempat
penyimpanan data informasi yang barguna oleh
banyak orang, baik itu yang berada didalam
maupun diluar negri. Didalam website banyak
informasi yang ditampilkan seperti informasi
politik, ekonomi, social, budaya, pendidikan,
teknologi dan lain-lain. Halaman Web ditulis
dengan menggunakan bahasa pemograman yang
disebut Hyper Text Markup Language atau sering
disebut HTML, file-file HTML erisi markup tags,
markup tags inilah yang memberi tahu browser
bagaimana halaman web ditampilkan.
2.5 Pengenalan WWW (World Wide Web)
WWW tidak terlepas dari internet,
WWW sering digunakan saat mengetikkan suatu
alamat situs Web misalnya www.usu.ac.id, namun
pengertian sebenarnya WWW adalah “The World
Wide Web is a system of interlinked hypertext
documents accessed via the Internet” Wikiepedia
(2009), Isi dari WWW dapat ditampilkan dengan
penggunaan sebuah Web browser, seperti Mozila
Firefox, Interner Explorer atau Opera. WWW
memungkinkan penyebaran informasi melalui
Internet, penggunaannya mudah dalam format yang
fleksibel. WWW memiliki peranan yang penting
dalam mempopularitaskan penggunaan Internet.
Wikipedia (2009), menyatakan bahwa “World
Wide Web ditemukan pada tahun 1989 oleh Tim
Berners-Lee, sekarang adalah Director of the World
Wide Web Consortium.”
World Wide Web bersifat multimedia
karena merupakan kombinasi antara text, gambar,
animasi, audio dan video. Dengan demikian maka
World Wide Web pada saat ini merupakan puncak
pencapaian yang tidak mungkin dicapai oleh
media-media yang tergabung didalamnya secara
sendiri-sendiri.
a. Web Site ( Situs Web)
Merupakan tempat penyimpanan data dan
informasi dengan berdasarkan topic tertentu.
Diumpamakan situs web ini adalah sebuah
buku yang berisi topic tertentu.
b. Web Pages (Halaman Web)
Merupakan sebuah halaman khusus dari situs
web tertentu. Diumpamakan
halaman ini
adalah sebuah halaman khusus buku dari situs
web tertentu.
c. Home Pages
Merupakan sampul halaman yang berisi tenteng daftar
isi atau menu dari sebuah Web Site.
a.
mendefenisikan database, table dan indeksnya,
view dan perintah-perintah berkenaan dengan
maintance dari strutur database itu sendiri.
Script/ perintah dasar DDL antara lain pada
Tabel 2.5.
Browser
Merupakan program aplikasi yang digunakan untuk
memudahkan anda melakukan pencarian berbagai data
dan informasi pada WWW.
Tabel 2.5. Perintah Dasar DDL
No
2.6 Web Server (Apache)
Apache adalah software yang menyimpan serta
mendistribusikan data kekomputer lain (client) lewat
internet yang meminta informasi tersebut. Pada dasarnya
apache adalah “A PathCHy” (patch). Apache merupakan
web server yang dikeluarkan oleh NSCA yaitu NSCA
HTTPD sekitar tahun 1995-an (prasetyo, 2003).
Apache dibuat versi pertamanya oleh Mr.Robet
Mc Cool pada tahun 1996. Web server adalah sebuah
perangkat lunak server yang berfungsi menerima
permintaan HTTP atau HTTPS dari klien yang dikenal
dengan web browser dan mengirimkan kembali hasilnya
dalam bentuk halaman web yang umumnya berbentuk
dokumen HTML. Apache merupakan webserver yang
paling popular digunakan didunia. Apache tersedia bagi
bermacam-macam disistem
operasi
seperti
:
UNIX, ( free BSD,LINUX,SOLARIS, dan lainnya). Dan
windows NT/95/98. Apache mengikuti standart
protocol hypertext transport protocol. Yaitu http 1.1.
Server adalah suatu computer yang menjadi
pengelola dan pusat bagi computer lainnya. Oleh karena
itu computer server haruslah memiliki spesifikasi yang
lebih tinggi daripada client-clientnya. Selain itu server
memiliki macam-macamjenis, yaitu diantaranya : Samba
server, FTP server, DNS server, Web server, Mail
server, Proxy server.
2.7 Pengenalan Database
2.7.1 My SQL
Nugroho (2004), MySQL merupakan software
yang bersifat open source, sesuai dengan namanya, bahasa
standart MySQL adalah SQL. SQL adalah singkatan dari
Structured Query Language dan sering disebut squel.
PHP Triad memasukan MySQL didalam
paketnya untuk melakukan penanganan dan pengolahan
berbasis data. Cikal bakal/generasi MySQL yang
dikembangkan oleh MySQL AB (Perusahaan IT Swedia)
sejak tahun 1973 dibawah pimpinan Machael Widenius
Monty. MySQL Relase 1.0 lah muncul versi dikeluarkan
pada bulan Mei 1996 secara terbatas untuk kalangan
pribadi (diri sendiri). Baru dilepas untuk public bulan
October 1996 setelah muncul versi 3. Versi awal MySQL
hanya berjalan diatas linux dan solaris. Tetapi setelah
merupakan salah satu database terbesar yang digunakan
dalam pengolahan data didunia. Hal ini dibuktikan dengan
menggunakan MySQL oleh beberapa perusahaan dan
instansi besar didunia.
Secara umum MySQL digolangkan menjadi 3
bagian sesuai dengan fungsi dan kegunaannya, antara lain :
1) Data Defenition Language ( DDL ) digunakan untuk
melakukan perbuatan struktur database mulai dan
2)
Nama
Perintah
Fungsi
Create Database Nama Database
1
Untuk membuat Database
2
Create Table_
Untuk membuat Tabel
3
Create Index
Untuk membuat Index
4
Create View
Untuk membuat view
5
Drop Database Nama Database
6
Drop Table Nama Table
Penghapus Database
Penghapus Tabel
Data Manipulation Language ( DML)
merupakan data dri SQL yang digunakan untuk
melakukan menipulasi dalam database. Script/
perintah dasar DML,antara lain pada Tabel 2.6.
Tabel 2.6. Perintah Dasar DML
No
1
2
3
3)
Keterangan
Nama Perintah
Insert Into_
Menambah Data pada Database
Drop Database Nama Database
Select*from
Penghapusan Database
Mencari Data pada Database
Data Control Language ( DCL) terdiri atas
kelompok perintah SQL untuk memberikan
hak
otoritas
mengakses
database,
mengalokasikan space, pendefenisian database.
Script/ perintah database DCL antara lain, pada
Tabel 2.7.
Tabel 2.7. Perintah Dasar DCL
No
Nama Perintah
1
2
3
Show Database
Melihat Database yang ada dalam MySQL
Show Tables
Desc nama Table
Melihat Tabel yang ada dalam Database
Melihat Struktur/ design table
2.8 Pengenalan
Dreamweaver
HTML
Keterangan
dan
Macromedia
2.8.1 HTML
Sidik (2007), HTML adalah singkatan
dari Hyper Text Markup Language,dokumen
HTML disusun oleh elemen-elemen. Elemen
tersebut merupakan komponen dasar pembentuk
dokumen HTML. Beberapa contoh bentuk elemen
adalah : Head, Body, Table, Paragraf dan List,
elemen dapat berupa teks murni atau bukan teks
keduanya.
Untuk menandai berbagai elemen dalam
suatu dokumen HTML di gunakan tag. Tag HTML
terdiri atas sebuah kurung sudut (< tanda lebih
kecil), sebuah nama tag, dan sebuah kurung sudut
kanan (> tanda lebih besar), tag yang menjadi
pasangan selalu di awali dengan karakter garing (/garis
miring).Memberi nama dokumen HTML dengan
menggunakan ekstensi ”.html” atau “.html.”. nama
dokumen HTML beberapa sistem operasi bersifat case
sensitive. Nama dokumen yang sama tetap ditulis dengan
case yang berbeda akan dianggap sebagai dokumen yang
berbeda.
3. Analisa dan Disain
3.1 Analisa Sistem
Sebelum melakukan disain dan pengembangan
sistem yang baru terlebih dahulu dilakukan analisa sistem
yang sedang berjalan pada saat ini. Tahap analisa
merupakan tahap yang sangat penting karena kesalahan
pada tahap analisa akan mengakibatkan kesalahan pada
tahap selanjutnya.
Yang pertama dilakukan dilangkah awal ini
adalah menemukan kelemahan dan kekurangankekurangan sistem yang berjalan terdahulunya. Hal inilah
yang sangat penting dilakukan untuk mengukur sebuah
sistem telah mencapai sasaran sesungguhnya apa belum.
Makanya tahap analisa ini sangat penting dilakukan untuk
mengatasi masalah-masalah dan kekurangan-kekurangan
tersebut.
2.8.2
Bahasa Pemrograman PHP
PHP adalah sebuah bahasa scripting yang
terpasang pada HTML. Sebagian besar sintaks mirip
dengan bahasa C, Java, asp dan Perl, ditambah beberapa
fungsi PHP yang spesifik. Tujuan utama bahasa ini adalah
untuk memungkinkan perancang web untuk menulis
halaman web dinamik dengan cepat. (Admin,
http://smadaprima.net/kurikulum/diskusi/index.php?topic=
94.0, 2009)
1. Kelebihan PHP
PHP memiliki beberapa kelebihan, antara lain:
penjualan adalah cara untuk mempengaruhi
konsumen untuk membeli produk yang
ditawarkan
3. Perancangan Sistem
3.1. Dekripsi Sistem
Deskripsi sistem merupakan penjabaran
tentang suatu sistem informasi secara utuh kedalam
bagian
komponen
dengan
tujuan
untuk
mengidentifikasi dan mengevaluasi sistem yang
lama ke sistem yang baru, dimana sistem yang lama
masih banyak masalah yang timbul dan hambatan
yang terjadi serta terlambatnya kebutuhan yang
diharapkan .
3.1.1. Deskripsi Usulan Sistem Baru
Diskripsi Sistem adalah sistem yang
sedang berjalan. Pada awalnya usaha Rumah Batik
menggunakan suatu sistem secara manual, yang
dimana belum menggunakan sistem komputerisasi.
Disini penulis mengusulkan untuk membuat suatu
sistem baru, yaitu Sistem website pemesanan
produk batik secara online, yang mana cara
kerjanya dilakukan dengan cara melalui internet.
website ini dirancang sebagai media penjualan
secara online. Rumah Batik yang selama ini hanya
melakukan penjualan secara manual, sehingga
dengan menggunakan website ini pemesanan
produk tidak terbatas pada satu tempat saja, dan
pembeli tidak tanpa harus datang ke Rumah Batik,
karena pembeli dapat melihat katalog produk yang
disediakan dan dapat memesan produk dari website
ini, yang dilakukan dengan cara:
a.
b.
c.
a) Bersifat Open Source sehingga dapat didapat
secara gratis dan setiap waktu selalu muncul
fungsi-fungsi
tambahan
yang
dapat
meningkatkan performa.
b) Script PHP sangat mudah dipahami dan
mempunyai
kecepatan
tinggi
dalam
pengaksesan.
c) Merupakan bahasa yang bisa di tanam atau di
tempel dalam HTML (embedded language).
d) Dapat berjalan di banyak web server.
e) Cross-platform, artinya PHP dapat berjalan di
berbagai macam system operasi. (Windows,
Linux/Unix, dan Machintos).
Bisa bekerjasama dengan banyak basis data, antara
lain Oracle dan MySQL yang sudah tidak diragukan lagi
kemampuannya.
2.9 Pengertian Penjualan
Kotler (http://digilib.petra.ac.id, 2006) Penjualan
merupakan sebuah proses dimana kebutuhan pembeli
dan kebutuhan penjualan dipenuhi, melalui antar
pertukaran informasi dan kepentingan. Jadi konsep
d.
e.
f.
g.
h.
Pelanggan membuka dulu atau mengunjungi
situs rumah batik.
kemudian Pelanggan melakukan registrasi,
yang dimana disitus tersedia syarat-syarat yang
harus dipenuhi dan diikuti.
setelah selesai melakukan registrasi, user
diperintahkan untuk login dan langsung
melakukan proses pemesanan barang.
Anda dapat lihat Item Produk Batik yang kami
sediakan beserta harga dan
yang Masih
tersedia.
Jika Stok memang masih Tersedia, Anda bisa
Lakukan Pemesanan(Order) Lewat Link Order
yang muncul di kolom Action pada Item
Produk Batik.
Setelah Form Order terbuka, Anda bisa
mengisi data Orderan anda berdasarkan Produk
Batik yang anda pilih, lalu anda dapat
mengisikan Jumlah pemesanan berdasarkan
Stok yang masih tersedia.
Selanjutnya anda bisa Memasukkan Alamat
Anda yang Tepat, No.Tlp/ Hp yang bisa
dihubungi agar pengiriman Produk dapat
terkirim ke Alamat anda dengan tepat sekaligus
Email
anda
yang
fungsinya
untuk
mengkonfirmasikan jika ada informasi lainnya
yang nantinya Anda butuhkan.
Setelah mengisi Alamat Identitas anda, anda
kami harapkan untuk mengisi Jumlah uang
i.
yang Anda Transfer yang telah anda sesuaikan dengan
jumlah Orderan Anda dan Harga Produk yang tertera.
Dan Terakhir pada Form Order, Anda memasukkan
Identitas Transfer Anda dengan Mengisi Bank Anda,
No. Rek Anda Serta Nama Anda. Agar kami bisa
melakukan Verifikasi Transaksi anda Sukses atau
gagal dalam pengiriman ke Rekening Kami yang
Kami Sediakan.
3.1.2. ERD (Entity Relationship Diagram)
Entity
Relationship
Diagram
(ERD)
menggambarkan hubungan/relasi antara taribut-atribut
yang terdapat pada konseptual sistem secara berbeda yang
terdiri dari entity atribut yang ada. Adapun bentuk dari
Entity Relationship Diagram dari pengolahan data user
perusahaan tersebut sebagai berikut :
id_planggan
Pelanggan
- mendaftar sebagai
pelanggan
- memesan produk
- mengisi buku tamu
- laporan data produk
- laporan pemesanan produk
- laporan buku tamu
Administrasi
-mendaftarkan pelanggan jenis
produk
-mendaftarkan pelanggan nama batik
- melakukan
evaluasi
- laporan produk
pemesanan
- laporan daftar
order pelanggan
0
Sistem Pemesanan
Produk
- Data pengisian Buku
Tamu
- laporan data Buku
Tamu
- laporan buku tamu
- Laporan produk batik
- Laporan daftar order
pelanggan
Tamu
- Laporan Data Transaksi
pembayaran sukses/ gagal
Pimpinan
id_pemesanan
nm_pelanggan
jenis_batik
nama_produk
pelanggan
alamat
Gambar 3.2. Contex Diagram
harga
status
tgl_pemesanan/order
memesan
no_telpn
nm_pelanggan/order
jumlah_order
alamat/no hp.telpn,e-mail
e-mail
produk
jml_transfer
ket
kd_jenis
id_produk
punya
nm_jenis batik
jenis batik
nama_produk
nm_jenisbatik
satuan
nama Produk
harga
ket
kd_nama
stok
nama produk
satuan
buku tamu
id
user admin
komentar
nama
username
password
status
e-mail
Keterangan gambar adalah sebagai berikut :
a. Pelanggan melakukan login untuk masuk ke
sistem informasi.
b. Setelah proses login sukses, maka sistem
informasi akan memberikan registrasi data
login, data catalog, data id.
c. Sistem
informasi
kemudian
melakukan
permintaan terhadap Administrasi.
d. Dan pihak Administrasi memberikan respons.
e. Pimpinan melakukan pendaftaran berupa
mengisi data pelanggan dan daftar barang
untuk masuk keanggotaan atau buku tamu.
f. Kemudian sistem informasi memberikan form
data transaksi sukses atau gagal.
Contex Diagram diatas terlihat bagaimana
proses sistem informasi pengolahan data konsumen
pada Rumah Batik Kisaran berjalan dari mana
sistem tersebut dimulai dan berakhir.
Gambar 3.1. Entity Relationship Diagram
3.1.3. Contex Diagram
Contex Diagram adalah rancangan sistem secara
garis besar yang menerangkan hubungan antara satu entry
dengan entry yang lainnya didalam satu sistem. Adapun
bentuk Contex Diagram pengolahan data pelanggan
Rumah Batik Kisaran yang diusulkan adalah pada gambar
3.1 berikut.
3.1.4. DFD ( Data Flow Diagram )
Data Flow Diagram (DFD) digunakan
untuk menggambarkan sistem lama atau baru yang
akan dikembangkan secara logika tanpa
pertimbangan lingkungan fisik dimana data tersebut
mengalir.
Data Flow Diagram (DFD) merupakan
alat Bantu yang cukup popular sekarang ini, karena
menggambarkan arus data dalam sistem dengan
struktur yang jelas. Adapun bentuk Data Flow
Diagram (DFD) dari pengolahan data pelanggan
pada Rumah Batik Kisaran dapat dilihat pada
gambar 3.2.
D a ta T r a n s a k s i d a n
p em esan an
Pelanggan
Data
pelanggan
Tamu
Data
bukutamu
Administrasi
1.0
pendataan atau
F. Pelanggan
proses Data pelanggan
pendaftaran
pelanggan
2.0
pengisian
buku tamu
Data
bukutamu
3.0
pendaftaran Data jenis
Data jenis
jenis produk batik
batik
Data nama
produk
4.0
pendaftaran
nama produk
F.Buku tamu
F.jenis batik
Dasain rancangan halaman website
pemesanan produk batik di tunjukan pada gambar
3.5, yang terbagi menjadi beberapa bagian yaitu :
a.
Header, bagian ini berisi informasi
tentang batik, beberapa menu shortcut,
dan form searcing barang.
b.
Content, bagian ini berisi tentang boxbox yang berisi keterangan dan
gambar barang yang di jual.
c.
Footer, bagian ini berisi informasi
pembuatan website seperti tahun dibuat
website, programmer website dan
informasi penting lainnya.
F.nama Produk
header
Data nama
produk
Home Profil Kontak Kepengurusan
D a ta p e m e s a n a n
d an T ran sak si
Data produk
Data pemesanan
Laporan pemesanan
produk
5.0
pendaftaran Data produk
pemesanan
produk
Tata Cara Order
Menu
F. Produk
+ Jenis batik
+ List batik
+ Item Produk batik
Data
6.0
pemesanan
Proses
F. pemesanan
pendaftaran
pemesanan
produk
7.0
Laporan pemesanan
pembuatan produk secara keseluruhan
laporan
pemesanan
produk
content
+ Status orderan
anda
+ Request produk
dan Testimoni
Admin
Login
footer
Gambar 3.5. Rancangan Desain Website
Data transaksi
sukses/gagal
1. Rancangan Menu Admin
Pimpinan
header
Home
Gambar 3.3. Data Flow Diagram
Profil
Kontak
Kepengurusan
Tata Cara Order
Menu
User name : ................
+ Jenis batik
3.2. Struktur Program
Pada ganbar struktur program menggunakan
susunan modul-modul program yang dikerjakan pada
sebuah sistem. Adapun bentuk dari struktur program
adalah sebagai berikut :
+ List batik
+ Item Produk batik
Password : ..................
Login
+ Status orderan
anda
+ Request produk
dan Testimoni
Admin
+ Add jenis produk
+ Add nama produk
+ Add item produk
batik
+ Daftar order
pelanggan
Menu Utama
Program
Logout
footer
Home
Admin
Log out
Gambar 3.6. Rancangan Menu Admin
Profil Perusahaan
Ganti Password
Jenis Produk
Edit Jenis Produk
3.3.1 Rancangan Input dan Output
Pemesanan
Input Jenis Produk
Daftar Pesanan
Gambar 3.4. Struktur Program
3.3. Rancangan Desain Website Menu Utama
1. Rancangan Intput
Beberapa rancangan input yang dirancang adalah:
a. Rancangan Input data admin
(Login)
b. Rancangan input data produk
c. Rancangan input data kategori
produk
d. Rancangan input data jenis (nama
batik)
e.
f.
g.
Rancangan input data pelanggan
Rancangan input data order.
Rancangan Input buku tamu.
2. Rancangan Output
Beberapa rancangan output yang dihasilkan adalah:
a. Rancangan output data pelanggan
b. Rancangan output data produk
c. Rancangan output data jenis batik
d. Rancangan output data order pelanggan
e. Rancangan output data request produk
dan buku tamu.
4.
Implementasi
4.1. Definisi dan Tujuan Implementasi
Impelementasi Media elektronik (online) berupa
Website ini adalah suatu prosedur yang dilakukan untuk
menyelesaikan disain website yng telah disetujuin dan
teruji. Sebelum website diimplementasikan,tetrlebih
dahulu website harus bebas dari kesalahan. Oleh karena itu
website harus diuji untuk mengetahui kesalahan yang
mungkin akan terjadi, dan memastikan apakah website
berjalan dengan baik.
4.2. Implementasi Sistem
Program merupakan serangkaian intruksi-intruksi
yang sistematis dan logis untuk mengendalikan komputer
dalam mencapai tujuan sesuai dengan aturan-aturan
tertentu.
8.
9.
Tampilan Isi Buku Tamu
Tampilan Laporan List Data Item Produk
Batik
10. Tampilan Laporan Daftar Order Pelanggan
11. Tampilan Verifikasi Order Pelanggan
5. Kesimpulan
Dengan adanya Media Elektronik
(online) berupa website ini, maka transaksi lebih
mudah dilakukan karena website ini menyediakan
layanan pemesanan batik secara online yang dapat
menghemat waktu dan tenaga serta membantu
calon pembeli yang membutuhkan batik bagus dan
berkualitas. Website ini menampilkan informasi
jenis batik (catalog), harga, dan mekanisme
pembayaran. Adapun kesimpulan yang lain
diantaranya yaitu :
1.
2.
3.
4.
Perusahaan dapat memasarkan produk
secara cepat dan tepat.
Memberikan kemudahan kepada para
pelanggan untuk mengetahui produk batik
yang terbaru (update).
Sebagai media penjualan yang efektif dan
efisien
Meningkatkan jangkauan akses pelanggan
dikarenakan layanan website yang online
dapat diakses secara global.
DAFTAR PUSTAKA
Akbar, Ali, ST, 2005, Menguasai Internet Plus
Pembuatan
Web,
cetakkan
ke-1,
penerbit M2S, Bandung.
Jogiyanto, HM, MBA, Analisa dan Desain, Andi
Offset, Yogyakarta.
Kendall, K.E. dan Julie E. Kendall. 2003. Analisa
dan
Perancangan
Sistem.
Edisi
Terjemahan. PT Intan Sejati : Klaten.
Mcleod, R. 2001. Sistem Informasi Manajemen.
Jakarta : Prenhallindo.
Gambar 4.1 Tampilan Utama Web
Ada beberapa Layout yang ditampilkan dan dihasilkan
dari prototype sistem ini, antara lain:
1. Tampilan Login Admin
2. Tampilan Menu Utama (Home)
3. Tampilan Input Daftar Order Pelanggan
4. Tampilan Input Data Produk
5. Tampilan Input Data Kategori Produk
6. Tampilan Input Data Jenis Batik
7. Tampilan Input Buku Tamu
Nugroho, B. 2004. Aplikasi Pemograman Web
Dinamis debgan PHP dan MySQL.
Yogyakarta : Gava Media.
Sidik, B. 2002. HTML dan XML. Bandung :
Informatika.