SISTEM INFORMASI WEBSITE TOKO ONLINE PADA NGADIYO KERAMIK DI KASIHAN BANTUL

Naskah Publikasi

diajukan oleh

Risa Mario Fitrada 08.01.2328

Muh Fattah Asrori 08.01.2368

kepada

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM

YOGYAKARTA 2011

INFORMATION SYSTEM WEBSITE ONLINE SHOP AT NGADIYO KERAMIK KASIHAN BANTUL

SISTEM INFORMASI WEBSITE TOKO ONLINE PADA NGADIYO KERAMIK

DI KASIHAN BANTUL

Risa Mario Fitrada Muh Fattah Asrori

Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA

ABSTRACT

In the information age and today's technology, the Internet is something that is

important to convey a wealth of information ranging from science and technology, education, health, political, social, cultural, economic and personal information. With this reality, it is not surprising that the Internet is referred to as warehouse or library world without borders. Website user can find out everything about the agency or company clearly and accurately by visiting their web.

NGADIYO KERAMIK is a company that produces pottery, therefore there is no doubt that the company requires the media to convey information about its products to attract many customers. For that reason the website is the most appropriate choice.

The web is made to function as a media campaign and online sales where sales online emerging in cyberspace or the internet. The author hopes that this website can assist these companies in terms of sales and the introduction to the public domestic and abroad. Keywords: ngadiyo keramik, website, sales online.

1. Pendahuluan Perkembangan ilmu pengetahuan dan teknologi saat ini mengalami kemajuan

yang sangat pesat terutama teknologi informasi berbasis web. Teknologi internet bukan

lagi menjadi sesuatu yang asing bagi kebanyakan masyarakat, terlebih lagi bagi orang-

orang yang berkecimpung di dunia komputer. Dengan kecanggihan teknologi tersebut

internet telah membawa dampak yang luas di seluruh kawasan dunia bagi

perkembangan infrastruktur yang mendukungnya.

Itulah sebabnya system informasi berbasis web akhir-akhir ini menjadi suatu

fenomena yang sangat unik dalam masyarakat yang menganggap ini suatu kebutuhan

yang tidak boleh ditinggalkan dan menempatkannya sebagai media informasi peringkat

pertama yang dapat di akses kapanpun dan dimanapun saat membutuhkan informasi

atas suatu hal yang mereka inginkan tersebut. Oleh sebab itu, banyak perusahaan dan

pengusaha yang memanfaatkan fasilitas web sebagai sarana promosi produk-produknya

kepada masyarakat luas.

Namun fasilitas ini belum di manfaatkan “NGADIYO KERAMIK” dan mereka

masih menggunakan sistem manual, padahal sistem promosi yang dilakukan secara

manual kurang efektif dan efisien. Sehingga perkembangan usaha mereka mengalami

peningkatan yang sedikit lambat dibandingkan dengan mereka yang telah menggunakan

fasilitas web sebagai media promosi produk-produk mereka.

Berdasarkan kendala tersebut penyusun dalam hal ini menjadikan

permasalahan tersebut sebagai obyek penelitian untuk Tugas Akhir dengan judul “Sistem

Informasi Website Toko Online Pada Ngadiyo Keramik di Kasihan Bantul”, yang

diharapkan dengan adanya sistem komputerisasi melalui web agar lebih efektif dalam

melalui media promosi menggunakan website sehingga memberikan hasil yang

diharapkan.

2. Dasar teori 2.1 Tinjauan Pustaka

Teknologi web berkembang dengan pesat, teknologi ini telah banyak

digunakan dalam kehidupan manusia. Contohnya bidang bisnis penjualan dengan

teknologi ini kegiatan jual beli menjadi lebih efektif karena tidak mengenal batasan ruang

dan waktu. Banyak sekali peneliti yang melakukan penelitian menggunakan teknologi ini.

Salah satu contoh peneliti yang melakukan penelitian menggunakan teknologi ini Rahmat

Andrianto yang telah menempuh studi di STMIK AMIKOM dengan judul penelitiannya

“PERANCANGAN SISTEM INFORMASI BERBASIS WEB PADA INDUSTRI KERAJINAN TANDUK UD. MAKMUR AWIT REJO NGALIMIN KLATEN”. Yang

mengambil focus permasalahan tentang system informasi pada UD. MAKMUR AWIT

REJO NGALIMIN KLATEN. Pada penelitian yang dilakukannya dikatakan bahwa melaui

