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

NIP. 19540828 198103 1 004

Drs. Agus Salim Harahap M.Si

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

NIP 196005201985032002 NIP. 196 312 141 989 031 001

Drs.Marihat Situmorang,M.Kom

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

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

(5)

<li><a class="menu" href="daftarguru.php">Daftar Guru</a></li> </ul> </nav> </div> </div> </div> </div> </div> </div> <div class="clear"></div>

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

}

else if($row['status']=='1'){ echo'<h2>Maaf</h2>

(6)

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

</div> </form> </div>';} ?> </div> <div class="clear"></div>     <div class="templatemo_footer"> <div class="container">

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

<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 class="templatemo_bottom">

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

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

<script src="assets/js/jquery-1.10.2.min.js"></script> <script src="assets/js/bootstrap.min.js"></script> <script src="assets/js/jquery.cycle2.min.js"></script> <script src="assets/js/jquery.cycle2.carousel.min.js"></script> <script src="assets/js/jquery.nivo.slider.pack.js"></script> <script>$.fn.cycle.defaults.autoSelector = '.slideshow';</script> <script type="text/javascript"> $(function(){

var default_view = 'grid';

if($.cookie('view') !== 'undefined'){

(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'); $('.prod-cnt').stop().animate({opacity:1}); }); }

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'); $('.prod-cnt').stop().animate({opacity:1}); } $('#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> <script src="assets/js/jquery.singlePageNav.js"></script>

(9)

// 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> <script type="text/javascript"> <!--

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> <script type="text/javascript" src="assets/js/lib/jquery.mousewheel-3.0.6.pack.js"></script> <script type="text/javascript"> $(function() { $('a[href*=#]:not([href=#])').click(function() {

(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> <script src="assets/js/stickUp.min.js" type="text/javascript"></script> <script type="text/javascript"> //initiating jQuery 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 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 -->

(11)

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

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

}</style>

ddsmoothmenu.init({

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>

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

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

</ul> </nav>

(12)

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

</header>

<div class="row"> <?php

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

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

{

echo '

<li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">»</a></li> </ul> </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>

<button class="close" type="button" data-dismiss="modal">×</button> <h3 class="modal-title">Heading</h3> </div> <div class="modal-body"> </div> <div class="modal-footer">

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

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

<div class="templatemo_lightgrey" id="templatemo_contact"> <div class="templatemo_paracenter"> <h2>Hubungi Kami</h2></div> <div class="clear"></div> <div class="container"> <div class="clear"></div> <div class="container"> <div class="row"> <div class="container"> <div class="row"> <div class="col-md-12">

</div>

</div> <div>

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

(14)

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

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

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

(15)

var title = $(this).parent('a').attr("title"); $('.modal-title').html(title); $($(this).parents('div').html()).appendTo('.modal-body'); $('#myModal').modal({show:true}); }); }); $(function(){

var default_view = 'grid';

if($.cookie('view') !== 'undefined'){

$.cookie('view', default_view, { expires: 7, path: '/' }); } function get_grid(){ $('.list').removeClass('list-active'); $('.grid').addClass('grid-active'); $('.prod-cnt').animate({opacity:0},function(){ $('.prod-cnt').removeClass('dbox-list'); $('.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'); $('.prod-cnt').stop().animate({opacity:1}); }); }

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

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

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

(16)

$('.prod-cnt').animate({opacity:0}); $('.prod-cnt').removeClass('dboxlist'); $('.prod-cnt').addClass('dbox'); $('.prod-cnt').stop().animate({opacity:1}); } $('#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> <script src="assets/js/jquery.singlePageNav.js"></script> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({ prevText: '', 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(); }

(17)

// scroll body to 0px on click

$('#back-top a').click(function () { $('body,html').animate({ scrollTop: 0 }, 800); return false; }); }); }); </script> <script type="text/javascript"> <!--

function toggle_visibility(id) {

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

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

else {

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

$(document).ready( function() {

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

}); }); </script>

(18)

// 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"); } }); $(document).ready(function(){ loadGallery(true, 'a.thumbnail');

(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

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

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>

</head> <body> <header>

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

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

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

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

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

</header>

<h2>Form Pendaftaran Siswa Baru</h2> <div class="container">

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

</div> </div>

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

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

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

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

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

(25)

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

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

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

</div></div> <hr>

(28)

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

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

</div> </div>

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

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

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

(31)

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

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

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

}

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

(32)

}

$('#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>

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

(33)

$('#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>

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

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

} });

(34)

});

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

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

<!DOCTYPE html> <html>

<head>

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

Smoothy Template

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

</div> </div>

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

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

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

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

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

</header>

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

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

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

(39)

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

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

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

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

</body> </html>

About.php

<?php include 'library/koneksi.php' ?> <!DOCTYPE html>

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

Smoothy Template

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

(40)

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

</script>

</head> <body> <header>

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

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

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

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

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

(41)

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

</header>

<div class="templatemo_portfolio"> <h2>Sejarah</h2>

<p style="text-align:left; padding:0px 30px;"> Berdasarkan geografisnya bahwa SMA Negeri 1 Girsang Simpanganbolon didirikan di atas tanah yang diperkirakan 2 hektare dengan ketinggian 910 Meter diatas permukaan laut, dengan suhu udara 17 - 25 derajat Celcius sehingga lokasi skolah ini mempunyai hawa relatif sejuk. <br>

Secara tepatnya batas-bats sekolah ini adalah sebagai berikut:</p>

<li style="padding:0px 30px;">Sebelah Barat berbatasan dengan Hotel Niagara Parapat</li>

<li style="padding:0px 30px;">Sebelah Selatan berbatasan dengan SMP Negeri 2 Kecamatan Girsang Sipangan Bolon</li>

<li style="padding:0px 30px;">Sebelah Timur berbatasan dengan desa Lumban Sirait Dolok Kabupaten Toba Samosir</li>

<li style="padding:0px 30px;">Sebelah Utara berbatasan dengan desa Lumban Sirait Dolok Kabupaten Toba Samosir</li>

</ol><p style="text-align:left; padding:0px 30px;">

Berdasarkan sejarahnya bahwa SMA Negeri 1 Girsang Sipangan Bolon berdiri atas prakarsa dan gagasan dari elemen masyarakat di Kecamatan Girsang Sipangan Bolon. Sekolah ini didirikn pada tahun 1978. Sebelumnya di kelurahan Parapat telah berdiri SMA Pembangunan yang pendanaannya adalah swadaya

maskayarakat dan selanjutnya setelah dilakukan pengusulan kepada pemerintah Kabupaten Simalungun dan Provinsi Sumatera Utara maka pemerintah memberikan ijin dan mendirikan sekolah tingkat atas yang dikenal sekarang SMA Negeri 1 Girsang Sipangan Bolon.<br> Pada tahun 1979 pemerintah telah mendirikan

bangunan lokal belajar dengan kapasitas 14 ruang dan jumlah siswa pada saat itu adalah 120 orang sementara Kepala Sekolah dijabat oleh Drs. Viktor Simanjuntak. Pada tahun 1980 secara resmi SMA Negeri 1 Girsang Sipangan Bolon memperoleh ijin dari Kakanwil dengan Nomor 0206/1980 tanggal 1 Juli 1980. Nomor Statistik Sekolah (NSS) 301070410017 dan Nomor Pokok Sekolah Nasional 10202762 dan Kepala Sekolah sekarang dijabat oleh Saor Boni Tua Sihotang, S.Pd, M.Si.

(42)

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

<p class="visi">Unggul di Setiap Prestasi, Menuju Masa Depan yang Cemerlang</p>

<li>Terbentuknya warga sekolah yang beriman, bertaqwa, berakhlak mulia dan berbudi pekerti luhur baik di dalam sekolah maupun diluar sekolah. </li>

<li>Meningkatkan prestasi akademik dan non akademik melalui kegiatan peningkatan mutu pemelajaran.</li>

<li>Terciptanya budaya rasa ingin tahu, toleransi, bekerjasama, saling menghargai, disiplin, jujur, kerja keras, kreatif, dan inovatif</li>

<li>Mengembangkan minat, bakat dan kreativitas siswa agar tumbuh dan berkembang sesuai dengan potensi yang dimiliki.</li>

<li>Menciptakan suasana pembelajaran yang komtetitif, menyenangkanm komunikatif dan demokratis.</li>

<li>Menciptakan lingkungan belajar yang asri dan kondusif.</li>

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

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

</div> </div> <?php

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

(1)

NEW STUDENT REGISTRATION SYSTEM IN SMA N 1 GIRSIP BOLON USING PHP AND MYSQL

ABSTRACT

New student registration system is used to facilitate the school in receiving candidates who will register for school students and parents tersebut.siswa easier to sign up and register with the system ini.Dengan school system is more saving time in accepting prospective students who will enroll .calon students can also save energy in registering .

(2)

DAFTAR ISI

Halaman

Persetujuan i

Pernyataan ii

Penghargaan iii

Abstrak iv

Abstract v

Daftar Isi vi

Daftar Tabel vii

Daftar Gambar ix

Daftar Lampiran x

BAB 1 Pendahuluan

1.1. Latar Belakang 1

1.2. Indentifikasi Masalah 3

1.3. Batasan Masalah 3

1.4. Rumusan masalah 4

1.5. Tujuan Penelitian 4

1.6. Manfaat Penelitian 4

1.7. Metodologi Penelitian 5

1.8. Sistematika Penulisan 7

BAB 2 Landasan Teori

2.1 Tentang Web 8

2.1.1 Sejarah Web 9

2.2 Tentang Internet 10

2.2.1 Pengertian Internet 10

2.2.2.Manfaat Internet 10

2.2.3 Sejarah Internet 11

2.3 Pengertian Komputer 12

2.3.1 Aspek Dasar Sistem Komputerisasi 16

2.3.2 Keunggulan Komputer 15

2.4 Sistem 16

2.4.1 Karakteristik Sistem 17

2.5 Pemorgraman PHP dan MYSQL 19

2.5.1 SejarahPHP

2.5.2 Keunggulan PHP 22

2.5.3 Kelemahan PHP 22

2.6 Tentang mysql 23

(3)

2.8.1 Tujuan DFD 27

2.8.2 Manfaat DFD 27

2.9 Diagram Alir (Flowchart) 29

2.10 Tentang Notepad++ 30

2.10.1Pengertian dan Sejarah Notepad++ 30

2.10.2 Keunggulan Notepad++ 31

2.10.3 Memulai Notepad++ 32

BAB 3 Perancangan Sistem

3.1 Perancangan Sistem 34

3.2 Perancangan DFD (Data Flow Diagram) 34

3.2.1 Diagram Level Konteks 34

3.3 Basis Data(Database) 35

3.31 Field Name and Field Table 36

3.4 Flowchart Sistem 39

3.4.1 Flowchart Halaman Utama 39

3.4.2 Flowchart Halaman Admin 40

BAB 4 Implementasi Sistem

4.1 Pengertian Implementasi Sistem 41

4.2 Tujuan Implementasi Sistem 41

4.3 Komponen Utama dalam Implementasi Sistem 42

4.3.1 Perangkat Keras (Hardware) 42

4.3.2 Kebutuhan Perangkat Lunak 43

4.3.3 Brainware 45

4.4 Demonstrasi Program 45

BAB 5 Kesimpulan Dan Saran

5.1 Kesimpulan 51

5.2 Saran 52

(4)

DAFTAR TABEL

Nomor Judul Halaman Tabel

2.1. Simbol-simbol DFD 28

2.2. Simbol-simbol Flowchart 29

3.1. Tabel admin 36

3.2 Tabel guru 36

3.3 Tabel hasil seleksi 37

3.4 Tabel pesan 37

3.5 Tabel siswa daftar 37

3.6 Tabel status pendaftaran 39

3.7 Tabel galeri 39

(5)

DAFTAR GAMBAR

Nomor Judul Halaman Gambar

2.1. Tampilan awal notepad ++ 33

3.1. DFD Sistem Pendaftaran Siswa Baru 35

3.2. Flowchart Halaman Utama 39

3.3. Flowchart Halaman Admin 40

4.1. Windows 8.1 32 bit 43

4.2. Notepad++ 44

4.3. Xampp v3.2.1 44

4.4. Halaman Utama 45

4.5. Sejarah 45

4.6. Visi dan Misi 46

4.7. Struktur Organisasi 46

4.8. Hubungi Kami 47

4.9. Halaman Galeri 47

4.10. Halaman Daftar Guru/Pegawai 48

4.11. Halaman Login Admin 48

4.12. Halaman Admin Daftar Guru 49

4.13. Halaman Admin Galeri 49

4.14. Halaman Form Pendaftaran 50

(6)

DAFTAR LAMPIRAN

Lampiran A : Kartu Bimbingan Tugas Akhir Mahasiswa

Lampiran B : Surat Keterangan Hasil Uji Program Tugas Akhir Mahasiswa Lampiran C : Listing Program

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

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

NIP. 19540828 198103 1 004

Drs. Agus Salim Harahap M.Si

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.

Diketahui,

Disetujui,

KetuaProg.Studi D3Teknik Informatika,

DosenPembimbing,

Dr. EllyRosmaini,M.Si.

NIP 196005201985032002 NIP. 196 312 141 989 031 001

Drs.Marihat Situmorang,M.Kom

LAMPIRAN

Listing Program

Koneksi.php

Index.php

Form.php

Daftar guru.php

About.php

Parts

Dokumen yang terkait

Sistem Informasi Pendaftaran Siswa Baru Berbasis Web dengan Menggunakan PHP dan MySQL pada SMA Swasta Prayatna Medan

Sistem Informasi Penjualan Jilbab Mengunakan PHP dan MySQL

SISTEM INFORMASI SEKOLAH DAN PENDAFTARAN SISWA BARU BERBASIS WEB PADA SMA N 1 BATURETNO Sistem Informasi Sekolah dan Pendaftaran Siswa Baru Berbasis Web pada SMA N 1 Baturetno.

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

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

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

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

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

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

_{Drs.Marihat Situmorang,M.Kom}