PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO ,...

57
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

Transcript of PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO ,...

Page 1: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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 D­III ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

SURAKARTA

2007

Page 2: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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

Page 3: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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

Kabupaten Karanganyar.

Page 4: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

iv

KATA PENGANTAR

Bismillahirohmanirrohim

Alhamdulillahirobbil ‘Alamin, dengan memanjatkan segala puji syukur

atas kehadirat Alloh SWT, yang telah melimpahkan rahmat dan karunia­Nya.

Sholawat dan Salam terhadap suri tauladan Nabi Muhammad SAW dan

keluarganya, sahabat serta orang yang senantiasa berjuang di jalan­Nya. Pada

kesempatan yang diberikan kepada penulis kali ini, dapat dimanfaatkan untuk

penyusunan Tugas Akhir dengan judul “Pengembangan Website Dinas Pariwisata

Kabupaten Karanganyar”. Dengan penuh usaha serta do’a pada akhirnya Tugas

Akhir ini dapat terselesaikan dengan segala bentuk keterbatasan yang masih

memerlukan sebuah penyempurnaan.

Dalam penyelesaian Tugas Akhir ini, banyak ditemui berbagai hambatan

yang menimbulkan kesulitan baru, tetapi berkat bantuan dari berbagai pihak

akhirnya kesulitan­kesulitan yang menghambat dapat teratasi. Pada kesempatan

ini penulis ingin mengucapkan terima kasih yang sebesar­besarnya kepada semua

pihak yang telah banyak memberikan bantuannya, terutama kepada :

1. Prof. Drs Sutarno, M.Sc, Phd selaku Dekan Fakultas Matematika dan

Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.

2. Bapak Drs. YS. Palgunadi Msc selaku Ketua Program D3 Ilmu Komputer

Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas

Maret Surakarta.

3. Ibu Dewi Wisnu Wardani, S. Kom selaku Dosen Pembimbing I yang telah

banyak memberikan bimbingan dan saran dalam penyusunan Tugas Akhir

ini.

4. Bapak Drs. Bambang Harjito, M. App, Sc selaku Dosen Pembimbing II

yang telah banyak memberikan bimbingan dan saran dalam penyusunan

Tugas Akhir ini.

5. Ibuku tercinta, atas do’a, pengorbanan, kasih sayang dan perhatian yang

tulus untuk mendukung penyelesaian study ini.

Page 5: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

v

6. Almarhum Bapakku tercinta, yang telah menjadikan aku seperti sekarang

ini.

7. Seseorang yang paling banyak membantu saya dalam menyelesaikan

Tugas Akhir ini (anonymous)

8. Rekan sekaligus temanku yang juga banyak banget membantu saya,

teman­temanku semua yang ada di Fakultas MIPA UNS khususnya D3

Manajemen Informatika.

9. Seluruh penghuni kost Bunda, yang telah banyak membantu dalam bentuk

materiil dan spirituil.

10. Semua pihak yang belum sempat disebutkan dalam kesempatan kali ini.

Dengan keterbatasan waktu, kemampuan dan pengetahuan penulis

menjadikan penyusunan laporan Tugas Akhir ini masih kurang begitu sempurna,

sehingga apabila ada kesalahan dalam penulisan ini merupakan suatu bentuk

ketidaksengajaan penulis. Untuk itu tidak lupa penulis memohon maaf yang

sebesar­besarnya atas segala bentuk kesalahan yang ada.

Akhir kata, semoga laporan ini dapat bermanfaat bagi seluruh pihak yang

mau peduli akan arti sebuah tulisan serta menjadi ilmu yang bermanfaat bagi

seluruh umat manusia.

SURAKARTA, Juli 2007

Penulis

Page 6: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

vi

MOTTO

Kesungguhan hati seseorang tak dapat diukur melalui hasil produksi, tetapi

kesungguhan hati seseorang diukur dari seberapa jauh usaha yang sudah

dilakukan untuk menginterospeksi diri

Keberhasilan tidak dinilai dari hasilnya, tetapi keberhasilan dinilai dari usaha

untuk mendapatkannya

Page 7: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

vii

PERSEMBAHANKU

Kupersembahkan karya ini untuk

Almarhum bapakku tercinta,

Ibu dan adikku tercinta,

Semua keluargaku yang selalu menyayangiku,

Neo black AD 2046 DP

++ seseorang yang selalu mencintaiku

