APLIKASI PARIWISATA KABUPATEN BOYOLALI BERBASIS WEB WEB-BASED TOURISM APPLICATION FOR BOYOLALI DISTRICT

Transkripsi

1 e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 896 APLIKASI PARIWISATA KABUPATEN BOYOLALI BERBASIS WEB WEB-BASED TOURISM APPLICATION FOR BOYOLALI DISTRICT Nuke Pangestu1,Bayu Rima Aditya, S.T., M.T.2,Pramuko Aji, S.T., M.T.3 1,2,3 Program Studi D3 Manajemen Informatika, Fakultas Ilmu Terapan Universitas Telkom 1 nukepangestu14@gmail.com,2bayu@tass.telkomuniversity.ac.id,3pramukoaji@tass.telkomuniversity.ac.id Abstrak - Proyek akhir ini bertujuan membuat Aplikasi Pari Kabupaten Boyolali berbasis web. Aplikasi ini di buat karena media promosi ada pada saat ini belum efektif tidak memberikan informasi pari secara menyeluruh. Pengembangan aplikasi ini dengan menggunakan metode waterfall, dibangun dengan framework CodeIgniter, bahasa pemrograman PHP, database MySQL tools editor menggunakan Sublime. Dengan aya aplikasi ini diharapkan dapat membantu dalam mendapatkan informasi mengenai objek, jadwal event festival serta mendapatkan lokasi melalui Google Maps. Aplikasi ini juga diharapkan agar mampu meningkatkan pendapatan daerah dibig pari. Kata Kunci: Kabupaten Boyolali, Pari, Codeigniter, Waterfall, Website Abstract - The final project aims to make the application a web based Boyolali district Tourism. This application was made because media promotion that exists at the moment is not yet affective and not provide tourism information thoroughly. Application development using the method waterfall, built with framework CodeIgniter, PHP programming language, MySQL database and tools editor use the Sublime. The existence of this application is expected to help tourists in getting information about the attractions, events and festivals as well as schedules get tourist sites through Google Maps. This application is also expected to boost the income of the region in the field of Tourism. Keywords : Boyolali District Tourism, CodeIgniter, Waterfall, Website 1. PENDAHULUAN dibalik itu semua terdapat beberapa daerah 1.1 Latar Belakang masih tidak banyak diketahui terdapat Pari di Indonesia pada saat ini sudah unggulan apa saja lokasinya dimana semakin berjalannya saja, sehingga terdapat waktu, dimana saat ini telah banyak tempat- mendapatkan informasi pari melalui tempat diseluruh penjuru Indonesia sosial media seperti Instagram. memiliki potensi destinasi unggulan Kabupaten Boyolali terletak di provinsi agar Jawa Tegah merupakan kota memiliki berkunjung ke lokasi tersebut. Namun potensi bagus di big pari seperti berkembang menarik seiring banyak

2 e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 897 alam, kuliner belanja. mengetahui Hal tersebut didukung oleh Bupati Kabupaten dilaksanakan karena jarak jauh Boyolali Bapak Drs. Seno Samodro persebaran memiliki disekitar tempat saja. harapan membangun jadwal event informasinya hanya akan berada agro di Kabupaten Boyolali semakin Karena keterbatasan informasi dari pihak maju lagi kedepannya, karena menurut pengelola, pada akhirnya daerah beliau Kabupaten Boyolali memiliki kekayaan kurang potensi berikut masyarakat. Wisatawan hanya mengunjungi dikutip langsung pada saat Bapak Drs. Seno tempat-tempat hanya ramai Samodro memberikan kata sambutan pada dikunjungi oleh wisatwan lain, padahal banyak website resmi Kabupaten Boyolali. sekali objek memiliki potensi sama Berdasarkan hasil observasi dilakukan bagusnya dengan objek sering dengan menggunakan metode wawancara dikunjungi. sumberdaya. Pernyataan banyak diketahui oleh sebagian oleh berada diluar Kabupaten Dari permasalahan telah diuraikan diatas Boyolali wawancara dengan pengelola maka dapat disimpulkan bahwa diperlukan aya diperoleh beberapa hasil sebuah media mampu memfasilitasi mendapatkan informasi informasi pari, informasi event pari serta informasi event festival festival, informasi penginapan serta lokasi berada di Kabupaten Boyolali, hal berada di Kabupaten Boyolali. tersebut Dengan aya Aplikasi Pari Kabupaten terdapat mengalami kesulitan bahwa mendapatkan disebabkan mendapatkan karena informasi tersebut melalui Boyolali Berbasis Web ini diharapkan dapat teman juga sosial media. Selain itu para membantu para mendapatkan pihak pengelola dalam memberikan informasi pari di Kabupaten Boyolali. informasi event dilakukan dengan 1.2 Rumusan Masalah cara menyebarkan brosur-brosur, spanduk Adapun menjadi perumusan masalah pada juga baligho ke tempat-tempat terdekat proyek akhir ini adalah sebagai berikut: sehingga berbeda daerah 1. Bagaimana cara agar masyarat tidak mengetahui terdapat objek apa mendapatkan informasi objek saja ada event apa saja di Kabupaten penginapan di Kabupaten Boyolali secara Boyolali. cepat? Kabupaten Wisatawan berada diluar Boyolali juga sering tidak

