50

BAB III ANALISIS DAN PERANCANGAN SISTEM

3.1 Analisis Sistem Analisis sistem bertujuan untuk mengidentifikasi permasalahan

permasalahan yang ada pada sistem. Analisa ini diperlukan sebagai dasar untuk tahapan perancangan sistem. Analisis sistem meliputi identifikasi masalah, spesifikasi aplikasi, spesifikasi pengguna dan lingkungan operasi.

3.1.1 Analisis Masalah Masalah yang dihadapi dalam membangun aplikasi ini adalah sebagai berikut: a. Bagaimana membangun SIG berdasarkan data spasial dan data non-spasial yang diperoleh. b. Bagaimana cara menentukan titik koordinat lokasi wisata secara akurat. c. Bagaimana supaya sistem yang akan di bangun dapat dimengerti oleh pengguna, sehingga informasi yang diberikan memberikan hasil yang optimal.

3.1.2 Ruang Lingkup Masalah Ruang lingkup masalah yang dibahas dalam membangun aplikasi ini yaitu memberikan layanan informasi kepada pengguna yang membutuhkan informasi lokasi dan informasi penting lainnya mengenai tempat pariwisata di Tasikmalaya. Fitur- fitur utama aplikasi ini adalah sebagai berikut: a. Pencarian lokasi pariwisata

51

b. Menampilkan informasi- informasi penting suatu tempat pariwisata c. Memberikan informasi rute kendaraan menuju objek wisata d. Pengolahan data pariwisata

3.1.3 Analisis Data

Data yang digunakan dalam GIS berupa data spasial dan data atribut. Oleh karena itu penulis mengelompokkannya berdasarkan kategori tersebut.

3.1.3.1 Data Spasial 3.1.3.1.1 Analis Google Maps API Google Maps adalah layanan Peta gratis dari perusahaan Google Inc, Google memngizinkan siapapun yang dapat menambahkan fitur Google Maps dalam web mereka sendiri dengan Google Maps API. Dalam hal kecepatan pencarian data, google sangat diunggulkan oleh semua pemakai internet, maka google maps sangat optimal dan handal dalam hal pencarian data. Elemen elemen penting pada Google Map API adalah : 1. Loading Google Maps API Koneksi script yang kita buat ke server Google Map API dengan menggunakan key yang anda dapatkan pada saat anda mendaftar ke Google Maps API. 2. Map DOM Elements Untuk menampilkan map pada halaman web, umumnya menggunakan div tag untuk menampungnya. Diharuskan membuat sebuah div tag

52

dengan nama "map_canvas", dan mereferensikan element ini ke Document Object Model (DOM) 3. GMap2 - Elementary Object Class javascript yang membuat peta itu ada adalah class GMap2, Object dari class ini akan menyediakan sebuah peta di halaman web, Variable map akan berikan nilai sebuah object dari class GMap2. Fungsi GMap2 adalah sebagai constructor dan definisinya. 4. Inisialisasi Map nisialisasi di proses dengan menggunakan method setCenter(). Method setCenter() membutuhkan GetLatLng koordinat dan zoom level, dan method ini harus segera dikirim sebelum ada pengoperasian lain pada peta, termasuk seting atribut peta itu sendiri 5. Loading Map Ketika halaman HTML di render, document object model (DOM) sudah bisa digunakan, dan semua gambar external dan script diterima oleh object document. Untuk memastikan peta kita di muat sesudah halaman selesai dimuat oleh browser 6. Fungsi GUnload
adalah utility

untuk menangani memory leak

7. Fungsi GDirections Adalah utility yang menangani masalah pencarian rute 8. GMarker Marker adalah simbol yang menandakan suatu lokasi wisata pada peta yang ditampilkan Google Maps

53

Google Maps API adalah library JavaScript. Dengan menggunakan Google Maps API kita dapat menghemat waktu dan biaya untuk membangun aplikasi peta digital yang handal, sehingga dapat fokus hanya pada data-data non spasial, Maps yang dipakai digoogle maps adalah maps dunia, maka diperlukan sebuah pembatas yaitu polygon, polygon adalah shape yang digunakan untuk menandakan suatu daerah atau area. Polygon yaitu terdiri dari kumpulan titik koordinat. Daerah Tasikmalaya di tandai dengan polygon sebagai pembatas dari daerah sebelahnya agar daerah lokalisir Tasikmalaya bisa di lihat dan bisa di tentukan titik titik koordinat yang di dalam daerah Kota Tasikmalaya atau berada diluar kota tasikmalaya, di gunakan rumus yaitu mencari 1 titik diantara dua titik, untuk langkah langkahnya adalah sebagai berikut

Gambar 3.1 Teknik Penyelesaian Lokalisir Daerah 1. Menentukan titik/koordinat utama dari polygon atau batas daerah, 2. Membuat garis dari titik titik utama disepanjang polygon,

54

3. Mencari titik titik dari garis yang dibuat dengan jarak yang sama, 4. Dari perhitungan yang dilakukan lewat penentuan garis yang telah dibuat didapatkan batas kiri dan batas kanan dari sebuah polygon atau daerah lokalisir, 5. Batas kanan dan batas kiri dibuat menjadi array agar bisa di pakai untuk validasi data koordinat yang akan dimasukkan. 6. Membandingkan koordinat yang akan di inputkan apakah terdapat

didalam polygon atau berada diluar polygon.

Dan untuk menandakan posisi potensi wisata di gunakan marker, sebagai penanda pada satu titik koordinat, dan sebagai penunjuk arah atau rutenya menggunakan API GDirections, GDirections menyediakan rute dari satu tempat ketempat lain.

3.1.3.2 Data Atribut/ Non Spasial Data atribut merupakan data pendukung, dalam hal ini data wisata, seperti alamat, kode pos, gambar, keterangan dan sebagainya.

3.1.4 Analisis Prosedur Analisis prosedur dilakukan untuk menetapkan proses apa saja yang dilakukan sistem. Dalam proses pelaksanaannya, pengolahan data harus dilaksanakan berdasarkan prosedur-prosedur yang telah ditetapkan, seperti berikut:
1. Data wisata dimasukan dari user yang telah terdaftar (Member).

55

2. Data wisata yang didapat kemudian diolah oleh Admin, diperiksa apakah data tersebut layak atau benar untuk di tampilkan, jika data tersebut layak untuk ditampilkan maka Admin memasukan Latitude dan Longitude (Koordinat) pada data tersebut agar kemudian tampilkan,
3.

kemudian menghasilkan data yang siap disajikan kepada pengunjung. Pengunjung dapat melihat data wisata tersebut dan rute perjalanan menuju lokasi wisata tersebut.

3.1.5 Kebutuhan Perangkat Lunak Berikut akan dijelaskan tentang beberapa kebutuhan spesifikasi perangkat lunak yang menunjang dalam pembuatan aplikasi ini, diantaranya sebagai berikut: 1. Sistem Operasi : Windows XP SP2. 2. Database : MySQL versi 5.0. 3. Pemrograman : PHP versi 5, JavaScript. 4. Aplikasi : Apache Web Server 2.2.

Aplikasi web yang akan dibangun memiliki kemampuan sebagai berikut: a. Dapat menampilkan lokasi wisata beserta informasi yang ada pada suatu objek wisata dan rute kendaraan menuju lokasi wisata tersebut. b. Memiliki kemampuan navigasi peta seperti zoom in, zoom out, recenter,index, indeks dan calebar. c. Memiliki fitur pencarian, untuk mencari lokasi dan informasi suatu wisata. d. Memberikan informasi rute perjalanan menuju suatu objek wisata.

3.1.6 Perangkat Keras

56

Perangkat keras merupakan salah satu hal yang harus kita perhatikan, karena tanpa perangkat keras yang memenuhi syarat, aplikasi yang akan kita bangun tidak akan bisa berjalan dengan baik. Berikut spesifikasi perangkat keras yang digunakan untuk membangun aplikasi ini: 1. Memory 1 GB 2. Processor Intel Pentium IV 2.4GHz 3. Harddisk 80GB 4. Video Card 128MB 5. Monitor 1024 x 768 dengan 256 warna

3.1.7 Pengguna Sistem

Aplikasi ini dapat digunakan oleh pengunjung yang ingin mengetahui lokasi wisata dikota Tasikmalaya, pengunjung hanya bisa melihat data wisata yang telah di olah. Pengunjung bisa mendaftarkan sabagai member di website ini , maka pengunjung tersebut di beri otoritas untuk bisa memasukan data wisata, dan mengubah data yang telah di masukan oleh user tersebut, dan yang mempunyai akses penuh atas WebGIS ini adalah admin, admin disini adalah pegawai bagian IT di Dinas Perhubungan Kota Tasikmalaya, admin diharuskan mempunyai pengetahuan di bidang geografis, khususnya untuk wilayah kota Tasikmalaya. Dan admin menggunakan GPS untuk menentukan Latitude dan Longitude yang akurat.

57