Bintang hidupku

Seluruh teman­temanku thank’s for your support in my life

Anita terkasih.. Thank’s for your spirit.

Seluruh warga Kramat Rw 6

Stefanus Excel Dio yang lucu

Anak­anak kos bunda (Surip, Yusuf, Denz, Tyo, Azis, Dika, Aqni

Bc, etc)

Termite Band (De­Ucup, Nud, Et, Bodhy & Oto Music Studio)

Murni , Sefti Ningsih, Tera, Rika, Ayu Ratna Citra ,

Koh­lipZ racing team

landung & Fanny hukum 2004

And semua temanku yang tidak bisa aku sebutkan satu persatu

TI 2004

MI 2004

T­KOMP 2004

.:THANK’S FOR ALL :.

DAFTAR ISI

HALAMAN JUDUL ………………..……………………………………… i

Page 8: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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

2.14 Entity Relationship Diagram (ERD) ………………………… 10

BAB III METODE PENELITIAN……………………………………….... 11 3.1 Metode Pengumpulan Data ………………………………..…… 11

3.2 Analisis Kebutuhan ………………………………...…………... 11

3.3 Langkah Penyelesaian Masalah …...…..……………………….. 12

BAB IV HASIL DAN PEMBAHASAN………………………………........ 13 4.1 Desain Antar Muka Website Dinas Pariwisata Kabupaten

Page 9: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

ix

Karanganyar …………………………………………................ 13

4.2 Perancangan Sistem……………………………………………. 21

4.3 Perancangan Database …………………………………….….... 21

4.4 Desain Form Tampilan User ………………………………….. 25

4.5 Desain Form Tampilan Administrator……………………….... 32

4.6 Pengujian Sistem Keseluruhan …………………..…………….. 41

BAB V PENUTUP…………………………………………………………. 42 5.1 Kesimpulan …………………………………………………… 42

5.2 Saran ………………………………………………………….. 42

DAFTAR PUSTAKA ……………………………………………………… 43

.

DAFTAR GAMBAR

Gambar 2.12.1 Notasi Entitas Luar dalam DFD ……………………………… 9

Gambar 2.12.2 Notasi Arus Data dalam DFD…….............…………………. 9

Page 10: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

x

Gambar 2.12.3 Notasi Proses dalam DFD ………………….…………….….. 9

Gambar 2.12.4 Notasi Simpanan Data dalam DFD ………………………….. 10

Gambar 4.1.1 Desain Halaman Utama …………………..........................…… 13

Gambar 4.1.2 Halaman Menu Utama …………………….…………………... 14

Gambar 4.1.3 Halaman Profil ………………………………………………… 15

Gambar 4.1.4 Halaman Sarana ……………………………………………….. 15

Gambar 4.1.5 Halaman Budaya ………………………………………………. 16

Gambar 4.1.6 Halaman Admin room ………………………….……………... 17

Gambar 4.1.7 Halaman Agenda ……………………………….……………... 18

Gambar 4.1.8 Halaman Berita …………………………………………..……. 18

Gambar 4.1.9 Halaman Adat …………………………………………………. 19

Gambar 4.1.10 Halaman Agenda ………………………………………….…. 20

Gambar 4.2.1 Struktur Menu Website Dinas Pariwisata Kabupaten

Karanganyar ……………………………........................................…………..

21

Gambar 4.4.1 Halaman Utama …………………………………………….… 25

Gambar 4.4.2 Halaman Galeri ……………………………………………….. 25

Gambar 4.4.3 Halaman Pariwisata ……………………………………..……. 26

Gambar 4.4.4 Halaman Agenda ……………………………………………... 26

Gambar 4.4.5 Halaman Peta …………………………………………..……... 27

Gambar 4.4.6 Halaman Profil ………………………………………………... 27

Gambar 4.4.7 Halaman Sarana dan Prasarana …….........……………………. 28

Gambar 4.4.8 Halaman Budaya ……………….……………………………... 28

Gambar 4.4.9 Halaman login administrator ..................................................... 29

Gambar 4.4.10 Halaman Agenda ..................................................................... 29

Gambar 4.4.11 Halaman Budaya ...................................................................... 30

Gambar 4.4.12 Halaman Buku Tamu ............................................................... 30

Gambar 4.4.13 Halaman Isi Buku Tamu .......................................................... 31

Gambar 4.4.14 Halaman contact us .................................................................. 31