3 e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page Bagaimana cara agar masyarakat tidak 2. Aplikasi ini tidak membahas mengenai ketinggalan informasi terbaru mengenai proses booking penginapan ada di pari di Kabupaten Boyolali? sekitar 3. Bagaimana cara agar tempat Kabupaten Boyolali. mendapatkan jadwal valid mengenai 3. Tidak melakukan sampai ke tahap di Kabupaten Boyolali? pemeliharaan 4. Bagaimana cara mengatasi (maintenance) pada aplikasi dibuat. tidak tahu lokasi objek di Kabupaten 1.5 Boyolali? Aplikasi pari berbasis web di Kabupaten 1.3 Tujuan Definisi Operasional Boyolali merupakan aplikasi menyediakan memberikan infrormasi pari. Aplikasi Tujuan dari pembuatan proyek akhir ini adalah sebagai berikut: memberikan informasi mengenai dibangun dengan bahasa 2. Memfasilitasi informasi Framework Codeigniter dengan MySQL sebagai media penyimpanan data (database). Dalam pembangunannya, aplikasi ini memakai objek pari di Kabupaten Boyolali. berlangganan web pemrograman PHP (HyperText Preprocessor) 1. Membangun aplikasi berbasis web akan berbasis di model Waterfall. Aplikasi ini dapat membantu masyarakat memperoleh informasi Kabupaten Boyolali dengan menggunakan mengenai objek pari ada di akun . Kabupaten Boyolali terdiri dari 3. Memfasilitasi melihat alam, kuliner, belanja juga jadwal kegiatan ada di Kabupaten infromasi penginapan disekitar objek Boyolali. tersebut. Pangguna juga bisa berlangganan 4. Memfasilitasi mengetahui berita-berita terbaru seputar pari serta dimana letak Kabupaten Boyolali dengan melihat menggunakan Google Map. diselenggarakan di Kabupaten Boyolali, selain 1.4 Batasan Masalah Batasan masalah dalam pembangunan aplikasi berbasis web ini adalah: jadwal kegiatan itu pada aplikasi ini terdapat fitur berupa Google Map bisa digunakan Jawa Tengah. oleh mengetahui lokasi objek ada di Kabupaten Boyolali. 1. Lokasi penelitian di Kabupaten Boyolali, akan 1.6 Metode Pengerjaan

4 e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 899 Metode pengerjaan digunakan akan dijadikan acuan tahap membangun aplikasi pari berbasis web di selanjutnya yaitu tahap desain. Kabupaten Boyolali yaitu dengan menggunakan metode waterfall model. Waterfall merupakan model klasik bersifat sistematis berurutan dalam membangun software [1]. 2. Desain Tahap desain perangkat lunak adalah proses multi langkah fokus pada desain pembuatan program perangkat lunak termasuk struktur data, arsitektur perangkat lunak, representasi antarmuka, prosedur pengodean. Pada tahap ini merupakan proses Tahapan-tahapan dari metode waterfall adalah desain akan menerjemahkan syarat sebagai berikut : kebutuhan ke sebuah perancangan perangkat 1. lunak dapat diperkirakan sebelum dibuat Analisis kebutuhan perangkat lunak Pada tahap analisis kebutuhan perangkat lunak dilakukan dengan mengumpulkan kebutuhan secara lengkap kemudian didefinisikan sesuai dengan kebutuhan harus dipenuhi oleh program akan dibangun. Proses pengumpulan secara kebutuhan dilakukan intensif mespesifikasikan kebutuhan perangkat lunak agar dapat dipahami perangkat menggunakan bahasa pemrograman. Desain digunakan dalam bentuk pembuatan flowmap, Use case, ER Diagram, class diagram, activity diagram, scenario use case mockup. Pada tahap ini menghasilkan dokumen software requirement akan digunakan pembuatan kode program (coding) sesuai dengan desain sistem telah diracang. lunak seperti apa dibutuhkan oleh user. 3. Pada tahap ini, merupakan analisa kebutuhan Pada tahap pembuatan kode program, desain sistem. Pengumpulan data dengan melakukan harus observasi, wawancara dilakukan oleh perangkat lunak. Hasil dari tahap ini adalah beberapa narasumber pada program komputer sesuai dengan desain beberapa diluar telah dibuat pada tahap sebelumnya yaitu Kabupaten Boyolali beberapa pengelola tahap desain. Tahap ini dilakukan coding objek, kemudian menghasilkan sesuai dengan analisa sistem telah dokumen user requirement dibuat suatu didesain membuat aplikasi ini, serta sistem sesuai dengan hasil kebutuhan pengguna perancangan diantaranya berada Pembuatan kode program ditranslasikan menggunakan ke dalam pembuatan MySQL. program basis Penyusunan data kode

