LAMPIRAN PROGRAM. 1. Admin. add.php

LAMPIRAN PROGRAM

1. Admin add.php <script> alert("Data berhasil window.location.href <script> alert("Error..
{ ditambah!"); = "index.php?desa";

echo mysqli_error($conn);

?>")
Universitas Sumatera Utara

} ?>


Id

Nama

Jumlah Penduduk

Mata Pencaharian

Pendidikan

Suku

Kesehatan

Kemiskinan

Keterangan

Lattitude

Longitude

Delete.php <script> alert("Data berhasil dihapus!"); window.location.href = "index.php?desa";
desa.php


Nama Jumlah Penduduk Mata Pencaharian Pendidikan Suku Kesehatan Kemiskinan Aksi

">Edit ">Delete

edit.php

$mata_pencaharian = $_POST['mata_pencaharian']; $jumlah_penduduk = $_POST['jumlah_penduduk']; $pendidikan = $_POST['pendidikan']; $suku = $_POST['suku']; $kesehatan = $_POST['kesehatan']; $kemiskinan = $_POST['kemiskinan']; $query2 = mysqli_query($conn, "UPDATE desa set nama='$nama', mata_pencaharian='$mata_pencaharian', jumlah_penduduk='$jumlah_penduduk', pendidikan='$pendidikan', kesehatan='$kesehatan', kemiskinan='$kemiskinan' WHERE nama='$nama_u'"); if ($query2) { header("Location: index.php?desa"); exit(); } else { echo "Error..." . mysqli_error($conn); } } ?>


Nama

Jumlah Penduduk

Mata Pencaharian

Pendidikan

Suku

Kesehatan

Kemiskinan

home.php

Sistem Informasi ini dibuat dengan tujuan agar masyarakat dapat lebih mudah mendapatkan informasi - informasi penting yang ada di masing - masing desa seperti :

1. Jumlah Penduduk

2. Mata Pencaharian

3. Pendidikan

4. Suku

5. Kesehatan

6. Kemiskinan

Dengan Sistem Informasi ini, masyarakat tidak perlu lagi pergi jauh kesetiap desa jika sedang mencari suatu informasi umum dari desa tersebut, karena dalam sistem ini sudah di sediakan informasi - informasi umum seluruh desa yang ada di Kecamatan Dolok Masihul.

Sistem ini dapat digunakan oleh semua masyarakat karena ini bersifat universal.

index.php


ADMIN <script src="../js/jquery.js">

Selamat Datang

Beranda

Desa

Tambah

Keluar


Email [email protected]

No. HP 085360599769

Nama Citra Melisa Tamba

© tugasakhirku.com | All Right Reserved

style.css * { padding: 0; margin: 0; } body { background: #2e8b57; } #header { width: 100%; height: 150px; background: #2e8b57; } #header h1 { color: white; text-align: center; text-shadow: 3px 3px 5px #171717; font: 5em 'Lucida'; line-height: 150px; } #content { width: 100%; } #aside { width: 20%; float: left; box-sizing: border-box; min-height: 500px;


padding: 15px; } #aside ul { list-style: none; } #aside ul li { } #aside ul li a { display: block; padding: 15px; text-decoration: none; background: #171717; color: white; font: 1.2em lucida; } #section { width: 80%; float: right; box-sizing: border-box; padding: 15px; min-height: 500px; } #desa { width: 100%; height: 500px; overflow-y: scroll; } #section .content { background: #fffacd; min-height: 500px; padding: 15px; } #section .content h3 { padding: 15px; text-align: center; border-bottom: 1px solid black; } #section .content p { padding: 15px 0; } #section #keterangan { margin-top: 15px; } #section #map { width: 100%; height: 500px;


} #section #keterangan p { text-align: justify; font-family : 'Lucida'; } #section table { border: 1px solid #ccc; height: 500px; overflow-y: scroll; } #section table td input { padding: 10px; background: linear-gradient(#ccc, #f3f3f3); width: 100%; } #section table td textarea { max-width: 277px; max-height: 60px; } #section table th { padding: 15px; background: #171717; color: white; border: 1px solid white; } #section table td { padding: 10px; border: 1px solid white; color: white; font: 1.2em 'Agency Fb'; } #section table td:nth-child(2) { width: 30px!important; } #section table tr:nth-child(odd) { background: #dcdcdc; } #section table tr:nth-child(even) { background: #808080; } #section table tr:nth-child(odd) td { color: black!important; } #section table tr:last-child td { width: 50%; } #section table tr:nth-child(even) a { text-decoration: none; color: white;


} #section table tr:nth-child(odd) a { text-decoration: none; color: black; } #section table input[type="submit"] { width: 50%; padding: 15px 0; margin-left: 25%; } #footer { clear: both; width: 100%; padding: 15px; background: #2e8b57;; box-sizing: border-box; } #footer p { text-align: center; font-family : 'Harrington'; margin-top: 15px; color: white; } #footer table { width: 200px; margin-top: 15px; margin: auto; border: 1px solid black; border-radius: 15px; background: #fffacd; } #footer table td { color: black; padding: 10px; font-family: 'Harrington'; }