3.2 Analisis Basis Data E-R merupakan cara untuk mengorganisasikan data, dimana diagram ini akan memperlihatkan hubungan entitas yang terdapat dalam sistem. E-R yang diusulkan untuk sistem yang akan dibangun dapat dilihat pada gambar 3.2 dibawah ini.

58

Gambar 3.2 ERD WebGIS Pariwisata Kota Tasikmalaya

59

3.3 Analisis Kebutuhan Fungsional Dalam langkah ini dilakukan penentuan entitas-entitas, data-data yang mengalir serta prosedur-prosedur yang bisa dilakukan oleh masing- masing entitas. 3.3.1 Diagram Konteks (Context Diagram) Diagram konteks adalah alur data yang berfungsi untuk menggambarkan keterkaitan aliran-aliran data antara sistem dengan bagian-bagian luar. Adapun diagram konteks untuk sistem yang akan dibangun dapat dilihat pada gambar 3.3 dibawah ini.

Gambar 3.3 Diagram konteks webSIG Pariwisata Kota Tasikmalaya

60

Diagram konteks menggambarkan hubungan antara entitas-entitas yang terdapat diluar sistem dengan sistem dan masukan serta keluaran dari sistem. Dalam sistem informasi ini, terdapat 4 entitas yaitu : a. Pengunjung Pengunjung adalah siapa saja yang mengakses web site SIG ini tanpa harus login terlebih dahulu, dan aksesnya terbatas hanya fitur- fitur tertentu.

b. Member member adalah siapa saja yang yang mendaftar pada aplikasi ini dan mempunyai akses untuk menambah, menghapus, dan merubah data wisata yang telah mereka inputkan. c. Admin Admin adalah user yang memiliki hak akses penuh atas sistem ini yang dapat melakukan update data dan manajemen data. d. Google Maps API Google Maps Api adalah tool atau library dari Google untuk menampilkan peta digital di website, penggunaan Google Maps di website dapat melalui pemrogramman. 3.3.2 Diagram Aliran Data (Data Flow Diagram) DFD adalah sebuah teknik yang menggambarkan aliran data dan transformasi yang digunakan sebagai perjalanan data dari masukan menuju keluaran..

61

Dibawah ini adalah DFD Level 1 dimana terdapat sepuluh proses yaitu proses login merupakan proses pertama yang harus dilakukan admin agar bisa memasuki proses selanjutnya yaitu pendaftaran, login, olah wisata, olah jalan, olah kategori, olah berita, olah kelurahan, olah kecamatan dan olah user, dan proses pertama yang harus di lakukan proses pendaftaran pengunjung menjadi member, agar bisa melakukan proses tambah, ubah dan hapus wisata, pada gambar 3.4 dijelaskan bagaimana seluruh usulan sistem yanga kan di bangun...

62

Gambar 3.4 DFD Level 1 WebGIS Pariwisata Kota Tasikmalaya

63

Gambar 3.5 DFD Level 2 Proses 1 Pendaftaran Member DFD Level 1 menjelaskan proses pendaftaran member oleh pengunjung.

Gambar 3.6 DFD Level 2 Proses 2 Login User

64

Gambar 3.7 DFD Level 2 Proses Olah Wisata

Pada gambar 3.7 Pada DFD Level 2 proses olah wisata ini terdiri atas proses tambah,hapus, edit, dan cari data wisata.

65

Gambar 3.8 DFD Level 2 Proses Olah Jalan

Pada gambar 3.8 Pada DFD Level 2 proses olah jalan ini terdiri atas proses tambah,hapus, edit, dan cari data jalan.

66

Gambar 3.9 DFD Level 2 Proses Olah Kategori

P Pada gambar 3.09 ada DFD Level 2 proses olah Kategori ini terdiri atas proses tambah,hapus, edit, dan cari data Kategori.

67

Gambar 3.10 DFD Level 2 Proses Olah Berita

Pada gambar 3.10 Pada DFD Level 2 proses olah berita ini terdiri atas proses tambah,hapus, edit, dan cari data berita.

68

Gambar 3.11 DFD Level 2 Proses Olah Kelurahan

Pada gambar 3.11 Pada DFD Level 2 proses olah kelurahan ini terdiri atas proses tambah,hapus, edit, dan cari data kelurahan.

69

Gambar 3.12 DFD Level 2 Proses Olah Kecamatan

Pada gambar 3.12 DFD Level 2 proses olah kelurahan ini terdiri atas proses tambah,hapus, edit, dan cari data kecamatan.

70

Gambar 3.13 DFD Level 2 Proses Olah User Pada gambar 3.13 DFD Level 2 proses olah user ini terdiri atas proses tambah,hapus, edit, dan cari data user. 3.3.3 Spesifikasi Proses Proses-proses yang terdapat pada Data Flow Diagram akan dijelaskan lebih terperinci pada spesifikasi proses sebagai berikut :

71

Tabel 3.1. Spesifikasi Proses

weNO PROS ES No Proses Nama Proses Source (sumber) Input Output 1 Destinati on (tujuan) Begin Logika Proses {pengunjung melaku kan daftar member dengan memasukkan data pengunjung} end No Proses Nama Proses Source (sumber) Input Output Destinati on (tujuan) 2 pengunjung Begin {pengunjung input identitas pengujung ke database} if validasi benar Then pendaftaran berhasil, kirim kode_konfirmasi ke Logika Proses email pengunjung else Pendaftaran invalid endif end No Proses Nama Proses Source (sumber) 3 Input 2.1 Login Admin -UserName -Password -UserName Invalid Output Destinati on -Password Invalid Admin 1.2 Konfirmasi Pengunjung Data daftar Pendaftaran Invalid 1.1 Daftar Member Pengunjung Identitas Pengunjung Info Identitas Pengunjung Pengunjung KET ERANGAN

72

(tujuan) Begin {Admin input UserName, Password ke database} if UserName ada dan Password benar Logika Proses Then UserName, Password valid menuju proses 2.0 else Tamp il info UserName, Password invalid endif end No Proses Nama Proses Source (sumber) Input Output Destination (tujuan) 4 begin {Ad min memasukan Username ke database} if Username ada then UserName valid menuju ke proses 1.2 Logika Proses else Tamp il info login invalid endif end No Proses Nama Proses Source (sumber) Input Output Destination (tujuan) Admin begin {Ad min memasukan Password ke database} 3 Logika Proses if Password ada then Password valid menuju ke proses 2.0 else Tamp il info login invalid endif end 2.3 Verifikasi Password Admin Password Password Invalid 2.2 Verifikasi Username Admin Username Username Invalid Admin

73

No Proses Nama Proses Source (sumber) Input Output Destination (tujuan) 4

3.1 Tambah Data Wisata Admin, Member Data wisata yang akan ditambah Informasi Data wisata yang sudah ditambah Admin, Member

Logika Proses

Begin {Admin/Member manambah data wisata ke database} If data wisata benar Then Menampilkan data berhasil ditambah Else Menampilkan pesan error data tidak berhasil ditambah End
3.2 Hapus Data Wisata Admin Data Wisata Yang akan di hapus Info Data wisata yang sudah dihapus Admin

No Proses Nama Proses Source (sumber) Input Output Destination (tujuan) 5

Logika Proses

Begin {Admin/Member manghapus data wisata ke database} If data wisata ada Then Menampilkan data berhasil dihapus Else Menampilkan pesan error data tidak berhasil dihapus End
3.3 Edit Data Wisata Admin, Member Data Wisata yang akan diubah Informasi Wisata yang diubah Admin, Member, dan pengunjung

No Proses Nama Proses Source (sumber) 6 Input Output Destination (tujuan) Logika Proses

Begin {Admin/Member mangubah data wisata ke

74

database} If data wisata benar Then Menampilkan data berhasil diedit Else Menampilkan pesan error data tidak berhasil di-edit End
No Proses Nama Proses Source (sumber) Input Output Destination Admin, member, dan pengunjung (tujuan) 7 3.4 Cari Data Wisata Admin, Member dan pengunjung Data_wisata_yang_dicari Info_data_wisata_yang_dicari

Logika Proses

Begin {Admin/Member/pengunjung mancari data wisata ke database} If data wisata ada Then Menampilkan data berhasil ditemukan,dan data ditampilkan Else Menampilkan pesan error data tidak ditemukan End
4.1 Tambah Data Jalan Admin Data jalan yang akan ditambah Informasi Data jalan yang sudah ditambah Admin

No Proses Nama Proses Source (sumber) Input Output Destination (tujuan)

Logika Proses

Begin {Admin manambah data jalan ke database} If data jalan benar Then Menampilkan data jalan berhasil ditambah Else Menampilkan pesan error data tidak berhasil ditambah End
4.2 Hapus Data Jalan Admin

No Proses 9 Nama Proses Source (sumber)

75

Input Output Destination (tujuan)

Data Jalan Yang akan d i hapus Info Data jalan yang sudah dihapus Admin

Logika Proses

