• Tidak ada hasil yang ditemukan

Sistem Pendaftaran Siswa Baru Berbasis Web Pada SMA Negeri 10 Medan

N/A
N/A
Protected

Academic year: 2017

Membagikan "Sistem Pendaftaran Siswa Baru Berbasis Web Pada SMA Negeri 10 Medan"

Copied!
46
0
0

Teks penuh

(1)

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

(2)

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

(3)
(4)
(5)

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>

(6)

</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">&nbsp (061)7368461</span></li>

<li><span class="glyphicon glyphicon-envelope">&nbsp sman10medan@yahoo.com</span></li>

<li><span class="glyphicon

glyphicon-map-marker">&nbsp Jalan Tilak NO. 108 Medan</span></li>

</ul> </div> </div>

(7)

<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>

(8)

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>"; }

(9)

<!-- /.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"; }

(10)

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>

(11)

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"; }

(12)

}

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>

(13)

<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>

(14)

</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]?>">

(15)

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">

(16)

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">

(17)

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>

(18)

<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'];

(19)

$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

(20)

$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>

&nbsp

<li><strong>Mengisi Biodata.</strong> <br>Calon Peserta Melengkapi biodata yang ada pada form pendaftaran.</br></li>

&nbsp

<li><strong>Peserta Login.</strong> <br> Peserta melakukan Login dengan username dan password yang sudah diisi pada form pendaftaran. </br></li>

(21)

<li><strong>Cetak Kartu Ujian.</strong><br> Setelah Login peserta dapat mencetak kartu Ujian yang sudah di sediakan.</br></li>

&nbsp

<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>

&nbsp

<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>

&nbsp

<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"

(22)

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>

(23)

<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">

(24)

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">

(25)

</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'];

(26)

$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(); }

}

(27)

} ?>

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() {

(28)

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>

(29)

<?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']);

(30)

$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">

(31)

</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>";

(32)

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>

(33)

<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;

(34)

#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;

(35)

.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

(36)

$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

(37)

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"; ?>

(38)

<?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">&nbsp (061)7368461</span></li>

<li><span class="glyphicon glyphicon-envelope">&nbsp sman10medan@yahoo.com</span></li>

<li><span class="glyphicon glyphicon-map-marker">&nbsp 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>

(39)

<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

(40)

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){

(41)

}

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>

(42)

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>

(43)

</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();

?>

(44)

<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 -->

(45)

$(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">

(46)

<div class="col-sm-7">

<button class="btn btn-

primary">Submit</button> </div>

Referensi

Dokumen terkait

menyelesaikan Karya Tulis Ilmiah DIII Keperawatan yang bejudul “Asuhan Keperawatan Klien Yang Mengalami BBLR Dengan Nutrisi Kurang Dari Kebutuhan Tubuh di RSUD

Berdasarkan latar belakang yang telah dijelaskan diatas mengenai obat golongan β 2 -agonis maka, diperlukan perhatian khusus dalam menggunakan obat tersebut mulai

Hasil-hasil penelitian pada beberapa tahun terakhir menunjukkan bahwa faktor psikologi individu seperti sifat kepribadian merupakan salah satu variabel penting yang

Pendekatan orchiectomy merupakan tindakan medik yang umum dilakukan pada kasus cryptorchid.. Pada tulisan ini akan dibahas beberapa hal mengenai pendekatan diagnosis

Sekretaris Daerah Kabupaten/Kota dan pejabat struktural eselon II di lingkungan Pemerintah Kabupaten/Kota yang akan diberhentikan diluar ketentuan sebagaimana dimaksud dalam pasal

Penyelenggaraan PLPG diakhiri dengan ujian yang mencakup ujian tulis dan ujian kinerja. Ujian tulis bertujuan untuk mengungkap kompetensi profesional dan pedagogik,

Jenis gulma yang mempunyai nilai NJD terbesar berarti gulma tersebut merupakan gulma dominan. c) Bobot kering gulma per spesies, pengamatan dilakukan pada saat

Menurut Sudo (2011, hal.88), berdasarkan ketiga definisi di atas, sahabat menunjuk pada teman yang secara khusus bergaul secara akrab dengan diri kita di antara