SISTEM INFORMASI BERBASIS WEB SEBAGAI PENDUKUNG PENINGKATAN PENJUALAN PADA PERUSAHAAN CIKKA

HANDICRAFT SLEMAN YOGYAKARTA

NASKAH PUBLIKASI

diajukan oleh

Gani Bastian 08.02.7188 Bhima Pratama 08.02.7280

kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM YOGYAKARTA YOGYAKARTA

2013

NASKAH PUBLIKASI

SISTEM INFORMASI BERBASIS WEB SEBAGAI PENDUKUNG PENINGKATAN PENJUALAN PADA PERUSAHAAN CIKKA

HANDICRAFT SLEMAN YOGYAKARTA

disusun oleh

Gani Bastian 08.02.7188 Bhima Pratama 08.02.7280

Dosen Pembimbing

Dony Ariyus, M.Kom. NIK. 190302128

Tanggal, 14 Juni 2013

Ketua Jurusan manajemen Informatika

Krisnawati, S.Si., MT. NIK. 190302038

WEB BASED INFORMATION SYSTEM AS A SUPPORT FOR INCREASING SALES IN CIKKA HANDICRAFT COMPANY SLEMAN YOGYAKARTA

SISTEM INFORMASI BERBASIS WEB SEBAGAI PENDUKUNG PENINGKATAN PENJUALAN PADA PERUSAHAAN CIKKA HANDICRAFT SLEMAN YOGYAKARTA

Gani Bastian Bhima Pratama

Dony ariyus Jurusan Manajemen Informatika STMIK AMIKOM YOGYAKARTA

ABSTRACT

With the rapid development of the city of Yogyakarta, causing a huge influence in the field of tourism. Development and improvements in facilities in every corner of the city of Yogyakarta is a city that is more beautiful, beautiful, and can not be separated from the distinctive culture of the Javanese culture has always attracted the attention of tourists, both foreign and domestic. Most of the residents' livelihoods are on the tourism sector, such as the existence of sights, and one that will be addressed in this study are souvenirs or merchandise. This souvenir is a souvenir or craft item for furniture and decoration in general have a small sized form a diverse and interesting being used as decoration as well as a sign of remembrance will never visit an area. In the process of marketing this merchandise other than through the media in the real world such as newspapers, radio, and so on, also need to build a marketing information system through the virtual world of internet media since seen the rapid development of Internet technology today. Because of this the underlying we build a web-based information system that has the ability to provide information to website visitors can view a complete description of the product and is expected to increase product sales. Keywords: database, information, internet

1

1. Pendahuluan

Dinamika perkembangan jaman yang kian pesat menuntut peran besar

masyarakat sebagai sumber daya manusia untuk tanggap dan mampu dalam memanfaatkan ilmu pengetahuan dan teknologi. Internet sebagai salah satu

manifestasi perkembangan IPTEK memiliki peran besar dalam berbagai bidang. Sejak

masuk ke Indonesia tahun 1994, internet terus mengalami perkembangan yang pesat. Pemanfaatan internet bukan hanya sekedar memberi kontribusi dalam dunia pendidikan, tetapi juga dalam dunia bisnis dan pemerintahan. Tidak dapat dipungkiri

lagi apabila masyarakat saat ini mulai memanfaatkan internet tidak hanya sebagai sumber informasi untuk kepentingan pengetahuan, akan tetapi internet juga

dimanfaatkan dalam mengembangkan usaha atau bisnis.

Cikka Handicraft sebagai salah satu usaha mikro yang bergerak di bidang produksi kerajinan kayu lukis hiasan perabotan rumah mempunyai sanggar produksi di

daerah wisata Kaliurang, tepatnya di Jalan Astomulyo no.168, Kaliurang,

Hargobinangun, Pakem, Sleman, Yogyakarta. Sampai saat ini konsumen dan relasi bisnis Cikka Handicraft masih sebatas di wilayah Yogyakarta dan daerah sekitarnya,

hal ini dapat dimaklumi dikarenakan cara pemasaran boleh dikatakan masih

konvensional yaitu pemberitahuan dari pelanggan tetap yang memang sudah

mengetahui keberadaan usaha ini. Sehubungan dengan uraian di atas, maka penulis akan melakukan penelitian

serta pembuatan sistem informasi berbasis web dengan judul: “Sistem Informasi

Berbasis Web untuk Penjualan pada Perusahaan Cikka Handicraft”. Diharapkan dengan penelitian dan pembuatan program sistem informasi berbasis web ini mampu

