34
BAB IV ANALISIS PRAKTEK KERJA LAPANGAN
4.1. Analisis Sistem Yang Berjalan
Analisis Sistem yang berjalan pada perusahaan Chillight adalah masih berupa standar karena transaksi yang dilakukan adalah antara konsumen
langsung yang berkunjung langsung pada distro-distro Chillight dan Biorock. Dan Sistem marketing belum merambah hingga pemanfaatan
teknologi internet seperti website dengan memanfaatkan Internet Service Provider.
4.1.1. Analisis Dokumen
Analisis Dokumen merupakan penjelasan mengenai dokumen-dokumen yang digunakan dalam sistem informasi perusahaan Chillight.
Dalam analisis dokumen akan menjelaskan hal-hal berikut: a.
Nama Dokumen: Untuk menjelaskan nama dokumen tersebut. b.
Fungsi: Untuk menjelaskan kegunaan informasi yang digunakan. c.
Sumber: Asal dokumen. d.
Distribusi: Menjelaskan ke proses apa atau kebagian mana informaasi itu mengalir. Serta Rangkap: Jumlah salinan dokumen
e. Bentuk: Dokumen yang digunakan dalam bentuk apa.
35
4.1.2. Analisis Prosedur yang sedang Berjalan
Analisis prosedur yang sedang berjalan pada perushaan Chillight adalah Sistem saat ini yang sedang berjalan antara lain adalah perusahaan
Chillight pada bagian penjualan masih menggunakan sistem yang bersifat umum pada saat melayani konsumen, yaitu konsumen datang ke tempat-
tempat distro Chillight dan para pegawai perusahaan Chillight yang berperan aktif dalam perusahaan. konsumen umumnya mengunjungi
langsung distro-distro Chillight. Pada divisibagian SPG, Kasir dan Kepala Toko, dimana para pegawai perusahaan Chillight yang berperan
mempunyai tugas dan hak di dalam sistem penjualan, yaitu: Tabel 4.1.2.1.
Tugas dan Hak Pegawai Perusahaan Chillight
Kategori Pegawai
Chillight Tugas
Hak
Bagian SPG Sales Promotion
Girl 1.
Melayani konsumen 2.
Mempromosikan produk kepada konsumen
3. Memeriksa persediaan
barang 1.
Membatalkan transaksi penjualan
Kasir 1.
Menulis transaksi penjualan 2.
Menghitung total transaksi penjualan
3. Membuat bukti pembayaran
1. Menambah,
mengubah dan menghapus daftar
penjualan
36
dua rangkap 4.
Pembukuan transaksi penjualan harian
5. Mencatat persediaan barang
6. Melaporkan transaksi
penjualan 2.
Menambah, mengubah dan
menghapus transaksi pembelian
Kepala Toko 1.
Menerima catatan persediaan barang
2. Menerima laporan transaksi
penjualan obatalkes 1.
Menambah persediaan barang
2. Menghitung harga
pokok penjualan dan menentukan laba
37
4.1.2.1. Flow Map
Berikut ini adalah Flowmap yang ada pada perusahaan Chillight dan merupakan proses transaksi penjualan yang ada pada perusahaan :
Sumber : Perusahaan Chillight, 2010 Gambar 4.1.2.1.1. Flow Map pada perusahaan Chillight
38
Keterangan 1.
Mulai 2.
Konsumen datang mendatangi distro 3.
Konsumen akan dilayani oleh SPG Sales Promotion Girl 4.
SPG akan melayani konsumen sebaik mungkin 5.
Konsumen akan diberikan playlist produk oleh SPG 6.
Konsumen akan memutuskan membeli produk kepada SPG 7.
Konsumen kemudian membayar produk tersebut ke kasir 8.
Kasir akan menerima pembelian dari konsumen 9.
Kasir akan mencatat transaksi pembelian 10.
Kemudian kasir akan mencatat data tersebut kedalam transaksi harian 11.
Kasir akan menyusun laporan pembelian yang nantinya akan diberikan kepada kepala toko
12. Kepala toko akan menerima laporan penjual produk yang dibeli oleh
konsumen 13.
Konsumen akan mendapatkan produk tersebut 14.
Proses jual beli selesai
39
4.1.2.2. Diagram Konteks
Berikut ini adalah diagram kontek yang ada pada perusahaan Chillight :
Sumber : Perusahaan Chillight, 2010 Gambar 4.1.2.2.1. Diagram Konteks pada perusahaan Chillight
Keterangan : Beberapa kemungkinan data yang diberikan pembeli kepada kasir
adalah : 1.
Barang yang ditanyakan 2.
Barang yang akan dibeli 3.
Uang pembayaran. Sebaliknya, kemungkinan informasi yang diberikan kasir kepada
pembeli adalah : 1.
Keadaan barang yang ditanyakan 2.
Jumlah uang yang harus dibayar. Sedangkan informasi yang diberikan kasir kepada Kepala Toko adalah :
1. Laporan jumlah uang masuk beserta jumlah barang yang terjualnya.
40
4.1.2.3. Data Flow Diagram
Berikut ini adalah Data flow Diagram yang ada pada perusahaan Chillight :
Sumber : Perusahaan Chillight, 2010 Gambar 4.1.2.3.1 DFD pada perusahaan Chillight
41
Keterangan : Modul App :
Internal Sales Order ISO ; Purchase Requesition PR ; Purchase Order PO ; Order Confirmation CO Sales ; Purchase ; Accounr
Receivable AR ; Account Payable AP ; Cash Bank ; General Ledger GL
Retur Discount Faktur Jual RtrDs FJL ; Retur Discount Faktur Beli RtrDs FBL ; Pay Roll ; Fixed Asset Kontra Bon
Kode Bagan : Stc=Stock; SJC=Surat Jalan Ke Customer; SJV=Surat Jalan dari
Vendor ; NB KB=Nomor Bukti Keluar Barang Ppn K = Ppn Keluaran dari Faktur Jual ; Ppn M = Ppn Masukan dari
Vendor ; Lap Rek = Laporan Rekonsiliasi. Lap.Ppn = Laporan Ppn; Hpp = Harga Pokok Penjualan; Cust = Customer; Dist=Distributor;F
Mak=Full Maklun F Prod = Full Produksi ; S Mak = Semi Maklun ; Gdng = Gudang ; FO
Factory Outlet= Alur Sistem ;= OutPut ;= Jurnal Entry ;= Korelasi ;= Konektor
Hitung Selisih Pajak artinya Pph yang Kurang Dibayar Pph Ps 29 atau Pph yang Lebih dibayar Pph Ps 28a
42
4.1.3. Evaluasi Sistem yang berjalan
Evaluasi Sistem yang berjalan pada perusahaan Chillight terutama mengenai strategi marketing adalah masih banayak kekurangan, karena
masih bersifat pada umumnya, yaitu transaksi yang dilakukan adalah antara konsumen langsung yang berkunjung langsung pada distro-distro
Chillight dan Biorock. Dan sistem penjualan, promosi dan informasi perusahaan Chillight belum merambah hingga pemanfaatan teknologi
internet seperti website dengan memanfaatkan Internet Service Provider.
4.2. Usulan Perancangan Sistem
Pada era teknologi seperti ini sebetulnya kita dapat memanfaatkan media teknologi seperti internet untuk membantu memasarkan produk yang kita
jual agar dapat langsung sampai kepada konsumen. Karena dengan memanfaatkan media internet kita dapat lebih praktis memanfaatkan waktu
secara lebih efisien serta lebih menghemat biaya dibandingkan harus terjun secara langsung mencari konsumen atau pun dengan mengunakan media
cetak. Dari permasalahan diatas maka penulis menganggap perlu merancang
suatu Sistem Informasi yang berbasis web sehingga bisa menangani permasalahan- permasalahan tersebut. Terutama berhubungan dengan
pemasaran suatu produk agar dapat sampai kepada konsumen dengan media internet. Karena pada umumnya sebuah perusahaan untuk
43
melaksakan salah satu strategi perusahaan di bidang marketing, adalah bagaimana produk-produk terbaru bisa lebih informatif di mata
masyarakat, konsumen pada umumnya mendatangi langsung ke tempat distributor, dan itu hal yang biasa terjadi, artinya konsumen bisa langsung
memilih produk-produk yang diinginkan sesuai dengan selera, Namun seiring dengan perkembangan teknologi yang sangat pesat dibidang
penyedia jasa layanan internet memunculkan banyak persaingan dalam dunia pemasaran di perusahaan. Salah satunya yaitu, mendirikan ISP
Internet Service Provider. Dengan fasilitas ini kita dapat menghasilkan sebuah Sistem Informasi berbasis Web yang berfungsi sebagai media
komunikasi antar Konsumen dan Perusahaan.
4.2.1. Tujuan Perancangan Sistem
Tujuan perancangan Sistem yaitu 1.
Dapat memaksimalkan penggunaan komputer di perusahaan dalam semua kegiatan khususnya kegiatan transaksi penjualan.
2. Dapat memanfaatkan teknologi internet yang saat ini sedang
berkembang yaitu Internet Service Provider. 3.
Dapat membantu meningkatkan profit bagi perusahaan dan lebih mempersingkat waktu, proses biaya, sehingga proses transaksi
penjualan lebih efisien dan efektif.
44
4.2.2. Perancangan Prosedur yang Diusulkan
Perancangan Prosedur yang diusulkan dapat menghasilkan sebuah Sistem Informasi berbasis Web yang berfungsi sebagai :
1. Mempermudah komunikasi antar Konsumen dan Perusahaan
khususnya yang berada di luar kota dan luar pulau jawa. 2.
Mempermudah proses transaksi bagi konsumen dan perusahaan yang berada di luar kota, khususnya luar pulau jawa.
3. Konsumen lebih bisa melihat dan memilih produk-produk yang terbaru
sesuai dengan pilihannya, sehingga keputusan beli akan lebih cepat dan informatif.
4. Sebagai media Informasi dan Promosi bagi perusahaan terhadap
konsumen, sehingga konsumen akan lebih mengenal perusahaan Chillight.
Dalam pembuatan Website ini kita menggunakan HTML dan Java Script, beberapa pendukung aplikasi yang digunakan dalam membuat Web
Design perusahaan Chillight, seperti Photoshop, Corel Draw dan Dream Waver. Dan untuk memperjelas akan dijabarkan beberapa pengertian
berikut ini : 1.
Pengertian Website Website atau situs juga dapat diartikan sebagai kumpulan halaman
yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik
45
yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan
dengan jaringan-jaringan halaman hyperlink. Bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi informasinya
searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif
dua arah berasal dari pemilik serta pengguna website. 2.
Pengertian HTML HTML adalah singkatan dari Hyper Text Markup Language, HTML
tidak tergolong kedalam sebuah bahasa pemrograman, HTML lebih dikenal sebagai bahasa markup yang terdiri dari serangkaian tag
markup yang mampu menggambarkan sebuah halaman web. 3.
Pengertian Java Script JavaScript adalah bahasa pemrograman berbasis prototipe yang
berjalan disisi klien. Jika kita berbicara dalam konteks web, sederhananya, kita dapat memahami JavaScript sebagai bahasa
pemrograman yang berjalan khusus untuk di browser atau halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku
katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi objek, sedangkan Script adalah
serangkaian instruksi program. 4.
Photoshop adalah software yang digunakan untuk memodifikasi gambar atau foto secara profesional baik meliputi modifikasi obyek
46
yang sederhana maupun yang sulit sekalipun. Photoshop merupakan salah satu software yang berguna untuk mengolah gambar berbasis
bitmap, yang mempunyai tool dan efek yang lengkap sehingga dapat menghasilkan gambar atau foto yang berkwalitas tinggi.
5. Corel Draw adalah editor grafik vektor yang dibuat oleh Corel,
sebuah perusahaan perangkat lunak yang bermarkas di Ottawa, Kanada. Versi terakhirnya versi 15 yang dinamai X5 dirilis pada
tanggal 23 Februari 2008. Corel Draw pada awalnya dikembangkan untuk dijalankan padasistem operasi Windows 2000 dan yang lebih
baru. 6.
Macromedia Dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara visual dan mengelola situs web maupun
halaman web. Bilamana kita menyukai untuk berurusan dengan kode- kode HTML secara manual atau lebih menyukai bekerja dengan
lingkungan secara visual dalam melakukan editing, Dreamweaver mambuatnya menjadi lebih mudah dengan menyediakan tool-tool
yang sangat berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web.
47
Berikut ini adalah perancangan dasar sistem informasi berbasis Web pada perusahaan Chillight :
Gambar 4.2.2.1. Dasar sistem kerja sistem informasi berbasis Web perusahan Chillight
Keterangan : a.
Konsumen menggunakan komputer untuk mencari sistem informasi perusahaan Chillight.
b. Melakukan browsing internet dengan alamat yang direncanakan
www.chillight.com c.
Konsumen akan memasuki area website www.chillight.com
dan akan menemukan berbagai informasi mengenai perusahaan Chillight.
d. Konsumen yang tertarik pada produk Chillight akan melakukan order
dan mencari Contact Us yang bisa dihubungi. e.
Konsumen akan menghubungi Contact Us perusahaan dan perusahaan akan mengkonfirmasi kebutuhan konsumen. Lalu akan terjadi proses
negosiasi langsung anatara konsumen dan perusahaan
48
Tampilan Website Tampilan sistem informasi website yang dibuat sedemikian rupa
menarik agar dapat menarik konsumen untuk tertarik dengan produk dan merasa nyaman dengan life style konsumen. Didalam website ini pun
tedapat beberapa fungsi Content Website, sehingga konsumen akan lebih mengenal perusahaan Chillight secara keseluruhan. Berikut adalah
tampilan dan isi Content yang terdapat dalam Website : 1.
Home
Gambar 4.2.2.2. Tampilan Website pada Content Home
49
Home adalah halama utama yang terdapat dalam Website perusahaan Chillight, didalam konten ini berisikan secara singkat mengenai distro
Chillight dan Biorock. 2.
About
Gambar 4.2.2.3. Tampilan Website pada Content About About adalah bagian pokok utama yang terdapat didalam website ini,
diadalam Content ini terdapat Profile Company perusahaan Chillight.
50
Dimana diadalamnya tedapat Sejarah Perusahaan, Visi dan Misi, serta Tujuan dari berdirinya perusahaan Chillight tersebut.
3. Product
Gambar 4.2.2.3. Tampilan Website pada Content Product Product, didalam Content ini memperlihatkan sample dari produk
Distro dan Biorock. Pada Content ini juga terdapat beberapa Playlist
51
Produk yang ditawarkan oleh perusahaan Chillight. Dan produk tersebut di bagi menjadi dua kategori playlist produk yaitu :
a. Chillight
Gambar 4.2.2.4. Tampilan Website pada Content Chillight
52
b. Biorock
Gambar 4.2.2.4 Tampilan Website pada Content Biorock
53
4. Contact Us
Gambar 4.2.2.5. Tampilan Website pada Content Contact Us Contact Us adalah isi halaman yang pokok juga dalam website ini,
karena didalam Content ini konsumen dapat mengetahui kemana harus memesan produk dari perusahaan Chillight. Untuk memesan produk ini
dapat melakukan via by phone atau pun E-mail atau bisa juga melakukan interaksi Chat dengan Admin yang nantinya konsumen dan
54
admin dapat berkomunikasi melalui sebuah media chat yan g disediakan oleh YAHOO messenger.
Script Website Berikut ini adalah beberapa sample script HTML dan Java Script yang
digunakan didalam Website perusahaan Chillight : Contoh :
1. Home
html head
titleCHILLIGHT|HOMEtitle SCRIPT Language=JavaScript
-- --
var timerID = null;
function showtime{ var today=new Date
document.CLOCK.ALARM.value=today.toLocaleString TimerID=setTimeoutshowtime,1000
} --
function MM_preloadImages { v3.0
55
var d=document; ifd.images{ ifd.MM_p d.MM_p=new Array; var i,j=d.MM_p.length,a=MM_preloadImages.arguments; fori=0;
ia.length; i++ if
a[i].indexOf=0{ d.MM_p[j]=new
Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore { v3.0 var
i,x,a=document.MM_sr; fori=0;aia.lengthx=a[i]x.oSrc;i++ x.src=x.oSrc;
}
function MM_findObjn, d { v4.01 var
p,i,x; ifd
d=document; ifp=n.indexOf?0parent.frames.length {
d=parent.frames[n.substringp+1].document; n=n.substring0,p;} ifx=d[n]d.all x=d.all[n]; for i=0;xid.forms.length;i++
x=d.forms[i][n]; fori=0;xd.layersid.layers.length;i++
x=MM_findObjn,d.layers[i].document; ifx d.getElementById x=d.getElementByIdn; return x;
}
56
function MM_swapImage { v3.0 var
i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new
Array; fori=0;ia.length-2;i+=3 if
x=MM_findObja[i]=null{document.MM_sr[j++]=x; ifx.oSrc x.oSrc=x.src; x.src=a[i+2];}
} --
script head
body TEXT=arial
BGCOLOR=black onLoad=showtime;MM_preloadImagesimageschillight_down.gif,
imagesbiorock_down.gif,imagesbutton_down_02.gif,imagesbutton_ down_03.gif,imagesbutton_down_04.gif
table width=787
height=1040 border=0
align=center cellpadding=0 cellspacing=0
tr td height=62 colspan=6img src=imagesbanner.giftd
tr tr
td height=32
colspan=6a href=index.htmlimg
src=imagesbutton_down_01.gif width=88
height=35 border=0aa
href=about.html
57
onMouseOut=MM_swapImgRestore onMouseOver=MM_swapImageABOUT,,imagesbutton_down_02.
gif,1img src=imagesbutton_up_02.gif
alt=ABOUT name=ABOUT
width=78 height=35
border=0aa href=product.html
onMouseOut=MM_swapImgRestore onMouseOver=MM_swapImagePRODUCT,,imagesbutton_down_
03.gif,1img src=imagesbutton_up_03.gif
alt=PRODUCT name=PRODUCT width=96 height=35 border=0aa
href=contact.html onMouseOut=MM_swapImgRestore
onMouseOver=MM_swapImageCONTACT,,imagesbutton_down_ 04.gif,1img
src=imagesbutton_up_04.gif alt=CONTACT
name=CONTACT width=122 height=35 border=0aimg src=imagesbutton_down_05.gif width=416 height=35td
tr tr
td height=174 colspan=6img src=imagesbloopendorse- 4ca3027508b18.jpg width=800 height=345td
tr tr
td width=2 height=117nbsp;td td width=200 align=center valign=topp align=center
p align=centerstrongfont
color=FFFFFF face=arialwww.chillight.comfontstrong
58
FORM name=CLOCK INPUT
name=ALARM TYPE=TEXT
SIZE=32 VALUE=
FORMp td
td width=6nbsp;td td colspan=3 rowspan=4 align=center valign=topdiv
align=justifyfont color=FFFFFF face=Arial, Helvetica, sans- serifbr
strongfont color=00CC66Chillightfont dan font color=FFCC00Biorockfontstrong
adalah Sebuah perusahaan clothing yang tidak hanya sekedar menjual kaos,
sepatu, celana atau apapun melainkan sebuah industri desain yang dapat
mengembangkan kreatifitas, yang akhirnya menjadi sebuah clothing yang
besar yang memproduksi berjuta karya para desainer muda yang berbakat.
Clothing yang memulai karier pada tahun 2002 ini, membuktikan bahwa dengan
modal kreatif dan membangun sebuah clothing dengan infrastuktur independent
59
ini dapat membuktikan kepada semua orang bahwa sebuah karya yang dimulai
dengan kecintaan pada seni dapat menghasilkan sesuatu yang memiliki nilai
tinggi. sebagai perusahaan penyedia jasa. Dengan usaha dan kreatif yang
sangat gigih seiring dengan bertambahnya tahun, karya yang mereka hasilkan
sangat disukai oleh kaum anak muda. fontdivtd tr
tr td height=53nbsp;td
td align=center
valign=topa href=chillight.html
onMouseOut=MM_swapImgRestore onMouseOver=MM_swapImageCHILLIGHT,,imageschillight_do
wn.gif,1img src=imageschillight_up.gif
alt=CHILLIGHT name=CHILLIGHT width=200 height=53 border=0atd
tdnbsp;td tr
tr td height=53nbsp;td
td align=center
valign=topa href=biorock.html
onMouseOut=MM_swapImgRestore
60
onMouseOver=MM_swapImageBIOROCK,,imagesbiorock_down. gif,1img
src=imagesbiorock_up.gif alt=BIOROCK
name=BIOROCK width=200 height=53 border=0atd tdnbsp;td
tr tr
tdnbsp;td td align=center valign=topnbsp;td
tdnbsp;td tr
tr tdnbsp;td
td align=center
valign=topimg src=imagesbaju.gif
width=200 height=261br br img src=imageslogo.gif width=102 height=98br
font color=FFFFFF face=Arial, Helvetica, sans-serif Chillightfonttd
tdnbsp;td td width=577 align=center valign=center
img src=imagespic1.gif width=577 height=384td td colspan=2 align=center valign=topnbsp;td
tr table
61
body html
2. Contact US
html head
titleCHILLIGHT|CONTACTtitle SCRIPT Language=JavaScript
-- --
var timerID = null;
function showtime{ var today=new Date
document.CLOCK.ALARM.value=today.toLocaleString TimerID=setTimeoutshowtime,1000
} --
function MM_preloadImages { v3.0 var d=document; ifd.images{ ifd.MM_p d.MM_p=new Array;
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; fori=0; ia.length; i++
62
if a[i].indexOf=0{
d.MM_p[j]=new Image;
d.MM_p[j++].src=a[i];}} }
function MM_swapImgRestore { v3.0 var
i,x,a=document.MM_sr; fori=0;aia.lengthx=a[i]x.oSrc;i++ x.src=x.oSrc;
}
function MM_findObjn, d { v4.01 var
p,i,x; ifd
d=document; ifp=n.indexOf?0parent.frames.length {
d=parent.frames[n.substringp+1].document; n=n.substring0,p;} ifx=d[n]d.all x=d.all[n]; for i=0;xid.forms.length;i++
x=d.forms[i][n]; fori=0;xd.layersid.layers.length;i++
x=MM_findObjn,d.layers[i].document; ifx d.getElementById x=d.getElementByIdn; return x;
}
function MM_swapImage { v3.0 var
i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new
Array; fori=0;ia.length-2;i+=3
63
if x=MM_findObja[i]=null{document.MM_sr[j++]=x;
ifx.oSrc x.oSrc=x.src; x.src=a[i+2];} }
-- script
head
body TEXT=arial
BGCOLOR=black onLoad=showtime;MM_preloadImagesimagesbutton_down_01.gif
,imagesbutton_down_02.gif,imagesbutton_down_03.gif,imageschi llight_down.gif,imagesbiorock_down.gif
table width=787
height=1040 border=0
align=center cellpadding=0 cellspacing=0
tr td height=62 colspan=6img src=imagesbanner.giftd
tr tr
td height=32
colspan=6a href=index.html
onMouseOut=MM_swapImgRestore onMouseOver=MM_swapImageHOME,,imagesbutton_down_01.g
if,1img src=imagesbutton_up_01.gif
alt=HOME name=HOME
width=88 height=35
border=0aa href=about.html
onMouseOut=MM_swapImgRestore
64
onMouseOver=MM_swapImageABOUT,,imagesbutton_down_02. gif,1img
src=imagesbutton_up_02.gif alt=ABOUT
name=ABOUT width=78
height=35 border=0aa
href=product.html onMouseOut=MM_swapImgRestore
onMouseOver=MM_swapImagePRODUCT,,imagesbutton_down_ 03.gif,1img
src=imagesbutton_up_03.gif alt=PRODUCT
name=PRODUCT width=96 height=35 border=0aa href=contact.htmlimg
src=imagesbutton_down_04.gif width=122
height=35 border=0aimg
src=imagesbutton_down_05.gif width=416 height=35td tr
tr td
height=174 colspan=6img
src=imagespic2.gif width=186 height=317img src=imagespic3.gif width=612
height=317td tr
tr td width=2 height=117nbsp;td
td width=200 align=center valign=topp align=center p align=centerstrongfont color=FFFFFF face=Arial,
Helvetica, sans-serifAdmins Onlinefontfont
face=verdanafontfont color=FFFFFF :fontstrongbr
65
--a href=http:messenger.yahoo.comeditsend?.target=unfrolicyahoo.c
o.idimg border=0
src=http:opi.yahoo.comyahooonlineu=unfrolicyahoo.co.idm=gt =0l=usopi.jpg a--
a href=ymsgr:sendIM?unfrolicyahoo.co.id img border=0 src=http:opi.yahoo.comonline?u=unfrolicyahoo.co.idamp;m=g
amp;t=1 atd
td width=6nbsp;td td
width=577 colspan=3
rowspan=5 align=center
valign=topdiv align=justify pstrongfont color=FFFFFF face=arialbr
CONTACT US :fontstrongbr font color=FFFFFF face=arialbr
Brand Manager : BRAM, Phone 085222670009br br
Address 1 : Jl. Cihampelas No. 139 Bandung, Phone : 022- 203393br
Address 2 : Parahyangan Plaza Lt.3, Jl. Dalem Kaum Bandungbr
Address 3 : Distro Channel Lt. Dasar, Jl. Dalem Kaum Bandungbr
66
br Send your message via e-mail :fontp
div form
method=post action=http:www.emailmeform.comfid.php?formid=547612
enctype=multipartform-data accept-charset=UTF-8 table
cellpadding=2 cellspacing=0
border=0 bgcolor=000000
tr tdfont
face=Verdana size=2
color=FFFFFFnbsp;font div style= id=mainmsg divtd
tr table
table cellpadding=2
cellspacing=0 border=0
bgcolor=000000 tr valign=top
td nowrapfont
face=Verdana size=2
color=FFFFFFFull Namefonttd tdinput type=text name=FieldData0 size=40 td
tr tr valign=top
67
td nowrapfont
face=Verdana size=2
color=FFFFFFEmail Addressfonttd tdinput type=text name=FieldData1 size=40 td
tr tr valign=top
td nowrapfont
face=Verdana size=2
color=FFFFFFSubjectfonttd tdinput type=text name=FieldData2 size=30 td
tr tr valign=top
td nowrapfont
face=Verdana size=2
color=FFFFFFMessagefonttd tdtextarea
name=FieldData3 cols=50
rows=10textarea br td
tr tr
td colspan=2table
cellpadding=5 cellspacing=0
bgcolor=000000 width=100 tr bgcolor=FF0000
td class=label colspan=2font color=000000 face=Verdana size=2bImage
Verificationbfonttd
68
tr tr
td class=captcha
style=padding: 2px;
width=10img src=http:www.emailmeform.comturing.php
id=captcha alt=captchatd td
class=field valign=topdivfont
color=FFFFFFPlease enter the text from the imagefont:br
input type=text
name=Turing value=
maxlength=100 size=10 [
a href=
onClick= document.getElementByIdcaptcha.src
= document.getElementByIdcaptcha.src
+ ?
+ new
Date.getMillisecondsRefresh Imagea
] [
a href=http:www.emailmeform.com?v=turingpt=popup
onClick=window.openhttp:www.emailmeform.com?v=turingpt= popup,_blank,width=400, height=500, left= + screen.width-450 + ,
top=100;return false;Whats This?a ]divtd
tr tabletd
tr
69
tr td td
td align=rightinput type=text name=hida2 value= maxlength=100 size=3 style=display : none;
input type=submit class=btn value=Send email name=Submit
input type=reset class=btn value= Clear name=Cleartd
tr tr
td colspan=2 align=centerbrtd tr
table form
font color=FFFFFF div align=centerfont face=arialOr send your message
through microsoft outlook and click the link below :font div
form method=POST action= input
name=SUBMIT type=SUBMIT
onClick=kirim_mail value=Kirim E-mail form
fonttd
70
tr tr
td height=53nbsp;td td
align=center valign=topa
href=chillight.html onMouseOut=MM_swapImgRestore
onMouseOver=MM_swapImageCHILLIGHT,,imageschillight_do wn.gif,1img
src=imageschillight_up.gif alt=CHILLIGHT
name=CHILLIGHT width=200 height=53 border=0atd tdnbsp;td
tr tr
td height=53nbsp;td td
align=center valign=topa
href=biorock.html onMouseOut=MM_swapImgRestore
onMouseOver=MM_swapImageBIOROCK,,imagesbiorock_down. gif,1img
src=imagesbiorock_up.gif alt=BIOROCK
name=BIOROCK width=200 height=53 border=0atd tdnbsp;td
tr tr
tdnbsp;td td align=center valign=topnbsp;td
tdnbsp;td
71
tr tr
tdnbsp;td td
align=center valign=topimg
src=imagesbaju.gif width=200 height=261br
br img src=imageslogo.gif width=102 height=98br font color=FFFFFF face=Arial, Helvetica, sans-serif
Chillightfonttd tdnbsp;td
tr table
body html
72
4.2.2.1. Flow Map
Berikut ini adalah perancangan prosedur Flow Map yang diusulkan pada perusahaan Chillight dan menjadi acuan pada perancangan Sistem
Informasi berbasis Web perusahaan Chillight :
Gambar 4. 2.2.1.1. Flow Map yang disarankan pada perusahaan Chillight.
73
Keterangan : 1.
Mulai. 2.
Konsumen membuka alamat website perusahaan. 3.
Konsumen melihat isi content website yang disediakan oleh perusahaaan.
4. Konsumen melihat isi playlist produk dari perusahaan.
5. Konsumen akan melihat Contact Us yang bisa dihubungi.
6. Konsumen kemudian akan menghubungi Contact Us atau mengisi
Form yang terdata dalam isi content website perusahaan. 7.
Perusahaan akan mengkonfirmasi permintaan konsumen. 8.
Perusahaan dan konsumen akan melakukan proses negosiasi dan memberitahu cara pembayaran produk yang dipesan.
9. Perusahaan akan mengirimkan produk yang dipesan jika konsumen
telah mentransfer biaya untuk pembelian produk yang dipesan. 10.
Konsumen akan menerima produk yang dipesan dari alamat website perusahaan.
11. Selesai
74
4.2.2.2. Diagram Konteks
Berikut ini adalah perancangan Diagram Konteks yang diusulkan pada perusahaan Chillight dan menjadi acuan pada perancangan Sistem
Informasi marketing berbasis Web pada perusahaan Chillight :
Gambar 4. 4.2.2.1. Diagram Konteks yang disarankan pada perusahaan Chillight. Keterangan :
Beberapa kemungkinan data yang diberikan pembeli kepada perusahaan adalah :
1. Barang yang ditanyakan.
2. Barang yang akan dibeli.
3. Uang pembayaran.
Sebaliknya, kemungkian informasi yang diberikan perusahaan kepada pembeli adalah
1. Keadaan barang yang ditanyakan.
2. Jumlah uang yang harus dibayar.
Sedangkan informasi laporan jumlah uang masuk beserta jumlah barang yang terjualnya langsung di data oleh perusahaan, karena proses
negosiasi langsung dengan perusahaan
75
4.2.2.3. Data Flow Diagram
Berikut ini adalah perancangan Data Flow Diagram level Nol atau Zero yang diusulkan pada perusahaan Chillight dan menjadi acuan pada
perancangan Sistem Informasi berbasis Web pada perusahaan Chillight :
Gambar 4.2.2.3.1. DFD level nolzero yang disarankan pada perusahaan Chillight. Keterangan
1. Konsumen setelah membuka website akan mengecek keberadaan
barang stock dan informasi dari barang tersebut kepada Admin yang terdapat dalam Contact Us website perusahaan.
2. Konsumen akan menanyakan perhitungan uang yang harus dibayar
kepada perusahaan untuk menadapatkan produk tersebut.
76
3. Konsumen akan melakukan transaksi jual beli pembayaran kepada
perusahaan. 4.
Perusahaan akan memberikan produk tersebut setelah proses transaksi jual beli selesai.
5. Admin akan membuat laporan kepada perusahaan, barang yang
terjual dan persediaan barang yang masih tersedia.
4.2.3. Evaluasi terhadap sistem yang di Usulkan atau dirancang
Sebetulnya kita dapat memanfaatkan media teknologi seperti internet untuk membantu memasarkan produk yang kita jual agar dapat langsung
sampai kepada konsumen. Karena dengan memanfaatkan media internet kita dapat lebih praktis memanfaatkan waktu secara lebih efisien serta
lebih menghemat biaya dibandingkan harus terjun secara langsung mencari konsumen atau pun dengan mengunakan media cetak. Dari
permasalahan diatas maka penulis menganggap perlu merancang suatu Sistem Informasi yang berbasis web sehingga bisa menangani
permasalahan- permasalahan tersebut. Terutama berhubungan dengan pemasaran suatu produk agar dapat sampai kepada konsumen dengan
media internet. Karena pada umumnya sebuah perusahaan untuk melaksakan salah satu strategi perusahaan di bidang marketing, adalah
bagaimana produk-produk terbaru bisa lebih informatif di mata masyarakat, konsumen pada umumnya mendatangi langsung ke tempat
77
distributor, dan itu hal yang biasa terjadi, artinya konsumen bisa langsung memilih produk-produk yang diinginkan sesuai dengan selera, Konsumen
yang tempat tinggalnya jauh dari distro-distri Chillight dan Biorock, terutama dari luar pulau Jawa akan mengalami kesulitan untuk
mendapatkan produk-produk tersebut, karena hingga saat ini distro tersebut hanya berada di wilayah kota Bandung saja. Namun seiring
dengan perkembangan teknologi yang sangat pesat dibidang penyedia jasa layanan internet memunculkan banyak persaingan dalam dunia
pemasaran di perusahaan. Salah satunya yaitu, mendirikan ISP Internet Service Provider. Dengan fasilitas ini kita dapat menghasilkan sebuah
Sistem Informasi berbasis Web yang berfungsi sebagai media komunikasi antar Konsumen dan Perusahaan.
78
BAB V KESIMPULAN DAN SARAN
Kategori