internet, siapapun dengan mudah dapat mengakses informasi, terlebih lagi dengan

adanya dukungan perangkat wireless communication, seperti handphone, notebook,

PDA dan perangkat sejenis lainnya yang dengan itu memungkinkan akses proses

informasi tentang apa saja dari seluruh dunia dapat dilakukan kapan saja dan dimana

saja.1

Sedangkan penelitian yang telah dilakukan oleh Aditya Angistyawan yang

telah menempuh studi di STMIK AMIKOM dengan judul penelitiannya “MEMBANGUN SITUS WEB SEBAGAI MEDIA PROMOSI PADA SHOWROOM NYON-NYON MOTOR KLATEN”. Pada penelitian yang dilakukannya dikatakan bahwa dengan memanfaatkan

website promosi menjadi lebih efektif dan sangat cocok untuk showroom tersebut.2

Berpijak dari penelitian yang dilakukan oleh Rahmat Andrianto dan Aditya

Angistyawan, penulis akan melakukan penelitian dengan menggunakan teknologi yang

sama. Penulis akan melakukan penelitian dengan judul “SISTEM INFORMASI WEBSITE TOKO ONLINE PADA NGADIYO KERAMIK DI KASIHAN BANTUL”. Dengan penelitian

ini diharapkan nantinya dapat mengimplementasikan sebagai berikut :

1. Dengan adanya komputerisasi semua kegiatan jual beli menjadi lebih efektif.

2. Pemanfaatan website sebagai media promosi untuk mencapai target pemasaran.

2.2 Konsep Dasar Internet 2.2.1 Definisi Internet

Internet adalah suatu informasi global yang dapat dikatakan sebagai teknologi

tercanggih abad ini. Secara etimologis, internet berasal dari bahasa inggris, (inter

connected network) inter dapat juga berarti antar dan net berartijaringan sehingga dapat

kita artikan hubungan antar jaringan.

2.2.2 Sejarah Berkembanganya Internet di Dunia Sejarah dari adanya internet dimulai pada tahun 1969 ketika itu Departemen

Pertahanan Amerika, U.S. Defence Advenced Research Projects Agency (DARPA)

memutuskan untuk mengadakan riset tentang bagaimana cara menghubungkan

sejumlah komputer sehingga membentuk jaringan organik.

Program riset ini dikenal dengan nama ARPANET. Pada 1970, sudah lebih

dari 10 komputer yang berhasil dihunbungkan satu sama lain sehingga mereka bisa

saling berkomunikasi dan membentuk sebuah jaringan.

1 Rahmat Andrianto, PERANCANGAN SISTEM INFORMASI BERBASIS WEB PADA INDUSTRI KERAJINAN TANDUK UD. MAKMUR AWIT REJO NGALIMIN KLATEN, 2009 2 Aditya Agistyawan, MEMBANGUN SITUS WEB SEBAGAI MEDIA PROMOSI PADA SHOWROOM NYON-NYON MOTOR KLATEN, 2009

2.2.3 HTTP (Hypertext Transfer Protocol) Web merupakan terobosan baru sebagai teknologi sistem informasi yang

menghubungkan data dari banyak sumber dan layanan yang beragam macamnya di

internet. Pengguna tinggal mengklik tombol mousnya pada link ”hypertext yang ada untuk

melompat ke dukumen” diberbagai lokasi di internet. Link-linknya sendiri bisa mengacu

kepada dokumen web, server FTP (File Transfer Protocol), e-mail ataupun layanan-

layanan lain.

Server dan browser web berkomunikasi satu sama lain dengan protocol yang

memang dibuat khusus untuk ini, yaitu HTTP. HTTP bertugas menangani permintaan-

permintaan (request) dari browser untuk mengambil dokumen-dokumen web.

2.3 Konsep Dasar Website 2.3.1 Defini Website

Website atau situs juga dapat diartikan sebagai kumpulan halaman yang

menampilkan informasi data teks, data gambar diam atau gerak, daya animasi, suara

video, dan atau gabungan dari semuanya, baik yang bersifat satis maupun dinamis yang

membentuk uatu rangkaian bangunan yang saling terkait dimana masing-masing

dihubungkan dengan jaringan-jaringan halaman (hyperlink).

2.3.2 Elemen-Elemen Web Agar dapat berfungsi sebagai mana mestinya, maka web harus dibangun dari

