Volume VI/ No. 1/Mei/2014 57
Pengembangan Aplikasi Wisata Alam Indonesia Berbasis Web
Erlina
1, Wiwied Widyaningsih
2, Rifiana Arief
31,2,3
Program Studi Sistem Informasi, Universitas Gunadarma Jl. Margonda Raya No 100, Pondok Cina, Depok 16424
Email :
1[email protected] ,
2[email protected]
3
[email protected]
ABSTRAK
Mempromosikan wisata alam Indonesia pada masyarakat luas sudah sering dilakukan antara lain melalui media cetak maupun melalui media televisi. Kekurangan dari cara promosi dengan media cetak adalah mudah hilang, sobek dan dibutuhkan biaya lebih besar jika terjadi perubahan data, sedangkan untuk media televisi kekurangannya adalah tidak bisa mengulang informasi yang diinginkan jika waktunya terlewatkan. Untuk mengatasi masalah ini diperlukan media promosi yang lebih efektif dalam penyimpanan dan pengelolaan data dan mudah dalam mengaksesnya yaitu dengan media website. Pengembangan aplikasi ini melalui beberapa tahap yaitu menganalisa masalah, pembuatan model aplikasi dengan UML, struktur navigasi, desain tampilan antar muka, rancangan database, pembuatan program dan uji coba program. Adapun perangkat lunak yang digunakan pada tahap pembuatan program adalah PHP dan Database MySQL. Aplikasi sistem ini menghasilkan keluaran aplikasi wisata alam Indonesia berbasis web dengan fitur yang cukup lengkap antara lain gallery, article, contact, download, agenda dan menu admin. Dengan adanya website ini dapat memberi informasi wisata alam mempromosikan gunung, laut, gua dan tebing populer di Indonesia.
Kata Kunci: Informasi, PHP, Website, Wisata alam
PENDAHULUAN
Teknologi informasi dan komunikasi dari masa ke masa berkembang dengan pesat, sehingga para individu pada khususnya merasa dimudahkan dan sangat bergantung dengan adanya perkembangan teknologi informasi dan komunikasi ini. Terlebih lagi dengan perkembangan teknologi komputer yang dewasa ini mendorong pemakaian multimedia secara luas diberbagai bidang, dapat lebih memudahkan dalam penyebaran informasi dan promosi.
Saat ini jalur internet merupakan terobosan yang sangat baik dan sangat efisien dalam kemajuan teknologi komputer. Apalagi pengguna jalur internet ini sudah semakin meluas baik dibidang pendidikan, hiburan, bisnis, kesehatan dan bidang-bidang lain yang memerlukan jasa dari internet. Sistem jaringan komputer yang satu ini memiliki jangkauan yang sangat luas dibandingkan sistem jaringan komputer lain, karena internet tidak memiliki keterbatasan terhadap ruang dan waktu. Oleh sebab itu banyak orang memanfaatkan sistem jaringan ini terutama untuk pendidikan, hiburan, bisnis dan kesehatan.
Indonesia memiliki keaneka ragaman wisata yang sangat indah, tersebar di pulau-pulau besar dan kecil yang ada di Indonesia. Pihak dari pemerintah dan swasta sedang menggalakkan promosi tempat wisata alam ini, karena untuk menjaga keadaan wisata alam tersebut tetap baik (terawat, bersih dan aman), diperlukan dana yang cukup besar. Maka dari itu dari pihak pemerintah dan swasta mempromosikannya dengan menggunakan mediamedia entertaiment, seperti majalah, koran, televisi, dan lain-lan. Dan yang
paling gencar mempromosikan tempat-tempat wisata alam yang
ada di Indonesia adalah media cetak dan televisi.
Saat ini banyak sekali acara-acara eksplorasi alam yang di tampilkan di televisi-televisi swasta, Hal ini membuat masyarakat tertarik untuk menjelajahi tempat yang sempat ditayangkan di acara televisi. Namun mungkin jika mereka
melewatkan acara televisi tersebut, maka akan tertinggal informasinya. Sedangkan kekurangan dari cara promosi dengan media cetak adalah mudah hilang, sobek dan dibutuhkan biaya lebih besar jika terjadi perubahan data Untuk itu diperlukan suatu sarana untuk menyediakan informasi yang lebih efisien. Berdasarkan permasalahan-permasalahan tersebut, dibuat sebuah bentuk tampilan website ke dalam internet berupa informasi data teks dan tampilan gambar tempat wisata alam yag ada di Indonesia. Dengan adanya website ini dapat memberi informasi wisata alam mempromosikan gunung, laut, goa dan tebing populer di Indonesia
Metode Penelitian
Kerangka penelitian dalam pengembangan sistem informasi ini menggunakan metode SDLC (Software Development Life Cycle) . (John Satzinger, 2008).
Terdapat dua langkah yang dilakukan dalam perancangan aplikasi wisata alam ini yaitu :
1. Analisa
Pada tahap ini yang dilakukan adalah mengumpulkan kebutuhan sistem dengan mencari literatur yang berhubungan dengan permasalahan
Erlina, Wiwied Widyaningsih, Rifiana Arief 58 yang dibahas terutamai informasi tentang gunung
dan laut yang ada di Indonesia berupa teks dan gambar untuk mendukung dalam penyelesaian peracangan website ini. Menganalisa kebutuhan pengguna terhadap informasi wisata alam.
2. Perancangan Sistem
Pada tahapan ini melakukan pembuatan desainmodel sistem dengan menggunakan UML, merancang desain struktur navigasi, desain rancangan tampilan antar muka dan desain database.
PEMBAHASAN Analisa Sistem
Wisata alam di indonesia adalah hal menarik yang perlu dipublikasikan secara luas agar menarik minat para pengunjung. Kebutuhan informasi akan wisata alam sangat tinggi dilihat dari hasil wawancara terhadap para petualang yang menyukai kunjungan ke obyek wisata Indonesia. Ada beberapa website yang berhubungan dengan daerah wisata hanya saja kebanyakan hanya menampilkan informasi dari satu daerah saja. Kurang lengkapnya informasi dan fitur yang disajikan menyebabkan kurangnya pengetahuan terhadap objek wisata alam tersebut. Selain itu media lain seperti televisi juga memiliki kekurangan karena terbatasnya waktu dalam penyampaian dan tidak bisa mengulang informasi yang sama. Media cetak juga memiliki kekurangan yaitu dibutuhkan biaya besar untuk pencetakan ulang jika terjadi perubahan informasi pada obyek wisata. Dibutuhkan sebuah aplikasi tentang wisata alam Indonesia berbasis web yang mudah dalam penyimpanan data dan mampu mengelola informasi baik berupa teks maupun gambar, selain itu memiliki fitur yang lengkap tetapi mudah digunakan.
Desain Model Aplikasi Wisata Alam Berbasis Web
Desain Model Aplikasi ini dbuat dengan Struktur navigasi dan Unified Modeling Language . Struktur Navigasi adalah gambaran UML adalah sebuah bahasa untuk menentukan , visualisasi, konstruksi dan mendokumentasi deskripsi dari sistem software untuk memodelkan bisnis yang digunakan untuk pengembangan aplikasi berbasis Object-Oriented (Suhendar, 2002).
a. Pembuatan Use Case Diagram
Dalam use case model Sistem Wisata Alam Indonesia ada 2 aktor yang terlibat yaitu admin dan pengguna.
Aktor admin dalam sistem menggunakan sistem untuk masuk ke halaman home ,login ke sistem, masuk ke halaman web dan halaman perubahan pengaturan . Aktor user dalam sistem menggunakan sistem untuk masuk ke halaman-halaman yang ada antara lain halaman profile, contact, gallery dll. Gambar untuk Use Case ini dapat dilihat pada gambar 1 dan gambar 2.
Gambar 1. Diagram Use Case Admin
Gambar 2. Diagram Use Case User
b. Pembuatan Diagram Aktivitas
Diagram aktivitas menunjukan kegiatan yang dilakukan oleh masing masing aktor terhadap Aplikasi Wisata Alam ini. Aktivitas aktor Admin Web ditunjukan pada Gambar 3, aktor Pengguna Web Wisata Alam dapat dilihat pada Gambar 4.
Admin menggunakan Aplikasi Wisata Alam ini untuk melakukan aktivitas utama yaitu login , melakukan penambahan dan perubahan isi web antara lain kontak, komentar, album, polling dan agenda.
Pengguna website melakukan aktivitas utama yaitu eksplorasi halaman-halaman web wiasata alam, mengisi komentar, mengisi kontak, polling, melihat agenda kegiatan dan artikel.
Gambar 3. Diagram Aktivitas Admin
Volume VI/ No. 1/Mei/2014 59 Gambar 5. Diagram Aktivitas User
Struktur Navigasi
Struktur navigasi yang digunakan dalam website ini merupakan struktur navigasi non-linier. Navigasi untuk mengakses halaman web dapat dilihat pada gambar 6, sedangkan navigasi untuk mengelola informasi terdapat pada gambar 7.
Gambar 6. Struktur Navigasi User
Gambar 7. Struktur Navigasi Admin Desain rancangan tampilan antar muka
Pada tahap ini di dilakukan perancangan tampilan tiap- tiap halaman pada website yang dibuat.
a. Rancangan Halaman Home
Halaman home merupakan halaman yang pertama kali muncul saat membuka website ini. Pada posisi paling atas terdapat logo website.Dibawahnya terdapat menumenu berupa Home, Profile, Articles, Contact, Gallery, Download dan Agenda. Pada bagian isi terdapat short review tentang artikel-artikel.Pada bagian sidebar sebelah kanan terdapat beberapa widgets, yaitu Search Box, Category, Polling dan Banner.Dan pada bagian footer, terdapat label copyright dan widgets berupa Popular Articles, New Comments dan Agenda.
Gambar 8. Rancangan Halaman Home b. Rancangan Halaman Profile
Pada halaman ini yang berubah hanyalah pada bagian isi. Pad bagian isi terdapat profil pembuat website berupa gambar/foto dan juga pesan singkat berupa teks.
Gambar 9. Rancangan Halaman Profile
c. Rancangan Halaman Articles
Pada halaman ini, di bagian di bagian isi terdapat 8 short review artikel terakhir yang diinput ke dalam website.
Erlina, Wiwied Widyaningsih, Rifiana Arief 60 Gambar 10. Rancangan Halaman Articles
d. Rancangan Halaman Contact
Pada halaman ini, di bagian isi terdapat 5 field yang harus di isi untuk memberi saran, bertanya, ataupun memberikan kritik. 5 field tersebut adalah field Name, Email, Subject, Message dan Verification Code.
Gambar 11. Rancangan Halaman Contact
e. Rancangan Halaman Gallery
Pada halaman ini, di bagian isi terdapat beberapa cover album. Karena album yang dibuat hanya 2 yaitu gunung dan laut, maka yang tampil hanya 2 cover album.
Gambar 12. Rancangan Halaman Contact
f. Rancangan Halaman Download
Pada halaman ini, di bagian isi terdapat file list yang dapat di download. File yang dapat di download dapat berupa file berekstensi .pdf, .exe, .zip, .rar, .doc, .xls, .ppt, .gif, .png dan .jpg.
Gambar 13. Rancangan Halaman Download
g. Rancangan Halaman Agenda
Pada halaman ini, di bagian isi terdapat 8 events yang akan segera terselenggara.
Gambar 14. Rancangan Halaman Agenda
h. Rancangan Halaman Login Admin
Pada halaman ini, terdapat 2 field yang digunakan untuk login sebagai admin, yaitu username dan password. Dibawahnya terdapat button login.
Gambar 15. Rancangan Halaman Login Admin
i. Rancangan Halaman Menu Admin
Pada halaman ini terdapat tabel yang berisikan icon- icon mewakili modul-modul menu yang ada di sebelah kanan terdapat menu-menu admin berupa sidebar.
Volume VI/ No. 1/Mei/2014 61 Gambar 16. Rancangan Halaman Menu Admin
j. Rancangan Halaman Modul-Modul Admin Struktur tiap modul sama, yaitu tabel di sebelah kiri dan menu di sidebar sebelah kanan. Jadi, ini mewakili semua modul admin hanya isi tabelnya saja yang berbeda.
Gambar 17. Rancangan Halaman Modul-modul Admin
Database yang digunakan dalam pembuatan website wisata alam ini adalah untuk mencatat serta menyimpan file yang berisi data yang ada pada aplikasi.
Untuk pembuatan program digunakan satu buah database dengan nama adventure-indonesia yang di dalamnya terdapat beberapa tabel. Hubungan antar tabel dalam database digambarkan dengan Entity Relationship Diagram (.ERD) Pada Gambar 18 adalah gambar ERD untuk tabel users, berita, kategori, agenda dan komentar sedangkan untuk galery dan album yang tidak berelasi secara langsung dengan tabel sebelumnya digambarkan pada ERD Gambar 19.
Gambar 18. ERD Adventure Indonesia
Gambar 18. ERD Gallery
Tabel-Tabel Database
Tabel-tabel utama yang digunakan dalam rancangan database adalah sebagai berikut
a. Tabel Agenda
Digunakan untuk menyimpan event yang akan berlangsung.
Erlina, Wiwied Widyaningsih, Rifiana Arief 62 Tabel 1. Tabel agenda
No. Field Type Size
1 Id_agenda Integer 5
2 Tema Varchar 20
3 Tema_seo Varchar 20
4 Isi_agenda Text
5 Tempat Varchar 20
6 Pengirim Varchar 20
7 Tgl_mulai Date 8 Tgl_selesai Date 9 Tgl_posting Date
10 Jam Varchar 20
11 Username Varchar 20
b. Tabel album
Digunakan untuk menyimpan kumpulan foto yang telah dikelompokkan.
Tabel 2. Tabel anggota
No. Field Type Size
1 Id_album Integer 5
2 Jdl_album Varchar 25
3 Album_seo Varchar 25
4 Gbr_album Varchar 25
5 Aktif Enum ‘Y’,’N’
c. Tabel banner
Digunakan untuk menyimpan banner yang akan ditampilkan sebagai widget.
Tabel 3. Tabel banner
No. Field Type Size
1 Id_banner Integer 5
2 Judul Varchar 25
3 Url Varchar 50
4 Gambar Varchar 25
5 Tgl_posting date
d. Tabel berita
Tabel ini berisi tentang artikel berupa informasi gunung dan laut baik berupa teks maupun gambar.
Tabel 4. Tabel berita
No. Field Type Size
1 Id_berita Integer 5
2 Id_kategori Integer 5
3 Username Varchar 20
4 Judul Varchar 25
5 Judul_seo Varchar 25
6 Headline Enum ‘Y’,’N’
7 Isi_berita Text
8 Hari Varchar 20
9 Tanggal Date
10 Jam Time
11 Gambar Varchar 25
e. Tabel download
Tabel ini berisi file yang dapat diunduh oleh siapa saja melalui website ini.
Tabel 5. Tabel download
No. Field Type Size
1 Id_download Integer 5
2 Judul Varchar 25
3 Nama_file Varchar 25
4 Tgl_posting Date
5 Hits Integer 4
f. Tabel gallery
Digunakan untuk menampung gambar-gambar gunung dan laut yang ada di Indonesia.
Tabel 6. Tabel gallery
No. Field Type Size
1 Id_gallery Integer 5
2 Id_album Integer 5
3 Jdl_gallery Varchar 25 4 Gallery_seo Varchar 25 5 Keterangan Text
6 Gbr_gallery Varchar 25
g. Tabel halaman statis
Digunakan untuk menyimpan profil pembuat website.
Tabel 7. Tabel halaman statis
No. Field Type Size
1 Id_halaman Integer 5
2 Judul Varchar 25
3 Isi_halaman Text 4 Tgl_posting Date
5 Gambar Varchar 25
h. Tabel hubungi
Digunakan untuk menyimpan data kontak yang dapat dihubungi oleh user.
Tabel 8. Tabel hubungi
No. Field Type Size
1 Id_hubungi Integer 5
2 Nama Varchar 20
3 Email Varchar 30
4 Subjek Varchar 25
5 Pesan Text
6 Tanggal Date
i. Tabel identitas
Tabel ini berisi tentang identitas website
Tabel 9. Tabel identitas
No. Field Type Size
1 Id_identitas Integer 5 2 Nama_website Varchar 25 3 Meta_deskripsi Varchar 75 4 Meta_keyword Varchar 50
5 Favicon Varchar 20
j. Tabel kategori
Tabel ini berisi tentang kategori artikel yang diposting, dari daerah mana tempat wisata tersebut.
Tabel 10. Tabel kategori
No. Field Type Size
1 Id_kategori Integer 5 2 Nama_kategori Varchar 20
Volume VI/ No. 1/Mei/2014 63 3 Kategori_seo Varchar 20
4 Aktif Enum ‘Y’,’N’
k. Tabel komentar
Tabel ini berisi field yang dibutuhkan untuk membuat komentar di dalam website.
Tabel 11. Tabel komentar
No. Field Type Size
1 Id_komentar Integer 5
2 Id_berita Integer 5
3 Nama_komentar Varchar 20
4 Url Varchar 50
5 Isi_komentar Text
6 Tgl Date
7 Jam_komentar Time
8 Aktif Enum ‘Y’,’N’
Pembuatan Program
Pada website ini, dibuat file yang digunakan untuk konfigurasi umum yang mungkin akan dipanggil pada halaman lain. File konfigurasi tersebut adalah
“class_paging.php” yaitu untuk pengaturan segala yang berhubungan dengan halaman, “fungsi_autolink.php”
yaitu untuk pengaturan pembuatan link secara otomatis, “fungsi_badword.php” yaitu untuk pengaturan penyaringan kata-kata yang tidak diperbolehkan ada di didalam website ini,
“fungsi_combobox.php” yaitu untuk pengaturan pembuatan combo tanggal, bulan dan tahun seperti yang ada pada modul agenda di halaman admin,
“fungsi_indotgl.php” yaitu untuk pengaturan pembuatan tanggal pada saat posting, “fungsi_seo.php”
yaitu untuk pengaturan Search Engine Optimizer untuk mempermudah pencarian, “fungsi_thumb.php” yaitu untuk pengaturan segala yang berhubungan dengan gambar, “fungsi_validasi.php” yaitu untuk pengaturan penyaringan databasenya valid atau tidak,
“koneksi.php” untuk pengaturan menyambungkan database dengan website dan “library.php” untuk pengaturan waktu, hari, tanggal, bulan dan tahun saat ini.
Uji coba program
Untuk menguji situs ini, yang pertama dilakukan adalah mengaktifkan Apache dan MySQL pada XAMPP Control Panel yang telah terinstal, lalu menempatkan folder website yang telah dibuat yaitu
“adventure-indonesia” ke dalam folder “htdocs” yang berada pada “C:\xampp\htdocs”. Berdasarkan hasil penilaian yang dilakukan, ada beberapa hal yang perlu diperhatikan untuk mendapatkan hasil terbaik. Hal yang perlu diperhatikan tersebut ialah mengenai spesifikasi teknis sistem yang digunakan dan cara publikasi website ini sehingga dapat dijalankan.
Spesifikasi teknis sistem yang dimaksud disini adalah perangkat keras dan perangkat lunak yang saling mendukung dan memiliki kemampuan untuk menjalankan aplikasi
Tampilan layout ujicoba program
Karena banyaknya tampilan yang tidak mungkin dapat dilampirkan secara keseluruhan maka disini hanya ditampilkan beberapa halaman layout antara lain halaman admin, halaman contact,serach,gallery dan polling.
Gambar 19. Halaman Admin
Gambar 20. Halaman Contact
Gambar 21 . Halaman Search
Erlina, Wiwied Widyaningsih, Rifiana Arief 64 Gambar 22. Halaman Gallery
Gambar 23. Halaman Polling KESIMPULAN
Pengembangan aplikasi wisata alam ini dilakukan menggunakan bahasa pemrograman PHP dan MySQL, sudah dilakukan uji coba program dan aplikasi berjalan cukup baik dengan fitur yang cukup lengkap baik untuk user dan admin. Untuk admin tersedia 19 modul admin, dimana pengelolaan data cukup efisien dan mudah antara lain untuk pengelolaan data teks dan gambar yang dapat ditambah maupun diedit. Aplikasi ini juga sangat mudah alur dan navigasinya bagi user untuk melihat informasi wisata alam karena gambar dan teks dikelompokkan dalam berbagai kategori. Disediakan fasilitas search untuk user agar dapat mendapat informasi dengan lebih cepat, selain itu dapat mengunduh gambar wisata alam sebagai wallpaper juga terdapat fasilitas komentar, polling dan banyak fasilitas lain lagi yang memberikan kemudahan bagi user untuk berinteraksi terhadap aplikasi ini.
DAFTAR PUSTAKA
[1] Artian, Ruli Arma., dkk. 2010.
Pengembangan Aplikasi Mobile Web Untuk Wisata dan Kuliner Yogyakarta. Jurnal Penelitian Teknik Elektro. Vol. 3, No. 4.
[2] Dadan Sutisna. 2007. 7 Langkah Mudah Menjadi Web Master. Jakarta: Media Kita.
[3] Wiswakarma, Komang. 2009. Membuat Katalog Online dengan PHP dan CSS.
Yogyakarta: Lokomedia.
[4] Hakim, Lukmanul dan Uus Musalini. 2005.
Cara Mudah Memadukan Web Design dan Web Programming. Jakarta: PT. Elex Media Komputindo.
[5] Rafiudin, Rahmat. 2008. 164 Trik Jitu Mempopulerkan Situs Web. Jakarta: PT. Elex Media Komputindo.
[6] Tanaamah, Andeka Rocky dan Retantyo Wardoyo. 2008. Perancangan dan Implementasi WebGIS Pariwisata Kab.
Sumba Timur. Jurnal Informtatika. Vol. 9, No.
2.
[7] Wahadi, Haerul dan Nana Suarna. 2010.
Implementasi Profil Wisata Dieng Jawa Tengah Berbasis Multimedia. Jurnal ICT. Vol.
1, No. 2.