2. Style.php * { padding: 0;


margin: 0; } body { width: 100%; } .col { background: url("../img/back.jpg") no-repeat fixed; } .container { width: 1000px; margin: auto; } #header { width: 100%; box-sizing: border-box; height: 150px; position: relative; border: 1px solid #ccc; } #header #logo { position: absolute; } #header #logo img { width: 150px; height: 150px; } #header #gambar img { width: 850px; height: 150px; } #header #gambar { position: absolute; left: 150px; } #header h3 { text-align: center; color: white; } #nav { width: 100%; height: 50px; background: #008B8B; } #nav ul { list-style: none; } #nav ul li { float: left;


} #nav ul li a { display: block; padding: 15px; background:#008B8B; color: white; text-decoration: none; font-size: 1.2em; font-family: 'Agency Fb'; width: 150px; text-align: center; transition: all ease .5s; color: #f3f3f3; } #nav ul li a:hover { background: #40E0D0; } #nav > ul > li { position: relative; } #nav > ul > li > ul { position: absolute; z-index: 3; display: none; margin-top: -5px; } #nav > ul > li > ul > li { float: none; } #nav > ul > li:hover > ul { display: block; } #section { margin-top: 15px; width: 100%; box-sizing: border-box; padding: 15px; min-height: 400px; background: #f3f3f3; } #section #profil p { text-align: justify; font-family: 'Comic Sans MS'; } #section #keterangan { margin-top: 15px; }


#section #map { width: 100%; height: 500px; } #section #keterangan p { text-align: justify; font-family : 'Comic Sans MS'; } #footer { clear: both; width: 100%; padding: 15px; box-sizing: border-box; heigth: 250px; position: relative; } #footer .gambar { position: absolute; left: 170px; top: 15px; } #footer .gambar img { width: 150px; } #footer p { text-align: center; font-family : 'Harrington'; margin-bottom: 15px; color: white; } #footer table { width: 200px; margin: auto; border: 1px solid black; border-radius: 15px; background: #40E0D0; margin-bottom: 15px; } #footer table td { color: black; padding: 10px; font-family: 'Harrington'; } /* LOGIN */ .login { width: 400px; margin: auto; border: 1px solid #ccc;


background: #2f4f4f; position: absolute; top: 50%; left: 50%; margin-left: -200px; margin-top: -200px; padding: 15px; box-sizing: border-box; height: 350px; box-shadow: 3px 3px 3px #171717, -3px -3px 3px #696969; } .login input { padding: 10px; background: linear-gradient(#ccc, #f3f3f3); margin: 15px 0; } .login .header-login { width: 100%; padding: 15px 0; } .login .header-login h1 { text-align: center; color: #bdb76b; font: 2em 'Agency Fb'; } .login td { width: 100%; margin: 30px; font: 1.3em 'Agency Fb'; } .login table { width: 100%; } .login input[type=submit] { cursor: pointer; background: orange; color: white; font: 1.3em 'Agency Fb'; width: 50%; margin-left: 25%; transition: all ease 1s; } .login input[type=submit]:hover { color: orange; background: white; border: 1px solid orange; } .login label {


color: white; }

3. Data.php


Nama :

Jumlah Penduduk :

Mata Pencaharian :

Pendidikan :

Suku :

Kesehatan :

Kemiskinan :

4. Footer.php

Email [email protected]

No. HP 085360599769