5 e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 900 program ditulis dengan menggunakan bahasa pendifinisian apa disebut actor use pemrograman PHP (HiperText Preprocessor) case. dengan CI 1. Actor merupakan pengguna, proses, atau (CodeIgniter). Tahap ini akan menghasilkan sistem lain berinteraksi dengan sistem sebuah aplikasi diinginkan yaitu aplikasi informasi akan dibuat. Actor biasanya pari di Kabupaten Boyolali. menggunakan kata benda tidak boleh ada 4. menggunakan framework komunikasi langsung antar actor. Pengujian Pengujian fokus pada perangkat lunak dari segi lojik fungsional memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan meminimalisir kesalahan (error) memastikan keluaran dihasilkan sesuai dengan diinginkan. Pada tahap ini dilakukan uji coba sistem telah dirancang memastikan bahwa sistem tersebut dapat digunakan dengan baik benar sesuai diharapkan. Pengujian program dilakukan dengan Testing Usability Testing. 2. Use case merupakan fungsionalitas disediakan sistem sebagai unit-unit saling bertukar pesan antar unit atau actor Entity Relationship Diagram Menurut Ladjamudin[2], ERD (Entity Relationship Diagram) adalah suatu model jaringan menggunakan susunan data disimpan dalam sistem secara abstrak. ERD dikembangkan berdasarkan teori himpunan pada matematika. ERD sering digunakan membuat pemodelan basis data relasional. 2. TINJAUAN PUSTAKA Flowmap 2.1. Alat Bantu Sistem Flowmap Usecase Diagram menggambarkan arus dokumen dokumen merupakan bagian Use case diagram adalah sebuah interaksi antara laporan laporan satu actor dengan sistem informasi akan tembusannya pada sebuah progam atau sistem dibuat. Use case menggambarkan fungsionalitas secara diharapkan dari sebuah sistem. Use case hubungan antara bagian (pelaku proses), proses juga menggambarkan kebutuhan sistem dari manual atau berbasis computer aliran data sudut pang user. (dalam Menurut Rosa A.S M. Shalahudin[1], syarat masukan).[3] penamaan pada use case adalah nama didefinisikan sesederhana mungkin dapat dipahami. Ada dua hal utama pada use case yaitu logika. bentuk 2.2. Tools MySQL termasuk alir Flowmap dokumen tembusan mendefinisikan keluaran

