REPUBLIK INDONESIA KEMENTERIAN HUKUM DAN HAK ASASI MANUSIA SURAT PENCATATAN CIPTAAN

(1)

a.n. MENTERI HUKUM DAN HAK ASASI MANUSIA DIREKTUR JENDERAL KEKAYAAN INTELEKTUAL

Dr. Freddy Harris, S.H., LL.M., ACCS. NIP. 196611181994031001 REPUBLIK INDONESIA

KEMENTERIAN HUKUM DAN HAK ASASI MANUSIA

SURAT PENCATATAN

CIPTAAN

Dalam rangka pelindungan ciptaan di bidang ilmu pengetahuan, seni dan sastra berdasarkan Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta, dengan ini menerangkan:

Nomor dan tanggal permohonan : EC00202042448, 21 Oktober 2020

Pencipta

Nama : Andrian Eko Widodo, Suleman dkk

Alamat : Kaliori RT 08 RW 04 Kec. Kalibagor Kab. Banyumas, Banyumas, Jawa Tengah, 52191

Kewarganegaraan : Indonesia

Pemegang Hak Cipta

Nama : Andrian Eko Widodo, Suleman dkk

Alamat : Kaliori, RT 8 RW 4 Kalibagor, Banyumas, Jawa Tengah, 53191

Kewarganegaraan : Indonesia

Jenis Ciptaan : Program Komputer

Judul Ciptaan : SIPARLIGIS (SISTEM INFORMASI PARIWISATA DAN KULINER BERBASIS WEB GIS)

Tanggal dan tempat diumumkan untuk pertama kali di

wilayah Indonesia atau di luar wilayah Indonesia : 21 Oktober 2020, di Tegal

Jangka waktu pelindungan : Berlaku selama 50 (lima puluh) tahun sejak Ciptaan tersebut pertama kali dilakukan Pengumuman.

Nomor pencatatan : 000213671

adalah benar berdasarkan keterangan yang diberikan oleh Pemohon.

(2)

LAMPIRAN PENCIPTA

No Nama Alamat

1 Andrian Eko Widodo Kaliori RT 08 RW 04 Kec. Kalibagor Kab. Banyumas 2 Suleman Jl. Jajar Sari Kel. Sidapurna RT 03/01 Kec Dukuhturi, Tegal

3 Aprih Widayanto Klampok RT 002 RW 005 Klampok Kec. Purwareja Klampok Kab. Banjarnegara LAMPIRAN PEMEGANG

No Nama Alamat

1 Andrian Eko Widodo Kaliori, RT 8 RW 4 Kalibagor

2 Suleman Jl. Jajar Sari Kel. Sidapurna RT 03/01 Kec Dukuhturi, Tegal

3 Aprih Widayanto Klampok RT 002 RW 005 Klampok Kec. Purwareja Klampok Kab. Banjarnegara

(3)

SIPARLIGIS (SISTEM INFORMASI

PARIWISATA DAN KULINER BERBASIS

WEB GIS)

Panduan Penggunaan

DAFTAR D

(4)

1 | Panduan SIPARLIGIS (SISTEM INFORMASI PARIWISATA DAN KULINER BERBASIS WEB GIS)

DAFTAR ISI

DAFTAR ISI ... 1

Pengantar : Memulai Aplikasi SIPARLIGIS ... 2

A. SIPARLIGIS ... 3

Halaman Admin SIPARLIGIS... 3

Beranda Admin ... 3 Halaman Profil ... 4 Tambah Lokasi ... 5 Daftar Lokasi ... 5 Edit Lokasi ... 6 Halaman Kategori ... 6

Halaman Edit Kategori ... 7

Halaman Tambah Berita ... 7

Halaman Daftar Berita ... 8

Halaman Edit Berita ... 8

Halaman Komentar ... 9

Halaman Visitor SIPARLIGIS ... 9

Halaman Profil ... 10

Halaman Lokasi ... 10

Halaman Detail Lokasi ... 11

Halaman Cari Rute ... 11

Halaman Rute... 12

Halaman Berita ... 12

Halaman Detail Berita ... 13

Halaman Komentar ... 13

(5)

2 | Panduan SIPARLIGIS (SISTEM INFORMASI PARIWISATA DAN KULINER BERBASIS WEB GIS) Pengantar : Memulai SIPARLIGIS

SIPARLIGIS merupakan sistem informasi berbasis Website GIS (Geographic Information System) yang memberikan informasi mengenai letak tempat wisata dan pusat kuliner di wilayah Kabupaten Tegal. SIPARLIGIS ini dibangun dengan beberapa tujuan utama antara lain:

