Perancangan Sistem Infomasi Bencana Alam Berbasis Website Menggunakan PHP dan MYSQL

SURAT KETERANGAN

Hasil Uji Program Tugas Akhir

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

Nama

: Imam Subarkah B

NIM

: 132406002

Program Studi

: D-3 Teknik Informatika

Judul Tugas Akhir

: Perancangan Sistem Informasi Bencana Alam
Berbasis Website Menggunakan PHP dan MYSQL

Telah melaksanakan tes 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 Departemen Matematika FMIPA
USU Medan.

Medan,

Juni 2016

Dosen Pembimbing

Dr. Syahril Efendi, S.Si, M.IT
NIP.19671110 199602 1 001

Universitas Sumatera Utara

KARTU BIMBINGAN TUGAS AKHIR

Nama
NIM
Judul Tugas Akhir
Dosen Pembimbing
Program Studi

NO

TANGGAL
ASISTEN
BIMBINGAN

: Imam Subarkah B
: 132406002
: Perancangan Sistem Informasi Bencana Alam Berbasis
Website Menggunakan PHP dan MYSQL

: Dr. Syahril Efendi, S.Si, M.IT
: D-3 Teknik Informatika

PEMBAHASAN
PADA ASISTEN
MENGENAI, PADA
BAB

PARAF DOSEN KETERANGAN
PEMBIMBING

1
2
3
4
5
6
7

*Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan

telah selesai.

Diketahui :
Ketua Program Studi D-3 Teknik
Informatika FMIPA USU

Pembimbing

Dr. Elly Rosmaini, M.Si
NIP. 196005201985032002

Dr. Syahril Efendi, S.Si, M.IT
NIP.196711101996021001

Universitas Sumatera Utara

LAMPIRAN LISTING PROGRAM

1. Admin
1.1 style.css

* {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
}
html,
body {
width: calc(100%);
height: 100%;
background: url("../img/1.jpg") repeat fixed;
font-family: 'Open Sans', sans-serif;
font-weight: 200;
}
.login {
position: relative;
top: 50%;

width: 250px;
display: table;
margin: -150px auto 0 auto;
background: rgba(0, 0, 0, .5);
border-radius: 4px;
}
.legend {
position: relative;

Universitas Sumatera Utara

width: 100%;
display: block;
background: rgba(0, 0, 0, .5);
padding: 15px;
color: #fff;
font-size: 20px;
}
.legend:after {
content: "";

background-image:
url(http://simpleicon.com/wpcontent/uploads/multy-user.png);
background-size: 100px 100px;
background-repeat: no-repeat;
background-position: 152px -16px;
opacity: 0.06;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
}
.banner {
background: url(../../images/banner2.jpg) norepeat 0px 0px;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
min-height:400px;
}

.input {
position: relative;

Universitas Sumatera Utara

width: 90%;
margin: 15px auto;
}
.input span {
position: absolute;
display: block;
color: #d4d4d4;
left: 10px;
top: 8px;
font-size: 20px;
}
.input input {
width: 100%;
padding: 10px 5px 10px 40px;
display: block;

border: 1px solid #EDEDED;
border-radius: 4px;
transition: 0.2s ease-out;
color: #a1a1a1;
background: rgba(0, 0, 0, .25);
}
.input input:focus {
padding: 10px 5px 10px 10px;
outline: 0;
border-color: #FF7052;
}
.submit {
width: 45px;
height: 45px;
display: block;
margin: 0 auto -15px auto;
background: #fff;
border-radius: 100%;

Universitas Sumatera Utara

border: 1px solid #FF7052;
color: #FF7052;
font-size: 24px;
cursor: pointer;
box-shadow: 0px 0px 0px 7px #fff;
transition: 0.2s ease-out;
}
.submit:hover,
.submit:focus {
background: #FF7052;
color: #fff;
outline: 0;
}
.feedback {
position: absolute;
bottom: -70px;
width: 100%;
text-align: center;
color: #fff;

background: #2ecc71;
padding: 10px 0;
font-size: 12px;
display: none;
opacity: 0;
}
.feedback:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;

Universitas Sumatera Utara

pointer-events: none;
border-color: rgba(46, 204, 113, 0);
border-bottom-color: #2ecc71;
border-width: 10px;
margin-left: -10px;
}

1.2 index.php






Universitas Sumatera Utara

1.3 login.php