i PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR Oleh FUAD YUDO ARIWIBOWO M3204020 TUGAS AKHIR ditulis dan diajukan untuk memenuhi sebagian persyaratan memperoleh gelar Ahli Madya Ilmu Komputer PROGRAM STUDI DIII ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2007
57
Embed
PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN … · Hasil yang diperoleh dari pengembangan website Dinas Pariwisata Kabupaten Karanganyar adalah sebuah website pariwisata Kabupaten
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
i
PENGEMBANGAN WEBSITE DINAS PARIWISATA
KABUPATEN KARANGANYAR
Oleh
FUAD YUDO ARIWIBOWO
M3204020
TUGAS AKHIR
ditulis dan diajukan untuk memenuhi sebagian persyaratan
memperoleh gelar Ahli Madya Ilmu Komputer
PROGRAM STUDI DIII ILMU KOMPUTER
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
SURAKARTA
2007
ii
TUGAS AKHIR
PENGEMBANGAN WEBSITE DINAS PARIWISATA
KABUPATEN KARANGANYAR yang disusun oleh :
FUAD YUDO ARIWIBOWO
M3204020
Dibimbing oleh
telah dipertahankan didepan Dewan Penguji
Pada hari Senin, tanggal 06 Agustus 2007
dan dinyatakan telah memenuhi syarat
Disahkan oleh
Pembimbing II ,
Drs. Bambang Harjito, M. App, Sc NIP. 131 947 765
Pembimbing I,
Dewi Wisnu Wardani, S. Kom NIP. 132 308 420
Anggota Tim Penguji :
1. Dewi Wisnu Wardani, S. Kom
2. Drs. Bambang Hartito, M. App, Sc
3. Drs. Siswanto, M. Si
Tanda Tangan
1.
2.
3.
Ketua Program D3 Ilmu Komputer
Drs. YS. PALGUNADI Msc NIP. 131 285 866
Fakultas MIPA Dekan
Prof. Drs. Sutarno, M.Sc,PhD NIP. 131 649 948
iii
ABSTRAK
FUAD YUDO ARIWIBOWO, 2007. PENGEMBANGAN WEBSITE
DINAS PARIWISATA KABUPATEN KARANGANYAR, Jurusan
Manajemen Informatika D3 Ilmu Komputer, Fakultas Matematika dan Ilmu
Pengetahuan Alam, Universitas Sebelas Maret Surakarta.
Website Dinas Pariwisata Kabupaten Karanganyar yang beralamatkan
pada www.disparta.karanganyar.co.id merupakan sebuah media komunikasi yang
digunakan Pemerintahan Kabupaten Karanganyar untuk mempublikasikan potensi
daerah wisata yang ada di Kabupaten Karanganyar. Dengan pengembangan
website yang baru diharapakan informasi dapat diakses dengan cepat, efektif dan
efisien.
Hasil yang diperoleh dari pengembangan website Dinas Pariwisata
Kabupaten Karanganyar adalah sebuah website pariwisata Kabupaten
Karanganyar yang menyajikan informasi pariwisata dan budaya maupun berita
wisata. Didalam website yang baru tedapat fasilitas halaman buku tamu dan
contact us yang bisa diaplikasikan penggunaanya. Selain itu, pada halaman peta
disajikan sebuah animasi yang menunjukan sebuah daerah pariwisata yang ada di
And semua temanku yang tidak bisa aku sebutkan satu persatu
TI 2004
MI 2004
TKOMP 2004
.:THANK’S FOR ALL :.
DAFTAR ISI
HALAMAN JUDUL ………………..……………………………………… i
viii
PENGESAHAN …………………………………………………………….. ii ABSTRAK…………………………………………………………………... iii KATA PENGANTAR ……………………………………………………... iv MOTTO……………………………………………………………………... vii PERSEMBAHAN…………………………………………………………... vii DAFTAR ISI ……………………….………………………………………. viii DAFTAR GAMBAR ……………………………………………………….. x DAFTAR TABEL ………………………..…………………………………. xii BAB I PENDAHULUAN ………………………………………………….. 1
1.1 Latar Belakang Masalah ………………………………………… 1
1.2 Perumusan Masalah ………………………….………………….. 2
1.3 Pembatasan Masalah ……………………………………………. 2
1.4 Tujuan …………………………………………………………… 2
1.5 Manfaat ………………………………………………………….. 2
BAB II LANDASAN TEORI………………………………………………. 4 2.1 Sistem….……………………………………………………….. 4
2.2 Informasi ……….…………………………..………………….... 4
2.3 Sistem Informasi ………………………………………………... 4
2.4 Sistem Informasi Berbasis Web ………………………………… 5
2.5 Internet ………………………………………………………….. 5
2.6 World Wide Web (WWW) ………………….………………….. 6
2.7 Website ………………………………….…………………….... 6
2.8 Web Browser …………………….……………………………... 7
2.9 CMS ……………………..……………………………………… 7
2.10 Basis Data ………………………...………………………….. 8
2.11 Diagram Konteks ………………...…………………………... 8
2.12 Data Flow Diagram (DFD) ………………...………………... 8
2.13 Kamus Data .............................................................................. 10
Halaman sarana berisi tentang sarana dan prasarana pariwisata
Kabupaten Karanganyar misalnya hotel, nama stasiun beserta jalan dan letak
wilayah. Seluruh data didalamnya dapat dikonfigurasi atau diperbaharui melalui
halaman admin panel dengan cara login pada halaman administrator.
banner Jump menu
Menu utama • Halaman utama • Profil
• Sarana • Budaya • Admin room
Agenda • Kegiatan rutin
dinas
Berita • Info wisata
Interaksi
Isi sarana
Gambar 4.1.4 Halaman Sarana
16
Halaman budaya berisi tentang kebudayan Kabupaten Karanganyar dan
kegiatan kebudayaan. yang bisa diedit, dihapus, ditambah, maupun duhapus
melalui form admin panel dengan memasukan user name dan password untuk
entry data baru lalu logout untuk proses selanjutnya
banner Jump menu
Menu utama • Halaman utama • Profil • Sarana
• Budaya • Admin room
Agenda • Kegiatan rutin dinas
Berita • Info wisata
Adat • Kesenian daerah
Interaksi • Buku tamu • Contact us
Isi budaya
Gambar 4.1.5 Halaman Budaya
Halaman admin room adalah halaman akses untuk masuk ke halaman
admin panel Apabila ingin melakukan pengaturan sistem. Sebelum melakukan
pengaturan sistem pada menu admin panel. Admin harus memasukan user name
dan password dengan benar. Setelah itu kita dapat menganti, mengedit,
menambahkan ataupun menghapus data pada semua menu utama.
17
banner Jump menu
Menu utama • Halaman utama • Profil • Sarana • Budaya
• Admin room
Agenda • Kegiatan rutin
dinas
Berita • Info wisata
Adat • Kesenian daerah
Interaksi • Buku tamu • Contact us
password
user name
login
Gambar 4.1.6 Halaman Admin room
Halamaan agenda berisi tentang agenda instasi yang resmi maupun
tidak resmi yang bisa diedit, dihapus, ditambah, maupun dihapus melalui form
admin panel dengan memasukan user name dan password untuk entry data baru
lalu logout untuk proses selanjutnya.
banner Jump menu
Menu utama • Halaman utama • Profil • Sarana • Budaya
• Admin room
Agenda
Isi kegiatan
18
• Kegiatan rutin dinas
Berita • Info wisata
Adat • Kesenian daerah
Interaksi • Buku tamu • Contact us
Gambar 4.1.7 Halaman Agenda
Halaman berita berisi tentang berita wisata maupun berita budaya
Kabupuaten Karanganyar halaman ini semua data bisa diatur untuk konfigurasi
data harus login dulu agar dapat masuk lalu datadata yang ada bisa dimanajemen.
banner Jump menu
Menu utama • Halaman utama • Profil • Sarana • Budaya
• Admin room
Agenda • Kegiatan rutin
dinas
Berita • Info wisata
Adat • Kesenian daerah
berita
Gambar 4.1.8 Halaman Berita
Halaman ini berisi tentang adat istiadat Kabupaten Karangnayar maupun
kesenian daerah beserta acara adat tahunan rutin. Semua data dapat diedit,
dihapus, ditambah, maupun dihapus melalui form admin panel dengan
19
memasukan user name dan password untuk entry data baru lalu logout untuk
proses selanjutnya
banner Jump menu
Menu utama • Halaman utama • Profil • Sarana • Budaya
• Admin room
Agenda • Kegiatan
rutin dinas
Berita • Info wisata
Adat • Kesenian daerah
Interaksi • Buku tamu • Contact us
Isi kegiatan
Gambar 4.1.9 Halaman Adat
Form interaksi terdiri dari dua pilihan yaitu buku tamu dan contact us.
Form buku tamu berisi tentang saran pesan dan kritik pengunjung atas wisata
Kabupaten Karanganyar.
banner Jump menu
Menu utama • Halaman utama • Profil • Sarana
20
• Budaya
• Admin room
Agenda • Kegiatan
rutin dinas
Berita • Info wisata
Adat • Kesenian daerah
Interaksi • Buku tamu • Contact us
Contact Us
Buku Tamu
Gambar 4.1.10 Halaman Agenda
Dari kesemua halaman website dapat dikonfigurasikan melalui admin
room. Yang kesemua tampilan dapat diedit, dihapus, ditambah. Sehingga
memudahkankan dalam penolahan data yang dibuat agar sesuai dengan kebutuhan
instansi untuk publikasi informasi pemasaran wisata.
21
4.2 Perancangan Sistem
.
Gambar 4.2.1 Struktur Menu Website Dinas Pariwisata Kabupaten Karanganyar
4.3 Perancangan Database
Pembuatan website memerlukan basis data yang berguna untuk lumbung
penyimpanan informasi. Perancangan basis data untuk aplikasi web adalah
sebagai berikut :
Tabel 4.3.1 Tabel agenda
Field Type Attributes Null Default Extra idAgenda tinyint(4) No auto_increment kategori text No judul text No sinopsis text No
22
isi text No date varchar(10) No counter tinyint(4) No 0 status tinyint(4) No 0
Indexes : Keyname Type Cardinality Field PRIMARY PRIMARY 1 idAgenda
Tabel 4.3.2 Tabel artikel
Field Type Attributes Null Default Extra idArtikel tinyint(4) No auto_increment kategori text No judul text No sinopsis text No isi text No date varchar(10) No counter tinyint(4) No 0 status tinyint(4) No 0
Indexes : Keyname Type Cardinality Field PRIMARY PRIMARY 0 idArtikel
Tabel 4.3.2 Tabel berita
Field Type Attributes Null Default Extra idBerita tinyint(4) No auto_increment kategori text No judul text No sinopsis text No isi text No date varchar(10) No counter tinyint(4) No 0 status tinyint(4) No 0
23
Indexes : Keyname Type Cardinality Field PRIMARY PRIMARY 2 idBerita
Tabel 4.3.3 Tabel bukutamu
Field Type Attributes Null Default Extra id int(10) No auto_increment sekarang varchar(12) Yes NULL nama varchar(50) Yes NULL email varchar(60) Yes NULL homepage varchar(60) Yes NULL alamat text Yes NULL komentar text Yes NULL jawab text No
Indexes : Keyname Type Cardinality Field PRIMARY PRIMARY 2 id
Tabel 4.3.4 Tabel counter
Field Type Attributes Null Default Extra id tinyint(11) No auto_increment ip text No counter int(11) No 0 hits int(11) No 0
Indexes : Keyname Type Cardinality Field PRIMARY PRIMARY 0 id
24
Tabel 4.3.5 Tabel halaman
Field Type Attributes Null Default Extra id int(11) No auto_increment judul varchar(80) No konten text No
Indexes : Keyname Type Cardinality Field PRIMARY PRIMARY 0 id
Tabel 4.3.6 Tabel sarana
Field Type Attributes Null Default Extra id tinyint(4) No auto_increment kategori text No nama text No
Indexes : Keyname Type Cardinality Field PRIMARY PRIMARY 17 id
Tabel 4.3.7 Tabel tuser
Field Type Attributes Null Default Extra idUser tinyint(4) No auto_increment username varchar(10) No fullname varchar(30) No password varchar(32) No
Indexes : Keyname Type Cardinality Field PRIMARY PRIMARY 1 idUser
25
4.4 Desain Form Tampilan User
Halaman User merupakan tampilan dari keseluruhan links yang ada di
dalam website. Halaman ini juga merupakan home atau index dari website. Berisi
home, galeri pariwisata, agenda, peta, admin, buku tamu, dan contact us.
Gambar 4.4.1 Halaman Utama
Gambar 4.4.2 Halaman Galeri
26
Tampilan Gambar 4.4.2 Halaman Galeri berisi tentang agenda wisata rutin
Kabupaten Karanganyar yang dilaksanakan setiap satu tahun sekali. Pada halaman
ini ditampilkan fotofoto kegiatan tersebut.
Gambar 4.4.3 Halaman Pariwisata
Tampilan Gambar 4.4.3 Halaman pariwisata berisi tentang obyek wisata
Kabupaten Karanganyar disertai dengan keterangan beserta foto wisata.
Gambar 4.4.4 Halaman Agenda
27
Tampilan Gambar 4.4.4 Halaman Agenda berisi tentang agenda kegiatan
Dinas Pariwisata Kabupaten Karanganyar.
Gambar 4.4.5 Halaman Peta
Tampilan Gambar 4.4.5 Halaman Peta berisi tentang peta wisata beserta
keterangannya. Halaman ini bisa dilihat keterangannya beserta fotofotonya yang
bisa diperbesar gambarnya.
Gambar 4.4.6 Halaman Profil
28
Tampilan Gambar 4.4.6 Halaman Profil berisi tentang profil Dinas
Pariwisata Kabupaten Karanganyar. Visi dan Misi dan struktur organisasi
kedinasan.
Gambar 4.4.7 Halaman Sarana dan Prasarana
Tampilan Gambar 4.4.7 Halaman Sarana dan Prasarana berisi tentang
sarana Kabupaten Karanganyar.di halaman ini terdapat keterangan hotelhotel dan
nama stasiun beserta keterangannya.
Gambar 4.4.8 Halaman Budaya
29
Tampilan Gambar 4.4.8 Halaman Budaya berisi tentang kebudayaan
Kabupaten Karanganyar beserta keterangannya.
Gambar 4.4.9 Halaman login administrator
Tampilan Gambar 4.4.9 Halaman login administrator untuk masuk ke
halaman admin panel. Apabila ingin melakukan penganturan sistem. Sebelum
melakukan pengaturan sistem pada menu admin panel. Admin harus memasukan
user name dan password dengan benar. Hal ini dimaksudkan sebagai security
system.
Gambar 4.4.10 Halaman Agenda
30
Tampilan Gambar 4.4.10 Halaman Agenda berisi tentang agenda instansi
yang diisi dinas dan bisa diedit maupun dihapus. .
Gambar 4.4.11 Halaman Budaya
Tampilan Gambar 4.4.11 Halaman Budaya berisi tentang beritaberita
terbaru tentang agenda wisata, kebudayaan daerah, dan acara tahunan.
Gambar 4.4.12 Halaman Buku Tamu
31
Tampilan Gambar 4.4.12 Halaman Buku Tamu adalah buku tamu
berfungsi untuk melihat buku tamu. Pada halaman ini pengunjung dapat melihat
artikel yang telah di upload oleh admin.
Gambar 4.4.13 Halaman Isi Buku Tamu
Tampilan Gambar 4.4.13 Halaman Isi Buku Tamu berisi tentang isi buku
tamu berisi tentang isi buku tamu.yang talah diisi oleh pengunjung.
Gambar 4.4.14 Halaman contact us
32
Tampilan gambar di atas berisi alamat Dinas Pariwisata Kabupaten
Karanganyar yang bisa dihubungi beserta alamat email instansi
4.5 Desain Form Tampilan Administrator
Gambar 4.5.1 Halaman Selamat Datang
Gambar 4.5.2 Halaman Admin Panel
33
Halaman ini berisi tentang fasilitas untuk administrator untuk
memanajemen halaman website fasilitasnya adalah :
1. Berita administration untuk memanajemen Berita
2. Buku tamu administration untuk memanajemen buku tamu
3. Manajemen agenda untuk memanajemen agenda
4. Sarana administration untuk memanajemen Sarana
5. Password administration untuk memanajemen password
6. Logout untuk kembali keluar dari fasilitas admin panel
Gambar 4.5.3 Halaman Administrasi Berita
Tampilan Gambar 4.5.3 Halaman Administrasi Berita berisi form untuk
mengatur berita yang telah dimasukan database. Di halaman ini administrator
bisa mengedit data, melihat data, menghapus, menulis data serta menambah data.
34
Gambar 4.5.4 Halaman View Berita
Tampilan Gambar 4.5.4 Halaman View Berita adalah halaman yang
berfungsi untuk melihat beritaberita yang telah diisi.
Gambar 4.5.5 Halaman edit berita
Tampilan Gambar 4.5.5 Halaman edit berita adalah halaman yang
berfungsi untuk mengedit beritaberita.
35
Gambar 4.5.5 Halaman Tulis Berita
Tampilan Gambar 4.5.5 Halaman Tulis Berita adalah halaman yang
berfungsi untuk menulis beritaberita .
Gambar 4.5.6 Halaman administrasi agenda
Tampilan Gambar 4.5.6 Halaman administrasi agenda. Halaman ini berisi
agendaagenda. Dimana pada halaman ini dapat diubah.. Halaman administrator
36
ini bisa diedit data, melihata data, menghapus, menulis data data serta menambah
data.
Gambar 4.5.7 Halaman View Agenda
Tampilan Gambar 4.5.7 Halaman view agenda berisi tentang agenda
agenda wisata, budaya dan beritaberita wisata kabupaten karanganyar.
Gambar 4.5.8 Halaman Edit Agenda
37
Tampilan Gambar 4.5.8 Halaman Edit Agenda adalah halaman edit
agenda. Halaman ini berfungsi untuk mengedit agendaagenda instansi.
Gambar 4.5.9 Halaman Tulis Agenda
Tampilan Gambar 4.5.9 Halaman Tulis Agenda adalah Halaman tulis
agenda halaman ini berfungsi untuk menulis agendaagenda instansi.
Gambar 4.5.10 Halaman Administrasi Buku Tamu
38
Tampilan Gambar 4.5.10 Halaman Administrasi Buku Tamu adalah
Halaman administrasi buku tamu. Halaman ini berfungsi untuk memanajemen
buku tamu. Di halaman ini administrator bisa mengedit data, melihata data,
menghapus, menulis data data serta menambah data.
Gambar 4.5.11 Halaman View Buku Tamu
Tampilan Gambar 4.5.11 Halaman View Buku Tamu adalah halaman view
buku tamu berfungsi untuk melihat pengunjung dan alamat email pengunjung.
Gambar 4.5.12 Halaman Edit Buku Tamu
39
Tampilan Gambar 4.5.12 Halaman Edit Buku Tamu adalah halaman edit
buku tamu. Halaman ini berfungsi untuk mengedit, menghapus, menguba pesan
yang telah dimasukan
Gambar 4.5.13 Halaman Jawab Buku Tamu
Tampilan Gambar 4.5.13 Halaman Jawab Buku Tamu adalah halaman
jawab buku tamu. Halaman ini berfungsi untuk menjawab pesan yang telah
dikirim dan status pesan.
Gambar 4.5.14 Halaman Administrasi Sarana
40
Tampilan Gambar 4.5.14 Halaman Administrasi Sarana adalah halaman
administrasi sarana. Halaman ini berisi tentang sarana dan prasarana. Yang dapat
diatur. Di halaman ini administrator bisa mengedit data, melihata data,
menghapus, menulis data data serta menambah data.
Gambar 4.5.15 Halaman View Sarana
Tampilan Gambar 4.5.14 Halaman View Sarana adalah halaman berfungsi
untuk melihat alamat sarana dan prasarana Kabupaten Karanganyar berupa hotel
maupun stasiun kereta.
Gambar 4.5.16 Halaman Edit Sarana
41
Tampilan gambar di atas adalah halaman edit sarana. Halaman ini
berfungsi untuk mengedit, menghapus, mengubah data sarana dan prasara yang
telah dimasukan
Gambar 4.5.17 Halaman Password Administration
Tampilan Gambar 4.5.17 Halaman Password Administration adalah
halaman yang berfungsi untuk mengedit profil administrator dan password yang
dikehendaki agar lebih aman
4.6 Pengujian Sistem Keseluruhan
4.6.1 Resensi
Dalam website ini user dpat mengetahui beberapa informasi seperti profil
galeri, ucapan selamat datang dan artikelartikel yang disajikan oleh admin, selain
itu user juga dapat mengirim pesan dan kesan lewat fasilitas buku tamu, serta peta
wisata yang bias diaplikasikan.
User akan mendapat layanan admin dengan cara memasukkan password
dan username yang benar. Seorang admin dapat menambah artikel baru,
42
menghapus isi buku tamu, memasukkan agenda, berita, mengisi buku tamu edit
buku tamu.
4.6.2 Kesesuaian Rancangan Dengan Hasil
Setelah melakukan pengujian sistem secara menyeluruh, ternyata hasilnya
sudah sesuai dengan rancangan penulis yang semula rencanakan.
4.6.3 Browser
Website yang telah penulis buat ini dapat berjalan dengan baik di Internet
Explorer pada resolusi 1024x768 pixel.
BAB V
PENUTUP
5.1 Kesimpulan
Setelah membuat dan mempelajari perancangan sistem yang telah dibuat
maka dapat diambil kesimpulan sebagai berikut :
1. Website Dinas Pariwisata Kabupaten Karanganyar yang telah dibuat dapat
berjalan lancar dan sesuai dengan yang penulis inginkan
2. Website yang sudah dibuat yaitu website Dinas Pariwisata Kabupaten
Karanganyar ialah telah mampu mengatasi sebagian permasalahan website
yang sudah ada, misalnya : aplikasi buku tamu, animasi peta pariwisata,
administrator panel dan sebagainya.
5.2 Saran
Dengan menggunakan database MySQL yang sudah dapat diketahui oleh
banyak orang, maka dengan adanya kemudahan yang didapat dalam penyampaian
informasi dengan website ini diharapkan dapat ditindak lanjuti dan dapat
dikembangkan sesuai dengan kebutuhan informasi. Website ini masih dapat
dikembangkan lagi menjadi website yang lebih lengkap. Misalnya pada tampilan
menu yang kurang lengkap, animasi dan informasi yang berkembang sesuai
dengan kemajuan zaman.
43
DAFTAR PUSTAKA
Sutanta, Edhy, 2003, Sistem InformasiI Manajemen, Graha Ilmu, Yogyakarta
Kristanto. H, Konsep dan Perancangan Database, Andi Offset, Yogyakarta, 1993
Jogiyanto, H., M., 2001, Analisis & Desain Sistem Informasi : Pendekatan
Terstruktur Teori dan Praktek Aplikasi Bisnis, Andi Offest,
Yogyakarata, 2001
Husni, 2004, Implementasi Jaringan Komputer dengan Linux Redhat 9, Andi
Offset, Yogyakarta, 2004.
Kadir, Abdul, 1990, Sistem Informasi Manajemen, Andi, Yogyakarta
Oetomo, Budi Soetedjo Dharma, 2002, Perancangan dan Pembangunan Sistem
Informasi, Andi, Yogyakarta
Kendall,Kenneth E. & Julie E. Kendall, 2003, Analisis dan Perancangan Sistem,