Nama Citra Melisa Tamba

© tugasakhirku.com | All Right Reserved

5. Head.php


6. Index.php PEMETAAN <script src="js/jquery.js">


alt="1" alt="2" alt="3" alt="4" alt="5" alt="6"

Sistem Informasi ini dibuat dengan tujuan agar masyarakat dapat lebih mudah mendapatkan informasi - informasi penting yang ada di masing - masing desa seperti :

1. Jumlah Penduduk

2. Mata Pencaharian

3. Pendidikan

4. Suku

5. Kesehatan

6. Kemiskinan

Dengan Sistem Informasi ini, masyarakat tidak perlu lagi pergi jauh kesetiap desa jika sedang mencari suatu informasi umum dari desa tersebut, karena dalam sistem ini sudah di sediakan informasi informasi umum seluruh desa yang ada di Kecamatan Dolok Masihul.


Sistem ini dapat digunakan oleh semua masyarakat karena ini bersifat universal.

7. Koneksi.php
8. Login.php

echo "Error..." . mysqli_error($conn); } } ?> Login

Login Admin

Username

Password

9. Logout.php


10.

Map.php

<style type="text/css"> html, body{ width: 100%; height: 100%; padding:0%; margin:0%; } #map{ width: 100%; height: 100%; } #data-table { width: 600px; min-height: 500px; } #data-table table { border: 1px solid #ccc; width: 600px; margin: auto; } #data-table td:nth-child(odd) { background: #e6e6fa; color: #8b0000; } #data-table td:nth-child(even) { background: #e6e6fa; color: white; } #data-table td { padding: 15px; color: white; }

<script type="text/javascript" src="jquery.js">


<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDCPl Luij0Z6BbXIWoIgAIQ42BNBQHv13s&callback=initMap" type="text/javascript"> <script type="text/javascript"> var lokasi = {lat: 3.336463, lng: 99.018283}; var tanda = []; function initMap() { var map = new google.maps.Map(document.getElementById('map'), { zoom: 13, center: lokasi }); $.getJSON('proses.php', function (data) { $.each(data, function (i, call) { tanda[i] = new google.maps.Marker({ position: new google.maps.LatLng(call.lat, call.lng), map: map, html: call.keterangan, id: i, title: call.title, }); tanda[i].addListener('click', function () { var c; $.ajax({ method: "post", url: "data.php", data: { desa: call.title}, success: function(data) { $("#data").html(data); c = data; }, async: false }); ket = $("#data").html(); iw = new google.maps.InfoWindow({ id: this.id, content: c, position: this.getPosition() }); iw.open(map);


}); }); }); }

11.

Nav.php

Home

Profil

Peta

Logout

Login


12.

Peta.php

PEMETAAN <script src="js/jquery.js"> <script src="js/jquery.js"> <script src="js/amazingslider.js"> <script src="js/initslider-1.js">


13.

Profil.php

Profil <script src="js/jquery.js"> <script> $(document).ready(function() { setInterval({ $("#container-gambar").css("margin-left", "300px"); }, 3000); });


<script src="sliderjs/jquery.js"> <script src="sliderjs/amazingslider.js"> <script src="sliderjs/initslider-1.js">


Kecamatan Dolok Masihul pada mulanya pada tahun 1945 s/d 1963 adalah Kewedanaan Bedagai, yang mana kepala Pemerintahannya hanya disebut Asisten Wedana. Setelah Kewedanaan dihapus pada tahun 1963, maka Pemerintah Wilayah Kecamatan Dolok Masihul langsung dibawahi oleh Bupati KDH-Tk-II Deli Serdang yang mana pada saat ini Kecamatan Dolok Masihul diwilayah Kabupaten Serdang Bedagai yang baru dimekarkan sesuai dengan Undang Undang No. 36 Tahun 2003 tentang Pembentukan Kabupaten Samosir dan Kabupaten Serdang Bedagai di Propinsi Sumatera Utara selanjutnya Kecamatan Dolok Masihul dimekarkan menjadi dua kecamatan yakni : Kecamatan Dolok Masihul dan Kecamatan Serba Jadi sesuai dengan Perda No. 6 Tahun 2006 Tanggal 17 Oktober 2006 tentang perubahan Nomen Klatur Kecamatan Bangun Purba menjadi Kecamatan Silindak dan Kecamatan Galang menjadi Kecamatan Serba Jadi.

