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