Gambar 4.5.1 Halaman Selamat Datang ........................................................... 32

Gambar 4.5.2 Halaman Admin Panel ................................................................ 33

Page 11: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

xi

Gambar 4.5.3 Halaman Administrasi Berita ..................................................... 33

Gambar 4.5.4 Halaman View Berita ................................................................. 34

Gambar 4.5.5 Halaman edit berita .................................................................... 34

Gambar 4.5.5 Halaman Tulis Berita .................................................................. 35

Gambar 4.5.6 Halaman administrasi agenda ..................................................... 35

Gambar 4.5.7 Halaman View Agenda ............................................................... 36

Gambar 4.5.8 Halaman Edit Agenda ................................................................. 36

Gambar 4.5.9 Halaman Tulis Agenda ............................................................... 37

Gambar 4.5.10 Halaman Administrasi Buku Tamu ......................................... 37

Gambar 4.5.11 Halaman View Buku Tamu ....................................................... 38

Gambar 4.5.12 Halaman Edit Buku Tamu ........................................................ 38

Gambar 4.5.13 Halaman Jawab Buku Tamu ..................................................... 39

Gambar 4.5.14 Halaman Administrasi Sarana ................................................. 39

Gambar 4.5.15 Halaman View Sarana ............................................................... 40

Gambar 4.5.16 Halaman Edit Sarana ............................................................... 40

Gambar 4.5.17 Halaman Password Administration .......................................... 41

DAFTAR TABEL

Page 12: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

xii

Tabel 4.3.1 Tabel agenda .................................................................................. 21

Tabel 4.3.2 Tabel artikel ................................................................................... 22

Tabel 4.3.2 Tabel berita .................................................................................... 22

Tabel 4.3.3 Tabel bukutamu ............................................................................. 23

Tabel 4.3.4 Tabel counter ................................................................................. 23

Tabel 4.3.5 Tabel halaman …………………………………………………... 24

Tabel 4.3.6 Tabel sarana ……………………………………………………... 24

Tabel 4.3.7 Tabel tuser ………………………………………………………. 24

Page 13: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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 D­III ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

SURAKARTA

2007

Page 14: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Penggunaan fasilitas website dewasa ini bukanlah hal yang dianggap

baru dan bersifat modern, tetapi sudah dianggap lazim untuk dipergunakan

oleh masyarakat. Website mempunyai beberapa keunggulan dalam

menyajikan informasi, antara lain keunggulan dalam hal kecepatan,

ketepatan, kehandalan, serta cocok untuk mengerjakan pekerjaan yang yang

dilakukan berulang­ulang dengan cepat dan baik. Lebih dari itu, website

telah menjadi kebutuhan setiap instansi maupun perusahaan untuk bisa tetap

bersaing dalam memberi pelayanan yang memuaskan bagi konsumen

bahkan untuk tetap hidup dan berjalan seiring majunya teknologi informasi.

Dengan kata lain, website telah menjadi sumber daya yang harus digali,

diatur, dan digunakan semaksimal mungkin untuk kepuasaan pengguna jasa.

Dengan kata lain, website unggul pada suatu pekerjaan yang bersifat

informatif.

Dinas Pariwisata Kabupaten Karanganyar yang beralamat di

www.disparta.kabupatenkaranganyar.go.id. Sebagai dinas yang memberi

informasi kepariwisataan menggunakan sarana promosi pariwisata dengan

demikian maka kerja praktek ini bertujuan membantu merancang sebuah

website yang berguna sebagai sarana promosi dan publikasi. Website yang

lama sudah ada namun aplikasi program tidak bisa dijalankan, karena di

dalam script website tersebut masih kesalahan penulisan script yang belum

diperbaiki, sehingga aplikasi programming website yang diinginkan tidak

berjalan sesuai dengan keinginan. Dengan demikian perancangan website

yang dibuat ini bisa memperbaiki website yang lama yang aplikasi program

di dalamnya tidak bisa berjalan. Diharapkan perancangan website yang baru

ini dapat mengurangi kendala­kendala yang ada serta mampu meningkatkan

pemasaran pariwisata Kabupaten Karanganyar.

Page 15: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

2

1.2 Perumusan Masalah

Berdasarkan latar belakang masalah tersebut di atas maka rumusan

masalah yang dibahas adalah : “Bagaimana menyajikan informasi Dinas

