PERANCANGAN WEBSITE SEBAGAI MEDIA PROMOSI PENGINAPAN LISAR BAHARI AN
Naskah Publikasi
diajukan oleh Irawati Kelanohon 10.02.7901
kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA
1
2
WEBSITE DESIGN FOR PROMOTION MEDIA LISAR BAHARI GUESTHOUSE
PER ANCANGAN WEBSITE SEBAGAI MEDIA PROMOSI PENGINAPAN LISAR BAHARI
Irawati Kelanohon Jurusan Manajemen Informatika STIMIK AMIKOM YOGYAKARTA
ABSTRACT Developments in information technology makes a lot of media companies began to utilize the Internet as a proper solution in the Promotion, as well as lodging Lisar Marine who was one of the industry engaged in the service, it should use information technology as one of the marketing strategies one of which is by using a web-based applications. Information web-based reservation system that will be built in the inn Lisar Bahari is a system that processes data reservation both the check-in and check-out and the process of counting room rental revenues per month. Reservation information system built with PHP and PhpMyAdmin as a tool to help manage MySql database and a text editor Dreamweaver CS3, reservation information system can provide for the receptionist and customer convenience in booking hotel rooms. In addition visitors can also obtain all the information about facilities, travel packages and news are always up to date.
Keywords: Promotion, Reservation, Guesthouse
3
1.
Pendahuluan Internet saat ini sudah menjadi bagian hidup sebagian besar penduduk di dunia,
termasuk salah satunya di Indonesia. Sejak internet pertama kali diperkenalkan hingga saat ini, lebih dari 1,5 milyar orang menjadi pengguna internet. Di Indonesia sendiri tecatat lebih dari 25 juta orang menggunakan internet, jumlah ini terus meningkat secara drastis setiap harinya. Jumlah pengguna yang terus bertambah tersebut merupakan suatu pangsa pasar yang sangat potensial, sarana promosi yang efektif, efisien, dan hemat. Melalui media ini kita dapat menjangkau pasar seluruh dunia tanpa terbatas waktu dan langsung tertuju pada suatu segmen tertentu sehingga tepat sasaran. Penginapan Lisar Bahari yang merupakan salah satu industri yang bergerak dalam bidang jasa pelayanan di kawasan strategis wisata Taman Nasional Manusela, perlu melakukan perubahan dalam menghadapi persaingan. Paska konflik horisontal terjadi di Maluku tahun 1999, jumlah wisatawan menginap yang mayoritas dari mancanegara mengalami penurunan drastis. beberapa buku petunjuk wisata Indonesia menginformasikan penginapan lisar bahari namun informasi yang tertulis 1
tersebut dirasa tidak up to date bagi wisatawan asing khusunya para backpacker . maka promosi berbasis website sebagai salah satu strategi pemasaran dalam pengembangan dan mempertahankan usahanya menjadi sangat diperlukan. 2.
Landasan Teori
2.1 Pemprograman Web Pemprograman merupakan suatu metode membuat suatu aplikasi menggunakan bahasa pemprograman. Bahasa pemprograman adalah bahasa yang dapat dimengerti oleh komputer untuk mengolah sesuatu yang berasal dari input user. Dalam dunia pemprograman terdapat beberapa istilah yang dibagi menurut hasil atau media aplikasinya yaitu: a. Desktop programming, hasil aplikasi berjalan pada sistem operasi dan berdiri sendiri, beberapa contoh aplikasinya antara lain aplikasi database, aplikasi multimedia dan sebagainya b. Web programming. Aplikasi yang dihasilkan pada web programming digunakan pada media web, dan membutuhkan browser sebagai tool untuk melihat hasilnya. 1
Istilah yang yang digunakan untuk para traveler dengan budget minim menjelajah tempat-tempat eksotik di seluruh dunia, sambil berjalan kaki. Mencari yang serba murah dan sangat menikmati detail perjalanan.
4
c. Mobile programming. termasuk programming yang baru karena mobile programming baru beberapa tahun ini digunakan secara besar-besaran untuk menghasilkan aplikasi yang dapat berjalan pada media mobile (ponsel/PDA) Dari ketiga programming diatas yang akan di bahas adalah web programming, karena tentu saja untuk membuat aplikasi pada media internet dibutuhkan penguasaan pada bahasa pemproraman berbasis web Pemprograman web menggunakan bahasa berupa script yang akan berjalan pada sisi klien (client side) dan sisi server ( sever side) a.
Client side
Pada sisi klient, script yang dibuat akan dijalankan pada kompu ter klient atau user di tampilkan hasilnya pada browser scripting, diantaranya adalah HTML, CSS dan Javascript, kegunaannya adalah untuk membuat tampilan lebih menarik dan dinamis. b.
Server Side
Cara kerja script pada sisi server, script akan dijalankan pada komputer server, kemudian server akan mengirimkan hasilnya pada komputer klien dan klien hanya menampilkan isinya. Cara kerja script pada server side akan berbeda dari client side, pada server side terdapat pula keuntungan dan kerugian, keuntungan nya adalah tingkat keamanan yang tinggi, pengaksesan pada database, dan membuat tampilan pada web menjadi interaktif, sedangkan kerugiannya membuat server menjadi lebih berat, karena server side membutuhkan banyak resource untuk mendukung scripting tersebut. Sever side scripting diantaranya PHP, pearl dan lsebagainya. 2.2 Prinsip Dasar Pembangunan Web Beberapa aspek penting yang perlu diperhatikan dalam membangun web diantaranya: 1. Keamanan, yang menjamin informasi aman dari segala bentuk gangguan. 2. Kecepatan, efisiensi waktu yang dibutuhkan untuk mengakses informasi secara utuh. 3. Interaktif, interaksi pengguna internet dengan pemilik web terhadap informasi yang di akses 4. Relevansi, informasi dan fasilitas yang disediakan 5. Up to Date, informasi yang disajikan adalah informasi terbaru dan aktual
5
2.3 Promosi Promosi adalah suatu usaha untuk memperkenalkan dan mempengaruhi orang atau pihak lain sehingga tertarik untuk melakukan transaksi atau pertukaran produk barang atau jasa yang dipasarkan. 2.3.1 Tujuan Promosi 1.
Menyebarkan informasi produk kepada target pasar potensial
2.
Untuk mendapatkan kenaikan penjualan atau profit
3.
Untuk mendapatkan pelanggan baru dan menjaga kesetiaan pelanggan
4.
Untuk menjaga kestabilan penjualan ketika terjadi lesu pasar
5.
Membedakan
serta
mengunggulkan
produk
dibanding
produk
pesaing
(kompetitor) 6.
Membentuk citra produk di mata konsumen sesuai dengan yang diinginkan.
Dalam ilmu marketing, promosi merupakan salah satu komponen dalam marketingmix (product,price,place, dan promotion) terkait dengan strategi dan teknik dalam internet marketing, kegiatan promosi juga memegang peranan penting, terutama dalam rangka menghasilkan traffic (kunjungan) maka dikenalah apa yang disebut dengan promosi online. Secara sederhana promosi online dapat diartikan sebagai kegiatan berpromosi yang dilakukan menggunakan media internet.
2.3.1
2
Promosi Online dengan Menggunakan Website
Keuntungan promosi online dengan menggunakan website antara lain3 •
International coverage Website dapat diakses oleh seluruh pengguna internet di dunia. Informasi yang
disajikan di website dapat diakses dan dibaca oleh seluruh pengunjung website dari seluruh dunia. Tidak hanya di Jakarta saja, atau Indonesia saja. •
Lifetime useful Selama website aktif, maka informasi yang ingin disampaikan, dapat diakses.
Tidak seperti televisi, koran atau majalah, Iklan di media konvensional tersebut hanya akan tampil selama 3 menit saja, atau satu hari saja. •
2 3
Complete.
Wikan Pribadi. 2010. 16 Cara Efektif Mendatangkan Pelanggan Lewat Internet, Bukune, hal. 3 Rangga Aradea. 2011. Website Sebagai Media Promosi. http://jurnalkreatif.com/jurnal/websitesebagai-media-promosi/ diakses tanggal 15 Agustus 2011
6
Informasi yang ingin di sampaikan akan lebih lengkap dan komplit jika menggunakan website sebagai media iklan. Profil perusahaan, harga produk, cabang/perwakilan, promosi/campaign/diskon sementara karena keterbatasan tempat dan biaya, maka iklan di TV dan koran, biasanya s angat singkat. •
Database. Dapat dijadikan sebagai alat untuk mendapatkan database pelanggan.
•
Cost Saving Website jauh lebih murah jika dibandingkan dengan iklan di TV atau koran.
2.4 Perangkat Lunak yang di Pakai a.
Adobe Photoshop CS3
Adobe Photoshop adalah perangkat lunak editor citra buatan Adobe Systems yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek. citra yang dihasilkan kemudian dapat digunakan dalam penerbitan halaman web. Versi yang terakhir (keduabelas) adalah Adobe Photoshop CS5. b.
Macromedia Dreamweaver CS3
Dreamweaver adalah suatu bentuk program editor web dibuat oleh Macromedia, merupakan sebuah aplikasi yang digunakan dalam mendesain halaman website. Disamping kemudahan, integrasi beberapa file kedalamnya menjadikannya lebih unggul dibanding aplikasi-aplikasi lain yang sejenis. Bagi designer pemula dreamweaver CS3 memberikan kemudahaan interface dalam me-layout halaman web, bahkan bagi kalangan professional dan programmer aplikasi ini juga memberi kem udahan dalam mengetik script-script karena support bahasa pemrograman PHP, ASP, JSP di samping dukungan Layout dengan CSS. Sebagai editor, dreamweavr CS3 mempunyai sifat yang WYSIWYG (what you see is what you get) artinya apa yang kamu lihat akan kamu peroleh, dengan kelebihan ini seorang programmer dapat langsung melihat hasil buatannya tanpa harus dilihat pada browser. Versi sebelum dreamweaver CS3 yakni dreamweaver versi CS2 dan CS. Yang membedakan versi CS3 dengan versi sebelumnya adalah bentuk tabel – tabelnya yang diimplimentasikan menjadi icon -icon yang mempermudah dalam penggunaannya, bantuan pada halaman code pun dimiliki oleh dreamweaver CS3 sehingga membantu programmer jika lupa.
7
c.
Xammp Versi 1.7.7 XAMPP singkatan dari Apache, PHP, MySQL dan phpMyAdmin merupakan tool
yang menyediakan paket perangkat lunak o p e n source ke dalam satu buah paket. Dengan menginstall XAMPP maka tidak perlu lagi melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL secara manual. XAMPP akan menginstalasi dan mengkonfigurasikannya secara otomatis. Versi XAMPP terbaru saat ini adalah versi 1.7.7 Software xampp versi ini terdiri atas: •
phpMyAdmin 3.4.5 phpMyAdmin 3.4.5
•
MySQL 5.5.16 MySQL 5.5.16
•
PHP 5.3.8 PHP 5.3.8
•
Apache 2.2.21 Apache 2.2.21
•
PHPMyAdmin
PhpMyAdmin adalah suatu program open source yang berbasis web yang dibuat menggunakan aplikasi PHP. Program ini digunakan untuk mengakses database MySQL. Program ini mempermudah dan mempersingkat kerja. Dengan kelebihannya, para pengguna awam tidak harus paham sintak – sintak SQL dalam pembuatan database dan tabel. Untuk mengaktifkan phpMyAdmin langkah-langkahnya adalah: 1.
Setelah XAMPP kita terinstall, kita harus mengaktifkan web server Apache dan MySQL dari control panel XAMPP.
2.
Jalankan browser Mozilla Firefox lalu mengetikkan alamat web berikut : http://localhost/phpmyadmin/ pada address bar lalu tekan Enter.
3.
apabila telah nampak interface (tampilan antar muka) phpMyAdmin, kita bisa memulainya dengan mengetikkan nama database, nama tabel dan seterusnya.
d.
Mozilla Firefox
Web browser adalah sebuah perangkat lunak yang memungkinkan pengguna untuk menampilkan dan berinteraksi dengan text, gambar, dan informasi yang ada pada halaman web, paling popular saat ini adalah Firefox Phoenix. Mozilla Firefox (aslinya bernama Phoenix dan kemudian untuk sesaat dikenal sebagai Mozilla Firebird) adalah penjelajah web antar plartfrom gratis yang dikembangkan oleh yayasan mozilla dan ratusan
sukarelawan.
Mozilla
firefox
merupakan
browser
pertama
yang
mendapatkan perhatian lebih dari masyarakat dalam skala besar dan mempunyai standard complaint, tersedia dalam berbagai platform OS, dan memiliki tab yang
8
maksimal. Firefox termasuk graphical browsers, yang berarti dapat menampilkan graphics ataupun text dengan sama baiknya. Mozilla lebih dipilih oleh masyarakat karena faktor keamanan yang lebih handal dibanding Internet explorer milik Microsoft.
3.
4
Desain Dan Perancangan 3.1 Data Flow Diagram level 0
Berikut adalah gambar data flow diagram level 1 :
DFD level 0 merupakan diagram tingkat atas yang merupakan diagram dari sebuah sistem yang menggambarkan aliran-aliran data yang masuk dan keluar dari sistem dan yang masuk dan keluar dari entitas luar. Aliran-aliran data yang masuk dari entitas baik dari petugas yang berupa nilai-nilai parameter akan diproses oleh sistem sehingga menghasilkan keluaran berupa nilai-nilai parameter tertentu yang kemudian hasil proses tersebut akan disampaikan ke pengguna web (pelanggan)
3.2 Perancangan Struktur Halaman Website Struktur situs web berfungsi untuk mengetahui relasi antar dokumen web yang akan dibuat. Struktur tersebut akan memberikan kemudahan untuk menentukan alur link-link dalam website tersebut. Ø
4
Struktur Halaman Website Untuk Umum
Ilkomab. 2008. Sejarah Perkembangan Mozilla Firefox, http://www.ilkomab.wordpress.com/2008/11/26/sejarah -perkembangan-mozilla-firefox/ diakses tanggal 20 Agustus 2011
9
Ø
Struktur Halaman Website Untuk Pelanggan
Ini adalah struktur halaman bagi pelanggan (user yang telah login) struktur halamannya seperti pada gambar berikut
3.3 Perancanagan Desain Halaman Website
HEADER logo slide menu
BODY LEFT
BODY RIGHT
FOOTER
Keterangan : A. HEADER : Berisi logo, slide gambar penginapan lisar bahari dan menu yang berisi menu home (index), rooms, facilities, packages, locati on dan contact us. B. BODY LEFT : Berisi check availability, customer login /customer area, testimonies dan contact us (marketing) C. BODY RIGHT : Berisi text atau gambar yang merupakan penjelasan dari menu. D. FOOTER : Berisi informasi hak cipta, dan contact information Gambar 4.12 Rancangan Desain Halaman Admin
4. Pembuatan Website 4.1 Halaman User 1. Halaman Home (Index) Merupakan halaman utama atau index yang berisi berbagai menu dan link untuk memudahkan user di dalam mencari informasi yang diinginkan adapun tampilan dari halaman home/index adalah sebagai berikut:
2. Halaman Rooms Halaman ini berisikan informasi tentang jenis kamar,deskripsi fasilitas kamar beserta harganya.
11
3.
Halaman Facilities Halaman ini berisikan informasi fasilitas (services) yang disediakan oleh penginapan
lisar bahari, diantaranya fasilitas penyewaan alat snorkeling, penyewaan kapal, serta fasilitas pelayanan laundry.
4.
Halaman Packages Halaman ini berisikan informasi harga dan penjelasan paket – paket tour wisata yang
disediakan penginapan, diantaranya tour wisata bahari dan tour wisata ke desa primitif.
12
5.
Halaman Location Halaman ini berisikan peta letak penginapan dan link untuk melihat lokasi
Penginapan Lisar Bahari di google map, selain itu terdapat penjelasan informasi transportasi dan biaya transportasi dari Jakarta menuju Penginapan.
Bila link use google map to define our location yang berada di bawah gambar peta diklik akan menuju lo kasi Penginapan Lisar Bahari pada google map
5
, Dengan user
melakukan sign in pada akun email di google, user dapat menyimpan peta ini pada akun google maps pribadinya. 4.2 Halaman Pelanggan Pada customer login form, Dengan mengisi username dan password maka user akan langsung dapat masuk ke halaman customer area, selanjutnya dapat melakukan reservasi, jika pelanggan lupa atau salah mengisi akun, maka akan ada halaman pemberitahuan untuk pengisian kembali atau pelanggan diminta mengirim email kepada petugas.
5
http://maps.google.co.id/maps/ms?hl=id&mpa=0&authuser=0&ctz=420&mpf=0&vps=5&ie=UTF8&oe=UTF8&msa=0&msid=214658509333151651740.0004af307c 3217bcccef5
13
Setelah login ke area pelanggan (customer area) maka pengunjung dapat melakukan pemesanan
kamar,
dengan
terlebih
dahulu
mengecek
ketersediaan
kamar.
Penjelasannya dapat dilihat pada gambar berikut :
Dengan mengisi tgl cekin dan cekout pada check availibility di body sebelah kiri Memilih kamar dengan mencentang kotak
1.
Halaman My Reservation Halaman ini menampilkan data reservasi dan tagihan yang telah dilakukan
pelanggan. Pada halaman ini pula berisi sub halaman confirm payment (konfirmasi pembayaran)
5. Kesimpulan Setelah terselesainya laporan tugas akhir ini, maka penulis memberikan beberapa kesimpulan sebagai berikut: 1.
Melalui website, industri penyedia jasa penginapan lisar bahari dapat melakukan promosi yang juga merupakan bagian dari mempromosikan obyek w isata Indonesia khususnya Maluku.
2.
Semua data yang disajikan dalam website ini membantu wisatawan baik lokal maupun mancanegara dalam mendapatkan informasi yang lengkap dan terupdate. yang hasil akhirnya untuk menarik minat dan tindakan pengunjung
Daftar Pustaka Wikan Pribadi. 2010. 16 Cara Efektif Mendatangkan Pelanggan Lewat Internet Rangga Aradea. 2011. Website Sebagai Media Promosi. http://jurnalkreatif.com/jurnal/website -sebagai-media -promosi/
15
