SISTEM INFORMASI TEMPAT WISATA DI PULAU MADURA BERBASIS WEB ( STUDY KASUS KABUPATEN SUMENEP )
TUGAS AKHIR
disusun oleh: D. Edy Mapajalos 08.01.2477
JURUSAN TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2013
TOURISM INFORMATION SYSTEM IN MADURA ISLAND WEB BASED (CASED STUDY AT SUMENEP DISTRICT) SISTEM INFORMASI TEMPAT WISATA DI PULAU MADURA BERBASIS WEB ( STUDY KASUS KABUPATEN SUMENEP ) D. Edy Mapajalos Akhmad Dahlan Jurusan Teknik Informatika STIMIK AMIKOM YOGYAKARTA ABSTRACT Sumenep has many attractions that are worth visiting, but the promotion and socialization are still using conventional media such as booklets or brochures that have a shortage of the limited size and number. An information system Sumenep a travel map has been developed as a web-based alternative media campaign and socialization. The objective of this thesis is to facilitate the promotion and dissemination of existing attractions in Sumenep. The method used in the making of this website is the search data is a literature study and field survey. Determination of the concept, design and website creation application using Adobe Dreamweaver, Code Editor, Xampp and Adobe Photoshop. The results of the implementation of this final project is a website that displays maps and information about attractions Sumenep, where additions and changes to the data on the website can be done without changing the structure of the website. The website has various features such as tourist maps, tourist search, culinary tourism information, and the page administrators to maintain the website and various other features. Keywords: Website, tourist maps Sumenep, Profile Sumenep.
1
1. PEDAHULUAN Seiring berkembangnya teknologi pada era globalisai sekarang ini membuat manusia ketergantungan terhadap teknologi.Perkembangan teknologi informasi sangat pesat bahkan informasi sudah menjadi kebutuhan vital.Teknologi informasi sangat membantu manusia karena dapat memenuhi dan mempermudah aktivitas apalagi dengan adanya internet pada saat ini. Perkembangan internet memudahkan masyarakat untuk share berbagai macam data dan informasi dalam bentuk audion, visual maupun audiovisual. Internet sangat memungkinkan masyarakat bisa mengakses segala informasi yang dibutuhkan dalam waktu yang sangat singkat. Media informasi yang marak dibuat pada saat ini adalah web dan blog karena lebih memudahkan dalam berbagi informasi dan promosi. Dimana informasi yang di tampilkan akan lebih menarik dari pada media lain karena disajikan dengan lebih interaktif dengan adanya beberapa tambahan seperti animasi, suara, grafik, video ataupun aplikasi lainnya sehingga user akan lebih tertarik untuk melihat informasi yang disajikan. Pembuatan website semakin banyak diminati oleh individu maupun organisai sebagai strategi pemasaran karena banyaknya penyedia domain dan hosting gratis. Pada penyusunan tugas akhir ini, penulis akan mencoba mengangkat permasalahan yang dihadapi di Pulau Madura khususnya kaupaten Sumenep, dalam mempromosikan atau memperkenalkan potensi daerahnya pada masyarakat umum baik dalam negeri maupun internasional. Sumenep merupakan salah satu kabupaten yang memiliki berbagai potensi wisata yang sangat mengagumkan dan perlu dipublikasikan kepada para wisatawan agar menjadi salah satu daerah tujuan wajib bagi para wisatawan lokal maupun asing. Pembuatan website ini diharapkan dapat memudahkan wisatawan lokal maupun manca Negara dalam mendapatkan informasi mengenai tempat wisata yang ada di sumenep. Sehingga sumenep dapat di kenal oleh masyarakat Indonesia dan manca Negara seperti bali dengan potensi wisata yang dimiliknya. Berdasarkan uraian diatas, maka penulis tertarik untuk membuat website mengenai tempat wisata di pulau Madura. 2. LANDASAN TEORI a. Nama domain (Domain name atau URL-Uniform Resource Locator) Nama domain adalah alamat permanen situs di dunia internet yang digunakan untuk mengidentifikasi sebuah situs atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan situs kita pada dunia internet. Istilah yang umum digunakan adalah URL. b. Web Browser Web Browser adalah aplikasi perangkat lunak untuk melintasi, mengambil, dan menyajikan sumber informasi di Word Wide Web. Jadi untuk mengakses web diperlukan suatu program yaitu Web Browser atau biasa disebut Browser saja. Adapun software atau program tersebut antara lain: a) Linx merupakan salah satu browser teks pada sistem Unix b) Mosaic buatan NSCA c) Netscape Navigator dari Netscape Communication d) Internet Explorer dari Microsoft e) OPERA dari Opera Software ASA 2
c.
HTML HTML ( Hypertext Markup Language ) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa tergantung pada suatu platform tertentu (platform independent).Dokumen HTML adalah suatu dokumen teks biasa, dan disebut sebagai markup language karena mengandung tanda-tanda (tag) tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersenut dalam suatu dokumen. Pada dokumen HTML yang termasuk sistem hyper-text, kita tidak harus membaca dokumen tersebut secara urut dari atas ke bawa atau sebaliknya, tetap kita dapat menuju pada topic tertentu secara langsung dengan menggunakan teks penghubung yang akan membawa anda ke suatu topic atau suatu dokumen lain secara langsung. HTML adalah merupakan pengembangan dari standar pemformatan dokumen teks yaitu SGML (Standart Generalized Markup Language).Sejak awal perkembangan sampai sekarang ini telh tersedia bermacam-macam level (versi) HTML, ada HTML level 1.0, HTML 2.0, HTML 3.0 dan HTML 4.0. 1. Tag Adalah teks khusus (markup) berupa dua karakter “<” dan “>”, sebagai contoh adalah tag dengan nama body. Tag harus ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter “/” setelah karakter “<”). Sebagai contoh ini adalah tag pembuka isi dokumen HTML, dan ini adalah tag penutup isi document HTML. 2. Element Element terdiri ata tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:
ini adalah pembuka judul dokumen HTML Judul Dokumen HTML ini adalah isi judul dari dokumen HTML ini adalah tag penutup judul document HTML Tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpng tindih dengan pasangan tag-tag lainnya.Jika penulis scrip salah, maka script tidak terbaca sempurna (Error) sehingga dapat mengganggu penampilan web itu sendiri. 3. Attribute Attribute mendifinisikan property dari suatu elemet HTML, yang terdiri atas nama dan nilai. Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sehingga contoh, untuk membuat warna teks menjadi kuning dan belakang halaman web menjadi hitam, penulisannya adalah . 4. Elemen HTML Menyatakan pada browser bahwa dokumen web yang digunakan adalah HTML. Sintaks: 5. Elemen Head
3
Merupakan kepala dari dokumen dan berfungsi untuk memberikan informasi tentang dokumen HTML.Tag dan tag terletak diantara tag dan tag. 6. Elemen Title Merupakan judul dari dokumen HTML dan judul ini dapat dilihat pada pojok kiri atas ( title bar ) browser. Tag
dan tag terletak diantara tag dan tag . 7. Elemen Body Elemen ini yang menentukan bagaimana isi suatu dokumen ditapilkan oleh browser, seperti paragraph, list( daftar ), table dan lain-lain. Tag dan tag terletak dibawah tag dan tag. d. Client Side Scripting Client side scripting (CSS), merupakan jenis script yang pengolahannya dilakukan di sisi client.Pengolahan disini berarti “di terjemahkan/ interpreted”.yang memiliki tugas untuk menterjemahkan script jenis ini disisi client adalah web browser. agar semua script yang masuk kategori ini dapat diterjemahkan oleh web browser maka didalam web browser terdapat sebuah komponen/ modul/ “engine” yang memiliki daftar pustaka (library) yang mampu mengenali semua perintah-perintah yang terdapat pada kategori client side scripting. berikut contoh web browser yang populer digunakan: internet explorer, mozilla firefox, opera., safari. Berikut adalah contoh client side scripting: HTML (hypertext markup language), java script, XML (extensible markup language), CSS (cascading style sheet). client side scripting merupakan script yang digunakan untuk membuat halaman web statis. e. Server Side Scripting Server side scripting (SSS), merupakan script yang pengolahannya (baca: diterjemahkan) di sisi server. Server yang dimaksud disini adalah sebuah komponen yang biasa disebut web server yang didalamnya terintegrasi dengan sebuah mesin (engine)/ modul yang didalamnya terdapat daftar pustaka (library) yang mampu menterjemahkan script-script tersebut yang kemudian setelah di terjemahkan di server kemudian dikirim (ditampilkan) ke client (web browser) dalam format HTML (hypertext markup language). mesin(engine) tersebut harus di install terlebih dahulu karena mesin-mesin tersebut memiliki karakteristik yang berbeda untuk tiap script (bahasa pemrograman) yang digunakan. berikut contoh server side scripting: PHP (PHP pre processor), ASP (active server pages), JSP (java server pages). server side scripting digunakan untuk membuat halaman web dinamis. hal ini disebabkan karena server side scripting memiliki kelebihan, diantaranya: mampu berinteraksi dengan banyak perangkat lunak basis data (database), mampu mengelola sumber daya yang terdapat di sistem operasi dan perangkat keras komputer, mampu dijalankan di semua sistem operasi (multi plattform), aman karena scriptnya di proses di server yang tidak dapat dilihat dari sisi client (web browser). f.
MySQL MySql (My Structure Query Language) atau yang bias dibaca “my-se-kuel” adalah sebuah software yang digunakan untuk membuat data base yang bersifat open source, artinya siapa saja boleh menggunakan dan tidak dicekal.MySql adalah pasangan serasi dari PHP. MySql merupakana produk yang berjalan pada platform linuk.karena sifatnya yang open source. dia dapat dijalankan pada semua platform baik windows maupun linux. 4
Selain itu, MySql merupakan program pengakses database yang bersifat jaringan sehingga dapat digunakan untuk aplikasi multiuser (Banyak Pengguna). Saat ini database MySql telah digunakan hampir oleh semua programmer database,apalagi pemograman saat ini. 3. PEMBAHASAN a. Data Flow Diagram (DFD) Merupakan gambaran system secara logika yang tidak tergantung pada pengguna perangkat keras dan lunak, baik struktur data maupun organisasi file.Adapun fungsi dari DFD adalah untuk memberikan kemudahan bagi pemakai yang kurang menguasai computer dalam memahami suatu yang diusulkan
Admin Data Kabupaten Data Lokasi Data User Data Konten Data Acara
0 WEBSITE Tempat Wisata (Berbasis Web)Kabupaten,Lokasi,Konten,Acara
Pengunjung
Gambar 4.1 Rancangan data flow diagram level 0
5
Admin
D1
1
2
3
4
5
Olah data User
Olah data Kabupaten
Olah data Lokasi
Olah data Konten
Olah data Acara
Data User
D2
Data Kabupaten
D3
Data Lokasi
D4
Data Konten
D5
Data Acara
6
7
8
9
10
Pembuatan laporan data user
Pembuatan laporan data kabupaten
Pembuatan laporan data lokasi
Pembuatan laporan data konten
Pembuatan laporan data acara
Pengunjung Gambar. 4.2 Rancangan Data Flow Diagram Level 1
6
1 Admin
olah data user Data user
Data user Data user
1.1 1
1.2
input data user
ubah data user
1.3 hapus data user
Data user Data user
Data user D1
Data user Daftar data user 6 Pembuatan laporan data user
Gambar 4.3 DFD Level 2 Proses 1
7
2 Admin
Data kabupaten
olah data kabupaten
Data kanupaten
Data kabupaten Data kabupaten
2.1
2.2
2.3
input data kabupaten
ubah data kabupaten
hapus data kabupaten
Data kabupaten Data kabupaten
Data kabupaten D2
Data kabupaten Daftar data kabupaten 7 Pembuatan laporan data kabupaten Informasi data kabupaten Pengunjung
Gambar 4.4 DFD Level 2 Proses 2
8
3 Admin
Data lokasi
olah data lokasi
Data lokasi
Data lokasi Data lokasi
3.1
3.2
3.3
input data lokasi
ubah data lokasi
hapus data lokasi
Data lokasi Data lokasi
Data lokasi D2
Data lokasi Daftar data lokasi 8 Pembuatan laporan data lokasi Informasi data lokasi Pengunjung
Gambar 4.5 DFD Level 2 Proses 3
9
4 Admin
Data konten
olah data konten
Data konten
Data konten Data konten
4.1
4.2
4.3
input data konten
ubah data konten
hapus data konten
Data konten Data konten
Data konten D2
Data konten Daftar data konten 9 Pembuatan laporan data konten Informasi data konten Pengunjung
Gambar 4.6DFD Level 2 Proses 4
10
5 Admin
Data acara olah data acara Data acara
Data acara Data acara
5.1
5.2
5.3
input data acara
ubah data acara
hapus data acara
Data acara Data acara
Data acara D2
Data acara Daftar data acara 10 Pembuatan laporan data acar Informasi data acara Pengunjung
Gambar 4.7 DFD Level 2 Proses 5
11
b. Rancangan Entity Relationship Diagram (ERD) Komponen-komponen yang ada pada ERD yang berupa himpunan entitas dan himpunan relasi akan di transformasikan menjadi tabletabel sedangkan atributnya dinyatakan sebagai field-field dari table. keterangan_acara keteranga n
nama_user id_user
level
username password
user nama_kabupaten
judul_konte n id_konte n
alamat_acara
tgl_acara tgl_konten
nama_acara id_acara konten
id_kabupaten
acara id_lokasi
id_lokasi
nama_lokasi alamat_lokasi
lat
id_kabupaten
Ing Tempat wisata
kabupaten
acara alias images_lokasi
keterangan Gambar. 4.8 Entity Relationship Diagram
12
telpon_lokasi deskripsi_lokasi
c. Rancangan Desain Web Halaman index ini merupakan halaman utama atau home dari web.
Menu modul
konten
Sample data
Gambar 4.14 Rancangan Halaman Web (hom) 4. KESIMPULAN 1. Dapat memberikan informasi mengenai tempat wisata di Pulau Madura khusunya Kabupaten Sumenep kepada masyarakat luas. 2. Pemberian informasi lebih mudah dan cepat sesuai dengan perkembangan teknologi. 3. Memudahkan Dinas Pariwsata setempat untuk mempromosikan sebuah tempat wisata Saran Setelah melakukan tahapan-tahapan perancangan serta analisa maka web ini dibuat agar pembuat web berikutnya harus dapat melakukan dengan baik.Sehingga penulis memberikan saran. 1. Metode yang digunakan harus lebih baik dari sebelumnya. 2. Sebelum membuat web alangkah baiknya dibuat sebuah schedule atau rancangan pembuatan web agar tampilan dan prosesnya terlihat lebih sempurna dari sebelumnya. 3. Perlu juga diperhatikan keaman database agar data tidak dapat dilihat atau dirubah oleh sembarang orang. 4. Jadikanlah sebuah pembelajaran karena masih banyak kekurangan-kekurangan yang masih tedapat pada web kami.
13
DAFTAR PUSTAKA
Adi, Sunyoto. 2007. Pemrograman Database dengan Visual Basic dan Microsoft SQL.Yogyakarta : CV Andi Offset Fatta, Al, Hanif. 2007. Analisa dan Perancangan Sistem Informasi. Yogyakarta: CV And Offset. Hakim, Lukmanul. 2008. Membongkar Trik Rahasia Para Master PHP. Yogyakarta: Lokomedia. Hakim, Lukmanul.2009. Trik Rahasia Master PHP Terbongkar Lagi. Yogyakarta: Lokomedia. Hakim, Lukmanul. 2009. Jalan Pintas Menjadi Master PHP. Yogyakarta: Lokomedia. Nugroho, Bunafit. 2008. Membuat Sistem Informasi Penjualan Berbasis Web dengan PHP dan MySQL, Gava Media: Yogyakarta. Nugroho, Bunafit. 2008. Panduan lengkap Menguasai Perintah SQL. Mediakita: Yogyakarta. Sutarman, 2007.Membangun Aplikasi Web dengan PHP dan MySQL. Graha Ilmu: Yogyakarta.
14