memberikan informasi secara jelas kepada konsumen, sehingga dapat meningkatkan

prospek penjualan produk kerajinan kayu lukis pada UMKM Cikka Handicraft.

1. Landasan Teori

2.1 Konsep Dasar Informasi

2.1.1 Pengertian Informasi

Informasi sangatlah penting bagi suatu perusahaan. Pengertian informasi menurut Muhammad Fikhri Husein (2001. h-5) didefinisikan

sebagai berikut: “Data yang telah diolah menjadi suatu bentuk yang berarti

2

penting bagi penerima dan mempunyai nilai yang nyata atau dapat

dirasakan dalam keputusan sekarang dan keputusan yang akan datang”.

2.1.2 Kualitas Informasi

Menurut Jogiyanto, HM. (2005) kualitas dari suatu informasi (quality of

information) dikatakan berkualitas apabila mempunyai karakteristik sebagai

berikut:

1. Akurat (accurate)

Suatu informasi mempunyai titik ketelitian tinggi, harus bebas dari kesalahan dan dapat dipertanggung jawabkan.

2. Relevan (relevance)

Informasi tersebut mempunyai nilai dan manfaat untuk

pemakainya, yaitu benar-benar relevan dengan masalah yang dihadapi.

3. Tepat Waktu (timeliness) Informasi harus tersedia tepat pada waktu yang dibutuhkan.

Informasi yang datang pada penerima tidak boleh terlambat karena

informasi yang terlambat tidak akan memiliki nilai lagi.

2.2 Konsep Dasar Internet

2.2.1 Pengertian Internet

Internet (International Network) adalah jaringan dari banyak jaringan

yang menghubungkan komputer dari seluruh dunia. Dalam komunikasi antar

sistem komputer diperlukan suatu penerjemah bahasa yang dapat dipakai dan dimengerti oleh si penerima, media itu

2.2.2 Browser dan Server

Perangkat lunak client yaitu browser yang mempunyai tugas yang sama yaitu menerjemahkan informasi yang diterima dari server web dan

menampilkan pada layar komputer pengguna, karena HTTP mendukung

fasilitas server web mengirim beragam data, seperti teks atau gambar.

3

Umumnya web browser menerima data dalam format HTML. File

HTML sebenarnya adalah file teks biasa, selain berisi informasi yang hendak

ditampilkan kepada pengguna juga mempunyai perintah-perintah untuk

mengatur tampilan data-data tersebut.

Server web pada dasarnya adalah perangkat lunak khusus yang

bertugas melayani permintaan-permintaan dari browser web yang tersimpan

dokumen-dokumen di dalamnya.

2.2.3 HTTP (Hypertext Tranfer Protocol)

Protokol yang digunakan untuk mentransfer data dalam Word

Wide Web (WWW). Protokol ini sangat ringan, tidak bersetatus generic yang dapat dipergunakan berbagai type macam dokumen.

HTTP merupakan sebuah protokol yang meminta/menjawab

antara client dan server. Sebuah client HTTP seperti web browser, biasanya memulai permintaan dengan membuat hubungan TCP/IP ke port tertentu.

2.2.4 WWW ( World Wide Web )

Internet adalah proyek yang dimaksudkan untuk menghubungkan

para ilmuwan dan peneliti Amerika, namun pada saat itu internet telah

tumbuh menjadi media komunikasi global yang dipakai semua orang dimuka bumi.

Kemudian orang mulai berfikir untuk membuat sesuatu yang lebih

baik. popularitas internet mulai berkembang pesat seperti jamur dimusim hujan setelah standar baru yaitu HTTP dan HTML diperkenalkan kepada

masyarakat. HTML (Hyper Texk Markup Language ) memungkinkan orang

untuk menyajikan informasi secara visual lebih menarik.

Prinsipnya, www bekerja dengan cara menampilkan file-file HTML yang

berasal dari server web pada program client khusus, yaitu web browser. Program browser pada client mengirim permintaan (request) ke server web

kemudian akan dikirim oleh user dalam bentuk HTML.

4

2.3 Hypertext Markup Language (HTML) 2.3.1 Definisi HTML

HTML adalah serangkaian konstruksi standar yang dapat

membangun halaman web. Dimana HTML merupakan bahasa markup yang

digunakan untuk melakukan markup dokumen teks, seperti editor markup

halaman untuk publishing, yang mengindikasikan format mana yang seharusnya digunakan untuk menampilkan teks yang sudah di mark. HTML

