Sistem pendaftaran siswa baru di SMA N 1 GIRSIP BOLON Mengunakan php dan mysql

(1)

Hasil Uji Program Tugas Akhir

SURAT KETERANGAN

Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir

Program Diploma 3 Teknik Informatika:

Nama

: Buha Aprio Sinaga

NIM

: 132406107

Prog. Studi

: Diploma (D3) Teknik Informatika

Judul Tugas Akhir : SISTEM PENDAFTARAN SISWA BARU DI SMA N 1

GIRSIP BOLON MENGGUNAKAN PHP DAN MYSQL.

Telah melaksanakan test 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, July 2016

Dosen Pembimbing

(2)

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa

: BUHA APRIO SINAGA

Nomor Stambuk

: 132406107

Judul Tugas Akhir

: SISTEM PENDAFTARAN SISWA BARU DI

SMA N 1 GIRSIP BOLON MENGGUNAKAN

PHP DAN MYSQL

Dosen Pembimbing

:

_{Drs.Marihat Situmorang,M.Kom}

Tanggal Mulai Bimbingan

:

Tanggal Selesai Bimbingan :

No.

Tanggal

Asisten

Bimbingan

Pembahasan pada

Asistensi Mengenai, pada

Bab :

Paraf Dosen

Pembimbing

Keterangan

1.

2.

3.

4.

5.

6.

∗ Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai.

Diketahui,

Disetujui,

KetuaProg.Studi D3Teknik Informatika,

DosenPembimbing,

Dr. EllyRosmaini,M.Si.

(3)

LAMPIRAN

Listing Program

Koneksi.php

<?php

$conn=mysqli_connect("localhost","root","","sman1"); if (mysqli_connect_errno())

{

echo "Failed to connect to MySQL: " . mysqli_connect_error(); }

?>

Index.php

<?php

include 'library/koneksi.php'; ?>

<!DOCTYPE html> <html>

<head>

<title>SMAN 1 Girsang Sipanganbolon</title> <meta name="keywords" content="" />

Smoothy Template

http://www.templatemo.com/tm-396-smoothy -->

<link

href='http://fonts.googleapis.com/css?family=Raleway:400,100,600' rel='stylesheet' type='text/css'>

(4)

<!--[if lt IE 9]> <script

src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></s cript>

<script

src="https://oss.maxcdn.com/libs/respond.assets/js/1.3.0/respond.m in.js"></script>

<![endif]-->

ddsmoothmenu.init({

mainmenuid: "templatemo_flicker", //menu DIV id orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v" classname: 'ddsmoothmenu', //class added to menu's outer DIV //customtheme: ["#1c5a80", "#18374a"],

contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"] })

</script>

</head> <body> <header>

<a href="#"><img src="assets/images/templatemo_logo.png" alt="smoothy html5

template"></a> </div> </div>

<li><a class="menu" href="index.php">Beranda</a></li>

<li><a class="menu" href="about.php">Tentang Kami</a></li>

(5)

<li><a class="menu" href="daftarguru.php">Daftar Guru</a></li>

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

<div id="slider" class="nivoSlider templatemo_slider"

style="height: 500px !important;">

<a href="#"><img src="assets/images/slider/slider1.jpg"

alt="slide 1" /></a>

<a href="#"><img

src="assets/images/slider/slider3.jpg" alt="slide 3" /></a>

</div>

</header>

</div> </div>

<div class="clear"></div>

<div class="templatemo_reasonbg" id="templatemo_reasonbg"> <?php

$sql = 'SELECT * FROM statuspendaftaran where id=1'; $hasil = $conn->query($sql);

$row = $hasil->fetch_assoc(); if($row['status']=='0'){ echo'<h2>Siswa Baru?</h2>

<p>Segera daftar disini sekarang.</p>

<a class="btn btn-large btn-primary" href="form.php">Daftar</a>';

}

(6)

<p>Pendaftaran Telah Ditutup</p> <p>Periksa kelulusan:</p> <div class="form-group">

</div> </form> </div>';}

?>

</div>

<h2>SMAN 1 GIRSANG SIPANGANBOLON</h2>

<p>Jl. Pendidikan No. 59 Parapat Kecamatan Grsang Sipangabnolon Kabupaten Simalungun</p>

</div>

<h2>Galeri</h2>

<ul class="nobullet footer_gallery"> <?php

$sql = 'SELECT * FROM galeri limit 8';

$hasil = $conn->query($sql); if($hasil->num_rows>0){

while($row = $hasil->fetch_assoc())

{

echo '

<li><a

href="assets/images/galeri/'.$row['target'].'" data-rel="lightbox[gallery]"><img

src="assets/images/galeri/'.$row['target'].'" alt="image 1" /></a></li>

';

} }

?>

</ul>

(7)

</div> <div class="templatemo_bottom">

src="assets/js/jquery.cycle2.carousel.min.js"></script>

(8)

$('.prod-cnt').addClass('dbox');

$('.prod-cnt').stop().animate({opacity:1}); });

}

