1
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
2
3
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
4
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
tersebut dirasa tidak up to date bagi wisatawan asing khusunya para backpacker1.
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.
5
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
6
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 marketing-
mix (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 on-
line. Secara sederhana promosi online dapat diartikan sebagai kegiatan berpromosi yang
dilakukan menggunakan media internet. 2
2.3.1 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.
• Complete.
2 Wikan Pribadi. 2010. 16 Cara Efektif Mendatangkan Pelanggan Lewat Internet, Bukune, hal. 3 3 Rangga Aradea. 2011. Website Sebagai Media Promosi. http://jurnalkreatif.com/jurnal/website-
sebagai-media-promosi/ diakses tanggal 15 Agustus 2011
7
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 sangat 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.
8
c. Xammp Versi 1.7.7
XAMPP singkatan dari Apache, PHP, MySQL dan phpMyAdmin merupakan tool
yang menyediakan paket perangkat lunak open 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
9
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. 4
3. 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.
Ø Struktur Halaman Website Untuk Umum
4 Ilkomab. 2008. Sejarah Perkembangan Mozilla Firefox,
http://www.ilkomab.wordpress.com/2008/11/26/sejarah -perkembangan-mozilla-firefox/ diakses tanggal 20 Agustus 2011
HEADER logo
Ø 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
slide
menu
BODY LEFT
BODY RIGHT
FOOTER
11
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.
12
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.
13
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.0004af307c3217bcccef5
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 :
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)
Dengan mengisi tgl cekin dan cekout pada
check availibility di body sebelah
kiri Memilih kamar dengan
mencentang kotak
15
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/