6 e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 901 MySQL adalah sebuah database berasal dipelajari oleh seorang pemrogram web pemula dari bahasa SQL(Structure Query Language). sekalipun. Alasannya, Karena CI mempunyai file SQL sendiri merupakan bahasa query dokumentasi sangat memadai digunakan database menjelaskan setiap fungsi ada pada library relasional. SQL sekarang sudah menjadi bahasa helper. File dokumentasi ini disertakan database standard an hampir semua sistem secara langsung pada saat anda mengunduh memahaminya. Dengan SQL kita bisa membuat paket framework CI [4]. mengakses table nantinya akan diisi dengan data, memanipulasi data(menambah, menghapus, merubah data), serta membuat suatu perhitungan berdasarkan data ditemukan BlackBox Testing PHP (Hypertext Prepoccessor) PHP (Hypertext Preeprocesor) ini merupakan bahasa hanya dapat berjalan pada server hasilnya dapat ditampilkan pada klien. Interpreter PHP dalam mengeksekusi kode PHP Testing adalah teknik pengujian pada sisi server (disebut server-side) berbeda mengabaikan faktor komonen internal pada dengan mesin maya Java mengeksekusi sebuah sistem. Teknik ini hanya focus pada program pada sisi klien (client-side). PHP output dihasilkan dari input dipilih merupakan bahasa standar digunakan di eksekusi oleh program. Misal sebuah dalam dunia website. PHP adalah bahasa program di uji menggunakan black box testing program berbentuk script diletakan hanya melihat apa dimasukkan ke didalam server web [5]. dalam program, apakah hasil keluar PHP merupakan perangkat lunak open sudah sesuai harapan. Penguji tidak me meriksa source bebas. Jadi kita dapat merubah source kode program pada tahap ini. code mendistribusikan secara bebas CodeIgniter CodeIgniter (selanjutnya disebut CI) adalah sebuah framework digunakan membuat sebuah Aplikasi berbasis web disusun dengan menggunakan bahasa PHP. Di dalam CI ini terdapat beberapa macam kelas berbentuk library helper berfungsi membantu pemrogram dalam mengembangkan Aplikasinya. Ci sangat mudah gratis. PHP juga dapat berjalan lintas platform, yaitu dapat digunakan dengan sistem operasi (Windows Linux) web server apapun (misalnya Apache)[6] CSS (Cascanding Style Sheet) Salah satu bahasa pemrograman desain web (style sheet language) mengontrol format tampilan sebuah halaman web ditulis dengan menggunakan bahasa penanda (markup language). Biasanya CSS digunakan

7 e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 902 mendesain halaman HTML XHTML, tetapi masyarakat sekarang bisa mengetahui karena persebaran informasinya diaplikasikan segala dokumen XML, terbatas, sehingga membuat diluar termasuk SVG XVL. CSS merupakan salah Kabupaten satu bahasa style sheet style sheet website tersebut. Selain itu diluar Kabupaten sekarang seg populer dipakai pada berbagai Boyolali juga tidak mengetahui persis dimana Aplikasi web. CSS dibuat membuat style saja lokasi objek lokasi kegiatan pada web lebih bervariasi mudah digunakan. ada di Kabupaten Boyolali karena infromasi bahasa pemrograman CSS HTML (Hypertext Markup Language) HTML atau Hypertext Markup Language adalah suatu format data digunakan membuat dokumen hypertext (teks pada computer memungkinkan user saling mengirimkan informasi(request-respon)). Dokumen HTML harus disimpan dengan ekstensi.htm atau.html. HTML memiliki tag-tag telah didefinisikan membuat halaman web. Penulisan tag-tag HTML dapat menggunakan huruf besar atau huruf kecil, karena tidak case sensitive (membedakan huruf besar huruf kecil memiliki maksud berbeda)[5]. Kabupaten Boyolali Boyolali saja ketinggalan informasi didapatkan kebanyakan hanya dari teman dekat juga sosial media seperti Instagram Gambaran Sistem Diusulkan Dalam tahap sistem diusulkan, membahas tentang aplikasi akan digunakan oleh pihak admin. Dalam proses bisnis ini menjelaskan alur terjadi didalam sistem menggunakan Aplikasi Pari Kabupaten Boyolali Berbasis Web. Pertama admin telah melakukan registrasi dapat mengakses aplikasi dengan login terlebih dahulu. Setelah login ke dalam aplikasi, admin dapat memposting beritaberita terbaru mengenai event akan 3. Analisis Perncangan diselenggarakan, memposting 3.1. Gambaran Sistem Saat Ini terdiri dari alam, kuliner Proses penyebaran informasi pari di Kabupaten Boyolali pada saat ini hanya dilakukan penginapan terdekat disekitar objek. dengan Dengan cara menyebarkan brosur-brosur, belanja, cara serta - tersebut info-info mengenai spanduk baligho ke tempat-tempat terdekat mengetahui di sekitar Kabupaten Boyolali, begitu juga mengenai objek juga event ada dengan di Kabupaten Boyolali beserta lokasinya. jadwal diselenggrakan kegiatan kebanyakan akan hanya 3.3. informasi-informasi dapat Usecase Diagram terbaru

8 e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 903 Berikut merupakan Use Case Diagram digunakan pada aplikasi. Pada gambar 3-7 dibawah, terlihat memiliki 3 aktor yaitu admin, user, member. Masing-masing aktor memiliki fungsionalitas berbeda. Admin memiliki fungsionalitas mengelola data, mengelola data penginapan, menulis berita terbaru mengelola data event. Member memiliki fungsionalitas membaca berita terbaru, lihat informasi pari, cari lokasi lihat penginapan. Segkan user memiliki fungsionalitas lihat informasi pari, cari lokasi lihat penginapan. Gambar 3-2 ER Diagram Usulan 3.5. Gambar 3.1 Usecase Diagram 3.4. Entity Relationship Diagram Skema Relasi