1. Untuk mengetahui sistem informasi tentang lokasi wisata dan kuliner yang ada di Tegal 2. Merancang website informasi yang lebih jelas dan lengkap mengenai lokasi wisata dan

kuliner yang ada di Tegal

3. Memudahkan instansi terkait untuk memantau perkembangan potensi wisata dan kuliner yang ada di Tegal

4. Memberikan informasi yang lengkap dan jelas terhadap lokasi wisata dan kuliner untuk wisatawan atau masyarakat umum sehingga memudahkan dalam mencari lokasi wisata dan kuliner tersebut

(6)

A. SIPARLIGIS

Halaman Admin SIPARLIGIS

Halaman depan ini digunakan untuk membatasi akses maupun memverifikasi Admin, dimana pada halaman ini pengguna wajib menginputkan Username dan Password.

Gambar 1. Halaman Login Admin

1. Pada bagian ini Admin diwajibkan memasukan user ID admin pada kolom User ID dan pada bagian password diisi sandi yang sudah terekam di database.

2. Kemudian klik pada tombol login jika kode admin dan Password telah di inputkan dengan benar.

1. Beranda Admin SIPARLIGIS

Pada saat admin telah login pada aplikasi, maka admin akan dirujuk ke halaman admin. Berikut ini penjelasan tentang halaman admin:

(7)

Gambar 2. Halaman Beranda Admin

Pada halaman beranda admin, terdapat berbagai menu, antara lain menu beranda, profil, data lokasi, data berita, komentar, dan logout.

2. Tampilan Halaman Profil

Gambar 3. Halaman Profil Pada halaman profil ini menjelaskan apa itu aplikasi siparligis.

(8)

5 | Panduan SIPARLIGIS (SISTEM INFORMASI PARIWISATA DAN KULINER BERBASIS WEB GIS) 3. Tampilan Halaman Tambah Lokasi

Gambar 4. Halaman Tambah Lokasi Wisata Pada menu ini admin dapat menambahkan lokasi wisata yang baru.

4. Tampilan Halaman Daftar Lokasi

Gambar 5. Halaman Daftar Lokasi

(9)

6 | Panduan SIPARLIGIS (SISTEM INFORMASI PARIWISATA DAN KULINER BERBASIS WEB GIS) 5. Tampilan Halaman Edit Lokasi

Gambar 6. Halaman Edit Lokasi

Pada menu ini, admin dapat mengedit daftar lokasi jika ada keselahan input ataupun lokasi wisatanya sudah tutup atau pindah lokasi.

6. Tampilan Halaman Kategori

Gambar 7. Halaman Kategori

Pada halaman ini, admin dapat menambah kategori, misalnya untuk wisata, kuliner, hotel atau penginapan

(10)

7 | Panduan SIPARLIGIS (SISTEM INFORMASI PARIWISATA DAN KULINER BERBASIS WEB GIS) 7. Tampilan Halaman Edit Kategori

Gambar 8. Halaman Edit Kategori

Pada halaman ini, admin dapat mengubah kategori jika ada kesalahan atau perubahan kategori

8. Tampilan Halaman Tambah Berita

Gambar 9. Halaman Tambah Berita

Pada halaman ini, admin dapat menambah berita mengenai kuliner, tempat wisata, atau penginapan

(11)

8 | Panduan SIPARLIGIS (SISTEM INFORMASI PARIWISATA DAN KULINER BERBASIS WEB GIS) 9. Tampilan Halaman Daftar Berita

Gambar 10. Halaman Daftar Berita

(12)

9 | Panduan SIPARLIGIS (SISTEM INFORMASI PARIWISATA DAN KULINER BERBASIS WEB GIS) 10. Tampilan Halaman Edit Berita

Gambar 11. Halaman Edit Berita

Pada halaman ini, admin dapat mengedit berita jika ada berita yang salah dalam penulisan atau informasi

11. Tampilan Halaman Komentar

Gambar 11. Halaman Komentar

(13)

Halaman Visitor SIPARLIGIS

Gambar 2. Halaman Utama

Pada halaman dashboard terdapat beberapa navigasi diantaranya Master, Cetak Kartu

Gambar 12. Halaman Beranda Visitor Ini merupakan tampilan awal saat visitor membuka aplikasi siparligis

1. Tampilan Halaman Profil

(14)

Pada halaman ini, visitor dapat mengenali apa itu aplikasi siparligis

2. Tampilan Halaman Lokasi

Gambar 14. Halaman Lokasi