didesain untuk menspesifikasikan keorganisasi logika dari dokumen teks, dengan extentions penting untuk hypertext links dan interaksi user.

2.4 PHP (PHP Hypertext Preprocessor) 2.4.1 Definisi PHP

Menurut Wibowo Angga (2006. h-4), PHP merupakan singkatan dari PHP Hypertext Preprocessor. PHP merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasilnya yang dikirimkan

ke klien, tempat pemakai menggunakan browser. PHP adalah bahasa server-side scripting yang menyatu dengan HTML untuk membuat halaman

web yang dinamik. Maksud dari server-side scripting adalah sintaks dan

perintah-perintah yang kita berikan akan sepenuhnya dijalankan di server tetapi disertakan pada dokumen HTML biasa.

PHP bersifat bebas dipakai. Jadi tidak perlu membayar apapun untuk menggunakan perangkat lunak ini. Tetapi dapat didownload melalui

situs http://www.php.net. PHP tersedia dalam bentuk kode biner maupun

kode sumber yang lengkap.

5

3. Gambaran Umum

3.1 Sejarah Singkat Perusahaan

Gambar 3.1 Logo Cikka Handicraft

Cikka Handicraft atau lebih dikenal dengan sebutan Sanggar Apik adalah

sebuah perusahaan kerajinan kayu lukis yang berdiri sejak pertengahan tahun 2000 ini didirikan oleh seorang pengusaha yang bernama Bapak Sutarman. Awal karir perusahaan ini memproduksi kerajinan seperti cepuk dan asbak dengan

bentuk dan motif yang sederhana,namun karena permintaan yang meningkat dari tahun ke tahun perusahaan ini mulai mengembangkan motif dan bentuk yang

beraneka ragam mulai dari produk dekorasi atau hiasan sampai ke produk

fungsional.

3.2 Visi dan Misi Perusahaan

3.2.1 Visi Perusahaan

Visi dari perusahaan Cikka Handicraft ini adalah :

1. Menjadi perusahaan kerajinan kayu lukis nomor satu di Indonesia. 2. Melayani pelanggan dengan memberikan kepuasan terhadap apa yang

di minta oleh pelanggan.

6

3. Menjadi perusahaan kerajinan kayu lukis yang profesional yaitu sebuah

perusahaan yang memiliki manajemen tepat guna dalam mengelola

organisasi dan menjalankan usaha.

3.2.2 Misi Perusahaan

Dalam menjalankan misinya perusahaan Cikka Handicraft selalu

berusaha untuk lebih meningkatkan profesionalisme sumber daya manusia,

dengan demikian misi Cikka Handicraft yang harus dicapai meliputi:

1. Menjadi perusahaan Cikka Handicraft yang profesional yaitu sebuah perusahaan yang memiliki manajemen tepat guna dalam mengelola

organisasi dan menjalankan usaha.

2. Menjadi perusahaan terpercaya yaitu sebuah perusahaan yang memiliki akuntabilitas dan kredibilitas yang tinggi.

3. Menjadi perusahaan kerajinan kayu terpilih yaitu sebuah perusahaan

yang memiliki prioritas utama dalam bekerjasama dengan semua pihak

yang berkepentingan. 4. Pelanggan merasa puas mengenai kualitas produk dan pelayanan

perusahaan.

3.3 Produk

3.3.1 Slogan

“Sopo nandur , bakal ngunduh” slogan yang dipakai Cikka Handicraft untuk meningkatkan mutu dan kualitas produk serta sumber daya manusia..

Berasal dari bahasa Jawa yang berarti siapa menanam,pasti memanen hasilnya sehingga setiap pekerjaan yang dilakukan dengan

sungguh-sungguh pasti akan mendapatkan hasil yang memuaskan. Oleh

karena slogan ini yang menjadi dasar mutu dan kualitas produk dari Cikka Handicraft.

7

3.3.2 Produk yang Ditawarkan

Cikka Handicraft menawarkan berbagai macam produk kerajinan,

diantaranya adalah sebagai berikut:

1. Aneka Cepuk atau tempat pernak-pernik

Gambar 3.4 Contoh Produk cepuk.

2. Aneka hiasan patung

Gambar 3.5 Contoh Produk patung loro blonyo.

3. Aneka macam coaster

Gambar 3.6 Contoh Produk coaster

8

4. Topeng

Gambar 3.7 Contoh Produk topeng.

5. Hiasan plate

Gambar 3.9 Contoh Produk plate.

6. Kotak tissue

Gambar 3.10 Contoh Produk tempat tissue.

9

3.4 Layanan Konsumen