Pariwisata Kabupaten Karanganyar menjadi sarana informasi dan publikasi

melauli internet dengan efektif dan efisien? “

1.3 Pembatasan Masalah

Agar dapat memberikan gambaran yang lebih rinci, terarah dan

tidak menyimpang dari yang telah diuraikan dalam latar belakang masalah

serta mudah dipahami pembaca, maka berikut ini akan diberikan batasan

masalah sebagai berikut : “Bagaimana membuat website sehingga menjadi

sarana informasi dan promosi Dinas Pariwisata Karanganyar, dalam hal ini

hanya mengembangkan dari website yang pernah ada sebelumnya yang

dinilai kurang dapat memberikan sajian informasi dengan baik karena

aplikasi programnya tidak berfungsi ?”.

1.4 Tujuan

Pada dasarnya dalam pelaksanaan penelitian ini mempunyai tujuan

yang ingin dicapai, yaitu untuk membuat website Dinas Pariwisata

Kabupaten Karanganyar yang menarik lewat jalur internet sehingga dapat

membantu Dinas Pariwisata dalam meningkatkan pemasaran obyek wisata

Kabupaten Karanganyar.

1.5 Manfaat

Dengan disusunnya Tugas Akhir ini diharapkan dapat memberikan

manfaat bagi Universitas Sebelas Maret, Dinas Pariwisata Kabupaten

Karanganyar dan Mahasiswa sendiri. Manfaat tersebut antara lain adalah

sebagai berikut :

1. Bagi instansi :

a. Menjadi bahan pertimbangan perbaikan website yang telah ada di

Dinas Pariwisata Kabupaten Karanganyar karena website yang

Page 16: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

3

telah ada tidak berjalan di links­nya serta kurang dapat

menjabarkan deskripsi pariwisata. Diharapkan perancangan

website baru yang dibuat ini bisa berguna untuk diaplikasikan.

b. Adanya kerjasama antara instansi Kantor Dinas Pariwisata

Kabupaten Karanganyar dan Institusi Pendidikan Diploma III Ilmu

Komputer FMIPA UNS.

2. Bagi pengguna :

Sebagai sumber referensi pengetahuan dan bahan pertimbangan

mahasiswa dalam memilih layanan informasi pariwisata Kabupaten

Karanganyar.

3. Bagi penulis :

Dapat menerapkan ilmu yang telah diperoleh selama di bangku

kuliah dan melatih diri agar lebih bertanggung jawab dalam menghadapi

dunia kerja.

Page 17: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

4

BAB II

LANDASAN TEORI

2.1 Sistem

Sistem dapat didefinisikan sebagai sekumpulan hal ini atau kegiatan atau

elemen atau sub sistem yang saling bekerja sama atau yang dihubungkan dengan

cara­cara tertentu sehingga membentuk satu kesatuan untuk melaksanakan suatu

fungsi guna mencapai suatu tujuan. (Sutanta, 2004).

Sistem adalah jaringan kerja dari prosedur­prosedur yang saling

berhubungan, berkumpul bersama­sama untuk melakukan suatu kegiatan atau

menyelesaikan suatu sasaran tertentu. (Kristanto, 1993).

2.2 Informasi

Pengertian informasi menurut Oxford English Dictionary, adalah “that of

which one is apprised or told; intelligence, news”. Kamus lain menyatakan

bahwa, informasi adalah sesuatu yang dapat diketahui. Namun, ada pula yang

menekankan informasi sebagai transfer pengetahuan. Pada hakekatnya informasi

tidak dapat diuraikan (intangible), sedangkan informasi itu dijumpai dalam

kegiatan sehari­hari, yang diperoleh dari data dan dari observasi terhadap dunia

sekitar kita serta diteruskan melalui komunikasi.

Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan

lebih berarti bagi yang menerimanya (Jogiyanto, 2001).

2.3 Sistem Informasi

Sistem informasi adalah suatu sistem di dalam suatu organisasi yang

mempertemukan kebutuhan pengolahan transaksi harian, yang mendukung

operasi, bersifat manajerial, dan kegiatan dari suatu organisasi menyediakan pihak

luar tertentu dengan laporan­laporan yang diperlukan.

Sebuah sistem informasi memiliki komponen­komponen yang disebut

dengan istilah blok bangunan (building block), blok keluaran (output block), blok

basis data (database block), dan blok kendali (control block). Sebagai suatu

Page 18: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

5

