Perancangan Website Kelurahan Titi Rantai Medan Menggunakan Php dan Mysql

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA
Nama Mahasiswa

: JUFFRYSON PASARIBU

Nomor Stambuk

: 132406017

Judul Tugas Akhir

: PERANCANGAN WEBSITE KELURAHAN
TITI RANTAI MEDAN MENGGUNAKAN PHP
DAN MYSQL

Dosen Pembimbing

: Prof. Dr. Tulus,VordipL.Math.si.,Ph.D

Tanggal Mulai Bimbingan

:

Tanggal Selesai Bimbingan :
No.

Tanggal
Asisten
Bimbingan

Pembahasan pada
Asistensi Mengenai, pada
Bab :

Paraf Dosen
Pembimbing

Keterangan

1.
2.

3.
4.
5.
6.
7.
8.
∗

Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai.

Diketahui,

Disetujui,

Ketua,

Pembimbing,

Dr. Elly Rosmaini, Msi

NIP 19600502 198503 2 002

Prof. Dr. Tulus,VordipL.Math.si.,Ph.D
NIP. 19620901 198803 002

Universitas Sumatera Utara

SURAT KETERANGAN
Hasil Uji Program Tugas Akhir

Yang bertanda tangan di bawah ini, menerangkan bahwa Mahasiswa Tugas Akhir
Program D3 Teknik Informatika :

Nama

: JUFFRYSON PASARIBU

NIM

: 132406017

Program Studi

: D3 Teknik Informatika

Judul Tugas Akhir

: PERANCANGAN WEBSITE KELURAHAN TITI
RANTAI

MEDAN

MENGGUNAKAN

PHP

DAN

MYSQL

telah melakukan test program Tugas Akhir Mahasiswa tersebut di atas pada
tanggal …..../06/2016.

Dengan hasil : SUKSES / GAGAL

Demikian diterangkan untuk digunakan melengkapi Syarat Pendaftaran Meja
Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA
USU Medan.

Medan,

Juni 2016

Dosen Pembimbing
Program D3 Teknik Informatika

Prof. Dr. Tulus,VordipL.Math.si.,Ph.D
NIP.

19620901

198803

002

Universitas Sumatera Utara

LAMPIRAN LISTING PROGRAM WEBSITE

1. Index




Kelurahan Titi Rantai Medan

Kelurahan Titi Rantai Medan

Jalan Bahagia No 89 Medan, Sumatera
Utara, Indonesia

Nomor Telepon : (061) 8211292,
Kode Pos : 20156

Universitas Sumatera Utara





Beranda
Visi dan Misi
Data Masyarakat
Permohonan KTP
Permohonan KK
Pesan




Kelurahan Titi Rantai Medan copyright ©
2016 by: Juffryson Pasaribu 132406017

2. Beranda


Universitas Sumatera Utara












Selamat Datang di Kelurahan Titi Rantai Medan,

Sumatera Utara

Berdasarkan Surat Keputusan Gubernur KDH Tingkat 1 Sumatera
Utara Nomor :688/11/P.S.U. Kelurahan Titi Rantai terbentuk seiring terbentuknya
Kecamatan Medan Baru tanggal 01 Nopember 1952 bersamaan dengan keluarnyanya
Maklumat Walikota Medan. Kelurahan Titi Rantai merupakan bagian wilayah dari
Kota Medan dengan luas wilayah 106 Ha.
Kelurahan Titi Rantai dengan luas wilayahnya 106 Ha, Kelurahan
Titi rantai adalah salah satu daerah hunian dan permukiman di Kota Medan, dengan
penduduknya berjumlah 11.656 Jiwa terbagi atas laki laki 5418 jiwa dan perempuan
6238 jiwa, Jumlah KK 1.437 jiwa (2011). Kelurahan Titi rantai terbagi atas 10
lingkungan dan 20 blok sensus.
Batas Wilayah Kelurahan Titi rantai :
-Sebelah Utara Berbatasan dengan Kelurahan Padang Bulan
-Sebelah Selatan Berbatasan dengan Kelurahan Beringin
Kecamatan Medan Selayang
-Sebelah Barat Berbatasan dengan Kelurahan PB Selayang II
Kecamatan Medan Selayang
-Sebelah Timur Berbatasan dengan Kelurahan Polonia Kecamatan
Medan Polonia.

Peta Wilayah Kelurahan Titi Rantai.