function get_list(){

$('.grid').removeClass('grid-active'); $('.list').addClass('list-active');

$('.prod-cnt').animate({opacity:0},function(){ $('.prod-cnt').removeClass('dbox');

$('.prod-cnt').addClass('dbox-list');

}

if($.cookie('view') == 'list'){

$('.grid').removeClass('grid-active'); $('.list').addClass('list-active'); $('.prod-cnt').animate({opacity:0}); $('.prod-cnt').removeClass('dbox'); $('.prod-cnt').addClass('dbox-list');

$('.prod-cnt').stop().animate({opacity:1}); }

if($.cookie('view') == 'grid'){

$('.list').removeClass('list-active'); $('.grid').addClass('grid-active'); $('.prod-cnt').animate({opacity:0});

$('.prod-cnt').removeClass('dboxlist'); $('.prod-cnt').addClass('dbox');

$('#list').click(function(){ $.cookie('view', 'list'); get_list()

});

$('#grid').click(function(){ $.cookie('view', 'grid'); get_grid();

});

/* filter */

$('.menuSwitch ul li').click(function(){

var CategoryID = $(this).attr('category');

$('.menuSwitch ul li').removeClass('cat-active'); $(this).addClass('cat-active');

$('.prod-cnt').each(function(){

if(($(this).hasClass(CategoryID)) == false){ $(this).css({'display':'none'});

}; });

$('.'+CategoryID).fadeIn();

}); }); </script>

(9)

nextText: '', controlNav: false, });

});

</script> <script>

$(document).ready(function(){

// hide #back-top first $("#back-top").hide();

// fade in #back-top $(function () {

$(window).scroll(function () { if ($(this).scrollTop() > 100) { $('#back-top').fadeIn();

} else {

$('#back-top').fadeOut(); }

});

// scroll body to 0px on click

$('#back-top a').click(function () { $('body,html').animate({

scrollTop: 0 }, 800);

return false; });

});

</script>

function toggle_visibility(id) {

var e = document.getElementById(id); if(e.style.display == 'block'){ e.style.display = 'none';

$('#togg').text('show footer'); }

else {

e.style.display = 'block'; $('#togg').text('hide footer'); }

} //--> </script>

(10)

if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {

var target = $(this.hash);

target = target.length ? target : $('[name=' + this.hash.slice(1) +']');

if (target.length) {

$('html,body').animate({

scrollTop: target.offset().top }, 1000);

return false; }

} }); });

</script>

jQuery(function($) {

$(document).ready( function() {

//enabling stickUp on the '.navbar-wrapper' class $('.mWrapper').stickUp();

}); }); </script> <script>

$('a.menu').click(function(){ $('a.menu').removeClass("active"); $(this).addClass("active");

}); </script>

// Cache selectors

</script> </body>

</html>

Galeri.php

<?php

<head>

Smoothy Template

(11)

/css" href="assets/css/ddsmoothmenu.css" />

margin-left: -40px; margin-top:20px; }

.thumbnail { padding: 0; }

.carousel-inner>.item>img, .carousel-inner>.item>a>img { width: 100%;

}</style>