sistem, keenam blok tersebut masing­masing saling berinteraksi satu sama lain

membentuk suatu kesatuan untuk mencapai sasarannya.

2.4 Sistem Informasi Berbasis Web

Sistem informasi berbasis web adalah satu kesatuan data olahan yang

terintegrasi dan saling melengkapi yang menghasilkan output baik dalam bentuk

gambar, suara maupun tulisan.

Sistem informasi berbasis web merupakan sekumpulan hardware,

software, brainware, prosedur dan atau aturan yang diorganisasikan secara

integral untuk mengolah data menjadi informasi yang bermanfaat guna

memecahkan masalah dan pengambilan keputusan yang berdasarkan web

(Anonim 2006).

2.5 Internet

Sebenarnya sampai saat ini belum ada persetujuan yang pasti dapat

menjawab pertanyaan apakah internet tersebut. Alasannya, definisi tersebut

mungkin akan berbeda maknanya antara dahulu, sekarang dan yang akan datang

hal ini disebabkan kompleksitas pada internet serta perubahan yang terjadi setiap

saat pada arsitektur sistemnya. Lagi pula setiap orang punya persepsi atau sudut

pandang yang berbeda­beda dalam mendefinisikan internet. Namun demikian dari

beberapa definisi yang ada dapat diambil suatu kesimpulan dasar yang

menggambarkan pengertian internet secara umum.

Internet adalah network yang terdiri dari ribuan sistem komputer yang

saling berhubungan satu dengan yang lain. Hubungan dari masing­masing

network dapat melalui jaringan komunikasi kabel telpon dan jaringan komunikasi

tanpa kabel. Internet merupakan jaringan unik. Walaupun merupakan jaringan

besar, namun tidak ada yang berkuasa mutlak untuk mengaturnya. Pengaturan

dilakukan oleh sebuah badan yang terdiri oleh sukarelawan masyarakat komputer

yang menamakan dirinya Internet Society (ISOC). Orang­orang inilah yang

berperan dalam pengaturan.

Page 19: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

6

Anggota ISOC dari berbagai negara yang saling berkomunikasi,

bekerjasama, bertukar informasi mengirimi surat melalui internet. Mereka

menggunakan sumber daya yang sama dan interaksi lainnya tanpa harus pergi

mengunjungi dan didatangi oleh lawan komunikasinya (Husni, 2004).

2.6 World Wide Web (WWW)

World Wide Web merupakan informasi yang sangat luas yang tersebar

dalam bentuk ratusan ribu komputer diseluruh dunia. Maka dari itu, World Wide

Web dapat dibagi menjadi dua kategori yaitu client dan server. Melalui

penggunaan software khusus, mereka berbentuk sebuah jaringan yang disebut

jaringan client­server.

Server menyimpan informasi dan memproses permintaan dari client

kemudian mengirimkan informasi yang diminta dari client. Informasi ini berupa

gambar, suara dan teks. Server juga mengirim perintah­perintah kepada client

tentang bagaimana cara menampilkan semua informasi tersebut.

Client membuat permintaan informasi dan kemudian menangani tugas

penayangan informasi tersebut kepada end user. Ketika menggunakan suatu web

browser untuk menjelajah web, software browser sedang bertindak sebagai client.

Jika sebuah server di World Wide Web tidak berfungsi tidak mempengaruhi kerja

server yang lain.(Husni, 2004).

2.7 Website

Sebuah situs web (sering pula disingkat menjadi situs saja) web site, site

adalah sebutan bagi sekelompok halaman web (web page), yang umumnya

merupakan bagian dari suatu nama domain (domain name) atau subdomain di

World Wide Web (WWW) di Internet. WWW terdiri dari seluruh situs web yang

tersedia kepada publik. Halaman­halaman sebuah situs web diakses dari sebuah

URL yang menjadi "akar" (root), yang disebut homepage (halaman induk) dan

biasanya disimpan dalam server yang sama. Tidak semua situs web dapat diakses

dengan gratis. Beberapa situs web memerlukan pembayaran agar dapat menjadi

Page 20: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

7

pelanggan, misalnya situs­situs berita, layanan surat elektronik (e­mail), dan lain­

lain.

Terminologi website adalah kumpulan dari halaman­halaman situs, yang

biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya

berada didalam World Wide Web (WWW) di Internet. Sebuah web page adalah

dokumen yang ditulis dalam format HTML (Hyper Text Markup Language), yang

hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan

informasi dari server website untuk ditampilkan kepada para pemakai melalui web

browser. Semua publikasi dari website­website tersebut dapat membentuk sebuah

jaringan informasi yang sangat besar. Halaman­halaman dari website akan bisa

diakses melalui sebuah URL yang biasa disebut homepage.

2.8 Web Browser

Web Browser adalah jembatan ke World Wide Web. Browser adalah

software client yang memungkinkan mengakses dan melihat setiap dokumen di

web. Jumlah pilihan yang tersedia terus bertambah setiap bulan. Hampir semua

informasi di World Wide Web dapat diakses secara langsung. Hal ini disebabkan

karena setiap dokumen, file dan gambar mempunyai alamat tertentu. Alamat ini

disebut Uniform Resource Locators (URL). (Husni, 2004).

2.9 CMS

CMS secara sederhana dapat diartikan sebagai berikut:Sebuah sistem yang

memberikan kemudahan kepada para penggunanya dalam mengelola dan

mengadakan perubahan isi sebuah website dinamis tanpa sebelumnya dibekali

pengetahuan tentang hal­hal yang bersifat teknis. Dengan demikian, setiap orang,

penulis maupun editor, setiap saat dapat menggunakannya secara leluasa untuk

membuat, menghapus atau bahkan memperbaharui isi website tanpa campur

tangan langsung dari pihak webmaster. Bukankah ini suatu hal yang efisien?

Karena CMS memisahkan antara isi dan desain, konsistensi tampilan dapat

senantiasa dijaga dengan baik (Kemas, 2007).

http://www.ilmukomputer.com/umum/kemas­cms.php

Page 21: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

8

2.10 Basis Data

Basis data (database) adalah kumpulan dari file­file yang saling

berinteraksi satu sama lain dan tersimpan di dalam memori yang terintegrasi

sehingga membentuk suatu bangunan data.

Dalam satu file terdapat record­record yang sejenis, sama besar, sama

bentuk dan merupakan satu kumpulan entitas yang seragam. Satu record terdiri

dari field­field yang saling berhubungan untuk menunjukkan bahwa field tersebut

dalam satu pengertian yang lengkap dan direkam dalam satu record. Untuk

menyebut isi dari field maka digunakan attribute atau merupakan judul dari suatu

kelompok entitas tertentu. Entitas adalah obyek yang nyata dan akan direkam

(Kristanto, 1993).

2.11 Diagram Konteks

Diagram konteks adalah diagram aliran data yang memperlihatkan sistem

sebagai sebuah proses. Tujuannya ialah memberikan pandangan umum sistem.

Diagram konteks memperlihatkan sebuah proses yang berinteraksi dengan

lingkungannya. Ada pihak luar atau lingkungan yang memberi masukan dan pihak

yang menerima keluaran sistem. (Kadir, 2000).

2.12 Data Flow Diagram (DFD)

Data Flow Diagram merupakan peralatan yang berfungsi untuk

menggambarkan secara rinci mengenai sistem sebagai jaringan kerja antar fungsi

yang berhubungan satu sama lain dengan menunjukan dari dan ke mana data

mengalir serta penyimpanannya (Oetomo, 2002).

Dalam Data Flow Diagram digunakan beberapa notasi dasar yang

mewakili entitas luar (external entity), arus data (data flow), proses (process), dan

simpanan data (data store).

a. Entitas Luar

Page 22: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

9

Entitas luar merupakan kesatuan di luar sistem yang dapat berupa orang,

organisasi atau sistem lainnya yang akan memberikan input dan menerima

output. Entitas luar dapat disimbolkan dengan notasi persegi empat.

Gambar 2.12.1 Notasi Entitas Luar dalam DFD

b. Arus Data

Merupakan aliran data yang dapat berupa masukan untuk sistem atau hasil

dari proses sistem. Arus data mengalir diantara proses, simpanan data dan

kesatuan luar. Arus data dapat disimbolkan dengan notasi anak panah.

Gambar 2.12.2 Notasi Arus Data dalam DFD

c. Proses

Adalah kegiatan atau kerja yang dilakukan oleh orang, mesin, atau

komputer dari suatu arus data yang masuk ke dalam proses untuk

menghasilkan arus data yang akan keluar dari proses. Proses dapat

disimbolkan dengan notasi lingkaran.

