diff --git a/bdgwebkit/User.php b/bdgwebkit/User.php
new file mode 100644
index 0000000000000000000000000000000000000000..4646bf97319e80c24506c7d6e021bb61a7c86fd4
--- /dev/null
+++ b/bdgwebkit/User.php
@@ -0,0 +1,57 @@
+<?php
+	include_once 'config.php';
+
+	class User{
+		// Database connect
+		public function __construct(){
+			$db = new DB_Class();
+		}
+
+		// Registration process
+		public function register_user($username, $email, $password){
+			$password = md($password);
+			$sql = mysql_query(" SELECT id FROM pengguna WHERE username='$username' or email='$email' ");
+			$no_rows = mysql_num_rows($sql);
+			if($no_rows == 0){
+				$result = mysql_query("INSERT INTO pengguna(username, email, password) values('$username', '$email', '$password')") or die(mysql_error());
+				return $result;
+			} else{
+				return FALSE;
+			}
+		}
+
+		// Login process
+		public function check_login($email, $password){
+			$password = md5($password);
+			$result = mysql_query(" SELECT id FROM pengguna WHERE email='$email' AND password='$password' ");
+			$user_data = mysql_fetch_array($result);
+			$no_rows = mysql_num_rows($result);
+			if($no_rows == 1){
+				$_SESSION['login'] = true;
+				$_SESSION['id'] = $user_data['id'];
+				return TRUE;
+			} else{
+				return FALSE;
+			}
+		}
+
+		// Getting username
+		public function get_username($id){
+			$result = mysql_query("SELECT username FROM pengguna WHERE id='$id'");
+			$user_data = mysql_fetch_array($result);
+			echo $user_data['username'];
+		}
+
+		// Getting session
+		public function get_session(){
+			return $_SESSION['login'];
+		}
+
+		// Logout
+		public function user_logout(){
+			$_SESSION['login'] = FALSE;
+			session_destroy();
+		}
+	}
+
+?>
\ No newline at end of file
diff --git a/bdgwebkit/config.php b/bdgwebkit/config.php
new file mode 100644
index 0000000000000000000000000000000000000000..1088976dd2c362d1fe9f5a9fb166ff2943206834
--- /dev/null
+++ b/bdgwebkit/config.php
@@ -0,0 +1,15 @@
+<?php
+	define('DB_SERVER', 'localhost');
+	define('DB_USERNAME', 'root');
+	define('DB_PASSWORD', '');
+	define('DB_DATABASE', 'akte_kelahiran');
+	class DB_Class{
+	
+		function __construct(){
+			$connection = mysql_connect(DB_SERVER, DB_USERNAME, DB_PASSWORD) or
+			die('Oops connection error -> ' . mysql_error());
+			mysql_select_db(DB_DATABASE, $connection)
+			or die('Database error -> ' . mysql_error());
+		}
+	}
+?>
\ No newline at end of file
diff --git a/bdgwebkit/index.html b/bdgwebkit/index.php
similarity index 99%
rename from bdgwebkit/index.html
rename to bdgwebkit/index.php
index 26e39b4dbde041c3d7b443ddf46ad7cbaee02a45..0c091800c2630d970879a4edd728e7e48de97139 100644
--- a/bdgwebkit/index.html
+++ b/bdgwebkit/index.php
@@ -1,5 +1,20 @@
 <!DOCTYPE html>
 <html lang="en" class="">
+<?php
+  session_start();
+  include_once 'User.php';
+
+  $user = new User();
+  $id = $_SESSION['id'];
+  if(!$user->get_session()){
+    header("location:signin.php");
+  }
+  if($_GET['q'] == 'logout'){
+    $user->user_logout();
+    header("location:signin.php");
+  }
+?>
+
 <head>
   <meta charset="utf-8" />
   <title>Bandung Web Kit | BDGWEBKIT</title>
@@ -165,7 +180,7 @@
               </li>
               <li class="divider"></li>
               <li>
-                <a>Logout</a>
+                <a href="?q=logout">Logout</a>
               </li>
             </ul>
             <!-- / dropdown -->