ddsmoothmenu.init({

mainmenuid: "templatemo_flicker", //menu DIV id orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v" classname: 'ddsmoothmenu', //class added to menu's outer DIV //customtheme: ["#1c5a80", "#18374a"],

contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"] })

</script>

<a href="#"><img src="assets/images/templatemo_logo.png" alt="smoothy html5

template"></a> </div> </div>

<li><a class="menu" href="index.php">Beranda</a></li>

<li><a class="menu" href="galeri.php">Galeri</a></li>

(12)

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

</header>

<div class="row"> <?php

$sql = 'SELECT * FROM galeri'; $hasil = $conn->query($sql); if($hasil->num_rows>0){

{

echo '

';

} }

?>

</div> </div>

<!--div class="row"> <ul class="pagination">

<li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>

</div--> </div>

<h3 class="modal-title">Heading</h3> </div>

(13)

</div>

<button class="btn btn-default" data-dismiss="modal">Close</button>

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

<h3 class="modal-title">Heading</h3> </div>

</div>

<button class="btn btn-default" data-dismiss="modal">Close</button>

<h2>Hubungi Kami</h2></div> <div class="clear"></div> <div class="container">

</div>

</div> <div>

(14)

$hasil = $conn->query($sql); if($hasil->num_rows>0){

{

echo '

<li><a

href="assets/images/galeri/'.$row['target'].'" data-rel="lightbox[gallery]"><img

';

} }

?>

</ul>

</div>

<h2>Kontak Kami</h2>

<span class="left col-xs-1 fa fa-map-marker"></span> <span class="right col-xs-11">Jl. Pendidikan No. 59 Parapat</span>

<span class="left col-xs-1 fa fa-envelope"></span> <span class="right col-xs-11">smaparapat@gmail.com</span>

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

<div class="templatemo_bottom">

<a href="index.php">Buha Aprio Sinaga</a></span> </div>

(15)

src="assets/js/jquery.cycle2.carousel.min.js"></script>

var title = $(this).parent('a').attr("title"); $('.modal-title').html(title);

$($(this).parents('div').html()).appendTo('.modal-body'); $('#myModal').modal({show:true});

(16)

$('.prod-cnt').animate({opacity:0});

});

/* filter */

}; });

}); }); </script>

});

</script> <script>

} else {

(17)

return false; });

});

</script>

else {

} //--> </script>

$('a[href*=#]:not([href=#])').click(function() {

if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {

return false; }

} }); });

</script>

(18)

}); </script>

// Cache selectors

var lastId,

topMenu = $("#top-menu"),

topMenuHeight = topMenu.outerHeight()+15, // All list items

menuItems = topMenu.find("a"),

// Anchors corresponding to menu items scrollItems = menuItems.map(function(){ var item = $($(this).attr("href")); if (item.length) { return item; } });

// Bind click handler to menu items

// so we can get a fancy scroll animation menuItems.click(function(e){

var href = $(this).attr("href"),

offsetTop = href === "#" ? 0 : $(href).offset().top-topMenuHeight+1;

$('html, body').stop().animate({ scrollTop: offsetTop

}, 300);

e.preventDefault(); });

// Bind to scroll

$(window).scroll(function(){

// Get container scroll position

var fromTop = $(this).scrollTop()+topMenuHeight;

// Get id of current scroll item var cur = scrollItems.map(function(){ if ($(this).offset().top < fromTop) return this;

});

// Get the id of the current element cur = cur[cur.length-1];

var id = cur && cur.length ? cur[0].id : "";

if (lastId !== id) { lastId = id;

// Set/remove active class menuItems

.parent().removeClass("active")

.end().filter("[href=#"+id+"]").parent().addClass("active"); }

});

(19)

//This function disables buttons when needed

function disableButtons(counter_max, counter_current){ $('#show-previous-image, #show-next-image').show(); if(counter_max == counter_current){

$('#show-next-image').hide(); } else if (counter_current == 1){ $('#show-previous-image').hide(); }

}

/** *

* @param setIDs Sets IDs when DOM is loaded. If using a PHP counter, set to false.

* @param setClickAttr Sets the attribute for the click handler.

*/

</script> </body>

</html>

<?php

Form.php

<head>

Smoothy Template

href="assets/css/templatemo_misc.css">

(20)

<link

href='http://fonts.googleapis.com/css?family=Raleway:400,100,600' rel='stylesheet' type='text/css'>

<link

href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstra p.min.css' rel='stylesheet' type='text/css'>

<link

href='https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap. min.css' rel='stylesheet' type='text/css'>

<!--[if lt IE 9]> <script

src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></s cript>

<script

src="https://oss.maxcdn.com/libs/respond.assets/js/1.3.0/respond.m in.js"></script>

<![endif]-->

<!--/***********************************************

* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code

***********************************************/

-->

ddsmoothmenu.init({

mainmenuid: "templatemo_flicker", //menu DIV id

orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"

(21)

//customtheme: ["#1c5a80", "#18374a"],

contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]

})