Universitas Sumatera Utara




$(window).load(function() {
$('#slider').nivoSlider();
});


3. Data








/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
thead tr {
position: absolute;
top: -9999px;

Universitas Sumatera Utara

left: -9999px;
}
tr { border: 1px solid #ccc; }
td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
}
td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
/*
Label the data
*/
td:nth-of-type(1):before { content: "First Name"; }
td:nth-of-type(2):before { content: "Last Name"; }
td:nth-of-type(3):before { content: "Job Title"; }
td:nth-of-type(4):before { content: "Favorite Color"; }
td:nth-of-type(5):before { content: "Wars of Trek?"; }
td:nth-of-type(6):before { content: "Porn Name"; }
td:nth-of-type(7):before { content: "Date of Birth"; }
td:nth-of-type(8):before { content: "Dream Vacation City"; }
td:nth-of-type(9):before { content: "GPA"; }
td:nth-of-type(10):before { content: "Arbitrary Data"; }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

Universitas Sumatera Utara

body {
padding: 0;
margin: 0;
width: 320px; }
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width:
1024px) {
body {
width: 495px;
}
}





Data Penduduk Kelurahan Titi Rantai Medan




No
NAMA
NIK
JENIS KELAMIN













4. Data 2









Data Penduduk Kelurahan Titi Rantai
Medan




No
NAMA
NIK
JENIS KELAMIN


Universitas Sumatera Utara



















5. Input KK


Input KK

Universitas Sumatera Utara


body{background:#ebebeb; font-family:Arial;color:#fff;}
#login{
color:#fff;
width:340px;
padding:20px;
margin:60px auto;
border:2px solid #fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
background: -webkit-linear-gradient(#0066CC, #5EACFB); /*
For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#0066CC, #5EACFB); /* For
Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#0066CC, #5EACFB); /* For
Firefox 3.6 to 15 */
background: linear-gradient(#0066CC, #5EACFB); /* Standard
syntax */
}
input{
padding:4px;
}
.tombol{
padding:4px 10px;
background:url(images/bgmenu.gif) repeat-x;
text-decoration:none;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
color:#fff;
margin:5px;
}
.tombol:hover{
background:#706157;
}
.th{
background:url(images/bgmenu.gif) repeat-x;
color:#fff;
border:1px solid #fff;
}

Universitas Sumatera Utara

table{margin:0;}







FORMULIR PERMOHONAN
KARTU KELUARGA



Nama Lengkap Pemohon



NIK Pemohon



Nama Kepala Keluarga



Nomor Kartu Keluarga



Alamat



Nama Kepala Keluarga Lama



Alamat Keluarga Lama

Universitas Sumatera Utara




Jumlah Anggota



No Telepon



Alasan Permohonan


Pengurangan Anggota Keluarga
Penambahan Anggota Keluarga
Alasan
Lainnya




 



 







Universitas Sumatera Utara



6. Input KTP


Input KTP

body{background:#ebebeb; font-family:Arial;color:#fff;}
#login{
color:#fff;
width:340px;
padding:20px;
margin:60px auto;
border:2px solid #fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
background: -webkit-linear-gradient(#0066CC, #5EACFB); /*
For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#0066CC, #5EACFB); /* For
Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#0066CC, #5EACFB); /* For
Firefox 3.6 to 15 */
background: linear-gradient(#0066CC, #5EACFB); /* Standard
syntax */
}
input{
padding:4px;
}
.tombol{
padding:4px 10px;
background:url(images/bgmenu.gif) repeat-x;
text-decoration:none;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
color:#fff;
margin:5px;
}

Universitas Sumatera Utara

.tombol:hover{
background:#706157;
}
.th{
background:url(images/bgmenu.gif) repeat-x;
color:#fff;
border:1px solid #fff;
}
table{margin:0;}







FORMULIR PERMOHONAN
KTP


Nama Lengkap



NIK



Tanggal Lahir












Pekerjaan



Kota



Alamat



Kelurahan



Kecamatan


Universitas Sumatera Utara



RT



RW


Nomor Telepon



Jenis Kelamin


Laki-laki
Perempuan



Agama


Kristen

Katolik
Kristen

Protestan
Islam
Hindu
Budha
lain-lain





Universitas Sumatera Utara

Status


Menikah
Belum
Menikah




Golongan Darah


A
B
AB
O




 



 








7. Proses BukuTamu