Gambar 2.12.3 Notasi Proses dalam DFD

d. Simpanan Data

Merupakan simpanan dari data yang dapat berupa file atau database dalam

sistem komputer. Simpanan data dapat disimbolkan dengan notasi seperti yang

ditunjukkan gambar 2.12.4

Page 23: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

10

Gambar 2.12.4 Notasi Simpanan Data dalam DFD

2.13 Kamus Data

Kamus data adalah daftar unsur­unsur data yang masing­masing

dilengkapi dengan penjelasan. Kamus data adalah suatu aplikasi khusus dari jenis

kamus­kamus yang digunakan sebagai referensi kehidupan setiap hari. Kamus

data merupakan hasil referensi data (maksudnya, metadata), suatu data yang

disusun oleh penganalisis sistem untuk membimbing mereka selama melakukan

analisis data dan desain. (Kendall, 2003).

2.14 Entity Relationship Diagram (ERD)

Entity Relationship Diagram adalah diagram yang berguna untuk

memodelkan sistem yang nantinya akan dikembangakn dalam basis datanya. ERD

tersusun atas tiga komponen, yaitu entitas, atribut dan kerelasian antar entitas.

Secara garis besar entitas merupakan obyek dasar yang terlibat dalam sistem.

Atribut berperan sebagai penjelas entitas, kerelasian menunjukan hubungan yang

terjadi diantara dua entitas. (Sutanta, 2004).

Page 24: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

11

BAB III

METODOLOGI PENELITIAN

3.1 Metode Pengumpulan Data

Untuk memperoleh data dalam penyusunan laporan Tugas Akhir,

digunakan teknik pengumpulan data diantara yang satu dengan yang lainnya

saling melengkapi sehingga memeperoleh data yang diperlukan. Teknik yang

digunakan dalam penulisan Tugas Akhir ini antara lain sebagai berikut :

1. Observasi

Metode pengumpulan data dengan melakukan pengamatan pada objek yang

diteliti secara langsung.

2. Wawancara

Metode pengumpulan data dengan mengadakan tanya jawab secara langsung

dengan pihak yang terkait dengan masalah yang diteliti.

3. Dokumentasi

Yaitu dengan melihat laporan yang telah ada, agar data yang akan diperoleh

lebih terperinci dan jelas serta sesuai dengan kebutuhan.

4. Studi Pustaka

Mengumpulkan data dari membaca buku­buku yang ada hubungannya dengan

permasalahan yang dijadikan objek penelitian.

3.2 Analisis Kebutuhan

Analisis kebutuhan untuk menyusun Tugas Akhir dibagi menjadi dua,

yaitu sebagai berikut :

a. Perangkat Lunak (Software) :

1. PHP MyAdmin, digunakan untuk pembuatan database MySQL.

2. Macromedia Dreamweaver, digunakan sebagai editor script dalam

pembuatan website dengan menggunakan bahasa pemrograman website,

yaitu PHP dan HTML.

3. Adobe Photoshop, digunakan untuk penghalusan tampilan yang

berhubungan dengan pengolahan grafis.

Page 25: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

12

b. Perangkat Keras (Hardware) :

1. Prosesor Intel Celeron 2.7 GHz

2. Memori 256 Mb

3. VGA onboard

4. Hardisk 40 Gb

5. Monitor 15 inch

6. Keyboard, Mouse, dan Printer

3.5 Langkah Penyelesaian Masalah

1. Identifikasi Masalah

Pada bagian ini dilakukan beberapa tahap kegiatan yang diantaranya yaitu

mengidentifikasikan kebutuhan pengguna dalam kaitan memberikan

informasi. Dalam hal ini penulis mengambil sample untuk menampilkan

website Dinas Pariwisata Kabupaten Karanganyar agar lebih menarik dan

informatif ke dalam bentuk format agar masyarakat umum tertarik.

2. Menentukan Konsep

Merancang konsep aplikasi website seperti mengenai desain proyek,

bentuk, kebutuhan material untuk proyek yang akan dibuat dan tampilan­

tampilan grafis pada program website.

3. Merancang AplikasiWebsite

Meliputi merancang tampilan interface serta desain tiap menu.

4. Implementasi

Mengimplementasikan rancangan website yang telah dibuat ke dalam

program. Tahap ini termasuk mempersiapkan hardware dan software yang

akan digunakan dalam Pengembangan Website Dinas Pariwisata