</script>

<a href="#"><img

src="assets/images/templatemo_logo.png" alt="smoothy html5 template"></a>

</div> </div>

<nav class="mainMenu"> <ul class="nav"> <li><a class="menu" href="index.php">Beranda</a></li>

</header>

(22)

<form class="form-horizontal"

action="library/simpan.php" method="post" enctype="multipart/form-data">

<br>

<br>

</div> </div>

<label class="col-md-4 control-label" for="email">Jenis Kelamin</label>

<select id="blood_group" name="agama" class="form-control"> <option value="0" hidden>Pilih</option>

<option value="1">laki-laki</option> <option value="2">perempuan</option>

</select> </div>

</div>

<div class="form-group">

</div> </div>

<label class="col-md-4 control-label" for="contact">Nomor seri Ijazah SMP</label>

(23)

<label class="col-md-4 control-label" for="contact">Nomor seri Ijazah SKHUN</label>

</div> </div>

<label class="col-md-4 control-label" for="contact">Nomor Ujian Nasional SMP/MTs</label>

</div> </div>

<label class="col-md-4 control-label" for="contact">Jumlah Nilai UN</label>

</div> </div>

<label class="col-md-4 control-label" for="contact">Nomor Induk Kependudukan (NIK)</label>

</div> </div>

<label class="col-md-4 control-label" for="contact">Tempat, tanggal lahir</label>

</div> </div>

<div class="form-group">

<label class="col-md-4 control-label" for="blood_group">Agama</label>

<select id="blood_group" name="agama" class="form-control"> <option value="0" hidden>Pilih</option>

<option value="1">Islam</option>

(24)

<option value="3">Kristen Katolik</option> <option value="4">Buddha</option>

<option value="5">Hindu</option> <option value="6">Konghucu</option> </select>

</div> </div>

<label class="col-md-4 control-label" for="street">Berkebutuhan Khusus</label>

</div> </div>

<label class="col-md-4 control-label" for="area">Alamat tempat tinggal</label>

</div> </div>

<label class="col-md-3 control-label" for="contact"></label> <label class="col-md-2 control-label">- Dusun</label>

</div></div><div class="form-group"><label class="col-md-3 control-label" for="contact"></label>

<label class="col-md-2 control-label">- Kelurahan/Desa</label> <div class="col-md-3">

<label class="col-md-2 control-label">- Kecamatan</label> <div class="col-md-3">

(25)

<label class="col-md-2 control-label">- Provinsi</label> <div class="col-md-3">

</div></div>

<label class="col-md-4 control-label" for="city">Alat transportasi ke sekolah</label>

</div> </div>

<label class="col-md-4 control-label" for="city">Jenis Tingal</label>

</div> </div>

<label class="col-md-4 control-label" for="city">No Telepon Rumah</label>

</div> </div>

<label class="col-md-4 control-label" for="city">Email Pribadi</label>

</div> </div>

<label class="col-md-4 control-label" for="city">No Ujian Nasional SMP/MTs</label>

(26)

</div> </div>

</div> </div>

<hr>

</div> </div>

<label class="col-md-2 control-label">Berkebutuhan Khusus</label>

</div></div>

<label class="col-md-2 control-label">Pekerjaan</label> <div class="col-md-3">

</div></div>

<label class="col-md-2 control-label">Pendidikan</label> <div class="col-md-3">

</div></div>

<label class="col-md-2 control-label">Penghasilan Bulanan</label>

(27)

</div></div> <hr>

</div> </div>

</div></div>

</div></div>

</div></div>

</div></div> <hr>

(28)

</div> </div>

</div></div>

</div></div>

</div></div>

</div></div> <hr>

<label class="col-md-4 control-label" for="dist">Tinggi Badan</label>

</div> </div>

<label class="col-md-4 control-label" for="dist">Berat Badan</label>

(29)

<label class="col-md-4 control-label" for="dist">Jarak tempat tinggal ke sekolah</label>

</div> </div>

<label class="col-md-4 control-label" for="dist">Jumlah Saudara Kandung</label>

</div> </div>

<label class="col-md-4 control-label" for="dist">Foto SKHUN</label>

</div> </div>

<button type="submit" name="submit" class="btn btn-success">Cetak Kartu Ujian</button>

</div> </div>

</fieldset> </form>

</div> </div>

(30)

</div>

