Anda di halaman 1dari 161

458/TEKNIK INFORMATIKA

LAPORAN AKHIR
PENELITIAN HIBAH BERSAING
TAHUN KE-2

JUDUL PENELITIAN
ANALISIS DAN RANCANG BANGUN DIREKTORI PARIWISATA POTENSIAL
MENGGUNAKAN GOOGLE MAPS API DAN MULTIMEDIA
DI DAERAH ISTIMEWA YOGYAKARTA

TIM PENGUSUL:
Ketua
THOMAS SUSELO, ST., MT NIDN: 0527118001
Anggota
PROF. Ir. SUYOTO, M.Sc., P.hD
NIDN: 0510086401
B. YUDI DWIANDIYANTA, S.T.,M.T.
NIDN : 0524047601

UNIVERSITAS ATMA JAYA YOGYAKARTA


OKTOBER 2015

RINGKASAN

Warga negara Indonesia, terutama pemuda memiliki peran yang sangat strategis
dalam hal apapun, termasuk pembangunan kepariwisataan. Keterlibatan mereka
menjadi sangat penting untuk mewujudkan pembangunan kepariwisataan yang
berkelanjutan. Hal tersebut menjadi lebih relevan ketika dikaitkan dengan berbagai
upaya untuk percepatan aktivitas kepariwisataan dalam rangka mendukung proses
pembangunan di berbagai wilayah di Indonesia. Sektor pariwisata yang tidak dapat
berdiri sendiri atau merupakan bagian dari berbagai elemen. Kepariwisataan adalah
sebuah konsep, bukan suatu sektor kegiatan yang bersifat spesifik seperti sektor
transportasi dengan unsur-unsurnya yang jelas seperti kendaraan, jalan raya, dan
sebagainya.
Target yang ingin dicapai adalah membantu sektor pariwisata untuk dapat lebih
menarik wisatawan dengan memanfaatkan salah satu teknologi, yaitu berupa direktori
bisnis pariwisata potensial. Direktori pariwisata jika diimplementasikan akan
mempermudah dan mengoptimalkan destinasi wisata dengan memberikan informasi
yang lebih lengkap dan lebih kaya serta relevan bagi calon wisatawan. Direktori
pariwisata akan dibekali dengan kekuatan geocoding, sehingga setiap lokasi destinasi
wisata dapat dengan mudah ditinjau pada peta. Peta tersebut akan dibangun dengan
menggunakan fungsi dari Google Maps API berbasis web.
Metode yang digunakan untuk mencapai tujuan tahap pertama adalah: observasi;
wawancara; memodelkan dan mengelompokkan direktori pariwisata. Tahap kedua
adalah pembuatan spesifikasi, deskripsi, dan beberapa prototype direktori pariwisata.
Tahap ketiga adalah penginstalan dan pengujian prototype direktori pariwisata;
sosialisasi; serta pengaplikasian direktori pariwisata pada web server. Pengembangan
list direktori pariwisata ini dapat menyediakan suatu wadah dalam bentuk web dari
berbagai jenis destinasi wisata dan mengetahui lokasi dimana tempat tersebut berada.
Informasi disajikan dalam bentuk multimedia agar dapat lebih menarik dan interaktif.
Kata Kunci : direktori pariwisata, implementasi, Google Maps API, web, multimedia.

DAFTAR ISI

HALAMAN SAMPUL............................................................................

HALAMAN PENGESAHAN..................................................................

ii

DAFTAR ISI............................................................................................

iii

RINGKASAN...........................................................................................

iv

BAB 1 PENDAHULUAN........................................................................

1.1.Latar belakang...............................................................................

1.2. Tujuan Khusus..............................................................................

1.3. Urgensi Penelitian........................................................................

BAB 2 TINJAUAN PUSTAKA...............................................................

2.1. Google Maps API dan Pemetaan..................................

2.2. Layanan Geocoding .............................................................

2.3. Pariwisata ........................................................................

2.5. Multimedia ..

10

BAB 3 METODE PENELITIAN.............................................................

11

3.1. Rumusan Masalah........................................................................

11

3.2. Tahapan Penelitian........................................................................

13

3.3. Fishbone Diagram Penelitian ...

14

BAB 4 PEMBAHASAN .........................................................................

15

4.1. Analisa Penyusunan Model ........................................................

15

4.2. Lingkup Masalah..........................................................................

15

4.3. Rancangan Arsitektur ..................................................................

15

4.4. Use Case Diagram ......................................................................

18

4.5. Perancangan Sistem ...................................................................

21

4.6. Sequence Diagram .....................................................................

28

4.7. Deskripsi Data Tabel ................................................................

32

4.8. ERD ...........................................................................................

40

4.9. Perancangan Antar Muka ..........................................................

42

4.10. Implementasi Sistem ...............................................................

75

DAFTAR PUSTAKA...............................................................................

19

Lampiran 1. Justifikasi Anggaran.............................................................

-1-

Lampiran 2. Dukungan Sarana dan Prasaran...........................................

-2-

Lampiran 3. Susunan Organisasi Pelaksana dan Pembagian Tugas.........

-3-

Lampiran 4. Daftar Riwayat Hidup Ketua Tim Pengusul........................

-4-

Lampiran 5. Surat Pernyataan Ketua Peneliti..........................................

-5-

BAB 1
PENDAHULUAN

1.1. Latar Belakang


Warga negara Indonesia, terutama pemuda memiliki peran yang sangat
strategis dalam hal apapun, termasuk pembangunan kepariwisataan. Keterlibatan
mereka menjadi sangat penting untuk mewujudkan pembangunan kepariwisataan
yang berkelanjutan. Hal tersebut menjadi lebih relevan ketika dikaitkan dengan
berbagai upaya untuk percepatan aktivitas kepariwisataan dalam rangka mendukung
proses pembangunan di berbagai wilayah di Indonesia (Antariksa, 2011)
Cara untuk mengukur keberhasilan dalam pembangunan kepariwisataan
umumnya parameter yang digunakan adalah jumlah kunjungan wisatawan dan
perputaran uang yang digunakan untuk pembelanjaan. Jika dilihat dalam jangka
pendek, parameter-parameter tersebut dapat digunakan untuk mengukur tingkat
keberhasilan pembangunan kepariwisataan, namun dalam jangka panjang parameterparameter tersebut tidak dapat dijadikan ukuran yang tepat karena dapat mengurangi
tujuan pembangunan kepariwisataan yang berkelanjutan. Contohnya di Eropa, pada
tahun 2000, jumlah emisi gas rumah kaca yang dihasilkan dari sektor transportasi
udara telah mencapai angka 75% dari nilai total emisi gas rumah kaca yang dihasilkan
oleh seluruh jenis sarana transportasi yang digunakan (Becken, 2007). Persoalan ini
bersifat dilematis karena sektor transportasi udara memberikan sumbangan terbesar
terhadap pergerakan wisatawan dari negara maju ke tujuan pariwisata di negara
sedang berkembang (Jenkins, Dredge, 2007).
Sektor pariwisata yang tidak dapat berdiri sendiri atau merupakan bagian dari
berbagai elemen. Kepariwisataan adalah sebuah konsep, bukan suatu sektor kegiatan
yang bersifat spesifik seperti sektor transportasi dengan unsur-unsurnya yang jelas
seperti kendaraan, jalan raya, dan sebagainya (Antariksa, 2011). Dengan demikian,
sektor pariwisata tidak perlu dipaksakan untuk menjadi sektor utama pembangunan,
namun lebih baik berperan sebagai sektor pendukung bagi pembangunan sektor
lainnya.
Perlu dipahami pula bahwa kepariwisataan adalah suatu fenomena yang akan
selalu mempengaruhi tatanan kehidupan masyarakat yang tinggal di sekitar lokasi
pariwisata. Hal ini disebabkan mereka membawa uang, memiliki latar belakang

kebudayaan yang (mungkin) sangat berbeda, dan menggunakan sumber daya alam
dan buatan yang juga dimanfaatkan oleh penduduk setempat.
Wisatawan berkunjung ke suatu destinasi pariwisata karena mencari
pengalaman dan kepuasan yang bersifat psikis dan fisik 1. Berkaitan dengan hal
tersebut, sebuah faktor penting yang harus dipahami terlebih dahulu sebelum sebuah
destinasi pariwisata dikembangkan, adalah motivasi seseorang untuk berwisata. R.W.
McIntosh menjelaskan bahwa motivasi yang mendorong seseorang untuk melakukan
wisata adalah sebagai berikut:
1.

Pleasure (bersenang-senang)

2.

Relaxation, rest and recreation (beristirahat untuk menghilangkan


stress)

3.

Health (kesehatan)

4.

Participation in sports (olah raga yang bersifat rekreasi);

5.

Curiousity and culture (rasa ingin tahu dan motivasi yang berkaitan
dengan kebudayaan)

6.

Ethnic and family (kesamaan etnik dan kunjungan kepada keluarga).

7.

Spiritual and Religious (alasan yang bersifat spiritual dan keagamaan);

8.

Status and prestige (menunjukkan status sosial dan gengsi)

9.

Professional or business (melakukan aktivitas yang berkaitan dengan


profesi/pekerjaan).

Dengan

memahami

kesembilan

motivasi

tersebut,

para

pemangku

kepentingan di suatu wilayah yang ingin mengembangkan diri menjadi destinasi


pariwisata dapat menjadi lebih mudah ketika mulai melakukan identifikasi mengenai
potensi daya tarik wisata yang ada di wilayahnya untuk ditawarkan kepada calon
wisatawan. Sebagai contoh, karena Daerah Istimewa Yogyakarta memiliki Candi
Prambanan dan Candi Borobudur yang indah, maka para pemangku kepentingan
dalam industri pariwisata dapat membidik pasar yaitu para wisatawan yang memiliki
motivasi Spiritual and Religious atau curiousity and culture. Hal ini mengandung
pengertian pula bahwa infrastruktur dan suprastruktur yang disediakan memang sesuai
dengan motivasi yang menjadi latar belakang seseorang untuk berwisata.
Di Daerah Istimewa Yogyakarta (DIY) terdapat banyak tempat / lokasi
pariwisata potensial yang tersebar di segala penjuru wilayah DIY, namun dirasa
bahwa tidak semua penjuru menjadi destinasi wisatawan. Infomasi yang tidak merata,
dan tidak terdeskripsikan dengan jelas kepada calon wisatawan dapat menjadi salah
2

satu faktor penunda seorang wisatawan untuk menuju tempat tersebut. Ditinjau dari
tempat-tempat wisata yang ada di wilayah Daerah Istimewa Yogyakarta sebenarnya
memiliki potensi yang sangat besar untuk menjadi magnet wisatawan baik dari dalam
negeri maupun dari luar negeri. Interaksi yang muncul di dalam kunjungan wisatawan
dengan sekitarnya dapat menjadi penggerak perekonomian dan kemajuan DIY,
terlebih terkait dengan peningkatan Usaha Mikro Kecil dan Menengah (UMKM)
Ditinjau dari aspek pendapatan masyarakat dan penyerapan tenaga kerja,
sektor UMKM merupakan sektor ekonomi primadona. Selain itu sektor UMKM
merupakan katalisator pertumbuhan ekonomi lokal dan partisipasi masyarakat hingga
level mikro atau keluarga, sehingga sektor industri UMKM memiliki peranan yang
strategis (Suyoto, 2011).
Penelitian terdahulu telah dipetakan dan diimplementasikan direktori bisnis
dalam beberapa model, seperti model direktori bisnis dengan klasifikasi wilayah dan
klasifikasi produk yang dipasarkan/ dibuat oleh UMKM. Direktori bisnis

yang

dihasilkan membantu UMKM menjadi lebih terpetakan sehingga proses bisnis, akses
pemasaran pasar potensial menjadi lebih baik. Hasil pemetaan tersebut merupakan
langkah awal adopsi teknologi bagi UMKM yang kedepannya jika diimplementasikan
akan mempermudah dan mengoptimalkan UMKM untuk memperlacar akses pemasok
hingga akses pemasaran, sehingga informasi lokasi UMKM dapat dengan mudah
ditemukan.
Pada penelitian ini akan mengadopsi direktori bisnis yang akan dipetakan dan
digunakan di dalam direktori pariwisata potensial, agar nantinya dapat mendukung
usaha pemerintah di dalam memajukan pariwisata dan mendorong pertumbuhan
ekonomi yang kian baik dan meningkat sehingga tercipta kesejahteraan sosial dan
kemajuan budaya.

1.2. Tujuan Khusus


Penelitian ini bertujuan untuk membangun prototipe aplikasi direktori
pariwisata potensial berbasis web menggunakan Google Maps API dan multimedia.
Pengembangan direktori pariwisata potensial dilakukan dalam tiga tahap, yaitu:
a. Perancangan prototype aplikasi direktori pariwisata potensial berbasis web
menggunakan Google Maps API dan multimedia,
Dari beberapa model direktori bisnis yang dihasilkan, dicoba untuk dibuat
spesifikasi, deskripsi, dan prototype perangkat lunak dan/atau perangkat keras.
3

Perangkat lunak yang dihasilkan berbentuk on-line (web based) berbasis


multimedia.
b. Implementasi.
Dari prototype yang dihasilkan, dilakukan proses penginstalan dan pengujian
prototype untuk menampung data dan memetakan dalam bentuk direktori
pariwisata di DIY; sosialisasi (melalui forum workshop, seminar dan
penyuluhan); serta pengaplikasian direktori pariwisata potensial di DIY.

1.3.Urgensi Penelitian
Dalam rangka peningkatan kepariwisataan dan menumbuhkan perekonomian
UMKM di DIY diperlukan sebuah strategi yang menyeluruh dan perhatian yang
serius dari berbagai pihak, khususnya universitas dan pemerintah.
Sektor pariwisata berperan sebagai sektor pendukung bagi pembangunan
sektor lainnya dan kepariwisataan adalah suatu fenomena yang akan selalu
mempengaruhi tatanan kehidupan masyarakat yang tinggal di sekitar lokasi
pariwisata. Dengan memanfaatkan teknologi informasi ditargetkan informasi
kepariwisataan menjadi lebih lengkap, jelas dan dapat menjangkau lebih banyak
wisatawan dan memaparkan tempat-tempat wisata potensial lainnya, sehingga seluruh
destinasi wisata menjadi dapat tereksplorasi dengan lebih maksimal.
Salah satu cara tersebut dilakukan dengan pemanfaatan teknologi untuk
memetakan di dalam sebuah direktori pariwisata berbasis web. Mengingat
kompleksitas permasalahan serta keberagaman pariwisata di DIY, maka penelitian ini
dilakukan dalam dua tahap, yaitu: perancangan prototype aplikasi berbasis web, dan
implementasi.
Tahap analisa pada penelitian tahun pertama telah dilakukan penyusunan
model pariwisata, hal tersebut dilakukan untuk memotret profil pariwisata. Dari profil
pariwisata tersebut, peneliti telah memetakan kondisi, lingkungan dan kenyataan
(content aktual) tempat wisata dalam menjangkau wisatawan. Sehingga pada akhirnya
akan didapat beberapa model direktori pariwisata yang sesuai.
Dari model direktori pariwisata yang dihasilkan, peneliti akan melakukan
tahap perancangan prototype aplikasi direktori pariwisata berbasis web. Proses
perancangan dilakukan dengan cara membuat spesifikasi, deskripsi, dan prototype
perangkat lunak dan/atau perangkat keras. Tahap ini akan menghasilkan prototype
direktori pariwisata potensial di DIY.
4

Dengan terwujudnya prototype aplikasi berbasis web, peneliti perlu


melakukan proses penginstalan dan pengujian, yang merupakan bagian dari tahap
implementasi. Dari proses tersebut, peneliti dapat melihat sisi kelebihan dan
kekurangan dari direktori pariwisata yang dihasilkan dalam tahap pertama. Prototype
dari model direktori pariwisata dapat menjadi pendukung penyebaran informasi
pariwisata yang potensial di DIY
Dengan terlibatnya civitas akademika dalam tiga tahap penelitian di atas akan
memberikan manfaat:
a. mengangkat berbagai permasalahan dan kasus teknologi dan penerapannya
untuk pariwisata sebagai studi kasus dalam mata kuliah:; Metodologi
Penelitian, Kuliah Kerja Nyata Non Lokasi, dan Kewirausahaan (S1 Teknik
Industri dan Teknik Informatika); Program Profesional (S1 Teknik
Informatika); serta Manajemen Sistem Informasi dan Manajemen Proyek
Teknologi Informasi (S2 Teknik Informatika);
b. mengangkat berbagai permasalahan dan kasus SI dari pariwisata sebagai topik
penelitian dosen dan mahasiswa (skripsi S1 dan tesis S2).
Dengan demikian penelitian ini akan sangat bermanfaat bagi pemerintah, khususnya
di DIY, serta civitas akademika.

BAB 2
TINJAUAN PUSTAKA

2.1. Google Maps API dan Pemetaan