beberapa elemen yang saling terhubung. Adapun elemen-elemen web adalah sebagai

berikut:

1. Client-Server

2. Web Server dan Web Client

3. Web Language dan Protocol

4. URL dan Transfer Protocol

2.3.3 Struktur Perancangan Situs Web Dalam merancang suatu website ada 2 model struktur yang dapat dijadikan

patokan dalam merancang web tersebut, yaitu:

1. Struktur Hirarki

2. Struktur Bintang

2.4 Konsep Dasar Promosi Promosi adalah kegiatan untuk meningkatkan volume penjualan dengan

pemeran, periklanan, demonstrasi dan usaha lain yang bersifat persuasif.

2.5 Perangkat Lunak yang Digunakan

2.5.1 HTML (Hypertext Markup Language) HTML (Hypertext Markup Language) adalah sebuah bahasa markup yang

digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di

dalam sebuah browser internet. Bermula dari sebuah bahasa yang sebelumnya banyak

digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard

Generalized Markup Language).

2.5.2 PHP PHP merupakan singkatan dari Personal Hypertext Prepocessor. PHP adalah

bahasa Server Side Scripting yang menyatu dengan HTML untuk membuat halaman web

yang dinamik. Maksud dari Server Side Scripting adalah sintak yang disertakan dan

perintah-perintah yang diberikan sepenuhnya dijalankan diserver tetapi disertakan pada

dokumen HTML.

2.5.3 MySQL (My Structur Query Language) MySQL sebenarnya merupakan turunan salah satu konsep utama dalam

database sejak lama, yaitu SQL (Structured Query Language). SQL adalah sebuah

konsep pengoperasian database, terutama untuk pemilihan atau seleksi dan pemasukan

data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara

otomatis.

2.5.4 Web Server Apache Web Server merupakan program utama dibalik teknologi internet yang kini

sudah sangat mendunia. Pada dasarnya Web Server hanya menunggu adanya

permintaan (request) yang dikirim client melaui browser (Mozilla, Netscape, Opera dan

lain-lain). Setelah ada suatu permintaan dari client maka langkah selanjutnya Web Server

akan memproses permintaan tersebut dan kemudian mengirimkan data-data yang

diinginkan client. Agar Web Server dapat berkomunikasi dengan Web Client (browser),

maka dibutuhkan suatu protocol yang mengatur komunikasi antara keduanya. Protocol

tersebut adalah Hypertext Transfer Protocol (HTTP).

2.5.5 Web Browser Web bowser merupakan suatu progran aplikasi yang dirancang untuk

mengambil informasi-informasi dari suatu server ke komputer pada jaringan internet yang

biasanya di kemas dalam page-page yang bisa memilki link-link ke sumber informasi

lainnya.

2.5.6 XAMPP Web Server

XAMPP adalah PHP bundle yang didalamnya sudah ada Apache, MySQL dan

beberapa aplikasi yang mungkin dibutuhkan dalam mengembangkan aplikasi berbasis

web, antara lain filezilla, MySQL admin dan lain-lainnya.

2.5.7 Adobe Dreamweaver CS4 Adobe Dreamweaver CS4 adalah versi terbaru dari dreamweaver yang

merupakan program web editor profesional yang digunakan untuk mendesain dan

mengolah situs web. Jadi, Adobe Dreamweaver CS4 ini tidak begitu memusingkan,

karena dengan tag HTML atau bahasa pemrograman lainnya.

2.5.8 Adobe Photoshop CS4 Adobe Photoshop secara umum dikenal sebagai alat untuk memanipulasi

image yang dapat kita gunakan untuk mengolah sebuah desain web, maka kekurangan

dan ke-tidakpuas-an terhadap hasil desain dapat diatasi dengan sedikit kreatifitas dan

ketelatenan

3. Tinjauan umum 3. 1 Sejarah Singkat Ngadiyo Keramik

Ngadiyo Keramik merupakan salah satu pelaku bisnis yang bergerak dibidang

penjualan kerajinan gerabah yang berupa guci, roa (periuk), tabe (kuali), padasa

(pedasan), dan masih banyak lagi. Ngadiyo Keramik berdiri sejak tahun 1985 didirikan

oleh bapak Ngadiyo. Nama Ngadiyo Keramik sendiri sebenarnya berasal dari masyarakat

sekitar yang lebih mengenal usaha dari bapak Ngadiyo tersebut dengan nama Ngadiyo

