Anda di halaman 1dari 10

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 tempattempat 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
1

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

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 bukubuku 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

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 halamanhalaman situs selanjutnya yang berada pada link index tersebut.
GAMBAR TEXT LOGIN MENU ADMIN GAMBAR GAMBAR

JUDUL LINK TEXT BERITA TULISAN PEMBUKA

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 menumenu tersebut dipilih maka halaman

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.

JUDUL LINK TEXT 1 LINK TEXT 2 LINK TEXT 3 LINK TEXT 4 TEXT 2

Keteranngan : TEXT 1 = Sejarah Pemerintahan Kota Bogor TEXT 2 = Lambang Kota Bogor TEXT 3 = Visi Kota Bogor TEXT 4 = Misi Kota Bogor

memberitahukan jawaban pertanyaan yang diajukan.

dari

TEXT 1

TEXT 3

TEXT 4

Keterangan : Button 1 = Kirim Button 2 = Batal

Gambar 3.3 Rancangan Halaman Profil Bogor 3. Halaman Objek Wisata Halaman ini berisi objekobjek 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.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 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 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. 2.2

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 :

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 Gambar 3.12 Aktor

Gambar 3.15 Diagram Aktifitas Admin 2.4 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.17 Diagram Sekuen Admin 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.16 Diagram Sekuen User

Gambar 3.18 Diagram Konteks

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.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 aturanaturan yang digunakan dalam mendefinisikan hubungan-hubungan antara entitas yang satu dengan

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)

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 atributatribut 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.

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.

Gambar 3.21 Struktur Navigasi Situs Pembuatan struktur navigasi situs ini akan sangat membantu saat membuat rancangan halaman situs.

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 :

memilih materi yang diinginkan, secara otomatis akan ditampilkan materi sesuai dengan judul yang diinginkan oleh user.

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. 3.1.3

Gambar 4.5 Bagian Link 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.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

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

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

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

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

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.

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 Macromedia MX,PHP dan

Menggunakan Dreamweaver

MySQL, Depok, 2005.

Saputro, Hendra W., http://balebengong.net [1 Agustus 2007].

___________,

Pemrograman

Web

mencakup HTML CSS,Javascript dan PHP, Andi Yogyakarta,

Yogyakarta, 2005.