SISTEM INFORMASI PARIWISATA BERBASIS WEB KABUPATEN …

1

SISTEM INFORMASI PARIWISATA

BERBASIS WEB KABUPATEN DAIRI

TUGAS AKHIR

ALPIAN W SIHOMBING

162406024

PROGRAM STUDI D3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2020


2

SISTEM INFORMASI PARIWISATA

BERBASIS WEB KABUPATEN DAIRI

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya

ALPIAN W SIHOMBING

162406024

PROGRAM STUDI D3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM


MEDAN

2020


3


4


iii

SISTEM INFORMASI PARIWISATA BERBASIS WEB KABUPATEN DAIRI

ABSTRAK

Tujuan perancangan sistem informasi berbasis web ini adalah untuk mempromosikan

wisata Kabupaten Dairi Sumatera Utara. Sistem informasi berbasis web adalah media

yang memiliki unsur teks, gambar animasi, dan suara. Unsur-unsur tersebut

menjadikan media ini menjadi menarik. Selain itu sistem informasi berbasis web

menjadi sebuah media yang memiliki informasi yang cukup lengkap bagi wisatawan

dan dapat dilihat setiap saat. Media ini tidak lepas dari aspek desain dan teknologi

didalam proses pembuatannya. Seperti media informasi yang lain, keberhasilan media

ini juga ditentukan oleh keberhasilan penyampaian pesan yang dibawanya.

Dalam Perancangan Sistem Informasi Pariwisata Berbasis Web Di Dinas

Kebudayaan dan Pariwisata Kabupaten Dairi terdapat proses prosedural yang dilakukan

untuk mengumpulkan data. Terdapat dua jenis data, yaitu data primer dan data

sekunder. Pengumpulan data primer yang digunakan adalah observasi obyek wisata di

Kabupaten Dairi dan Dinas Kebudayaan dan Pariwisata Kabupaten Dairi. Selain

observasi juga dilakukan wawancara tak terstruktur, dimana wawancara dilakukan

secara bebas, tidak menggunakan pedoman wawancara secara sistematis. Sedangkan

data sekunder dalam perancangan ini adalah data mengenai pariwisata dari buku,

brosur, dan browsing di internet.

Hasil perancangan berupa sitem informasi pariwisata berbasis web yang

diharapkan mampu menjadi sebuah media yang dapat mempromosikan wisata

Kabupaten Dairi, selanjutnya dengan adanya perancangan desain web ini diharapkan

adanya proses perancangan serupa untuk menghasilkan karya yang lebih baik dan lebih

lengkap dari karya yang ada.


iv

WAI-BASED TOURISM INFORMATION SYSTEM IN DAIRI DISTRICT

ABSTRACT

The purpose of designing a web-based information system is to promote tourism in

North Sumatra Dairi Regency. Web-based information systems are media that have

elements of text, animated images, and sounds. These elements make this media

interesting. Besides web-based information systems become a medium that has fairly

complete information for tourists and can be seen at any time. This media cannot be

separated from the aspects of design and technology in the manufacturing process. Like

other information media, the success of this media is also determined by the success of

delivering the message it carries. In the Design of Web-Based Tourism Information

Systems in the Dairi Regency Culture and Tourism Office there is a procedural process

carried out to collect data. There are two types of data, namely primary data and

secondary data. The primary data collection used is the observation of tourism objects

in Dairi Regency and the Culture and Tourism Office of Dairi Regency. In addition to

observations also conducted unstructured interviews, where interviews are conducted

freely, do not use interview guidelines systematically. While secondary data in this

design is data about tourism from books, brochures, and browsing on the internet. The

results of the design in the form of a web-based tourism information system which is

expected to be able to become a media that can promote tourism in Dairi Regency, then

with the design of this web design is expected to have a similar design process to

produce works that are better and more complete than existing works.


v


vi

DAFTAR ISI

PENGSAHAN LAPORAN TUGAS AKHIR i

PERNYATAAN ii

ABSTRAK iii

ABSTRACT iv

PENGHARGAAN v

DAFTAR ISI vi

DAFTAR TABEL viii

DAFTAR GAMBAR ix

DAFTAR LAMPIRAN x

DAFTAR SINGKATAN xi

BAB 1 PENDAHULUAN

1.1 Latar Belakang 1

1.2 Perumusan Masalah 2

1.3 Batasan Masalah 2

1.4 Tujuan Penelitian 3

1.5 Manfaat Penelitian 3

1.6 Sistematika Penulisan 4

BAB 2 LANDASAN TEORI

2.1 Konsep dasar sistem 6

2.2 Pengertian Sistem Informasi 9

2.3 Pengertian Database 9

2.4 Aplikasi Yang Digunakan 10

2.4.1 PHP 10

2.4.2 Mysql 10

2.4.3 Javascript 11

2.4.4 CSS 12

2.4.5 Sublime Text 12

2.4.6 Web dan HTMl 13

2.5 ERD 14

2.5.1 Simbol-simbol Entity relasionship Diagram 15

2.5.2 Data Flochart Diagran 15

2.5.3 Flowchart 16

BAB 3 PERANCANGAN SISTEM

3.1 Perancangan Sistem 18

3.2 Metode Pengembangan Sistem 18

3.3 Hasil perancangan 19


vii

3.4 Flowchart administrator 24

3.5 Rancangan Antarmuka 26

BAB 4 IMPLEMENTASI SISTEM

4.1 Implementasi Sistem 28

4.2 Tujuan Implementasi Sistem 28

4.3 Komponen Utama Dalam Implementasi Sistem 29

4.3.1 Perangkat Keras 29

4.3.2 Perangkat Lunak 30

4.3.3 Pengguna 30

4.4 Demonstrasi Program 31

BAB 5 KESIMPULAN DAN SARAN

5.1 Kesimpulan 36

5.2 Saran 37

DAFTAR PUSTAKA

LAMPIRAN


viii

DAFTAR TABEL

Nomor Judul Halaman

Tabel

2.5.1 Simbol-simbol Entity Relationship Diagram 14

2.5.2 Simbol Data Flow Diagram 15

2.5.3.1 Simbol Flowchart 16

3.3.3.1 Simbol-Simbol Flowchart 21

3.4.1.1 Tabel login 25

3.4.1.2 Tabel event 25

3.4.1.3 Tabel transportasi 25

3.4.1.4 Tabel Kuliner 26

3.5.1.5 Tabel Wisata 26

3.5.1.6 Tabel Pusat Bantuan 26

3.5.1.7 Tabel Paket Wisata 27

3.5.1.8 Tabel Kategori Wisata 27


ix

DAFTAR GAMBAR

Nomor Judul Halaman

Gambar

2.1 Elemen sistem 7

3.1 Flowchart halaman website 23

3.4 Flowchart Admin 21

4.4 Flowcart tampilan utama 31

4.5 Tampilan Event 31

4.6 Tampilan Transportasi 32

4.7 Tampilan Admin 32

4.8 Tampilan Kuliner 33

4.9 Tampilan Wisata 33

4.10 Tampilan Bantuan 34

4.11 Tampilan Paket Wisata 34

4.12 Tampilan kategori Wisata 35


1

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Di era globalisasi ini, perkembangan informasi dan teknologi sangatlah cepat. Dalam

beberapa tahun terakhir perkembangan informasi dan teknologi menjadi sangat canggih.

Manfaat IT yang besar akan semakin membuat orang memahami betapa penting nya IT

dan manfaat itu sendiri. Di zaman perkembangan teknologi ini, teknologi dapat digunakan

dalam pengembangan sektor pariwisata dan kebudayaan yang memiliki potensial yang

tinggi untuk keberlangsungan pembangunan suatu daerah.

Sektor pariwisata dan kebudayaan merupakan salah satu sektor yang sangat

potensial dan perlu mendapat perhatian yang baik bagi pemerintah daerah untuk

keberlangsungan pembangunan suatu daerah. Adanya perhatian yang baik dari

pemerintah daerah terhadap sektor pariwisata dan kebudayaan akan mendorong

perkembangan sektor tersebut. Dampaknya, wisatawan baik dalam negeri maupun luar

negeri datang ke Indonesia. Kondisi ini akan memberikan pemasukan devisa yang

cukup besar baik untuk daerah maupun negara.

Kabupaten Dairi, Provinsi sumatera utara merupakan salah satu daerah di

Indonesia yang memiliki sektor pariwisata dan kebudayaan yang baik. Berbagai jenis

wisata seperti wisata alam, budaya, agrowisata maupun wisata sejarah terdapat di

daerah tersebut. Akan tetapi dalam penyebaran informasi seputar pariwisata masih

bersifat manual, antara lain pemberian brosur, pamflet, poster, dan buku-buku kepada

wisatawan yang berkunjung ke suatu objek wisata.

Di tengah perkembangan teknologi yang semakin pesat salah satunya internet,

sudah saatnya pengelolaan informasi manual secara bertahap diganti dengan

pengelolaan informasi yang bersifat teknologi. Dunia internet yang semakin luas

jaringannya, sangat mudah digunakan oleh siapa saja dan di mana saja. Hal ini