9 e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 904 Gambar 3-3 Skema Relasi 4. Implementasi Dan Pengujian 4.1. Implementasi Implementasi pengguna aplikasi Web adalah tampilan aplikasi telah selesai dapat digunakan implementasi pengguna aplikasi web Gambar 4-2 Antarmuka Tampilan Registrasi C. Antarmuka Tampilan Login sebagai berikut : A. Antarmuka Tampilan Home Gambar 4-1 Antarmuka Tampilan Home Gambar 4-3 Antarmuka Tampilan Login B. Antarmuka Tampilan Menu Registrasi D. Antarmuka Tampilan Home Admin

10 e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 905 Gambar 4-4 Antarmuka Tampilan Home Admin Gambar 4-7 Antarmuka Tampilan Form Tambah E. Antarmuka Tampilan Form Tambah Member H. Antarmuka Tampilan List Member Admin Gambar 4-8 Antarmuka Tampilan List Member Gambar 4-5 Antarmuka Tampilan Form Tambah I. Admin F. Antarmuka Tampilan List Tambah Antarmuka Tampilan Form Tambah Data Wisata Admin Gambar 4-6 Antarmuka Tampilan List Tambah Admin G. Antarmuka Tampilan Form Tambah Gambar 4-9 Antarmuka Tampilan Tambah Data Wisata Member J. Antarmuka Tampilan List Kelola Data Wisata

11 e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 906 Gambar 4-10 Antarmuka Tampilan List Tambah Data Wisata Gambar 4-13 Antarmuka Tampilan Form Tambah K. Antarmuka Tampilan Form Tambah Data Penginapan Data Event Festival N. Antarmuka Tampilan List Kelola Data Event Festival Gambar 4-11 Antarmuka Tampilan Form Tambah Data Penginapan Gambar 4-14 Antarmuka Tampilan List Kelola Data Event Festival L. Antarmuka Tampilan List Kelola Data O. Antarmuka Tampilan Tambah Data Penginapan Berita Gambar 4-12 Antarmuka Tampilan List Kelola Data Penginapan M. Antarmuka Tampilan Form Tambah Data Event Festival Gambar 4-15 Antarmuka Tampilan Tambah Data Berita P. Antarmuka Tampilan Kelola Data Berita

12 e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 907 admin List member Input data member baru Mengubah data profile member Gambar 4-16 Antarmuka Tampilan Kelola Data Data Berita dilakukan berikut menggunakan data uji berdasarkan data telah di dapat dari aplikasi. Data Penginapan Skenario tabel 4-1 : Kelas Uji Butir Uji Pengujian Registrasi Input data diri user Login Verifikasi Username Verifikasi Password Tambah admin Input data profile admin List admin Mengubah data profile 5. Penutup Data Berita Input data Terbaru berita terbaru Mengubah data berita Data Event Input event Festival festival data Mengubah data event festival 1. Aplikasi dibuat dapat berjalan dengan baik sesuai dengan fungsionalitas 5.1. Kesimpulan diinginkan. Berdasarkan hasil analisis pembuatan aplikasi, makaa dapat disimpulkan bahwa: Input data penginapan Mengubah data penginapan pengujian selengkapnya dapat dilihat pada Tabel 4-1 Skenario Pengujian data Mengubah data 4.2. Skenario Pengujian Pengujian Input 2. Aplikasi memfasilitasi dibangun dapat

13 e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 908 berlangganan berita-berita terbaru seputar di Kabupaten Boyolali melalui Apliksi dibangun dapat memfasilitasi wisatwan mengetahui jadwal event festival. 4. Aplikasi dibangun dapat memfasilitasi mencari lokasi tempat ada di Kabupaten Boyolali. 6. Daftar Pustaka [1] M. S. Rosa Ariani.S, Rekayasa Perangkat Lunak. Bandung, [2] Al-Bahra bin Ladjamudin, Analisis Desain Sistem Informasi. Yogyakarta: Graha Ilmu, [3] Riyanto, Membuat Sendiri Aplikasi ECommerce dengan PHP MySQL Menggunakan CodeIgniter JQuery. Yogyakarta: Andi, [4] N. Bunafit, PHP Mysql dengan Editor Dreamweaver MX. Yogyakarta: Andi, [5] R. S. Pressman, Rekayasa Perangkat Lunak Pendekatan Praktisi (BUKU SATU). Andi, [6] R. S. Pressman, Rekayasa Perangkat Lunak. Yogyakarta: Andi, 1997.