Kabupaten Karanganyar

5. Uji coba

Aplikasi yang sudah selesai dibuat harus melalui proses uji rancangan.

Dalam proses pengujian ini dapat dilihat sejauh mana keberhasilan

aplikasi yang dibuat dan kesalahan apa saja yang terjadi sehingga dapat

dilakukan perbaikan.

Page 26: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

13

BAB IV

HASIL DAN PEMBAHASAN

4.1 Desain Antar Muka Website Dinas Pariwisata Kabupaten Karanganyar

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

Gambar 4.1.1 Desain Halaman Utama

Gambar 4.1.1 Desain halaman utama adalah desain halaman utama

website Dinas Pariwisata Kabupaten Karanganyar. Di dalamnya terdapat form

baner, jump menu, menu utama, agenda, berita, budaya, interaksi., dan isi website.

Menu utama terdiri dari empat form pilihan yaitu :

1. Halaman utama

2. Profil

3. Sarana

4. Budaya

5. Admin room

Page 27: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

14

Halaman utama website Dinas Pariwisata Kabupaten Karanganyar berisi

foto­foto, ucapan selamat datang, berita terbaru tentang kepariwisataan di

Kabupaten Karanganyar.

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

Gambar 4.1.2 Halaman Menu Utama

Halaman profil berisi tentang Visi dan Misi Dinas Pariwisata dan

struktur organisasi dan hal tentang sejarah instansi. Seluruh data didalamnya dapat

dikonfigurasi melalui halaman admin panel dengan cara login pada halaman

administrator.

banner Jump menu

Menu utama • Halaman utama

• Profil • Sarana • Budaya • Admin room Isi profil

Page 28: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

15

Agenda • Kegiatan rutin

dinas

Berita • Info wisata

Adat • Kesenian daerah

Interaksi • Buku tamu • Contact us

Gambar 4.1.3 Halaman Profil

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

Page 29: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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.

Page 30: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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

Page 31: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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 data­data 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

Page 32: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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

Page 33: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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.

Page 34: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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

Page 35: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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

Page 36: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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

Page 37: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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

Page 38: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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

Page 39: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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 foto­foto 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

Page 40: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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 foto­fotonya yang

bisa diperbesar gambarnya.

Gambar 4.4.6 Halaman Profil

Page 41: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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 hotel­hotel dan

nama stasiun beserta keterangannya.

Gambar 4.4.8 Halaman Budaya

Page 42: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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

Page 43: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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 berita­berita

terbaru tentang agenda wisata, kebudayaan daerah, dan acara tahunan.

Gambar 4.4.12 Halaman Buku Tamu

Page 44: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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

Page 45: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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

Page 46: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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.

Page 47: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

34

Gambar 4.5.4 Halaman View Berita

Tampilan Gambar 4.5.4 Halaman View Berita adalah halaman yang

berfungsi untuk melihat berita­berita yang telah diisi.

Gambar 4.5.5 Halaman edit berita

Tampilan Gambar 4.5.5 Halaman edit berita adalah halaman yang

berfungsi untuk mengedit berita­berita.

Page 48: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

35

Gambar 4.5.5 Halaman Tulis Berita

Tampilan Gambar 4.5.5 Halaman Tulis Berita adalah halaman yang

berfungsi untuk menulis berita­berita .

Gambar 4.5.6 Halaman administrasi agenda

Tampilan Gambar 4.5.6 Halaman administrasi agenda. Halaman ini berisi

agenda­agenda. Dimana pada halaman ini dapat diubah.. Halaman administrator

Page 49: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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 berita­berita wisata kabupaten karanganyar.

Gambar 4.5.8 Halaman Edit Agenda

Page 50: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

37

Tampilan Gambar 4.5.8 Halaman Edit Agenda adalah halaman edit

agenda. Halaman ini berfungsi untuk mengedit agenda­agenda 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 agenda­agenda instansi.

Gambar 4.5.10 Halaman Administrasi Buku Tamu

Page 51: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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

Page 52: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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

Page 53: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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

Page 54: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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 artikel­artikel 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,

Page 55: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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.

Page 56: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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.

Page 57: PENGEMBANGAN WEBSITE DINAS PARIWISATA …/Pengembangan... · iii ABSTRAK FUAD YUDO ARIWIBOWO , 2007. PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR , Jurusan Manajemen

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,

jilid 1, PT. Prenhakindo, Jakarta

.