Perancangan dan Implementasi Pariwisata Kota Pati Berbasis Web
Menggunakan Framework YII
Artikel Ilmiah
Diajukan kepada Fakultas Teknologi Informasi untuk Memperoleh Gelar Sarjana Komputer
Peneliti :
Daniel Arde Megawan (672009053) Suprihadi, S.Si., M.Kom.
Frederik Samuel Papilaya, S.Kom., M.Cs.
Program Studi Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
PERANCANGAN DAN IMPLEMENTASI WEB PARIWISATA KOTA
enough tourism , yet there is no website special tourism to promote tourism in a city starch .This has led to a lack of interest tourists to on vacation to the city starch .Solve the problem , needed a website information tourism to tourism promotion that is there starch .The website as a medium information and promotion can contain any information about tourism and culinary that is in a city starch .Design system web tourism use framework yii with a database mysql .Framework yii used because application web by yii very light and equipped system sophisticated caching .With the application it may help and loosening the community to find information about tourism that is in a city starch and share information new to men through website.Keywoards :Tourism, Tourism Pati City, Framework Yii, MySQL
Abstrak
Pada era globalisasi saat ini pariwisata merupakan salah satu gaya hidup masyarakat Indonesia. Kota Pati merupakan salah kota yang memiliki banyak pariwisata, namun belum ada website pariwisata yang khusus untuk mempromosikan pariwisata kota Pati. Untuk mengatasi masalah tersebut dibutuhkan sebuah website informasi pariwisata untuk mempromosikan pariwisata yang ada di kota Pati. Website ini sebagai media informasi dan promosi yang bisa memuat segala informasi mengenai pariwisata dan kuliner yang ada dikota Pati. Perancangan sistem web pariwisata ini menggunakan Framework Yii dengan database MySQL. Framework Yii digunakan karena aplikasi web dengan Yii sangat ringan dan dilengkapi system caching. Adanya aplikasi ini dapat membantu dan mempermudah masyarakat untuk menemukan informasi tentang pariwisata yang ada dikota Pati dan berbagi informasi baru dengan orang lain melalui website ini.
Kata Kunci :Pariwisata, Pariwisata Kota Pati, Framework Yii, MySQL
1
Mahasiswa Fakultas Teknologi Informasi Jurusan Teknik Informatika, Universitas Kristen Satya Wacana Salatiga 2
Staff Pengajar Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana Salatiga 3
1. Pendahuluan
Sektor pariwisata merupakan salah satu sektor andalan pemerintah Indonesia untuk menghasilkan devisa negara, oleh karena itu pemanfaatan, pengembangan, pengelolaan dan pembiayaan kawasan wisata harus mendapat perhatian yang serius dari pemerintah dengan melibatkan peran-peran lembaga pemerintah. Di kota Pati khususnya banyak menyimpan sektor pariwisata yang bisa di kunjungi ketika singgah maupun bermalam di kota Pati. Kota Pati sendiri terletak di Provinsi Jawa Tengah dan Ibukotanya adalah Pati. Kota atau kabupaten ini berbatasan dengan Laut Jawa di utara, Kabupaten Rembang di Timur, Kabupaten Blora dan Grobogan di selatan, serta Kabupaten Kudus dan Jepara dibarat. Kabupaten ini terkenal dengan semboyan “Pati Bumi Mina Tani”.
Berkembangnya sektor pariwisata yang semakin bergerak pesat saat ini maka di perlukan aplikasi web yang memadai, aplikasi web yang semula hanya merupakan aplikasi static saat ini sudah berubah menjadi lebih dinamis dan interaktif. Di kota Pati sendiri sudah memiliki website pariwisata namun website
tersebut masih menjadi satu dengan website resmi kota Pati sehingga sering ada keluhan dari para wisatawan dalam menemukan website pariwisata dalam artian jika kita ingin mengakses web pariwisata kota Pati kita harus masuk terlebih dahulu ke website resmi kota Pati kemudian barulah kita dapat menemukan web
pariwisata kota Pati yang berada diprofil pemerintahan, maka dari itu dibuatlah
website khusus Pariwisata yang mudah untuk diakses dan tentunya bisa memberikan informasi tentang pariwisata yang ada di kota Pati dan juga memudahkan admin dalam mengedit informasi pariwisata dalam website pariwisata nantinya.
Atas dasar latar belakang tersebut maka diperlukan suatu website yang dapat membantu para wisatawan dalam menemukan website pariwisata di kota Pati dan juga memudahkan admin dalam mengedit informasi dalam website
pariwisata. Pada latar belakang masalah yang ditemukan, maka dirumuskan masalah yaitu bagaimana merancang dan membangun website informasi pariwisata dengan menggunakan Framework Yii.
Penggunaan Framework Yii dalam pembuatan website ini di karenakan Yii
termasuk Framework baru yang sudah berisi script yang memudahkan programmer atau developer dalam menangani masalah koneksi ke database dan pemanggilan variable dan juga penggunaan Yii dalam pembuatan website ini dikarenakan Yii sudah termasuk website dinamis sehingga dalam mengedit informasi pariwisata dalam dilakukan di dalam website dengan memasukan id dan
password tanpa harus masuk melalui database.
Agar penelitian ini lebih terarah dan permasalahan yang dibahas tidak terlalu luas maka batasan masalah diterapkan disini dengan batasannya sebagai berikut : Pembuatan website pariwisata berfungsi untuk memudahkan para wisatawan dalam menemukan website informasi mengenai pariwisata yang ada di kota Pati. Pembuatan website menggunakan FrameworkYii.
secara cepat, akurat, tepat waktu dan juga memudahkan admin dalam mengedit informasi di website pariwisata.
Manfaat yang diharap dari penelitian ini adalah mempercepat pelayanan terhadap pariwisata, memudahkan dalam pencarian informasi objek pariwisata yang ada di kota Pati, dan lebih mudah dalam pengelolaan website nantinya.
2. Tinjauan Pustaka
Pada penelitian yang berjudul „Pengembangan Sistem Informasi Promosi
Pariwisata Berbasis Web Pada Kabupaten Pringsewu” dijelaskan bahwa dengan sistem yang dirancang ini, wisatawan atau masyarakat luas dapat mengetahui tentang informasi tempat-tempat wisata yang ada di kabupaten Pringsewu[1]. Penelitian yang lain adalah „Pembuatan Sistem Informasi Evaluasi
Softskill Berbasis Web Menggunakan Framework Yii Studi Kasus : Diploma Iii Teknik Informatika Fmipa Uns‟.Hasil yang diperoleh dengan menggunakan
Framework Yii adalah ternyata dari hasil penelitian ini menghasilkan sistem informasi softskill baru yang mampu menangani pengelolaan sistem softskill yang diterapkan di DIII Teknik Informatika FMIPA UNS berbasis web lebih mudah dikembangkan menggunakan Framework Yii[2].
Pada penelitian kali ini akan dibuat website yang memakai Framework Yii
dalam pembuatan web pariwisata. Output yang dihasilkan dari pembuatan web
pariwisata ini adalah pengguna dapat dengan mudah mengakses dan menemukan
web pariwisata di kota Pati tanpa harus masuk melalui website resmi seperti yang sudah ada, dan juga memudahkan admin dalam mengedit konten maupun informasi pariwisata melalui website dengan memasukan id dan password tanpa harus masuk kedalam database.
Penelitian ini mengunakan Framework Yii dalam pembuatan website
pariwisata Kota Pati. Yii adalah Framework (kerangka kerja) PHP berbasis komponen, berkinerja tinggi untuk pengembangan aplikasi web berskala besar. Yii menyediakan reusablity maksimum dalam pemrograman web dan mampu meningkatkan kecepatan pengembangan secara signifikan. Nama Yii (di eja sebagai /i/;/) singkatan dari “Yes it is”. Yii mengimplementasikan pola desain
model- view-controller (MVC), yang diadopsi dalam pemrograman web[6].
Model-View-Controller(MVC)“Yii mengimplementasikan pola desain
model-view-controller (MVC), yang diadopsi secara luas dalam pemrograman
web. MVC bertujuan untuk memisahkan logika bisnis dari pertimbangan antar muka pengguna agar para pengembang bisa lebih mudah mengubah setiap bagian tanpa mempengaruhi yang lain. MVC, model menggambarkan informasi (data) dan aturan bisnis; view(tampilan) berisi elemen antar muka pengguna seperti teks, input form; sementara controller mengatur komunikasi antar model dan view”.
Pariwisata menurut Institute of Tourism in Britain (sekarang Tourism Society in Britain) di tahun 1976 merumuskan : ”Pariwisata adalah kepergian
orang-orang sementara dalam jangka waktu pendek ke tempat-tempat tujuan di luar tempat tinggal dan bekerja sehari-harinya serta kegiatan-kegiatan mereka selama berada di tempat- tempat tujuan tersebut: mencakup kegiatan untuk berbagai maksud, termasuk kunjungan seharian atau darmawisata/ekskursi” (dalam Pendit, 1999 : 30). http://www.landasanteori.com/2015/10/pengertian-pariwisata-definisi-jenis.html
3. Metode dan Perancangan Sistem
Pada perancangan aplikasi menggunakan tahapan penelitian yang terdiri dari 4 tahapan penelitian, yaitu: 1) Identifikasi Masalah. 2) Perancangan Sistem. 3) Pembuatan Aplikasi. 4) Implementasi dan Pengujian Sistem serta Analisis Hasil Pengujian.
Gambar 1 Tahapan Penelitian
Tahapan penelitian pada Gambar 1 dapat dijelaskan sebagai berikut: 1) Tahap pertama: Identifikasi Masalah, pada tahap ini yang dilakukan adalah meneliti dan mengamati sistem web pariwisata dikota Pati. 2) Tahap kedua: Perancangan Sistem, perancangan sistem dilakukan dengan menggunakan diagram Unified Modelling Language (UML). Perancangan sistem berupa diagram meliputi use case diagram, class diagram, activity diagram. 3) Tahap ketiga: Pembuatan Aplikasi, pada tahap ini dilakukan pembuatan aplikasi sesuai ini berbasis web dengan bahasa pemrogaman PHP. 4) Tahap keempat: Implementasi dan Pengujian Sistem serta Analisis Hasil Pengujian, pada tahap ini
website pariwisata diimplementasikan pada browser, kemudian dilakukan pengujian / testing untuk mengetahui apakah aplikasi telah sesuai dengan perancangan yang dilakukan dan sudah tidak ditemukan kesalahan / bug pada
Gambar 2 Proses Prototyping (Pressman,2005)
Gambar 2 menunjukan proses metode prototyping menurut Roger S. Pressman[5]. Metode prototyping merupakan suatu teknik untuk mengumpulkan informasi tertentu mengenai kebutuhan-kebutuhan informasi pengguna secara cepat. Secara umum tahapan proses yang terjadi pada model prototype, adalah sebagai berikut : Pengumpulan kebutuhan mengumpulkan informasi tentang kebutuhan aplikasi yang di butuhkan dengan cara melakukan observasi. Tahap kedua adalah perancangan setelah mengumpulkan data yang di butuhkan progam akan dibangun, tahapan selanjutnya build/revise mock-up atau membangun aplikasi secara cepat, dalam arti lebih focus pada hasil input output aplikasi. Tahap ketiga user melakukan evaluasi terhadap aplikasi yang sudah di bangun, dengan melihat kembali apakah kebutuhan user sudah terpenuhi.
Pada tahap perancangan sistem menggunakan metode UML yang berfungsi untuk menggambarkan prosedur dan proses kerja dari aplikasi. Diagram UML yang digunakan antara lain: Use case diagram, Class diagram dan Activity
diagram. Use case diagram adalah gambaran graphical dari beberapa atau semua actor, use case dan interaksi di antara komponen-komponen tersebut yang memperkenalkan suatu sistem yang akan dibangun [8].
Gambar 3 menunjukan use case diagram yang dilakukan oleh admin dan
user. Aktor admin mengelola web pariwisata ( insert, update, delete) dan mengelola komentar. Aktor user dapat melihat dan mencari informasi web
pariwisata dan memberikan saran/komentar.
Gambar 4 Activity Diagram
Gambar 4 menjelaskan kegiatan user dalam mencari informasi pariwisata. Dimulai dari user mengakses halaman web dan sistem akan menampilkan halaman utama kemudian user mencari informasi tentang pariwisata yang ada dikota Pati kemudian setelah selesai user dapat meninggalkan saran maupun komentar.
Penjelasan proses gambar 5 dijelaskan beberapa class yang dipakai dalam
web pariwisata. Class diagram mendiskripsikan objek-objek yang terlihat dalam sistem dan hubungan-hubungan diantara objek tersebut.Class menggambarkan keadaan (atribut/properti) suatu sistem, sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut [8].
4. Hasil dan Pembahasan
Didalam pembuatan website menggunakan Framework Yii ini juga digunakan beberapa fitur dalam Yii antara lain Active Record objek pada yii yang terhubung langsung pada database dan dapat terhubung langsung dengan widget. Fungsi Gridview widget yang digunakan untuk menampilkan active record dalam table database dalam bentuk grid (kolom baris). Detail view adalah widget yang digunakan untuk menampilkan sebuah data pada active record secara detail. Validator adalah bagian permodelan active record yang bertujuan mevalidasi data inputan user sebelum bertransaksi dengan active record itu sendiri. Fungsi Bootsrap untuk membuat tampilan website dan mendesain halaman website dan mempermudah tata letak tampilan web pada multi browser.
Pada bab ini akan dibahas hasil dan manfaat dari web pariwisata yang telah dibuat terdapat 2 pengguna yang memiliki hak akses, yaitu admin dan user. Admin bertugas untuk mengelola tentang informasi-informasi terbaru dari pariwisata yang ada dikota Pati dan memberikan komentar balasan kepada user
yang memberikan saran atau komentar dengan id dan password yang dibuat penulis, dan user hanya dapat melihat web untuk kepentingan informasi pariwisata maupun kuliner dan memberikan saran atau komentar tetapi tidak dapat login.
Gambar 6 Tampilan Halaman Utama
untuk sekedar melepas penat maupun untuk berpacaran. langsung disuguhkan dengan pemandangan salah satu objek wisata yang ada dikota Pati. Disitu terdapata beberapa menu antara lain beranda, tentang pati, par-bud, testimony, peta dan menu hubungi di harapkan dengan tampilan ini dapat memudahkan para user dalam menentukan dan menemukan informasi mengenai pariwisata yang ada di kota Pati.
Gambar 7 Tampilan Menu Sejarah
Gambar 8 Tampilan Menu Geografi
Gambar 8 merupakan tampilan menu geografi disini user juga dapat mengetahui beberapa desa yang ada dikota Pati dan beberapa dari desa tersebut juga memiliki tempat wisata yang layak untuk dikunjungi apabila berkunjung ke kota Pati atau salah satu desa yang ada dikota Pati. Menu ini dipakai untuk memudahkan user dalam menemukan desa-desa yang ada di kota Pati sehingga lebih mudah nantinya jika ingin bertanya maupun mencari tempat pariwisata.
Gambar 9 Tampilan Menu Destinasi
para wisatawan dapat mengetahui tentang informasi pariwisata dari setiap tempat sebelum menentukan destinasi dari setiap tempat pariwisata.
Gambar 10 Tampilan Menu Agenda
Gambar 10 merupakan tampilan menu agenda yang berisi tentang event
yang akan hadir di kota Pati. Jadi, wisatawan nantinya dapat mengetahui tentang berbagai event yang akan diadakan dikota Pati sehingga nantinya diharapkan dapat ikut serta meramaikan acara yang akan berlangsung. Manfaat dari menu agenda ini adalah supaya para wisatawan maupun para pengguna website juga dapat mengetahui agenda atau acara apa saja yang ada di kota Pati jadi bukan hanya mereka berwisata tapi juga dapat ikut meramaikan acara yang ada di kota Pati.
Gambar 11 merupakan tampilan menu kuliner yang wajib dikunjungi bila berada dikota Pati karena, selain memanjakan lidah beberapa kuliner dikota Pati juga jauh dari kata mahal alias murah, jadi jangan sampai melewatkan beberapa menu kuliner andalan kota Pati dari nasi gandul, soto kemiri dan masih banyak lagi. Manfaat dari menu kuliner ini adalah untuk memudahkan para wisatawan maupun pengguna website dalam menemukan beberapa menu kuliner andalan yang ada di Pati, sehingga para wisatawan tidak perlu repot-repot dalam menentukan tempat makan setelah lelah berwisata.
Gambar 12 Tampilan Menu Testimoni
Gambar 13 Tampilan Peta Kota Pati
Gambar 13 merupakan tampilan menu peta.Menu peta ini dapat digunakan
user untuk menunjukan letak desa maupun wisata yang berada dikota Pati sehingga memudahkan dalam pencarian alamat maupun tempat wisata, dan dengan peta ini diharapkan user tidak salah jalur maupun salah alamat. Menu peta ini juga dibuat agar para wisatawan dapat dengan mudah menemukan tempat tujuan wisata sehingga tidak perlu berlama-lama dijalan untuk menemukan tempat tujuan pariwisata.
Gambar 14Tampilan Kontak Disparbud
maupun para wisatawan yang ingin mendapatkan respon yang cepat dapat menghubungi nomor yang tertera diwebsite sehingga dari dinas pariwisata juga dapat memberikan respon yang cepat.
Penelitian ini menghasilkan website pariwisata menggunakan Framework Yii Pengujian website menggunakan metode blackbox testing metode ujicoba
blackbox memfokuskan pada keperluan fungsional dari software. Karena itu ujicoba blackbox memungkinkan pengembang website untuk membuat himpunan kondisi input yang akan melatih seluruh syarat-syarat fungsional suatu program[9].
Gambar 15 Metode Blackbox Testing
5. Simpulan
Penelitian ini menghasilkan website pariwisata yang menggunakan
Framework Yii. Setelah menganalisa dan melakukan pengujian sistem melalui metode blackbox testing dapat ditarik kesimpulan bahwa website ini berjalan dengan lancar dan sesuai dengan yang diharapkan. Melalui website yang dibuat ini dapat membantu dan memudahkan para wisatawan atau masyarakat luas dalam mencari tentang informasi tempat pariwisata yang ada di kota Pati dan juga memudahkan admin dalam mengedit konten maupun informasi yang ada dalam website pariwisata.
Sistem berhasil masuk ke home Valid
2 Tidak mengisi
Input data pariwisata Data informasi tampil pada
website
6. Daftar Pustaka
[1] Purnamasari, Desi. 2009. Pengembangan Sistem Informasi Promosi Pariwisata Berbasis Web Pada Kabupaten Pringsewu.
[2] Xue. Qiang.2008. Pengertian YII Framework.
(http://www.yiiframework.com/doc/guide/1.0/id/quickstart.what-is-yii) (diakses tanggal 15 september 2015).
[3] Jelajah. Internet. 2015. Pengertian Website Menurut Para Ahli Contohnya
http://www.jelajahinternet.com/2015/10/7-pengertian-website-menurut-para- ahli.html. (diakses tanggal 15 oktober 2016).
[4] Ritonga. Pahmi. 2015. Pengertian Mysql menurut para pakar
http://www.bangpahmi.com/2015/03/pengertian-mysql-menurut-para-fakar.html. (diakses tanggal 20 oktober 2016 ).
[5] Nisa. 2015. Pengertian Prototype http://lsi.si.fti.unand.ac.id/metode-pengembangan-perangkat-lunak/.(diakses 5 november 2015).
[6] Xue. Qiang.2008. Pengertian MVC
http://www.yiiframework.com/doc/guide/1.1/id/basics.mvc) (diakses tanggal 15 september 2015).
[7] Sari, Faradina Riantika. M.3111065. Fak.MIPA .Pembuatan-Sistem- Informasi-Evaluasi-Softskill-Berbasis-Web-Menggunakan-Framework-Yii-Studi-Kasus-Diploma-Iii-Teknik-Informatika-Fmipa-Uns.
[8] N. Sora. 2015. Pengertian UML
http://www.pengertianku.net/2015/09/pengertian-uml-dan-jenis-jenisnya- serta-contoh-diagramnya.html. (diakses tanggal 21 november).
[9] Fathurrahmi. Ismi Islamia. 2013.Pengertian Blackbox Testing
http://ismimiitsme.blogspot.co.id/2013/10/pengertian-dan-perbedaan-white-
