Lampiran D
Lampiran D
Lampiran D
LISTING PROGRAM
Form Login $jml=mysqli_num_ro
ws($query);
<?php
session_start();
if ($jml>0) {
if
(isset($_SESSION['admin'])) { $_SESSION['adm
in']=$row['id'];
header('location:index
.php'); $_SESSION['nam
a']=$row['nama'];
}else{
header('locati
include
on:index.php');
'../koneksi.php';
}else{
if
(isset($_POST['login'])) { header('locati
on:login.php?
$user=$_POST['user
error='.base64_encode('Usernam
name'];
e atau password salah!'));
$pass=$_POST['pass
exit();
word'];
}
}
$query=mysqli_quer
y($con, "SELECT * FROM ?>
tbl_admin WHERE
<!doctype html>
username='$user' &&
<html class="no-js" lang="">
password='$pass'");
$row=mysqli_fetch_
array($query); <head>
<meta charset="utf-8"> <link rel="stylesheet"
href="css/bootstrap.min.css">
<meta http-equiv="x-ua-
compatible" content="ie=edge"> <!-- font awesome CSS
<title>Login</title>
<meta name="description"
==============================
content="">
============== -->
<meta name="viewport"
<link rel="stylesheet"
content="width=device-width,
href="css/font-
initial-scale=1">
awesome.min.css">
<!-- favicon
<!-- owl.carousel CSS
==============================
==============================
============== -->
============== -->
<link rel="shortcut icon"
<link rel="stylesheet"
type="image/x-icon"
href="css/owl.carousel.css">
href="img/favicon.ico">
<link rel="stylesheet"
<!-- Google Fonts
href="css/owl.theme.css">
<link rel="stylesheet"
href="css/owl.transitions.css"
==============================
>
============== -->
<!-- animate CSS
<link
href="https://fonts.googleapis
.com/css?
family=Roboto:100,300,400,700, ==============================
900" rel="stylesheet"> ============== -->
<link rel="stylesheet"
href="css/normalize.css">
==============================
<!-- mCustomScrollbar CSS ============== -->
<link rel="stylesheet"
href="style.css">
==============================
<!-- responsive CSS
============== -->
<link rel="stylesheet"
href="css/scrollbar/jquery.mCu
==============================
stomScrollbar.min.css">
============== -->
<!-- wave CSS
<link rel="stylesheet"
href="css/responsive.css">
<!-- modernizr JS
==============================
============== -->
<link rel="stylesheet"
==============================
href="css/wave/waves.min.css">
============== -->
<!-- Notika icon CSS
<script
src="js/vendor/modernizr-
2.8.3.min.js"></script>
==============================
</head>
============== -->
<link rel="stylesheet"
href="css/notika-custom- <body>
</div> ==============================
============== -->
<div
class="fm-checkbox"> <script
src="js/bootstrap.min.js"></sc
<label
ript>
><input type="checkbox"
class="i-checks"> <i></i> Keep <!-- wow JS
me signed in</label>
</div>
==============================
<button
============== -->
type="submit" class="btn btn-
<script
success btn-lg col-md-11
src="js/wow.min.js"></script>
btnlogin"
name="login">LOGIN</button> <!-- price-slider JS
</div>
</form>
==============================
</div> ============== -->
<script src="js/jquery-
</div> price-slider.js"></script>
<!-- jquery
==============================
============== -->
============================== <script
============== --> src="js/owl.carousel.min.js"><
/script>
<script
src="js/vendor/jquery- <!-- scrollUp JS
1.12.4.min.js"></script>
<!-- bootstrap JS
==============================
============== -->
<script <!-- sparkline JS
src="js/jquery.scrollUp.min.js
"></script>
<script
============================== src="js/sparkline/jquery.spark
============== --> line.min.js"></script>
<script <script
src="js/meanmenu/jquery.meanme src="js/sparkline/sparkline-
nu.js"></script> active.js"></script>
============================== ==============================
============== --> ============== -->
<script <script
src="js/counterup/jquery.count src="js/flot/jquery.flot.js"><
erup.min.js"></script> /script>
<script <script
src="js/counterup/waypoints.mi src="js/flot/jquery.flot.resiz
n.js"></script> e.js"></script>
==============================
============================== ============== -->
============== -->
<script
<script src="js/knob/jquery.knob.js"><
src="js/scrollbar/jquery.mCust /script>
omScrollbar.concat.min.js"></s
cript>
<script <!-- todo JS
src="js/knob/jquery.appear.js"
></script>
<script
src="js/chat/jquery.chat.js">< ==============================
/script> ============== -->
<script
src="js/wave/waves.min.js"></s ==============================
cript> ============== -->
============================== ==============================
============== --> ============== -->
<script <script
src="js/icheck/icheck.min.js"> src="js/main.js"></script>
</script> </body>
<script
src="js/icheck/icheck-
</html>
active.js"></script>
}else{
} include
'include/ubah_button.php';
?>
?>
<!doctype html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-
compatible" content="ie=edge">
<title>Dashboard One |
Notika - Notika Admin
Template</title>
<meta name="description"
content="">
<meta name="viewport"
content="width=device-width,
initial-scale=1">
<!-- favicon
==============================
Form Index
============== -->
<?php
<link rel="shortcut icon"
session_start(); type="image/x-icon"
if (! href="img/favicon.ico">
header('location:login
.php');
<link rel="stylesheet"
============================== href="css/owl.transitions.css"
============== --> >
<link rel="stylesheet"
href="css/bootstrap.min.css"> ==============================
<link rel="stylesheet"
href="css/animate.css">
============================== <!-- normalize CSS
============== -->
<link rel="stylesheet"
href="css/font- ==============================
awesome.min.css"> ============== -->
============================== ==============================
============== --> ============== -->
<link rel="stylesheet" <link rel="stylesheet"
href="css/notika-custom- href="css/responsive.css">
icon.css">
<!-- Data Table JS
<!-- wave CSS
======================
====================== -->
==============================
============== --> <!-- modernizr JS
<link rel="stylesheet"
href="css/wave/waves.min.css">
<script
============================== src="js/vendor/modernizr-
============== --> 2.8.3.min.js"></script>
<link rel="stylesheet"
href="css/main.css"> <script
<!-- style CSS src="js/vendor/jquery-
1.12.4.min.js"></script>
</head>
include
'view/home.php';
<body>
}else{
<!--[if lt IE 8]>
$hal=$_GET['hal'];
<p
class="browserupgrade">You are if
using an ($hal=='pesanan') {
<strong>outdated</strong>
include
browser. Please <a
'view/pesanan.php';
href="http://browsehappy.com/"
}elseif
>upgrade your browser</a> to
($hal=='paket') {
improve your experience.</p>
include
<![endif]-->
'view/paket.php';
<!-- Start Header Top Area
}elseif
-->
($hal=='bayar') {
<?php include
include
'include/header.php'; ?>
'view/bayar.php';
<!-- End Header Top Area
}elseif
-->
($hal=='gallery') {
<!-- Mobile Menu start -->
include
<?php include
'view/gallery.php';
'include/mobile_menu.php'; ?>
}elseif
<!-- Mobile Menu end -->
($hal=='fotografer') {
<!-- Main Menu area
include
start-->
'view/fotografer.php';
<?php include
}elseif
'include/menu.php'; ?>
($hal=='admin') {
<!-- Main Menu area End-->
include
<!-- Start Status area --> 'view/admin.php';
<?php }elseif
($hal=='konsumen') {
if (!
isset($_GET['hal'])) { include
'view/konsumen.php';
}
} ==============================
============== -->
?>
<script src="js/jquery-
<!-- End Status area-->
price-slider.js"></script>
<!-- Start Footer area-->
<!-- owl.carousel JS
<?php include
'include/footer.php'; ?>
============================== /script>
<!-- bootstrap JS
==============================
============== -->
<script
==============================
src="js/jquery.scrollUp.min.js
============== -->
"></script>
<script
<!-- meanmenu JS
src="js/bootstrap.min.js"></sc
ript>
<!-- wow JS
==============================
============== -->
<script
==============================
src="js/meanmenu/jquery.meanme
============== -->
nu.js"></script>
<script
<!-- counterup JS
src="js/wow.min.js"></script>
<!-- price-slider JS
==============================
============== -->
<script <!-- sparkline JS
src="js/counterup/jquery.count
erup.min.js"></script>
<script ==============================
src="js/counterup/waypoints.mi ============== -->
n.js"></script> <script
<script src="js/sparkline/jquery.spark
src="js/counterup/counterup- line.min.js"></script>
active.js"></script> <script
<!-- mCustomScrollbar JS src="js/sparkline/sparkline-
active.js"></script>
<!-- sparkline JS
==============================
============== -->
<script ==============================
src="js/scrollbar/jquery.mCust ============== -->
omScrollbar.concat.min.js"></s <script
cript> src="js/flot/jquery.flot.js"><
<!-- jvectormap JS /script>
<script
src="js/flot/jquery.flot.resiz
============================== e.js"></script>
============== -->
<script
<script src="js/flot/curvedLines.js"><
src="js/jvectormap/jquery- /script>
jvectormap-
<script src="js/flot/flot-
2.0.2.min.js"></script>
active.js"></script>
<script
<!-- knob JS
src="js/jvectormap/jquery-
jvectormap-world-mill-
en.js"></script>
==============================
<script ============== -->
src="js/jvectormap/jvectormap-
active.js"></script>
<script <!-- Chat JS
src="js/knob/jquery.knob.js"><
/script>
<script ==============================
src="js/knob/jquery.appear.js" ============== -->
></script>
<script src="js/knob/knob-
<!-- main JS
active.js"></script>
<!-- wave JS
==============================
============== -->
==============================
<script src="js/data-
============== -->
table/jquery.dataTables.min.js
<script "></script>
src="js/wave/waves.min.js"></s
<script src="js/data-
cript>
table/data-table-
<script src="js/wave/wave- act.js"></script>
active.js"></script>
<script
<!-- todo JS src="js/main.js"></script>
==============================
============== -->
==============================
<script ============== -->
src="js/todo/jquery.todo.js"><
/script>
</body>
<!-- plugins JS
</html>
==============================
============== -->
<?php
<script
}
src="js/plugins.js"></script>
?>
Form Logout
<?php
session_start();
unset($_SESSION['admin']);
header('location:login.php');
?>
<meta charset="utf-8">
include '../koneksi.php';
if <link
(isset($_SESSION['user'])) { href='http://fonts.googleapis.
$id=$_SESSION['user']; com/css?
family=Open+Sans:400,600,700,8
}
00' rel='stylesheet'
?> type='text/css'>
<link rel="stylesheet"
<script
http://www.templatemo.com/tm-
src="js/jquery.min.js"></scrip
407-solidity
t>
-->
<script <form
src="js/jquery.singlePageNav.j id="search_form">
s"></script>
<div
<script class="templatemo_search">
src="js/jquery.flexslider.js">
<input
</script>
name="search" type="text"
placeholder="Search here ....
" id="search">
<script
src="js/custom.js"></script> </div>
</form>
</div>
<script
src="js/jquery.lightbox.js"></ <div class="col-
script> md-3 col-sm-3">
<div
class="templatemo_search text-
</head>
right">
<body>
<?php
<!-- title start -->
if (!
<div class="container"> isset($_SESSION['user'])) {
<div class="row"> echo '<a
<div class="col- href="register.php" class="btn
md-6 col-sm-6"> btn-primary
buttonku">Daftar</a>
<div
class="templatemo_title"><a <a
href="index.php">ANDALUSIA href="login.php" class="btn
STUDIO</a></div> btn-danger
buttonku">Login</a>';
<div
class="templatemo_subtitle">Ja }
sa Fotografer elseif(isset($_SESSION['user']
Profesional</div> )){
<script
type="text/javascript"> function menu2() {
var menu=1; $
(".home").prop("hidden",
true);
var ada_user=$
("#ada_user").val(); $
(".paket").prop("hidden",
false);
function menu1() {
$
$ (".gallerym").prop("hidden",
(".home").prop("hidden", true);
false);
$
$ (".kontak").prop("hidden",
(".paket").prop("hidden", true);
true);
$
$ (".profil").prop("hidden",
(".gallerym").prop("hidden", true);
true);
$
$ (".pesanan").prop("hidden",
(".kontak").prop("hidden", true);
true);
$ }
(".order").prop("hidden",
true);
function menu4() {
$
$
(".resi").prop("hidden",
(".home").prop("hidden",
true);
true);
}
$
(".paket").prop("hidden",
function menu3() { true);
$ $
(".home").prop("hidden", (".gallerym").prop("hidden",
true); true);
$ $
(".paket").prop("hidden", (".kontak").prop("hidden",
true); false);
$ $
(".gallerym").prop("hidden", (".profil").prop("hidden",
false); true);
$ $
(".kontak").prop("hidden", (".pesanan").prop("hidden",
true); true);
$ $
(".profil").prop("hidden", (".order").prop("hidden",
true); true);
$ $
(".pesanan").prop("hidden", (".resi").prop("hidden",
true); true);
$ }
(".order").prop("hidden",
true);
function menu5() {
$
$
(".resi").prop("hidden",
(".home").prop("hidden",
true);
true);
$ $
(".paket").prop("hidden", (".kontak").prop("hidden",
true); true);
$ $
(".gallerym").prop("hidden", (".profil").prop("hidden",
true); true);
$ $
(".kontak").prop("hidden", (".pesanan").prop("hidden",
true); false);
$ $
(".profil").prop("hidden", (".order").prop("hidden",
false); true);
$ $
(".pesanan").prop("hidden", (".resi").prop("hidden",
true); true);
$ }
(".order").prop("hidden",
true);
function menu7() {
$
$
(".resi").prop("hidden",
(".home").prop("hidden",
true);
true);
}
$
(".paket").prop("hidden",
function menu6() { true);
$ $
(".home").prop("hidden", (".gallerym").prop("hidden",
true); true);
$ $
(".paket").prop("hidden", (".kontak").prop("hidden",
true); true);
$ $
(".gallerym").prop("hidden", (".profil").prop("hidden",
true); true);
$ $
(".pesanan").prop("hidden", (".resi").prop("hidden",
true); true);
$ }
(".order").prop("hidden",
false);
function menu9() {
$
$
(".resi").prop("hidden",
(".home").prop("hidden",
true);
true);
}
$
(".paket").prop("hidden",
function menu8() { true);
$ $
(".home").prop("hidden", (".gallerym").prop("hidden",
true); true);
$ $
(".paket").prop("hidden", (".kontak").prop("hidden",
true); true);
$ $
(".gallerym").prop("hidden", (".profil").prop("hidden",
true); true);
$ $
(".kontak").prop("hidden", (".pesanan").prop("hidden",
true); true);
$ $
(".profil").prop("hidden", (".order").prop("hidden",
true); true);
$ $
(".pesanan").prop("hidden", (".resi").prop("hidden",
false); false);
$ }
(".order").prop("hidden",
true);
$("#next").click(function menu3();
() {
}else if (menu==4) {
menu=menu+1;
menu4();
if (menu==5) {
}
menu=1;
});
}
if (menu==1) {
$("#home").click(function
menu1(); () {
menu2(); menu1();
menu3();
$("#prev").click(function
() { $
("#gallerym").click(function
menu=menu-1;
() {
if (menu==0) {
menu=3;
menu=4;
menu3();
}
});
if (menu==1) {
menu1();
$
}else if (menu==2) { ("#kontak").click(function ()
menu2(); {
menu4();
}); success: function
(ajaxData){
$
$
(".order").html(ajaxData);
("#profil").click(function ()
{ menu7();
menu5(); }
}); });
$ });
("#pesanan").click(function ()
{
function tampil_pesanan()
tampil_pesanan();
{
});
var id="";
$.ajax({
$
url: "aksi/view-
(".buttonku2").click(function
pesanan.php",
() {
type: "post",
if (ada_user=='') {
data : {id:
alert("Login terlebih
id,},
dahulu untuk melakukan
order!"); success:
function (ajaxData){
}else{
$
var id=$
(".pesanan").html(ajaxData);
(this).attr("id");
menu8();
$.ajax({
}
url: "aksi/view-
order.php", });
type: "post", }
$ type:
(document).on('click', "post",
'#order_now', function(){
data :
$.ajax({ {id:m,},
url: succes
"aksi/simpan-order.php", s: function (ajaxData){
type: "post", al
ert("Data berhasil dihapus!");
data : $('#form-
order').serialize(), ta
mpil_pesanan();
success:
function (ajaxData){ }
alert("Order });
berhasil!");
}
$('#form-
});
order').trigger("reset");
}
$
});
(document).on('click',
}); '.up_resi', function(){
var m = $
(this).attr("id");
$
(document).on('click', $.ajax({
'.del_pesanan', function(){
url:
var m = $ "aksi/view-resi.php",
(this).attr("id");
type:
var answer = "post",
confirm('Apakah anda yakin
data :
hapus data pesanan '+m+' ?');
{id: m,},
if (answer) {
success:
$.ajax({ function (ajaxData){
$ },
(".resi").html(ajaxData);
menu9(
processDat
);
a: false,
}
contentTyp
}); e: false,
}); cache:
false,
});
$
(document).on('click', });
'#upload', function(){
});
var formData = $
("#form-
var awal=$
upload").submit(function (e) {
("#gallery").html();
return;
$
});
("#filter").change(function ()
var formData = new {
FormData(formData[0]);
var filter = $
$.ajax({ (this).val();
url: if (filter=='') {
"aksi/upload-resi.php",
$
type: ("#gallery").html('');
"post",
$
enctype: ("#gallery").append(awal);
'multipart/form-data',
}else{
data :
$.ajax({
formData,
url: "aksi/view-
success:
gallery.php",
function (ajaxData){
type: "post",
alert(
data : {id:
"Resi Berhasil Diupload");
filter,},
success: url:
function (ajaxData){ "aksi/ubah_akun.php",
$ type: "post",
("#gallery").html(ajaxData);
data : $('#form-
} input').serialize(),
$
("#pass").attr("type",
"text");
</script>
lihat='1';
</body>
}else{
</html>
$
("#pass").attr("type",
"password");
lihat='0';
});
$
("#update").click(function ()
{
$.ajax({
Form Login
<?php $_SESSION['nama']=$row['nama']
;
session_start();
if
header('location:index.php');
(isset($_SESSION['user'])) {
}else{
header('location:index.php');
header('location:login.php?
}else{
error='.base64_encode('Usernam
include e atau password salah!'));
'../koneksi.php';
exit();
if
}
(isset($_POST['login'])) {
}
$user=$_POST['username']; ?>
<!doctype html>
<head>
$query=mysqli_query($con, <meta charset="utf-8">
"SELECT * FROM tbl_konsumen
<meta http-equiv="x-ua-
WHERE username='$user' &&
compatible" content="ie=edge">
password='$pass'");
<title>Login</title>
); content="">
<meta name="viewport"
content="width=device-width,
$jml=mysqli_num_rows($query);
initial-scale=1">
<!-- favicon
if ($jml>0) {
$_SESSION['user']=$row['id'];
==============================
============== --> ==============================
============== -->
<link rel="shortcut icon"
type="image/x-icon" <link rel="stylesheet"
href="../admin/imgimg/favicon. href="../admin/css/owl.carouse
ico"> l.css">
<link rel="stylesheet"
href="../admin/css/animate.css
============================== ">
============== --> <!-- normalize CSS
<link rel="stylesheet"
href="../admin/css/bootstrap.m
in.css"> ==============================
<link rel="stylesheet"
href="../admin/css/normalize.c
============================== ss">
============== --> <!-- mCustomScrollbar CSS
<link rel="stylesheet"
href="../admin/css/font-
awesome.min.css"> ==============================
<link rel="stylesheet"
href="../admin/css/responsive.
============================== css">
============== -->
<!-- modernizr JS
<link rel="stylesheet"
href="../admin/css/wave/waves.
min.css"> ==============================
<!-- Notika icon CSS ============== -->
<script
src="../admin/js/vendor/modern
============================== izr-2.8.3.min.js"></script>
============== -->
</head>
<link rel="stylesheet"
href="../admin/css/notika-
<body>
custom-icon.css">
<!--[if lt IE 8]>
<!-- main CSS
<p
class="browserupgrade">You are
============================== using an
<![endif]-->
<div
class="alert alert-danger <input type="text"
role="alert"> placeholder="Username"
name="username">
<button
type="button" class="close" </div>
=base64_decode($_GET['error']) <div
;?> class="nk-int-st">
</div>
<button ==============================
</form>
</div>
==============================
============== -->
</div>
<script
<!-- Login Register area src="../admin/js/jquery-price-
End--> slider.js"></script>
============================== ==============================
============== --> ============== -->
<script <script
src="../admin/js/vendor/jquery src="../admin/js/owl.carousel.
-1.12.4.min.js"></script> min.js"></script>
============================== ==============================
============== --> ============== -->
<script <script
src="../admin/js/bootstrap.min src="../admin/js/jquery.scroll
.js"></script> Up.min.js"></script>
<script <script
src="../admin/js/meanmenu/jque src="../admin/js/sparkline/jqu
ry.meanmenu.js"></script> ery.sparkline.min.js"></script
>
<!-- counterup JS
<script
src="../admin/js/sparkline/spa
============================== rkline-active.js"></script>
<script
src="../admin/js/counterup/jqu
ery.counterup.min.js"></script ==============================
> ============== -->
<script <script
src="../admin/js/counterup/way src="../admin/js/flot/jquery.f
points.min.js"></script> lot.js"></script>
<script <script
src="../admin/js/counterup/cou src="../admin/js/flot/jquery.f
nterup-active.js"></script> lot.resize.js"></script>
<script
src="../admin/js/scrollbar/jqu ==============================
ery.mCustomScrollbar.concat.mi ============== -->
n.js"></script>
<script
<!-- sparkline JS src="../admin/js/knob/jquery.k
nob.js"></script>
<script <script
src="../admin/js/knob/jquery.a src="../admin/js/icheck/icheck
ppear.js"></script> -active.js"></script>
<script
============================== src="../admin/js/todo/jquery.t
============== --> odo.js"></script>
<script
============================== src="../admin/js/login/login-
============== --> action.js"></script>
<script ==============================
src="../admin/js/wave/wave- ============== -->
active.js"></script> <script
<!-- icheck JS src="../admin/js/plugins.js"><
/script>
<!-- main JS
==============================
============== -->
<script ==============================
src="../admin/js/icheck/icheck ============== -->
.min.js"></script>
<script
src="../admin/js/main.js"></sc
ript>
</body>
</html>
<?php
?>
Form Register alert-dismissible alerku"
role="alert">
<?php
<button
$alert='';
type="button" class="close"
if data-dismiss="alert" aria-
(isset($_POST['register'])) { label="Close">
include <span
'../koneksi.php'; aria-
hidden="true">×</span>
$no_identitas=$_POST['no_ident </button>
itas'];
Selamat
$nama=$_POST['nama']; Anda berhasil mendaftar. <a
href="login.php">Login
Sekarang!</a>
$email=$_POST['email'];
</div>';
$telpon=$_POST['telpon']; }
$alamat=$_POST['alamat']; ?>
<!doctype html>
$username=$_POST['username'];
<html class="no-js" lang="">
$password=$_POST['password'];
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-
$query=mysqli_query($con,
compatible" content="ie=edge">
"INSERT INTO tbl_konsumen
VALUES(NULL, '$no_identitas', <title>Login</title>
'$nama', '$email', '$telpon', <meta name="description"
'$alamat', '$username', content="">
'$password')");
<meta name="viewport"
if ($query) { content="width=device-width,
$alert='<div initial-scale=1">
class="alert alert-success
<!-- favicon <link rel="stylesheet"
href="../admin/css/font-
awesome.min.css">
<link rel="stylesheet"
============================== href="../admin/css/owl.theme.c
============== --> ss">
==============================
============== -->
==============================
<link rel="stylesheet"
============== -->
href="../admin/css/animate.css
<link rel="stylesheet" ">
href="../admin/css/bootstrap.m
<!-- normalize CSS
in.css">
==============================
============== -->
==============================
<link rel="stylesheet"
============== -->
href="../admin/css/normalize.c
ss">
<link rel="stylesheet"
==============================
href="../admin/css/responsive.
============== -->
css">
<link rel="stylesheet"
<!-- modernizr JS
href="../admin/css/wave/waves.
min.css">
<script
==============================
src="../admin/js/vendor/modern
============== -->
izr-2.8.3.min.js"></script>
<link rel="stylesheet"
</head>
href="../admin/css/notika-
custom-icon.css">
<!--[if lt IE 8]>
<p
==============================
class="browserupgrade">You are
============== -->
using an
<link rel="stylesheet" <strong>outdated</strong>
href="../admin/css/main.css"> browser. Please <a
href="http://browsehappy.com/"
<!-- style CSS
>upgrade your browser</a> to
improve your experience.</p>
<![endif]--> <span
class="input-group-addon nk-
<!-- Login Register area
ic-st-pro"><i class="fa fa-
Start-->
user"></i></span>
<div class="login-
<div
content">
class="nk-int-st">
<!-- Login -->
<div class="nk-block
<input type="text"
toggled" id="l-login">
class="form-control"
<?php echo $alert; placeholder="Nama Lengkap"
?> name="nama" required="">
<form </div>
method="post">
</div>
<div
<div
class="nk-form">
class="input-group mg-t-15">
<div
<span
class="input-group">
class="input-group-addon nk-
<span ic-st-pro"><i class="fa fa-
class="input-group-addon nk- envelope"></i></span>
ic-st-pro"><i class="fa fa-
<div
shield"></i></span>
class="nk-int-st">
<div
class="nk-int-st">
<input type="text"
class="form-control"
<input type="text" placeholder="Email"
class="form-control" name="email" required="">
placeholder="No. Identitas"
</div>
name="no_identitas"
required=""> </div>
</div> <div
class="input-group mg-t-15">
</div>
<span
<div
class="input-group-addon nk-
class="input-group mg-t-15">
ic-st-pro"><i class="fa fa- <div
phone"></i></span> class="nk-int-st">
<div
class="nk-int-st"> <input type="text"
class="form-control"
placeholder="Username"
<input type="text"
name="username" required="">
class="form-control"
placeholder="Telpon" </div>
name="telpon" required="">
</div>
</div>
<div
</div> class="input-group mg-t-15">
<div <span
class="input-group mg-t-15"> class="input-group-addon nk-
ic-st-pro"><i class="fa fa-
<span
lock"></i></span>
class="input-group-addon nk-
ic-st-pro"><i class="fa fa- <div
map-marker"></i></span> class="nk-int-st">
<div
class="nk-int-st"> <input type="password"
class="form-control"
placeholder="Password"
<input type="text"
name="password" required="">
class="form-control"
placeholder="Alamat" </div>
name="alamat" required="">
</div>
</div>
<div
</div> class="fm-checkbox">
<div
class="input-group mg-t-15"> <label><input type="checkbox"
</form>
==============================
</div>
============== -->
<script
</div> src="../admin/js/jquery-price-
<!-- Login Register area slider.js"></script>
End--> <!-- owl.carousel JS
<!-- jquery
==============================
============================== ============== -->
============== --> <script
<script src="../admin/js/owl.carousel.
src="../admin/js/vendor/jquery min.js"></script>
-1.12.4.min.js"></script> <!-- scrollUp JS
<!-- bootstrap JS
==============================
============================== ============== -->
============== --> <script
<script src="../admin/js/jquery.scroll
src="../admin/js/bootstrap.min Up.min.js"></script>
.js"></script> <!-- meanmenu JS
<!-- wow JS
==============================
============================== ============== -->
============== -->
<script ery.sparkline.min.js"></script
src="../admin/js/meanmenu/jque >
ry.meanmenu.js"></script>
<script
<!-- counterup JS src="../admin/js/sparkline/spa
rkline-active.js"></script>
<!-- flot JS
==============================
============== -->
<script ==============================
src="../admin/js/counterup/jqu ============== -->
ery.counterup.min.js"></script
<script
>
src="../admin/js/flot/jquery.f
<script lot.js"></script>
src="../admin/js/counterup/way
<script
points.min.js"></script>
src="../admin/js/flot/jquery.f
<script lot.resize.js"></script>
src="../admin/js/counterup/cou
<script
nterup-active.js"></script>
src="../admin/js/flot/flot-
<!-- mCustomScrollbar JS active.js"></script>
<!-- knob JS
==============================
============== -->
==============================
<script ============== -->
src="../admin/js/scrollbar/jqu
<script
ery.mCustomScrollbar.concat.mi
src="../admin/js/knob/jquery.k
n.js"></script>
nob.js"></script>
<!-- sparkline JS
<script
src="../admin/js/knob/jquery.a
ppear.js"></script>
==============================
<script
============== -->
src="../admin/js/knob/knob-
<script active.js"></script>
src="../admin/js/sparkline/jqu
<!-- Chat JS
<script
src="../admin/js/todo/jquery.t
============================== odo.js"></script>
============== -->
<!-- Login JS
<script
src="../admin/js/chat/jquery.c
hat.js"></script>
==============================
<!-- wave JS ============== -->
<script
src="../admin/js/login/login-
============================== action.js"></script>
============== -->
<!-- plugins JS
<script
src="../admin/js/wave/waves.mi
n.js"></script>
==============================
<script ============== -->
src="../admin/js/wave/wave-
<script
active.js"></script>
src="../admin/js/plugins.js"><
<!-- icheck JS /script>
<!-- main JS
==============================
============== -->
==============================
<script ============== -->
src="../admin/js/icheck/icheck
<script
.min.js"></script>
src="../admin/js/main.js"></sc
<script ript>
src="../admin/js/icheck/icheck
</body>
-active.js"></script>
<!-- todo JS
</html>
==============================
============== -->
Form Koneksi
<?php
//Pengaturan koneksi
kedatabase
$db_name =
"db_fotograph";
$db_user = "root";
$db_password ="";
$db_host = "localhost";
//Membuat koneksi ke
database
$con =
mysqli_connect($db_host,
$db_user, $db_password,
$db_name);
if
(mysqli_connect_error()) {
trigger_error("Koneksi
gagal!"
.mysqli_connect_error(),
E_USER_ERROR);
?>