diff --git a/bdgwebkit/inputDatabase.php b/bdgwebkit/inputDatabase.php
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/bdgwebkit/signin.html b/bdgwebkit/signin.html
deleted file mode 100644
index 5bb5228c82651953649098abb9bb5bf8ad8ac025..0000000000000000000000000000000000000000
--- a/bdgwebkit/signin.html
+++ /dev/null
@@ -1,83 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" class="{{html_class}}">
-<head>
-  <meta charset="utf-8" />
-  <title>Bandung Web Kit | BDGWEBKIT</title>
-  <meta name="description" content="Bandung Web Kit" />
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
-  <link rel="stylesheet" href="../libs/assets/animate.css/animate.css" type="text/css" />
-  <link rel="stylesheet" href="../libs/assets/font-awesome/css/font-awesome.min.css" type="text/css" />
-  <link rel="stylesheet" href="../libs/assets/simple-line-icons/css/simple-line-icons.css" type="text/css" />
-  <link rel="stylesheet" href="../libs/jquery/bootstrap/dist/css/bootstrap.css" type="text/css" />
-
-  <link rel="stylesheet" href="css/font.css" type="text/css" />
-  <link rel="stylesheet" href="css/app.css" type="text/css" />
-
-  <link rel="stylesheet" href="css/app.min.css" type="text/css" />
-  <link rel="stylesheet" href="css/style.css" type="text/css" />
-  
-
-</head>
-<body>
-<div class="app app-header-fixed bg-dark">
- <div class="wrapper-lg modal-center animated fadeInUp text-center r-sm" style="width:350px;margin:-250px 0 0 -200px;">
-<div class="container w-xxl w-auto-xs" >
-  <div class="header-signin">
-    <div class="wrapper-lg text-center">
-        <img src="img/logo-bdg.png" alt="">
-        <p class="m-t-sm m-b-none">Easy way to create Admin & Dashboard <br />web application</p>
-    </div>
-  </div>
-  <div class="m-b-lg wrapper-lg bg-white r-b-sm">
-    <div class=" text-left">
-      <h4 class="font-bold no-padder m-b-md">Sign in to get in touch</h4>
-    </div>
-    
-    <form name="form" class="form-validation">     
-      <div class="list-group list-group-sm">
-
-        <div class="form-group">
-          <input type="email" placeholder="Email" class="form-control" required>
-        </div>
-        
-        <div class="form-group">
-          <input type="password" placeholder="Password" class="form-control" required>
-        </div>
-        
-      </div>
-      <button type="submit" class="btn btn-lg btn-info btn-block" >SIGN IN</button>
-
-      <div class="checkbox m-b-md text-left">
-        <label class="checkbox-inline m-t-sm">
-          <input type="checkbox" checked=""><i></i> Automatic Login
-        </label>
-      </div>
-
-      <div class="line line-dashed"></div>
-
-      <div class="text-left m-t">
-        <a href="" class=" b-r padder-md padder-left-none text-info">Register</a>
-        <a href="" class="padder-md">Forgot password?</a>
-      </div>      
-    </form>
-
-  </div>
-  
-</div>
-</div>
-
-</div>
-
-<script src="../libs/jquery/jquery/dist/jquery.js"></script>
-<script src="../libs/jquery/bootstrap/dist/js/bootstrap.js"></script>
-<script src="js/ui-load.js"></script>
-<script src="js/ui-jp.config.js"></script>
-<script src="js/ui-jp.js"></script>
-<script src="js/ui-nav.js"></script>
-<script src="js/ui-toggle.js"></script>
-<script src="js/ui-client.js"></script>
-
-<script src="js/app.min.js"></script>
-
-</body>
-</html>
diff --git a/bdgwebkit/signin.php b/bdgwebkit/signin.php
new file mode 100644
index 0000000000000000000000000000000000000000..a312279bd644ee788638ca1ad827c585817a55d0
--- /dev/null
+++ b/bdgwebkit/signin.php
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang="en" class="{{html_class}}">
+  
+  <?php
+
+    session_start();
+    include_once 'User.php';
+
+    $user = new User();
+    if($user->get_session()){
+      header("location:index.html");
+    }
+
+    if($_SERVER["REQUEST_METHOD"] == "POST"){
+      $login = $user->check_login($_POST['email'], $_POST['password']);
+      if($login){
+        header("location:index.php");
+      } else{
+        echo "gagal";
+        $message = 'Username / password wrong';
+      }
+    }
+  ?>
+
+  <head>
+    <meta charset="utf-8" />
+    <title>Aplikasi Pencatatan Kelahiran di Kota Bandung | APKB</title>
+    <meta name="description" content="Bandung Web Kit" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    <link rel="stylesheet" href="../libs/assets/animate.css/animate.css" type="text/css" />
+    <link rel="stylesheet" href="../libs/assets/font-awesome/css/font-awesome.min.css" type="text/css" />
+    <link rel="stylesheet" href="../libs/assets/simple-line-icons/css/simple-line-icons.css" type="text/css" />
+    <link rel="stylesheet" href="../libs/jquery/bootstrap/dist/css/bootstrap.css" type="text/css" />
+
+    <link rel="stylesheet" href="css/font.css" type="text/css" />
+    <link rel="stylesheet" href="css/app.css" type="text/css" />
+
+    <link rel="stylesheet" href="css/app.min.css" type="text/css" />
+    <link rel="stylesheet" href="css/style.css" type="text/css" />
+  </head>
+
+  <body>
+    <div class="app app-header-fixed bg-dark">
+      <div class="wrapper-lg modal-center animated fadeInUp text-center r-sm" style="width:350px;margin:-250px 0 0 -200px;">
+        <div class="container w-xxl w-auto-xs" >
+          <div class="header-signin">
+            <div class="wrapper-lg text-center">
+              <img src="img/logo-bdg.png" alt="">
+              <p class="m-t-sm m-b-none">Easy way to create Admin & Dashboard <br />web application</p>
+            </div>
+          </div>
+          <div class="m-b-lg wrapper-lg bg-white r-b-sm">
+            <div class=" text-left">
+              <h4 class="font-bold no-padder m-b-md">Sign in to get in touch</h4>
+            </div>
+      
+            <form name="login" class="form-validation" action="" method="post">
+              <div class="list-group list-group-sm">
+
+                <div class="form-group">
+                  <input type="email" placeholder="Email" class="form-control" name="email" required>
+                </div>
+          
+                <div class="form-group">
+                  <input type="password" placeholder="Password" class="form-control" name="password" required>
+                </div>
+          
+              </div>
+              <button type="submit" value="login" class="btn btn-lg btn-info btn-block" >SIGN IN</button>
+
+              <div class="checkbox m-b-md text-left">
+                <label class="checkbox-inline m-t-sm">
+                  <input type="checkbox" checked=""><i></i> Automatic Login
+                </label>
+              </div>
+
+              <div class="line line-dashed"></div>
+
+              <div class="text-left m-t">
+                <a href="" class=" b-r padder-md padder-left-none text-info">Register</a>
+                <a href="" class="padder-md">Forgot password?</a>
+              </div>      
+            </form>
+
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <script src="../libs/jquery/jquery/dist/jquery.js"></script>
+    <script src="../libs/jquery/bootstrap/dist/js/bootstrap.js"></script>
+    <script src="js/ui-load.js"></script>
+    <script src="js/ui-jp.config.js"></script>
+    <script src="js/ui-jp.js"></script>
+    <script src="js/ui-nav.js"></script>
+    <script src="js/ui-toggle.js"></script>
+    <script src="js/ui-client.js"></script>
+
+    <script src="js/app.min.js"></script>
+
+  </body>
+</html>
diff --git a/bdgwebkit/spesifikasi.txt b/bdgwebkit/spesifikasi.txt
new file mode 100644
index 0000000000000000000000000000000000000000..a6b454c91c63371a9a14ba5c39d1d22d4a6c182f
--- /dev/null
+++ b/bdgwebkit/spesifikasi.txt
@@ -0,0 +1,16 @@
+Judul
+- Diganti nama aplikasi
+
+Form permohonan
+- NIK ayah atau Ibu --> Otomatis mengisi semua informasi
+- ID Rumah sakit
+
+Role Management
+- Pemohon --> Isi form
+- Disdukcapil --> Pegawai->validasi, Kepala dinas->menandatangani
+- Rumahsakit / bidan --> Mengupload
+
+Statistik
+- Per kecamatan
+- Per proses
+- jenis kelamin
\ No newline at end of file
diff --git a/bdgwebkit/staffPermohonan.php b/bdgwebkit/staffPermohonan.php
index c2568bfbeda2328c2178e10f5b5a7af2e5212e06..c361f3b612c5cd9717a6455ac79d76e6361df3cf 100644
--- a/bdgwebkit/staffPermohonan.php
+++ b/bdgwebkit/staffPermohonan.php
@@ -260,12 +260,12 @@
                 <span>Components</span>
               </li>
               