Pada halaman ini, visitor dapat melihat daftar lokasi wisata, penginapan, atau tempat kuliner yang sudah di inputkan oleh admin

3. Tampilan Halaman Detail Lokasi

Gambar 15. Detail Lokasi

Pada halaman ini, visitor dapat melihat daftar detail lokasi wisata, penginapan, atau tempat kuliner yang sudah di inputkan oleh admin

(15)

12 | Panduan SIPARLIGIS (SISTEM INFORMASI PARIWISATA DAN KULINER BERBASIS WEB GIS) 4. Tampilan Halaman Cari Rute

Gambar 15. Cari Rute

Pada halaman ini, visitor dapat mencari rute tercepat untuk menuju ke lokasi tujuan, seperti lokasi wisata, penginapan, atau tempat kuliner yang sudah di inputkan oleh admin

5. Tampilan Halaman Rute

Gambar 16. Rute

Pada halaman ini, visitor dapat mendapatkan rute tercepat untuk menuju ke lokasi tujuan, seperti lokasi wisata, penginapan, atau tempat kuliner.

(16)

13 | Panduan SIPARLIGIS (SISTEM INFORMASI PARIWISATA DAN KULINER BERBASIS WEB GIS) 6. Tampilan Halaman Berita

Gambar 17. Berita

Pada halaman ini, visitor dapat melihat daftar berita yang sudah diposting oleh admin

7. Tampilan Halaman Detail Berita

Gambar 18. Detail Berita

(17)

14 | Panduan SIPARLIGIS (SISTEM INFORMASI PARIWISATA DAN KULINER BERBASIS WEB GIS) 8. Tampilan Halaman Komentar

Gambar 19. Komentar

(18)

B. Source Code

1. Form Admin

//cek apakah username terdaftar atau tidak di tb_admin

$sql_cek=mysqli_query($conect, "SELECT * FROM tb_admin where email_admin='$user' and pass_admin='$pass_md5'");