<h2>Galeri</h2>

$hasil = $conn->query($sql); if($hasil->num_rows>0){ while($row = $hasil->fetch_assoc())

{

echo ' <li><a href="assets/images/galeri/'.$row['target'].'" data-rel="lightbox[gallery]"><img

';

} }

?>

</ul>

</div>

<span class="left col-xs-1 fa fa-envelope"></span> <span class="right

col-xs-11">smaparapat@gmail.com</span>

(31)

$('.prod-cnt').addClass('dbox');

}

function get_list(){

$('.grid').removeClass('grid-active'); $('.list').addClass('list-active');

$('.prod-cnt').animate({opacity:0},function(){ $('.prod-cnt').removeClass('dbox');

$('.prod-cnt').addClass('dbox-list');

}

if($.cookie('view') == 'list'){

$('.grid').removeClass('grid-active'); $('.list').addClass('list-active'); $('.prod-cnt').animate({opacity:0}); $('.prod-cnt').removeClass('dbox'); $('.prod-cnt').addClass('dbox-list');

if($.cookie('view') == 'grid'){

$('.list').removeClass('list-active'); $('.grid').addClass('grid-active'); $('.prod-cnt').animate({opacity:0});

(32)

}

});

/* filter */

}; });

}); }); </script>

});

</script> <script>

(33)

});

return false; });

});

</script>

else {

} //--> </script>

src="assets/js/lib/jquery.mousewheel-3.0.6.pack.js"></script> <script type="text/javascript"

src="https://www.draw.io/js/embed-static.min.js"></script> <script type="text/javascript">

$(function() {

$('a[href*=#]:not([href=#])').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {

return false; }

(34)

});

</script>

}); }); </script> <script>

});

</script>

// Cache selectors

var lastId,

topMenu = $("#top-menu"),

topMenuHeight = topMenu.outerHeight()+15, // All list items

menuItems = topMenu.find("a"),

// Anchors corresponding to menu items scrollItems = menuItems.map(function(){ var item = $($(this).attr("href")); if (item.length) { return item; } });

// Bind click handler to menu items

// so we can get a fancy scroll animation menuItems.click(function(e){

var href = $(this).attr("href"),

offsetTop = href === "#" ? 0 : $(href).offset().top-topMenuHeight+1;

$('html, body').stop().animate({ scrollTop: offsetTop

}, 300);

e.preventDefault(); });

// Bind to scroll

$(window).scroll(function(){

// Get container scroll position

var fromTop = $(this).scrollTop()+topMenuHeight;

(35)

var cur = scrollItems.map(function(){ if ($(this).offset().top < fromTop) return this;

</script> </body>

</html>

<?php include 'library/koneksi.php' ?>

Daftar guru.php

<head>

Smoothy Template

</div> </div>

<nav class="mainMenu"> <ul class="nav"> <li><a class="menu" href="index.php">Beranda</a></li>

(36)

<?php

$sql = 'SELECT * FROM guru'; $hasil = $conn->query($sql); ?>

<h2>Daftar Guru / Pegawai</h2> <div class="table-responsive">

<th>Pangkat/GOL</th> <th>Keterangan</th> </tr>

</thead> <tfoot> <tr>

<th>Pangkat/GOL</th> <th>Keterangan</th> </tr>

</tfoot> <tbody> <?php

if($hasil->num_rows > 0){

while($row = $hasil->fetch_assoc()){ echo '

<tr>

<td>'.$row['nama'].'</td> <td>'.$row['nip'].'</td> <td>'.$row['golongan'].'</td> <td>'.$row['keterangan'].'</td> </tr>';

} } ?> </tbody> </table>

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

(37)

<h2>Hubungi Kami</h2></div> <div class="clear"></div> <div class="container">

</div>

</div> <div>

<button type="submit" name="submit" class="btn btn-primary">Kirim Pesan</button></div>

</div>

</div> </div>

</form> </div> </div> </div> </div> </div> </div> </div>

(38)

<h2>SMAN 1 GIRSANG SIPANGANBOLON</h2>

</div>

<h2>Galeri</h2>

$hasil = $conn->query($sql); if($hasil->num_rows>0){ while($row = $hasil->fetch_assoc())

{

echo '

<li><a href="assets/images/galeri/'.$row['target'].'" data-rel="lightbox[gallery]"><img

';

} }

?>

</ul>

</div>