Keramik. Alasan masyarakat sekitar memberikan nama tersebut karena pemilik usaha

tersebut bernama Ngadiyo dan usaha yang dijalaninya adalah pembuat gerabah atau

juga disebut dengan keramik, sehingga mereka memberikan nama Ngadiyo Keramik

tersebut untuk usaha bapak Ngadiyo.

Bapak Ngadiyo berbeda dengan para pengrajin gerabah lainnya, yang

sebagian besar mereka memiliki bangunan sendiri untuk memajang hasil karya yang

telah mereka buat. Namun bapak Ngadiyo merubah rumah serta pekarangannya menjadi

pabrik serta tempat untuk memajangkan hasil karyanya. Keputusan ini bukan tanpa

tujuan, menurut bapak Ngadiyo hal ini merupakan strategi yang paling bagus, karena

selain pelanggan melihat hasil karya yang dibuat oleh bapak Ngadiyo juga dapat melihat

proses demi proses pembuatan gerabah dari mulai bahan dasar tanah liat hingga

menjadi suatu kerajinan yang sangat bagus dan memiliki nilai jual dan nilai seni yang

tinggi.

3. 2 Lokasi Ngadiyo Keramik Ngadiyo Keramik ini beralamatkan di desa Bangunjiwo kecamatan Kasihan

kabupaten Bantul provinsi Yogyakarta.

3. 3 Bahan Baku dan Barang Bahan baku dan yang digunakan beserta beberapa jenis barang yang

diproduksi di Ngadiyo Keramik :

Tabel 3.1 Bahan Baku yang Digunakan

Bahan Baku Nama Harga

Tanah Liat Rp 500.000,- / truk

Tabel 3.2 Hasil Barang yang Diproduksi

Hasil Produksi Nama Jenis Harga

Asbak a. AS-01 b. AS-02

Rp 23.000,-/biji Rp 23.000,-/biji

Multi Fungsi a. MF-01 b. MF-02 c. MF-03

Rp 50.000,-/biji Rp 50.000,-/biji Rp 50.000,-/biji

Tempat Buah a. TB-01 b. TB-02

Rp 75.000,-/biji Rp 75.000,-/biji

Tempat Lilin a. TLA-01 b. TLA-02 c. TLA-03

Rp 20.000,-/biji Rp 20.000,-/biji Rp 20.000,-/biji

Vas Bunga a. VB-01 b. VB-02 c. VB-03 d. VB-04

Rp 60.000,-/biji Rp 60.000,-/biji Rp 70.000,-/biji Rp 70.000,-/biji

3. 4 Struktur Organisasi

Gambar 3.1 Gambar Struktur Organisasi

Pimpinan

Bagian Penjualan Administrasi keuangan Pekerja

3. 5 Visi dan Misi Perusahaan Visi dari Ngadiyo Keramik adalah menjadi salah satu industri kerajinan

gerabah yang terbaik yang ada di kasongan yang bisa memenuhi kebutuhan konsumen

diseluruh Indonesia.

Misinya mewujudkan lapangan pekerjaan, tenaga yang handal dan

memberikan produk kerajinan berkualitas tinggi kepada konsumen dan klien melalui

inovasi dan kemitraan.

3. 6 Fasilitas yang Ada Pada Ngadiyo Keramik Untuk mendukung penjualan, Ngadiyo Keramik memberikan beberapa

fasilitas yang disediakan untuk para pelanggannya. Antara lain :

a. Showroom, digunakan untuk memamerkan hasil-hasil karya yang telah di

buat oleh Ngadiyo Keramik.

b. Transportasi, digunakan untuk mengirimkan barang pesanan dari pelanggan.

Jadi pelanggan tidak akan kerepotan saat mereka membawa barang yang

telah mereka beli.

3. 7 Proses yang Berjalan Sistem promosi yang digunakan oleh Ngadiyo Keramik sejak awal berdirinya

hanya sebatas dari mulut ke mulut. Sejak awal mula berdiri promosinya hanya dengan

cara menawarkan hasil kerajinan kepada orang-orang yang memerlukan barang-barang

dari hasil kerajinan ini. Konsumen-konsumen yang membeli atau memesanpun

merupakan konsumen-konsumen lama yang berlangganan pada industri ini dari awal

mula industri ini berdiri. Kemudian seiring berjalannya waktu konsumen-konsumen lama