Begin {Admin menghapus data jalan ke database} If data wisata ada Then Menampilkan data berhasil dihapus Else Menampilkan pesan error data tidak berhasil dihapus End
4.3 Edit Data Jalan Admin Data jalan yang akan diubah Informasi jalan yang diubah Admin

No Proses Nama Proses Source (sumber) Input Output Destination (tujuan)

10

Logika Proses

Begin {Admin mengubah data jalan ke database} If data data jalan benar Then Menampilkan data berhasil di-edit Else Menampilkan pesan error data tidak berhasil di-edit End
4.4 Cari Data Jalan Admin, Member Data_jalan_yang_dicari Info_data_jalan_yang_dicari Admin, member

No Proses Nama Proses Source (sumber) Input Output Destination (tujuan) 11

Logika Proses

Begin {Admin/Member mencari data jalan ke database} If data jalan ada Then Menampilkan data berhasil ditemukan,dan data ditampilkan Else Menampilkan pesan error data tidak ditemukan End

76

No Proses Nama Proses Source (sumber) Input Output Destination

5.1 Tambah Data kategori Admin Data kategori yang akan ditambah Informasi Data kategori yang sudah ditambah Admin

12

(tujuan)

Logika Proses

Begin {Admin manambah datakategori ke database} If data kategori benar Then Menampilkan data kategori berhasil ditambah Else Menampilkan pesan error data tidak berhasil ditambah End
5.2 Hapus Data kategori Admin Data kategori yang akan di hapus Info Data kategori yang sudah dihapus Admin

No Proses Nama Proses Source (sumber) Input Output Destination (tujuan) 13

Logika Proses

Begin {Admin menghapus data kategori ke database} If data kategori ada Then Menampilkan data berhasil dihapus Else Menampilkan pesan error data tidak berhasil dihapus End
5.3 Edit Data kategori Admin Data kategori yang akan diubah Informasi kategori yang diubah Admin

No Proses Nama Proses Source (sumber) Input Output Destination (tujuan)

14

Logika Proses

Begin {Admin mengubah data kategori ke database} If data data kategori benar Then

77

Menampilkan data berhasil di-edit Else Menampilkan pesan error data tidak berhasil di-edit End
No Proses Nama Proses Source (sumber) Input Output Destination Admin, member (tujuan) 15 5.4 Cari Data kategori Admin, Member Data_kategori_yang_dicari Info_data_kategori_yang_dicari

Logika Proses

Begin {Admin/Member mencari data jalan ke database} If data kategori ada Then Menampilkan data berhasil ditemukan,dan data ditampilkan Else Menampilkan pesan error data tidak ditemukan End
6.1 Tambah Data Berita Admin Data barita yang akan ditambah Informasi Data berita yang sudah ditambah Admin

No Proses Nama Proses Source (sumber) Input Output Destination (tujuan) 16

Logika Proses

Begin {Admin manambah data berita ke database} If data berita benar Then Menampilkan data berita berhasil ditambah Else Menampilkan pesan error data tidak berhasil ditambah End
6.2 Hapus Data berita Admin Data berita yang akan d i hapus Info Data berita yang sudah dihapus

No Proses Nama Proses Source (sumber) Input Output

78

7 Destination Admin (tujuan)

Logika Proses

Begin {Admin menghapus data berita ke database} If data berita ada Then Menampilkan data berhasil dihapus Else Menampilkan pesan error data tidak berhasil dihapus End
6.3 Edit Data kategori Admin Data berita yang akan diubah Informasi berita yang diubah Admin

No Proses Nama Proses Source (sumber) Input Output Destination (tujuan)

18

Logika Proses

Begin {Admin mengubah data kategori ke database} If data data kategori benar Then Menampilkan data berhasil di-edit Else Menampilkan pesan error data tidak berhasil di-edit End
6.4 Cari Data kategori Admin, Member Data_kategori_yang_dicari Info_data_kategori_yang_dicari Admin, member

No Proses Nama Proses Source (sumber) Input Output Destination (tujuan) 19

Logika Proses

Begin {Admin/Member mencari data berita ke database} If data kategori ada Then Menampilkan data berhasil ditemukan,dan data ditampilkan Else Menampilkan pesan error data tidak ditemukan End
7.1

20

No Proses

79

Nama Proses Source (sumber) Input Output Destination

Tambah Data Kelurahan Admin Data kelurahan yang akan ditambah Informasi Data kelurahan yang sudah ditambah Admin

(tujuan)

Logika Proses

Begin {Admin manambah data kelurahan ke database} If data kelurahan benar Then Menampilkan data kelurahan berhasil ditambah Else Menampilkan pesan error data tidak berhasil ditambah End
7.2 Hapus Data kelurahan Admin Data kelurahan yang akan di hapus Info Data kelurahan yang sudah dihapus Admin

No Proses Nama Proses Source (sumber) Input Output Destination (tujuan) 21

Logika Proses

Begin {Admin menghapus data kelurahan ke database} If data kelurahan ada Then Menampilkan data berhasil dihapus Else Menampilkan pesan error data tidak berhasil dihapus End
7.3 Edit Data keluran Admin Data kelurahan yang akan diubah Informasi berita yang diubah Admin

No Proses Nama Proses Source (sumber) Input Output Destination (tujuan)

22

Logika Proses

Begin {Admin mengubah data kelurahan ke database} If data data kelurahan benar Then Menampilkan data berhasil di-edit Else

80

Menampilkan pesan error data tidak berhasil di-edit End

No Proses Nama Proses Source (sumber) Input Output Destination Admin (tujuan) 23 7.4 Cari Data kelurarahn Admin Data_kelurahan_yang_dicari Info_data_kelurahan_yang_dicari

Logika Proses

Begin {Admin mencari data kelurahan ke database} If data kelurahan ada Then Menampilkan data berhasil ditemukan,dan data ditampilkan Else Menampilkan pesan error data tidak ditemukan End
8.1 Tambah Data Kecamatan Admin Data Kecamatan yang akan ditambah Informasi Data kecamatan yang sudah ditambah Admin

No Proses Nama Proses Source (sumber) Input Output Destination (tujuan) 24

Logika Proses

Begin {Admin manambah data Kecamatan ke database} If data Kecamatan benar Then Menampilkan data Kecamatan berhasil ditambah Else Menampilkan pesan error data tidak berhasil ditambah End
8.2 Hapus Data Kecamatan Admin Data Kecamatan yang akan d i hapus Info Data kecamatan yang sudah dihapus Admin

No Proses Nama Proses Source (sumber) 25 Input Output Destination (tujuan)

81

Logika Proses

Begin {Admin menghapus data Kecamatan ke-database} If data kecamatan ada Then Menampilkan data berhasil dihapus Else Menampilkan pesan error data tidak berhasil dihapus End
8.3 Edit Data kategori Admin Data Kecamatan yang akan diubah Informasi Kecamatan yang diubah Admin

No Proses Nama Proses Source (sumber) Input Output Destination (tujuan)

26

Logika Proses

Begin {Admin mengubah data Kecamatan ke database} If data data Kecamatan benar Then Menampilkan data berhasil di-edit Else Menampilkan pesan error data tidak berhasil di-edit End
8.4 Cari Data Kecamatan Admin, Data_kecamatan_yang_dicari Info_data_kecamatam_yang_dicari Admin

No Proses Nama Proses Source (sumber) Input Output Destination (tujuan) 27

Logika Proses

Begin {Admin mencari kecamatan berita ke database} If data kecamatan ada Then Menampilkan data berhasil ditemukan,dan data ditampilkan Else Menampilkan pesan error data tidak ditemukan End
9.1 Tambah Data User Admin Data user yang akan ditambah

No Proses Nama Proses 28 Source (sumber) Input

82

Output Destination

Informasi Data user yang sudah ditambah Admin

(tujuan)

Logika Proses

Begin {Admin manambah data user ke database} If data User benar Then Menampilkan data User berhasil ditambah Else Menampilkan pesan error data tidak berhasil ditambah End
9.2 Hapus Data User Admin Data User yang akan di hapus Info Data user yang sudah dihapus Admin

No Proses Nama Proses Source (sumber) Input Output Destination (tujuan) 29

Logika Proses

Begin {Admin menghapus data User ke-database} If data User ada Then Menampilkan data berhasil dihapus Else Menampilkan pesan error data tidak berhasil dihapus End
9.3 Edit Data User Admin Data User yang akan d iubah Informasi Useryang diubah Admin

No Proses Nama Proses Source (sumber) Input Output Destination (tujuan)

30

Logika Proses

Begin {Admin mengubah data User ke database} If data data User benar Then Menampilkan data berhasil di-edit Else Menampilkan pesan error data tidak berhasil di-edit End
9.4

31

No Proses

83

Nama Proses Source (sumber) Input Output Destination

Cari Data User Admin, Data_User_yang_dicari Info_data_user_yang_dicari Admin

(tujuan)

Logika Proses