Saat ini Google menciptakan Google Maps API untuk memfasilitasi
pembangunan maupun pengembangan suatu aplikasi peta berbasis web untuk
memenuhi kebutuhan pengguna. Hal utama yang dibutuhkan dalam pembangunan
aplikasi menggunakan API ini adalah API Key. API Key adalah nilai kunci atau
penanda yang harus dimiliki website yang ingin ditambahkan fasilitas Google Maps
API.
Sistem informasi yang memanfaatkan Google Maps API sudah banyak
diterapkan di berbagai bidang. Zhang (2009) melakukan pembangunan sistem
informasi untuk mapping geografi. Gibin et al (2008) membuat aplikasi kartografi
kota London menggunakan Google Maps API. Google Maps API juga telah
dikembangkan untuk sistem informasi bagi para turis (Pan et al., 2007). Google Maps
API dapat digunakan untuk melakukan pemetaan lahan tebu (Agastiya, 2010) dengan
bantuan perangkat GPS. Selain itu aplikasi ini dapat digunakan untuk melakukan
penyimpanan, pemrosesan dan penayangan data spasial secara digital secara tepat dan
akurat. Aplikasi-aplikasi yang dikembangkan dengan menggunakan Google Maps
API memerlukan perangkat GPS (Global Positioning System).
Sistem yang memanfaatkan Google Maps API dan perangkat GPS juga
banyak dimanfaatkan untuk melakukan tracking barang. Wicaksono (2008) telah
membangun suatu sistem yang dapat melakukan tracking perangkat mobile yang
dilengkapi dengan modul GPS. Hadi (2009) telah membuat sistem periklanan properti
dengan menggunakan J2ME dan Peta Online. Aplikasi tersebut mempermudah
konsumen untuk mencari berbagai informasi jual-beli properti seperti rumah, tanah,
bangunan lainnya atau juga tempat kos. Aplikasi tersebut memanfaatkan kelas
GMarker sebagai kelas untuk menciptakan tanda atau marker pada peta.
Aplikasi yang menggunakan filosofi Web 2.0 memungkinkan penggunaan
platform Internet yang membagi sumber data dan layanan secara bersama-sama
tergantung kebutuhan pengguna (OReilly, 2007). Google mapping platform yaitu
Google Maps dan Google Earth telah mendominasi aplikasi-aplikasi mashub yang
telah banyak diimplementasikan (Zang et al., 2008). Google Earth memungkinkan
6

interaksi yang lebih luas dalam bentuk 3-Dimensi, namun menyebabkan kesulitan
pada saat menggabungkan dengan aplikasi web servis. Potensi penggunaan Google
Earth untuk kartografi dan visualisasinya telah dikembangkan oleh Wood et al.
(2007).
Google me-release Google Maps Application Programming Interface (API)
untuk memfasilitasi pengembangan google maps (McConchie, 2008).

API

merupakan kumpulan pustaka yang memungkinkan pengguna mengakses servis yang


disediakan pada aplikasi (Boulos, 2005). Google menyediakan API dalam dua bahasa
pemrograman yang berbeda, yaitu JavaScript dan ActionScript. Aplikasi layangan
mapping yang dikembangkan adalah: MapQuest, Microsoft Bing Maps (Microsoft
Visual Earth), OpenLayers/OpenScales, OpenStreetMap, dan Yahoo!Maps.
Google Maps API digunakan secara bebas pada kartografi (Rod et al, 2001;
Wood, 2003) dan menyelesaikan masalah-masalah perdebatan yang terdapat ada GIS
(Miller, 2006). Google Maps dapat dijalankan langsung pada browser dan tidak
memerlukan download plug-in pada saat menggunakan JavaScript API. Google Maps
API mudah menampilkan file KML, sebuah format yang mampu menampilkan
dengan cepat informasi spasial (Harrower, 2009). Terdapat banyak resource untuk
mempelajari dan menggunakan Google Maps API, dari dokumentasi code secara
online maupun manual teknik (Gibson and Erle, 2006; Brown, 2006). Terdapat tools
online yang dapat digunakan misalnya GeoCommons Maker yang dapat digunakan
secara efektif (Harrower et al., 2008). Aplikasi yang dibuat dengan menggunakan
Google Maps memungkinkan user untuk menambah maps pada web page yang
dibuatnya (Purves et al., 2006). Gambar 1 merupakan hasil penelitian Ross et al.
(2009) untuk menggambarkan besarnya kejadian kriminal di District of Columbia.

Gambar 1. Google Maps untuk Penggambaran Kejadian Kriminal (Ross et al., 2009).

Penelitian-penelitian yang dilakukan membangkitkan bermacam-macam peta,


dan sistem gambar untuk visualisasi citra pada lingkungan web-based merupakan
bagian yang besar untuk mengembangkan teknik visualisasi untuk lingkungan
pembangunan (Batty dan Hudson-Smith, 2007): untuk ionic city imagery,
geodemographics, landscape activity, dll. Hudson-Smith et al. (2008) juga telah
mengembangkan aplikasi layanan web-based yang digunakan untuk public domain
GIS, mapping dan pencitraan. Johnson (2008) mengembangkan sebuah sistem teknik
visualisasi untuk informasi spatiotemporal. Johnson et al. (2007) juga telah
mengembangkan sebuah sistem yang dapat memetakan dan menganalisis penyebaran
penyakit asma, seperti terlihat pada Gambar 2.

Gambar 2. Google Maps Analisis Penyebaran Penyakit Asma (Johnson et al., 2007).

2.2. Layanan Geocoding


Salah satu hal mendasar yang berkaitan dengan proses geocoding adalah
standar yang digunakan untuk mendeksripsikan suatu lokasi deskriptif, misal dalam
bentuk alamat. Saat ini, skema pengalamatan yang pakai oleh beberapa negara
berbeda-beda, bahkan ada negara yang belum memiliki mekanisme untuk
mengorganisasi infrastruktur pengalamatan. Ketidakpastian ini memunculkan sebuah
konsep dan parameter dasar untuk melakukan proses geocoding dengan skema
pengalamatan yang fleksibel (Davis, 2003).
Geocoding melibatkan suatu lokasi deskriptif yang jelas untuk dipetakan ke
dalam koordinat x dan y (longitude dan latitude). Metode geocoding terdiri dari 3
metode, yaitu geocoding berdasarkan alamat jalan, geocoding berdasarkan kode pos,
dan geocoding berdasarkan suatu batas (boundary). Dari ketiga metode tersebut,

