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/