MEMBANGUN SEBUAH WEBSITE PENJUALAN ONLINE KOPI MERAPI SEBAGAI MEDIA PROMOSI
Naskah Publikasi
diajukan oleh Harjuno Andriasmoro
08.01.2343
Decky Adi Kusuma
08.01.2373
kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2011
BUILDING WEBSITES ONLINE SALES OF KOPI MERAPI AS MEDIA PROMOTION
MEMBANGUN SEBUAH WEBSITE PENJUALAN ONLINE KOPI MERAPI SEBAGAI MEDIA PROMOSI
Harjuno Andriasmoro Decky Adi Kusuma 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. Pegunjung website can find out everything about the agency or company clearly and accurately by visiting their web. KUB Kebun Makmur is a company that produces organic coffee, 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 at home and abroad. Keywords: coffee Merapi, Turgo coffee, herbal coffee, arabica, robusta.
1.
Pendahuluan
Teknologi informasi merupakan salah satu bidang yang perkembangannya semakin cepat dibandingkan dengan bidang-bidang yang lain. Selain itu, di zaman sekarang ini teknologi informasi memberikan pengaruh yang besar terhadap berbagai aspek kehidupan masyarakat.
Komputer merupakan suatu alat yang dapat melakukan pengolahan data secara cepat, akurat dan efisien. Sehingga di zaman sekarang komputer merupakan alat yang paling banyak digunakan oleh masyarakat untuk membantu dalam pengambilan keputusan. Banyak lembaga atau instansi menggunakan sistem komputerisasi dalam menyelesaikan permasalahan yang dihadapi.
Masa sekarang sistem terkomputerisasi sudah mulai banyak diterapkan dibidang pendidikan, baik yang bersifat formal maupun informal. KUB Kebun Makmur merupakan perusahaan penjualan kopi yang diberi nama “Kopi Merapi” yang mempunyai visi dan misi yang jelas dalam meningkatkan mutu penjualan kepada konsumen Kopi Merapi.
Hal ini dapat dilihat dari fasilitas-fasilitas yang telah dimiliki, namun sayangnya sistem yang digunakan untuk sistem penjualan masih secara manual. Sehingga informasi yang dihasilkan akan terasa kurang cepat (penginputan data, pengolahan data), akurat (data yang tepat atau tidak ada kesalahan) dan efisien. Untuk lebih mengoptimalkan sistem informasi penilaian dibutuhkan sebuah sistem terkomputerisasi. Dengan adanya pergantian dari sistem manual ke sistem terkomputerisasi maka dihaapkan informasi yang dihasilkan akan lebih cepat, akurat dan efisien.
Topik yang diambil mengenai “Membangun Sebuah Website Penjualan Online Kopi Merapi Sebagai Media Promosi”.
2.
Dasar teori
2. 1
Sejarah internet secara umum Interconnected Networking atau biasa disebut dengan internet merupakan jaringan
global komputer dunia, besar dan sangat luas sekali dimana setiap komputer saling terhubung satu sama lainnya dari negara ke negara lainnya di seluruh dunia dan berisi berbagai macam informasi, mulai dari text, gambar, audio, video, dan lainnya.
Secara umum, internet ( kependekan dari interconnectednetworking ) adalah rangkaian komputer yang terhubung di dalam beberapa rangkaian. Manakala Internet adalah sistem komputer umum, yang terhubung secara global dan menggunakan TCP/IP sebagai protokol pertukaran paket ( packet switching communication protocol ).
2. 2
World Wide Web World Wide Web merupakan sarana pembagian informasi antar pengguna jaringan
computer.[1] Dengan adanya world wide web, informasi berupa tulisan, gambar, suara ataupun video dapat diberikan kepada pihak lain, sehingga memungkinkan terjadinya pertukaran informasi.
Sering disingkat sebagai www atau web saja, yakni sebuah sistem dimana informasi dalam bentuk teks, gambar, suara, dan lain-lain dipresentasikan dalam bentuk hypertext dan dapat diakses oleh perangkat lunak yang disebut browser. Informasi di web pada umumnya ditulis dalam format HTML. Informasi lainnya disajikan dalam bentuk grafis ( dalam format GIF, JPG, PNG ), suara ( dalam format AU, WAV ), dan objek multimedia lainnya ( seperti MIDI, Shockwave, Quicktime Movie, 3D World ). WWW dijalankan dalam server yang disebut HTTPD.
WWW adalah fasilitas internet yang menghubungkan dokumen dalam lingkup lokal maupun jarak jauh. Dokumen Web disebut Web Page dan link dalam Web meyebabkan user bisa pindah dari satu page ke page lain ( hyper text ), baik antar page yang disimpan dalam server yang sama maupun server diseluruh dunia. Pages diakses dan dibaca melalui Web Browser seperti Netscape Navigator atau Internet Explorer. Web menjadi pusat kegiatan internet karena Web Pages yang berisi text dan grafik mudah diakses melalui We Browser, Web menyediakan interface bagi jaringan informasi online terbesar di dunia, dan jumlah informasi ini terus bertambah dengan pesat.
Web Juga menjadi sistem pengiriman multimedia, karena fitur browser dan browser plug-in extension yang terus bermunculan menyediakan peluang untuk suara, gambar, telepon, animasi 3D dan videoconferencing melalui Net. Browser terbaru juga mengerti bahasa Java yang memungkinkan download semua aplikasi untuk di-run secara lokal. Dasar format Web adalah dokumen text yang digabung dengan HTML yang bisa mengatur format page serta Hypertext Link (URL) ke page lain. Kode HTML yang umum adalah karakter alfanumerik yang dapat diketik dengan text editor atau world processor. Banyak program terbitan Web yang menyertakan interfage grafis untuk kreasi Web Page dan membuat kode dengan otomatis.
Banyak word processor dan program-program yang mengalihkan dokumen ke format HTML. Oleh karena itu Web Pages dapat dibuat oleh user tanpa harus mempelajari sistem pengkodean. Kemudahan kreasi membantu cepatnya pertumbuhan Web.
2. 3
Web Server Dan Web Browser
2. 4.1 XAMPP XAMPP adalah sebuah paket perangkat lunak yang di dalamnya terdiri dari Apache, MySQL, dan PHP. 2. 3.1.1 Apache Merupakan perangkat lunak yang biasa digunakan untuk web server. Apache dapat diperoleh secara gratis. Apache dibuat berbasis koe sumber dan ide-ide yang ada pada web server leluhurnya, yaitu web server NCSA. Web server ini kompatibel dengan berbagai platform system operasi, baik keluarga Windows maupun Unix/Linux.
2. 3.1.2 MySQL MySQL adalah sebuah aplikasi Relational Database Management server (RDBMS), yang bersifat open source. MySQL menggunakan bahasa SQL (Structured Query Language) yaitu bahasa standar pemrograman database. MySQL sangat familiar dikalangan pengembang web maupun database, dikarenakan MySQL mudah diinstal, mudah dipakai serta dapat dikoneksikan dengan berbagai bahasa pemrograman. Kekuatan utama MySQL adalah pada kecepatan koneksi dan kecepatan untuk melakukan query. Dengan menggunakan MySQL maka dapat diakses oleh banyak klien secara bersamaan sekaligus dapat membatasi akses para klien berdasarkan hak akses yang diberikan. 2. 4.2 PHP My Admin PHP My Admin adalah satu program open source yang berbasis web yang dibuat menggunakan aplikasi PHP. Program ini digunakan untuk mengakses database aplikasi PHP. Program ini digunakan untuk mengakses database MySQL. Program ini mempermudah dan mempersingkat kinerja. Dengan kelebihannya, para pengguna awam tidak harus paham sintak sintak SQL dalam pembuatan database dan tabel.
2. 4.3 Web Editor 2. 3.3.1 Adobe Dreamweaver Cs3 Adobe Dreamweaver CS3 adalah versi terbaru dari dreamweaver yang merupakan program web editor profesional yang digunakan untuk mendesain dan
mengolah situs web. 1 Jadi, Adobe Dreamweaver CS3 ini tidak begitu memusingkan, karena dengan tag HTML atau bahasa pemrograman lainnya.
2. 3.3.2 Adobe Photoshop Cs3 Adobe Photoshop secara umum dikenal sebagai alat untuk memanipulasi image 2 yang dapat kita gunakan untuk mengolah sebuah desain web, maka kekurangan dan ketidakpuas-an terhadap hasil desain dapat diatasi dengan sedikit kreatifitas dan ketelatenan. Dengan Adobe Photoshop CS3 kita dapat mempercantik desain web dengan menambahkan beberapa efek di dalam desain web tersebut.
2. 4
Bahasa Pemrograman Yang Digunakan
2. 4.1 PHP PHP merupakan singkatan dari PHP Hypertext Preprocessor adalah bahasa C. Skrip dari PHP diletakan dan diproses di server. PHP dapat berdiri sendiri maupun disispkan diantara kode-kode HTML. Tujuan diciptakan PHP adalah untuk membuat web yang dinamis. Pengertian web dinamis adalah dapat berinteraksi langsung dengan user.
Perintah-perintah dari PHP selalu diawali dengan tag pembuka serta setiap akhir atau baris perintahnya digunakan “;”. Jika kode PHP yang embedded dengan file HTML, tipe file tersebut harus diubah menjadi berekstensi .php. Jika file tersebut diakses, maka server akan mengetahui bahwa file tersebut disispkan kode PHP, server akan langsung menerjemahkan kode ini dalam format HTML dan mengirim langsung ke browser klien. 2. 4.2 JavaScript JavaScript adalah Bahasa script (bahasa pemrograman yang dapat memegang kontrol aplikasi) yang berbasis pada bahasa pemorgraman java. JavaScript bukanlah java yang merupakan bahasa pemrograman berorientasi objek murni tetapi javascript digunakan secara prosedural. JavaScript adalah bahasa yang case sensitive seperti halnya bahasa pemorgraman java. Sintaks javscript yaitu Tipe data dan variable, Operator, Fungsi, Strings dan Array, Document, Navigasi, kelas user-defined. 2. 4.3 jQuery jQuery adalah Javascript Library atau kumpulan kode / fungsi Javascript siap pakai. Sehingga mempermudah dan mempercepat kita dalam membuat kode Javascript. 1
Arsyad, Lincolin, 2008. Adobe Dreamweaver. Panduan Lengkap: Adobe Dreamweaver CS3. 30Juli 2011. 2 Kusrianto, Adi, 2005. Adobe Photoshop. Panduan Lengkap Memakai Adobe Photoshop CS. 30 Juli 2011.
Secara standar, apabila kita membuat kode javascript, maka diperlukan kode cukup panjang, bahkan terkadang sangat sulit dipahami. 2. 4.4
CSS Cascading Style Sheet (CSS) adalah suatu teknologi yang digunakan untuk
memperindah tampilan halaman website (situs). Dengan Metode CSS keseluruhan warna dan tampilan yang ada di situs web dapat dirubah/diformat ulang dengan cepat. CSS juga telah distandartkan oleh World Wide Web Consortium (W3C) untuk digunakan di web browser. 3.
Tinjauan umum
3. 1
Sejarah Kopi Merapi Terbentuknya Koperasi Kebun Makmur merupakan peningkatan dari kegiatan dari
Asosiasi Petani Kopi Kabupaten Sleman yang secara Legal telah mendapat legalitas berupa Badan Hukum Dengan Nomor : 024/BH/XV.4/KAB.SLM/II/2008.
Pada awalnya petani kopi di wilayah kabupaten Sleman dalam beragribisnis Kopi sering mengalami ketidak pastian akan harga jual kopi yang selalu naik turun (fluktuatif) dan juga masih banyaknya tengkulak kopi yang membeli kopi dengan harga yang sangat rendah. Kondisi seperti ini tentu saja tidak menguntungkan para petani kopi, bermula dari hal tersebut, maka para ketua kelompok tani se-Kabupaten Sleman bersepakat untuk memutus rantai pemasaran yang berliku dan berkehendak meningkatkan kesejahteraan petani kopi, maka dibentuklah suatu wadah organisasi yang mengatur tentang perkopian ditingkat petani yaitu Asosiasi Petani Kopi Sleman (APKS) Tahun 2003. Untuk mengembangkan usaha APKS membetuk unit usaha dibidang pengelolaan hasil yang diberi nama Kelompok Usaha Bersama Kebun Makmur , yang beridiri pada tanggal 14 September 2004, yang sekarang lebih dikenal dengan Kopi Merapi atau Kopi Turgo.
Dalam upaya mencapai legalitas suatu organisasi dan serta untuk dapat digunakan sebagai suatu lembaga keuangan Mikro yang berdasar pada ekonomi kerakyatan, para pengurus mengusahakan legalitas dan pengakuan dari Pemerintah dengan mengusulkan Badan Hukum sehingga pada tanggal 4 Pebruari tahun 2008 KUB Kebun Makmur secara resmi telah berubah menjadi Koperasi Kebun Makmur dengan No Badan Hukum : 024/BH/XV.4/KAB.SLM.II.2008. Sebagai Koperasi yang Berbadan Hukum telah dilengkapi dengan Anggaran Dasar (AD) dan kelengkapan administrasi penunjang lainnya.
3. 2
Visi Menciptakan KOPERASI petani kopi yang sehat dan maju, mandiri yang didukung
pengelolaan yang baik dalam upaya meningkatkan kesejahteraan anggota dan mendukung pembangunan wilayah/daerahnya. 3. 3
Misi
1.
Mendorong petani kopi untuk sadar akan berkoperasi dan berekonomi kerakyatan.
2.
Meningkatkan pelayanan dalam pemenuhan kebutuhan anggota
3.
Menciptakan iklim perekonomian yang kondusif dalam pengelolaan manajemen koperasi yang transparan dan berkesinambungan
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)
Produk Halaman ini memuat beberapa informasi produk yang dijual.
3)
Sertifikat Halamann ini berisi foto sertifikat yang dimiliki KUB Kebun Makmur
4)
Gallery Halaman ini memuat gambar-gambar pada KUB Kebun Makmur
5)
Hubungi Halaman ini memuat alamat, email, serta nomor telepon yang bisa dihubungi oleh pengunjung
6)
Cara pembelian Halaman ini memuat beberapa informasi tenteng cara pembelian
4.2
Struktur Halaman User
Index
Home
produk
sertifikat
galeri
hubungi
Pemesanan produk
Keranjang belanja Gambar.4.1 Struktur halaman user umum
4.3 3
Struktur Halaman Admin
profil produk kategori order gallery index
sertifikat Cara pesan hubungi keranjang logout Gambar.4.2 Struktur halaman admin
Status order
4.4
Flowchart Mulai
Ketik URL
Pilih Menu
Home
Sertifikat
Produk
Gallery
Lihat Produk
Lihat Sertifikat Tidak
Hubungi
Lihat Sertifikat
Lihat Sertifikat
Pesan
Ya
Ya Keranjang Belanja
Lanjut
selesai belanja
Ubah Jumlah
Hapus Tidak
Tidak
Ya
Input Data Diri Update Keranjang Proses Data Diri
Selesai
Gambar.4.3 Flowchart akses website oleh pengunjung
Mulai
login Salah
Nama dan kata Benar Pilih menu
Cara pesan Edit data Profil
order
sertifikat Hapus data
simpan
gallery kategori
hubungi
dbtokokopi Ongkos kirim
Tambah data
produk
Manajemen modul
Logout Gambar.4.4 Flowchart akses website oleh Admin
selesai
4.5
Peranangan ranangan Desain 1. Rancangan tampilan untuk pengunjung
HEADER
MENU SIDEBAR
CONTENT
FOOTER
Gambar 4.5 Rancangan Tampilan Untuk Pengunjung
2. Rancangan tampilan untuk login Admin
HEADER
User Name Password
Login FOOTER Gambar 4.6 Rancangan Tampilan Login Admin
3. Rancangan tampilan untuk menu utama Admin
HEADER
Menu
Pengolahan Data
FOOTER
Gambar 4.7 Rancangan Tampilan Menu Utama Admin
4.6
Manual User Website kopi merapi 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 bahwa dengan adanya web ini memudahkan penjualan dan mempromosikan produk KUB Kebun Makmur di dalam negeri maupun di luar negeri. 5. 2
Saran Berdasarkan analisis dan kesimpulan diatas, dan sebagai bahan pertimbangan
bagi pihak KUB Kebun Makmur 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.
4.
Agar situs mudah dikenal, sebaiknya dipromosikan lewat facebook atau twitter yang sekarang baru jadi tren masyarakat luas.
DAFTAR PUSTAKA Arsyad, Lincolin, Panduan Lengkap: Adobe Dreamweaver CS3, 2008, Jakarta: Andi Publisher. Kusrianto, Adi, Panduan Lengkap Memakai Adobe Photoshop CS, 2005, Yogyakarta: Elex Media Komp. Hakim, Lukmanul. 2009. Trik Rahasia Master PHP Terbongkar Lagi. Yogyakarta: Lokomedia. Hakim, Lukmanul. 2009. Membongkar Trik Rahasia Para Master PHP. Yogyakarta: Lokomedia. Hakim, Lukmanul. 2010. Bikin Website Super Keren dengan PHP dan jQuery. Yogyakarta: Lokomedia.