dibuktikan dengan semakin banyaknya perancangan web yang bermunculan, karena

masyarakat, dalam hal ini pengguna maupun perancang sadar akan pesatnya kemajuan

dunia maya yang berbasis web untuk kemudahan segala transaksi. Media internet

khususnya web, merupakan salah satu alat bantu bagi individu maupun suatu komunitas


2

dalam menjalankan kegiatan kerja.

Dengan sistem jaringan yang mengglobal maka dapat memberikan kemudahan

akses informasi yang lebih akurat, cepat dan mudah. Melalui konsep perpaduan

teknologi dan pengelolaan seni budaya maka akan menghasilkan kinerja yang baik bagi

pengelola wisata budaya. Selain itu dapat mempermudah penyajian informasi seni

kebudayaan kepada wisatawan ke seluruh dunia, karena sewaktu-waktu dapat dimonitor

melalui situs website yang dapat dilihat dimana saja selama masih terhubung dengan

internet. Berdasarkan uraian singkat di atas, penulis memutuskan untuk melakukan

penelitian yang berkaitan dengan sistem informasi pariwisata Kabupaten Dairi sumatera

utara, serta memberikan suatu usulan rancangan sistem informasi pariwisata yang

penulis susun dalam tugas akhir dengan judul : ”Sistem informasi pariwisata berbasis

web kabupaten dairi”.

1.2 Perumusan Masalah

Berdasarkan observasi yang dilakukan di Kabupaten Dairi sumatera utara terhadap sistem

penyampaian informasi pariwisata dikemukakan hal – hal yang menjadi permasalahan,

antara lain:

1. Bagaimana cara penyampaian informasi pariwisata yang terdapat di Kabupaten Dairi?

2. Bagaimana merancang sebuah aplikasi informasi pariwisata yang sifatnya

online?

1.3 Batasan Masalah

Berdasarkan latar belakang yang telah dipaparkan sebelumnya secara spesifik dipaparkan

batasan masalah dari sistem yang akan dibuat sebagai berikut:

1. Lokasi objek penelitian di Kabupaten Dairi, Sumatera utara.

2. Penyajian informasi objek pariwisata dan kebudayaan yang tersebar di Kabupaten Dairi,

sumatera utara meliputi objek wisata dan budaya lainnya seperti, sejarah wilayah, visi

misi daerah, geografis daerah, wisata alam, kuliner tradisional, seni tradisional, serta

sarana dan prasarana wilayah lainnya.

3. Penyajian data aplikasi yang dibahas meliputi peta, polling user, buku tamu, dan

kalender.


3

1.4 Tujuan Penelitian

Penelitian bertujuan untuk membangun dan merancang aplikasi pengelolaan dan

promosi wisata berbasis web di Kabupaten Dairi, sumatera utara, yang didalamnya

terdapat fitur, sejarah, visi misi, geografis, galeri wisata alam, seni tradisional, kuliner

tradisional, aplikasi video, polling user, peta, buku tamu, dan kalender..

1.5 Manfaat Penelitian

Penelitian diharapkan dapat memberikan manfaat bagi semua pihak baik yang berkaitan

dengan penulisan yang terlihat langsung maupun tidak langsung antara lain:

1.Manfaat bagi akademik

a. Memberikan tambahan pengetahuan dalam meneliti suatu permasalahan yang

terjadi serta cara mengatasi permasalahan yang timbul berikut alternatif

pemecahannya.

b. Sebagai referensi bagi peneliti lain, utamanya penelitian bidang perancangan

atau desain website baik website pribadi, komersial, maupun organisasi

2. Manfaat bagi instansi (Dinas Kebudayan dan Pariwisata Kabupaten Dairi).

a Hasil penelitian dapat dijadikan media promosi bagi pariwisata daerah

Kabupaten Dairi.

b. Penggunaan hasil penelitian dapat diterapkan dalam membantu pencarian

kumpulan data objek wisata dan budaya yang dimiliki.

C. Hasil penelitian dapat digunakan sebagai media komunikasi antar staf

pegawai Dinas Kebudayan dan Pariwisata Kabupaten Dairi.

3. Manfaat bagi penulis

a. Menerapkan ilmu yang telah diperoleh selama kuliah.

b. Mengetahui secara mendalam mengenai penerapan metode

terstruktur.


4

1.6 Sistematika Penulisan

Adapun sistematika penelitian dalam penulisan tugas akhir ini dapat diuraikan sebagai

berikut:

BAB 1 : PENDAHULUAN

Merupakan latar belakang, identifikasi masalah, batasan masalah, maksud

dan tujuan penulisan, metode penelitian, sistematika penulisan serta

tinjauan pustaka.

BAB 2 : LANDASAN TEORI

Pada bab ini merupakan pengertian perancangan, pengertian sistem

informasi, aplikasi yang digunakan didalamnya terdapat PHP, Mysql,

Javascript, CSS dan Text Editor Sublime, Web dan HTML, pengertian Data

Base Manajemen Sistem (DBMS), Data Flow Diagram (DFD) dan Entity

Relationship Diagram (ERD).

BAB 3 : RANCANGAN SISTEM

Pada bab ini menerangkan tentang rancangan sistem, metode

pengembangan sistem, hasil perancangan, rancangan database, rancangan

antarmuka, dan algoritma.

BAB 4 : IMPLEMENTASI SISTEM

Bab ini menguraikan tentang bagaimana proses lanjutan dari perancangan

sistem. Menguraikan secara detail bagian implementasi sistemdan

menyorot apakah implementasi sesuai dengan perancangan sistem.

BAB 5 : KESIMPULAN DAN SARAN

Membahas kesimpulan yang berisi intisari dari implementasi studi

lapangan dalam proses penyusunan laporan, juga memberikan usul yaitu

berupa saran untuk peningkatan mutu kerja.

DAFTAR PUSTAKA

LAMPIRAN


5

BAB 2

LANDASAN TEORI

2.1 Konsep Dasar Sistem

2.1.1 Pengertian Sistem

Sistem dapat diartikan sebagai kumpulan dari elemen – elemen yang berinteraksi untuk

mencapai suatu tujuan tertentu sebagai satu kesatuan. (Mulyanto, 2009)

Suatu sistem adalah jaringan kerja dari prosedur – prosedur yang saling berhubungan,

berkumpul bersama – sama untuk melakukan suatu kegiatan atau menyelesaikan suatu

sasaran tertentu. (Kristanto, 2008)

2.1.2 Defenisi Perancangan Sistem

Dalam membangun sebuah sistem, hal yang sebaiknya dilakukan terlebih dahulu adalah

membuat rancangan yang biasa disebut perancangan sistem.

Menurut beberapa sumber perancangan sistem didefenisikan sebagai berikut:

1. Penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa

elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi. (Jogiyanto,

2005)

2. Gambaran secara menyeluruh terminologi yang digunakan serta bagaimana dari

masing– masing komponen rancangan sistem masukan, keluaran, pemrosesan,

pengendalian, database, dan platform teknologi yang akan dirancang. (Verzello,

2008)

Dengan demikian perancangan sistem dapat diartikan sebagai

berikut:

1. Tahap setelah analisis dari siklus pengembangan sistem.

2. Pendefinisian dari kebutuhan – kebutuhan fungsional.

