sistem informasi layanan publik pariwisata kota bogor berbasis web
TRANSCRIPT
1
SISTEM INFORMASI LAYANAN PUBLIK PARIWISATA KOTA BOGOR
BERBASIS WEB
Dinni Dwiyani. [10104507] Jurusan Sistem Informasi, Fakultas Ilmu Komputer
Universitas Gunadarma Desember 2008
Dosen Pembimbing : Drs. Yusuf Yahya MAT.
ABSTRAK
Pada skripsi ini, penulis membuat tampilan situs yang berisi informasi objek wisata, berita seputar kota Bogor, forum yang menjembatani pertanyaan masyarakat dengan seorang admin yang ditunjuk untuk menjawab pertanyaan tersebut, dan buku tamu yang berfungsi menampung saran dari pengunjung untuk keberlanjutan situs ini. Kata Kunci : Informasi Pariwisata, Website, Kota Bogor 1. PENDAHULUAN 1.1 Latar Belakang Masalah
Diperlukan suatu media yang dapat membantu mempromosikan kota Bogor dan membantu wisatawan menunjukkan tempat-tempat yang dianggap penting guna mempermudah mereka jika berkunjung ke kota ini. Salah satu media yang dapat membantu mempromosikan dan memberikan informasi yang banyak digunakan di zaman modern ini adalah Web yang diakses melalui Internet. Web tersebut diharapkan dapat membantu mempromosikan dan menambah pengetahuan untuk semua pihak tentang informasi layanan publik terutama yang berhubungan dengan wisata di kota Bogor.
Berdasarkan pada hal-hal di atas, maka penulis berminat
mambuat suatu penelitian dengan judul : Sistem Informasi Layanan Publik Pariwisata Kota Bogor Berbasis Web.
1.2 Rumusan Masalah
Rumusan masalah yang penulis angkat dari penulisan ini yaitu : 1. Informasi apa saja yang terdapat
pada web layanan publik kota Bogor
2. Bagaimana cara mendapatkan informasi yang berhubungan dengan web layanan publik kota Bogor.
1.3 Batasan Masalah
Dalam batasan masalah, penulis membatasi hanya pada tempat pariwisata dan informasi yang terdaftar di Dinas Informasi dan Pariwisata Kota Bogor dan
2
pembuatan web menggunakan Macromedia Dreamweaver MX, PHP dan MySQL.
1.4 Tujuan Penelitian Tujuan penulis mengadakan penelitian mengenai Sistem Informasi Layanan Publik kota Bogor adalah : 1. Memperkenalkan kota Bogor dan
objek wisata yang ditawarkan. 2. Memberikan informasi tentang
objek wisata yang terdapat di kota Bogor.
1.5 Metodologi Penelitian Dalam hal ini penulis menggunakan metode studi pustaka untuk mencari dan mengumpulkan bahan yang bersumber dari buku-buku dan Internet yang berhubungan dengan pokok permasalahan untuk menambah informasi dan dapat melengkapi kebenaran dari data juga pembuatan program. Penulis juga akan mengadakan wawancara dengan beberapa pihak yang terkait dengan materi penulisan ini. 2. PERANCANGAN Perancangan yang dibahas penulis adalah perancangan tampilan, perancangan tabel, perancangan sistem serta struktur navigasi. Perancangan ini digunakan untuk mempermudah pembuatan program. 2.1 Perancangan Tampilan
Halaman yang penulis rancang terdiri dari menu-menu pada halaman utama di mana jika menu-menu tersebut dipilih maka halaman
utama tidak berubah tapi hanya bagian isi yang berubah.
Gambar 3.1 Pembagian Tampilan
Layar
1. Halaman Index Index adalah halaman depan
dan utama dari semua halaman yang ada pada situs.
Halaman index merupakan main atau home dari halaman-halaman situs selanjutnya yang berada pada link index tersebut.
Gambar 3.2 Rancangan Halaman Index
2. Halaman Profil Bogor
Halaman ini berisi informasi yang berhubungan dengan sejarah pemerintahan kota Bogor, lambang kota Bogor dan makna yang terdapat pada lambang tersebut, juga visi dan misi kota Bogor.
GAMBAR GAMBAR
TEXT
LOGIN
ADMIN MENU
GAMBAR
JUDUL
TULISAN PEMBUKA
LINK TEXT
BERITA
3
Keteranngan : TEXT 1 = Sejarah Pemerintahan Kota Bogor TEXT 2 = Lambang Kota Bogor TEXT 3 = Visi Kota Bogor TEXT 4 = Misi Kota Bogor
Gambar 3.3 Rancangan Halaman
Profil Bogor
3. Halaman Objek Wisata Halaman ini berisi objek-
objek wisata yang terdapat di kota Bogor dan rincian informasi dari masing-masing objek wisata yang ditampilkan. Rincian informasi dapat berupa lokasi tempat wisata tersebut ataupun fasilitas yang ditawarkan oleh masing-masing objek wisata tersebut.
Gambar 3.4 Rancangan Halaman
Objek Wisata
4. Halaman Forum Halaman ini ditujukan bagi
pengunjung situs yang ingin mengajukan pertanyaan kepada admin yang berkaitan dengan materi pada situs ini, di antaranya objek wisata dan oleh-oleh yang ditawarkan kota Bogor. Pengunjung situs diminta mengetikkan data diri pada textbox yang disediakan. Tujuan penginputan data diri untuk mempermudah admin dalam
memberitahukan jawaban dari pertanyaan yang diajukan.
Keterangan : Button 1 = Kirim Button 2 = Batal
Gambar 3.5 Rancangan Halaman Forum
5. Halaman Buku Tamu
Pada halaman ini terdapat textbox yang dapat diisi saran dan kritik oleh pengunjung situs sebagai bahan pengembangan situs ini agar dapat lebih baik di kemudian hari.
Keterangan : Button 1 = Kirim Button 2 = Batal
Gambar 3.6 Rancangan Halaman Buku Tamu
2.2 Perancangan Tabel
Situs Layanan Publik Kota Bogor ini menggunakan sebuah database yang terdiri dari 5 buah tabel, yaitu :
1. Tabel Admin Tabel ini digunakan untuk
menyimpan data mengenai login untuk dapat masuk ke halaman admin.
2. Tabel Forum Tabel forum berisi
penyimpanan data sementara, untuk membantu agar pertanyaan yang dikirimkan ke forum dapat disimpan.
JUDUL
LINK TEXT 1 LINK TEXT 2 LINK TEXT 3 LINK TEXT 4
TEXT 2
TEXT 3 TEXT 1
TEXT 4
4
3. Tabel Buku Tamu Tabel buku tamu berisi
penyimpanan sementara yang berhubungan dengan data pengunjung yang datang ke situs ini. Pengunjung yang telah mengisi data diri yang diminta, saran atau kritik tersebut akan disimpan di tabel ini.
4. Tabel Objek Wisata Tabel objek wisata berisi data objek wisata yang terdapat di kota Bogor. Data hanya dapat dimasukkan oleh administrator. Tabel ini diperuntukkan agar administrator tidak perlu membuat ulang design tampilan jika terdapat objek wisata yang terbaru dari kota Bogor ini. Administrator hanya memasukkan informasi tentang objek wisata tersebut ke database, kemudian informasi secara otomatis akan terbentuk.
5. Tabel Berita Tabel berita berisi berita
terbaru yang berkaitan dengan kota Bogor.
2.3 Perancangan Sistem
Perancangan sistem ini dibuat menggunakan UML, adapun urutan perancangan untuk diagram-diagram tersebut adalah : 2.3.1 Diagram Use-case
Dalam sistem ini tedapat dua aktor yang terlibat yaitu user dan admin, seperti terlihat pada gambar 3.12 di bawah ini :
Gambar 3.12 Aktor
Adapun diagram use-case dalam sistem ini adalah seperti pada gambar berikut ini :
Gambar 3.13 Diagram Use Case
2.3.2 Diagram Aktifitas
Gambar 3.14 Diagram Aktifitas User
5
Gambar 3.15 Diagram Aktifitas
Admin 2.3.3 Diagram Sekuen
Diagram ini menjelaskan urutan – urutan aktifitas yang dilakukan user dan admin dalam menjalankan sistem, mulai dari aktifitas awal membuka halaman website hingga aktifitas akhir.
Gambar 3.16 Diagram Sekuen User
Gambar 3.17 Diagram Sekuen Admin
2.4 Perancangan Database
Proses perancangan database dimulai dengan melakukan identifikasi semua kebutuhan pengguna yang berhubungan dengan basis datanya serta pengumpulan dari semua data dan informasi yang diperlukan dengan menggunakan diagram arus data atau disebut juga Data Flow Diagram (DFD).
Diagram pada Data Flow Diagram yang pertama kali dibuat untuk menganalisis strukturnya adalah Diagram Konteks. Pendekatan terstruktur ini mencoba untuk menggambarkan sistem pertama kali secara garis besar (disebut dengan top level) dan memecah-mecahnya menjadi bagian yang lebih terinci (disebut dengan low level). Dari diagram konteks tersebut digambar diagram yang lebih terinci lagi yang disebut overview diagram.
Gambar 3.18 Diagram Konteks
6
Gambar 3.19 Overview Diagram
Pada tahap selanjutnya dilakukan pemahaman-pemahaman mengenai data atau masukan yang berasal dari pengguna untuk mengidentifikasikan semua kemungkinan entitas yang terdapat pada bagian dunia nyata yang dimodelkan yang bersangkutan yang kemudian disajikan dalam model ER (entity relationship).
Langkah awal pada proses ini adalah dengan menetapkan aturan-aturan yang digunakan dalam mendefinisikan hubungan-hubungan antara entitas yang satu dengan
entitas yang lain, kemudian dari tahap tersebut dapat dibuat diagram ER-nya.
Hubungan antara entitas dalam sistem ini yaitu : • Admin memiliki beberapa
tipe admin yang memiliki password khusus.
• Setiap objek wisata terdiri dari satu buah objek.
• Hanya satu orang admin yang dapat membalas jawaban di forum
Gambar 3.20 Diagram ER
Selanjutnya hal yang dilakukan adalah mengkonversi model ER yang sudah dibuat (Gambar 3.20) ke dalam basis data relational, lalu hasilnya dinormalisasi untuk menghilangkan kerangkapan data. Di bawah ini merupakan kerangka -kerangka tabel hasil konversi dari model ER hasil tahap konseptual ke bentuk basis data relasional beserta dengan primary key(*).
1. admin (id*, namaadmin, password, admin_type)
2. objekwisata (id *, judul, isi, tanggal, gambar)
3. berita (id*, judul, isi, tanggal) 4. bukutamu (id*, nama, alamat,
email, saran) 5. forum (id*, nama, topik,
email, isi, jawaban, tanggal)
7
Bentuk normal pertama dari tabel-tabel yang ada adalah seperti dibawah ini : � admin (id*, namaadmin,
password, admin_type) � objekwisata (id *, judul, isi,
tanggal, gambar) � berita (id*, judul, isi, tanggal) � bukutamu (id*, nama, alamat,
email, saran) � forum (id*, nama, topik,
email, isi, jawaban, tanggal) Karena semua atribut yang
bukan kunci dari tiap tabel-tabel diatas sudah bergantung hanya pada atribut kuncinya saja dan atribut-atribut tersebut sudah bebas dari kebergantungan transitif maka hasil normalisasi tahap pertama diatas sudah memenuhi normalisasi tahap kedua dan ketiga.
2.5 Struktur Navigasi
Struktur navigasi situs digunakan untuk menggambarkan secara garis besar isi dari situs dan hubungan antar isi. Struktur navigasi situs Layanan Publik Kota Bogor ini adalah struktur navigasi campuran.
Gambar 3.21 Struktur Navigasi Situs
Pembuatan struktur navigasi situs ini akan sangat membantu saat membuat rancangan halaman situs.
3. IMPLEMENTASI Dalam pembuatan situs ini
dilakukan langkah-langkah terstruktur dalam pengelompokannya terdapat 2 kegiatan utama yaitu pembuatan halaman dan pembuatan database.
3.1 Pembuatan Halaman
Proses pembuatan halaman dikerjakan menggunakan bantuan software Dreamweaver MX agar lebih mudah dalam penggunaanya dan rancangan tampilannya lebih menarik. Pilihan kategori untuk membuat situs ini adalah Dynamic Page yang bertipe PHP. Untuk pembuatan situs ini penulis menggunakan tabel, gambar dan tulisan walaupun terdapat beberapa halaman yang menggunakan button, textfield atau flash.
3.1.1 Pembuatan Halaman index
Halaman yang pertama dibuat adalah halaman index.php yang didalamnya terdapat gambar dan penjelasan singkat mengenai website layanan publik kota Bogor.
Pada halaman ini tedapat link-link yang terhubung dengan file php. Link pertama yaitu index yang terhubung dengan file index.php. Link kedua yaitu profil Bogor yang terhubung dengan file ProfilBogor.php. Link yang ketiga adalah Objek Wisata yang terhubung dengan file ObjekWisata.php. Link yang keempat adalah forum yang terhubung dengan file forum.php. Link yang terakhir yaitu link Buku Tamu yang terhubung dengan file BukuTamu.php.
8
Pada bagian ini pun terdapat login admin. Login admin digunakan sebagai tempat admin mengisi user name dan password agar admin dapat masuk ke halaman admin. Berikut ini tampilan dari bagian menu dan login admin :
Gambar 4.2 Bagian Menu
Bagian selanjutnya isi dari halaman index.php yang berbentuk text menggambarkan isi dari website Layanan Publik Kota Bogor dan berita terbaru yang dapat dimasukkan oleh admin sebagai administrator, yaitu orang yang diberikan wewenang melakukan pengaturan untuk keberlangsungan website tersebut.
Gambar 4.3 Bagian Isi Halaman
index.php
3.1.2 Pembuatan Halaman Profil Bogor Pada halaman profil Bogor
terdapat pilihan yang dapat mempermudah user mengetahui materi yang terdapat pada halaman ini. Materi yang terdapat pada halaman profil Bogor ini adalah sejarah pemerintahan kota Bogor, lambang kota Bogor dan arti dari tiap-tiap lambangnya, visi kota Bogor dan misi kota Bogor. Saat user
memilih materi yang diinginkan, secara otomatis akan ditampilkan materi sesuai dengan judul yang diinginkan oleh user.
Gambar 4.5 Bagian Link
3.1.3 Pembuatan Halaman Objek
Wisata Pada halaman ini pengunjung
dapat melihat informasi objek wisata yang terdapat di Kota Bogor. Script yang terdapat ObjekWisata.php terhubung dengan database Bogordb. Agar dapat terhubung ke database, digunakan script connect.php. Setelah terkoneksi maka ditampilkan data sesuai dengan link yang dipilih. Berikut ini adalah tampilan dari program ObjekWisata.php :
Gambar 4.7 Bagian Halaman
ObjekWisata.php
3.1.4 Pembuatan Halaman Forum Saat halaman form
ditampilkan, pengunjung situs dapat langsung mengetikkan data diri dan pertanyaan pada textbox yang disediakan. Pada bagian atas terdapat
9
pertanyaan dari pengunjung lain. Saat pengunjung situs menekan link topik diskusi yang dipilih, akan terhubung ke halaman ForumBalas.php. Berikut ini adalah tampilan dari Forum.php
Gambar 4.8 Bagian Halaman Forum 3.1.5 Pembuatan Halaman Buku
Tamu Pada halaman buku tamu,
tampilan diisi oleh pengunjung lalu tekan ok untuk dikirimkan. Hasil input dari buku tamu hanya dapat dilihat oleh admin. Berikut ini adalah tampilan dari BukuTamu.php
Gambar 4.9 Bagian Halaman Buku
Tamu
3.1.6 Pembuatan Halaman Admin Pada halaman admin ini
terdapat login admin, yang merupakan tempat dimana admin harus mengisi username dan
password jika akan masuk ke halaman admin. Berikut adalah tampilan untuk masuk ke halaman admin:
Gambar 4.10 Bagian Login Admin
4. PENUTUP 4.1 Kesimpulan
Banyak cara untuk mendapatkan informasi tentang pariwisata di kota Bogor. Salah satunya dengan mencari informasi tersebut melalui media internet yang merupakan alternatif tercepat untuk mendapatkan informasi. Melalui menu objek wisata, pengunjung dapat mengetahui informasi yang berhubungan dengan objek wisata tersebut. Berita yang terkait dengan kota Bogor dapat pengunjung temukan di menu berita. Fasilitas tanya-jawab disediakan pada menu forum. Melalui menu ini diharapkan user mendapatkan informasi terbaru, bertanya lebih rinci sehingga mendapatkan informasi yang diharapkan. Situs ini juga memberikan fasilitas untuk mengirimkan saran melalui media buku tamu.
Untuk membantu memasukkan data yang berhubungan dengan objek wisata, berita dan jawaban dari pertanyaan pengunjung disediakan menu untuk admin. Hanya administrator yang diberikan wewenang untuk masuk ke menu ini. Saran yang dikirimkan dari pengunjung akan ditampung sebagai bahan perbaikan yang akhirnya dapat
10
diterapkan dan dikembangkan untuk kelanjutan web ini.
4.2 Saran
Untuk pengembangannya, penulis mengharapkan adanya sistem keamanan yang lebih baik lagi dan proses registrasi dari pengunjung yang datang untuk lebih menyaring pengunjung yang dapat masuk ke forum. Selain itu diharapkan adanya interaksi antara pengunjung yang satu dengan yang lainnya. DAFTAR PUSTAKA
Kadir, Abdul, Dasar Pemrograman Web
Dinamis Menggunakan PHP, Andi
Yogyakarta, Yogyakarta, 2003.
___________, Pemrograman Web
mencakup HTML CSS,Javascript
dan PHP, Andi Yogyakarta,
Yogyakarta, 2005.
Kristiani, Mitha, Pembuatan Website Hotel
Mirah Sartika Menggunakan PHP
dan Dreamweaver MX 2004,
Depok, 2004.
Nugroho, Bunafit, PHP & MySQL dengan
Editor Dreamweaver MX, Andi
Yogyakarta, Yogyakarta, 2004.
Saputro, Suranto E., Pembuatan E-learning
Bahasa Jepang Dengan
Menggunakan Macromedia
Dreamweaver MX,PHP dan
MySQL, Depok, 2005.
Saputro, Hendra W., http://balebengong.net
[1 Agustus 2007].