Bahwa berdasarkan Undang - Undang No. 36 Tahun 2003 Tanggal 18 Desember Tahun 2003 tentang Pembentukan Kabupaten Samosir dan Kabupaten Serdang Bedagai di Provinsi Sumatera Utara, maka terbentuklah Kabupaten Serdang Bedagai sebagai salah satu Daerah Otonom baru dan berpisah dari kabupaten induk Deli Serdang. Kecamatan Dolok Masihul adalah salah satu dari 17 kecamatan yang berada di Kabupaten Serdang Bedagai.

Batas -Batas :

1.Sebelah utara berbatasan dengan Kecamatan Sei Rampah

2. Sebelah selatan berbatasan dengan Kecamatan Sipispis


3. Sebelah timur berbatasan dengan Kecamatan Tebing Tinggi

4. Sebelah barat berbatasan dengan Kecamatan Serba Jadi dan Kecamatan Bintang Bayu

Wilayah Dolok Masihul sebagian besar terletak di dataran rendah dan sebagian kecil terletak di dataran tinggi yaitu sekitar 200 M di atas permukaan laut. Ibu Kota Kecamatan Dolok Masihul adalah Kelurahan Pekan Dolok Masihul

Kecamatan Dolok Masihul terdiri dari 27 (dua puluh tujuh) Desa dan 1 (satu) Kelurahan dengan jumlah penduduk Kecamatan Dolok Masihul Seluruhnya 49.118 jiwa dengan rincian penduduk laki - laki 24.267 jiwa dan penduduk perempuan 24.851 jiwa

Demikian sekilas sejarah singkat mengenai Kecamatan Dolok Masihul Kabupaten Serdang Bedagai yang telah melekat sebagai Tanah Bertuah dan Negeri Beradat.

14.

Proses.php


KEMENTERIAN RISET, TEKNOLOGI DAN PENDIDIKAN TINGGI

UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jln. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155 Telp. (061) 8211050, 8214290, Fax. (061) 8214290

Kartu Bimbingan Tugas Akhir Mahasiswa

Nama Mahasiswa

: Citra Melisa Tamba

NIM

: 132406028

Judul Tugas Akhir

: Sistem Informasi Pemetaan Desa Di Kecamatan Dolok Masihul Berbasis Sistem Informasi Geografis.

Dosen Pembimbing

: Dr. Syahriol Sitorus, S.Si., M.IT

Tanggal Mulai Bimbingan

:

Tanggal Selesai Bimbingan :

No

Tanggal Asisten Bimbingan

Pembahasan Pada Asisten Mengenai, Pada Bab

Paraf Dosen Pembimbing

Keterangan

1 2 3 4 5 6 7 *Kartu ini harap dikembalikan ke Program Studi D-3 Teknik Informatika bila bimbingan mahasiswa telah selesai.

Diketahui/Disetujui Oleh, Program Studi D3 Teknik Informatika FMIPA Ketua

Disetujui, Pembimbing

Dr. Elly Rosmaini, M.Si NIP. 19600520 198503 2 002

Dr. Syahriol Sitorus, S.Si., M.IT NIP. 19710310 199703 1 004


SURAT KETERANGAN Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma 3 Teknik Informatika :

Nama

:

Citra Melisa Tamba

Nomor Induk Mahasiswa

:

132406028

Program Studi

:

Diploma 3 Teknik Informatika

Judul Tugas Akhir

:

Sistem Informasi Pemetaan Desa Di Kecamatan Dolok Masihul Berbasis Sistem Informasi Geografis

Telah melaksanakan Test Program Tugas Akhir Mahasiswa tersebut diatas pada tanggal ……….. Dengan Hasil : Sukses / Gagal

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Program Studi D-3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Medan ,

Juni 2016

Dosen Pembimbing

Dr. Syahriol Sitorus, S.Si., M.IT NIP. 197103101997031004


Id
Nama
Jumlah Penduduk
Mata Pencaharian
Pendidikan
Suku
Kesehatan
Kemiskinan
Keterangan
Lattitude
Longitude

LAMPIRAN PROGRAM. 1. Admin. add.php

Recommend Documents

Selamat Datang

Login Admin