Selain melayani pembuatan produk secara kustom, Cikka Handicraft juga

melayani reparasi atau perbaikan produk, biasanya untuk reseller yang produknya

sudah terlihat usang atau cat yang telah kusam agar tetap terlihat menarik pada

rak.

4. Pembahasan

4.1 Tahap Perancangan Website

4.1.2 Tujuan Website

Berdasarkan isi maupun tujuan perancangan website Cikka

Handicraft merupakan website marketing yang mempunyai fitur sebagai media transaksi on-line, dan sebagai media informasi tentang profil perusahaan.

4.1.3 Isi Website

Isi website merupakan faktor yang paling penting dari website itu sendiri. Oleh karena itu, sebagai isi dari website penulis mengisi website

berupa informasi profil perusahaan, penjualan produk furniture, dan layanan

dalam perusahaan. Sehingga diharapkan bermanfaat bagi pengunjung dan perusahaan.

4.1.4 Target Pengunjung

Meskipun website mempunyai sifat terbuka, dalam arti bebas di kunjungi semua orang, namun perlu dilakukan gambaran dalam menentukan target yang di tuju oleh sebuah website. Dalam hal ini, Cikka

Handicraft sebagai perusahaan yang bergerak di bidang kerajinan bertujuan agar menarik perhatian dari wirausaha ataupun orang-orang yang

berkecimpung di dunia kesenian,kerajinan,interior, dan pengunjung yang

10

membutuhkan informasi tentang produk ataupun informasi tentang

perusahaan Cikka Handicraft. Sehingga meningkatkan penjualan Cikka

Handicraft dan juga dapat mengembangkan perusahaan Cikka Handicraft

menjadi lebih baik.

4.1.5 Struktur Website

Gambar 4.19 Struktur website Cikka Handicraft untuk pengunjung.

Dengan adanya struktur website diharapkan membantu dalam menggambarkan isi dari halaman dan link atau navigasi antara halaman-

Company

Profile

Sejarah

Singkat

Visi &

Misi

Tagline

Home

Sambutan Produk

Terbaru

Service

Layanan

Persyaratan

Produk Semua Beli Detail Produk

Keranjang belanja

Lanjut belanja

Update Selesai belanja

Data Pembeli

Data Transaksi

Hubungi

Katagori Produk best seller

Agenda Detail agenda

Semua agenda

Customer service

Informasi Cara pembelian

Ketentuan Transaksi Lokasi

11

halaman didalam website. Disamping itu juga dapat mempermudah dalam

mengatur kode, terutama link untuk navigasi penjelajahan ke seluruh

halaman web.

4.2 Desain Website

Faktor keindahan desain tampilan dari suatu website merupakan salah

satu faktor yang paling penting dalam menentukan keberhasilan suatu website. Oleh karena itu, dalam mendesain tampilan website Cikka Handicraft, disajikan dengan tampilan yang simple agar memaksimalkan kecepatan loading saat web

diakses. Selain itu juga menggunakan suatu kesatuan desain yang bisa juga dikatakan kesamaan tema dalam halaman web. Kesamaan desain yang

dipertahankan dalam web ini antara lain kesamaan jenis font yang digunakan,

tombol navigasi (menu), letak menu, dan fasilitas/fitur. Sehingga pengunjung dapat menentukan pesan mana yang lebih dulu harus dibaca atau dilihat.

4.2.1 Elemen Desain 4.2.1.1 Jenis Font

Font atau huruf yang digunakan dalam perancangan web ini yaitu

Arial ukuran 12 pixels, dan dengan warna font hitam dalam tampilan

halaman putih menunjukan kesan tegas. Karena merupakan bagian paling

utama untuk menampilkan informasi, sehingga pengunjung dapat dengan mudah membaca isi dari web. Selain itu pewarnaan lain pada font yang

berupa link, sehingga mudah untuk di bedakan oleh pengunjung.

4.2.1.2 Grafik (Image)

Seperti tujuan dan fungsi web sebagai media transaksi on-line,

dan media informasi tentang profil perusahaan, penggunaan grafik atau

image dalam web ini berfokus dalam memaparkan dan mengedepankan tampilan produk dan informasi perusahaan. Selain itu, menghindari dalam

menampilkan gambar yang kurang penting atau gambar yang berukuran

besar, karena dapat menyebabkan proses louding yang lama saat di akses.

12

4.2.1.3 Interaktif Link

Dalam menampilkan menu utama dalam web ini menggunakann

button berupa teks, dibuat menggunakan CSS (Cascading Style Sheet)