3. Q1 ` Persiapan untuk rancang bangun dari implementasi.

4. Menggambarkan bagaimana suatu sistem dibentuk.


6

5. Penggambaran, perancangan, dan pembuatan sketsa atau pengaturan dari beberapa

elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi.

2.1.3 Elemen Sistem

Elemen – elemen yang terdapat dalam sistem meliputi: input, proses, output, dan

kontrol (umpan balik). (Kristanto, 2008). Hubungan antara elemen – elemen dalam

sistem dapat dilihat pada Gambar 2.1 di bawah ini:

Gambar 2.1. Elemen – elemen Sistem

Dari gambar tersebut, penjelasannya sebagai berikut: tujuan, batasan dan kontrol sistem

akan berpengaruh pada input, proses, dan output. Input yang masuk dalam sistem akan

diproses dan diolah sehingga menghasilkan output. Output tersebut akan dianalisis dan

akan menjadi umpan balik bagi si penerima dan dari umpan balik ini akan muncul

segala macam pertimbangan untuk input selanjutnya. Selanjutnya siklus ini akan

berlanjut dan berkembang sesuai dengan permasalahan yang ada.

1. Tujuan Sistem

Tujuan sistem merupakan tujuan dari pembuatan sistem tersebut. Tujuan sistem dapat

berupa tujuan organisasi, kebutuhan organisasi, permasalahan yang ada dalam suatu

organisasi maupun urutan prosedur untuk mencapai tujuan organisasi.

2. Batasan Sistem

Batasan sistem merupakan sesuatu yang membatasi sistem dalam mencapai tujuan

sistem. Batasan sistem dapat berupa peraturan – peraturan yang ada dalam organisasi,

fasilitas baik sarana dan prasarana maupun batasan yang lain.

OUTPUT PROSES INPUT

Umpan balik

Tujuan

Batasan

Kontrol


7

3. Kontrol Sistem

Kontrol atau pengawasan sistem merupakan pengawasan terhadap pelaksanaan

pencapaian tujuan dari sistem tersebut. Kontrol sistem dapat berupa kontrol terhadap

pemasukan data (input) kontrol terhadap keluaran (output), kontrol terhadap pengolahan

data, kontrol terhadap umpan balik, dan sebagainya.

4. Input

Input merupakan elemen dari sistem yang bertugas untuk menerima seluruh masukan

data, dimana masukan tersebut dapat berupa jenis data, frekuensi pemasukan data dan

sebagainya.

5. Proses

Proses merupakan elemen dari sistem yang bertugas untuk mengolah atau memproses

seluruh masukan data menjadi suatu informasi yang lebih berguna. Misalkan sistem

produksi akan mengolah bahan baku yang berupa bahan mentah menjadi bahan jadi

yang siap untuk digunakan.

6. Output

Output merupakan hasil dari input yang telah diproses oleh bagian pengolah dan

merupakan tujuan akhir sistem. Output bisa berupa laporan grafik, diagram batang dan

sebagainya.

7. Umpan Balik

Umpan balik merupakan elemen dalam sistem yang bertugas mengevaluasi bagian dari

output yang dikeluarkan, dimana elemen ini sangat penting demi kemajuan sebuah

sistem. Umpan balik ini dapat merupakan perbaikan sistem, pemeliharaan sistem dan

sebagainya. (Kristanto, 2008)

2.2 Pengertian Sistem Informasi

Sistem informasi daalam suatu pemahaman yang sederhana dapat didefenisikan sebagai

suatu sistem berbasis komputeryang menyediakan informasi bagi beberapa pemakai

dengan kebutuhan yang serupa. Menurut Agus Mulyanto ( 2009: 1) “sistem dapat

diartikan sebagai kumpulan dari elemen-elemen yang berinteraksi untuk mencapai suatu

tujuan tertentu sebagai satu kesatuan”.

Sistem informasi memuat berbagai informasi penting mengenai orang, tempat

dan segala sesuatuyang ada didalam atau dilingkungan sekitar organisasi. Informasi


8

sendiri mengandung arti data yang telah diolah kedalam suatu bentuk yang lebih

memiliki arti dan dapat digunakan untuk pengambilan keputusan. Data sendiri

merupakan fakta-fakta yang mewakili suatu keadaan ,kondisiatau peristiwa yang terjadi

atau ada didalam atau lingkungan fisik organisasi. Data tidak dapat langsung digunakan

untuk pengambilan keputusan, melainkan harus diolah terlebih dahulu agar dapat

dipahami,lalu dimanfaatkan dalam pengambilan keputusan.

Dewasa ini sistem informasi yang digunakan lebih berfokus pada sistem

informasi berbasis komputer. Harapan yang ingin diperoleh disini adalah bahwa dengan

penggunaan teknologi informasi atau sistem informasi berbasis komputer , informasi

yang dihasilkan lebih akurat , berkualitas dan tepat waktu, sehingga pengambilan

keputusan dapat lebih efektif dan efisien.

Dari uraian diatas, sistem informasi dapat didefinisikan sebadai kumpulan komponen

pembentuk sistem yang mempunyai keterkaitan antara satu komponen dengan

komponen lainnya yang bertujuan menghasilkan suatu informasi dalam suatu bidang

tertentu.

2.3 Pengertian Database

Basis data (database) adalah kumpulan informasi yang disimpan didalam komputer

secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk

memperoleh informasi dari basis data tersebut.

Menurut Andino Maseleno (2008:47), “database adalah sekumpulan file yang saling

terkait dan membentuk suatu bangunan data. Database minimal terdiri dari satu fle yang

cukup untuk dimanipulasi oleh komputer sedemikian rupa”. Dari uraian diatas ,

database dapat didefenisikan sebagai himpunan kelompok data yang saling

berhubungan, yang dikelola dan disimpan secara terintegrasi melalui metode tertentu

dengan menggunakan komputer.

.

2.4 Aplikasi Yang Digunakan

Adapun pengaplikasian yang digunakan untuk dapat menyelesaikan tugas akhir ini,

diantaranya adalah sebagai berikut.

2.4.1 PHP

Menurut Anhar (2010:3), PHP merupakan script yang terintegrasi dengan HTML


9

dan berada pada server server side HTML embedded scripting. PHP adalah script yang

digunakan untuk membuat halaman website yang dinamis. Dinamis berarti halaman

yang akan ditampilkan dibuat saat halaman itu diminta oleh client. Mekanisme ini

menyebabkan informasi yang diterima client selalu yang terbaru/up to date. Semua

script PHP dieksekusi pada sever dimana script tersebut dijalankan.

Setiap program PHP disebut dengan script. Script berupa file teks yang dapat

dibuat dengan menggunakan program editor file teks seperti Notepad, Sublime text,

Edit Plus dan sebagainya. Bagian awal yang paling penting dalam penulisan program

PHP adalah peletakannya.

2.4.2 MySQL

MySQL adalah sebuah perangkat lunak manajemen basis data SQL (database

management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta

instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat

lunak gratis dibawah lisensi GNU General Public license (GPL), tetapi mereka juga

menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak

cocok dengan penggunaan GPL (Sunarfrihantono, 2003).

Menurut Rahardja (2011),”Database adalah kumpulan fakta-fakta sebagai respresentasi

dari dunia nyata yang saling berhubungan dan mempunyai arti tertentu. Database

digunakan untuk menyimpan data agar data tersebut dapat dimanipulasi dengan mudah,

terjamin keakuratannya, efisiensi dalam penyimpanannya, tersusun secara rapi dan tentu

saja dapat dengan mudah untuk diakses kembali. Jadi DBMS terdiri dari suatu database

dan set program untuk menambah data, menghapus data, mengambil dan membaca data.

Database adalah kumpulan file-file yang saling berelasi. Relasi tersebut biasa ditujukan

dengan kunci dari file yang ada. Satu database menunjukkan satu kumpulan data yang

dipakai dalam suatu lingkup Perusahaan dan Instansi Pemerintah maupun swasta.

Dalam suatu file terdapat record-record yang sejenis, sama besar, sama bentuk,

merupakan satu kumpulan entry 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 tersebut

maka digunakan atribute atau merupakan judul dari satu kelompok entity-entity tertentu,


10

misalnya atribute alamat menunjukkan entity alamat dari pegawai. Entity adalah suatu

objek yang nyata dan akan direkam.

2.4.3 Javascript

JavaScript adalah sebuah bahasa script yang dicantumkan pada sebuah halaman web

dan dijalankan pada browser web. JavaScript adalah nama implementasi Netscape

Communications Corporation untuk ECMAScript standar, suatu bahasa skrip yang

didasarkan pada konsep pemrograman berbasis prototipe. Bahasa ini terutama terkenal

karena penggunaannya di situs web (sebagai JavaScript sisi klien) dan juga digunakan

untuk menyediakan akses skrip untuk objek yang dibenamkan (embedded) di aplikasi

lain.

Walaupun memiliki nama serupa, JavaScript hanya sedikit berhubungan dengan

bahasa pemrograman Java, dengan kesamaan utamanya adalah penggunaan sintaks C.

Secara semantik, JavaScript memiliki lebih banyak kesamaan dengan bahasa

pemrograman Self. Skrip JavaScript yang dimasukkan di dalam berkas HTML ataupun

XHTML harus dimasukkan di antara tag <script>...</script>.

2.4.4 CSS

CSS merupakan kependekan dari Cascading Style Sheet yang berfungsi untuk mengatur

tampilan dengan kemajuan jauh lebih baik dari tag maupun atribut standar HTML

(Hypertext Markup Language). CSS sebenarnya adalah suatu kumpulan atribut untuk

fungsi format tampilan dan dapat digunakan untuk mengontrol tampilan yang banyak

dokumen secara bersamaan. Keuntungan menggunakan CSS yaitu jika ingin mengubah

format dokumen, maka tidak perlu mengedit satu per satu.

Penggunaan CSS ada dua cara yaitu dengan menyisipkan kode CSS langsung

dalam kode HTML atau simpan menjadi file tersendiri berektensi.css. Dengan

menyimpan sebagai file tersendiri akan lebih memudahkan untuk mengontrol tampilan

dalam banyak dokumen secara langsung.CSS mendapat dukungan penuh pada browser

versi 4 (empat) dan versi sebelumnya,hanya dengan Internet Explorer yang masih

mampu mengenali CSS. Perlu diketahui bahwa tampilan CSS dapat berbeda bila

ditampilkan pada menu browser yang berbeda pula (Abdullah,2003).


11

2.4.5 Sublime Text

Sublime Text adalah teks editor berbasis Python, sebuah teks editor yang elegan, kaya

akan fitur, cross-platform, mudah dan simple yang cukup terkenal dikalangan

pengembang, penulis dan desainer. Para programmer biasanya menggunakan sublime

text untuk menyunting source code yang sedang ia kerjakan. Sublime biasanya

digunakan untuk devoloping website yang sekedar PHP, HTML dan CSS.

Fitur-fitur yang terdapat dalam sublime text diantaranya adalah sebagai berikut:

1. Mini-map, untuk melihat teks secara keseluruhannya.

2. Command Palette (CTRL+SHIFT+P), mencari perintah yang kita perlukan untuk

mempercepat pekerjaan.

3. Panel-panel editornya bisa dipindahkan.

4. Kemampuan untuk multiple selection.

5. Ada panduan indentasi.

6. Bisa di-folding code-codenya.

7. Sistem editnya dapat di split jadi beberapa kolom.

8. Theme yang menarik.

9. Tanda (), {}, “”, dan sebagainya akan dicocokkan dan ditutup otomatis.

10. Banyak paket yang bisa buat lebih mudah bekerja.

11. Auto-complete, snippet, dan macro.

12. Find & Replace lebih teratur.

13. Fullscreen Editing.

2.4.6 WEB dan HTML

Menurut Sampurna (1996) web adalah sekelompok kode berbasis teks sederhana dan

universal, disebut Hypertext Markup Language (HTML). Karena berbasis teks, HTML

dikenali dan diterjemahkan segala jenis komputer dalam bentuk tampilan informasi

yang sama. HTML adalah kreasi tim Berners Lee, ilmuwan European Laboratory for

Particle Physics (CERN organisasi penelitian 18 negara Eropa) di Geneva Swiss. Maret

1989 Tim memperkenalkan WEB dan HTML sebagai standar antarnuka distribusi

informasi di internet yang mampu menggabungkan teks, grafik, dan multimedia dengan

metode navigasi menu pada mesin UNIX.


12

HTML adalah bahasa kode pemrograman yang menjadi dasar bagi terwujudnya

web. Dengan HTML seluruh sistem komputer yang saling berbeda dapat mengenali

format yang ditampilkan dalam situs internet tanpa perbedaan yang berarti, termasuk

didalamnya penampilan multimedia (grafik, suara, dan citra video). HTML berbasis

teks yang sangat sederhana dan praktis sehingga dapat dipahami oleh berbagai jenis

komputer dalam platform sistem yang berbeda.

2.5 ERD (Entity Relationship Diagram)

ERD adalah suatu model jaringan yang menggunakan susunan data yang disimpan

dalam sistem secara abstrak. ERD merupakan model jaringan data yang menekankan

pada struktur-struktur dan relation data. ERD merupakan gambaran data yang

dimodelkan dalam suatu diagram yang digunakan untuk mendokumentasikan data

dengan cara menentukan apa saja yang terdapat dalam tiap entity dan bagaimana

hubungan antara entity satu dengan lainnya.

2.5.1 Simbol- simbol Entity Relationship Diagram

ERD merupakan alat untuk pembuatan model data secara grafik, maka ERD memiliki

simbol-simbol yang digunakan untuk menggambarkan model data seperti terdapat pada

tabel berikut:

Tabel 2.5.1 Simbol-simbol Entity Relationship Diagram

No. Simbol Arti Defenisi

1.

Entitas

Suatu kumpulan

objek atau sesuatu

yang dapat dibedakan

atau didefenisikan secara

unik.

2

Relationship

Hubungan yang

terjadi antara

satu atau lebih entity


13

3.

Atribut

Karakteristik dari

entity atau

relationship yang

menyediakan

penjelasan detail

tentang entity

atau relationship tersebut.

4.

Alur

Alur memiliki fungsi

untuk menghubungkan

atribut dengan entitas dan

entitas dengan relasi. Dan

berbentuk garis.

2.5.2 Data Flow Diagram

Data Flow Diagram (DFD) adalah representasi grafik dari sebuah sistem. DFD

menggambarkan komponen-komponen sebuah sistem, aliran aliran data dimana

komponen-komponen tersebut, asal, tujuan, dan penyimpanan data.

DFD memiliki simbol simbol yang digunakan untuk menggambarkan model

data seperti terdapat pada tabel berikut:

Tabel 2.5.2 Simbol Data Flow Diagram

Simbols

DeMarco dan Yuordan

Keterangan

Gane and Sarson

Keterangan

Entitas Eksternal, dapat

berupa orang atau unit

terkait yang

berinteraksi dengan

sistem tetapi diluar

sistem

Entitas Eksternal

Entitas

Eksternal


14

Proses merupakan

proses perhitungan

aritmatik penulisan

suatu formula atau

pembuatan laporan

Aliran data Aliran data Arus data ini mengalir

antara pross, simpan

data dan kesatuan luar

Data st

Data Store

Simpan data, berupa

Suatu file atau database

Pada sistem komputer

Atau catatan manual

2.5.3 Flowchart

Flowchart adalah penggambaran secara grafik dari langkah-langkah dan urutan prosedur

dari suatu program. Flowchart menolong analisis dan programmer untuk memecahkan

masalah kedalam segmen-segmen yang lebih kecil dan menolong dalam menganalisis

cara-cara lain dalam pengoperasian. Flowchart biasanya mempermudah penyelesaian

suatu masalah khususnya masalah yang perlu dipelajari dan dievaluasi lebih lanjut.

2.5.3.1 Simbol-simbol Flowchart

Flowchart merupakan penggambaran urutan prosedur suatu program secara grafik,

maka flowchart memiliki simbol-simbol yang digunakan untuk menggambarkan urutan

program seperti pada tabel berikut:

Tabel 2.5.3.1 Simbol Flowchart

Simbol Nama Fungsi

TERMINATOR Permulaan / akhir

Program

GARIS ALIR(FLOW

LINE)

Arah aliran program

PREPARATION

Proses inisialisasi /

Pembelian harga awal

Proses

Proses


15

PROSES

Proses perhitungan /

Pembelian harga awal

INPUT / OUTPUT

DATA

Proses input / output

data, parameter dan

informasi

PREDEFINED PROSES

(SUB PROGRAM)

Permulaan sub program

/ proses menjalankan

sub program

DECESION

Perbandingan

pernyataan,penyeleksian

data yang memberikan

pilihan langkah

selanjutnya

ONE PAGE

CONECTOR

Penghubung bagian

bagian flowchart yang

berada dalam satu

halaman


16

BAB 3

PERANCANGAN SISTEM

3.1 Perancangan Sistem

Perancangan sistem adalah tahap setelah analisis dari siklus pengembangan sistem,

pendefenisian dari kebutuhan-kebutuhan fungsional persiapan untuk rancang bangun

implementasi mengambarkan bagaimana suatu sistem dibentuk yang dapat berupa

penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa

elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi termasuk

mengkonfigurasikan perangkat lunak dan perangkat keras dari suatu sistem.

3.2 Metode Pengembangan Sistem

Dalam pembuatan tugas akhir ini, penulis menggunakan metode Fabbri dan Schwan

yang terdiri dari:

1. Studi kelayakan

Studi kelayakan bertujuan untuk mengidentifikasi apakah sistem informasi yang akan

dibuat sesuai dengan kebutuhan rencana pendahuluan.

2. Rencana Pendahuluan

Rencana pendahuluan bertujuan untuk menentukan lingkup sistem yang akan

ditanganin.

3. Analisis Sistem

Penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian

komponenya dengan maksud untuk mengidentifikasi dan mengevaluasi

permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang

terjadi dan kebutuhan-kebutuhan yang diharpakan sehingga dapat diusulkan

perbaikan-perbaikan.

4. Perancangan Sistem

Pendefinisian dari kebutuhan-kebutuhan fungsional, persiapan untuk rancangan

bangun implementasi, menggambarkan bagaimana suatu sistem dibentuk serta

mengkonfigurasi komponen-komponen perangkat lunak dan perangkat keras dari

suatu sistem.


17

5. Implementasi Sistem

Tahap untuk meletakkan sistem supaya siap untuk dijalankan.

3.3 Hasil Perancangan

berikut beberapa hasil perancangan yaitu:

3.3.1 Bagan Berjenjang

Bagan berjenjang dapat dijadikan pedoman untuk perencangan selanjutnya, karena

berisi semua proses yang ada pada perangkat lunak yang dirancang ini.

3.3.2 Data Flow Diagram (DFD)

DFD adalah suatu diagram yang menggunakan notasi-notasi untuk mengambarkan arus

dari data sistem, yang penggunaannya sangat membantu memahami sistem secara

logika, terstuktur dan jelas.

DFD adalah alat pembuatan model yang memungkinkan professional sistem

untuk menggambarkan sistem sebagai suatu jaringan proses fungsional yang

dihubungkan satu sama lain dengan alur data, baik secara manual maupun

komputerisasi.

DFD ini adalah salah satu alat pembuatan model yang sering digunakan,

khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan

kompleks dari pada data ioleh sistim. Dengan kata lain, DFD adlah alat pembuatan

model yang memberikan penekanan hanya pada fungsi sistem. DFD ini merupakan alat

perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat

digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah

dikomukasikan oleh professional sistem kepada pemakai maupun pembuat program.

DFD merupakan alat bantu dalam menggambarkan atau menjelaskan sistem

yang sedang berjalan logis.

1. Kesatuan Luar

Merupakan kesatuan lingkungan di luar sistem yang dapat berupa orang, organisasi

atau sistem lainnya yang berada di lingkungan luarnya yang akan memberikan input

dan menerima output dari sistem.


18

2. Arus Data

Arus data ini mengalir diantara proses, simpanan data dan kesatuan luar. Arus data

ini menunjukkan arus dari data yang dapat berupa masukan untuk sistem atau hasil

dari proses sistem. Arus data ini ditunjukkan dengan simbol panah.

3. Proses

Suatu proses adalah kegiatan atau kerja yang dilakukan oleh orang, mesin atau

komputer dari hasi suatu arus data yang masuk ke dalam proses untukm

menghasilkan arus data yang akan keluar dari proses.

4. Simpan Data

Simpan data merupakan simpanan dari data yang dapat berupa:

a. Suatu file atau databases di sistem komputer.

b. Suatu arsip atau catatan manual.

c. Suatu kotak tempat data di meja seseorang.

d. Suatu tabel acuan manual.

.Diagram Alir (Flowchart)

Flowchart atau diagram alir merupakan sebuah diagram dengan simbol-simbol yang

menyatakan aliran algoritma atau proses yang menampilkan langkah-langka yang

disimbolkan dalam bentuk ktaok, beserta urutannya dengan menghubungkan masing-

masing langkah tersebut menggunakan tanda panah. Diagram ini bisa memberikan

solusi selangkah demi selangkah untuk penyelesaian masalah yang ada didalam proses

atau algoritma tersebut.

Tujuan utama penggunaan flowchart adalah untuk menyederhanakan rangkaian

proses atau prosedur untuk memudahkan pemahaman pengguna terhadap informasi

tersebut. Oleh karena itu, perancang sebuah flowchart harus ringkas, jelas, dan logis.


19

Tabel 3.3.3.1 Simbol-Simbol Flowchart

No Nama Simbol Fungsi

1

Terminator

Terminator, fungsinya

untuk permulaan/ akhir

program.

2

Process

Process, digunakan untuk

melambangkan kegiatan

pemrosesan input.

3 Input data Input data, fungsi untuk

proses input data,

parameter.

4 Garis alir

( flow line)

Garis alir (flow line),

fungsinya untuk arah aliran

program.

5 Preparation Preparation, berfungsi

untuk proses inisialisasi/

pemberian harga awal

perulangan.

6 Proses Proses, fungsinya untuk

proses perhitungan/proses

pengolahan data .

7 Connector Connector, penghubung

bagian-bagian flowchart

yang berada pada satu

halaman.

8 Output data Output data, informasi.


20

9 Off page

connector

Off page connector

penghubung bagian-bagian

flowchart yang berada pada

halaman berbeda.

10 Predefined

process

Predefined process, untuk

menyatakan sekumpulan

langkah proses yang ditulis

sebagai prosedur.

11 Display Display,untuk output yang

diajukan suatu device,

seperti monitor.

12 Magnetic disk Magnetic disk, untuk

penyimpanan data.


21

3.3.2.1 Flowchart Menu Utama

4

Gambar 3.1 Flowchart Halaman Website

Mulai

Beranda

Pilih

Dashboar

d

Halaman

dashboard

wisata Info wisata

kuliner Jenis jenis

kuliner

even

transportas

i

Paket

wisata

Laporan event

Jadwal

keberangkatan

Jenis paket

selesai


22

3.4 Flowchart Administrator

Berikut adalah flowchar administrator

Login Admin

Masukkan

Username dan

Password

Login

Manajemen Website

Selesai

Gambar 3.4 Flowchart Admin


23

3.4.1 Perancangan Database

Desain database dari sistem ini terdiri dari enam table. Berikut adalah tabel-tabel dalam

sistem tersebut:

Tabel 3.4.1.1 Tabel Admin

Field Name Type Field Size

id Int 11

username Varchar 255

password Varchar 255

Tabel 3.4.1.2 Event


Id event Int 10

nama Varchar 30

jadwal Date

lokasi Varchar 30

Gambar Varchar 100

Tabel 3.4.1.3 Transportasi


Id jadwal Int 11

Jenis kendaraan Varchar 20

Nama kendaraan Varchar 20

tujuan Varchar 20

keberangkan Time

Kedatangan Time


24

Tabel 3.4.1.4 Kuliner

Field Name Type Size

Id menu Int 11

id tempat Varchar 10

Nama Varchar 30

Kategori Varchar 20

Harga Int 10

Tabel 3.4.1.5 Wisata


Id wisata Varchar 10

Id kategori wisata Varchar 10

Nama Varchar 50

Lokasi Text

Gambar Profil Tinytext

Detail Gambar Text

Deskripsi Text

Tabel 3.4.1.6 Pusat Bantuan


Id pesan Int 11

Nama Varchar 50

Email Varchar 50

Deskripsi Text


25

Tabel 3.4.1.7 Paket Wisata


Id paket Varchar 10

Nama Varchar 150

Gambar profil Varchar 100

Harga Int 15

Tabel 3.4.1.8 Kategori Wisata

Field name Type Size

Id kategori wisata Varchar 10

Nama kategori varchar 50

3.5 Rancangan Antarmuka

Rancangan antarmuka dari sistem ini dibagi menjadi tiga bagian yaitu kepala (header),

bagian isi (content) dan bagian kaki (footer). Bagian kepala terdiri dari slider dan menu.

Bagian isi terdiri dari menu dan penjelasan menu yang terletak pada bagian kepala.


26

BAB 4

IMPLEMENTASI SISTEM

4.1 Implementasi Sistem

Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan desain yang

ada dalam dokumen, desain sistem yang disetujui dan menguji, menginstal dan memulai

serta menggunakan sistem yang baru atau sistem yang diperbaiki. Penggunaan suatu

sistem untuk penyelesaian masalah membutuhkan suatu sistem yang baik sehingga

memungkinkan berhasilnya komputer dalam menyelesaikan tugas nya, yaitu mengolah

data menjadi informasi.

Pada tahap inilah seluruh hasil desain dituangkan kedalam bahasa pemrograman

tertentu untuk menghasilkan sebuah sistem informasi. Tahapan implementasi harus

dapat menentukan basis apa yang akan diterapkan dalam menuangkan desain tertulis

sehingga sistem yang dibentuk memiliki kelebihan-kelebihan tersendiri.

4.2 Tujuan Implementasi Sistem

Dalam merealisasikan desain program dipikirkan spesifikasi perangkat keras (hardware)

dan perangkat lunak (software) yang sesuai sehingga menghasilkan sebuah pengolahan

informasi yang efisien, cepat diketahui kehandalan dari sistem yang ada dan telah sesuai

dengan apa yang diinginkan.

Adapun tujuan dari implementasi yang ada dalam dokumen desain sistem

tersebut adalah :

1. Menyelesaikan desain sistem yang ada dalam dokumen desain yang disetujui.

2. Menulis, menguji dan mendokumentasikan program-program dan prosedur yang

dilakukan oleh dokumen desain sistem yang disetujui.

3. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru dan melatih

pemakai.

4. Memperhitungkan bahwa sistem memenuhi permintaan yaitu dengan menguji sistem

secara menyeluruh.

5. Memastikan bahwa ke sistem yang baru berjalan yaitu dengan membuat rencana,

mengontrol dan melakukan instalasi dengan benar.


27

4.3 Komponen Utama Dalam Implentasi Sistem

Dalam pembuatan program sistem informasi pariwisata dairi dan data lain yang sudah

dirancang membutuhkan perangkat keras , perangkat lunak , perangkat keras dan

perangkat operator. Adapun perangkat keras, perangkat lunak dan perangkat operator

yang dibutuhkan sebagai berikut:

4.3.1 Perangkat Keras (Hardware)

Hardware merupakan seluruh komponen peralatan yang membentuk suatu sistem

komputer dan peralatan lain yang memungkinkan komputer dapat melaksanakan

tugasnya. Dalam pembuatan sistem informasi pariwisata ini, penulis menggunakan

komputer (laptop) dengan spesifikasi sebagai berikut:

1. Processor Intel(R) core (TM) i3-2370M CPU @ 2.40GHz (4 CPUs), ~2.4GHz

2. Memory 4096MB RAM

3. Monitor Generic PnP monitor

4. Mouse

5. Keyboard

4.3.2 Perangkat Lunak (Software)

Perangkat lunak (software) adalah sekumpulan instruksi yang memungkinkan perangkat

keras untuk dapat memproses data. Perangkat lunak ini tidak berbentuk fisik, melainkan

berupa program yang dapat diciptakan melalui perangkat elektronik. Dalam perangkat

lunak dikenal dengan apa yang disebut sistem operasi dan program aplikasi. Perangkat-

perangkat yang penulis gunakan untuk membuat sistem informasi kemahasiswaan ini

antara lain:

1. Sistem operasi yang digunakan adalah Operating system windows 8.1 pro 64-bit

2. Sublime Text 3 dan Xampp sebagai server local.

3. Untuk mengakses sistem diperlukan browser Google Chrome dan Mozila Firefox.

4. Mysql sebagai pengelola database


28

4.3.3 Penggunaan (Brainwave)

Brainware adalah manusia yang terlibat dalam mengoperasikan serta mengatur sistem di

dalam komputer. Diartikan juga sebagai perangkat intelektual yang mengoperasikan dan

mengeksplorasi kemampuan dari hardware maupun software. Brainware termasuk

bagian penting dari sebuah sistem komputer. Hardware tidak dapat bekerja tanpa

adanya software, sedangkan software dan hardware tidak dapat bekerja tanpa adanya

brainware.

Manusia yang dimaksud adalah orang-orang yang memiliki keahlian dibidang

komputer dan merupakan unsur manusia yang dibutuhkan, yang meliputi:

1. Sistem analis, yaitu seorang profesional yang bergerak dibidang pengembangan

sistem yang akan membentuk dan membangun fasilitas desain sistem.

2. Programmer, yaitu orang yang menyusun intruksi bagi komputer agar dapat

digunakan oleh pemakai (user) serta merancang antarmuka pemakai (interface)

pada program.

3. Operator, yaitu yang akan menangani secara langsung pengolahan data dalam

ruangan komputer.

4. Data Entry Operator, yaitu yang akan melakukan pengurusan terhadap data yang

akan diolah, mulai dari pengumpulan data, perekaman data dalam komputer hingga

pemeriksaan dan pengiriman informasi yang dihasilkan oleh komputer.

4.4 Tampilan Halaman Utama

Halaman utama ini merupakan halaman web yang pertama kali muncul ketika login

admin telah berhasil. Pada halaman utama ini terdapat beberapa menu yang

menampilkan informasi tentang sistem informasi pariwisata dairi.


29

Gambar 4.4 Tampilan halaman utama

4.5 Tampilan Event

Halaman ini terdapat acara tahunan yg dimana dilakukan dalam acara event tahunan.

Gambar 4.5 Tampilan Event

4.6 Tampilan Transportasi

Halaman ini merupakan halaman dimana kita dapat memilih jenis transportasi apa yang

akan kita pakai dalam sebuah perjalan.


30

Gambar 4.6 Tampilan Transportasi

4.7 Tampilan Admin

Pada halaman ini bertujuan untuk menambah ataupun mengurangi informasi secara

dinamis.

Gambar 4.7 Tampilan Admin

4.8 Tampilan kuliner

Pada halaman ini kita pengunjung dapat melihat jenis kuliner yang tersedia pada lokasi

wisata di kabupaten dairi.


31

Gambar 4.8 Tampilan Kuliner

4.9 Tampilan wisata

Halaman ini memberikan informasi berbagai jenis wahana wisata apa saja yang ada di

kabupaten dairi.

Gambar 4.9 Tampian wisata


32

4.10 Tampilan Bantuan

Halaman ini sebagai pusat bantuan informasi kepada wisatawan yang kurang paham

tentang pariwisata yang ada di kabupaten dairi.

Gambar 4.10 Tampilan Bantuan

4.11 Tampilan Paket Wisata

Pada halaman ini berisikan tentang daftar harga penginapan,serta promo yang

disediakan oleh pengelola.

Gambar 4.11 Tampilan paket Wisata


33

4.12 Tampilan kategori Wisata

Pada halaman ini menampilkan kategori wisata baik dari sisi alamnya ataupun kuliner.

Gambar 4.12 Tampilan Kategori Wisata


34

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dari pembahasan yang telah diuraikan maka penulis mencoba membuat kesimpulan

sebagai berikut:

1. Hasil penelitian menunjukkan dengan menggunakan sistem informasi berbasis web

dapat membantu kelancaran kegiatan operasional pariwisata Dinas Kebudayaan dan

Pariwisata Kabupaten Dairi serta dapat memperluas jangkauan daerah penyampaian

informasi pariwisata dibandingkan dengan menggunakan sistem manual.

2. Dengan adanya Sistem Informasi Pariwisata berbasis Web di Dinas Kebudayaan dan

Pariwisata Kabupaten Dairi dapat mengaplikasikan penggunaan komputer dalam

melayani pengguna informasi.

3. Sistem Informasi Pariwisata yang telah dirancang ini dapat memberikan informasi

mengenai data Pariwisata dan Seni budaya Kabupaten Dairi yang selalu diupdate.

5.2 Saran

Teknologi Informasi menjadi pilihan utama dalam menciptakan sistem informasi

perusahaan atau lembaga yang tangguh sehingga mampu melahirkan keunggulan

kompetitif dan menjadi strategi unggulan ditengah persaingan yang semakin ketat saat

ini. Oleh karena itu dengan hasil penelitian ini diharapkan :

1. Dalam peningkatan aktivitas dan efesiensi kerja, maka perlu ditingkatkan dengan

membangun suatu sistem komputerisasi yang lebih handal dalam membantu dan

mempercepat pelaksanaan atau proses pengolahan data.

2. Pihak Dinas Kebudayaan dan Pariwisata Kabupaten Dairi, khususnya bagian seni

budaya, objek wisata, dan promosi dapat mengaplikasikan sistem informasi

pariwisata berbasis web yang lebih baik bagi tingkat keakuratan dan efesiensi kerja.


35

3. Kepada peneliti selanjutnya dengan kajian yang lebih relevan, dapat melakukan

pengembangan sistem yang lebih dalam khususnya pada pencarian lokasi objek

wisata pada aplikasi peta wisata.

4. Sebaiknya file Video objek wisata dapat di download oleh user.

5. Adanya tindak lanjut pengembangan sumber daya manusia.


36

DAFTAR PUSTAKA

https://dairibaru.com/2018/06/11/5-tempat-wisata-di-dairi-ini-wajib-anda-kunjungi-

saat-liburan 1 Januari 2020, Pkl. 18.45.

Andri Kristanto, 2008. Perancangan Sistem Informasi dan

Aplikasinya,

Yogyakarta : Gaya Media.

Firdaus. 2007. PHP dan MySQL dengan Dreamweaver, Palembang:

http://teknologi.kompasiana.com. 1 Januari 2020, Pkl. 19.45.

Janner Simarmata. 2006. Prayudi, Basis Data, Yogyakarta: ANDI.

Jogiyanto, H.M. 2008. Metodologi Penelitian Sistem Informasi.

Yogyakarta: ANDI.

Ladjamudin, Al-Bahra. 2005. Analisis dan Desain Sistem Informasi,

Yogyakarta: GRAHA ILMU.

Mulyanto, Agus. 2009. Sistem Informasi Konsep dan Aplikasi.

Yogyakarta: Pustaka Pelajar.

Brien JA. 2006. Pengantar Sistem Informasi Perspektif Bisnis dan

Manajerial, Jakarta: SALEMBA EMPAT.

Oetomo, Budi Sutedjo Dharma. 2007. Pengantar Teknologi Informasi

Internet Konsep dan Aplikasinya, Yogyakarta: ANDI

Pressman. Roger S. 2002. Rekayasa Perangkat Lunak.:Pendekatan

Praktisi, Yogyakarta: ANDI.


http://teknologi.kompasiana.com/

37

Lampiran Listing Program

1. Index

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-

fit=no">



<link rel="stylesheet" href="frontend/templates/css/bootstrap.min.css" >

<link href="backend/template/vendor/fontawesome-free/css/all.min.css"

rel="stylesheet" type="text/css">

<link rel="stylesheet" type="text/css"

href="frontend/templates/css/owl.carousel.min.css">

<link rel="stylesheet" type="text/css"

href="frontend/templates/css/owl.theme.default.min.css">

<link rel="stylesheet" type="text/css" href="frontend/templates/css/animate.css">

<link rel="stylesheet" href="frontend/templates/css/baguetteBox.min.css">

<link rel="stylesheet" href="frontend/templates/css/flexslider.css" type="text/css"

media="screen" />

<link href="frontend/templates/fontawesome/css/font-awesome.min.css"

rel="stylesheet" type="text/css">

<link rel="stylesheet" href="custom.css" media="screen">

<title>Visit-in Dairi</title>

</head>

<body>

38



<div class="jarak-nav">

<nav class="navbar navbar-expand-md navbar-light bg-light fixed-top">

<a class="navbar-brjand ml-5" href="index.php">

<img src="asset/img/indo.png" width="140" height="50" class="d-inline-block

align-top" alt="">

</a>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-

target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-

expanded="false" aria-label="Toggle navigation">

<span class="navbar-toggler-icon"></span>

</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">

<ul class="navbar-nav ml-auto mt-2 mt-lg-0 mr-5">

<li class="nav-item">

<a <?php if(empty($_GET)) {echo 'class="nav-link"';}

else {echo 'class="nav-link"';} ?>

href="index.php">Home</a>

</li>


<a <?php if(!$_GET) {echo 'class="nav-link"';}

else if ($_GET['halaman'] == "wisata") {echo 'class="nav-link active"';}

else if ($_GET['halaman'] == "wisata_detail") {echo 'class="nav-link active"';}


href="?halaman=wisata&kategori=alam">Wisata</a>

</li>

39


else if ($_GET['halaman'] == "event") {echo 'class="nav-link active"';}


href="?halaman=event">Event</a>

</li>



else if ($_GET['halaman'] == "kuliner") {echo 'class="nav-link active"';}

else if ($_GET['halaman'] == "kuliner_detail") {echo 'class="nav-link active"';}


href="?halaman=kuliner&kategori=cafe">Kuliner</a>

</li>



else if ($_GET['halaman'] == "jadwal_transportasi") {echo 'class="nav-link

active"';}


href="?halaman=jadwal_transportasi">Jadwal Transportasi</a>

</li>



else if ($_GET['halaman'] == "paket_wisata") {echo 'class="nav-link active"';}


href="?halaman=paket_wisata">Paket Wisata</a>

</li>



40


else if ($_GET['halaman'] == "bantuan") {echo 'class="nav-link active"';}


href="?halaman=bantuan">Bantuan</a>

</li>

</ul>

</div>

</nav>

</div>



<a onclick="topFunction()" id="myBtn" title="Go to top"><i class="fa fa-arrow-

up"></i></a>

<?php if(!isset($_GET['halaman'])){

?>



<div id="main" role="main" class="jarak-section">

<section class="slider">

<div class="flexslider">

<ul class="slides">

<li>

<img src="asset/img/slider/10.jpg" />

</li>

<li>


</li>

<li>

41


</li>

</ul>

</div>

</section>

</div>





<section class=jarak-content">

<div class="container">

<div class="judul">

<h2 id="sr">Tentang Kabupaten Dairi</h2>

</div>

<div class="row">

<div id="sr" class="col-md-4 text-center">

<p style="text-align : justify;"> Kabupaten Dairi adalah sebuah kabupaten di

provinsi Sumatra Utara, Indonesia. Ibu kotanya ialah Sidikalang.Kabupaten ini

kemudian dimekarkan menjadi dua kabupaten, yaitu Kabupaten Dairi sebagai kabupaten

induk dan Kabupaten Pakpak Bharat dengan dasar hukum Undang Undang Nomor 9

Tahun 2003 Tentang Pembentukan Kabupaten Nias Selatan, Kabupaten Pakpak Bharat

dan Kabupaten Humbang Hasundutan yang dikeluarkan pada tanggal 25 Februari

2003.</p>

</div>


<p style="text-align : justify;">Kabupaten Dairi merupakan salah satu dari 33

kabupaten/kota yang ada di Provinsi Sumatra Utara dengan luas wilayah 192.780

hektare, yaitu sekitar 2,69% dari luas Provinsi Sumatra Utara (7.160.000 hektare) yang

terletak di sebelah barat laut Provinsi Sumatra Utara. </p>

42

</div>


<p style="text-align : justify;"> Pada umumnya Kabupaten Dairi berada pada

ketinggian rata-rata 700 s.d. 1.250 m di atas permukaan laut, dengan 15 kecamatan.

Jumlah penduduk Kabupaten Dairi akhir tahun 2004 adalah sebanyak 271.521 jiwa

dengan banyaknya rumah tangga sebesar 59.197. Penyebaran penduduk tersebut tidak

merata di 14 kecamatan definitif.</p>

</div>

</div>

</div>

</section>





<section class="gallery-block destinasi-wisata jarak-content">


<div class="judul">

<h2 id="sr">Destinasi Wisata</h2>

</div>

<div class="row">

<?php

$koneksi3 = mysqli_connect("localhost","root","","db_wisata");

$query = mysqli_query($koneksi3,"SELECT

wisata.nama,wisata.lokasi,wisata.gambar_profil,wisata.id_wisata,kategori_wisata.nama

_kategori,wisata.deskripsi, ROUND(AVG(rating_wisata.rating)) AS ratings FROM

wisata JOIN kategori_wisata ON

wisata.id_kategoriWisata=kategori_wisata.id_kategoriWisata LEFT JOIN rating_wisata

ON wisata.id_wisata = rating_wisata.id_wisata GROUP BY wisata.id_wisata HAVING

ROUND(AVG(rating_wisata.rating)) <= 5 limit 9");

43

foreach ($query as $data) {

?>

<div class="col-md-6 col-lg-4">

<a href="?halaman=wisata_detail&id=<?php echo $data['id_wisata'] ?>">

<div id="sr" class="card border-0 transform-on-hover">

<img src="asset/img/gprofil_wisata/<?php echo $data['gambar_profil'] ?>"

alt="Card Image" class="img-wisatapilihan">

<div class="banner-destinasi">

<h5 class="text-center text-white"><?php echo $data['nama'] ?></h5>

</div>

</div>

</a>

</div>

<?php } ?>

</div>

</div>

</section>



<section class="gallery-block compact-gallery jarak-content">


<div class="judul">

<h2 id="sr">Kuliner Khas Dairi</h2>

</div>

<div class="">

<div class="row no-gutters">

44

<?php

$query2 = mysqli_query($koneksi3,"SELECT

tempat_kuliner.nama,tempat_kuliner.lokasi,tempat_kuliner.gambar_profil,tempat_kulin

er.id_tempat,kategori_kuliner.nama_kategori,tempat_kuliner.deskripsi,

ROUND(AVG(rating_kuliner.rating)) AS ratings FROM tempat_kuliner JOIN

kategori_kuliner ON

tempat_kuliner.id_kategoriKuliner=kategori_kuliner.id_kategoriKuliner LEFT JOIN

rating_kuliner ON tempat_kuliner.id_tempat = rating_kuliner.id_tempat GROUP BY

tempat_kuliner.id_tempat HAVING ROUND(AVG(rating_kuliner.rating)) <= 5 limit

9");

foreach ($query2 as $data2) {

?>

<div id="sr" class="col-md-6 col-lg-4 item zoom-on-hover">

<a class="lightbox" href="?halaman=kuliner_detail&id=<?php echo

$data2['id_tempat'] ?>">

<img class="img-fluid image" src="asset/img/gprofil_kuliner/<?php echo

$data2['gambar_profil'] ?>">

<span class="description">

<h4 class="text-white text-center"><?php echo $data2['nama'] ?></h4>

</span>

</a>

</div>

<?php } ?>

</div>

</div>

</div>

</section>

<section class="paket-wisata jarak-content">


<div class="judul">


45

<h2 id="sr">Paket Wisata</h2>

</div>

<div class="transisi-galery">

<?php

$paket_wisata = mysqli_query($koneksi3,"SELECT * FROM paket_wisata");

foreach ($paket_wisata as $key_paket) {

?>

<div class="row">

<div class="col-md-6 col-lg-3">

<div id="sr" class="card border-0 transform-on-hover">

<a class="lightbox" href="img/image1.jpg">

<div class="foto-paket">

<img src="img/image1.jpg" alt="Card Image" class="card-img-top">

</div>

</a>

<div class="card-body">

<h6><a href="#"><?php echo $key_paket['nama'] ?></a></h6>

<span class="text-muted card-text ">Mulai dari </span>

<span class="float-right"><?php echo $key_paket['harga']; ?></span>

</div>

<div class="card-footer text-center text-white">

<a href="asd" class="book-now btn-block">Booking Detail</a>

</div>

</div>

</div>

</div>


46

<?php } ?>


<div class="row">

<div class="ml-auto mt-3">

<a href="?halaman=paket_wisata">Paket Wisata Detail <i class="fas fa-

arrow-right"></i></a>

</div>

</div>

</div>

</div>

</div>

</section>

<?php } ?>

<?php

include "koneksi/koneksi.php";

error_reporting(0);

if($_GET['halaman']){

include 'frontend/'.$_GET['halaman'].'.php';

include 'frontend/wisata/'.$_GET['halaman'].'.php';

include 'frontend/kuliner/'.$_GET['halaman'].'.php';

include 'frontend/jadwal_transportasi/'.$_GET['halaman'].'.php';

}

?>



<footer>

<div class="container text-center text-md-left">

47

<div class="row">

<div class="col-md-3 mx-auto">

<h6 class="text-white">COMPANY</h6>

<hr class="d-inline-block">

<p class="text-footer"> Universitas Sumatera Utara

<br>

Teknik Informatika 2016

<br>

Teknologi Informasi

<br>

D-III Teknik informatika

</p>

</div>


<h6 class="text-white">TEAM</h6>


<p>Alpian Sihombing</p>

<p></p>

<p></p>

<p></p>

</div>


<h6 class="text-white">CONTACT</h6>


<p><i class="fa fa-home mr-3"></i> D-III Teknik Informatika</p>

<p><i class="fa fa-envelope mr-3"></i> [email protected]</p>


48

<p><i class="fa fa-phone mr-3"></i> +62856 6677 004</p>

<p><i class="fa fa-print mr-3"></i> . </p>

</div>


<?php

$filecounter=("pengunjung.txt");

$kunjungan=file($filecounter);

$kunjungan[0]++;

$file=fopen($filecounter,"w");

fputs($file,"$kunjungan[0]");

fclose($file);

?>

<h6 class="text-white">PENGUNJUNG : <?php echo $kunjungan[0] ?>

</h6>

</div>

</div>

</div>

</div>

<div class="sosmed">

<div class="text-center text-white">

<a style="text-decoration: none" class="text-white" href="login.php"><h6

class="pt-3">@Universitassumaterautara2020</h6></a>

</div>

</div>

</footer>

49

<script src="frontend/templates/js/jquery-3.2.1.slim.min.js"></script>



<script src="frontend/templates/js/bootstrap.min.js"></script>

<script src="frontend/templates/js/jquery.min.js"></script>

<script src="frontend/templates/js/owl.carousel.min.js"></script>

<script src="frontend/templates/js/baguetteBox.min.js"></script>

<script src="frontend/templates/js/scrollreveal.js"></script>

<script src="frontend/templates/js/jquery.flexslider.js"></script>

<script>

$(document).ready()

$(window).load(function() {

$('.flexslider').flexslider({

animation: "slide"

});

});

</script>



<script>

baguetteBox.run('.transisi-galery');

</script>

50

<script>

$(document).ready(function() {

var owldua = $("#dua");

var owltgl = $("#tgl");

owldua.owlCarousel({

margin:20,

nav:false,

dots:true,

loop:true,

responsive:{

0:{

items:1

},

400:{

items:2

},

700:{

items:3

},

1000:{

items:4

}

}

});

owltgl.owlCarousel({

loop:true,


51

margin:10,

dots:false,

nav:true,

responsiveClass:true,

responsive:{

0:{

items:2,

nav:true

},

600:{

items:3,

nav:true

},

1000:{

items:5,

nav:true,

loop:false

}

}

});

});

</script>

<script>

// When the user scrolls down 20px from the top of the document, show the button

window.onscroll = function() {scrollFunction()};

function scrollFunction() {


52

if (document.body.scrollTop > 250 || document.documentElement.scrollTop > 250)

{

document.getElementById("myBtn").style.display = "block";

} else {

document.getElementById("myBtn").style.display = "none";

}

}

// When the user clicks on the button, scroll to the top of the document

function topFunction() {

currentYOffset = self.pageYOffset;

initYOffset = currentYOffset;

var intervalId = setInterval(function(){

currentYOffset -= initYOffset*0.1 ;

document.body.scrollTop = currentYOffset ;

document.documentElement.scrollTop = currentYOffset;

if(self.pageYOffset == 0){

clearInterval(intervalId);

}

}, 30);

}

</script>

</body>

</html>

2. Login


53

<?php

include 'koneksi/koneksi.php';

session_start();

// menghubungkan dengan koneksi

if (isset($_POST['login'])) {

$username = $_POST['username'];

$password = $_POST['password'];

// menyeleksi data admin dengan username dan password yang sesuai

$data = mysqli_query($koneksi,"select * from user where username='$username' and

password='$password'");

$data2 = mysqli_fetch_array($data);

// menghitung jumlah data yang ditemukan

$cek = mysqli_num_rows($data);

if($cek > 0){

$_SESSION['username'] = "login";

header("location:backend.php?/=dashboard");

}else{

header("location:login.php");

}

}


54

?>

<!DOCTYPE html>

<html lang="en">

<head>

<style>

body {

background: url(background.jpg) no-repeat fixed;

-webkit-background-size: 100% 100%;

-moz-background-size: 100% 100%;

-o-background-size: 100% 100%;

background-size: 100% 100%;

}

</style>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-

fit=no">

<meta name="description" content="">

<meta name="author" content="">

<title>SB Admin - Login</title>


55



<link href="backend/template/vendor/bootstrap/css/bootstrap.min.css"

rel="stylesheet">



<link href="font-awesome/fontawesome-all.min.css" rel="stylesheet"

type="text/css">



<link href="backend/template/css/sb-admin.css" rel="stylesheet">

</head>

<body class="bg-light">


<div class="card card-login mx-auto mt-5">

<div class="card-header">Login</div>


<form method="post">

<div class="form-group">

<div class="form-label-group">

<input type="text" id="inputText" name="username" class="form-control"

placeholder="Masukan Username" required="required" autofocus="autofocus">

<label for="inputText">Username</label>

</div>

</div>

56

<div class="form-group">

<div class="form-label-group">

<input type="password" id="inputPassword" name="password" class="form-

control" placeholder="Password" required="required">

<label for="inputPassword">Password</label>

</div>

</div><br>

<button type="submit" name="login" class="btn btn-primary btn-block mb-

2">Login</button>

<a class="btn btn-danger btn-block" href="index.php"><i class="fa fa-undo-

alt"></i> Kembali</a>

</form>

</div>

</div>

</div>



<script src="backend/template/vendor/jquery/jquery.min.js"></script>

<script

src="backend/template/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>



<script src="backend/template/vendor/jquery-easing/jquery.easing.min.js"></script>

</body>

</html>

57

3. Transportasi



<ol class="breadcrumb">

<li class="breadcrumb-item">

<a href="index.html">Dashboard</a>

</li>

<li class="breadcrumb-item active">Tampil Jadwal transportasi</li>

</ol>

<div class="card mb-3">

<div class="card-header">

<i class="fas fa-table"></i>

Data Jadwal trasnportasi</div>


<a href="?/=jadwal_transportasiInput"><button class="btn btn-secondary"><i

class="fa fa-plus"> Tambah</i></button></a>

<div class="table-responsive"><br>

<table class="table table-bordered" id="dataTable" width="100%"

cellspacing="0">

<thead>

<tr style="text-align: center;">

<th>No</th>

<th>Kategori</th>

<th>Nama kendaraan</th>

<th>Dari</th>

<th>Pukul</th>

<th>Tujuan</th>

<th>Pemberhentian</th>

58

<th>Pukul</th>

<th>aksi</th>

</tr>

</thead>

<tbody>

<?php

$no=1;

$query = mysqli_query($koneksi,"SELECT * FROM

jadwal_transportasi");


?>

<tr>

<td width=""><?php echo $no++; ?></td>

<td width=""><?php echo $data['jenis_kendaraan']; ?></td>

<td width=""><?php echo $data['nama_kendaraan']; ?></td>

<td width=""><?php echo $data['dari']; ?></td>

<td width=""><?php echo $data['jam_berangkat']; ?></td>

<td width=""><?php echo $data['tujuan']; ?></td>

<td width=""><?php echo $data['pemberhentian']; ?></td>

<td width=""><?php echo $data['jam_sampai']; ?></td>

<td style="text-align: center;" width="">

<a href="backend.php?/=jadwalEdit&id=<?php echo $data['id_jadwal'];

?>" class="btn btn-primary" href=""><i class="fa fa-edit"></i></a>

<a onclick="return confirm('Anda Yakin Ingin menghapus Data?')"

class="btn btn-danger" href="backend.php?/=jadwalHapus&id=<?php echo

$data['id_jadwal']; ?>"><i class="fa fa-trash"></i></a>


59

</td>

</tr>

<?php } ?>

</tbody>

</table>

</div>

</div>

</div>

4. Admin



<ol class="breadcrumb">

<li class="breadcrumb-item">

<a href="index.html">Dashboard</a>

</li>

<li class="breadcrumb-item active">Tampil Jadwal transportasi</li>

</ol>

<div class="card mb-3">

<div class="card-header">

<i class="fas fa-table"></i>

Data Jadwal trasnportasi</div>


<a href="?/=jadwal_transportasiInput"><button class="btn btn-secondary"><i

class="fa fa-plus"> Tambah</i></button></a>

<div class="table-responsive"><br>

<table class="table table-bordered" id="dataTable" width="100%"

cellspacing="0">

<thead>

60

<tr style="text-align: center;">

<th>No</th>

<th>Kategori</th>

<th>Nama kendaraan</th>

<th>Dari</th>

<th>Pukul</th>

<th>Tujuan</th>

<th>Pemberhentian</th>

<th>Pukul</th>

<th>aksi</th>

</tr>

</thead>

<tbody>

<?php

$no=1;

$query = mysqli_query($koneksi,"SELECT * FROM

jadwal_transportasi");


?>

<tr>

<td width=""><?php echo $no++; ?></td>

<td width=""><?php echo $data['jenis_kendaraan']; ?></td>

<td width=""><?php echo $data['nama_kendaraan']; ?></td>

<td width=""><?php echo $data['dari']; ?></td>

<td width=""><?php echo $data['jam_berangkat']; ?></td>


61

<td width=""><?php echo $data['tujuan']; ?></td>

<td width=""><?php echo $data['pemberhentian']; ?></td>

<td width=""><?php echo $data['jam_sampai']; ?></td>

<td style="text-align: center;" width="">

<a href="backend.php?/=jadwalEdit&id=<?php echo $data['id_jadwal'];

?>" class="btn btn-primary" href=""><i class="fa fa-edit"></i></a>

<a onclick="return confirm('Anda Yakin Ingin menghapus Data?')"

class="btn btn-danger" href="backend.php?/=jadwalHapus&id=<?php echo

$data['id_jadwal']; ?>"><i class="fa fa-trash"></i></a>

</td>

</tr>

<?php } ?>

</tbody>

</table>

</div>

</div>

</div>


62


63


SISTEM INFORMASI PARIWISATA BERBASIS WEB KABUPATEN …

Documents

Transcript of SISTEM INFORMASI PARIWISATA BERBASIS WEB KABUPATEN …