-              <li class="active">
+              <!--li class="active">
                   <a href="permohonan.php">                  
                   <i class="icon-bdg_table"></i>
                   <span class="font-bold">Permohonan</span>
                 </a>                
-              </li>
+              </li-->
 
               <!--li>
                 <a href class="auto">
diff --git a/bdgwebkit/statistik.php b/bdgwebkit/statistik.php
index e4b238b249d56151d95b146dd5a0ef438b3146ac..57863c1ecb69e336131739c77a6b6e72ee49e33a 100644
--- a/bdgwebkit/statistik.php
+++ b/bdgwebkit/statistik.php
@@ -250,7 +250,7 @@
                 <span>Components</span>
               </li>
               
-              <li>
+              <!--li>
                 <a href class="auto">
                   <span class="pull-right text-muted">
                     <i class="text8 icon-bdg_arrow3 text"></i>
@@ -345,8 +345,46 @@
                   </li>
                  
                 </ul>
+              </li-->
+              <li>
+                <a href="formpermohonan.php" class="auto">
+                  <i class="icon-bdg_table"></i>
+                  <span class="font-bold">Isi Permohonan</span>
+                </a>
+              </li>
+              <li>
+                <a href="permohonan.php" class="auto">
+                  <i class="icon-bdg_table"></i>
+                  <span class="font-bold">Cek Status</span>
+                </a>
+              </li>
+              <li>
+              <a href class="auto">
+                  <span class="pull-right text-muted">
+                    <i class="text8 icon-bdg_arrow3 text"></i>
+                    <i class="text8 icon-bdg_arrow1 text-active"></i>
+                  </span>
+                  <i class="icon-bdg_uikit"></i>
+                  <span class="font-bold">Disdukcapil</span>
+                </a>
+                <ul class="nav nav-sub dk">
+                  <li class="nav-sub-header">
+                    <a href>
+                      <span>UI Kits</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="staffPermohonan.php">
+                      <span>Daftar Permohonan</span>
+                    </a>
+                  </li>
+                  <li >
+                    <a href="statistik.php">
+                      <span>Statistik</span>
+                    </a>
+                  </li>
+                </ul>
               </li>
-             
               
             </ul>
           </nav>