ini lah yang mengenalkan atau memberitahukan kepada kenalan-kenalan mereka

mengenal industri ini sehingga industri ini bisa mendapatkan konsumen baru. Oleh sebab

itu industri ini hanya terkenal pada daerah-daerah tertentu, dimana daerah tersebut

terdapat konsumen yang berlangganan pada industri ini, sehingga penyebarannya pun

tidak merata, hanya pada daerah-daerah tertentu saja.

4. Pembahasan 4.1 Struktur Aplikasi Yang Digunakan

Suatu website terdiri dari link-link yang menyediakan berbagai informasi.

Begitu pula dengan website Kopi Merapi, yang terdiri dari link yang dapat menampilkan

data atau informasi yang sesuai dengan nama link tersebut. Berikut ini adalah halaman

yang di index paling pertama diakses oleh user dan menghubungkan halaman satu

dengan yang lainnya.

1) Home

Merupakan halaman pertama kali yang diakses oleh user atau pengguna.

2) Profil

Halaman ini memuat sejarah berdirinya Ngadiyo Keramik.

3) Cara Pembelian

Halaman ini memuat tata cara berbelanja di website Ngadiyo Keramik.

4) Semua Produk

Halaman ini memuat beberapa informasi produk yang dijual.

5) Keranjang Belanja

Halaman ini memuat produk yang telah dipilih oleh pengunjung.

6) Hubungi Kami

Halaman ini memuat tempat untuk pelanggan dapat memberikan saran

ataupun kritikan atau apapun yang berhubungan dengan Ngadiyo Keramik.

4.2 Struktur Halaman User

Gambar 4.1 Struktur halaman user

4.3 Struktur Halaman Admin

Gambar 4.2 Struktur halaman admin

4.4 Flowchart

Gambar 4.3 Flowchart akses website oleh pengunjung

Gambar 4.4 Flowchart akses website oleh admin

4.5 Peranangan Desain 1. Rancangan tampilan untuk pengunjung

Gambar 4.5 Rancangan Tampilan Untuk Pengunjung

2. Rancangan tampilan untuk login Admin

Gambar 4.6 Rancangan Tampilan Login Admin 3. Rancangan tampilan untuk menu utama Admin

Gambar 4.7 Rancangan Tampilan Untuk Pengunjung

Header

Username : Password : xxxx

xxxx

Login

Header

> Home > Ganti Password > Cpanel > Kategori Produk > Produk > Order > Ongkos Kirim > Profil > Cara Pembelian > Hubungi Kami > Banner > YM

Footer

4.6 Manual User Website ngadiyo keramik terdapat beberapa proses link antar satu halaman

dengan halaman lainnya. Halaman index merupakan halaman utama dan halaman lain

berisi sub-sub informasi yang akan disampaikan secara garis besarnya.

1. Menu Utama Pengunjung

Gambar 4.8 Tampilan Menu Utama Pengunjung

2. Menu Utama Admin

Gambar 4.8 Tampilan Menu Utama Admin

5. Penutup 5. 1 Kesimpulan

Dari pembahasan dan penjelasan semua materi, maka penulis menarik

kesimpulan mengenai pokok permasalahan bab-bab sebelumnya, dengan adanya web

ini memudahkan penjualan dan mempromosikan produk-produk dari Ngadiyo Keramik

baik di dalam negeri maupun di luar negeri. 5. 2 Saran

Berdasarkan analisis dan kesimpulan diatas, dan sebagai bahan

pertimbangan bagi pihak Ngadiyo Keramik dalam usaha meningkatkan mutu dan kualitas

bersaing, saran yang ingin disampaikan sebagi berikut :

1. Rutin melakukan pemeliharaan web setelah diupload.

2. Dalam keamanan data sangat penting maka dari itu pengembangan

seterusnya perlu lebih mempertimbangkan keamanan data.

3. Pengembangan sistem informasi dan penjualan dapat mengikuti teknologi

yang terus berkembang.

Agar situs mudah dikenal, sebaiknya dipromosikan lewat facebook atau twitter

yang sekarang baru jadi tren masyarakat luas.

DAFTAR PUSTAKA

Hakim, Lukmanul. 2009. Trik Rahasia Master PHP Terbongkar Lagi. Yogyakarta:

Lokomedia.

Hakim, Lukmanul. 2009. Membongkar Trik Rahasia Para Master PHP.

Yogyakarta:Lokomedia.