Hasil Uji Program Tugas Akhir SURAT KETERANGAN
Yang bertanda tangan dibawah ini, menerangkan bahwa Tugas Akhir Mahasiswa Program Diploma III Teknik Informatika :
Nama : RISA DEWITA RIVAI NIM : 132406015
Prog. Studi : DIPLOMA III TEKNIK INFORMATIKA
Judul TA : SISTEM PENDAFTARAN SISWA BARU BERBASIS WEB PADA SMA NEGERI 10 MEDAN
Telah melaksanakan tes program Tugas Akhir Mahasiswa tersebut di atas 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
KEMENTERIAN RISET TEKNOLOGI DAN PENDIDIKAN TINGGI UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM PROGRAM STUDI D3 TEKNIK INFORMATIKA
Jl. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155 Telp. (061) 8211050, 8214290, Fax (061) 8214290
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA
Nama Mahasiswa : Risa Dewita Rivai Nomor Induk Mahasiswa : 132406015
Judul Tugas akhir : Sistem Pendaftaran Siswa Baru Berbasis Web Pada SMA Negeri 10 Medan
Dosen Pembimbing : Dr. Mardiningsih, M.Si. Tanggal Mulai Bimbingan :
Tanggal Selesai Bimbingan :
No Tanggal Asistensi Bimbingan
Pembahasan Asistensi Pada
Bab
Paraf Dosen Pembimbing
Keterangan
1 2 3 4 5 6 7
*Kartu ini harap dikembalikan ke jurusan Matematika bila bimbingan mahasiswa telah selesai
Disetujui oleh
Program Studi D3 Teknik Informatika Fakultas MIPA USU
Ketua, Pembimbing,
Dr. Elly Rosmaini, M.Si Dr. Mardiningsih, M.Si. NIP. 196005201985032002 NIP. 196304051988112001
LISTING PROGRAM
1. user
a. index.php
<?php
error_reporting(0); // menghilangkan pesan error session_start();
include 'config/database.php';
if(!isset($_SESSION['username']) and !isset($_SESSION['password'])and
!isset($_SESSION['no_ujian'])){
}
else {
$no_ujian = $_SESSION['no_ujian'];
$sql = "SELECT * FROM siswa where
no_ujian='$no_ujian'";
$query = $mysqli->query($sql);
$row = $query->fetch_assoc();
$mysqli->close();
}
?>
<!DOCTYPE html> <html lang="en"> <head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content=""> <meta name="author" content="">
<link rel="shortcut icon" href="assets/img/psb_icon.png">
<title>Pendaftaran SMA Negeri 10 Medan</title>
<!-- Bootstrap Core CSS -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/screen.css" rel="stylesheet"> <!-- jQuery Version 1.11.1 -->
<script src="assets/js/jquery.js"></script>
</head>
<body>
<div id="container">
<div class="header" style="background-color : rgba(44, 120, 185, 0.86);">
<div class="header-bg"> <div class="logo">
<img class="img-responsive"
src="assets/img/gambar5.png" alt="Pendaftaran SMA Negeri 10 Medan" />
</div>
<p class="desc-
logo"><b>PENDAFTARAN SMA NEGERI 10 MEDAN<b></p>
</div> </div>
</div>
<!-- Navigation --> <?php
include"navigation.php"; ?>
<!-- Page Content -->
<div class="container">
<?php
include "content.php"; ?>
</div>
<div id="footer-wrapper"> <div class="row">
<div class="footer-widget col-md-5">
<h3>SMA Negeri 10 Medan</h3> <ul
style="font-size:20px;list-style-type:none">
<li><span class="glyphicon glyphicon-phone-alt">  (061)7368461</span></li>
<li><span class="glyphicon glyphicon-envelope">  sman10medan@yahoo.com</span></li>
<li><span class="glyphicon
glyphicon-map-marker">  Jalan Tilak NO. 108 Medan</span></li>
</ul> </div> </div>
<div id="footer" >
<div class="footer-text">
<p><center>Pendaftaran SMA Negeri 10 Medan</center></p>
</div> </div>
<!-- /.container -->
</body>
</html>
b. navigation.php
<?php
session_start(); ?>
<nav class="navbar navbar-default" role="navigation"> <div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div style="float:left"class="navbar-header"> <button type="button" class="navbar-
toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="index.php">Beranda</a></li> <?php
if (!isset($_SESSION['username']) and !isset($_SESSION['password'])and
!isset($_SESSION['no_ujian'])) { ?>
<li>
aria-expanded="false">Daftar<spanclass="caret"></span> </a>
<ul class="dropdown-menu"> <li>
<a href="index.php?content=cara-daftar">Cara Daftar</a> </li>
<li>
<a href="index.php?content=daftar">Daftar</a></li> </ul>
</li> <?php } ?> <li>
<a href="#" class="dropdown- toggle" data-toggle="dropdown" role="button" aria- haspopup="true" aria-expanded="false">Profil<span class="caret"></span></a>
<ul class="dropdown-menu"> <li>
<a href="index.php?content=visi-misi">Visi Misi</a></li> </ul>
</li>
<li> <a href="index.php?content=jadwal">Jadwal</a>
</li>
<li>
<a href="index.php?content=galeri">Galeri</a> </li>
<?php
if(!isset($_SESSION['username']) and !isset($_SESSION['password'])and
!isset($_SESSION['no_ujian'])){
echo "<li> <a href='index.php?content=login'>Login</a>
</li>"; }
else { echo"
<li> <a href='index.php?content=siswa'>Siswa</a>
</li>
<li> <a href='modul/logout/index.php'>Logout</a>
</li>"; }
<!-- /.navbar-collapse --> </div>
<!-- /.container --> </nav>
c. content.php
<?php
$mod = $_GET['content']; //umum
if ($mod=='home'){
include "modul/dashboard/index.php"; }
else if ($mod=='login'){
include "modul/login/index.php"; }
else if ($mod=='daftar'){
include "modul/daftar/daftar.php"; }
else if ($mod=='cara-daftar'){
include "modul/daftar/cara_daftar.php"; }
else if ($mod=='profil'){
include "modul/profil/index.php"; }
else if ($mod=='visi-misi'){
include "modul/visimisi/visimisi.php"; }
else if ($mod=='galeri'){
include "modul/galeri/galeri.php"; }
else if ($mod=='jadwal'){
include "modul/jadwal/jadwal.php"; }
else if ($mod=='siswa'){
include "modul/kartu/kartu.php"; }
else if ($mod=='biodata'){
include "modul/biodata/biodata.php"; }
else if ($mod=='pengumuman'){
include "modul/pengumuman/pengumuman.php"; }
else {
include "modul/dashboard/index.php"; }
d. database.php
<?php
$server = "localhost"; $usermysql = "root"; $password = "";
$database = "daftarsma";
// connect to database $mysqli= new mysqli
($server,$usermysql,$password,$database); if ($mysqli->connect_error){
echo "Gagal terkoneksi ke database : (".$mysqli->connect_eror.")";
} ?>
e. print.php
<?php
error_reporting(0); // menghilangkan pesan error session_start();
include 'config/database.php';
if(!isset($_SESSION['username']) and !isset($_SESSION['password'])and
!isset($_SESSION['no_ujian'])){
header("location:index.php");
}
else {
$no_ujian = $_SESSION['no_ujian'];
$sql = "SELECT * FROM siswa where
no_ujian='$no_ujian'";
$query = $mysqli->query($sql);
$data = $query->fetch_assoc();
$mysqli->close();
}
?>
<!DOCTYPE html>
<html lang="en-US" hola_ext_inject="ready"> <head><title>CETAK KARTU TANDA PESERTA</title>
<link rel="shortcut icon" href="../../images/"> </head>
border: 1px solid white; }
span{
font-size:30px; color:#ff9900; font-weight:bold;
}
</style>
<link rel="stylesheet" href="assets/css/bootstrap.css" type="text/css" media="all">
<link rel="stylesheet" href="assets/css/style.css" type="text/css" media="all">
<br> <br>
<?php
$day =substr($data['tgl_lahir'],8,2); $month =substr($data['tgl_lahir'],5,2); $year =substr($data['tgl_lahir'],0,4);
if ($month=="01"){
$monthIndo="JANUARI"; }
else if ($month=="02") { $monthIndo="FEBRUARI"; }
else if ($month=="03") { $monthIndo="MARET"; }
else if ($month=="04") { $monthIndo="APRIL"; }
else if ($month=="05") { $monthIndo="MEI"; }
else if ($month=="06") { $monthIndo="JUNI"; }
else if ($month=="07") { $monthIndo="JULI"; }
else if ($month=="08") { $monthIndo="AGUSTUS"; }
}
else if ($month=="10") { $monthIndo="OKTOBER"; }
else if ($month=="11") { $monthIndo="NOVEMBER"; }
else if ($month=="12") { $monthIndo="DESEMBER"; }
$newtgl_lahir =$day." ".$monthIndo." ".$year; ?>
<div class="col-md-offset-2 col-md-8">
<table class="table" style="border-collapse:collapse;"> <tr>
<td style="border: dotted 2px black;"> <table >
<tr>
<td style="border : 2px solid black;" >
<table><!--Alamat-->
<td><img src='assets/img/print/test.png'></td>
</table> </td>
</tr> </table> <table > <tr>
<td style="border : 2px solid black;" > <table><!--Alamat-->
<?php
echo" <tr><td
colspan='4'><center style='font-weight:bold'><u>KARTU TANDA PESERTA</u></center></td></tr>
<tr>
<td style='width:160px;'>NAMA PESERTA</td>
<td style='width:1px;'> : </td>
<td>$data[nama]</td>
</tr> <tr> <td>TANGGAL LAHIR</td>
<td>$newtgl_lahir</td>
</tr> <tr>
<td>NO UJIAN</td> <td> : </td>
<td>$data[no_ujian]</td>
</tr> <tr> <td>LOKASI UIAN</td>
<td> : </td>
<td>SMA NEGERI 10 MEDAN (Jl Tilak No. 108 Medan)</td> </tr>
<tr> <td>JADWAL UIAN</td>
<td> : </td>
<td>Senin, 27 Juni 2016</td>
</tr>
"; ?> </table> </td>
</tr> </table> <table > <tr>
<td style="border : 2px solid black;" > <table><!--Alamat-->
<?php
echo"
<tr><td colspan='4'><center style='font-weight:bold'><u>PERLENGKAPAN YANG HARUS DIBAWA</u></center></td></tr>
<td> <ol>
<li>Kartu peserta ujian ini</li>
<li>Kartu identitas yang di pakai sewaktu melakukan pendaftaran</li>
<li>Fotokopi SKHUN yang telah di legalisasi atau tanda lulus asli</li>
<li>Alat tulis</li>
</ol>
</td> "; ?> </table> </td>
</table>
</td> </tr>
</table> </td>
</tr> </table> <br> <br> </div> </body> </html> <script>
window.print(); </script>
f. biodata.php
<!-- jQuery Version 1.11.1 -->
<script src="assets/js/jquery.js"></script> <script>
$(function() {
$("#foto").change(function(){ readURL(this);
}); })
function readURL(input){
if(input.files && input.files[0]) { var reader = new FileReader (); reader.onload=function (e){
$('#gambar').attr('src', e.target.result); }
reader.readAsDataURL(input.files[0]); }
}
</script>
<div class="row well" >
<center><h2>BIODATA</h2></center><br>
<form class="form-horizontal" method="post" action="modul/biodata/update.php"
enctype="multipart/form-data"> <div class="form-group">
<label class="col-sm-3 control-
label">Nama</label>
<div class="col-sm-7">
<input type="text" name="name" id="name"
class="form-control" value="<?php echo $row[nama]?>">
id="no_ujian" value="<?php echo $row[no_ujian]?>">
<input type="hidden" name="gambar"
id="gambar" value="<?php echo $row[gambar]?>">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Jenis
Kelamin</label>
<div class="col-sm-7">
<select type="text" name="jk" id="jk"
class="form-control">
<option value="">PILIH</option>
<option value="lk">Laki-Laki</option>
<option value="pr">Perempuan</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Tanggal
Lahir</label>
<div class="col-sm-7">
<input type="date" name="tgl_lahir"
id="tgl_lahir" class="form-control" value="<?php echo $row[tgl_lahir]?>">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-
label">Alamat</label>
<div class="col-sm-7">
<input type="text" name="alamat"
id="alamat" class="form-control" value="<?php echo $row[alamat]?>">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-
label">Agama</label>
<div class="col-sm-7">
<input type="text" name="agama" id="agama"
class="form-control" value="<?php echo $row[agama]?>">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Nama
Ayah</label>
<div class="col-sm-7">
id="nama_ayah" class="form-control" value="<?php echo $row[nama_ayah]?>">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Pekerjaan
Ayah</label>
<div class="col-sm-7">
<input type="text" name="p_ayah"
id="p_ayah" class="form-control" value="<?php echo $row[p_ayah]?>">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Nama
Ibu</label>
<div class="col-sm-7">
<input type="text" name="nama_ibu"
id="nama_ibu" class="form-control" value="<?php echo $row[nama_ibu]?>">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Pekerjaan
Ibu</label>
<div class="col-sm-7">
<input type="text" name="p_ibu" id="p_ibu"
class="form-control" value="<?php echo $row[p_ibu]?>">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">No
Telp</label>
<div class="col-sm-7">
<input type="text" name="no_hp" id="no_hp"
class="form-control" value="<?php echo $row[no_hp]?>">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-
label">Penghasilan</label>
<div class="col-sm-7">
<input type="text" name="penghasilan"
id="penghasilan" class="form-control" value="<?php echo $row[penghasilan]?>">
</div>
</div>
<div class="form-group">
Sekolah</label>
<div class="col-sm-7">
<input type="text" name="asal_skl"
id="asl_skl" class="form-control" value="<?php echo $row[asal_skl]?>">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">No
SKHU</label>
<div class="col-sm-7">
<input type="text" name="no_ijazah"
id="no_ijazah" class="form-control" value="<?php echo $row[no_ijazah]?>">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Nilai
Metematika</label>
<div class="col-sm-7">
<input type="text" name="n_mtk" id="n_mtk"
class="form-control" value="<?php echo $row[n_mtk]?>">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Nilai
Bahasa Indonesia</label>
<div class="col-sm-7">
<input type="text" name="n_bi" id="n_bi"
class="form-control" value="<?php echo $row[n_bi]?>">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Nilai
IPA</label>
<div class="col-sm-7">
<input type="text" name="n_ipa" id="n_ipa"
class="form-control" value="<?php echo $row[n_ipa]?>">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Nilai
Bahasa Inggris</label>
<div class="col-sm-7">
<input type="text" name="n_bing"
id="n_bing" class="form-control" value="<?php echo $row[n_bing]?>">
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Nilai
Rata-Rata</label>
<div class="col-sm-7">
<input type="text" name="rata" id="rata"
class="form-control" value="<?php echo $row[rata]?>">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control- label">Photo</label>
<div class="col-sm-7">
<img class="col-sm-5 img-responsive" id="gambar" name="gambar" src='<?php
echo"assets/img/user/$row[gambar]";?>' alt="your image" /><br>
<input type="file" id="foto" name="userfile" />
</div> </div>
<div class="form-group">
<label class="col-sm-3 control- label"></label>
<div class="col-sm-7">
<button class="btn btn-
primary">Submit</button> </div>
</div> </form> </div>
g. update.php
<?php
include '../../config/database.php';
$no_ujian = $_POST['no_ujian']; $nama = $_POST['name'];
$gambar = $_POST['gambar']; $jk = $_POST['jk'];
$tgl_lahir = $_POST['tgl_lahir']; $alamat = $_POST['alamat'];
$agama = $_POST['agama'];
$penghasilan = $_POST['penghasilan']; $asal_skl = $_POST['asal_skl'];
$no_ijazah = $_POST['no_ijazah']; $n_mtk = $_POST['n_mtk'];
$n_bi = $_POST['n_bi']; $n_bing = $_POST['n_bing']; $n_ipa = $_POST['n_ipa']; $rata = $_POST['rata']; $tgl_msk = date("Y-m-d");
//foto
$fileName = $_FILES['userfile']['name']; $fileSize = $_FILES['userfile']['size']; $fileError = $_FILES['userfile']['error'];
if($fileSize>0 || $fileError==0){
$move = move_uploaded_file($_FILES['userfile']['tmp_name'],"../..
/assets/img/user/".$fileName); if($move){
$sql = "UPDATE `siswa` SET
`no_ujian`='$no_ujian',`nama`='$nama',`jk`='$jk',`tgl_lah ir`='$tgl_lahir',`alamat`='$alamat',`agama`='$agama',`nam a_ayah`='$nama_ayah',`p_ayah`='$p_ayah',`nama_ibu`='$nama _ibu',`p_ibu`='$p_ibu',`no_hp`='$no_hp',`penghasilan`='$p enghasilan',`asal_skl`='$asal_skl',`no_ijazah`='$no_ijaza h',`n_mtk`='$n_mtk',`n_bi`='$n_bi',`n_ipa`='$n_ipa',`n_bi ng`='$n_bing',`rata`='$rata',`gambar`='$fileName' WHERE no_ujian='$no_ujian'";
$mysqli->query($sql);
echo "<script>alert('Selamat Anda telah Terdaftar');</script>";
header("location:../../index.php?content=home"); $mysqli->close();
} }
else {
$sql = "UPDATE `siswa` SET
`no_ujian`='$no_ujian',`nama`='$nama',`jk`='$jk',`tgl_lah ir`='$tgl_lahir',`alamat`='$alamat',`agama`='$agama',`nam a_ayah`='$nama_ayah',`p_ayah`='$p_ayah',`nama_ibu`='$nama _ibu',`p_ibu`='$p_ibu',`no_hp`='$no_hp',`penghasilan`='$p enghasilan',`asal_skl`='$asal_skl',`no_ijazah`='$no_ijaza h',`n_mtk`='$n_mtk',`n_bi`='$n_bi',`n_ipa`='$n_ipa',`n_bi
$mysqli->query($sql);
echo "<script>alert('Selamat Anda telah Terdaftar');</script>";
header("location:../../index.php?content=home"); $mysqli->close();
} ?>
h. cara_daftar.php
<!-- jQuery Version 1.11.1 -->
<script src="assets/js/jquery.js"></script> <script>
$(function() {
$("#foto").change(function(){ readURL(this);
}); })
function readURL(input){
if(input.files && input.files[0]) { var reader = new FileReader (); reader.onload=function (e){
$('#gambar').attr('src', e.target.result); }
reader.readAsDataURL(input.files[0]); }
}
</script>
<div class="row well" >
<center><h1>Cara Daftar</h1></center> <hr>
<ol>
<li><strong>Pendaftaran.</strong> <br> Calon
peserta melakukan pendaftaran pada website Pendaftaran SMA Negeri 10 Medan.<br></li>
 
<li><strong>Mengisi Biodata.</strong> <br>Calon Peserta Melengkapi biodata yang ada pada form pendaftaran.</br></li>
 
<li><strong>Peserta Login.</strong> <br> Peserta melakukan Login dengan username dan password yang sudah diisi pada form pendaftaran. </br></li>
<li><strong>Cetak Kartu Ujian.</strong><br> Setelah Login peserta dapat mencetak kartu Ujian yang sudah di sediakan.</br></li>
 
<li><strong>Mengikuti Ujian.</strong> <br>Peserta mengikuti Ujian Seleksi pada waktu yang telah ditentukan. Peserta yang tidak mengikuti ujian akan otomatis dinyatakan gugur / mengundurkan diri.</br></li>
 
<li><strong>Pengumuman Hasil Ujian.</strong>
<br>Pengumuman hasil seleksi akan diumumkan pada waktu yang telah ditentukan. Peserta dapat melihatnya dengan melakukan Login sesuai dengan username dan password yang ada.<br></li>
 
<li><strong>Daftar Ulang.</strong><br>Peserta yang dinyatakan LULUS Ujian Seleksi, melakukan Her-registrasi dengan mendatangi Sekretariat Pendaftaran SMA Negeri 10 Medan.Peserta yang dinyatakan LULUS namun tidak melakukan Her-registrasi sampai batas waktu yang ditentukan, akan dinyatakan gugur / mengundurkan diri.</br></li>
</ol> </div>
i. daftar.php
<!-- jQuery Version 1.11.1 -->
<script src="assets/js/jquery.js"></script> <script>
$(function() {
$("#foto").change(function(){ readURL(this);
}); })
function readURL(input){
if(input.files && input.files[0]) { var reader = new FileReader (); reader.onload=function (e){
$('#gambar').attr('src', e.target.result); }
reader.readAsDataURL(input.files[0]); }
}
</script>
<div class="row well" >
<form class="form-horizontal" method="post"
data">
<div class="form-group">
<label class="col-sm-3 control- label">Nama</label>
<div class="col-sm-7">
<input type="text" name="name" id="name" class="form-control "required>
</div> </div>
<div class="form-group">
<label class="col-sm-3 control- label">Jenis Kelamin</label>
<div class="col-sm-7">
<select type="text" name="jk" id="jk" class="form-control">
<option value="">PILIH</option>
<option value="lk">Laki-Laki</option> <option value="pr">Perempuan</option> </select>
</div> </div>
<div class="form-group">
<label class="col-sm-3 control-label">Tanggal Lahir</label>
<div class="col-sm-7">
<input type="date" name="tgl_lahir" id="tgl_lahir" class="form-control">
</div> </div>
<div class="form-group">
<label class="col-sm-3 control- label">Alamat</label>
<div class="col-sm-7">
<input type="text" name="alamat" id="alamat" class="form-control">
</div> </div>
<div class="form-group">
<label class="col-sm-3 control- label">Agama</label>
<div class="col-sm-7">
<input type="text" name="agama" id="agama" class="form-control">
</div> </div>
<div class="form-group">
<label class="col-sm-3 control-label">Nama Ayah</label>
<input type="text" name="nama_ayah" id="nama_ayah" class="form-control">
</div> </div>
<div class="form-group">
<label class="col-sm-3 control- label">Pekerjaan Ayah</label>
<div class="col-sm-7">
<input type="text" name="p_ayah" id="p_ayah" class="form-control">
</div> </div>
<div class="form-group">
<label class="col-sm-3 control-label">Nama Ibu</label>
<div class="col-sm-7">
<input type="text" name="nama_ibu" id="nama_ibu" class="form-control">
</div> </div>
<div class="form-group">
<label class="col-sm-3 control- label">Pekerjaan Ibu</label>
<div class="col-sm-7">
<input type="text" name="p_ibu" id="p_ibu" class="form-control">
</div> </div>
<div class="form-group">
<label class="col-sm-3 control-label">No Telp</label>
<div class="col-sm-7">
<input type="text" name="no_hp" id="no_hp" class="form-control">
</div> </div>
<div class="form-group">
<label class="col-sm-3 control- label">Penghasilan</label>
<div class="col-sm-7">
<input type="text" name="penghasilan" id="penghasilan" class="form-control">
</div> </div>
<div class="form-group">
<label class="col-sm-3 control-label">Asal Sekolah</label>
<div class="col-sm-7">
id="asl_skl" class="form-control"> </div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">No SKHU</label>
<div class="col-sm-7">
<input type="text" name="no_ijazah" id="no_ijazah" class="form-control">
</div> </div>
<div class="form-group">
<label class="col-sm-3 control- label">Nilai Metematika</label>
<div class="col-sm-7">
<input type="text" name="n_mtk" id="n_mtk" class="form-control">
</div> </div>
<div class="form-group">
<label class="col-sm-3 control- label">Nilai Bahasa Indonesia</label>
<div class="col-sm-7">
<input type="text" name="n_bi" id="n_bi" class="form-control">
</div> </div>
<div class="form-group">
<label class="col-sm-3 control- label">Nilai IPA</label>
<div class="col-sm-7">
<input type="text" name="n_ipa" id="n_ipa" class="form-control">
</div> </div>
<div class="form-group">
<label class="col-sm-3 control- label">Nilai Bahasa Inggris</label>
<div class="col-sm-7">
<input type="text" name="n_bing" id="n_bing" class="form-control">
</div> </div>
<div class="form-group">
<label class="col-sm-3 control- label">Nilai Rata-Rata</label>
<div class="col-sm-7">
</div> </div>
<div class="form-group">
<label class="col-sm-3 control- label">Username</label>
<div class="col-sm-7">
<input type="text" name="username" id="username" class="form-control">
</div> </div>
<div class="form-group">
<label class="col-sm-3 control- label">Password</label>
<div class="col-sm-7">
<input type="password"
name="password" id="password" class="form-control"> </div>
</div>
<div class="form-group">
<label class="col-sm-3 control- label">Photo</label>
<div class="col-sm-7">
<img class="col-sm-5 img-responsive" id="gambar" name="gambar" src="assets/no-img.png" alt="your image" /><br>
<input type="file" id="foto" name="userfile" />
</div> </div>
<div class="form-group">
<label class="col-sm-3 control- label"></label>
<div class="col-sm-7">
<button class="btn btn-
primary">Submit</button> </div>
</div>
</form> </div>
j. insert.php
<?php
include '../../config/database.php'; $nama = $_POST['name'];
$jk = $_POST['jk'];
$alamat = $_POST['alamat']; $agama = $_POST['agama'];
$nama_ayah = $_POST['nama_ayah']; $nama_ibu = $_POST['nama_ibu']; $p_ayah = $_POST['p_ayah']; $p_ibu = $_POST['p_ibu']; $no_hp = $_POST['no_hp'];
$penghasilan = $_POST['penghasilan']; $asal_skl = $_POST['asal_skl'];
$no_ijazah = $_POST['no_ijazah']; $n_mtk = $_POST['n_mtk'];
$n_bi = $_POST['n_bi']; $n_bing = $_POST['n_bing']; $n_ipa = $_POST['n_ipa']; $rata = $_POST['rata'];
$username = $_POST['username'];
$password = md5($_POST['password']); $tgl_msk = date("Y-m-d");
//foto
$fileName = $_FILES['userfile']['name']; $fileSize = $_FILES['userfile']['size']; $fileError = $_FILES['userfile']['error'];
if($fileSize>0 || $fileError==0){
$move = move_uploaded_file($_FILES['userfile']['tmp_name'],"../..
/assets/img/user/".$fileName); if($move){
$sql = "INSERT INTO `siswa`(`no_ujian`, `nama`, `jk`, `tgl_lahir`, `alamat`, `agama`,
`nama_ayah`, `p_ayah`, `nama_ibu`, `p_ibu`, `no_hp`, `penghasilan`, `asal_skl`, `no_ijazah`, `n_mtk`, `n_bi`, `n_ipa`, `n_bing`, `rata`, `gambar`, `tgl_msk`,
`nilai_ujian`,`username`,`password`, `status`) VALUES ('','$nama','$jk','$tgl_lahir','$alamat','$agama','$nama_ ayah','$p_ayah','$nama_ibu','$p_ibu','$no_hp','$penghasil an','$asal_skl','$no_ijazah','$n_mtk','$n_bi','$n_ipa','$ n_bing','$rata','$fileName','$tgl_msk','0','$username','$ password','')";
$mysqli->query($sql);
echo "<script>alert('Selamat Anda telah Terdaftar');
document.location='../../index.php?content=daftar';< /script>";
$mysqli->close(); }
}
} ?>
k. dashboard / index.php
<!-- jQuery Version 1.11.1 -->
<script src="assets/js/jquery.js"></script> <script>
$(function() {
$("#foto").change(function(){ readURL(this);
}); })
function readURL(input){
if(input.files && input.files[0]) { var reader = new FileReader (); reader.onload=function (e){
$('#gambar').attr('src', e.target.result); }
reader.readAsDataURL(input.files[0]); }
}
</script>
<div class="row well" >
<center><h1>Selamat Datang</h1></center> <hr>
<tr><h2><center>Selamat datang di website Pendaftaran SMA Negeri 10 Medan</center></h2>
<center><p><h3>Di sini calon siswa dapat melakukan pendaftaran secara online. Sebelum mendaftar sebaiknya calon siswa memahami prosedur pendaftaran. Jika calon siswa sudah memahami prosedur pendaftaran, Silahkan Mengisi Form Pendaftaran yang telah tersedia</h3></p></center>
</tr> <br> </div>
l. jadwal.php
<!-- jQuery Version 1.11.1 -->
<script src="assets/js/jquery.js"></script> <script>
$(function() {
readURL(this); });
})
function readURL(input){
if(input.files && input.files[0]) { var reader = new FileReader (); reader.onload=function (e){
$('#gambar').attr('src', e.target.result); }
reader.readAsDataURL(input.files[0]); }
}
</script>
<div class="row well" >
<center><h1>Jadwal</h1></center> <hr>
<table class="table striped bordered table-hover table-condensed" style="max-width: 500px">
<thead> <tr>
<th>Tanggal</th> <th>Kegiatan</th> </tr>
</thead>
<tbody> <tr>
<td>Senin - Sabtu ( 20 - 25 Juni 2016 )</td> <td>Pendaftaran</td>
</tr> <tr>
<td>Senin, 27 Juni 2016</td> <td>Ujian Tulis</td>
</tr> <tr>
<td>Rabu, 29 Juni 2016</td> <td>Pengumuman</td>
</tr> <tr>
<td>Kamis - Sabtu ( 30 Juni - 2 Juli 2016 )</td>
<td>Daftar Ulang</td> </tr>
</tbody> </table>
<?php
echo"
<div class='row'>
<center><h2>Selamat datang, $row[nama]</h2></center>
<br>
<center><img src='assets/img/user/$row[gambar]' class='img img responsive col-sm-offset-4 col-sm- 4'></center>
</div>"; ?>
<br> <br> <br>
<div class="row">
<div class="col-sm-4 well"> <br>
<center><h2><a
href="index.php?content=biodata">BIODATA</a></h2></center >
<br> </div>
<div class="col-sm-4 well"> <br>
<center><h2><a
href="index.php?content=pengumuman">PENGUMUMAN</a></h2></ center>
<br> </div>
<div class="col-sm-4 well"> <br>
<center><h2><a href="print.php">PRINT KARTU</a></h2></center>
<br> </div> </div>
n. getlogin.php
<?php
// error_reporting(0); // menghilangkan pesan error include "../../config/database.php";
$username = $_POST['username'];
$password = md5($_POST['password']);
$result = $mysqli->query($sql); if ($result->num_rows>0) {
session_start();
$row=$result->fetch_assoc();
$_SESSION[username]=$row[username]; $_SESSION[password]=$row[password]; $_SESSION[no_ujian]=$row[no_ujian]; $mysqli->close();
header('location:../../index.php?content=kartu-ujian');
} else{
echo "<script>alert('Username dan Password salah');
document.location='../../index.php';</script>"; }
?>
o. login / index.php
<!-- jQuery Version 1.11.1 -->
<script src="assets/js/jquery.js"></script> <script>
$(function() {
$("#foto").change(function(){ readURL(this);
}); })
function readURL(input){
if(input.files && input.files[0]) { var reader = new FileReader (); reader.onload=function (e){
$('#gambar').attr('src', e.target.result); }
reader.readAsDataURL(input.files[0]); }
}
</script>
<div class="row well" >
<center><h1>LOGIN</h1></center>
<form class="col-sm-offset-4 form-horizontal" method="post" action="modul/login/getlogin.php">
<div class="form-group">
<label class="col-sm-2 control- label">Username</label>
<div class="col-sm-4">
</div> </div>
<div class="form-group">
<label class="col-sm-2 control- label">Password</label>
<div class="col-sm-4">
<input type="password"
name="password" id="password" class="form-control"> </div>
</div>
<div class="form-group">
<label class="col-sm-2 control- label"></label>
<div class="col-sm-7">
<button class="btn btn-
primary">Submit</button> </div>
</div>
</form> </div>
p. logout / index.php
<?php
session_start(); session_destroy();
header("location:../../index.php"); ?>
q. pengumuman.php
<div class="row">
<div class="col-sm-12 well"> <br>
<br>
<?php
if($row[status]==""){
echo"<center><h3>BELUM ADA PENGUMUMAN</h3></center>";
}
else if($row[status]=="LULUS"){ echo"<center><h2>SELAMAT ANDA $row[status]</h2></center>";
else if($row[status]=="BELUM LULUS"){ echo"<center><h2>MAAF ANDA
$row[status]</h2></center>"; }
?> <br> <br> </div> </div>
r. visimisi.php
<!-- jQuery Version 1.11.1 -->
<script src="assets/js/jquery.js"></script> <script>
$(function() {
$("#foto").change(function(){ readURL(this);
}); })
function readURL(input){
if(input.files && input.files[0]) { var reader = new FileReader (); reader.onload=function (e){
$('#gambar').attr('src', e.target.result); }
reader.readAsDataURL(input.files[0]); }
}
</script>
<div class="row well" >
<center><h1>Visi Misi</h1></center> <hr>
<h2>Visi</h2> <hr>
<li>
<ol><p>Mewujudkan Sumber Daya Manusia yang Berakhlak Mulia yang Mampu Bersaing Secara Global.</p> </ol>
</li>
<h2>Misi</h2> <hr>
<li>
<ol><p>Menciptakan suasana kondusif untuk mengembangkan potensi siswa pada penguasaan kompetensi bidang ilmu pengetahuan dan teknologi.</p></ol>
<ol><p>Meningkatkan penguasaan Bahasa Inggris sebagai alat komunikasi dan alat untuk mempelajari pengetahuan yang lebih luas.</p></ol>
</li> <li>
<ol><p>Meningkatkan kualitas kegiatan siswa yang lebih menekankan pada pengembangan ilmu pengetahuan dan teknologi serta keimanan dan ketakwaan yang menunjang proses belajar mengajar dan menumbuhkembangkan disiplin pribadi siswa.</p></ol>
</li> <li>
<ol><p>Menumbuh kembangkan nilai-nilai ketuhanan dan nilai-nilai kehidupan yang bersifat universal dan mengintegrasikannya dalam kehidupan.</p></ol>
</li> <li>
<ol><p> Membimbing siswa untuk jauh dari narkoba, rokok, minuman keras, pergaulan bebas, tawuran, dan kerusakan moral lainnya.</p></ol>
</li> </div>
s. screen.css
/* Common layout */ .header {
background-color : rgba(44, 120, 185, 0.86); height: 130px;
padding-left:10%; padding-right:10%; }
.header-bg {
background-position: top right; height: 112px;
}
.logo {
float: left;
margin: 12px 5px 0 0; }
.title-side {
background: #227f23; color: #FFF;
#footer-wrapper{
background-color : rgba(44, 120, 185, 0.86); padding-top : 1%;
padding-bottom:0.5%; }
#footer{
background-color : #292929; padding-top : 1%;
padding-bottom:0.5%; }
.footer-text{
margin-left:10%; color:#fff;
}
.footer-widget{
margin-left:10%; color:#fff;
font-size:15px; }
/* For Desktop */
@media only screen and (min-width: 1024px) { .desc-logo {
float: left; font-size: 20px; color: #FFF;
margin: 24px 0 20px;
text-shadow : 1px 2px #000; }
.slogan {
float: right; width: 20%;
font-size: 15px; font-weight: bold; color: #eeb210;
margin: 24px 130px 0 0; text-shadow : 1px 1px #000; }
}
/* For Tablet */
@media only screen and (min-width: 321px) and (max-width: 1023px) {
.desc-logo {
float: left; font-size: 15px; color: #FFF;
margin: 24px 0 20px;
.slogan {
float: right; width: 20%;
font-size: 12px; font-weight: normal; color: #eeb210;
margin: 15px 130px 0 0; text-shadow : 1px 1px #000; }
}
/* For mobile */
@media only screen and (max-width: 320px) {
.desc-logo {
float: left; font-size: 15px; color: #FFF;
margin: 24px 0 20px;
text-shadow : 1px 2px #000; }
.slogan {
float: right; width: 100%; font-size: 10px; font-weight: normal; color: #eeb210;
margin: -8px -10px 0 0; text-shadow : 1px 1px #000; }
}
2. Admin
a. index.php
<?php
error_reporting(0); // menghilangkan pesan error session_start();
include 'config/database.php';
if(!isset($_SESSION['username']) and !isset($_SESSION['password'])and
!isset($_SESSION['no_ujian'])){ }
else {
$no_ujian = $_SESSION['no_ujian'];
$sql = "SELECT * FROM siswa where
$query = $mysqli->query($sql);
$row = $query->fetch_assoc();
$mysqli->close();
}
?><!DOCTYPE html>
<html lang="en-US" hola_ext_inject="ready"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Admin | SMA Negeri 10 Medan</title>
<link rel="shortcut icon" href="assets/img/psb_icon.png"> <link rel="stylesheet" href="assets/css/bootstrap.css" type="text/css" media="all">
<link rel="stylesheet" href="assets/css/style.css" type="text/css" media="all">
</head>
<body class="page page-id-2 page-template-default" hola-ext-player="1">
<!-- ========================= PRE LOADER
============================== -->
<div id="content" class="site-content">
<div class="container" style="min-height: 1px;"> <br>
<br>
<div style='margin-top:10%; margin-buttom:10%;'> <?php
include "modul/login/index.php";
?>
</div> <br>
<br>
</div><!-- .container -->
</div>
</body></html>
b. media.php
<?php
include 'config/database.php';
if(!isset($_SESSION['username']) and !isset($_SESSION['password'])){}
?>
<!DOCTYPE html> <html lang="en"> <head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content=""> <meta name="author" content="">
<link rel="shortcut icon" href="assets/img/psb_icon.png">
<title>Pendaftaran SMA Negeri 10 Medan</title> <!-- Bootstrap Core CSS -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/screen.css" rel="stylesheet"> <!-- jQuery Version 1.11.1 -->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/bootstrap.min.js"></script> </head>
<body>
<div id="container">
<div class="header" style="background-color : rgba(44, 120, 185, 0.86);">
<div class="header-bg"> <div class="logo">
<img class="img-responsive" src="../assets/img/gambar5.png" alt="Pendaftaran SMA Negeri 10 Medan" />
</div>
<p class="desc-
logo"><b>PENDAFTARAN SMA NEGERI 10 MEDAN<b></p> </div>
</div> </div>
<!-- Navigation --> <?php
include"navigation.php"; ?>
<?php
include "content.php"; ?>
</div>
<div id="footer-wrapper"> <div class="row">
<div class="footer-widget col-md-5"> <h3>SMA Negeri 10 Medan</h3>
<ul style="font-size:20px;list-style-type:none"> <li><span class="glyphicon glyphicon-phone-alt">  (061)7368461</span></li>
<li><span class="glyphicon glyphicon-envelope">  sman10medan@yahoo.com</span></li>
<li><span class="glyphicon glyphicon-map-marker">  Jalan Tilak NO. 108 Medan</span></li>
</ul> </div> </div>
</div>
<div id="footer" >
<div class="footer-text">
<center><p>Pendaftaran SMA Negeri 10 Medan</p></center>
</div> </div>
<!-- /.container --> </body>
</html>
c. navigation.php
<nav class="navbar navbar-default" role="navigation"> <div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div style="float:left"class="navbar-header"> <button type="button" class="navbar-
toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
</div>
<div class="collapse navbar-collapse" id="bs- example-navbar-collapse-1">
<ul class="nav navbar-nav"> <li>
<a href="media.php">Beranda</a> </li>
<li><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Peserta<span
class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="media.php?content=data peserta">Pengolahan Data</a></li>
</ul> </li>
<li><a href="#" class="dropdown- toggle" data-toggle="dropdown" role="button" aria- haspopup="true" aria-expanded="false">Galeri<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="media.php?content=tambah-galeri">Tambah Galeri</a></li>
<li><a href="media.php?content=galeri"> Data Galeri</a></li>
</ul> </li> <?php
if(isset($_SESSION['username']) andisset($_SESSION['password'])) {
echo"<li> <a
href='modul/logout/index.php'>Logout</a> </li>";
} ?> </ul> </div>
<!-- /.navbar-collapse --> </div>
<!-- /.container --> </nav>
d. content
<?php
if ($mod=='home'){
include "modul/dashboard/index.php"; }
else if ($mod=='login'){
include "modul/login/index.php"; }
else if ($mod=='galeri'){
include "modul/galeri/index.php"; }
else if ($mod=='tambah-galeri'){
include "modul/galeri/tambah.php"; }
else if ($mod=='data-peserta'){
include "modul/peserta/data.php"; }
else if ($mod=='biodata'){
include "modul/biodata/index.php"; }
else if ($mod=='nilai'){
include "modul/peserta/nilai.php"; }
else if ($mod=='galeri'){
include "modul/galeri/index.php"; }
else if ($mod=='edit-galeri'){
include "modul/galeri/edit.php"; }
else if ($mod=='tambah-galeri'){
include "modul/galeri/tambah.php"; }
else {
include "modul/dashboard/index.php"; }
?>
e. dashboard / index.php
<!-- jQuery Version 1.11.1 -->
<script src="assets/js/jquery.js"></script> <script>
$(function() {
$("#foto").change(function(){ readURL(this);
}); })
function readURL(input){
if(input.files && input.files[0]) { var reader = new FileReader (); reader.onload=function (e){
}
reader.readAsDataURL(input.files[0]); }
}
</script>
<div class="row well">
<center><h1>Selamat Datang</h1></center> <hr>
<tr><h2><center>Selamat datang admin di website Pendaftaran SMA Negeri 10 Medan</center></h2>
<center><p><h3>Di sini admin dapat mengubah data peserta, menentukan ketentuan Lulus atau Tidaknya Peserta Ujian, Serta memasukkan gambar galeri</h3></p></center>
</tr> </div>
f. data.php
<center><h2>Peserta</h2></center>
<table class="table table-bordered table-striped"> <tr>
<td class='text-center'>No</td>
<td class='text-center'>No Ujian</td> <td class='text-center'>Nama</td>
<td class='text-center'>Asal Sekolah</td> <td class='text-center'>Nilai</td>
<td class='text-center'>Status</td> <td class='text-center'>AKSI</td> <tr>
<tbody> <?php
include "config/database.php"; $sql ="SELECT * FROM siswa"; $query = $mysqli->query($sql); $no = 1;
while ($data = $query->fetch_array()) { echo"
<tr>
<td class='text-center'>$no</td> <td>$data[no_ujian]</td>
<td>$data[nama]</td> <td class='text- center'>$data[asal_skl]</td>
<td class='text- center'>$data[nilai_ujian]</td>
center'>$data[status]</td>
<td class='text-center'> <div class='btn-group'>
<a href='media.php?content=biodata&id=$data[no_ujian]' class='btn btn-primary'>Biodata</a>
</div>
<div class='btn-group'> <a href='media.php?content=nilai&id=$data[no_ujian]' class='btn btn-primary'>Nilai</a>
</div> </td>
</tr> ";
$no++; }
?> </tbody> </table>
g. nilai.php
<?php
include 'config/database.php'; $no_ujian= $_GET['id'];
$sql = "SELECT * FROM siswa where
no_ujian='$no_ujian'";
$query = $mysqli->query($sql);
$row = $query->fetch_assoc();
$mysqli->close();
?>
<div class="row">
<div class="col-sm-offset-3 col-sm-6 well"> <table class="table">
<tr>
<td>No Ujian</td> <td>:</td>
<td><?php echo $row[no_ujian]; ?></td>
</tr> <tr>
<td>Nama</td> <td>:</td>
<td><?php echo $row[nama]; ?></td> </tr>
<tr>
<td>Status</td> <td>:</td>
</tr>
<form method="post" action="modul/peserta/update.php">
<tr>
<td>Nilai</td> <td>:</td>
<input type="hidden"
name="no_ujian" value="<?php echo $row[no_ujian]?>" > <td><input type="text"
name="nilai_ujian" id="nilai_ujian" class="form-control" value="<?php echo $row[nilai_ujian]?>"></td>
</tr>
</table>
<button type="submit" class="btn btn-primary" >Submit</button>
</form> </div>
</div>
h. update.php
<?php
include '../../config/database.php';
$no_ujian = $_POST['no_ujian'];
$nilai_ujian = $_POST['nilai_ujian']; if($nilai_ujian>=65){
$status = "LULUS"; }
else {
$status = "BELUM LULUS"; }
$sql = "UPDATE `siswa` SET
`nilai_ujian`='$nilai_ujian', `status`='$status' WHERE no_ujian='$no_ujian'";
$mysqli->query($sql);
echo "<script>alert('Selamat Anda telah Terdaftar');</script>";
header("location:../../media.php?content=nilai&id=$n o_ujian");
$mysqli->close();
?>
<center><h2>Galeri</h2></center>
<table class="table table-bordered table-striped"> <tr>
<td class='text-center'>No</td> <td class='text-center'>Judul</td> <td class='text-center'>Gambar</td> <td class='text-center'
width="20%">AKSI</td> <tr>
<tbody> <?php
include "config/database.php"; $sql ="SELECT * FROM galeri"; $query = $mysqli->query($sql); $no = 1;
while ($data = $query->fetch_array()) { echo"
<tr>
<td class='text-center'>$no</td> <td>$data[judul]</td>
<td><img class='col-sm-3 img img- responsive'
src='../assets/img/galeri/$data[gambar]'></td> <td class='text-center'>
<div class='btn- group'>
<a href='media.php?content=edit-galeri&id=$data[id]' class='btn btn-primary'>Edit</a>
</div>
<div class='btn-group'> <a href='modul/galeri/hapus.php?id=$data[id]' class='btn btn-primary'>Hapus</a>
</div> </td>
</tr> ";
$no++; }
?> </tbody> </table>
j. tambah.php
<!-- jQuery Version 1.11.1 -->
$(function() {
$("#foto").change(function(){ readURL(this);
}); })
function readURL(input){
if(input.files && input.files[0]) { var reader = new FileReader (); reader.onload=function (e){
$('#gambar').attr('src', e.target.result); }
reader.readAsDataURL(input.files[0]); }
}
</script>
<div class="row well" >
<form class="form-horizontal" method="post"
action="modul/galeri/insert.php" enctype="multipart/form- data">
<div class="form-group">
<label class="col-sm-3 control- label">Judul</label>
<div class="col-sm-7">
<input type="text" name="judul" id="judul" class="form-control">
</div> </div>
<div class="form-group">
<label class="col-sm-3 control- label">Keterangan</label>
<div class="col-sm-7">
<textarea type="text" name="ket" id="ket" class="form-control"></textarea>
</div> </div>
<div class="form-group">
<label class="col-sm-3 control- label">Photo</label>
<div class="col-sm-7">
<img class="col-sm-5 img-responsive" id="gambar" name="gambar" src="assets/no-image.png" alt="your image" /><br>
<input type="file" id="foto" name="userfile" />
</div> </div>
<div class="form-group">
<div class="col-sm-7">
<button class="btn btn-
primary">Submit</button> </div>