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 orangorang 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 layananlayanan lain. Server dan browser web berkomunikasi satu sama lain dengan protocol yang memang dibuat khusus untuk ini, yaitu HTTP. HTTP bertugas menangani permintaanpermintaan (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 Rp 500.000,- / truk
Tanah Liat
Tabel 3.2 Hasil Barang yang Diproduksi Hasil Produksi Nama Asbak Multi Fungsi
Tempat Buah Tempat Lilin
Vas Bunga
3. 4
Jenis a. AS-01 b. AS-02 a. MF-01 b. MF-02 c. MF-03 a. TB-01 b. TB-02
Harga Rp 23.000,-/biji Rp 23.000,-/biji Rp 50.000,-/biji Rp 50.000,-/biji Rp 50.000,-/biji Rp 75.000,-/biji Rp 75.000,-/biji
a. b. c. a. b. c. d.
Rp 20.000,-/biji Rp 20.000,-/biji Rp 20.000,-/biji Rp 60.000,-/biji Rp 60.000,-/biji Rp 70.000,-/biji Rp 70.000,-/biji
TLA-01 TLA-02 TLA-03 VB-01 VB-02 VB-03 VB-04
Struktur Organisasi Pimpinan
Bagian Penjualan
Administrasi keuangan Gambar 3.1
Gambar Struktur Organisasi
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
Header
Username : Password :
xxxx xxxx
Login
Gambar 4.6
Rancangan Tampilan Login Admin
3. Rancangan tampilan untuk menu utama Admin
Header > Home > Ganti Password > Cpanel > Kategori Produk > Produk > Order > Ongkos Kirim > Profil > Cara Pembelian > Hubungi Kami > Banner > YM Footer
Gambar 4.7
Rancangan Tampilan Untuk Pengunjung
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.