Begin {Admin mencari kecamatan User ke database} If data user ada Then Menampilkan data berhasil ditemukan,dan data ditampilkan Else Menampilkan pesan error data tidak ditemukan End
10.0 Informasi Peta Pengunjung Data_lokasi_wisata, nama_lo kasi_wisata Info data lokasi wisata, info nama lokasi User

No Proses Nama Proses Source (sumber) Input Output Destination 30 (tujuan)

Logika Proses

Begin {pengunjung mencari lokasi wisata dipeta} If data wisata ada Then Menampilkan lokasi wisata dipeta Else Menampilkan pesan error data tidak ditemukan End

3.3.4 Kamus Data Kamus data adalah kumpulan dari elemen-elemen atau simbol yang digunakan untuk membantu dalam penggambaran atau pengidentifikasian setiap field atau file didalam sistem. Kamus data merupakan deskripsi formal mengenai seluruh elemen yang mencakup DFD.

84

Tabel 3.9 Kamus Data No 1 Kamus Nama alir data Where used/how used Deskripsi Struktur data Dilakukan oleh pengunjung yang mendaftar username+password+name+email+jenis_kelami n+no_telp+alamat username password name email jenis_kelamin no_telp alamat 2 Nama alir data Where used/how used Deskripsi Struktur data username password 3 Nama alir data Where used / used Dilakukan oleh admin yang mengelola username+password [A-Z | a- z] [A-Z | a- z | 0-9] Data wisata Admin,member proses 2.0(input),proses 2.0 [A-Z | a- z] [A-Z | a- z | 0-9] [A-Z | a- z] [A-Z | a- z | 0-9] [A-Z | a- z] [ 0-9] [A-Z | a- z | 0-9] Data Login admin-proses 1 (input) Keterangan Data Pendaftaran pengunjung-proses 1 (input)

85

