MEMBANGUN WEB SEBAGAI MEDIA PROMOSI DAN INFORMASI BATIK TULIS BAKARAN BU SUWARNI
NASKAH PUBLIKASI
disusun oleh Santi Dewi
09.01.2622
Arif Hidayat
09.01.2648
JURUSAN TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2012
Building Web As Media Of Promotion and Information Batik Tulis Bakaran Bu Suwarni Membangun Web Sebagai Media Promosi dan Informasi Batik Tulis Bakaran Bu Suwarni Santi Dewi Arif Hidayat Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA ABSTRACT The quickly technology development is influenced to every aspect of humans living. Moreover for wealthy humans, creating something new and never creating by each other before. For example, in online business world, the basis technology of website is extended to use as a tool to give information or media of promotion and marketing via internet. Just now, many organizations, individual or enterprise which used a website of media to market their creation or product through the virtual world or most people call the internet. Because it has advantages in terms of effectiveness and efficiency in marketing and sales network which is not only in local market but also it can in international market. Computer and the support of the internet access can work with accurate and highly access in getting the information quickly, precisely and accurately, when compared to the access that can do by humans. Using media website is a precise tool to support the promotion activity and giving information for general humans about the creation and product by them, making it more effective and efficient in ordering product process that they are interested from the pictures of product that are displayed on a website. For the owner of the website, she or he can include her or his phone number, email address and her or his account number for transaction process. In this final report, the writer will do the research about the process of promotion and information of Batik Tulis Bakaran Bu Suwarni which is still doing with showing the batik to the customer directly. And then from the result of the research, the writer will build a web as a media of promotion and information of Batik Tulis Bakaran Bu Suwarni by using programming language PHP5 OOP which is more interactive purpose service to make easier for the customer to buy Batik Tulis Bakaran created by Mrs. Suwarni. Keyword : Website as a media of promotion and information, Website “Batik Tulis Bakaran Bu Suwarni”, Website with PHP5 OOP
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 besar terhadap berbagai aspek kehidupan masyarakat. Komputer merupakan suatu teknologi yang dapat melakukan pengolahan data dengan cepat, akurat dan efisien. Sehingga di zaman sekarang komputer merupakan teknologi yang banyak digunakan oleh masyarakat dalam pengmbilan keputusan. Namun manfaat teknologi informasi menjadi sangat luas dan tak terbatas. Hal tersebut dibuktikan melalui salah satu media informasi yang disebut website. E-commerce (menurut Gary Coulter dan John Buddemeir) adalah penjualan, periklanan, pemesanan produk, yang semuanya dikerjakan melalui internet. E-commerce banyak memberikan keuntungan bagi setiap pelaku bisnis, antara lain: pelaku bisnis dapat menjangkau pelanggan yang ada diseluruh dunia, memudahkan proses transaksi, dan menurunkan biaya operasional 1 . E-commerce adalah kegiatan-kegiatan bisnis yang menyangkut konsumen (consumers), manufaktur (proses merubah bahan baku menjadi produk), service providers dan pedagang perantara (intermediaries) dengan menggunakan jaringanjaringan komputer (komputer networks) yaitu internet 2 . Berdasarkan penelitian yang dilakukan yaitu dengan mengambil 50 sampel nama domain yang menggunakan kata kunci batik tulis dihasilkan persaingan yang rendah, yang dimana kesimpulan tersebut diambil dari rata-rata pagerank, rata-rata backlink, innerpage dan homepage 3 . Dari hasil penelitian dan kegunaan website e-commerce ini, diharapkan mampu memberikan kemudahan Batik Tulis Bakaran Bu Suwarni dalam memperluas pemasaran produk batik tulis yang mencakup seluruh wilayah, baik lokal maupun nasional, bahkan sampai wilayah internaisonal dalam proses pemasarannya. Dengan tampilan website yang menarik dan interaktif akan memudahkan konsumen untuk mendapatkan
informasi
produk (harga produk, bahan yang digunakan,serta motif) dan tata cara transaksi. Maka berdasarkan latar belakang masalah ini, penulis tertarik untuk mengkaji lebih mendalam mengenai “Membangun Web Sebagai Media Promosi dan Informasi Batik Tulis Bakaran Bu Suwarni ”.
1
Universitas, Guna, Darma, Pengertian E-Commerce Ebook: hal 6 http://www.binushacker.net/definisi-ecommerce-e-commerce-www-kotadingin-cc-cc.html 3 Danu, Akbar, Wicaksono, The Pioneer of Many Online Business, Ebook: hal 7 2
2.
Landasan Teori
2.1.
Konsep Dasar Website 2.1.1. Pengertian Website Website merupakan kumpulan halaman-halaman yang digunakan untuk menampilkan informasi, gambar gerak, suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan linklink 4 . Pada awalnya aplikasi web dibangun dengan hanya menggunakan bahasa yang disebut HTML (HyperText Markup Langauge). Pada perkembangan berikutnya, sejumlah script dan objek dikembangkan untuk memperluas kemampuan HTML seperti PHP dan ASP pada script dan Apllet pada objek. Aplikasi Web dapat dibagi menjadi dua jenis yaitu aplikasi web statis dan dinamis. Web statis dibentuk dengan menggunakan HTML. Kekurangan aplikasi seperti ini terletak pada keharusan untuk memelihara program secara terus menerus untuk mengikuti setiap perkembangan yang terjadi. Kelemahan ini diatasi oleh model aplikasi web dinamis. Pada aplikasi web dinamis, perubahan informasi dalam halaman web dilakukan tanpa perubahan program tetapi melalui perubahan data. Sebagai implementasi, aplikasi web dapat dikoneksikan ke basis data sehingga perubahan informasi dapat dilakukan oleh operator dan tidak menjadi tanggung jawab dari webmaster.
2.2.
Berbagai Bahasa Pemrograman yang digunakan 2.2.1. Bahasa Pemrograman Bahasa yang digunakan untuk menerjemahkan setiap perintah dalam situs yang pada saat diakses. Jenis scripts sangat menentukan statis, dinamis atau interaktifnya sebuah situs. Semakin banyak ragam scripts yang digunakan maka akan terlihat situs semakin dinamis, dan interaktif serta terlihat bagus. Bagusnya situs dapat terlihat dengan tanggapan pengunjung serta frekwensi kunjungan. Bahasa pemrograman web dapat dibagi menjadi dua, yaitu : a. Client Side Scripting Yaitu informasi yang disampaikan akan dieksekusi di client. 1) HTML Hypertext Markup Language merupakan kepanjangan dari kata HTML. HTML adalah script dimana kita bias menampilkan informasi dan daya kreasi kita lewat intenet. HTML juga merupakan file teks murni yang dapat dibuat dengan editor teks sembarang yaitu yang dikenal sebagai web page
4
Purwanto, E. & Tim Sub Bag Jaringan Informasi IPTEK. Pengantar World Wide Web. JIIPP.
atau dokumen yang disajikan dalam web browser. Dokumen ini umumnya berisi informasi atau interface aplikasi didalam internet. HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh berbagai platform seperti : windows, Linux, Macintosh. Contoh script HTML :
Judul Halaman …isi dari halaman web… 2) Javascript Javascript merupakan scripting language yang terintegrasi dengan web browser untuk memberikan fleksibilitas tambahan bagi programmer untuk mengontrol
elemenelemen
dalam
halaman
web.
Aplikasi
javascript
sebenarnya cukup luas namun pada aplikasi yang dirancang, digunakan javascript yang dibatasi untuk DHTML (Dinamic HyperText Markup Language), yaitu javascript yang digunakan untuk mengakses property, method, dan event handler yang disediakan oleh DOM dan CSS. Property didefinisikan sebagai setting nilai suatu objek tertentu. Contohnya adalah warna suatu teks, action untuk suatu form, namafile untuk suatu gambar, dll. Method adalah fungsi-fungsi yang dapat diterapkan dalam suatu objek. Misalnya maximize untuk window. Event handler menspesifikasikan bagaimana suatu objek merespon terhadap suatu kejadian, misalnya suatu button di klik, window di resize. Contoh :
JavaScript <Script language = “javascript”> 3) CSS
Cascading Style Sheet adalah suatu teknologi yang digunakan untuk memperindah tampilan halaman website (situs). Dengan Metode CSS keseluruhan warna dan tampilan yang ada di situs web dapat diubah / diformat ulang dengan cepat. Contoh penulisan CSS : <STYLE TYPE="text/css"> ... CSS... b. Server Side Scripting Yaitu informasi yang dikirimkan akan dieksekusi di server website yang bersangkutan. 1) PHP PHP (Personal Home Page) adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram situs web dinamis. PHP merupakan bahasa pemrograman yang berbentuk script yang diletakkan didalam web server. PHP merupakan bahasa yang hanya dapat berjalan pada server yang hasilnya dapat ditampilkan pada klien. PHP dapat dikoneksikan dengan
database seperti MySQL,
PostgreSQL, SQL server, Oracle dan sebagainya. PHP dikatakan sebagai sebuah server-side embedded script language artinya sintaks-sintaks dan perintah yang kita berikan akan sepenuhnya dijalankan oleh server tetapi disertakan pada halaman HTML biasa. Aplikasi-aplikasi yang dibangun oleh PHP pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan di server. Pada prinsipnya server akan bekerja apabila ada permintaan dari client. Dalam hal ini client menggunakan kode-kode PHP untuk mengirimkan permintaan ke server (dapat dilihat pada gambar dibawah). Ketika menggunakan PHP sebagai server-side embedded script language maka server akan melakukan hal-hal sebagai berikut : 1. Membaca permintaan dari client/ browser; 2. Mencari halaman/ page di server; 3. Melakukan instruksi yang diberikan oleh PHP untuk melakukan modifikasi pada halaman/ page; 4. Mengirim kembali halaman tersebut kepada client melalui internet atau intranet. Adapun sintaks dasar dari PHP adalah sebagai berikut :
?> 2.2.2. PHP5 OOP (Object Oriented Programming) PHP5 OOP adalah bahasa pemrograman PHP yang mengalami peningkatan
yang
mengacu
pada
Pemrograman
Berorientasi
Objek.
Pemrograman Berorientasi Objek itu sendiri adalah sebuah teknik pemrograman, dimana setiap objek memiliki atribut beserta dengan fungsi yang dapat saling berinteraksi satu dengan yang lain 5 . Pilar Utama Pemrograman Berorientasi Objek : •
Encapsulation (Pengkapsulan) adalah teknik yang digunakan untuk melakukan penyembunyian informasi yang tidak diperlukan oleh user.
•
Inheritance (Turunan) adalah turunan dari tipe data induknya (superclass) sehingga kelas turunan akan mewarisi seluruh sifat-sifat induknya.
•
Polymorphism (form dengan banyak bentuk) adalah objek-objek yang berbeda yang berasal dari induk yang sama dan memiliki fungsi yang sama dengan penerapan yang berbeda-beda.
3.
Tinjauan Umum
3.1.
Sejarah Batik Tulis Bakaran Bakaran merupakan daerah pesisir yang berada di Kecamatan Juwana,
Kabupaten Pati, disanalah Batik Tulis Bakaran Bu Suwarni berasal. Batik Tulis Bakaran ada sejak abad ke-14 pada jaman kerajaan Majapahit. Pada jaman itu ada seorang penjaga benda-benda seni kerajaan Majapahit yang bernama Nyi Siti Sabirah atau Nyi Danowati, yang datang ke Desa Bakaran Wetan karena melarikan diri mencari tempat persembunyian karena dikejar-kejar oleh tentara Islam karena runtuhnya Kerajaan Majapahit oleh kekuasaan Islam di pulau Jawa yaitu Demak. Dalam persembunyian dan penyamaran di Desa Bakaran Wetan beliau membuat langgar tanpa mighraf yang sampai sekarang disebut Sigit yang bertujuan untuk mengelabui
tentara
Islam
bahwa
dia
sudah
memeluk
agama
Islam.
Dalam
persembunyiannya beliau mengajarkan keahliannya dalam membatik kepada anak cucunya. Beliau dengan sabar mengajari mereka membuat batik, seperti: bagaimana cara memegang canting (alat untuk membatik) cara meniup lubang canting, cara merebus malam, cara menghubungkan titik-titik dan cara menorehkan ujung canting ke kain yang sudah digambar. Itulah usaha-usaha dan perjuangan yang dilakukan Nyai Sabirah, hingga menjadikan Batik Tulis Bakaran sebagai sentral kerajinan Batik Tulis di wilayah Kabupaten Pati. 5
Stendy B,Sakur, 2010,PHP 5(Pemrograman Berorientasi Objek) Konsep& Implementasi ,Andi hal 178
3.2.
Proses Transaksi Manual Digambarkan dalam Activity Diagram
Gambar 3.2 Activity Diagram Transaksi Manual Activity Diagram transaksi manual menggambarkan bahwa setiap pembeli yang datang ke toko Batik Bu Suwarni awalnya akan melihat-lihat contoh batik yang sudah dipajang di toko. Apabila pembeli suka dengan contoh batiknya, maka pembeli akan membelinya dan apabila pembeli tidak suka maka tidak akan terjadi transaksi. Jika pembeli membeli dalam retail yang banyak, maka Bu Suwarni akan melihat stok yang ada, jika stok yang ada tidak mencukupi maka pembeli harus
melakukan proses pemesanan terlebih dahulu dan melakukan pembayaran sejumlah 50% dari total harga. Jika barang yang pembeli pesan sudah jadi, maka pembeli akan dihubungi oleh Bu Suwarni untuk mengambil barang yang pembeli pesan kemaren serta melunasi pembayaran dari total harga keseluruhan.
4.
Pembahasan
4.1.
Kebutuhan Fungsional Kebutuhan fungsional merupakan kebutuhan dari website yang dibuat, untuk itu
penyusun membagi kebutuhan fungsional menjadi dua kebutuhan halaman, yaitu kebutuhan halaman pengunjung dan kebutuhan halaman administrator. 4.1.1. Halaman Pengunjung 4.1.1.1. Fungsi Halaman Pengunjung Fungsi halaman pengunjung adalah sebuah halaman yang menjadi hak akses setiap pengunjung selama berkunjung di sebuah website batik tulis bakaran. 1. Dapat melihat view produk, harga dan detail produk; 2. Dapat melakukan insert buku tamu; 3. Dapat melakukan registrasi. 4.1.1.2. Kebutuhan yang ada pada halaman pengunjung Merupakan
sebuah
kebutuhan
yang
ditawarkan
pada
halaman
pengunjung serta deskripsi dari kebutuhan itu. 1. Homepage : berisi ucapan selamat datang, berisi informasi tentang batik tulis bakaran dan produk yang ditawarkan; 2. Gallery : berisi informasi tentang gallery dan kategori produk batik tulis bakaran; 3. Profile : berisi informasi tentang profile batik tulis bakaran; 4. Produk : berisi informasi tentang produk dan kategori produk batik tulis; 5. Contact : berisi informasi tentang contact dan contact lain yang bisa dihubungi selain contact yang ada di footer website batik tulis; 6. Cara Pembelian : berisi informasi tatacara dalam pembelian batik tulis; 7. Cara Pemesanan : berisi informasi tatacara dalam pemesanan batik tulis; 8. Registrasi : berisi halaman registrasi untuk menjadi member batik tulis bakaran dan melakukan transaksi (pembelian);
9. Buku Tamu : berisi halaman bukutamu yang bisa diinsertkan oleh setiap pengunjung website batik tulis bakaran. 4.2.
Struktur Website 4.2.1. Struktur Pengunjung
Gambar 4.1 Struktur Halaman Pengunjung
4.3.
Unified Modelling Language (UML) 4.3.1. Use Case Diagram Use
case
diagram
digunakan
untuk
memodelkan
bisnis
proses
berdasarkan perspektif pengguna sistem. Use case diagram terdiri atas diagram untuk use case dan actor. Actor merepresentasikan orang yang akan mengoperasikan atau orang yang berinteraksi dengan sistem aplikasi. Use case mempresentasikan operasi-operasi yang dilakukan oleh actor. Use case diagram digambarkan berbentuk elips dengan nama operasi dituliskan di dalamnya. Actor yang melakukan operasi dihubungkan dengan garis lurus ke use case.
4.4.
Perancangan Database Semua data yang digunakan maupun yang dihasilkan oleh setiap operasi akan
disimpan dalam tabel-tabel database. Untuk menjaga keefektifan dan efisiensi pemakai tabel serta menghindari abnormaly dalam proses manipulasi data, diperlukan struktur
tabel yang baik. Untuk menghasilkan struktur tabel yang baik perlu dilakukan tahap normalisasi.
4.4.1. Normalisasi adalah proses yang berkaitan dengan model data relasional untuk mengorganisasi himpunan data dengan ketergantungan dan keterkaitan yang tinggi dan erat. Hasil dari proses normalisasi adalah himpunan-himpunan data dalam bentuk normal (normal form). 4.4.2. Relasi Antar Tabel Hubungan antar field dapat disebut juga relasi antar tabel yang menunjukkan suatu hubungan antara beberapa entity.
4.5.
Perancangan User Interface Secara garis besar pemakai sistem ini dikelompokkan menjadi 4 yaitu:
administrator, pengurus, pengunjung, dan member. Setiap pengguna mempunyai hak akses yang berbeda. Hal inilah yang menjadi pertimbangan dalam mendesain interface untuk masing-masing pengguna tersebut. Perbedaan desain tersebut terletak pada menu yang ditampilkannya. 4.5.1. Interface Pengunjung Desain
interface
pengunjung
merupakan
halaman
utama
untuk
pengunjung. Dalam interface ini pengunjung dapat melihat informasi yang disediakan pada menu halaman website yaitu Homepage, Cara Pembelian, Cara Pemesanan, Contact, Gallery, Produk, dan Profile.
Gambar 4.29 Perancangan Interface Homepage Pengunjung
4.6.
Tampilan User Interface Secara garis besar pemakai sistem ini dikelompokkan menjadi 4 yaitu:
administrator, pengurus, pengunjung, dan member. Setiap pengguna mempunyai hak akses yang berbeda. Hal inilah yang menjadi pertimbangan dalam tampilan interface untuk masing-masing pengguna tersebut. Perbedaan tampilan tersebut terletak pada menu yang ditampilkannya 4.6.1. Interface Pengunjung Interface pengunjung merupakan halaman utama untuk pengunjung. Dalam interface ini pengunjung dapat melihat informasi yang disediakan pada menu halaman website yaitu Homepage, Cara Pembelian, Cara Pemesanan, Contact, Gallery, Produk, dan Profile.
Gambar 4.43 Interface e Homepage Pengunjung g
DAFTAR PUSTAKA . Danu, Akbar, Wicaksono, The Pioneer of Many Online Business, Ebook Universitas, Guna, Darma, Pengertian E-Commerce Ebook Kusrini,
M.Kom,
2009
Strategi
Perancangan
dan
Pengolahan
Basis
Data,Yogyakarta:Andi Lukmanul, Hakim, 2010,Bikin Website Super Keren PHP dengan & jQuery ,Lokomedia Nugroho,Ad,ST.,MMSI,Konsep Pengembangan Sistem Basisdata, Informatika Bandung, 2004 Purwanto, E. & Tim Sub Bag Jaringan Informasi IPTEK. Pengantar World Wide Web. JIIPP. Stendy B,Sakur, 2010,PHP 5(Pemrograman Berorientasi Objek) Konsep& Implementasi ,Yogyakarta:Andi http://www.binushacker.net/definisi-ecommerce-e-commerce-www-kotadingin-cc-cc.html Diakses pada tanggal 10 Februari 2012 Pukul 10.30