$cek_admin=mysqli_num_rows($sql_cek); if($cek_admin == "0"){

//jika username dan password tidak terdaftar di tb_admin

$er_email="<div class='alert alert-danger alert-dismissible' role='alert'> <button type='button' class='close' data-dismiss='alert' aria-label='Close'> <span aria-hidden='true'>×</span>

</button><strong>Login Gagal !</strong> <br>Username dan Password tidak valid</div>";

} else{

//jika username dan password terdaftar di tb_admin maka akan menuju halaman home.php

$_SESSION['data_admin']=$user;

echo "<script>alert('Selamat Datang di Halaman Admin

!');document.location='home.php'</script>";

Keterangan : Program diatas merupakan contoh program membuat form admin. 2. Beranda Admin

<?php

//pemanggilan file metatag

include "setting_metatag.php";

//pemanggilan file navbar

include "setting_navbar.php";

?>

<i class="fa fa-home fa-fw"></i> Homepage Admin </h1> <ol class="breadcrumb"> <li class="active"> Dashboard </li> <li>Home</li>

(19)

</ol> </div> </div>

Keterangan : Program ini berfungsi untuk menampilkan beranda admin, yang berisi menu-menu yang dapat di akses oleh admin.

3. Halaman Profil

<!DOCTYPE html> <html>

<head> <title>BIOGRAPHY</title>

</head>

<h1 align="center">PROFIL</h1>

</center>

<h1 align="center" size="36"> Ap aitu SIPARLIGIS ?? </h1>

Keterangan : Program ini merupakan tampilan manu profil pada halaman admin 4. Halaman Tambah Lokasi

<title>Google Maps API: Cara Menampilkan Lokasi dengan PHP dan MySQL</ti tle>

function initialize(){

// Variabel untuk menyimpan informasi lokasi var infoWindow = new google.maps.InfoWindow; // Variabel berisi properti tipe peta var mapOptions = {

mapTypeId: google.maps.MapTypeId.ROADMAP }

(20)

var peta = new google.maps.Map(document.getElementById('googleMa p'), mapOptions);

// Variabel untuk menyimpan batas kordinat var bounds = new google.maps.LatLngBounds(); // Pengambilan data dari database MySQL <?php

Keterangan : Program ini berfungsi menambahkan lokasi wisata yang baru

5. Halaman Daftar Lokasi

function addMarker(lat, lng, info){

var lokasi = new google.maps.LatLng(lat, lng); bounds.extend(lokasi);

var marker = new google.maps.Marker({ map: peta,

position: lokasi });

peta.fitBounds(bounds);

bindInfoWindow(marker, peta, infoWindow, info); }

// Menampilkan informasi pada masing-masing marker yang diklik function bindInfoWindow(marker, peta, infoWindow, html){

google.maps.event.addListener(marker, 'click', function() { infoWindow.setContent(html);

infoWindow.open(peta, marker);

Keterangan : Program ini untuk menampilkan daftar lokasi wisata dan kuliner yang sudah tersimpan di database.

6. Halaman Edit Lokasi

<?php

$query = mysql_query("SELECT * FROM tb_provinsi"); while ($data = mysql_fetch_array($query)) {

(21)

$lat =$data['latitude']; $lon =$data['longitude'];

echo ("addMarker($lat, $lon, '<b>$nama</b>');\n"); }

?>

Keterangan : Program ini untuk merubah alamat lokasi 7. Form Halaman Kategori

<?php

//pemanggilan file metatag

include "setting_metatag.php";

//pemanggilan file navbar

include "setting_navbar.php";

?>

Tambah Kategori <a href="kategori.php"

title="Input data"><button name="input" class="btn btn-default pull-right">Back</button></a>

</h3> <ol class="breadcrumb"> <li class="active"> Home </li> <li class="active"> Daftar Kategori </li> </ol> </div> </div>

(22)

8. Form Edit Kategori

Edit Kategori

<a href="kategori.php" title="Input

data"><button name="input" class="btn btn-default

pull-right">Back</button></a> </h3> <ol class="breadcrumb"> <li class="active"> Home </li> <li class="active"> Daftar Kategori </li> </ol> </div> </div>

Keterangan : Program ini untuk menampilkan form edit kategori 9. Form Tambah Berita

<h4>

<a href="tambah.php">Tambah Berita</a></h4> <h4>

Berita ini di ambil dari tempat yang berbeda</h4> <?php

$query_ambil_berita = mysql_query("SELECT * FROM berita"); //query ambil data berita.

while ($data_berita = mysql_fetch_array($query_ambil_berita)) { //perulangan untuk menampilkan berita

?><br />

<?php echo $data_berita['judul']; ?></h5>

<small>Ditulis oleh : <?php echo $data_berita['penulis']; ?>, pada : <?php echo $data_berita['tanggal_posting']; ?></small><br />

<p> <?php

if (is_file("gambar/".$data_berita['gambar']) == TRUE) { ?><br />

(23)

<img src="gambar/<?php echo $data_berita['gambar']; ?>" style="width: 100px; height: 75px; margin: 0 10px 10px 0; display: inline; float: left"><br />

<?php

Keterangan : Program ini untuk menambahkan berita 10. Form Daftar Berita

$tgl=explode("-",$has[1]);

$x = mktime(0, 0, 0, date("$tgl[1]"), date("$tgl[2]"), date("$tgl[0]")); switch(date("l",$x)) { case 'Monday':$nmh="Senin";break; case 'Tuesday':$nmh="Selasa";break; case 'Wednesday':$nmh="Rabu";break; case 'Thursday':$nmh="Kamis";break; case 'Friday':$nmh="Jum'at";break; case 'Saturday':$nmh="Sabtu";break; case 'Sunday':$nmh="minggu";break; }

Keterangan : Program ini untuk menampilkan semua daftar berita yang tersimpan di database

11. Form Edit Berita <h4>

<a href="edit.php">Edit Berita</a></h4> <h4>

Berita ini di ambil dari tempat yang berbeda</h4> <?php

$query_ambil_berita = mysql_query("SELECT * FROM berita"); //query ambil data berita.

while ($data_berita = mysql_fetch_array($query_ambil_berita)) { //perulangan untuk menampilkan berita

?><br />

<?php echo $data_berita['judul']; ?></h5>

<small>Ditulis oleh : <?php echo $data_berita['penulis']; ?>, pada : <?php echo $data_berita['tanggal_posting']; ?></small><br />

<p> <?php

(24)

21 | Panduan SIPARLIGIS (SISTEM INFORMASI PARIWISATA DAN KULINER BERBASIS WEB GIS) 12. Form Komentar 13. <?php 14. //--- 15. // Form Login 16. //--- 17.

18. $email = isset($_POST['email']) ? $_POST['email'] : ''; 19. ?>

20. <h2>Form Login</h2>

21. <form method="post" action="">

22. <input type="text" name="email" value="<?=$email // Jika tombol Log In diklik ?>"/>

23. <input type="text" name="password"/>

24. <input type="submit" name="submit" value="Log In"/> 25. </form>

26. 27. <?php