metode geocoding berdasarkan alamat jalan adalah yang paling akurat (Dramowicz,
2004).
Perkembangan lain dalam proses geocoding adalah semakin meningkatnya
kualitas dari kumpulan data lokasi deskriptif pada level jalan (street level dataset).
Peningkatan kualitas ini meliputi semakin lengkapnya geometri datri sebuah jalan,
lokasi dan bentuk yang pasti, atribut segmen jalan yang semakin lengkap dan benar,
range penomoran rumah dan lain-lain. Hal ini memungkinkan terjadinya evolusi
dalam proses geocoding yaitu hasil dari proses geocoding dapat merupakan hasil yang
paling baik (best match) (Rebhan, 2007).
Penelitian di bidang kesehatan yang berkaitan dengan informasi tentang
manusia, tempat, kejadian, dan waktu, misal epidemi juga melibatkan penggunaan
data spasial yang diperoleh dari proses geocoding untuk merepresentasikan subjek
penelitian. North American Association of Central Cancer Registries (NAACCR)
telah merilis sebuah panduan yang dapat digunakan untuk membantu standarisasi
proses geocoding (Goldberg, 2008).
Layanan geocoding saat ini juga sudah tersedia di Internet, seperti Free Global
Geocoder (http://www.backups.nl/geocoding/), Geographic Names Information
System (http://geonames.usgs.gov/),

Geobase (http://geobase.ca/), GEOnet Names

Server (http://earth-info.nga.mil/gns/html/), dan lain-lain. Layanan-layanan tersebut


biasanya bersifat satu arah, atau dengan kata lain penyedia layanan telah menyediakan
data-data yang dapat diakses oleh pengguna layanan. Hal ini tentu saja berakibat
penyedia layanan harus mengumpulkan data-data hasil geocoding dari lokasi
deskriptif yang biasanya membutuhkan sumber daya lebih baik dari sisi waktu
maupun sisi lainnya.

2.3. Pariwisata
Sektor pariwisata yang tidak dapat berdiri sendiri atau merupakan bagian dari
berbagai elemen. Kepariwisataan adalah sebuah konsep, bukan suatu sektor kegiatan
yang bersifat spesifik seperti sektor transportasi dengan unsur-unsurnya yang jelas
seperti kendaraan, jalan raya, dan sebagainya (Antariksa, 2011). Dengan demikian,
sektor pariwisata tidak perlu dipaksakan untuk menjadi sektor utama pembangunan,
namun lebih baik berperan sebagai sektor pendukung bagi pembangunan sektor
lainnya.

Perlu dipahami pula bahwa kepariwisataan adalah fenomena yang akan selalu
mempengaruhi tatanan kehidupan masyarakat yang tinggal di sekitar lokasi
pariwisata. Hal ini disebabkan mereka memiliki latar belakang kebudayaan yang
(mungkin) sangat berbeda, dan menggunakan sumber daya alam dan buatan yang juga
dimanfaatkan oleh penduduk setempat. Penduduk setempat juga memiliki
kepentingan-kepentingan

yang

harus

dihormati

dalam

kaitannya

dengan

pembangunan kepariwisataan yang berkelanjutan, yaitu (Beeton, 2006):


1. Tidak menjadi korban eksploitasi;
2. Jaminan akan kestabilan struktur kehidupan sosial masyarakat;
3. Jaminan tidak terjadinya dampak negatif pemanfaatan elemen-elemen
kebudayaan secara komersial;
4. Jaminan tidak terjadinya materialisme dan individualisme yang berlebihan;
5. Jaminan tidak hilangnya akses terhadap sumber daya alam;
6. Jaminan keamanan dan kenyamanan

2.4. Multimedia
Menurut M. Suyanto pada bukunya yang berjudul Multimedia Alat untuk
Meningkatkan Keunggulan Bersaing dijelaskan bahwa ada berbagai macam definisi
multimedia (Suyanto, 2006), antara lain:
1.

Menurut McCormick (1996) Multimedia secara umum merupakan kombinasi


tiga elemen, yaitu suara, gambar, dan teks.

2.

Menurut Robin dan Linda (2001) Multimedia merupakan alat yang dapat
menciptakan presentasi yang dinamis dan interaktif yang mengkombinasikan
teks, grafik, animasi, audio, dan gambar video.
Berdasarkan uraian studi pustaka di atas, penulis bermaksud untuk membuat

analisis dan rancang bangun direktori pariwisata potensial menggunakan Google


Maps API dan multimedia. Informasi lokasi pariwisata akan disajikan dalam bentuk
peta dengan menggunakan fasilitas Google Maps API yang mencakup wilayah kota
Yogyakarta. Pengembangan List Direktori Pariwisata ini dengan harapan dapat
menyediakan suatu wadah dalam bentuk web dan aplikasi mobile dari berbagai
tempat pariwisata dan mengetahui lokasi tersebut. Aplikasi ini ditujukan untuk para
wisatawan manca negara dan lokal (warga Yogyakarta) pada khususnya dengan
harapan dapat mendapatkan informasi lebih detil mengenai informasi pariwisata yang
dicari.
10

BAB 3
METODE PENELITIAN

3.1 Rumusan masalah


Penelitian ini dilakukan untuk membangun direktori pariwisata berbasis web
untuk Lokasi Pariwisata Potensial di Daerah Istimewa Yogyakarta (DIY). Parisiwata
dipilih karena masih banyaknya kendala klasik, antara lain kurangnya informasi yang
disebarlkuaskan dengan pemanfaatan teknologi, sehingga mengurangi potensi lokasi
pariwisata dan dampaknya terhadap pemberdayaan sekitarnya. Google Maps API
digunakan untuk mempermudah bagi wisatawan menemukan lokasi pariwisata.
Multimedia digunakan untuk menampilkan informasi secara lebih menarik, dinamis dan
interaktif. Elemen multimedia yang akan digunakan dalam direktori pariwisata ini
meliputi elemen teks, image, animasi, sound dan video. Untuk mencapai tujuan penelitian
ini dirumuskan masalah penelitian sebagai berikut:
a. Bagaimana merancang aplikasi perangkat lunak direktori pariwisata potensial
berbasis web?
b. Bagaimana mengintegrasikan direktori pariwisata menggunakan Google Maps
API dan multimedia?
c. Bagaimana mengimplementasikan direktori pariwisata tersebut?

3.2 Tahapan Penelitian


Penelitian ini meliputi tiga aspek utama yaitu (i) penyusunan model direktori
pariwisata pada tahun pertama, (ii) perancangan dan pembangunan aplikasi direktori
pariwista potensial menggunakan Google Maps API dan multimedia, dan (iii)
implementasi direktori pariwisata menggunakan Google Maps API dan multimedia pada
tahun kedua. Dengan demikian, penelitian ini mencakup tiga tahapan besar untuk tiga
aspek utama tersebut tersebut.

3.2.1 Analisa penyusunan model direktori pariwisata potensial


Tahap tahun pertama telah dilakukan penyusunan model direktori pariwisata
untuk memotret profil dan klasifikasi direktori pariwisata yang ada. Dari profil tersebut,

11

peneliti dapat memetakan keinginan dan kenyataan (content aktual) dalam melakukan
interaksi dengan wisatawan. Pada akhirnya akan didapat beberapa model direktori
pariwisata potensial yang sesuai dengan karakteristik wilayah setempat dan kebutuhan
wisatawan.
3.2.2 Perancangan prototype direktori parisiwata potensial
Perancangan perangkat lunak direktori pariwisata potensial meliputi lima fase,
yaitu analisis, desain, pengembangan, implementasi, dan pengujian. Dalam fase-fase
tersebut dipertimbangkan aspek wisatawan, lingkungan wisata, dan penggunaan dan
penyempurnaan sistem.
3.2.3 Implementasi aplikasi direktori pariwisata berbasis web
Dari aplikasi yang dihasilkan, dilakukan proses penginstalan dan pengujian
aplikasi untuk beberapa sampel pariwisata; sosialisasi pada masyarakat sekitar (melalui
forum workshop); serta pengaplikasian direktori pariwisata secara mandiri maupun
bersama. Perincian ketiga kegiatan penelitian ini disajikan pada Tabel 1, dan luaran pada
Tabel 2.

Tabel 1 Perincian kegiatan penelitian.


Tahun
Ke-1

Jumlah
mahasiswa
yang terlibat
2

Kegiatan

Ke-2

Analisa penyusunan model pariwisata


o Identifikasi profil pariwisata di DIY
o Pemetaan keinginan dan kenyataan (content aktual)
o Pengembangan beberapa model sebagai dasar untuk
merancang direktori pariwisata potensial
Perancangan prototype direktori pariwisata potensial
o pembuatan spesifikasi perangkat lunak dan/atau perangkat
keras
o pembuatan deskripsi perangkat lunak dan/atau perangkat
keras
pembuatan prototype perangkat lunak dan/atau perangkat
keras
o uji coba dan evaluasi perangkat lunak dan/atau perangkat
keras di Universitas Atma Jaya Yogyakarta
Implementasi
o penginstalan dan pengujian prototype perangkat lunak
dan/atau perangkat keras pada beberapa sampel pariwisata
o pengaplikasian direktori pariwisata secara mandiri maupun
bersama
o

12

Tabel 2. Indikator Capaian.


Tahun
Ke-1

Kegiatan
Analisa penyusunan model pariwisata
o Identifikasi profil pariwisata di DIY
o Pemetaan keinginan dan kenyataan
(content aktual) manajemen pariwisata
di DIY
o Pengembangan beberapa model sebagai
dasar untuk merancang direktori
pariwisata potensial
Perancangan prototype direktori pariwisata
potensial
o pembuatan spesifikasi perangkat lunak
dan/atau perangkat keras
o pembuatan deskripsi perangkat lunak
dan/atau perangkat keras

Ke-2

o
o

pembuatan prototype perangkat lunak


dan/atau perangkat keras
uji coba dan evaluasi perangkat lunak
dan/atau perangkat keras di Universitas
Atma Jaya Yogyakarta

Implementasi
o penginstalan dan pengujian prototype
perangkat lunak dan/atau perangkat
keras pada beberapa sampel lokasi
wisata
o pengaplikasian direktori pariwisata
secara mandiri maupun bersama

Indikator Capain
Terbentuknya model yang
paling sesuai untuk direktori
pariwisata potensial

Terselesaikannya dokumen
Spesifikasi dan Kebutuhan
Perangkat Lunak (SKPL)
Terselesaikannya dokumen
Deskripsi Perancangan
Perangkat Lunak (DPPL)
Submit Jurnal/ Seminar
Internasional

Produk prototype sudah siap

Terselesaikannya dokumen
Perancangan, Diskripsi dan
Hasil Uji Perangkat Lunak
(PDHUPL)
Telah dilakukan pengujian
produk yang sudah jadi dan
dilakukan revisi program
Produk sudah diinstall dan dideploy dan dapat digunakan oleh
user
Submit Jurnal/ Seminar
Internasional

13

3.3. Fishbone Diagram


Dari penelitian yang telah dilakukan dan yang akan dilakukan akan terakumulasi
dalam bentuk e-Direktori Indonesia yang terdiri atas beberapa tema direktori, sehingga
dapat mensinergikan seluruh potensi sumber daya di Indonesia. Gambaran tersebut
terlihat pada Fishbone Diagram (Gambar 5).

2012 Rancang Bangun


Direktori Bisnis untuk
UMKM

2016 Rancang Bangun


Integrasi e-Direktori
2014 Rancang Bangun
Direktori Pariwisata
Potensial
e - Direktori Indonesia

2013 Implementasi
Direktori Bisnis untuk
UMKM

2017 Implementasi
Integrasi e-Direktori

2015 Implementasi
Direktori Pariwisata
Potensial

Gambar 5. Fishbone Diagram Penelitian

14

4.9. Perancangan Antarmuka (Sketsa UI dan Deskripsinya)


4.9.1 Antarmuka Aplikasi Mobile
4.9.1.1 Antarmuka Show Route Transport

Gambar 4.14 Antarmuka Show Route Transport

Antarmuka pada gambar 4.14 digunakan oleh pengguna untuk melihat data
transportasi dengan rute tertentu. Ketika salah satu baris data di-tap program akan
memunculkan jendela popup menu yang mempunyai dua pilihan, yaitu tampil detail info
dan tampil rute transportasi.
Program akan menampilkan popup lain berisi info detail jika pengguna memilih menu
detail info, program akan menampilkan antarmuka rute transportasi jika pengguna
memilih tampil rute transportasi

42

4.9.1.2 Antarmuka Show Range Transport

Gambar 4.15 Antarmuka Show Range Transport

Antarmuka pada gambar 4.15 digunakan oleh pengguna untuk melihat data
transportasi tanpa rute tertentu. Ketika salah satu baris data di-tap program akan
memunculkan jendela popup menu yang mempunyai dua pilihan, yaitu tampil detail
info dan tampil rute ke tempat pemberhentian. Program akan menampilkan popup
lain berisi info detail jika pengguna memilih menu detailinfo, program akan
menampilkan antarmuka rute ke tempat pemberhentian jika pengguna memilih tampil
rute ke tempat pemberhentian.

43

4.9.1.3 Antarmuka Show Outside Transport

Gambar 4.16 Antarmuka Show Outside Transport(Kiri), dan


Show Transport Schedule(Kanan)

Antarmuka pada gambar 4.16 digunakan oleh pengguna untuk melihat data
transportasi keluar kota tertentu. Ketika salah satu baris data di-tap program akan
memunculkan jendela popup menu yang mempunyai dua pilihan, yaitu tampil detail info
dan tampil jadwal transportasi. Program akan menampilkan popup lain berisi info detail
jika pengguna memilih menu detail info, program akan menampilkan antarmuka show
transport schedule (gambar 4.16 kiri) jika pengguna memilih tampil jadwal
transportasi.

44

4.9.1.4 Antarmuka Show Tourism Spot

Gambar 4.17 Antarmuka Show Tourism Spot(Kiri), Show Daily


Attraction(Tengah), dan Show Big Attraction(Kanan)

Antarmuka pada gambar 4.17 digunakan oleh pengguna untuk melihat data tempat
wisata tertentu. Ketika salah satu baris data di tap program akan memunculkan jendela
popup menu yang mempunyai dua pilihan, yaitu tampil detail info, tampil daya tarik
wisata harian dan tampil daya tarik wisata khusus. Program akan menampilkan popup
lain berisi info detail jika pengguna memilih menu detailinfo, program akan
menampilkan antarmuka show daily attraction(gambar 4.17 tengah) jika pengguna
memilih tampil daya tarik wisata harian, program akan menampilkan antarmuka show
big attraction(gambar 4.17 kanan) jika pengguna memilih tampil daya tarik wisata
khusus.

45

Gambar 4.18 Antarmuka Show Ticket

Program akan menampilkan antarmuka show ticket jika pengguna memilih salah satu
daya Tarik wisata, baik itu yang bersifat harian atau khusus.

4.9.1.5 Antarmuka Show Nearby Transport and Tourism

Gambar 4.19 Antarmuka Show Nearby Transport

46

Antarmuka pada gambar 4.19 digunakan oleh pengguna untuk melihat lokasi pengguna
dan tempat pemberhentian transportasi terdekat. Di bagian bawah terdapat 5 tombol,
yang masing-masing merupakan fitur dari program ini. Pertama dari kiri merupakan
tombol pencarian transportasi, kemudian tombol lihat data transportasi, tombol lihat
data tempat wisata, lihat data rute, dan tombol untuk memuat ulang halaman utama.
4.9.1.6 Antarmuka Show Route to Transport Stops

Gambar 4.20 Antarmuka Show Route to Transport Stops

Antarmuka pada gambar 4.20 digunakan oleh pengguna untuk melihat rute dari lokasi
pengguna menuju tempat pemberhantian transportasi tertentu. Pengguna tinggal memilih
tempat pemberhentian dan tap tombol Cari untuk memulai melakukan pencarian/ penentuan
rute. Untuk pencarian ini terdapat 2 pilihan rute, yaitu sesuai transportasi yang memiliki rute
tetap, dan transportasi yang tidak memiliki rute. Pengguna tinggal tap tombol
menu option, kemudian pilihan tersebut akan muncul.

47

4.9.1.7 Antarmuka Show Transport Route

Gambar 4.21 Antarmuka Show Transport Route

Antarmuka pada gambar 4.21 digunakan oleh pengguna untuk melihat rute transportasi
tertentu. Pengguna tinggal memilih penyedia layanan transportasi dan rute, kemudian
program akan memunculkan titik-titik pemberhentian transportasi dengan pendanda
angka sesuai urutan berhenti pada rute tersebut.

48

4.9.1.8 Antarmuka Show Route to Tourism Spot

Gambar 4.22 Antarmuka Show Route to Tourism Spot

Antarmuka pada gambar 4.22 digunakan oleh pengguna untuk melihat rute dari lokasi
pengguna menuju tempat wisata tertentu. Pengguna tinggal memilih tempat wisata
dan tap tombol Cari untuk memulai melakukan pencarian/ penentuan rute.

49

4.9.1.9 Antarmuka Search Tourism Transport

Gambar 4.23 Antarmuka Search Tourism Transport

Antarmuka pada gambar 4.23 digunakan oleh pengguna untuk melakukan


pencarian transportasi sesuai pilihan nama tempat wisata dan tipe transportasi.
Pengguna tinggal memilih tempat wisata dan tipe transportasi, kemudian tap
tombol Cari dan program akan menampilkan hasil di bawah kedua combobox.

50

4.9.2 Antarmuka Aplikasi Web


4.9.2.1 Antarmuka Login

Gambar 4.24 Antarmuka Login

Antarmuka pada gambar 4.24 digunakan oleh pengguna program web untuk masuk
ke dalam sistem. Tombol Masuk berfungsi untuk masuk ke dalam sistem. Jika
validasi data login sukses, akan dimunculkan antarmuka beranda sesuai role
pengguna. Jika validasi gagal, maka pesan peringatan akan muncul di bagian atas
dari input teks nama pengguna.

51

4.9.2.2 Antarmuka Ubah Kata Sandi

Gambar 4.25 Antarmuka Ubah Kata Sandi

Antarmuka pada gambar 4.25 digunakan oleh pengguna program web untuk
mengubah kata sandi masing-masing pengguna (bukan pengguna lain). Antarmuka ini
merupakan antarmuka ketika pengguna sedang login sebagai admin main, ketika
pengguna dengan role lain ingin mengubah kata sandi maka yang berbeda adalah
menu di bagian kiri. Ketika pengguna login sebagai admin tourism maka ada
tambahan pilihan menu peta wisata, sedangkan ketika pengguna login sebagai admin
transport maka ada tambahan pilihan menu peta transportasi. Pengguna dapat
mengubah kata sandinya dengan menginputkan kata sandi lama, kata sandi baru dan
konfirmasi kata sandi baru. Ketika semua atau salah satu kolom tidak sesuai, maka
program akan menampilkan pesan peringatan. Setelah selesai menginputkan, pengguna
tinggal mengklik tombol Simpan, lalu akan muncul pesan konfirmasi dan klik Oke/
Ok.

52

4.9.2.3 Antarmuka Manage Transport


4.9.2.3.1 Antarmuka Insert Route Transport

Gambar 4.26 Antarmuka Insert Route Transport

Antarmuka pada gambar 4.26 digunakan oleh pengguna program web untuk
menambahkan data transportasi dengan rute. Pengguna tinggal menginputkan data
yang sesuai pada masing-masing kolom, kemudian klik tombol berikutnya untuk
mengisi data selanjutnya, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab Transportasi.

53

4.9.2.3.2 Antarmuka Update Route Transport

Gambar 4.27 Antarmuka Update Route Transport

Antarmuka pada gambar 4.27 digunakan oleh pengguna program web untuk
memperbarui data transportasi dengan rute. Pengguna tinggal mengubah data yang
sesuai pada masing-masing kolom, kemudian klik tombol berikutnya untuk
mengubah data selanjutnya, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab Transportasi.

54

4.9.2.3.3 Antarmuka Show All Route Transport

Gambar 4.28 Antarmuka Show All Route Transport

Antarmuka pada gambar 4.28 digunakan oleh pengguna program web untuk melihat
data transportasi dengan rute yang tergabung dalam tab Transportasi. Link tambah
data transportasi dengan rute untuk menambahkan data, kolom pencarian untuk
mencari data, klik salah satu link rute pada kolom rute untuk mengubah nama rute dan
data transportasi dan klik tombol X untuk menghapus data.

55

4.9.2.3.4 Antarmuka Search Route Transport

Gambar 4.29 Antarmuka Search Route Transport

Antarmuka pada gambar 4.29 digunakan oleh pengguna program web untuk melihat
data transportasi dengan rute yang tergabung dalam tab Transportasi. Selain itu ketika
pengguna mengisi kata kunci pada kolom pencarian dan melakukan pencarian,
maka akan ditampilkan data Transportasi dengan rute yang sesuai pada tabel
transportasi dengan rute.

56

4.9.2.3.5 Antarmuka Insert Range Transport

Gambar 4.30 Antarmuka Insert Range Transport

Antarmuka pada gambar 4.30 digunakan oleh pengguna program web untuk
menambahkan data transportasi tanpa rute. Pengguna tinggal menginputkan data
yang sesuai pada masing-masing kolom, menentukan lokasi pemberhentian,
kemudian klik tombol berikutnya untuk mengisi data selanjutnya, dan ketika selesai
klik tombol simpan. Tombol kembali berguna untuk berpindah ke halaman beranda
pada tab Transportasi.

57

4.9.2.3.6 Antarmuka Update Range Transport

Gambar 4.31 Antarmuka Update Range Transport

Antarmuka pada gambar 4.31 digunakan oleh pengguna program web untuk
memperbarui data transportasi dengan rute. Pengguna tinggal mengubah data yang
sesuai pada masing-masing kolom, mengubah lokasi pemberhentian, kemudian klik
tombol berikutnya untuk mengubah data selanjutnya, dan ketika selesai klik tombol
simpan. Tombol kembali berguna untuk berpindah ke halaman beranda pada tab
Transportasi.

58

4.9.2.3.7 Antarmuka Show All Range Transport

Gambar 4.32 Antarmuka Show All Range Transport

Antarmuka pada gambar 4.32 digunakan oleh pengguna program web untuk
melihat data transportasi tanpa rute yang tergabung dalam tab Transportasi. Link
tambah data transportasi tanpa rute untuk menambahkan data, kolom pencarian
untuk mencari data, klik tombol lokasi untuk melihat peta lokasi pemberhentian, klik
tombol pensil untuk mengubah data dan klik tombol X untuk menghapus
data.

59

4.9.2.3.8 Antarmuka Search Range Transport

Gambar 4.33 Antarmuka Search Range Transport

Antarmuka pada gambar 4.33 digunakan oleh pengguna program web untuk
melihat data transportasi tanpa rute yang tergabung dalam tab Transportasi. Selain itu
ketika pengguna mengisi kata kunci pada kolom pencarian dan melakukan
pencarian, maka akan ditampilkan data Transportasi tanpa rute yang sesuai pada tabel
transportasi tanpa rute.

60

4.9.2.3.9 Antarmuka Show Range Transport Map

Gambar 4.34 Antarmuka Show Range Transport Map

Antarmuka pada gambar 4.34 digunakan oleh pengguna program web untuk melihat
data lokasi tempat pemberhentian transportasi tanpa rute. Sebuah pin akan muncul
pada peta yang menunjukkan lokasi tempat pemberhentian. Tombol kembali berguna
untuk berpindah ke halaman beranda pada tab Transportasi.

61

4.9.2.3.10 Antarmuka Insert Outside Transport

Gambar 4.35 Antarmuka Insert Outside Transport

Antarmuka pada gambar 4.35 digunakan oleh pengguna program web untuk
menambahkan data transportasi keluar kota. Pengguna tinggal menginputkan data
yang sesuai pada masing-masing kolom, kemudian klik tombol berikutnya untuk
mengisi data selanjutnya, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab Transportasi.

62

4.9.2.3.11 Antarmuka Update Outside Transport

Gambar 4.36 Antarmuka Update Outside Transport

Antarmuka pada gambar 4.36 digunakan oleh pengguna program web untuk
memperbarui data transportasi keluar kota. Pengguna tinggal mengubah data yang
sesuai pada masing-masing kolom, kemudian klik tombol berikutnya untuk
mengubah data selanjutnya, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab Transportasi.

63

4.9.2.3.12Antarmuka Show All Outside Transport

Gambar 4.37 Antarmuka Show All Outside Transport

Antarmuka pada gambar 4.37 digunakan oleh pengguna program web untuk melihat
data transportasi keluar kota yang tergabung dalam tab Transportasi. Link tambah data
transportasi keluar kota untuk menambahkan data, kolom pencarian untuk mencari
data, klik tombol pensil untuk mengubah data dan klik tombol X untuk menghapus
data.

64

4.9.2.3.13 Antarmuka Search Outside Transport

Gambar 4.39 Antarmuka Search Outside Transport

Antarmuka pada gambar 4.39 digunakan oleh pengguna program web untuk melihat
data transportasi keluar kota yang tergabung dalam tab Transportasi. Selain itu ketika
pengguna mengisi kata kunci pada kolom pencarian dan melakukan pencarian,
maka akan ditampilkan data Transportasi keluar kota yang sesuai pada tabel transportasi
keluar kota.

65

4.9.2.4 Antarmuka Manage Track


4.9.2.4.8.1 Antarmuka Insert Track

Gambar 4.40 Antarmuka Insert Track

Antarmuka pada gambar 4.40 digunakan oleh pengguna program web untuk
menambahkan data jalur. Pengguna tinggal menginputkan data yang sesuai pada
masing-masing kolom, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab Jalur.

66

4.9.2.4.8.2 Antarmuka Update Track

Gambar 4.41 Antarmuka Update Track

Antarmuka pada gambar 4.41 digunakan oleh pengguna program web untuk
memperbarui data jalur. Pengguna tinggal mengubah data yang sesuai pada masingmasing kolom, dan ketika selesai klik tombol simpan. Tombol kembali berguna
untuk berpindah ke halaman beranda pada tab Jalur.

67

4.9.2.4.8.3 Antarmuka Show All Track

Gambar 4.42 Antarmuka Show All Track

Antarmuka pada gambar 4.42 digunakan oleh pengguna program web untuk melihat
data jalur yang tergabung dalam tab Jalur. Link tambah data jalur untuk menambahkan
data, kolom pencarian untuk mencari data, klik tombol pensil untuk mengubah data
dan klik tombol X untuk menghapus data.

68

4.9.2.4.8.4 Antarmuka Search Track

Gambar 4.43 Antarmuka Search Track

Antarmuka pada gambar 4.43 digunakan oleh pengguna program web untuk melihat
data jalur yang tergabung dalam tab Jalur. Selain itu ketika pengguna mengisi kata kunci
pada kolom pencarian dan melakukan pencarian, maka akan ditampilkan data jalur
yang sesuai pada tabel jalur.

69

4.9.2.5 Antarmuka Manage Transport Stops


4.9.2.4.8.1 Antarmuka Insert Stops

Gambar 4.44 Antarmuka Insert Stops

Antarmuka pada gambar 4.44 digunakan oleh pengguna program web untuk
menambahkan data tempat pemberhentian. Pengguna tinggal menginputkan data yang
sesuai pada masing-masing kolom, menentukan lokasi pemberhentian, dan ketika
selesai klik tombol simpan. Tombol kembali berguna untuk berpindah ke halaman
beranda pada tab tempat pemberhentian.

70

4.9.2.4.8.2 Antarmuka Update Stops

Gambar 4.45 Antarmuka Update Stops

Antarmuka pada gambar 4.45 digunakan oleh pengguna program web untuk
memperbarui data tempat pemberhentian. Pengguna tinggal mengubah data yang sesuai
pada masing-masing kolom, mengubah lokasi pemberhentian, dan ketika selesai klik
tombol simpan. Tombol kembali berguna untuk berpindah ke halaman beranda pada tab
tempat pemberhentian.

71

4.9.2.4.8.3 Antarmuka Show All Stops

Gambar 4.46 Antarmuka Show All Stops

Antarmuka pada gambar 4.46 digunakan oleh pengguna program web untuk melihat
data tempat pemberhentian yang tergabung dalam tab tempat pemberhentian. Link
tambah data tempat pemberhentian untuk menambahkan data, kolom pencarian untuk
mencari data, klik tombol pensil untuk mengubah data dan klik tombol X untuk
menghapus data.

72

4.9.2.4.8.4 Antarmuka Search Stops

Gambar 4.47 Antarmuka Search Stops

Antarmuka pada gambar 4.47 digunakan oleh pengguna program web untuk melihat
data tempat pemberhentian yang tergabung dalam tab tempat pemberhentian. Selain
itu ketika pengguna mengisi kata kunci pada kolom pencarian dan melakukan
pencarian, maka akan ditampilkan data tempat pemberhentian yang sesuai pada tabel
tempat pemberhentian.

73

4.9.2.4.8.5 Antarmuka Show Stops Map

Gambar 4.48 Antarmuka Show Stops Map

Antarmuka pada gambar 4.48 digunakan oleh pengguna program web untuk melihat
data lokasi tempat pemberhentian transportasi dengan rute. Sebuah pin akan muncul
pada peta yang menunjukkan lokasi tempat pemberhentian. Tombol kembali berguna
untuk berpindah ke halaman beranda pada tab tempat pemberhentian.

74

75

4.8.2.6 Antarmuka Manage Transport Schedule


4.8.2.6.1 Antarmuka Insert Schedule

Gambar 4.8.35 Antarmuka Insert Schedule

Antarmuka pada gambar 4.8.35 digunakan oleh pengguna program web untuk
menambahkan data jadwal transportasi. Pengguna tinggal menginputkan data yang
sesuai pada masing-masing kolom, kemudian klik tombol berikutnya untuk mengisi
data selanjutnya, dan ketika selesai klik tombol simpan. Tombol kembali berguna untuk
berpindah ke halaman beranda pada tab jadwal.

77

4.8.2.6.2 Antarmuka Update Schedule

Gambar 4.8.36 Antarmuka Upudate Schedule

Antarmuka pada gambar 4.8.36 digunakan oleh pengguna program web untuk
memperbarui data jadwal transportasi. Pengguna tinggal mengubah data yang sesuai
pada masing - masing kolom, kemudian klik tombol berikutnya untuk mengubah data
selanjutnya, dan ketika selesai klik tombol simpan. Tombol kembali berguna untuk
berpindah ke halaman beranda pada tab jadwal.

78

4.8.2.6.3 Antarmuka Show All Schedule

Gambar 4.8.37 Antarmuka Show All Schedule

Antarmuka pada gambar 4.8.37 digunakan oleh pengguna program web untuk
melihat data jadwal transportasi yang tergabung dalam tab jadwal. Link tambah data
jadwal untuk menambahkan data, kolom pencarian untuk mencari data, klik tombol
pensil untuk mengubah data dan klik tombol X untuk menghapus data.

79

4.8.2.6.4 Antarmuka Search Schedule

Gambar 4.8.38 Antarmuka Search Schedule

Antarmuka pada gambar 4.8.38 digunakan oleh pengguna program web untuk
melihat data jadwal transportasi yang tergabung dalam tab jadwal. Selain itu ketika
pengguna mengisi kata kunci pada kolom pencarian dan melakukan pencarian, maka
akan ditampilkan data jadwal yang sesuai pada tabel jadwal.

80

4.8.2.7 Antarmuka Manage Tourism Spot


4.8.2.7.1 Antarmuka Insert Tourism Spot

Gambar 4.8.39 Antarmuka Insert Tourism Spot

Antarmuka pada gambar 4.8.39 digunakan oleh pengguna program web untuk
menambahkan data tempat wisata. Pengguna tinggal menginputkan data yang sesuai
pada masing-masing kolom, menentukan lokasi tempat wisata, dan ketika selesai
klik tombol simpan. Tombol kembali berguna untuk berpindah ke halaman beranda
pada tab

81

4.8.2.7.2 Antarmuka Update Tourism Spot

Gambar 4.8.40 Antarmuka Update Tourism Spot

Antarmuka pada gambar 4.8.40 digunakan oleh pengguna program web untuk
memperbarui data tempat wisata. Pengguna tinggal mengubah data yang sesuai pada
masing- masing kolom, mengubah lokasi tempat wisata, dan ketika selesai klik tombol
simpan. Tombol kembali berguna untuk berpindah ke halaman beranda pada tab tempat
wisata.

82

4.8.2.7.3 Antarmuka Show All Tourism Spot

Gambar 4.8.41 Antarmuka Show All Tourism Spot

Antarmuka pada gambar 4.8.41 digunakan oleh pengguna program web untuk
melihat data tempat wisata yang tergabung dalam tab tempat wisata. Link tambah data
tempat wisata untuk menambahkan data, kolom pencarian untuk mencari data, klik
tombol pensil untuk mengubah data dan klik tombol X untuk menghapus data.

83

4.8.2.7.4 Antarmuka Search Tourism Spot

Gambar 4.8.42 Antarmuka Search Tourism Spot

Antarmuka pada gambar 4.8.42 digunakan oleh pengguna program web untuk
melihat data tempat wisata yang tergabung dalam tab tempat wisata. Selain itu
ketika pengguna mengisi kata kunci pada kolom pencarian dan melakukan
pencarian, maka akan ditampilkan data tempat wisata yang sesuai pada tabel tempat
wisata.

84

4.8.2.7.5 Antarmuka Show Tourism Spot Map

Gambar 4.8.43 Antarmuka Show Tourism Spot Map

Antarmuka pada gambar 4.8.43 digunakan oleh pengguna program web untuk
melihat data lokasi tempat wisata. Sebuah pin akan muncul pada peta yang
menunjukkan lokasi tempat wisata. Tombol kembali berguna untuk berpindah ke
halaman beranda pada tab tempat pemberhentian.

85

4.8.2.8 Antarmuka Manage Attraction


4.8.2.8.1 Antarmuka Insert Daily Attraction

Gambar 4.8.44 Antarmuka Insert Daily Attraction

Antarmuka pada gambar 4.8.44 digunakan oleh pengguna program web untuk
menambahkan data daya Tarik wisata harian. Pengguna tinggal menginputkan data
yang sesuai pada masing-masing kolom, kemudian klik tombol berikutnya untuk
mengisi data selanjutnya, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab Daya Tarik Wisata.

86

4.8.2.8.2 Antarmuka Update Daily Attraction

Gambar 4.8.45 Antarmuka Update Daily Attraction

Antarmuka pada gambar 4.8.45 digunakan oleh pengguna program web untuk
memperbarui data daya Tarik wisata harian. Pengguna tinggal mengubah data yang
sesuai pada masing-masing kolom, kemudian klik tombol berikutnya untuk
mengubah data selanjutnya, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab Daya Tarik Wisata.

87

4.8.2.8.3 Antarmuka Show All Daily Attraction

Gambar 4.8.46 Antarmuka Show All Daily Attraction

Antarmuka pada gambar 4.8.46 digunakan oleh pengguna program web untuk
melihat data daya tarik wisata harian yang tergabung dalam tab daya tarik wisata. Link
tambah data daya tarik wisata harian untuk menambahkan data, kolom pencarian
untuk mencari data, klik tombol pensil untuk mengubah data dan klik tombol X
untuk menghapus
data.

88

4.8.2.8.4 Antarmuka Search Daily Attraction

Gambar 4.8.47 Antarmuka Search Daily Attraction

Antarmuka pada gambar 4.8.47 digunakan oleh pengguna program web untuk
melihat data daya tarik wisata harian yang tergabung dalam tab daya tarik wisata.
Selain itu ketika pengguna mengisi kata kunci pada kolom pencarian dan melakukan
pencarian, maka akan ditampilkan data daya tarik wisata harian yang sesuai pada
tabel daya tarik wisata harian.

89

4.8.2.8.5 Antarmuka Insert Big Attraction

Gambar 4.8.48 Antarmuka Insert Big Attraction

Antarmuka pada gambar 4.8.48 digunakan oleh pengguna program web untuk
menambahkan data daya tarik wisata khusus. Pengguna tinggal menginputkan data
yang sesuai pada masing-masing kolom, kemudian klik tombol berikutnya untuk
mengisi data selanjutnya, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab Daya Tarik Wisata.

90

4.8.2.8.6 Antarmuka Update Big Attraction

Gambar 4.8.49 Antarmuka Update Big Attraction

Antarmuka pada gambar 4.8.49 digunakan oleh pengguna program web untuk
memperbarui data daya tarik wisata khusus. Pengguna tinggal mengubah data yang
sesuai pada masing-masing kolom, kemudian klik tombol berikutnya untuk
mengubah data selanjutnya, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab Daya Tarik Wisata.

91

4.8.2.8.7 Antarmuka Show All Big Attraction

Gambar 4.8.50 Antarmuka Show All Big Attraction

Antarmuka pada gambar 4.8.50 digunakan oleh pengguna program web untuk
melihat data daya tarik wisata khusus yang tergabung dalam tab daya tarik wisata.
Link tambah data daya tarik wisata khusus untuk menambahkan data, kolom
pencarian untuk mencari data, klik tombol pensil untuk mengubah data dan klik
tombol X untuk menghapus data.

92

4.8.2.8.8 Antarmuka Search Big Attraction

Gambar 4.8.51 Antarmuka Search Big Attraction

Antarmuka pada gambar 4.8.51 digunakan oleh pengguna program web untuk
melihat data daya tarik wisata khusus yang tergabung dalam tab daya tarik wisata.
Selain itu ketika pengguna mengisi kata kunci pada kolom pencarian dan melakukan
pencarian, maka akan ditampilkan data daya tarik wisata khusus yang sesuai pada
tabel daya tarik wisata khusus.

93

4.8.2.9 Antarmuka Manage Category


4.8.2.9.1 Antarmuka Insert Category

Gambar 4.8.52 Antarmuka Insert Category

Antarmuka pada gambar 4.8.52 digunakan oleh pengguna program web untuk
menambahkan data kategori wisata. Pengguna tinggal menginputkan data yang sesuai
pada kolom, dan ketika selesai klik tombol simpan. Tombol kembali berguna untuk
berpindah ke halaman beranda pada tab kategori.

94

4.8.2.9.2 Antarmuka Update Category

Gambar 4.8.53 Antarmuka Update Category

Antarmuka pada gambar 4.8.53 digunakan oleh pengguna program web untuk
memperbarui data kategori wisata. Pengguna tinggal mengubah data yang sesuai pada
kolom, dan ketika selesai klik tombol simpan. Tombol kembali berguna untuk
berpindah ke halaman beranda pada tab kategori.

95

4.8.2.9.3 Antarmuka Show All Category

Gambar 4.8.54 Antarmuka Show All Category

Antarmuka pada gambar 4.8.54 digunakan oleh pengguna program web untuk
melihat data kategori wisata yang tergabung dalam tab kategori. Link tambah data
jalur untuk menambahkan data, kolom pencarian untuk mencari data, klik tombol
pensil untuk mengubah data dan klik tombol X untuk menghapus data.

96

4.8.2.10 Antarmuka Manage Ticket


4.8.2.10.1 Antarmuka Insert Ticket

Gambar 4.8.55 Antarmuka Insert Ticket

Antarmuka pada gambar 4.8.55 digunakan oleh pengguna program web untuk
menambahkan data tiket. Pengguna tinggal menginputkan data yang sesuai pada
masing-masing kolom, dan ketika selesai klik tombol simpan. Tombol kembali
berguna
untuk
berpindah
ke
halaman
beranda
pada
tab
tiket.

97

4.8.2.10.2 Antarmuka Update Ticket

Gambar 4.8.56 Antarmuka Update Ticket

Antarmuka pada gambar 4.8.56 digunakan oleh pengguna program web untuk
memperbarui data tiket. Pengguna tinggal mengubah data yang sesuai pada masingmasing kolom, dan ketika selesai klik tombol simpan. Tombol kembali berguna
untuk berpindah ke halaman beranda pada tab tiket.

98

4.8.2.10.3 Antarmuka Show All Ticket

Gambar 4.8.57 Antarmuka Show All Ticket

Antarmuka pada gambar 4.8.57 digunakan oleh pengguna program web untuk
melihat data tiket yang tergabung dalam tab tiket. Link tambah data tiket untuk
menambahkan data, kolom pencarian untuk mencari data, klik tombol pensil untuk
mengubah data dan klik tombol X untuk menghapus data.

99

4.8.2.10.4 Antarmuka Search Ticket

Gambar 4.8.58 Antarmuka Search Ticket

Antarmuka pada gambar 4.8.1.58 digunakan oleh pengguna program web untuk
melihat data tiket yang tergabung dalam tab tiket. Selain itu ketika pengguna mengisi
kata kunci pada kolom pencarian dan melakukan pencarian, maka akan ditampilkan
data tiket yang sesuai pada tabel tiket.

100

4.8.2.11 Antarmuka Manage Admin


4.8.2.11.1 Antarmuka Insert Admin

Gambar 4.8.1.59 Antarmuka Insert Admin

Antarmuka pada gambar 4.8.59 digunakan oleh pengguna program web untuk
menambahkan data admin. Pengguna tinggal menginputkan data yang sesuai pada
masing-masing kolom, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab Semua Admin.

101

4.8.2.11.2 Antarmuka Update Admin

Gambar 4.8.60 Antarmuka Update Admin

Antarmuka pada gambar 4.8.60 digunakan oleh pengguna program web untuk
memperbarui data admin. Pengguna tinggal mengubah data yang sesuai pada
masing-masing kolom, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab semua admin.

102

4.8.2.11.3 Antarmuka Show All Admin

Gambar 4.8.61 Antarmuka Show All Admin

Antarmuka pada gambar 4.8.61 digunakan oleh pengguna program web untuk
melihat data admin yang tergabung dalam tab semua admin. Link tambah data admin
untuk menambahkan data, kolom pencarian untuk mencari data, klik tombol pensil
untuk mengubah data dan klik tombol X untuk menghapus data.

103

4.8.2.11.4 Antarmuka Search Admin

Gambar 4.8.62 Antarmuka Search Admin

Antarmuka pada gambar 4.8.62 digunakan oleh pengguna program web untuk
melihat data admin yang tergabung dalam tab semua admin. Selain itu ketika pengguna
mengisi kata kunci pada kolom pencarian dan melakukan pencarian, maka akan
ditampilkan data admin yang sesuai pada tabel admin.

104

4.8.2.12 Antarmuka Show Transport Map

Gambar 4.8.63 Antarmuka Show Transport Map

Antarmuka pada gambar 4.8.63 digunakan oleh pengguna program web untuk
melihat data lokasi-lokasi tempat pemberhentian transportasi, dengan rute dan tanpa
rute. Beberapa pin akan muncul pada peta yang menunjukkan lokasi tempat
pemberhentian. Di bagian bawah terdapat beberapa keterangan mengenai pin-pin
yang terletak pada peta. Tombol kembali berguna untuk berpindah ke halaman
beranda.

105

4.8.2.13 Antarmuka Show Tourism Map

Gambar 4.8.64 Antarmuka Show Tourism Map

Antarmuka pada gambar 4.8.64 digunakan oleh pengguna program web untuk melihat data
lokasi-lokasi tempat wisata. Beberapa pin akan muncul pada peta yang menunjukkan lokasi
tempat wisata. Di bagian bawah terdapat beberapa keterangan mengenai pin-pin yang terletak
pada peta. Tombol kembali berguna untuk berpindah ke halaman beranda

106

77

4.10. Implementasi Sistem


4.10.1. Antarmuka Aplikasi Mobile
4.10.1.1. Show Route Transport

Gambar 4.49 Antarmuka Show Route Transport

Antarmuka pada gambar 4.49 digunakan oleh pengguna untuk melihat data
transportasi dengan rute tertentu. Ketika salah satu baris data di-tap program
akan memunculkan jendela popup menu yang mempunyai dua pilihan, yaitu
tampil detail info dan tampil rute transportasi. Program akan menampilkan popup
lain berisi info detail jika pengguna memilih menu detail info, program akan
menampilkan antarmuka rute transportasi jika pengguna
memilih tampil rute transportasi.

75

4.10.1.2. Show Range Transport

Gambar 4.50 Antarmuka Show Range Transport

Antarmuka pada gambar 4.50 digunakan oleh pengguna untuk melihat data
transportasi tanpa rute tertentu. Ketika salah satu baris data di-tap program akan
memunculkan jendela popup menu yang mempunyai dua pilihan, yaitu tampil
detail info dan tampil rute ke tempat pemberhentian. Program akan menampilkan
popup lain berisi info detail jika pengguna memilih menu detail info, program akan
menampilkan antarmuka rute ke temat pemberhentian jika pengguna memilih
tampil rute ke tempat pemberhentian.

76

4.10.1.3. Show Outside Transport

Gambar 4.51 Antarmuka Show Outside Transport(Kiri), dan


Show Transport Schedule(Kanan)

Antarmuka pada gambar 4.51 digunakan oleh pengguna untuk melihat data
transportasi keluar kota tertentu. Ketika salah satu baris data di-tap program
akan memunculkan jendela popup menu yang mempunyai dua pilihan, yaitu
tampil detail info dan tampil jadwal transportasi. Program akan menampilkan
popup lain berisi info detail jika pengguna memilih menu detail info, program akan
menampilkan antarmuka show transport schedule (gambar 4.51

kiri)

jika

pengguna memilih tampil jadwal transportasi.

77

4.10.1.4. Show Tourism Spot

Gambar 4.52 Antarmuka Show Tourism Spot

Antarmuka pada gambar 4.52 digunakan oleh pengguna untuk melihat data tempat
wisata tertentu. Ketika salah satu baris data di-tap program akan memunculkan
jendela popup menu yang mempunyai dua pilihan, yaitu tampil detail info,
tampil daya tarik wisata harian dan tampil daya tarik wisata khusus.

78

Gambar 4.53 Antarmuka Show Daily Attraction(Kiri), dan


Show Big Attraction(Kanan)
Program akan menampilkan popup lain berisi info detail jika pengguna memilih
menu

detail

info,

program

akan

menampilkan

antarmuka

show

daily

attraction(gambar 4.53 kiri) jika pengguna memilih tampil daya tarik wisata harian,
program akan menampilkan antarmuka show big attraction(gambar 4.53 kanan)
jika pengguna memilih tampil daya tarik wisata khusus.

79

Gambar 4.54 Antarmuka Show Ticket

Program akan menampilkan antarmuka show ticket jika pengguna memilih salah
satu daya Tarik wisata, baik itu yang bersifat harian atau khusus.
4.10.1.5. Show Nearby Transport and Tourism

Gambar 4.55 Antarmuka Show Nearby Transport and Tourism

80

Antarmuka pada gambar 4.55 digunakan oleh pengguna untuk melihat lokasi
pengguna dan tempat pemberhentian transportasi terdekat. Di bagian bawah
terdapat 5 tombol, yang masing-masing merupakan fitur dari program ini. Pertama
dari kiri merupakan tombol pencarian transportasi, kemudian tombol lihat data
transportasi, tombol lihat data tempat wisata, lihat data rute, dan tombol untuk
memuat ulang halaman utama.
4.10.1.6. Show Route to Transport Stops

Gambar 4.56 Antarmuka Show Route to Transport Stops

Antarmuka pada gambar 4.56 digunakan oleh pengguna untuk melihat rute dari
lokasi pengguna menuju tempat pemberhantian transportasi tertentu. Pengguna
tinggal memilih tempat pemberhentian dan tap tombol Cari untuk memulai
melakukan pencarian/ penentuan rute. Untuk pencarian ini terdapat dua pilihan
rute, yaitu sesuai transportasi yang memiliki rute tetap, dan transportasi
yang tidak memiliki rute. Pengguna tinggal tap tombol

81

menu option, kemudian pilihan tersebut akan muncul. Begitu dipilih, combobox
akan terisi dengan daftar tempat pemberhentian sesuai dengan pilihan rute.
4.10.1.7. Show Transport Route

Gambar 4.57 Antarmuka Show Transport Route

Antarmuka pada gambar 4.57 digunakan oleh pengguna untuk melihat rute
transportasi tertentu. Pengguna tinggal memilih penyedia layanan transportasi dan
rute, kemudian program akan memunculkan titik-titik pemberhentian transportasi
dengan pendanda angka sesuai urutan berhenti pada rute tersebut.

82

4.10.1.8. Show Route to Tourism Spot

Gambar 4.58 Antarmuka Show Route to Tourism Spot


Antarmuka pada gambar 4.58 digunakan oleh pengguna untuk melihat rute dari
lokasi pengguna menuju tempat wisata tertentu. Pengguna tinggal memilih tempat
wisata dan tap tombol Cari untuk memulai melakukan pencarian/ penentuan rute.

83

4.10.1.9. Search Tourism Transport

Gambar 4.59 Antarmuka Search Tourism Transport


Antarmuka pada gambar 4.59 digunakan oleh pengguna untuk melakukan pencarian
transportasi sesuai pilihan nama tempat wisata dan tipe transportasi. Pengguna
tinggal memilih tempat wisata dan tipe transportasi, kemudian tap tombol Cari dan
program akan menampilkan hasil di bawah kedua combobox.

84

4.10.2. Antarmuka Aplikasi Web


4.10.2.1. Login

Gambar 4.60 Antarmuka Login


Antarmuka pada gambar 4.60 digunakan oleh pengguna program web untuk masuk
ke dalam sistem. Tombol Masuk berfungsi untuk masuk ke dalam sistem. Jika
validasi data login sukses, akan dimunculkan antarmuka beranda sesuai role
pengguna. Jika validasi gagal, maka pesan peringatan akan muncul di bagian atas
dari input teks nama pengguna.

85

4.10.2.2. Ubah Kata Sandi

Gambar 4.61 Antarmuka Ubah Kata Sandi

Antarmuka pada gambar 4.61 digunakan oleh pengguna program web untuk
mengubah kata sandi masing-masing pengguna (bukan pengguna lain). Antarmuka
ini merupakan antarmuka ketika pengguna sedang login sebagai admin main,
ketika pengguna dengan role lain ingin mengubah kata sandi maka yang berbeda
adalah menu di bagian kiri. Ketika pengguna login sebagai admin tourism maka ada
tambahan pilihan menu peta wisata, sedangkan ketika pengguna login sebagai
admin transport maka ada tambahan pilihan menu peta transportasi. Pengguna dapat
mengubah kata sandinya dengan menginputkan kata sandi lama, kata sandi baru
dan konfirmasi kata sandi baru. Ketika semua atau salah satu kolom tidak sesuai,
maka program akan menampilkan pesan peringatan. Setelah selesai menginputkan,
pengguna tinggal mengklik tombol Simpan, lalu akan muncul pesan konfirmasi
dan klik Oke/ Ok.

86

4.10.2.3. Manage Transport


4.10.2.3.1.Insert Route Transport

Gambar 4.62 Antarmuka Insert Route Transport


Antarmuka pada gambar 4.62 digunakan oleh pengguna program web untuk
menambahkan data transportasi dengan rute. Pengguna tinggal menginputkan data
yang sesuai pada masing-masing kolom, kemudian klik tombol berikutnya untuk
mengisi data selanjutnya, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab Transportasi.

87

4.10.2.3.2.Update Route Transport

Gambar 4.63 Antarmuka Update Route Transport

Antarmuka pada 4.63 digunakan oleh pengguna program web untuk memperbarui
data transportasi dengan rute. Pengguna tinggal mengubah data yang sesuai pada
masing- masing kolom, kemudian klik tombol berikutnya untuk mengubah data
selanjutnya, dan ketika selesai klik tombol simpan. Tombol kembali berguna untuk
berpindah ke halaman beranda pada tab Transportasi.

88

4.10.2.3.3.Show All Route Transport

Gambar 4.64 Antarmuka Show All Route Transport

Antarmuka pada gambar 4.64 digunakan oleh pengguna program web untuk
melihat data transportasi dengan rute yang tergabung dalam tab Transportasi. Link
tambah data transportasi dengan rute untuk menambahkan data, kolom pencarian
untuk mencari data, klik salah satu link rute pada kolom rute untuk mengubah
nama rute dan data transportasi dan klik tombol X untuk menghapus data.
4.10.2.3.4.Search Route Transport

Gambar 4.65 Antarmuka Search Route Transport

89

Antarmuka pada 4.65 digunakan oleh pengguna program web untuk melihat data
transportasi dengan rute yang tergabung dalam tab Transportasi. Selain itu ketika
pengguna mengisi kata kunci pada kolom pencarian dan melakukan pencarian,
maka akan ditampilkan data Transportasi dengan rute yang sesuai pada tabel
transportasi dengan rute.
4.10.2.3.5.Insert Range Transport

Gambar 4.66 Antarmuka Insert Range Transport

Antarmuka pada gambar 4.66 digunakan oleh pengguna program web untuk
menambahkan data transportasi tanpa rute. Pengguna tinggal menginputkan data
yang sesuai pada masing-masing kolom, menentukan lokasi pemberhentian,
kemudian klik tombol berikutnya untuk mengisi data selanjutnya, dan ketika
selesai klik tombol simpan. Tombol kembali berguna untuk berpindah ke halaman
beranda pada tab Transportasi.

90

4.10.2.3.6.Update Range Transport

Gambar 4.67 Antarmuka Update Range Transport

Antarmuka pada gambar 4.67 digunakan oleh pengguna program web untuk
memperbarui data transportasi dengan rute. Pengguna tinggal mengubah data yang
sesuai pada masing-masing kolom, mengubah lokasi pemberhentian, kemudian
klik tombol berikutnya untuk mengubah data selanjutnya, dan ketika selesai klik
tombol simpan. Tombol kembali berguna untuk berpindah ke halaman beranda
pada tab Transportasi.

91

4.10.2.3.7.Show All Range Transport

Gambar 4.68 Antarmuka Show All Range Transport

Antarmuka pada gambar 4.68 digunakan oleh pengguna program web untuk
melihat data transportasi tanpa rute yang tergabung dalam tab Transportasi. Link
tambah data transportasi tanpa rute untuk menambahkan data, kolom pencarian
untuk mencari data, klik tombol lokasi untuk melihat peta lokasi pemberhentian,
klik tombol pensil untuk mengubah data dan klik tombol X untuk menghapus
data.

92

4.10.2.3.8.Search Range Transport

Gambar 4.69 Antarmuka Search Range Transport

Antarmuka pada gambar 4.69 digunakan oleh pengguna program web untuk
melihat data transportasi tanpa rute yang tergabung dalam tab Transportasi. Selain
itu ketika pengguna mengisi kata kunci pada kolom pencarian dan melakukan
pencarian, maka akan ditampilkan data Transportasi tanpa rute yang sesuai
pada tabel transportasi tanpa rute.

93

4.10.2.3.9.Show Range Transport Map

Gambar 4.70 Antarmuka Show Range Transport Map

Antarmuka pada gambar 4.70 digunakan oleh pengguna program web untuk
melihat data lokasi tempat pemberhentian transportasi tanpa rute. Sebuah pin akan
muncul pada peta yang menunjukkan lokasi tempat pemberhentian. Tombol
kembali berguna untuk berpindah ke halaman beranda pada tab Transportasi.
4.10.2.3.10.

Insert Outside Transport

Gambar 4.70 Antarmuka Insert Outside Transport

94

Antarmuka pada gambar 4.70 digunakan oleh pengguna program web untuk
menambahkan data transportasi keluar kota. Pengguna tinggal menginputkan data
yang sesuai pada masing-masing kolom, kemudian klik tombol berikutnya untuk
mengisi data selanjutnya, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab Transportasi.
4.10.2.3.11.

Update Outside Transport

Gambar 4.71 Antarmuka Update Outside Transport

Antarmuka pada gambar 4.71 digunakan oleh pengguna program web untuk
memperbarui data transportasi keluar kota. Pengguna tinggal mengubah data yang
sesuai pada masing-masing kolom, kemudian klik tombol berikutnya untuk
mengubah data selanjutnya, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab Transportasi.

95

4.10.2.3.12.

Show All Outside Transport

Gambar 4.72 Antarmuka Show All Outside Transport

Antarmuka pada gambar 4.72 digunakan oleh pengguna program web untuk
melihat data transportasi keluar kota yang tergabung dalam tab Transportasi. Link
tambah data transportasi keluar kota untuk menambahkan data, kolom pencarian
untuk mencari data, klik tombol pensil untuk mengubah data dan klik tombol X
untuk menghapus data.
4.10.2.3.13.

Search Outside Transport

Gambar 4.73 Antarmuka Search Outside Transport

96

Antarmuka pada gambar 4.73 digunakan oleh pengguna program web untuk
melihat data transportasi keluar kota yang tergabung dalam tab Transportasi. Selain
itu ketika pengguna mengisi kata kunci pada kolom pencarian dan melakukan
pencarian, maka akan ditampilkan data Transportasi keluar kota yang sesuai pada
tabel transportasi keluar kota.
4.10.2.4. Manage Track
4.10.2.4.1.Insert Track

Gambar 4.74 Antarmuka Insert Track

Antarmuka pada gambar 4.74 digunakan oleh pengguna program web untuk
menambahkan data jalur. Pengguna tinggal menginputkan data yang sesuai pada
masing-masing kolom, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab Jalur.

97

4.10.2.4.2.Update Track

Gambar 4.75 Antarmuka Update Track

Antarmuka pada gambar 4.75 digunakan oleh pengguna program web untuk
memperbarui data jalur. Pengguna tinggal mengubah data yang sesuai pada
masing-masing kolom, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab Jalur.
4.10.2.4.3.Show All Track

Gambar 4.76 Antarmuka Show All Track

98

Antarmuka pada gambar 4.76 digunakan oleh pengguna program web untuk melihat
data jalur yang tergabung dalam tab Jalur. Link tambah data jalur untuk menambahkan
data, kolom pencarian untuk mencari data, klik tombol pensil untuk mengubah data
dan klik tombol X untuk menghapus data.
4.10.2.4.4.Search Track

Gambar 4.77 Antarmuka Search Track

Antarmuka pada gambar 4.77 digunakan oleh pengguna program web untuk melihat
data jalur yang tergabung dalam tab Jalur. Selain itu ketika pengguna mengisi kata
kunci pada kolom pencarian dan melakukan pencarian, maka akan
ditampilkan data jalur yang sesuai pada tabel jalur.

99

4.10.2.5. Manage Transport Stops


4.10.2.5.1.Insert Stops

Gambar 4.78 Antarmuka Insert Stops


Antarmuka pada gambar 4.78 digunakan oleh pengguna program web untuk
menambahkan data tempat pemberhentian. Pengguna tinggal menginputkan data
yang sesuai pada masing-masing kolom, menentukan lokasi pemberhentian, dan
ketika selesai klik tombol simpan. Tombol kembali berguna untuk berpindah ke
halaman beranda pada tab tempat pemberhentian.

100

4.10.2.4.10.Update Stops

Gambar 4.79 Antarmuka Update Stops

Antarmuka pada gambar 4.79 digunakan oleh pengguna program web untuk
memperbarui data tempat pemberhentian. Pengguna tinggal mengubah data yang
sesuai pada masing- masing kolom, mengubah lokasi pemberhentian, dan ketika
selesai klik tombol simpan. Tombol kembali berguna untuk berpindah ke halaman
beranda pada tab tempat pemberhentian.
4.10.2.5.3.Show All Stops

Gambar 4.80 Antarmuka Show All Stops

101

Antarmuka pada gambar 4.80 digunakan oleh pengguna program web untuk
melihat data tempat pemberhentian yang tergabung dalam tab tempat
pemberhentian. Link tambah data tempat pemberhentian untuk menambahkan data,
kolom pencarian untuk mencari data, klik tombol pensil untuk mengubah data dan
klik tombol X untuk menghapus data.
4.10.2.5.4.Search Stops

Gambar 4.81 Antarmuka Search Stops

Antarmuka pada gambar 4.81 digunakan oleh pengguna program web untuk
melihat data tempat pemberhentian yang tergabung dalam tab tempat
pemberhentian. Selain itu ketika pengguna mengisi kata kunci pada kolom
pencarian dan melakukan pencarian, maka akan ditampilkan data tempat
pemberhentian yang sesuai pada tabel tempat
pemberhentian.

102

4.10.2.5.5.Show Stops Map

Gambar 4.82 Antarmuka Show Stops Map

Antarmuka pada gambar 4.82 digunakan oleh pengguna program web untuk
melihat data lokasi tempat pemberhentian transportasi dengan rute. Sebuah pin
akan muncul pada peta yang menunjukkan lokasi tempat pemberhentian. Tombol
kembali berguna untuk berpindah ke halaman beranda pada tab tempat
pemberhentian.
4.10.2.6. Manage Transport Schedule
4.10.2.6.1.Insert Schedule

Gambar 4.83 Antarmuka Insert Schedule

103

Antarmuka pada gambar 4.83 digunakan oleh pengguna program web untuk
menambahkan data jadwal transportasi. Pengguna tinggal menginputkan data yang
sesuai pada masing-masing kolom, kemudian klik tombol berikutnya untuk
mengisi data selanjutnya, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab jadwal.
4.10.2.6.2.Update Schedule

Gambar 4.84 Antarmuka Upudate Schedule

Antarmuka pada gambar 4.84 digunakan oleh pengguna program web untuk
memperbarui data jadwal transportasi. Pengguna tinggal mengubah data yang
sesuai pada masing- masing kolom, kemudian klik tombol berikutnya untuk
mengubah data selanjutnya, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman
beranda pada tab jadwal.

104

4.10.2.6.3.Show All Schedule

Gambar 4.85 Antarmuka Show All Schedule

Antarmuka pada gambar 4.85 digunakan oleh pengguna program web untuk
melihat data jadwal transportasi yang tergabung dalam tab jadwal. Link tambah data
jadwal untuk menambahkan data, kolom pencarian untuk mencari data, klik tombol
pensil untuk mengubah data dan klik tombol X untuk menghapus data.
4.10.2.6.4.Search Schedule

Gambar 4.86 Antarmuka Search Schedule

105

Antarmuka pada gambar 4.86 digunakan oleh pengguna program web untuk
melihat data jadwal transportasi yang tergabung dalam tab jadwal. Selain itu ketika
pengguna mengisi kata kunci pada kolom pencarian dan melakukan pencarian,
maka akan ditampilkan data jadwal yang sesuai pada tabel jadwal.
4.10.2.7. Manage Tourism Spot
4.10.2.7.1.Insert Tourism Spot

Gambar 4.87 Antarmuka Insert Tourism Spot

Antarmuka pada gambar 4.87 digunakan oleh pengguna program web untuk
menambahkan data tempat wisata. Pengguna tinggal menginputkan data yang
sesuai pada masing-masing kolom, menentukan lokasi tempat wisata, dan ketika
selesai klik tombol simpan. Tombol kembali berguna untuk berpindah ke
halaman beranda pada tab tempat wisata.

106

4.10.2.7.2.Update Tourism Spot

Gambar 4.88 Antarmuka Update Tourism Spot

Antarmuka pada gambar 4.88 digunakan oleh pengguna program web untuk
memperbarui data tempat wisata. Pengguna tinggal mengubah data yang sesuai
pada masing- masing kolom, mengubah lokasi tempat wisata, dan ketika selesai
klik tombol simpan. Tombol kembali berguna untuk berpindah ke halaman beranda
pada tab tempat wisata.
4.10.2.7.3.Show All Tourism Spot

Gambar 4.89 Antarmuka Show All Tourism Spot

107

Antarmuka pada gambar 4.89 digunakan oleh pengguna program web untuk
melihat data tempat wisata yang tergabung dalam tab tempat wisata. Link tambah
data tempat wisata untuk menambahkan data, kolom pencarian untuk mencari data,
klik tombol pensil untuk mengubah data dan klik tombol X untuk menghapus data.
4.10.2.7.4.Search Tourism Spot

Gambar 4.90 Antarmuka Search Tourism Spot

Antarmuka pada gambar 4.90 digunakan oleh pengguna program web untuk
melihat data tempat wisata yang tergabung dalam tab tempat wisata. Selain itu
ketika pengguna mengisi kata kunci pada kolom pencarian dan melakukan
pencarian, maka akan ditampilkan data tempat wisata yang sesuai pada tabel
tempat wisata.

108

4.10.2.7.5.Show Tourism Spot Map

Gambar 4.91 Antarmuka Show Tourism Spot Map

Antarmuka pada gambar 4.91 digunakan oleh pengguna program web untuk
melihat data lokasi tempat wisata. Sebuah pin akan muncul pada peta yang
menunjukkan lokasi tempat wisata. Tombol kembali berguna untuk berpindah ke
halaman beranda pada tab tempat pemberhentian.
4.10.2.8. Manage Attraction
4.10.2.8.1.Insert Daily Attraction

Gambar 4.92 Antarmuka Insert Daily Attraction

109

Antarmuka pada gambar 4.92 digunakan oleh pengguna program web untuk
menambahkan data daya Tarik wisata harian. Pengguna tinggal menginputkan data
yang sesuai pada masing-masing kolom, kemudian klik tombol berikutnya untuk
mengisi data selanjutnya, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab Daya Tarik Wisata.
4.10.2.8.2.Update Daily Attraction

Gambar 4.93 Antarmuka Update Daily Attraction

Antarmuka pada gambar 4.93 digunakan oleh pengguna program web untuk
memperbarui data daya Tarik wisata harian. Pengguna tinggal mengubah data yang
sesuai pada masing-masing kolom, kemudian klik tombol berikutnya untuk
mengubah data selanjutnya, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab Daya Tarik Wisata.

110

4.10.2.8.3.Show All Daily Attraction

Gambar 4.94 Antarmuka Show All Daily Attraction

Antarmuka pada gambar 4.94 digunakan oleh pengguna program web untuk
melihat data daya tarik wisata harian yang tergabung dalam tab daya tarik wisata.
Link tambah data daya tarik wisata harian untuk menambahkan data, kolom
pencarian untuk mencari data, klik tombol pensil untuk mengubah data dan klik
tombol X untuk menghapus data.
4.10.2.8.4.Search Daily Attraction

Gambar 4.95 Antarmuka Search Daily Attraction

111

Antarmuka pada gambar 4.95 digunakan oleh pengguna program web untuk
melihat data daya tarik wisata harian yang tergabung dalam tab daya tarik wisata.
Selain itu ketika pengguna mengisi kata kunci pada kolom pencarian dan
melakukan pencarian, maka akan ditampilkan data daya tarik wisata harian yang
sesuai pada tabel daya tarik wisata harian.
4.10.2.8.5.Insert Big Attraction

Gambar 4.96 Antarmuka Insert Big Attraction

Antarmuka pada gambar 4.96 digunakan oleh pengguna program web untuk
menambahkan data daya tarik wisata khusus. Pengguna tinggal menginputkan data
yang sesuai pada masing-masing kolom, kemudian klik tombol berikutnya untuk
mengisi data selanjutnya, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab Daya Tarik Wisata.

112

4.10.2.8.6.Update Big Attraction

Gambar 4.97 Antarmuka Update Big Attraction

Antarmuka pada gambar 4.97 digunakan oleh pengguna program web untuk
memperbarui data daya tarik wisata khusus. Pengguna tinggal mengubah data yang
sesuai pada masing-masing kolom, kemudian klik tombol berikutnya untuk
mengubah data selanjutnya, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab Daya Tarik Wisata.
4.10.2.8.7.Show All Big Attraction

Gambar 4.98 Antarmuka Show All Big Attraction

113

Antarmuka pada gambar 4.98 digunakan oleh pengguna program web untuk
melihat data daya tarik wisata khusus yang tergabung dalam tab daya tarik wisata.
Link tambah data daya tarik wisata khusus untuk menambahkan data, kolom
pencarian untuk mencari data, klik tombol pensil untuk mengubah data dan klik
tombol X untuk menghapus data.
4.10.2.8.8.Search Big Attraction

Gambar 4.99 Antarmuka Search Big Attraction

Antarmuka pada gambar 4.99 digunakan oleh pengguna program web untuk
melihat data daya tarik wisata khusus yang tergabung dalam tab daya tarik wisata.
Selain itu ketika pengguna mengisi kata kunci pada kolom pencarian dan
melakukan pencarian, maka akan ditampilkan data daya tarik wisata khusus yang
sesuai pada tabel daya tarik
wisata khusus.

114

4.10.2.9. Manage category


4.10.2.9.1.Insert Category

Gambar 4.100 Antarmuka Insert Category

Antarmuka pada gambar 4.100 digunakan oleh pengguna program web untuk
menambahkan data kategori wisata. Pengguna tinggal menginputkan data yang
sesuai pada kolom, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab kategori.
4.10.2.9.2.Update Category

Gambar 4.101 Antarmuka Update Category

115

Antarmuka pada gambar 4.101 digunakan oleh pengguna program web untuk
memperbarui data kategori wisata. Pengguna tinggal mengubah data yang sesuai
pada kolom, dan ketika selesai klik tombol simpan. Tombol kembali berguna untuk
berpindah ke halaman beranda pada tab kategori.
4.10.2.9.3.Show All Category

Gambar 4.102 Antarmuka Show All Category

Antarmuka pada gambar 4.102 digunakan oleh pengguna program web untuk
melihat data kategori wisata yang tergabung dalam tab kategori. Link tambah data
jalur untuk menambahkan data, kolom pencarian untuk mencari data, klik tombol
pensil untuk mengubah data dan klik
tombol X untuk menghapus data

116

4.10.2.10. Manage Ticket


4.10.2.10.1.

Insert Ticket

Gambar 4.103 Antarmuka Insert Ticket

Antarmuka pada gambar 4.103 digunakan oleh pengguna program web untuk
menambahkan data tiket. Pengguna tinggal menginputkan data yang sesuai pada
masing-masing kolom, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab tiket.
4.10.2.10.2.

Update Ticket

Gambar 4.104 Antarmuka Update Ticket

126

117

Antarmuka pada gambar 4.104 digunakan oleh pengguna program web untuk
memperbarui data tiket. Pengguna tinggal mengubah data yang sesuai pada
masing-masing kolom, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab tiket.
4.10.2.10.3.

Show All Ticket

Gambar 4.105 Antarmuka Show All Ticket

Antarmuka pada gambar 4.105 digunakan oleh pengguna program web untuk
melihat data tiket yang tergabung dalam tab tiket. Link tambah data tiket untuk
menambahkan data, kolom pencarian untuk mencari data, klik tombol pensil untuk
mengubah data dan klik tombol X untuk menghapus
data.

118

4.10.2.10.4.

Search Ticket

Gambar 4.106 Antarmuka Search Ticket

Antarmuka pada gambar 4.106 digunakan oleh pengguna program web untuk
melihat data tiket yang tergabung dalam tab tiket. Selain itu ketika pengguna mengisi
kata kunci pada kolom pencarian dan melakukan pencarian, maka akan
ditampilkan data tiket yang sesuai pada tabel tiket.
4.10.2.11. Manage Admin
4.10.2.11.1.

Insert Admin

Gambar 4.107 Antarmuka Insert Admin

119

Antarmuka pada gambar 4.107 digunakan oleh pengguna program web untuk
menambahkan data admin. Pengguna tinggal menginputkan data yang sesuai pada
masing-masing kolom, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada tab Semua Admin.
4.10.2.11.2.

Update Admin

Gambar 4.108 Antarmuka Update Admin

Antarmuka pada gambar 4.108 digunakan oleh pengguna program web untuk
memperbarui data admin. Pengguna tinggal mengubah data yang sesuai pada
masing-masing kolom, dan ketika selesai klik tombol simpan. Tombol kembali
berguna untuk berpindah ke halaman beranda pada
tab semua admin.

120

4.10.2.11.3.

Show All Admin

Gambar 4.109 Antarmuka Show All Admin

Antarmuka pada gambar 4.109 digunakan oleh pengguna program web untuk
melihat data admin yang tergabung dalam tab semua admin. Link tambah data admin
untuk menambahkan data, kolom pencarian untuk mencari data, klik tombol pensil
untuk mengubah data dan klik tombol X untuk menghapus data.
4.10.2.11.4.

Search Admin

Gambar 4.110 Antarmuka Search Admin

121

Antarmuka pada gambar 4.110 digunakan oleh pengguna program web untuk
melihat data admin yang tergabung dalam tab semua admin. Selain itu ketika
pengguna mengisi kata kunci pada kolom pencarian dan melakukan pencarian, maka
akan ditampilkan data admin yang sesuai pada tabel admin.
4.10.2.12. Show Transport Map

Gambar 4.111 Antarmuka Show Transport Map

Antarmuka pada gambar 4.111 digunakan oleh pengguna program web untuk
melihat data lokasi-lokasi tempat pemberhentian transportasi, dengan rute dan
tanpa rute. Beberapa pin akan muncul pada peta yang menunjukkan lokasi tempat
pemberhentian. Di bagian bawah terdapat beberapa keterangan mengenai pin-pin
yang terletak pada peta. Tombol kembali berguna untuk berpindah ke halaman
beranda.

122

4.10.2.13. Show Tourism Map

Gambar 4.112 Antarmuka Show Tourism Map

Antarmuka pada gambar 4.112 digunakan oleh pengguna program web untuk
melihat data lokasi-lokasi tempat wisata. Beberapa pin akan muncul pada peta
yang menunjukkan lokasi tempat wisata. Di bagian bawah terdapat beberapa
keterangan mengenai pin-pin yang terletak

pada

peta.

Tombol

kembali

berguna untuk berpindah ke halaman beranda.

123

BAB V
PENUTUP

5.1. Kesimpulan
Berdasarkan analisis, desain, dan prototype, maka didapatkan kesimpulan
berikut :
1. Sistem ini berhasil dibangun pada platform Android pada aplikasi mobile dan
pada lingkungan pemrograman web dengan menggunakan framework
CodeIgniter.
2. Aplikasi ini dapat berjalan dengan baik pada sistem operasi Android versi
4.1.1. Akses data dari perangkat mobile ke server aplikasi dapat berjalan dengan
baik dimana pengaksesan data dilakukan menggunakan API.
5.2. Saran
Saran yang dapat diberikan adalah agar dikembangkan lagi dengan
perbaikan dapat menyimpan data pada ponsel dan dapat disinkronisasi untuk
waktu tertentu agar tidak selalu bergantung pada basis data.

124



LAMPIRAN 1
JUSTIFIKASI ANGGARAN

Rekapitulasi Penggunaan Dana Penelitian


.
Judul

Skema Hibah
Peneliti / Pelaksana
Nama Ketua
Perguruan Tinggi
NIDN
Nama Anggota (1)
Nama Anggota (2)
Tahun Pelaksanaan
Dana Tahun Berjalan
Dana Mulai Diterima Tanggal
.
Rincian Penggunaan
.

: ANALISIS RANCANG BANGUN DIREKTORI


PARIWISATA POTENSIAL MENGGUNAKAN GOOGLE
MAPS API DAN MULTIMEDIA DI DAERAH ISTIMEWA
YOGYAKARTA
: Penelitian Hibah Bersaing
: THOMAS SUSELO S.T. , M.T.
Universitas Atma Jaya Yogyakarta
: 0527118001
: SUYOTO
: BERNADECTUS YUDI DWIANDIYANTA
: Tahun ke 2 dari rencana 2 tahun
: Rp 57.000.000,00
: 2015-03-02

1. HONOR OUTPUT KEGIATAN


Volume

Satuan

Honor/Jam
(Rp)

1. Pembayaran Pajak PPh Ps 21

1.00

buah

773.000

2. Honorarium Anggota 1

1.00

Paket

3.724.000

3.724.000

3. Honorarium Anggota 2

1.00

Paket

3.724.000

3.724.000

4. Honorarium Asisten

1.00

Paket

2.328.000

2.328.000

5. Honorarium Administrasi

1.00

Paket

912.000

6. Honorarium Ketua

1.00

Paket

4.959.000

7. Honorarium Administrasi

1.00

Paket

912.000

912.000

8. Pajak PPh Ps.21

1.00

Paket

854.000

854.000

Item Honor

Sub Total (Rp)

Total (Rp)
773.000

912.000
4.959.000

18.186.000,00

.
2. BELANJA BAHAN
Volume

Satuan

Harga Satuan
(Rp)

1. Bahan Habis Pakai

1.00

Paket

479.600

2. Biaya Pulsa Tim

1.00

Paket

4.000.000

4.000.000

3. Biaya Internet

1.00

Paket

2.500.000

2.500.000

4. Tinta Printer

1.00

Paket

4.000.000

4.000.000

Sub Total (Rp)

10.979.600,00

Item Bahan

Total (Rp)
479.600

.
3. BELANJA BARANG NON OPERASIONAL LAINNYA
Volume

Satuan

Harga Satuan
(Rp)

1. Printer Canon

1.00

Unit

1.950.000

1.950.000

2. Pembuatan Model

1.00

Paket

12.000.000

12.000.000

3. Perancangan Model

1.00

Paket

1.200.000

1.200.000

4. Cetak dan Penggandaan Dokumen

1.00

Paket

1.500.000

1.500.000

Sub Total (Rp)

16.650.000,00

Item Barang

Total (Rp)

.
4. BELANJA PERJALANAN LAINNYA
Volume

Satuan

Biaya Satuan
(Rp)

1. Transportasi Lokal

1.00

Paket

906.985

906.985

2. Transport Lokal

1.00

Paket

650.000

650.000

3. Snack dan Makan Siang Tim

1.00

Paket

513.000

513.000

4. Snack dan Makan Siang Tim

1.00

Paket

291.500

291.500

5. Snack dan Makan Siang Tim

1.00

Paket

265.000

265.000

6. Snack dan Makan Siang Tim

1.00

Paket

303.497

303.497

7. Snack dan Makan Siang Tim

1.00

Paket

219.000

219.000

8. Snack dan Makan Siang Tim

1.00

Paket

199.000

199.000

9. Snack dan Makan Siang Tim

1.00

Paket

83.000

83.000

10. Snack dan Makan Siang Tim

1.00

Paket

76.500

76.500

11. Snack dan Makan Siang Tim

1.00

Paket

103.000

103.000

12. Subsidi Seminar

1.00

Paket

7.000.000

7.000.000

13. Biaya Observasi Lapangan

1.00

Paket

2.000.000

2.000.000

Sub Total (Rp)

12.610.482,00

Total Pengeluaran Dalam Satu Tahun (Rp)

58.426.082,00

Item Perjalanan

Total (Rp)

.
.
Mengetahui,
Kepala LPPM
.
.
.

Yogyakarta, 8 - 10 - 2015, 27 - 10 - 2015


Ketua,

( Dr. I Putu Sugiartha, S.E., M.Si.Ak.CA )


NIP/NIK 12.94.528

( THOMAS SUSELO S.T. , M.T. )


NIP/NIK 05.03.761



LAMPIRAN 2
DUKUNGAN SARANA DAN PRASARANA PENELITIAN

LAMPIRAN 2.
DUKUNGAN SARANA DAN PRASANA PENELITIAN

Sebagai penunjang penelitian ini dibutuhkan fasilitas-fasilitas pendukung yaitu sarana dan
prasarana untuk melakukan pengumpulan data, pengolahan dan pengembangan sampai
diperoleh target luaran yang diharapkan. Sarana dan prasarana yang dibutuhkan dan
ketersediaannya di Universitas Atma Jaya Yogyakarta (UAJY) dijelaskan sebagai berikut:

a. Perangkat Komputer dan Printer


Perangkat komputer berupa perangkat keras dan perangkat lunak standard serta printer
dibutuhkan untuk dokumentasi, pengolahan data dan pencetakan laporan penelitian.
Untuk keperluan penelitian,

dapat menggunakan perangkat yang tersedia di

Laboratorium Analisis Perancangan Sistem Kerja dan Ergonomi Fakultas Teknologi


Industri UAJY dan untuk kebutuhan mobilitas menggunakan komputer jinjing milik
pribadi.
b. Koneksi Internet
Koneksi internet dibutuhkan untuk komunikasi dan pencarian data sekunder berupa
referensi literatur yang digunakan dalam penelitian. UAJY menyediakan koneksi internet
kabel dan wifi yang cukup memadai dan dapat digunakan oleh seluruh civitas akademika
di lingkungan kampus.
c. Laboratorium
Alat-alat pengukuran yang dibutuhkan dalam penelitian berupa: jaringan komputer,
internet server, database server. Laboratorium Jaringan Komputer dan Struktur Data juga
menyediakan ruang dan fasilitas untuk melaksanakan diskusi, koordinasi dan pertemuan
tim peneliti.



LAMPIRAN 3
SUSUNAN ORGANISASI TIM

LAMPIRAN 4
BIODATA PENGUSUL HIBAH BERSAING

BIODATA PENGUSUL HIBAH BERSAING

I. Identitas Diri
1.
2.
3.
4.
5.
6.
7.

Nama Lengkap (dengan gelar)


Jabatan Fungsional
Jabatan Struktural
NIP/NIK/No. identitas lainnya
NIDN
Tempat dan Tanggal Lahir
Alamat Rumah

8.
9.
10.
11.
12.
13.

Nomor Telepon/Fax
Nomor HP
Alamat Kantor
Nomor Telepon/Faks
Alamat e-mail
Lulusan yg telah dihasilkan

14. Mata Kuliah yg diampu

Thomas Suselo, S.T.,M.T.


L/P
Lektor
Wakil Dekan II FTI
05.03.761
0527118001
Solo, 27 November 1980
Perum Amanusa Regency I Kav-A2
Wedomartani Sleman Yogyakarta
0274-6580080
085220110093
Jl. Babarsari 43, Yogyakarta 55281
0274-487711 (hunting)Fax. 0274-487748
thomas@staff.uajy.ac.id
S1= 80 orang ; S2= 4 orang; S3= - orang;
1. Pengantar Sistem Mobile dan Nirkabel
2. Jaringan Komputer
3. Aplikasi Mobile untuk Bisnis
4. Teknologi Nirkabel dan Aplikasinya
5. Mobile Business

II. Riwayat Pendidikan


Nama Perguruan Tinggi
Bidang Ilmu
Tahun Masuk-Lulus
Judul Skripsi/Thesis/Disertasi

Nama Pembimbing/Promotor

S1

S2

Universitas Atma
Jaya Yogyakarta
Teknik Informatika
1999-2003
Aplikasi Mobile
Commerce untuk
Penyedia Layanan
Kebutuhan Hidup
Sehari-Hari

Institut Teknologi
Bandung
Teknik Informatika
2004-2006
Studi Metodologi
dan Framework
Customer
Relationship
Management pada
Dunia Pendidikan
Ir. Rila Mandala
M.Sc., Ph.D

RJB Wahju Agung,


S.T.,M.T.,
Ir. Suyoto,M.Sc.,
Ph.D

S3

III. Pengalaman Penelitian (Bukan Skripsi, Tesis, Maupun Disertasi)


No.

Tahun

Judul Penelitian

2012

2011

2011

2009

2008

2007

2007

2007

Rancang Bangun Direktori Bisnis untuk


UMKM di DIY
Rancang Bangun Layanan Konten
Ponsel Dengan Pendekatan Multimedia
Interaktif
Rancang Bangun Layanan Konten
Ponsel Dengan Pendekatan Multimedia
Interaktif
Analisis dan Pengembangan Perangkat
Lunak Remote Komputer Berbasis
Bluetooth
Analisis dan Pembangunan Perangkat
LunakMalware dan Anti-Malware
Pembangunan Aplikasi SMS untuk
Pencarian dan Pemesanan Buku
Perpustakaan
Analisis Manajemen Resiko Perangkat
Lunak dengan Pendekatan Just-In-Time
Sinkronisasi Jadwal Menggunakan
Mobile Agent dengan Algoritma Peerto-Peer

Pendanaan
Jml (Juta Rp)
Sumber
Hibah
48,5
Bersaing
Hibah
87,5
Kompetensi
Hibah
Kompetensi

72,5

LPPM
UAJY

3,15

LPPM
UAJY
LPPM
UAJY

3,15

LPPM
UAJY
LPPM
UAJY

3,15

3,15

3,15

Sumber Pendanaan: PDM, SKW, Fundamental Riset, Hibah Bersaing, Hibah Pekerti, Hibah Pascasarjana,
RAPID atau sumber lainnya, sebutkan.

IV. Pengalaman Pengabdian Kepada Masyarakat (Bukan Skripsi, Tesis, Maupun


Disertasi)
Urutkan judul pengabdian kepada masyarakat yang pernah dilakukan(sebagai ketua)
selama 5 tahun terakhir dimulai dari yang paling diunggulkan menurut saudara
sampai pengabdian kepada masyarakat yang tidak diunggulkan:
No.

Tahun

Judul Pengabdian Kepada


Masyarakat

2013

2012

3
4

2010
2007

2006

Pelatihan Internet Masyarakat Gunung


Kidul
Pelatihan Internet Guru-Guru PAUD
Magelang
Tarakanita Edu-Fair
Pelatihan Open-Source Software and
Its Applications
Pelatihan Ms.Office untuk guru-guru
SMU

Pendanaan
Jml (Juta Rp)
Sumber
UAJY

UAJY

UAJY
UAJY

5
1

UAJY

* Tuliskan sumber pendanaan: Penerapan Ipteks, Vucer, Vucer Multitahun, UJI, Sibermas, atau sumber
lainnya.

V. PENGALAMAN PENULISAN ARTIKEL ILMIAH DALAM JURNAL


No.

Tahun

Judul Artikel Ilmiah

Volume/ Nomor

Nama Jurnal

1.

2012

Development of M-Psychology for Indonesian


Junior High School
Efforts to Improve Guidance Counseling
Services Using ICT for Junior High School
Student

Volume 5

2.

2012

3.

2007

Sinkronisasi Jadwal Menggunakan Mobile


Agent dengan Algoritma Peer-to-Peer

Volume 3

4.

2007

Analisis Manajemen Resiko Perangkat Lunak


dengan Pendekatan Just-In-Time

Volume 4

Volume 39

Advanced
Science Letters
International
Journal of
Advanced
Science and
Technology
(IJAST)
Jurnal Teknologi
Industri, ISSN:
1410-5004
Jurnal Teknologi
Industri, ISSN:
1410-5004

VI. Pengalaman Penyampaian Makalah Secara Oral Pada Pertemuan / Seminar Ilmiah
Dalam 5 Tahun Terakhir
No.

Nama Pertemuan
Ilmiah / Seminar

Judul Artikel Ilmiah

Waktu dan Tempat

1.

The 2012 International


Conference on Multimedia,
Computer Graphics and
Broadcasting (MulGraB
2012)

Design and Implementation of


Mobile Leadership with Interactive
Multimedia Approach

November 28-30, 2012 at


Jeju, Korea

VII. Pengalaman Penulisan Buku dalam 5 Tahun Terakhir


No.

Tahun

Judul Buku

2013

Multimedia Pembelajaran: Teori dan Praktek

Jumlah
Halaman
300+xi

Penerbit
Andi Offset
(dalam proses
penerbitan)

VIII. Pengalaman Pengembangan Teknologi Tepat Guna Dalam 5 10 Tahun


Terakhir
No.

Tahun

Judul/Tema Teknologi Tepat Guna

Jenis

2012

Mobile Psikologi Dengan Pendekatan Multimedia


Interaktif

Perangkat
Lunak

IX. Pengalaman Perolehan HKI Dalam 5 10 Tahun Terakhir


No.

Tahun

Judul/Tema HKI

Jenis

Nomor P/ID

X. Pengalaman Merumuskan Kebijakan Publik/Rekayasa Sosial Lainnya Dalam 5


Tahun Terakhir
No.

Tahun Judul/Tema/Jenis Rekayasa Sosial


Lainnya yang telah diterapkan

Tempat
Penerapan

Respon
Masyarakat

XI. Penghargaan yang Pernah Diraih dalam 10 tahun Terakhir (dari pemerintah,
asosiasi atau institusi lainnya)
No.

Jenis Penghargaan

Institusi Pemberi
Penghargaan

Tahun

Semua data yang saya isikan dan tercantum dalam biodata ini adalah benar dan dapat
dipertanggungjawabkan secara hukum. Apabila di kemudian hari ternyata dijumpai
ketidak-sesuaian dengan kenyataan, saya sanggup menerima risikonya.
Demikian biodata ini saya buat dengan sebenarnya untuk memenuhi salah satu persyaratan
dalam pengajuan Hibah Bersaing.
Yogyakarta, 23 Oktober 2014
Yogyakarta, 20 April 2013
Pengusul,

(Thomas Suselo, S.T., M.T.)

BIODATA PENGUSUL HIBAH BERSAING

I. Identitas Diri
1.
2.
3.
4.
5.
6.
7.

Nama Lengkap (dengan gelar)


Jabatan Fungsional
Jabatan Struktural
NIP/NIK/No. identitas lainnya
NIDN
Tempat dan Tanggal Lahir
Alamat Rumah

8.
9.
10.
11.
12.
13.

Nomor Telepon/Fax
Nomor HP
Alamat Kantor
Nomor Telepon/Faks
Alamat e-mail
Lulusan yg telah dihasilkan

14. Mata Kuliah yg diampu

Prof. Ir. Suyoto, M.Sc., Ph.D.


L/P
Guru Besar
Ketua Program Studi Teknik Informatika
00.09.686
0510086401
Pati, 10 Agustus 1964
Perum Arta Pratama No. 10 Purworejo Jawa
Tengah
0275-3125796
0818467478
Jl. Babarsari 44, Yogyakarta 55281
0274-487711 (hunting)
Fax. 0274-48748
suyoto@staff.uajy.ac.id
S1= 173 orang ; S2= 31 orang; S3= - orang;
1. Dasar Multimedia
2. Sistem Multimedia
3. Metodologi Penelitian
4. e-Marketing
5. e/m-Bisnis

II. Riwayat Pendidikan


S1
Nama Perguruan Tinggi

Universitas Kristen
Satya Wacana

Bidang Ilmu

Teknik Elektro

Tahun Masuk-Lulus
Judul Skripsi/Thesis/Disertasi

1983-1989
Pengembangan
Antena Quad Tri
Band

Nama Pembimbing/Promotor

Prof. Dr. Liek


Wilardjo

S2
Universiti
Kebangsaan
Malaysia
Computer Science
1994-1997
The Function
Development of
Non Uniform
Rational B-Spline
for S-CAD
(Simple-Computer
Aided Design
software)
Prof. Dr. Abdul
Rahman Abdullah

S3
Universiti
Kebangsaan
Malaysia
Industrial
Computing
1997-2000
The Design of an
Interactive Ray
Tracing System for
S-CAD (SimpleComputer Aided
Design software)
Object
Prof. Dr. Abdul
Rahman Abdullah

C. Pengalaman Penelitian (Bukan Skripsi, Tesis, Maupun Disertasi)


No.

Tahun

2011

2010

Pendanaan
Sumber
Jml
(Juta
Rancang Bangun Layanan Konten Ponsel
Hibah
87,5
Rp)
Dengan Pendekatan Multimedia Interaktif
Kompetens
Rancang Bangun Layanan Konten Ponsel
Hibah
72,5
i
Dengan Pendekatan Multimedia Interaktif
Kompetens
i
Judul
Penelitian

No.

Tahun

2008

4.

2006

5.

2005

6.

2003

Judul
Penelitian

Pendanaan
Sumber
Jml
(Juta
Hibah
Rp)
45
Bersaing

Pengembangan Sistem Informasi


Untuk Usaha Mikro, Kecil, Dan Menengah
Pada
Industri Handcraft
Pengembangan
Dengan LPPM UAJY
Di Daerah Istimewam-ButaWarna
Yogyakarta
Pendekatan Multimedia Interaktif
Pengembangan Mobile Kamus Tiga
LPPM UAJY
Bahasa
Dengandan
Pendekatan
Multimedia
Interaktif
Desain
Implementasi
e-KidsCV
LPPM UAJY
dengan Pendekatan Multimedia Interaktif

1,5
1,5
1,5

* Tuliskan sumber pendanaan baik dari skema penelitian DIKTI maupun dari sumber lainnya.

D. Pengalaman Pengabdian Kepada Masyarakat (Bukan Skripsi, Tesis, Maupun


Disertasi)
No.

Tahun

2007

2007

2005

2004

2003

* Tuliskan sumber
sumber lainnya.

Pendanaan
Judul Pengabdian Kepada
Sumber Jml (Juta
Masyarakat
Projek Program Early Recovery Assistance
UNDP Rp) 250
(ERA)
Livelihood United Nation Development
Programme (UNDP) Uiversitas Atma
Jaya Yogyakarta
(UAJY)United
di desaNation
Tugu,
Projek
Program Shelter,
UNDP
250
Kec. Cawas, Kab.
Klaten, (UNDP)
Jawa Tengah
Development
Programme

Uiversitas Atma Jaya Yogyakarta (UAJY)


di Sengon, Prambanan, Jawa Tengah
Pelatihan Mcrosoft Excel (Grafik dan
UAJY
1
Pencetakan) kepada Karyawan Paroki se
Kevikepan DIY
Pelatihan Microsoft Word 97 (Mail Merge)
UAJY
1
bagi
Pamong Desa Umbulrejo, Banaran, Dengok
Pelatihan
Simulasi bagi Staf Akademik untuk
Dikti
1
dan
Program
SEMI-QUE
V
Prodi
Teknik
Desa Giriasih, Gunung Kidul
Informatika
UAJY baik dari skema pengabdian kepada masyarakat DIKTI maupun dari
pendanaan

F. PENGALAMAN PENULISAN ARTIKEL ILMIAH DALAM JURNAL


No.

Tahun

Judul Artikel Ilmiah

Volume/
Nomor

Nama Jurnal

1.

2012

M-Commerce In Indonesia: Problems &


Prospects

Vol. I, Issue II,


September 2012
pp. 71-76
ISSN: 22787720

International
Journal of
Computer
Application &
Information
Technology
(IJCAIT)

2.

2012

The Algorithm to Detect Color Gradation on


Silk

Volume 9,
Issue 2, March
2012,
pp.176-181
ISSN (Online):
1694-0814

International
Journal of
Computer
Science Issues
(IJCSI)

3.

2012

Efforts to Improve Guidance Counseling


Services Using ICT for Junior High School
Student

4.

2011

New Edge Detection Method for Indonesian


Batik

Vol. 39,
February, 2012
pp. 19-27
ISSN 2221-0997
(Print), 22211004 (Online)
Vol 2, No 1,
Januari 2011,
pp. 55-62

International
Journal of
Advanced
Science and
Technology
(IJAST)
Jurnal Buana
Informatika

5.

2010

6.

2006

New Edge Detection Method Using Elisabeth


Method: Case Study Javanese Batiks (pp. 1-7)
Aplikasi Fraktal pada Ponsel dengan J2ME

Vol 1, No 1,
Januari 2010
X/2

7.

2005

Grafika Komputer dengan J2ME?

2 (2)

Jurnal Buana
Informatika
Jurnal Teknologi
Industri
Jurnal AiTI

G. Pengalaman Penyampaian Makalah Secara Oral Pada Pertemuan / Seminar


Ilmiah Dalam 5 Tahun Terakhir
No.
1.

2.

3.

4.

5.

6.

7.

8.

9.

10.

Nama Pertemuan
Ilmiah / Seminar
The 2011 International
Conference on Multimedia,
Computer Graphics and
Broadcasting (MulGraB 2011)
The 2011 International
Conference on Multimedia,
Computer Graphics and
Broadcasting (MulGraB 2011)
2nd International Conferences on
Soft Computing, Intelligent System
and Information Technology 2010
Informatics Engineering
Department, Petra Christian
University
2nd International Conferences on
Soft Computing, Intelligent System
and Information Technology 2010
Informatics Engineering
Department, Petra Christian
University
2nd International Conferences on
Soft Computing, Intelligent System
and Information Technology 2010
Informatics Engineering
Department, Petra Christian
University
ICIEBM 2010 International
Conference on Industrial
Engineering and Business
Management 2010, UIN Sunan
Kalijaga Yogyakarta
ICIEBM 2010 International
Conference on Industrial
Engineering and Business
Management 2010, UIN Sunan
Kalijaga Yogyakarta
ICTEL2010 International
Conference on
Telecommunication, IT Telkom
Bandung
2nd International Conferences on
Soft Computing, Intelligent System
and Information Technology 2010
Informatics Engineering
Department, Petra Christian
University
Seminar Nasional: Membangun
Ketahanan Ekonomi Nasional
Yang Kokoh dan Berkelanjutan
untuk Menghadapi Peubahan
Jaman. UPN Veteran
Yogyakarta.

Judul Artikel Ilmiah

Waktu dan Tempat

Design and Implementation of


Mobile Leadership with
Interactive Multimedia Approach.
(pp. 217-226)
Development of M-Psychology
for Indonesian Junior High
School. (pp. 227-236).

December 8-10, 2011


at Jeju, Korea

Development Edge Detection


Using Adhi Method, Case Study :
Batik Sidomukti Motif, ISBN:
978-602-97124-0-7, pp. 340-345

Bali, 1-2 July 2010

NEATS: A New Method for Edge


Detection, ISBN: 978-602-971240-7, pp. 377-382

Bali, 1-2 July 2010

Silny Approach to Edge Detection


for Central Borneo Batik, ISBN:
978-602-97124-0-7, pp. 387-391

Bali, 1-2 July 2010

New M-Marketing Strategy for


Natural Coloured Indonesian
Batik Trading. ISBN: 978-60297809-0-1, pp. 15-21

Yogyakarta, 12-13
October 2010

Assessing Social Commerce


Strategies for Indonesian Market.
Case Study: Kaskus.us. ISBN:
978-602-97809-0-1, pp. 26-32

Yogyakarta, 12-13
October 2010

New Promotion Strategy For


Natural Colored Indonesian
Batik Using Mobile Devices

Bandung 27 28
Oktober 2010

Silny Approach to Edge Detection


for Central Borneo Batik.

Bali, 1-2 July 2010

Pengembangan Model Sistem


Informasi Untuk Usaha Mikro,
Kecil dan Menengah pada
Industri Handycraft di Daerah
Istimewa Yogyakarta. pp. 223235

Yogyakarta, 24-25
Okober 2008

December 8-10, 2011


at Jeju, Korea

H. Pengalaman Penulisan Buku dalam 5 Tahun Terakhir


No.

Tahun

Judul
Buku

Jumlah
Halaman

2013

Multimedia Pembelajaran: Teori dan Praktek

300+xi

2005

275+xi

2005

4.

2004

5.

2003

"Multimedia dan Aplikasinya dengan


Macromedia Director"
ISBN: 979-20-6763-9
"Membuat Sendiri Aplikasi Ponsel"
ISBN: 070-3469-80-3
"Intelegensi Buatan, Teori dan Pemrograman"
ISBN: 070-3469-31-5
Teori dan Pemrograman Grafika Komputer
dengan Visual C++ v.6 dan OpenGL. ISBN:
979-3469-32-3

Penerbit
Andi Offset
(dalam proses
penerbitan)
Elex Media
Komputindo

196+xiv

Gava Media

246+xiv

Gava Media

268+xiv

Gava Media

I. Pengalaman Perolehan HKI Dalam 5 10 Tahun Terakhir


No.

Tahun

Judul/Tema HKI

Jenis

Nomor P/ID

J. Pengalaman Merumuskan Kebijakan Publik/Rekayasa Sosial Lainnya Dalam 5


Tahun Terakhir
No.

Tahun

Judul/Tema/Jenis Rekayasa Sosial


Lainnya yang telah diterapkan

Tempat
Penerapan

Respon
Masyarakat

K. Pengalaman Pengembangan Teknologi Tepat Guna Dalam 5 10 Tahun


Terakhir
No.

Tahun

2012

Judul/Tema Teknologi Tepat Guna


Mobile
Psikologi
Multimedia Interaktif

Dengan

Pendekatan

Jenis
Perangkat
Lunak

L. Penghargaan yang Pernah Diraih dalam 10 tahun Terakhir (dari


pemerintah, asosiasi atau institusi lainnya)
No.

Jenis Penghargaan

Institusi Pemberi

Tahun

Penghargaan

Semua data yang saya isikan dan tercantum dalam biodata ini adalah benar dan
dapat dipertanggungjawabkan secara hukum. Apabila di kemudian hari ternyata
dijumpai ketidak- sesuaian dengan kenyataan, saya sanggup menerima sanksi.

Demikian biodata ini saya buat dengan sebenarnya untuk memenuhi salah satu
persyaratan dalam pengajuan Hibah Bersaing.

Yogyakarta, 10 Oktober 2015


Yogyakarta, 20 April 2013

Prof. Ir. Suyoto, M.Sc., Ph.D

BIODATA PENGUSUL HIBAH BERSAING


I. Identitas Diri
1.
2.
3.
4.
5.
6.
7.

Nama Lengkap (dengan gelar)


Jabatan Fungsional
Jabatan Struktural
NIP/NIK/No. identitas lainnya
NIDN
Tempat dan Tanggal Lahir
Alamat Rumah

8.
9.
10.
11.

Nomor Telepon/Fax
Nomor HP
Alamat Kantor
Nomor Telepon/Faks

12.
13.

Alamat e-mail
Lulusan yg telah dihasilkan

14. Mata Kuliah yg diampu

B. Yudi Dwiandiyanta, S.T., M.T.


L/P
Lektor
Wakil Ketua Program Studi Teknik Informatika
11.99.668
0524047601
Yogyakarta, 24 April 1976
Sanggrahan GP III RT07/RW09 No 194
Banyuraden, Gamping, Sleman, Yogyakarta
0274-617278
0816 422 3048
Jl. Babarsari 43, Yogyakarta 55281
Telp. 0274-487711 (hunting)
Fax. 0274-485223
yudi-dwi@staff.uajy.ac.id
S1= 80 orang ; S2= 8 orang; S3= - orang;
1. Pengolahan Citra
2. Klasifikasi dan Pengenalan Pola
3. Metodologi Penelitian
4. Dasar Multimedia
5. Inteligensi Buatan

II. Riwayat Pendidikan


Nama Perguruan Tinggi
Bidang Ilmu
Tahun Masuk-Lulus
Judul Skripsi/Thesis/Disertasi

Nama Pembimbing/Promotor

S1

S2

Universitas Gadjah
Mada Yogyakarta
Teknik Elektro
1994 1999
Peningkatan
Kontras Citra

Universitas Gadjah
Mada Yogyakarta
Computer Science
2003 2005
Watermarking Citra
Warna Digital
menggunakan
Alihragam Wavelet
Prof. Adhi Susanto,
M.Sc., Ph.D

Prof. Adhi Susanto,


M.Sc., Ph.D

S3
-

III. Pengalaman Penelitian (Bukan Skripsi, Tesis, Maupun Disertasi)


No.

Tahun

Judul Penelitian

2011

2010

2010

2009

2010

2009

2005

2006

2007

10

2008

11

2010

Rancang Bangun Layanan Konten


Ponsel Dengan Pendekatan Multimedia
Interaktif
(sebagai anggota peneliti)
Rancang Bangun Layanan Konten
Ponsel Dengan Pendekatan Multimedia
Interaktif
(sebagai anggota peneliti)
Pemampatan Basisdata Dan Pengenalan
Pola Citra Satelit Untuk Deteksi Dini
Bencana Alam
(sebagai anggota peneliti)
Pemampatan Basisdata Dan Pengenalan
Pola Citra Satelit Untuk Deteksi Dini
Bencana Alam
(sebagai anggota peneliti)
Watermarking
Video
Digital
menggunakan
Discrete
Wavelet
Transform (DWT) berbasis Human
Visual System (HVS)
Watermarking Citra Warna Digital
dengan Alihragam Wavelet - Discrete
Cosine Transform
Penentuan Waktu Kawin Ternak Babi
Melalui Analisis Citra Kelamin Babi
Betina dengan Menggunakan Alihragam
Wavelet dan Jaringan Syaraf Tiruan
Pencarian Citra (Image Querying) pada
Basis Data Citra dengan Menggunakan
Alihragam Wavelet
Perbandingan
Watermarking
Citra
dengan Alihragam Wavelet dan Discrete
Cosine Transform
Perbandingan
Strategi
Penyisipan
Watermark pada Komponen Frekuensi
Tinggi, Menengah dan Rendah Citra
menggunakan
Alihragam
Discrete
Fourier Transform (DFT)
Pengembangan Aplikasi Deteksi Tepi
Citra Medis menggunakan Algoritma
Gradien

Pendanaan
Jml (Juta Rp)
Sumber
Hibah
87,5
Kompetensi

Hibah
Kompetensi

72,5

Hibah
Bersaing

50

Hibah
Bersaing

50

PDM

10

PDM

10

LPPM
UAJY

3,15

LPPM
UAJY

3,15

LPPM
UAJY

3,15

LPPM
UAJY

3,15

LPPM
UAJY

3,15

Sumber Pendanaan: PDM, SKW, Fundamental Riset, Hibah Bersaing, Hibah Pekerti, Hibah Pascasarjana,
RAPID atau sumber lainnya, sebutkan.

IV. Pengalaman Pengabdian Kepada Masyarakat (Bukan Skripsi, Tesis, Maupun


Disertasi)
Urutkan judul pengabdian kepada masyarakat yang pernah dilakukan(sebagai
ketua) selama 5 tahun terakhir dimulai dari yang paling diunggulkan menurut
saudara sampai pengabdian kepada masyarakat yang tidak diunggulkan:
No.

Tahun

Judul Pengabdian Kepada


Masyarakat

2007

2007

2005

2004

2003

Projek Program Early Recovery


Assistance (ERA) Livelihood United
Nation Development Programme
(UNDP) Uiversitas Atma Jaya
Yogyakarta (UAJY) di desa Tugu, Kec.
Cawas, Kab. Klaten, Jawa Tengah
Projek Program Shelter, United Nation
Development Programme (UNDP)
Uiversitas Atma Jaya Yogyakarta
(UAJY) di Sengon, Prambanan, Jawa
Tengah
Pelatihan Mcrosoft Excel (Grafik dan
Pencetakan) kepada Karyawan Paroki se
Kevikepan DIY
Pelatihan Microsoft Word 97 (Mail
Merge) bagi Pamong Desa Umbulrejo,
Banaran, Dengok dan Desa Giriasih,
Gunung Kidul
Pelatihan Simulasi bagi Staf Akademik
untuk Program SEMI-QUE V Prodi
Teknik Informatika UAJY

Pendanaan
Jml (Juta Rp)
Sumber
UNDP

250

UNDP

250

UAJY

UAJY

Dikti

* Tuliskan sumber pendanaan: Penerapan Ipteks, Vucer, Vucer Multitahun, UJI, Sibermas, atau sumber
lainnya.

V. PENGALAMAN PENULISAN ARTIKEL ILMIAH DALAM JURNAL


No.

Tahun

Judul Artikel Ilmiah

1.

2012

New Shadow Modeling


Approach Of Wayang Kulit

2.

2012

3.

2012

Development of M-Psychology for Indonesian


Junior High School
Efforts to Improve Guidance Counseling
Services Using ICT for Junior High School
Student

Volume/ Nomor

Nama Jurnal

Volume 42, June


2012

International
Journal of
Advanced
Science and
Technology
(IJAST)
Advanced
Science Letters
International
Journal of
Advanced
Science and
Technology
(IJAST)

Volume 5
Volume 39

No.

Tahun

Judul Artikel Ilmiah

Volume/ Nomor

Nama Jurnal

4.

2006

Volume: X,
No.3, Juli 2006

Jurnal Teknologi
Industri, ISSN:
1410-5004

5.

2005

Penentuan Waktu Kawin Ternak Babi Melalui


Analisis Citra Kelamin Babi Betina dengan
menggunakan Alihragam Wavelet dan
Jaringan Saraf Tiruan
Perbandingan Beberapa Jenis Wavelet untuk
Watermarking Citra Digital

6.

2005

Volume: IX,
No.2, April 2005

7.

2005

Watermarking Citra Warna Digital


Menggunakan Alihragam Wavelet Daubechies
dan Strategi Penyisipan Watermark pada
Subbidang Detail Citra
Watermarking Citra Digital menggunakan
Alihragam Wavelet

8.

2007

Volume: XI,
No.1

9.

2004

Kompresi Berkas Video Menggunakan


Alihragam Wavelet: Pengaruh Jenis Wavelet
dan Level Dekomposisi Wavelet terhadap
Rasio Kompresi
Image Denoising menggunakan Wavelet
Shrinkage

Volume IX,
Nomor 4

AITI, Jurnal
Teknologi
Informasi, ISSN:
1693-8348
Jurnal Teknologi
Industri, ISSN:
1410-5004
Jurnal Teknologi
Industri, ISSN:
1410-5004
Jurnal Teknologi
Industri, ISSN:
1410-5004

Volume VIII,
Nomor 1

Jurnal Teknologi
Industri, ISSN:
1410-5004

VI. Pengalaman Penyampaian Makalah Secara Oral Pada Pertemuan / Seminar


Ilmiah Dalam 5 Tahun Terakhir
No.
1.

2.

Nama Pertemuan
Ilmiah / Seminar
The 2011 International
Conference on Multimedia,
Computer Graphics and
Broadcasting (MulGraB
2011)
The 2011 International
Conference on Multimedia,
Computer Graphics and
Broadcasting (MulGraB
2011)
Seminar Sistem Informasi
Indonesia 2009

Seminar Nasional
Teknologi Industri
(SNTI) 2010

The 2nd International


Conference on Digital
Image Processing (ICDIP
2010)
Seminar Hasil Penelitian
Dosen Muda dan Studi
Kajian Wanita tahun 2009

Judul Artikel Ilmiah

Waktu dan Tempat

Design and Implementation of


Mobile Leadership with Interactive
Multimedia Approach

December 8-10, 2011 at


Jeju, Korea

Development of M-Psychology for


Indonesian Junior High School

November 8-10, 2011 at


Jeju, Korea

Pemampatan Citra Satelit


Menggunakan Beberapa Fungsi
Gelombang-Singkat
Watermarking Citra Warna Digital
dengan Alihragam Wavelet Discrete Cosine Transform

Institut Teknologi Surabaya,


Surabaya, 2009
Universitas Trisakti, Jakarta,
2010

Satellite Image Compression Using


Wavelet

Nanyang University
Singapore, 2010

Watermarking Citra Warna Digital


dengan Alihragam Wavelet
Discrete Cosine Transform

Kopertis V, 2009

No.

Nama Pertemuan
Ilmiah / Seminar

Judul Artikel Ilmiah

Waktu dan Tempat

Forum Ilmiah Nasional


Membangun Keunggulan
Kompetitif Riset Perguruan
Tinggi Menuju
Kemandirian Indonesia
2011
Forum Ilmiah Nasional
Membangun Keunggulan
Kompetitif Riset Perguruan
Tinggi Menuju
Kemandirian Indonesia
2011

Analisis Unjuk Kerja Pelatihan JST


Backpropagation pada Pengenalan
Tulisan Tangan Aksara Batak Toba

Program Pascasarjana
Universitas Muhammadiyah
Yogyakarta, 24 Desember
2011

Rancang Bangun Aplikasi


Pengenalan Tulisan Tangan
Hanacaraka berbasis Multimedia

Program Pascasarjana
Universitas Muhammadiyah
Yogyakarta, 24 Desember
2011

VII. Pengalaman Penulisan Buku dalam 5 Tahun Terakhir


No.

Tahun

Judul Buku

2013

Multimedia Pembelajaran: Teori dan Praktek

2
3
4.
5.

Jumlah
Halaman

Penerbit

300+xi

Andi Offset
(dalam proses
penerbitan)

VIII. Pengalaman Pengembangan Teknologi Tepat Guna Dalam 5 10 Tahun


Terakhir
No.

Tahun

Judul/Tema Teknologi Tepat Guna

Jenis

2012

Mobile Psikologi Dengan Pendekatan Multimedia


Interaktif

Perangkat
Lunak

IX. Pengalaman Perolehan HKI Dalam 5 10 Tahun Terakhir


No.

Tahun

Judul/Tema HKI

Jenis

Nomor P/ID

X. Pengalaman Merumuskan Kebijakan Publik/Rekayasa Sosial Lainnya Dalam 5


Tahun Terakhir
No.

Tahun

Judul/Tema/Jenis Rekayasa Sosial


Lainnya yang telah diterapkan

Tempat
Penerapan

Respon
Masyarakat

XI. Penghargaan yang Pernah Diraih dalam 10 tahun Terakhir (dari pemerintah,
asosiasi atau institusi lainnya)
No.

Jenis Penghargaan

Institusi Pemberi

Tahun

Penghargaan

Semua data yang saya isikan dan tercantum dalam biodata ini adalah benar dan
dapat dipertanggungjawabkan secara hukum. Apabila di kemudian hari ternyata
dijumpai ketidak-sesuaian dengan kenyataan, saya sanggup menerima risikonya.
Demikian biodata ini saya buat dengan sebenarnya untuk memenuhi salah satu persyaratan
dalam pengajuan Hibah Bersaing.
Yogyakarta, 10 Oktober 2015
Yogyakarta, 20 April 2013
Pengusul,

( B. Yudi Dwiandiyanta, S.T., M.T.)




LAMPIRAN 5
SURAT PERNYATAAN KETUA PENELITI

LAMPIRAN 3.
SUSUNAN ORGANISASI TIM PENELITI DAN PEMBAGIAN TUGAS

No

Nama / NIDN

Thomas
UAJY
Suselo, ST.,
MT.
/
0527118001

Teknik
Informatika
Mobile
Computing

14

Koordinator
seluruh
kegiatan
penelitian, analisis,
perancang,
dan
pengimplemnastia
n system, serta
pengkukuran
produktivitas kerja

Prof.
Ir. UAJY
Suyoto,
M.Sc., P.hD. /
0510086401

Teknik
Informatika
Soft
Computing

14

Koordinator
survey action
checklist,
perancang
arsitektur dan
tindakan perbaikan

UAJY
B. Yudi
Dwiandiyanta,
ST., MT.

Teknik
Informatika
Soft
Computing

14

Koordinator
survey action
checklist,
perancang
arsitektur dan
tindakan perbaikan

/
0524047601

Instansi
Asal

Bidang
Ilmu

Alokasi
Waktu
(jam/minggu)

Uraian Tugas

Anda mungkin juga menyukai