(output) Deskripsi Struktur data Pengolahan data wisata id_wisata+ nama_wisata+alamat+no_telp +keterangan+longitude+latitude+id_kategori+ +status+id_user id_wisata nama_wisata alamat no_telp keterangan lat lng id_kategori status id_user 4 Nama alir data Where used / used Deskripsi Struktur data id_jalan nama_jalan kode_pos id [ 0-9] [A-Z | a- z] [A-Z | a- z] [ 0-9] [[A-Z | a-z] [ 0-9] [ 0-9] [0-9] [0-9] [[A-Z | a-z] [0-9] Data jalan Admin,proses 3.0(input),proses 3.0 (output) Pengolahan data jalan Id_jalan+ nama_jalan+kode_pos+id_kel [ 0-9] [[A-Z | a-z] [ 0-9] [ 0-9]

86

Nama alir data Where used / used

Data kategori Admin,pengunjung proses 4.0(input),proses 4.0 (output)

Deskripsi Struktur data id_kategori nama_kategori gambar 6 Nama alir data Where used / used Deskripsi Struktur data

Pengolahan data kategori id_kategori+ nama_kategori+gambar [ 0-9] [A-Z | a- z] [A-Z | a- z] Data berita Adminproses 5.0(input),proses 5.0 (output) Pengolahan data berita id_berita+id_kategori+judul+isi_berita+pengiri m+postdate

id_berita id_kategori judul isi_berita pengirim postdate 7 Nama alir data Where used / used Deskripsi Struktur data

[ 0-9] [A-Z | a- z] [A-Z | a- z] [A-Z | a- z] [A-Z | a- z] [ 0-9] Data kelurahan Adminproses 7.0(input),proses 7.0 (output) Pengolahan data kelurahan id_ kel+nama_kel+id_kec

87

id_kel nama_kel id_kec 8 Nama alir data Where used / used Deskripsi Struktur data id_kec nama_kec 9 Nama alir data Where used / used Deskripsi Struktur data

[ 0-9] [A-Z | a- z] [ 0-9] Data Kecamatan Adminproses 8.0(input),proses 8.0 (output) Pengolahan data kecamatan id_kec+nama_kec [ 0-9] [A-Z | a- z] Data user Admin, proses 6.0(input),proses 6.0 (output) Pengolahan user id_user+username+password+name +email+jenis_kelamin+notelp+alamat+id_level

id_user username password name email jenis_kelamin notelp alamat id_level

[ 0-9] [A-Z | a- z] [A-Z | a- z] [A-Z | a- z] [ 0-9] [A-Z | a- z] [A-Z | a- z] [ 0-9] [ 0-9]

88

3.4 Perancangan Sistem Perancangan sistem merupakan bagian dari metedologi penelitian dan pengembangan suatu perangkat lunak yang dilakukan setelah tahap analisis yang bertujuan untuk memberikan gambaran secara terperinci.

3.4.1 Skema Relasi Dibawah ini adalah skema relasi yang terjadi pada databse hasil konversi. Meskipun hasil konversi, dalam database ini kita boleh manambahkan beberapa atribut yang sesuai dengan kasus yang akan kita tangani.

89

Gambar 3.14 Skema Relasi WebGIS Pariwisata Kota Tasikmalaya 3.4.2 Struktur Table Struktur tabel digunakan untuk menggambarkan tabel- tabel beserta fieldfield yang digunakan secara lebih detail, dimana tipe data dan ukuran suatu field serta kunci-kunci (primary key atau foreign key) disajikan. Tabel-tabel yang digunakan sebagai berikut: 1. Tabel Potensi_wisatas

90

Digunakan untuk menampung data wisata beserta koordinat. Tabel 3.10 Struktur Tabel Potensi_Wisatas Nama field id_wisata nama_wisata alamat telpon keterangan lat lng id_kategori status id_user Tipe Data Integer Varchar Varchar Varchar Varchar Varchar Varchar Integer Varchar Integer Ukuran Data 11 100 255 50 1000 30 30 11 20 11 Kunci PK FK Dari tabel jalans

FK Dari tabel kategori_tempats FK Dari tabel user

2.

Tabel Jalans Tabel jalans digunakan untuk menampung jalan. Tabel 3.11 Struktur Tabel Jalans Nama field id_jalan nama_jalan kode_pos id_kel Tipe Data Integer Varchar Integer integer Ukuran Data 11 255 8 11 Kunci PK

FK Dari tabel kelurahan

3.

Tabel Kelurahan Tabel kelurahan digunakan untuk menampung data kelurahan. Tabel 3.12 Struktur Tabel Kelurahan Nama field id_kel nama_kel id_kec Tipe Data Integer Varchar integer Ukuran Data 11 255 11 Kunci PK FK Dari tabel kecamatan

4.

Tabel Kecamatan Tabel kecamatan digunakan untuk menampung data kecamatan.

91

Tabel 3.13 Struktur Tabel Kecamatan Nama field id_kec nama_kec Tipe Data Integer Varchar Ukuran Data 11 255 Kunci PK

5.

Tabel Kategori_tempats Tabel kategori_tempats di gunakan menyimpan data kategori wisata dan kategori berita.

Tabel 3.14 Struktur Tabel Kategori_tempats Nama field id_kategori name gambar Tipe Data Integer varchar varchar Ukuran Data 11 255 255 Kunci PK

6.

Tabel Beritas Tabel beritas untuk menyimpan data berita yang akan di posting. Tabel.15 Struktur Tabel Beritas

Nama field id_berita judul_berita isi_berita pengirim postdate id_kategori

Tipe Data Integer varchar Text Varchar Date Integer

Ukuran Data 11 255 29 11

Kunci PK

FK Dari tabel Kategori_tempats

7. Tabel User Table user menyimpan data user.

92

Tabel 3.16 Struktur Tabel User Nama field id_user username password name email notelp alamat id_level lastlogin Tipe Data Integer Varchar Varchar Varchar Varchar Varchar Varchar Integer Date Ukuran Data 11 255 255 50 255 50 50 11 Kunci PK

FK Dari tabel level

8.

Tabel Level Tabel level menyimpan data level dari user. Tabel 3.17 Struktur Tabel Level Nama field id_level name Tipe Data Integer varchar Ukuran Data 11 255 Kunci PK

9.

Tabel Detail_gambar Tabel detail_gambar menyimpan data gambar dari wisata yang di inputkan. Tabel 3.18 Struktur Tabel Detail_gambar

Nama field Tipe Data Ukuran Data id_gambar Integer 11 id_wisata integer 11 gambar varchar 255 3.4.3 Perancangan Struktur Menu

Kunci PK FK Dari tabel potensi_wisatas

Berikut ini adalah perancangan struktur menu yang akan diterapkan pada program dan dirancang seefisien mungkin untuk mengurangi kompleksitas sistem.

93

Gambar 3.15 Perancangan Menu Pengunjung

Gambar 3.16 Perancangan Menu Member

94

Gambar 3.17 Perancangan Menu Admin

3.4.4 Perancangan Antarmuka Merancang antarmuka merupakan bagian yang paling penting dari merancang sistem. Biasanya hal tersebut juga merupakan bagian yang paling sulit, karena dalam merancang antarmuka harus memenuhi tiga persyaratan yaitu sebuah antarmuka harus sederhana, sebuah antarmuka harus lengkap, dan sebuah antarmuka harus memilki kinerja yang cepat.

3.4.4.1 Perancangan Antarmuka Pengunjung

95

T01 Datan g
Home Profil

HEADER

- Klik Menu Home maka tampil T01 - Menu Profil maka tampil T02 - Klik wisata, tampil Peta T03 - Klik Berita, tampil T04 - Klik Daftar, tampil T05 - Klik Peta, tampil T06

Wisata

Berita

Daftar

Peta

Menu Potensi Wisata Alam Wisata Belanja Wisata Kuliner Support YM LINK Selamat Datang

FOOTER

Gambar 3.18 Tampilan Menu Utama - Pengunjung

96
T02
- Klik Menu Home maka tampil T01 - Menu Profil maka tampil T02 Home Profil Wisata Berita Daftar Peta - Klik Wisata, tampil T03 - Klik Berita, tampil T04 - Klik Daftar, tampil T05 - Klik Peta, tampil T06

Datan g

HEADER

Menu Potensi Wisata Alam Wisata Belanja Wisata Kuliner Support YM LINK
FOOTER

Profil

Text

Gambar 3.19 Tampilan Halaman Profil

- Klik Menu Home maka tampil T01

T03

Dat ang
Home Profil

HEADER

- Menu Pr ofil maka tampil T02 - Klik Wisata, tampil T03

Wisata

Berita

Daftar

Peta

- Klik Berita, tampil T04 - Klik Daftar, tampil T05 - Klik Peta, tampil T06

Menu Potensi Wisata Alam Wisata Belanja Wisata Kuliner Support YM LINK

Pencarian Wisata
keterangan image

Nama Wisata
ka tegori
kategori

-Untuk pencarian, pilih kategori pencarian, laul isikan objek yang akan dicari, lalu tekan tombol cari, maka data akan tampil pada area Hasil pencarian. - Jika data yang di cari tidak ditemukan akan muncul M01. -Klik Cari Rute, tampil T07

Cari

Hasil pencarian
Nama Wisata : Keterangan :

image Cari Rute

image

image

FOOTER

97

Gambar 3.20 Tampilan Halaman Data Wisata

T04

Gambar 3.23 Tampilan Halaman wisata

HEADER
Home Profil Wisata Berita Daftar Peta

- Klik Menu Home maka tampil T01 - Menu Profil maka tampil T02 - Klik Wisata, tampil T03 - Klik Berita, tampil T04 - Klik Daftar, tampil T05

Menu Potensi Wisata Alam Wisata Belanja Wisata Kuliner Support YM

Data Berita
Judul :

- Klik Peta, tampil T06

Ka tegor i:

Katego ri

-Untuk pencarian, pilih

gori

Ca ri

Data ditemukan sebanyak : X record

kategori pencarian, laul isikan objek yang akan dicari, lalu tekan tombol cari, maka data akan tampil pada area tabel data. - Jika data yang di cari tidak ditemunkan akan muncul M01.

LINK Hasil Pencarian Berita

FOOTER

Gambar 3.21 Tampilan Halaman Data Berita

98

T03

Dat ang
Home Profil

HEADER

- Kli k Menu Home ma ka - Klik Menu Home maka ta mpil T01

Berita

Wisata

Daftar

Peta

- Menu Profil maka tampil T02 - Kli k Wisata , tampil T03 - Kli k Beri ta , ta mpil T04 - Kli k Dafta r, tampil T05

Menu Potensi Wisata Alam Wisata Belanja Wisata Kuliner Support YM LINK

Form Daftar Member

keterangan image

Form Pendaftaran
Username : Password :
Ulangi password : Nama : image image image image image image image Daftar image

- Kli k Peta , tampil T06 -isi semua da ta ya ng di mi nta, -klik da ftar, jika berhasil akan ta mpil M05, da n jika ga gal akan tampil M05G

Email : assword : No telp Alama t

FOOTER

Gambar 3.22 Tampilan Halaman Daftar

Cari Potensi Wisata image

Cari

HEADER

T06

Dat ang

-masukan data yang ingin di cari lalu klik tombol cari, maka akan muncul data yang di cari -jika data tidak di temukan maka akan muncul M0 -, jika di kosongkan maka semua semua data akan dimunculkan

PETA

99

Hasil Cari Data Wisata image Data wisata gambar

PET
Info lengkap

Peta kecil

FOOTER

Gambar 3.23 Tampilan Halaman peta

T07 . . . Potensi Wisata . .
Cari Rute - T07 ini muncul pada browser baru berukuran kecil jika cari rute di T03 diklik

. .

Gambar 3.24 Tampilan cari rute

Peta
. .
Masukan Lokasi anda sekarang

. .

Cari Rute

. .

. Gambar 3.24 Tampilan Halaman Cari Rute

1.2.4.2 Perancangan Antarmuka Membe r

T08

- Isi username, paswword maka muncul T09 jika validasi berhasil atau muncul T10 jika validasi gagal. Jika berhasil akan tampil M06 Jika gagal login maka

100

HEADER
Home Username : Password : Login Wisata Tambah Kategori Berita logout

jalan me

My wisata

Peta

Selamat Datang

FOOTER

Gambar 3.25 Tampilan Login Member

101

T09 Dat ang

Home Wisata Tambah Kategori

HEADER

Menu Potensi Wisata Alam Wisata Belanja Wisata Kuliner Support YM

image

jalan Selamat Datang Admin ! keterangan

Berita

My wisata

Peta

logout

- Isi username, paswword maka muncul T09 jika validasi berhasil atau muncul T10 jika validasi gagal. -klik Logout untuk keluar dari pengolahan data dan akan muncul T08. -Klik wisata, maka muncul T09 - Klik Tambah, maka muncul T10.

Nama Wisata : Kategori :

kategori

Cari

- Klik Kategori, maka muncul T11. - Klik Berita, maka muncul T12. - Klik Jalan, maka muncul T13. - Klik My Wisata, maka muncul T14.

Hasil pencarian

Keterangan n
image image image

LINK

Cari Rute

- Klik Peta, maka muncul T06. -masukan data yang ingin dicari,dan pilih kategori untuk memilih kategori lalu klik tombol cari, maka data akan dimunculkan -Jika data tidak ketemu maka akan tampil M01

Footer

Gambar 3.26 Tampilan Menu Member

102

T10

HEADER
Wisata

-Klik wisata, maka muncul T09 - Klik Tambah, maka muncul T10. - Klik Kategori, maka muncul T11. - Klik Berita, maka muncul T12.

Home

Tambah

Kategori

Berita

jalan me

My wisata

Peta

logout

Menu Potensi Wisata Alam Wisata Belanja Wisata Kuliner

Penambahan Data wisata member

Nama Wisata Jenis Wisata Support YM Nama Jalan Telepon Keterangan Text Area

- Klik Jalan, maka muncul T13. - Klik My Wisata, maka muncul T14. - Klik Peta, maka muncul T06 -klik Logout untuk keluar dari pengolahan data dan akan muncul T08. -isi semua data yang tersedia, dan klik simpan untuk menyimpan data -jika penyimpanan data berhasil maka akan muncul M02

LINK

Gambar 1 Gambar 1 Gambar 1 Simpan

Browse Browse Browse

Reset

FOOTER

-jika penyimpanan Gambar 3.27 Tampilan Tambah Data Wisata Member tidak berhasil maka akan tampil M01G

103
T11

-Klik wisata, maka

HEADER
Wisata

muncul T09 - Klik Tambah, maka muncul T10.

Home

Tambah

Kategori

Berita

jalan me

My wisata

Peta

logout

Menu Potensi Wisata Alam Wisata Belanja Wisata Kuliner

- Klik Kategori, maka muncul T11. - Klik Berita, maka muncul T12.

Cari Kategori Member

keterangan image

- Klik Jalan, maka muncul T13.

Support YM

Nama Kategori : Cari

- Klik My Wisata, maka muncul T14. - Klik Peta, maka muncul T06.

Hasil pencarian

LINK

-masukan data yang ingin dicari,dan pilih kategori untuk memilih kategori lalu klik tombol cari, maka data akan cimunculkan -Jika data tidak ketemu maka akan tampil M01

FOOTER

Gambar 3.28 Tampilan Kategori Member

T12

HEADER

-Klik wisata, maka muncul T09 - Klik Tambah, maka muncul T10. - Klik Kategori, maka muncul T11. - Klik Berita, maka muncul T12.

Home

Wisata

Tambah

Kategori

Berita

jalan me

My wisata

Peta

logout

104

Menu Potensi Wisata Alam Wisata Belanja Wisata Kuliner

Cari Berita- Member

keterangan image

Support YM

Judul Beri ta :

Cari

Hasil pencarian

LINK

FOOTER

Gambar 3.29 Tampilan Berita Member

T13

HEADER

-Klik wisata, maka tampil T09 - Klik Tambah, maka tampil T10. - Klik Kategori, maka tampil T11. - Klik Berita, maka tampil T12. - Klik Jalan, maka tampil T13.

Home

Wisata

Tambah

Kategori

Berita

jalan me

My wisata

Peta

logout

Menu Potensi Wisata Alam Wisata Belanja Wisata Kuliner

Cari Jalan- Member

Support - Klik My Wisata, YM

105

keterangan image

Nama Jalan :

Cari

Hasil pencarian Jalan

FOOTER

Gambar 3.30 Tampilan Jalan Member

T14

HEADER

-Klik wisata, maka tampil T09 - Klik Tambah, maka tampil T10. - Klik Kategori, maka tampil T11. - Klik Berita, maka tampil T12. - Klik Jalan, maka tampil T13. - Klik My Wisata,

Home

Wisata

Tambah

Kategori

Berita

jalan me

My wisata

Peta

logout

Menu Potensi Wisata Alam Wisata Belanja Wisata Kuliner

My Wisata - Member Nama Wisata : Alamat : Keterangan :

Support

106

image

image

image

Edit imag e

Hapus image

FOOTER

Gambar 3.31 Tampilan My wisata Member

T15

-Klik wisata, maka

HEADER

muncul T09 - Klik Tambah, maka muncul T10.

Home

Wisata

Tambah

Kategori

Berita

jalan me

My wisata

Peta

logout

- Klik Kategori, maka muncul T11.

Menu Potensi Wisata Alam Wisata Belanja Wisata Kuliner

Edit Data wisata member

- Klik Berita, maka muncul T12. - Klik Jalan, maka

Nama Wisata Jenis Wisata Support YM Nama Jalan Telepon Keterangan

muncul T13. - Klik My Wisata, maka muncul T14. - Klik Peta, maka muncul T06 -klik Logout untuk keluar dari

107

Text Area

Browse Browse Browse

Edit

Reset

FOOTER

Gambar 3.32 Tampilan Edit Data - Member

1.1.1.3 Perancangan Antarmuka Admin

T16

Login Admin -klik login, jika proses login berhasil maka akan tampil T17 -Jika Login gagal maka akan muncul M06G Username : Password : Login

-masukan username dan password

Gambar

108

Gambar 3.33 Tampilan Login Admin

109

T17

HEADER

-Klik wisata , ma ka muncul T18 - Kli k Ka tegori , maka

Adminisrator

Home

Wisata

Kategori

Berita

jalan

kel

kec

Peta

logout

muncul T21 - Kli k Beri ta , maka muncul T24. - Kli k Jalan, maka muncul T27. - Kli k Peta , maka muncul T06. -klik logout untuk kelua r

me Text Area Menu Potensi

Home Admin

Wisata Alam Wisata Belanja Wisata Kuliner Pemberitahuan

image

Keterangan n

Support

YM

LINK

Footer

Gambar 3.34 Tampilan Home Admin

110

T18

HEADER

-Klik wisat a, maka muncul T18 - Klik Kat egori , maka muncul T21 - Klik Berita, maka muncul T24. - Klik Jal an, mak a muncul T27. - Klik Pet a, mak a muncul T06.

Adminisrator

Home

Wisata

Kategori

Berita

jalan

kel

kec

Peta

logout

me Text Area Menu Potensi keterangan image

Wisata Alam Wisata Belanja Wisata Kuliner Pemberitahuan

-klik logout untuk keluar Nama Wisata : Kategori :

kategori

Cari

-masuka n data yang ingin di ca ri,dan pilih ka tegori lalu klik tombol ca ri , maka da ta akan cimuncul kan -Ji ka da ta tidak ketemu ma ka aka n ta mpil M01

ADD Support
image

Hasil pencarian YM

Keterangan n
image image Edit Cari Rute imag e Footer image Hapus image

-Klik Add ma ka tampil T19 -Klik edi t makan tampil T20

LINK

-Klik hapus , jika proses berhasil ta mpil M04,ji ka gagal ta mpil M03G

Gambar 3.35 Tampilan Menu Admin

111

T19

-Klik wisata, maka

HEADER
Home Wisata Kategori

muncul T18 - Klik Kategori, maka muncul T21

Adminisrator Text Area Menu Potensi

Berita

jalan

kel

kec

Peta

logout

me

Penambahan Data wisata Admin

- Klik Berita, maka muncul T24. - Klik Jalan, maka

Wisata Alam Wisata Belanja Wisata Kuliner Pemberitahuan

Nama Wisata : Jenis Wisata : Nama Jalan : Telepon : Latitude :

muncul T27. - Klik Peta, maka muncul T06. -klik logout untuk keluar

Support

Longitude : Keterangan :

YM Text Area LINK

-isi semua data yang tersedia, dan klik simpan untuk menyimpan data -jika penyimpanan data berhasil maka akan muncul M02 -jika penyimpanan tidak berhasil maka akan tampil M02G

Upload

Browse Browse Browse

Simpan

Reset

FOOTER

Gambar 3.36 Tampilan Tambah Data Wisata Admin

112

T20

-Klik wisata, maka

HEADER
Adminisrator Text Area Menu Potensi
Home Wisata Kategori

muncul T18 - Klik Kategori, maka muncul T21

Berita

jalan

kel

kec

Peta

logout

me

Edit Data wisata Admin

- Klik Berita, maka muncul T24. - Klik Jalan, maka

Wisata Alam Wisata Belanja Wisata Kuliner Pemberitahuan

Nama Wisata : Jenis Wisata : Nama Jalan : Telepon : Latitude :

muncul T27. - Klik Peta, maka muncul T06. -klik logout untuk keluar

Support

Longitude : Keterangan :

YM Text Area LINK

-isi semua data yang tersedia, dan klik Edit untuk mengedit data -jika penyimpanan data berhasil maka akan muncul M03 -jika penyimpanan tidak berhasil maka akan tampil M03G

Upload

Browse Browse Browse

Edit

Reset

FOOTER

Gambar 3.37 Tampilan Edit Data Wisata Admin

113

T21

-Klik wisata, maka HEADER muncul T18 - Klik Kategori, maka muncul T21

Adminisrator

Home

Wisata

Kategori

Berita

jalan

kel

kec

Peta

logout

me Text Area Menu Potensi keterangan image

- Klik Berita, maka muncul T24. - Klik Jalan, maka muncul T27.

Wisata Alam Wisata Belanja Wisata Kuliner Pemberitahuan

Nama Kategori : Kategori :

kategori

- Klik Peta, maka muncul T06. -klik logout untuk

Cari

ADD Support
image

keluar
-masukan da ta yang

Hasil pencarian YM

Nama kategori : Gambar :

image

ingin di ca ri,dan pilih ka tegori lalu klik tombol ca ri , maka da ta akan cimuncul kan -Ji ka da ta tidak ketemu ma ka aka n ta mpil M0G1

LINK
Edit imag e Footer Hapus image

-Klik Add ma ka tampil T22 -Klik edi t makan tampil T23 -Klik hapus , jika proses berhasil ta mpil M04,ji ka gagal ta mpil Mo4G

Gambar 3.38 Tampilan Data Kategori Admin

114

T22 T23

-Klik wisata, maka

HEADER
Home Wisata Kategori

muncul T18 - Klik Kategori, maka muncul T21

Adminisrator Text Area Menu Potensi

Berita

jalan

kel

kec

Peta

logout

me

- Klik Berita, maka muncul T24. - Klik Jalan, maka

Penambahan Data Kategori Admin

Wisata Alam Wisata Belanja Wisata Kuliner Pemberitahuan

Nama kategori : Gambar :

Browse

muncul T27. - Klik Peta, maka muncul T06. -klik logout untuk keluar

Simpan Support

Reset

YM

-isi semua data yang tersedia, dan klik simpan untuk menyimpan data -jika penyimpanan data berhasil maka akan muncul M02 -jika penyimpanan tidak berhasil maka akan tampil M02G

LINK

FOOTER

Gambar 3.39 Tampilan Tambah Data Kategori Admin

115

T23

-Klik wisata, maka

HEADER
Home Wisata Kategori

muncul T18 - Klik Kategori, maka muncul T21

Adminisrator Text Area Menu Potensi

Berita

jalan

kel

kec

Peta

logout

me

- Klik Berita, maka muncul T24. - Klik Jalan, maka

Edit Data wisata Admin Nama kategori : Gambar :

Browse

Wisata Alam Wisata Belanja Wisata Kuliner Pemberitahuan

muncul T27. - Klik Peta, maka muncul T06.

Edit Support

Reset

-klik logout untuk keluar

YM

-isi semua data yang tersedia, dan klik Edit untuk mengedit data -jika penyimpanan data berhasil maka akan muncul M01 -jika penyimpanan tidak berhasil maka akan tampil M01G

LINK

FOOTER

Gambar 3.40 Tampilan Edit Data Kategori Admin

116

T24

HEADER

-Klik wisata, maka muncul T18 - Klik Kategori, maka

Adminisrator

Home

Wisata

Kategori

Berita

jalan

kel

kec

Peta

logout

muncul T21 - Klik Berita, maka muncul T24. - Klik Jalan, maka

me Text Area Menu Potensi keterangan image

Wisata Alam Wisata Belanja Wisata Kuliner Pemberitahuan

Judul berita : Kategori :

kategori

muncul T27. - Klik Peta, maka muncul T06. -klik logout untuk keluar

Cari

ADD Support
image

Hasil pencarian YM

Judul Berita : Isi berita :

-masukan data yang ingin dicari,dan pilih kategori lalu klik tombol cari, maka data akan cimunculkan -Jika data tidak ketemu maka akan tampil M0G1 -Klik Add maka tampil T25

LINK
Edit imag e Footer Hapus image

-Klik edit makan tampil T26 -Klik hapus, jika proses berhasil tampil M03,jika gagal tampil M03G

Gambar 3.41 Tampilan Data Berita Admin

117

T25

-Klik wisata, maka

HEADER
Home Wisata Kategori

muncul T18 - Klik Kategori, maka muncul T21

Adminisrator Text Area Menu Potensi

Berita

jalan

kel

kec

Peta

logout

me

- Klik Berita, maka muncul T24. - Klik Jalan, maka

Penambahan Data Kategori Admin

Wisata Alam Wisata Belanja Wisata Kuliner Pemberitahuan

Nama kategori : Jenis Berita : Sumber : Isi Berita

muncul T27. - Klik Peta, maka muncul T06. -klik logout untuk keluar

Support

YM

-isi semua data yang tersedia, dan klik simpan untuk menyimpan data -jika penyimpanan data berhasil maka akan muncul M02 -jika penyimpanan tidak berhasil maka akan tampil M02G

LINK

Simpan

Reset

FOOTER

Gambar 3.42 Tampilan Tambah Data Berita Admin

118

T26

-Klik wisata, maka

HEADER
Home Wisata Kategori

muncul T18 - Klik Kategori, maka muncul T21

Adminisrator Text Area Menu Potensi

Berita

jalan

kel

kec

Peta

logout

me

- Klik Berita, maka muncul T24. - Klik Jalan, maka

Edit Data Berita Admin Nama kategori : Jenis Berita :

Wisata Alam Wisata Belanja Wisata Kuliner Pemberitahuan

muncul T27. - Klik Peta, maka muncul T06. -klik logout untuk keluar

Sumber : Isi Berita

Support

YM

-isi semua data yang tersedia, dan klik Edit untuk mengedit data -jika penyimpanan data berhasil maka akan muncul M03 -jika penyimpanan tidak berhasil maka akan tampil M03G

LINK

Edit

Reset

FOOTER

Gambar 3.43 Tampilan Edit Data Berita Admin

T27

-Klik wisata, maka muncul T18 - Klik Kategori, maka muncul T21 - Klik Berita, maka

119

HEADER

Adminisrator

Home

Wisata

Kategori

Berita

jalan

kel

kec

Peta

logout

me Text Area Menu Potensi keterangan image

Wisata Alam Wisata Belanja Wisata Kuliner Pemberitahuan

Nama Jalan : Tampilkan :

kategori

Cari

ADD Support
image

Hasil pencarian YM

Nama Jalan : Kode Pos :

LINK
Edit imag e Footer Hapus image

Gambar 3.44 Tampilan Data Berita Admin

120

T28

-Klik wisata, maka

HEADER
Home Wisata Kategori

muncul T18 - Klik Kategori, maka muncul T21

Adminisrator Text Potensi MenuArea

Berita

jalan

kel

kec

Peta

logout

me

- Klik Berita, maka muncul T24. - Klik Jalan, maka

Penambahan Data Jalan Admin

Wisata Alam Wisata Belanja Wisata Kuliner

Nama Jalan : Kode Pos : Kelurahan

muncul T27. - Klik Peta, maka muncul T06. -klik logout untuk keluar

Support YM Simpan Reset

-isi semua data yang tersedia, dan klik simpan untuk menyimpan data -jika penyimpanan data berhasil maka akan muncul M02 -jika penyimpanan tidak berhasil maka akan tampil M02G

LINK

FOOTER

Gambar 3.45 Tampilan Tambah Data Jalan Admin

121

T29

-Klik wisata, maka

HEADER
Kategori

muncul T18 - Klik Kategori, maka muncul T21

Adminisrator Text Potensi MenuArea

Home

Wisata

Berita

jalan

kel

kec

Peta

logout

me

Edit Data Jalan Admin Nama Jalan : Kode Pos :

- Klik Berita, maka muncul T24. - Klik Jalan, maka muncul T27. - Klik Peta, maka muncul T06.

Wisata Alam Wisata Belanja Wisata Kuliner

Support YM

Edit

Reset

-klik logout untuk keluar

-isi semua data yang tersedia, dan klik Edit untuk mengedit data -jika penyimpanan data berhasil maka akan muncul M03 -jika penyimpanan tidak berhasil maka akan tampil M03G

LINK

FOOTER

Gambar 3.46 Tampilan Edit Data Jalan Admin

122

T30

HEADER

-Klik wisata, maka muncul T18 - Klik Kategori, maka muncul T21

Adminisrator

Home

Wisata

Kategori

Berita

jalan

kel

kec

Peta

logout

me Text Area Menu Potensi keterangan image

- Klik Berita, maka muncul T24. - Klik Jalan, maka muncul T27. - Klik Peta, maka muncul T06.

Wisata Alam Wisata Belanja Wisata Kuliner Pemberitahuan

Nama Kelurahan : Tampilkan :

kategori

Cari

-klik logout untuk keluar -masukan data yang ingin dicari,dan pilih lalu klik tombol cari, maka data akan dimunculkan, jika tidak ketemu maka tampil M01 -Jika data tidak ketemu maka akan tampil M0G1 -Klik Add maka tampil T25 -Klik edit makan tampil T26 -Klik hapus, jika proses berhasil tampil M03 jika gagal tampil M03G

ADD Support
image

Hasil pencarian YM

Nama kelurahan

Nama Kecamatan
Edit imag e Hapus image

LINK

Footer

Gambar 3.47 Tampilan Data Kelurahan Admin

123

T31

-Klik wisata, maka

HEADER
Home Wisata Kategori

muncul T18 - Klik Kategori, maka muncul T21

Adminisrator Text Potensi MenuArea

Berita

jalan

kel

kec

Peta

logout

me

- Klik Berita, maka muncul T24. - Klik Jalan, maka

Penambahan Data Kelurahan Admin

Wisata Alam Wisata Belanja Wisata Kuliner

Nama kel : Kecamatan :

muncul T27. - Klik Peta, maka muncul T06.

Support YM Simpan Reset

-klik logout untuk keluar

-isi semua data yang tersedia, dan klik simpan untuk menyimpan data -jika penyimpanan data berhasil maka akan muncul M02 -jika penyimpanan tidak berhasil maka akan tampil M02G

LINK

FOOTER

Gambar 3.48 Tampilan Tambah Data Kelurahan Admin

124

T32

-Klik wisata, maka

HEADER
Kategori

muncul T18 - Klik Kategori, maka muncul T21

Adminisrator Text Potensi MenuArea

Home

Wisata

Berita

jalan

kel

kec

Peta

logout

me

Edit Data Kelurahan Admin Nama Kel : Nama Kec :

- Klik Berita, maka muncul T24. - Klik Jalan, maka muncul T27. - Klik Peta, maka muncul T06.

Wisata Alam Wisata Belanja Wisata Kuliner

Support YM

Edit

Reset

-klik logout untuk keluar

-isi semua data yang tersedia, dan klik Edit untuk mengedit data -jika penyimpanan data berhasil maka akan muncul M04 -jika penyimpanan tidak berhasil maka akan tampil M04G

LINK

FOOTER

Gambar 3.49 Tampilan Edit Data Kelurahan Admin

T33

-Klik wisata, maka muncul T18 - Klik Kategori, maka muncul T21 - Klik Berita, maka

125

HEADER

Adminisrator

Home

Wisata

Kategori

Berita

jalan

kel

kec

Peta

logout

me Text Area Menu Potensi keterangan image

Wisata Alam Wisata Belanja Wisata Kuliner Pemberitahuan

Nama Kecamatan : Tampilkan :

kategori

Cari

ADD Support
image

Hasil pencarian YM

Nama Kecamatan
Edit imag e Hapus image

LINK

Footer

Gambar 3.50 Tampilan Data Kecamatan Admin

126

T34

-Klik wisata, maka

HEADER
Home Wisata Kategori

muncul T18 - Klik Kategori, maka muncul T21

Adminisrator Text Potensi MenuArea

Berita

jalan

kel

kec

Peta

logout

me

- Klik Berita, maka muncul T24. - Klik Jalan, maka

Penambahan Data Kelurahan Admin

Wisata Alam Wisata Belanja Wisata Kuliner

Nama kec :

muncul T27. - Klik Peta, maka muncul T06.

Support YM Simpan Reset

-klik logout untuk keluar

-isi semua data yang tersedia, dan klik simpan untuk menyimpan data -jika penyimpanan data berhasil maka akan muncul M01 -jika penyimpanan tidak berhasil maka akan tampil M01G

LINK

FOOTER

Gambar 3.51 Tampilan Tambah Data Kecamatan Admin

127

T35

-Klik wisata, maka

HEADER
Kategori

muncul T18 - Klik Kategori, maka muncul T21

Adminisrator Text Potensi MenuArea

Home

Wisata

Berita

jalan

kel

kec

Peta

logout

me

Edit Data Kelurahan Admin Nama Kec:

- Klik Berita, maka muncul T24. - Klik Jalan, maka muncul T27. - Klik Peta, maka muncul T06.

Wisata Alam Wisata Belanja Wisata Kuliner

Support YM

Edit

Reset

-klik logout untuk keluar

-isi semua data yang tersedia, dan klik Edit untuk mengedit data -jika penyimpanan data berhasil maka akan muncul M04 -jika penyimpanan tidak berhasil maka akan tampil M04G

LINK

FOOTER

Gambar 3.52 Tampilan Edit Data Kecamatan Admin

128

T36

HEADER

-Klik wisata, maka muncul T18 - Klik Kategori, maka

Adminisrator

Home

Wisata

Kategori

Berita

jalan

kel

kec

Peta

logout

muncul T21 - Klik Berita, maka muncul T24. - Klik Jalan, maka

me Text Area Menu Potensi keterangan image

Wisata Alam Wisata Belanja Wisata Kuliner Support YM

Nama User : Hak Akses:

kategori

muncul T27. - Klik Peta, maka muncul T06. -klik logout untuk keluar

Cari

ADD
image

Hasil pencarian Nama : LINK Email : No Telp : Alamat :

Edit imag e Footer Hapus image

-masukan data yang ingin dicari,dan pilih kategori lalu klik tombol cari, maka data akan cimunculkan -Jika data tidak ketemu maka akan tampil M0G1 -Klik Add maka tampil T25 -Klik edit makan tampil T26 -Klik hapus, jika proses berhasil tampil M04,jika gagal tampil Mo4G

Gambar 3.53 Tampilan Data User Admin

129

T37

-Klik wisata, maka

HEADER
Home Wisata Kategori

muncul T18 - Klik Kategori, maka muncul T21

Adminisrator Text Potensi MenuArea

Berita

jalan

kel

kec

Peta

logout

me

- Klik Berita, maka muncul T24. - Klik Jalan, maka

Penambahan Data User Admin

Wisata Alam Wisata Belanja Wisata Kuliner

username : password : nama :

muncul T27. - Klik Peta, maka muncul T06. -klik logout untuk keluar

Support YM

email : jenis kelamin : No Telp : Alamat :

Simpan LINK

Reset -jika penyimpanan data berhasil maka akan muncul M01 -jika penyimpanan tidak berhasil maka akan tampil M01G

-isi semua data yang tersedia, dan klik simpan untuk menyimpan data

FOOTER

Gambar 3.54 Tampilan Tambah Data User Admin

130

T38

HEADER
Adminisrator Text Potensi MenuArea
Home Wisata Kategori

Berita

jalan

kel

kec

Peta

logout

me

Edit Data User Admin username : password : nama :

Wisata Alam Wisata Belanja Wisata Kuliner

-Klik wisata, maka muncul T18 - Klik Kategori, maka muncul T21 - Klik Berita, maka muncul T24. - Klik Jalan, maka muncul T27. - Klik Peta, maka muncul T06. -klik logout untuk keluar

Support YM

email : jenis kelamin : No Telp : Alamat :

-isi semua data yang tersedia, dan klik Edit untuk mengedit data -jika penyimpanan data berhasil maka akan muncul M04 Edit Reset -jika penyimpanan tidak berhasil maka akan tampil M04G

LINK

FOOTER

Gambar 3.55 Tampilan Edit Data User Admin

131

T39

-Klik wisata, maka

HEADER
Kategori

muncul T18 - Klik Kategori, maka muncul T21

Adminisrator Text Area Menu Potensi

Home

Wisata

Berita

jalan

kel

kec

Peta

logout

me

Edit status wisata yang di upload member

- Klik Berita, maka muncul T24. - Klik Jalan, maka

Wisata Alam Wisata Belanja Wisata Kuliner Pemberitahuan

Nama Wisata : Jenis Wisata : Nama Jalan : Telepon : Latitude :

muncul T27. - Klik Peta, maka muncul T06. -klik logout untuk keluar

Support

Longitude : Keterangan :

YM Text Area LINK

-pilih button status untuk mengedit status wisata -jika edit data status berhasil maka akan muncul M04

Gambar 1 Gambar 1 Gambar 1 Status Edit

Browse Browse Browse

-jika edit status tidak berhasil maka akan tampil M04G

Reset

FOOTER

Gambar 3.56 Tampilan Edit Data Pending Admin

3.4.4.2 Perancangan Pesan

132

Dibawah ini adalah perancangan pesan yang muncul sebagai informasi kepada pengguna dalam mengoperasikan sistem.

M01 Data tidak ditemukan!

M02 Data berhasil disimpan!

M03 Data telah dihapus!

M02G Data gagal disimpan

M04 Data Berhasil di edit

M03G Data gagal dihapus !!

M05 Pendaftaran Berhasil

M04G Data gagal diedit!!

M06 Login Berhasil

M05G Pendaftaran gagal!

M06G Login Gagal pesan

Gambar 3.57 Tampilan Pesan

133

3.4.4.3 Jaringan Se mantik Jaringan semantik menggambarkan keterhubungan dari navigasi menu dari satu form ke form yang lain. Keterhubungan dari navigasi pada setiap menu dari sistem informasi geografis ini adalah sebagai berikut. 1. T01 T02 T03 T04 T05 T06 T07 M01 M05 Jaringan Semantik Pengunjung : Halaman Index : Halaman Profile : Halaman Wisata : Halaman Berita : Halaman Daftar : Halaman Detail Peta : Halaman Peta : Data Tidak Ditemukan ! : Pendaftaran Berhasil!

M05G : Pendaftaran Gagal!

134

Gambar 3.58 Jaringan Semantik Pengunjung

2. Jaringan Semantik Member T08 T09 : Tampil login : Halaman halaman index member

T010 : Halaman wisata T011 : Halaman tambah data wisata T012 : Halaman kategori member T13 : Halaman berita member

135

T14 T15 T16 M01 M02 M03 M04 M06 M07

: Halaman jalan member : Halaman my wisata member : Halaman edit wisata member : Data Tidak Ditemukan : Data Berhasil Disimpan : Data Telah Dihapus : Data Berhasil diedit : Login Berhasil : Login Gagal

136

Gambar 3.59 Jaringan Semantik Admin 3. Jaringan Semantik Admin T17 T18 : Tampil login Admin : Halaman halaman home admin

T019 : Halaman wisata admin T020 : Halaman tambah data wisata admin T021 : Halaman edit data wisata admin T22 T23 T24 T25 : Halaman kategori admin : Halaman tambah data kategori admin : Halaman edit data kategori admin : Halaman berita admin

137

T26 T27 T28 T29 T30 T31 T32 T33 T34 T35 T36 T37 T38 T39 T40 M01 M02 M03

: Halaman tambah berita admin : Halaman edit berita admin : Halaman jalan admin : Halaman tambah jalan admin : Halaman edit data jalan admin : Halaman kelurahan admin : Halaman tambah kelurahan admin : Halaman edit data kelurahan admin : Halaman kecamatan admin : Halaman tambah kecamatan admin : Halaman edit data kecamatan admin : Halaman data user admin : Halaman tambah data user admin : Halaman edit data user admin : Halaman data pending admin : Data Tidak Ditemukan : Data Berhasil Disimpan : Data Telah Dihapus

138

M03G : Data Gagal Dihapus M04 M04 M06 : Data Berhasil diedit : Data Berhasil diedit : Login Berhasil

M06G : Login Gagal

Gambar 3.60 Jaringan Semantik Admin

139

3.4.4.4 Perancangan Prosedural Kinerja dari SIG Potensi Wisata di Kota Tasikamalaya dijelaskan melalui diagram alir (flowchart) dari keseluruhan sistem yang bekerja didalamnya. Perancangan procedural tersebut dapat dilihat pada gambar berikut

3.4.4.4.1 Prosedural Login

Gambar 3.61 Prosedural Login

140

3.4.4.4.2 Prosedural Tambah Data

Gambar 3.62 Prosedural Tambah Data

141

3.4.4.4.3 Prosedural Ubah Data

Gambar 3.63 Prosedural Ubah Data

142

3.4.4.4.4 Prosedural Cari Data

Gambar 3.64 Prosedural Cari Data