untuk penempatan dan memperindah tampilan menu. Untuk pembuatan link gambar menggunakan java Script atau biasa disebut dengan ‘Fancy

Box’, untuk membuat tampilan lebih efisien.

4.2.2 Konsep Desain Konsep mendesain tampilan website pada dasarnya mengikuti desain grafis

secara umum. Prinsip – prinsip desain yang diterapkan dalam perancangan web ini

adalah:

1. Komunikatif Penggunaan from kontak dalam perancangan web Cikka Handicraft,

diharapkan agar pengunjung lebih komunikatif dalam mengirimkan pesan,

komentar, atau pertanyaan dengan perusahaan. 2. Estetis

CSS (Cascading Style Sheet) digunakan untuk pembuatan

tampilan tema, menu atau fitur yang disajikan, agar terlihat rapi dalam

penyusunan navigasi (menu), dan memberi keindahaan didalam web. Dalam hal ini, di harapkan lebih menarik minat pengunjung untuk menggali

informasi yang ditawarkan.

3. Ekonomis

Selain untuk menampilkan website yang terlihat rapi, bersih, dan

lebih informatife. Perancangan website Cikka Handicraft disajikan dengan tampilan yang simple agar memaksimalkan kecepatan loding saat akses.

Menghindari penggunaan gambar yang terlalu banyak atau ukuran yang

besar, animasi, suara, video, iklan banner serta fitur – fitur yang kurang penting dalam tujuan perancangan website ini.

4.2.2 Pembuatan Layout

Berikut ini masing-masing rancangan dalam pembuatan layout Website Cikka Handicraft:

13

Gambar 4.20 Rancangan Halaman Utama.

Gambar 4.21 Rancangan Login Admin.

Gambar 4.22 Rancangan Halaman Admin.

4.5 Implementasi

4.5.1 Implementasi Database

Setelah rancangan database dibuat, langkah selanjutnya yaitu mengimple

mentasikannya dalam sebuah database server. Untuk website Cikka Handicraft digunakan database server MySQL yang pada umumnya sering digunakan dengan PHP.

Login Administrator

MENU

MENU

Conten MENU

HEADER CARI MENU

PELANGGAN

INFOR

CONTENT DAFTAR

CONTOH PRODUK

14

4.5.2 Implementasi Halaman Website

Gambar 4.23 Halaman Utama.

Halaman website ini merupakan halaman yang ditampilkan saat pengunjung mengunjungi website, pada halaman utama pengunjung dapat melihat

link-link dan konten yang telah disediakan sebagai fasilitas atau fitur dalam website.

Adapun fitur-fitur tersebut meliputi: Menu–menu (Serambi, Profil, Buku Tamu, Bantuan), katagori produk, cara pembelian, informasi, dan lain - lain.

Dalam Halaman lain dalam website ini juga terdapat fasilitas pembelian produk secara online, pengunjung yang telah menjadi member hanya tinggal

memilih produk, kemudian mengkonfirmasi data pembelian dan selanjutnya

database akan menyimpan pemesanan.

.

DAFTAR PUSTAKA

Al-Fatta,Hanif. 2007. Analisis dan Peranacangan Sistem Informasi. Yogyakarta: ANDI.

Wahyono. Teguh. 2004. PHP Triad Fundamental (Memahamami pemrograman PHP dan MySQL dalam 24 Jam. Yogyakarta: Gava Media

Hakim. Lukmanul. 2010. Bikin Website Super Keren dengan PHP & JQuery.Jakarta: Loko Media

Jogiyanto. HM. 2005. Analisis dan Disain Sistem Informasi (Edisi ketiga). Yogyakarta: ANDI.

Kadir Abdul. 2006. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta: Andi Offset.

Kristanto. Andri. 2003. Sistem Informasi dan Aplikasinya. Yogyakarta: Gava Media

Nugroho. Bunafit. 2011. Membuat Sistem Informasi Penjualan Berbasis WEB dengan PHP dan MySQL.Yogyakarta: Gava Media.

Prasetyo Dwi Didik. 2005. Solusi Menjadi Web Master Melalui Manajemen Web dengan PHP. Jakarta: PT Elex Media Komputindo.

Wahyono. Teguh. 2004. Sistem Informasi, Konsep Dasar, Analisis Desain dan Implementasi. Yogyakarta: Graha Ilmu.

Wibowo Angga, 2006. Aplikasi PHP Gratis untuk Pengembangan Situs Web. Yogyakarta: Andi Offset