KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

(1)

(2)

KEMENTERIAN PENDIDIKAN NASIONAL

UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

Jln. Bioteknologi No. 1 Kampus USU Telp. (061) 8212050-8214920. Fax. (061) 8214290 Medan 20155

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama : FERDINAN SIMARMATA

Nomor Induk Mahasiswa : 102406052

Judul Tugas Akhir : SISTEM INFORMASI BERBASIS WEB DI

SMA NEGERI 6 TANJUNG BALAI

Dosen Pembimbing : Drs. ROSMAN SIREGAR, M.Si

Tanggal Mulai Bimbingan : September 2013

Tanggal Selesai Bimbingan : Februari 2014

No

TANGGAL BIMBINGAN

PEMBAHASAN ASISTENSI MENGENAI BAB

PARAF DOSEN PEMBIMBING

KETERANGAN

1 ACC JUDUL/ PROPOSAL

2 BAB I

3 BAB II

4 BAB III

5 BAB IV

6 BAB V

7 BAB VI

8 UJI PROGRAM



Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan

mahasiswa telah selesai

Diketahui, Disetujui,

Departemen Matematika FMIPA USU Pembimbing Utama/

Ketua, Penanggung Jawab

(3)

KEMENTERIAN PENDIDIKAN NASIONAL

UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

Jln. Bioteknologi No. 1 Kampus USU Telp. (061) 8212050-8214920. Fax. (061) 8214290 Medan 20155

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama : FERDINAN SIMARMATA

Nomor Induk Mahasiswa : 102406052

Judul Tugas Akhir : SISTEM INFORMASI BERBASIS WEB DI

SMA NEGERI 6 TANJUNG BALAI

Dosen Pembimbing : Drs. ROSMAN SIREGAR

Tanggal Mulai Bimbingan : September 2013

Tanggal Selesai Bimbingan : Desember 2013

No

TANGGAL BIMBINGAN

PEMBAHASAN ASISTENSI MENGENAI BAB

PARAF DOSEN PEMBIMBING

KETERANGAN

1

2

3

4

5

6

7

8 

Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan

mahasiswa telah selesai

Diketahui, Disetujui,

Departemen Matematika FMIPA USU Pembimbing Utama/

Ketua, Penanggung Jawab

Prof.Dr.Tulus,VordipL.Math.,M.Si. Drs. Rosman Siregar

(4)

(5)

SURAT KETERANGAN

Hasil uji program tugas akhir

Yang bertanda tangan di bawah ini, menerangkan bahwa Mahasiswa Tugas Akhir

Program studi D3 Teknik Informatika:

Nama : FERDINAN SIMARMATA

N I M : 102406052

Program Studi : D3 TEKNIK INFORMATIKA

Judul Tugas Akhir : SISTEM INFORMASI BERBASIS WEB DI SMA NEGERI

6 TANJUNGBALAI

Telah melaksanakan tes program Tugas Akhir Mahasiswa tersebut di atas pada

tanggal : , JANUARI 2014

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, Januari 2014

Dosen Pembimbing

(6)

Koneksi.php

<?php

mysql_connect("localhost","root","ferdinan"); mysql_select_db("sma6");

?>

Sma6/index.php

<?php include "header.php"; ?> <div class="utama">

<?php

include "slider.php";?> <?php

include("koneksi.php"); ?>

<div class="col-md-4">

<div class="todo"> <ul>

<li class="todo-done">

<div class="todo-icon fui-list"></div> <div class="todo-content">

<h4 class="todo-name">

Pentas <strong>Seni</strong><strong></strong> </h4>

12 November 2013 </div>

</li>

Pertandingan <strong>Olahraga</strong> </h4>

15 November 2013 </div>

</li>

Pekan <strong>Ilmiah</strong> </h4>

21 November 2013 </div>

</li>

<div class="todo-icon fui-eye"></div> <div class="todo-content">

Jumat <strong>Bersih</strong> </h4>

22 November 2013 </div>

</li>

</ul> </div>

(7)

</div>

<div class="para"> <div class="parag">

<h5>Sejarah SMA Negeri 6 Tanjung Balai </h5>

<img src="Gallery/phpgallery/images/examples/image-1.jpg" width="250px" height="200px"><br>

Kepala sekolah yang pertama adalah Drs.Kani Napitupulu dari bulan Juli s/d Nopember 2006, Kepala Sekolah yang kedua Drs.Palmer Manurung dari Januari 2007 s/d September 2011. Sedangkan Kepala Sekolah yang ketiga Amer Simarmata, S.Pd dari Oktober 2011 s/d sekarang.

</p> </div>

<div class="parag"> <h5>Visi dan Misi </h5>

<p> </p>

</div> </div>

<?php include "footer.php"; ?>

Header.php

<title>Selamat Datang di SMA Negeri 6 Tanjung Balai</title> <meta name="viewport" content="width=device-width, initial- scale=1.0">

<body>

<?php //include "socialbed.php"; ?> <img src="images/favicon.png">

(8)

</div>

Home

</li> <li>

<a href="#"> Profil Pandang</a></li>

</a> <ul>

<li><a href="overview.php">Selayang <li>

<a href="sejarah.php">Sejarah Sekolah</a> </li>

</li>

Aplikasi online </a>

<ul>

<li><a href="admin">Administrator</a></li>

<li><a href="guru">Guru/Wali kelas</a></li> <li><a href="siswa">Siswa</a></li>

</ul>  </li>

<li>

<a href="prestasi.php"> Prestasi

</a> </li>

<li>

<a href="galeri.php"> Galeri

</a> </li>

<li>

<a href="kontak.php"> Kontak

</li>

</a> </ul>

(9)

Footer.php

<h3 class="footer-title">Tentang SMA Negeri 6 Tanjungbalai</h3>

<p>Medan 2013</p> </div>  <div class="col-md-5">

<h3 class="footer-title">Links</h3> <ul>

<li><a href="guru/">Aplikasi Guru</a></li> <li><a href="siswa/">Aplikasi Siswa</a></li> <li><a href="guru/">Aplikasi Wali Kelas</a></li> <li>Portal Belajar Tingkat SMA</li>

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

prettify/prettify.js"></script>

</html>

Overview.php

<div class="para"> <div class="parag">

(10)

<strong>SMA Negeri 6 Kota Tanjung Balai</strong> mulai beroperasi (berdiri) tahun 2006. Selama 6 (enam) bulan menumpang di SMP Negeri 2 kota Tanjung

balai yaitu mulai bulan Juli s/d Desember 2006 dan bulan Januari 2007 baru menempati gedung sendiri yaitu gedung SMA Negeri 6 Kota

Tanjungbalai yang sekarang. Pada awalnya bangunan gedung SMA Negeri 6 Kota Tanjungbalai terdiri dari 1 (satu) kantor Kepala Sekolah dan Tata Usaha, 5 (lima) ruang kelas belajar dan 1 (satu) Laboratorium IPA.

<p>Tahun pertama menerima murid 5 (lima) kelas dan tahun kedua 5 (lima) kelas sehingga pada Tahun Pelajaran 2007/2008 kelas X

(sepuluh) masuk sore hari sementara kelas XI (sebelas) pagi hari atau 2 ship.</p><p>

</p> </div>

<div class="parag"> <h5>Visi dan Misi </h5>

<p>

<strong>SMA Negeri 6 Kota Tanjung Balai</strong> mulai beroperasi (berdiri) tahun 2006. Selama 6 (enam) bulan menumpang di SMP Negeri 2 kota Tanjung

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

Sejarah.php

<div class="parag1">

<h5>Sejarah SMA Negeri 6 Tanjung Balai </h5> <p>

(11)

</p> </div>

</div>

Visimisi.php

<?php include "header.php"; ?>

<div class="utama">

<div class="parag1"> <h5>VISI </h5>

<p>

<strong>“UNGGUL DALAM ILMU PENGETAHUAN DAN TEKNOLOGI SERTA

BERPRESTASI MELALUI OLAH RAGA, BAHASA DAN SENI, BERDASARKAN IMAN DAN TAQWA.”</strong>

<h5>MISI </h5> <ol>

<li>Mengembangkan Program Pendidikan untuk meningkatkan Pengetahuan di Bidang IPTEK Serta Meningkatkan Prestasi dan Bidang Olah raga, Bahasa dan Seni Dengan Hasil Terbaik.</li>

<li>Membantu dan Memfasilitasi Pengembangan Potensi Siswa Secara Utuh</li>

<li>Menerapkan Disiplin di Segala Bidang.</li>

<li>Membentuk dan Membina Group Seni dan Bahasa yang terampil</li> <li>Membentuk dan Membina Tim Olah Raga Yang Berkualifikasi</li> <li>Menampilkan Semangat Kerja dan Belajar Yang Tinggi.</li>

<li>Memupuk Rasa Persaudaraan Dan Sikap Sopan Santun Terhadap Orang Lain.</li>

<li>Membudayakan Wawasan Wiyata Mandala Bagi Seluruh Warga Sekolah.</li>

<li>Menumbuh Kembangkan Rasa Tulus dan Ikhlas Dalam Tugas dan Tanggung Jawab Diemban Warga Sekolah.</li>

<li>Meningkatkan Efektifitas dan Efisiensi Proses Pembelajaran Secara Maksimal</li>

</ol>

(12)

</div>

Admin/index.php

<?php SESSION_START(); if(isset($_SESSION['id'])){

header("location:home.php"); }

?> <html> <head>

<meta charset="utf-8">

<title>Selamat Datang di SMA Negeri 6 Tanjung Balai</title> <meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="description" content="sma negeri 6 tanjung balai, Lakukan yang terbaik">

<link href="bootstrap/css/bootstrap.css" rel="stylesheet"> 

<link href="../css/flat-ui.css" rel="stylesheet"> <link href="../css/demo.css" rel="stylesheet">

<link href="../css/style.css" rel="stylesheet">

<link rel="shortcut icon" href="../images/favicon.png"> <script type="text/javascript" src="../js/jquery-2.0.3.min.js"></script>

<script type="text/javascript"

src="../js/jquery.simplyscroll.js"></script>

<!--[if lt IE 9]>

<script src="js/html5shiv.js"></script> <![endif]-->

</head> <body>

<div class="login">

<div class="login-screen">

<div class="login-icon">

<img src="../images/admin.png" alt="Selamat datang di Halaman Admin">

<h4>Login <small>Administrator</small></h4> </div>

<h5>Login Administrator</h5> <div class="login-form">

<div class="form-group">

<form action="login-exec.php" method="post">

<input name="id" type="text" class="form-control login- field" value="" placeholder="Masukkan ID" id="login-name">

<label class="login-field-icon fui-user" for="login-name"></label>

</div>

(13)

<input name="password" type="password" class="form- control login-field" value="" placeholder="Password" id="login-pass">

<label class="login-field-icon fui-lock" for="login-pass"></label>

</div>

<input type="submit" class="btn btn-primary btn-lg btn- block" value="Login">

<a class="login-link" href="#">Lupa Password?</a> </div>

</div> </div>

</body> </html>

Guru/index.php

<?php SESSION_START(); if(isset($_SESSION['idg'])){

?> <html> <head>

<title>Selamat Datang di SMA Negeri 6 Tanjung Balai</title> <meta name="viewport" content="width=device-width, initial- scale=1.0">

<!--[if lt IE 9]>

</head> <body>

<div class="login-icon">

<img src="../images/icons/teachers.png" alt="Selamat datang di Halaman Admin">

<h4>Login <small>Guru / Wali kelas</small></h4> </div>

<h5>Login Guru/Wali</h5> <div class="login-form">

(14)

<input name="id" type="text" class="form-control login-field" value="" placeholder="ID Guru" id="login-name">

</div>

</div> </div>

</body> </html>

Siswa/index.php

<?php SESSION_START(); if(isset($_SESSION['ids'])){

?> <html> <head>

<title>Selamat Datang di SMA Negeri 6 Tanjung Balai</title> <meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--[if lt IE 9]>

</head> <body>

(15)

<img src="../images/icons/student.png" alt="Selamat datang di Halaman Admin">

<h4>Login <small>Siswa</small></h4> </div>

<h5>Login Siswa</h5> <div class="login-form">

<input name="id" type="text" class="form-control login-field" value="" placeholder="Nomor Induk Siswa" id="login-name">

</div>

</div> </div>

</body> </html>

Berita.php

<?php

include "header.php"; ?>

<div class="utama2 white"> <?php

$idb=$_GET['id']; include "koneksi.php";

$kueri=mysql_query("SELECT * FROM berita WHERE id=$idb"); while($data=mysql_fetch_array($kueri)){

?>

<h1 class="jdl"><?php echo $data['judul']; ?></h1> <div class="section">

<img class="gbr" src="<?php echo "berita/images/".$data['gambar'] ?>">

<div class="isi"><p>

<b>Tanjungbalai</b> -- <?php echo $data['isi']; ?>

} ?> </div>

<?php </p> </div>

(16)

<link href="Gallery/phpgallery/css/lightbox.css" rel="stylesheet"> <link href="Gallery/phpgallery/css/screen.css" rel="stylesheet"> <script type="text/javascript"

src="Gallery/phpgallery/js/jquery.smooth-scroll.min.js"></script> <script type="text/javascript"

src="Gallery/phpgallery/js/lightbox.js"></script>

<div class="imageRow"> <div class="set">

<?php

include('Gallery/phpgallery/config.php'); $result = mysql_query("SELECT * FROM photos"); while($row = mysql_fetch_array($result))

{

echo '<div class="single"><div class="wrap">

<a href="Gallery/phpgallery/'.$row['location'].'" rel="lightbox[plants]" title="'.$row['caption'].'"><img

src="Gallery/phpgallery/'.$row['location'].'" alt="Plants: image 1 0f 4 thumb" /></a>

</div></div>'; }

?>

</div> </div>

</div>

Kontak.php

<p>

</p>

</div>

SMA Negeri 6 Tanjung Balai <br> Jl. Anggur Kel. Bunga Tanjung <br> Kec. Datuk Bandar Timur <br> Kode Pos: <b>21367</b>

(17)

Prestasi.php

<h5>Prestasi Sekolah </h5> <p>

<ol>

<li>Juara I Olimpiade Pertamina Fisika Tingkat Provinsi, Tahun 2010</li>

<li>Juara I Sepakbola Tingkat Provinsi, Tahun 2013 </li>

<li>Juara III Olimpiade Sains Matematika Tingkat Kabupaten Tahun 2012</li>

<li>Piagam Penghargaan Sebagai Sekolah dengan pengelolaan Dana BOS Terbaik se kota TanjungBalai</li>

<li>Piagam Penghargaan Sebagai Kepala Sekolah Terbaik se kota Tanjungbalai</li>

</ol> </p> </div>

</div>

Slider.php

<div id="homeFlash">

<script type="text/javascript">

$(document).ready(function() {

//Click and Hover events for thumbnail list

$("ul#carousel-btns-id li:first").addClass('on');

$("ul#carousel-btns-id li").hover(function(){ //Set Variables

Image URL

to story

Selected

clearInterval(slideshowStateRef);

var imgSrc = $(this).find('a').attr("id"); //Get Main

var imgLink = $(this).find('a').attr("href"); //Get Link

var imgTitle = $(this).find('h1').text(); //Get Tile of

then...

if ($(this).is(".on")) { //If it's already active,

(18)

} else {

//Animate the Teaser

//$("img#selected-img").stop(true, true);

$("img#selected-img").attr({ src: imgSrc , alt: imgTitle});

0},100 );

// $("#headling-panel-id h1 a").stop(true, true); // $("#headling-panel-id h1 a").animate({ opacity:

$("#headling-panel-id h1 a").text(imgTitle); }

$("ul#carousel-btns-id li").removeClass('on'); //Remove class of 'active' on all lists

$(this).addClass('on'); //add class of 'active' on this list only

//add class of 'active' on this list only return false;

},function(){

clearInterval(slideshowStateRef); }

)

$("#carousel-container-id").children().hover( function () {

clearInterval(slideshowStateRef); },

function () {

slideshowStateRef = setInterval("slideShowState()", 800);

}

6000);

);

// var slideshow = setInterval("imageRotate()",

slideshowStateRef = setInterval("slideShowState()", 800);

});//Close Function

var slideShowBGPos = 0;

var slideshowStateRef = null;

function slideShowState() {

if (slideShowBGPos >= 189) { slideShowBGPos = 0; imageRotate(); }

else {

}

slideShowBGPos += 27;

$("#slideshow-state ").css({'background-position' : '0px -' + slideShowBGPos +'px'});

// console.log(slideShowBGPos); }

function imageRotate() {

var $active = $('ul#carousel-btns-id li.on');

(19)

if(!$next.is('li')) {

var $newNext = $next.next(); for(var i = 0; i <10; i ++) {

if($newNext.is('li')) {

$next = $newNext; break;

}

$newNext = $newNext.next(); }

}

$next.addClass('on')

$active.removeClass('on');

var imgSrc = $('ul#carousel-btns-id li.on a').attr("id"); //Get Main Image URL

var imgLink = $('ul#carousel-btns-id li.on a').attr("href"); //Get Link to story

var imgTitle = $('ul#carousel-btns-id li.on a h1').text(); //Get Tile of Selected

//$("img#selected-img").stop(true, true);

//$("img#selected-img").animate({ opacity: 0.5},100 );

imgTitle});

0},100 );

$("img#selected-img").attr({ src: imgSrc , alt:

//$("#headling-panel-id h1 a").stop(true, true); //$("#headling-panel-id h1 a").animate({ opacity:

$("#headling-panel-id h1 a").text(imgTitle); }

</script>

id="carousel-container-id">

<div class="carousel-container"

<img class="main-img" id="selected-img" src="images/aa.jpg" alt="Berita 1">

<div class="headling-panel" id="headling-panel-id">

<h1><a href="news/latest-news/reds-agree-aspas-deal-in-principle"></a></h1>

<div id="slideshow-state" style="background-position: 0px -189px;"></div>

</div>

<ul class="carousel-btns" id="carousel-btns-id">

* FROM berita ORDER BY id LIMIT 5"); <?php

include "koneksi.php"; $kueri=mysql_query("SELECT

while($data=mysql_fetch_array($kueri)){

?> <li class=""><a

href="berita.php?id=<?php echo $data['id']; ?>" id="<?php echo "berita/images/".$data['gambar']; ?>"><img src="<?php echo

(20)

<?php

} ?>

</div> </ul>

</div>

Style.css

.content{

//padding-left:100px; display:block;

width: 1024; margin: 0 auto; padding-top: 0px; //background-color:#9dabc2;

//background-image:url("../images/mini-bg.png"); }

#homeFlash{margin:-1px 0 0 0;height:300px;

float:left}#PageComments_holder{background:#EEE;padding:10px}

.carousel-

container{width:646px;height:316px;background:#ebebeb;overflow:hidden ;position:relative;}

.carousel-container-

small{width:518px;height:296px;background:#ebebeb;overflow:hidden;pos ition:relative}

ul.carousel-btns{list-style-

type:none;position:absolute;top:0;right:0;margin:0;padding:0;

background:url(../images/news-carousel-btn-shadow.png) top left repeat-y}

.carousel-container-small ul.carousel-btns{height:295px}

ul.carousel-btns li{background:#1abc9c; url(images/news-carousel-btn- red.jpg) top left no-repeat;margin:0 0 0 18px;

padding:0;width:234px;display:block;height:59px}

ul.carousel-btns li a{background:#fff url(images/news-carousel-btn-white.jpg) top left no-repeat;

color:#666;text-

decoration:none;display:block;width:234px;height:59px} ul.carousel-btns li a:hover{background:0;color:#fff} ul.carousel-btns li a

h1{float:left;width:144px;height:32px;overflow:hidden; font-family:'Anton',sans-serif;font-size:16px;font- weight:normal;margin:13px 0 0 0;padding:0 5px 0 0;text- transform:uppercase;line-height:16px}

.headling-panel{background:url(../images/news-carousel-hl-bg.png) top left repeat;

margin-left:-20px; border:transparent 1px

solid;width:415px;height:auto;position:absolute;left:16px;bottom:17px ;padding:5px 40px 10px 10px;}

.carousel-container-small .headling-panel{background:url(images/news-carousel-hl-bg.png) top left repeat;

border:#d87b7b 1px

(21)

.headling-panel h1{margin:0;padding:0;font-family:'Anton',sans- serif;font-size:13px;font-weight:normal;text-

transform:uppercase;line-height:14px}

.headling-panel h1

a{font-size:26px;font-weight:normal;text-transform:uppercase;color:#FFF;text-decoration:none;line-height:26px} .carousel-container-small .headling-panel h1{margin:0;padding:0;font- family:'Anton',sans-serif}

.carousel-container-small .headling-panel h1 a{font-size:17px;font- weight:normal;text-transform:uppercase;color:#FFF;text-

decoration:none;line-height:17px}

ul.carousel-btns li a img{width:65px;height:44px;border:#31e05a; 1px solid;float:left;padding:0;margin:5px 10px 0 5px;

background:#fff url(../images/preload.gif) 8px 6px no-repeat} ul.carousel-btns li a:hover img{width:79px;height:55px;border:#1abc9c 2px solid;float:left;padding:0;margin:0 3px 0 -4px}

ul.carousel-btns li.on a img{width:79px;height:55px;border:#FC0 2px solid;float:left;padding:0;margin:0 3px 0 -4px}

ul.carousel-btns li.on a{background:0;color:#fff}img.more- news{position:absolute;top:17px;left:16px}

img#selected-img{background:#fff url(../images/preload.gif) 180px 120px no-repeat;width:auto!important;height:295px;display:block} .carousel-container-small img#selected-img{width:288px}#slideshow-state{height:26px;width:26px;position:absolute;top:10px;right:10px;

background-image:url(images/slideshow-state.png);background-position:0 26px;background-repeat:no-repeat}

.carousel-container-small #slideshow-state{top:5px}

.para{

margin-bottom:20px; height:automatic; display:block;

}

.parag{

float:left; width:500px; margin-top:20px; padding:15px;

background-color:#bdc3c7;

}

.parag1{ float:left; width:1024px; margin-top:20px; padding:15px;

background-color:#bdc3c7;

}

.utama{

height:auto; width:1024px;

margin-bottom:20px; display:block; }

.utama2{

(22)

height:auto; width:1024px;

margin-bottom:20px; display:block;

background-color:#fff; min-height:500px;

}

.header{

padding-top:50px; padding-left:50px;

background-image:url(../images/header.png); background-size: 100% auto;

//background-color:#000; height:250px;

margin-bottom:5px; }

.tnilai{

}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);

@import "//netdna.bootstrapcdn.com/font-awesome/3.0/css/font- awesome.css";

#buttons {

border-radius: 5px; padding: 14px 7px;

background: transparent; width: 500px;

overflow: hidden;

margin-left: 150px auto 0;

//box-shadow:0 2px 3px rgba(71, 71, 71, 0.31); }

.button {

background: #DCE0E0; position: relative; display: block; float: left; height: 40px; margin: 0 7px; overflow: hidden; width: 150px;

border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.icon {

display: block; float: left;

(23)

z-index: 3; height: 100%; vertical-align: top; width: 38px;

-moz-border-radius-topleft: 3px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px;

text-align: center; }

.icon i {

color: #fff;

line-height: 42px; }

.slide {

z-index: 2; display: block; margin: 0; height: 100%; left: 38px;

position: absolute; width: 112px;

-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px;

}

.slide p {

font-family: Open Sans; font-weight: 400;

border-left: 1px solid #fff;

border-left: 1px solid rgba(255,255,255,0.35); color: #fff;

font-size: 16px; left: 0;

margin: 0;

position: absolute; text-align: center; top: 10px;

width: 100%; }

.button .slide {

-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

(24)

right: 16px; top: 10px; z-index: 1; }

.twitter iframe {

width: 90px !important; right: 5px;

top: 10px; z-index: 1; display: block; position: absolute; }

.google # plusone_0 { width: 70px !important; top: 10px;

right: 15px;

position: absolute; display: block; z-index: 1; }

.linkedin .IN-widget { top: 10px;

right: 22px;

position: absolute; display: block; z-index: 1; }

.facebook:hover .slide { left: 150px;

}

.twitter:hover .slide { top: -40px;

}

.google:hover .slide { bottom: -40px; }

.linkedin:hover .slide { left: -150px;

}

.facebook .icon, .facebook .slide { background: #305c99;

}

.twitter .icon, .twitter .slide { background: #00cdff;

}

.google .icon, .google .slide { background: #d24228;

}

(25)

background: #007bb6; }

.socialbed{

float:left; }

.footer{

display:block; margin-top:30px; }

input[type=text]{ display:block; margin:10px; height:35px; }

.f-reg{

margin: auto;

padding-left: 20px; width: 50%;

left:25px; height:auto;

border:solid 2px #e1e1e1; background-color:#fff; font-size:18px;

z-index: 9999; }

.f-reg td{

}

.f-reg input, select{

min-width: 150px; display: block; }

.f-reg select{

margin-bottom: 15px; }

.f-reg label{

display: inline; float:left;

}

h3{

}

font-size:24px;

.tetap{

top:10px;

z-index: 99999;

background-size: fixed; }

(26)

width:25%;

float:left;

display: inline-block; }

.btn-size-normal{ margin-top: 20px; padding-top: 0px; height: 30px; font-size:20px; }

.hijau{

color:green;

} .jdl{

min-height: 50px;

font: 700 24px/1.1 "Helvetica Neue", Helvetica, Arial, sans-serif !important;

color:#fff;

background-color: #1abc9c; padding:10px;

margin-left:-20px; margin-right: -15px; z-index: 9999;

cursor: pointer; }

.gbr{

max-width: 700px; max-height: 350px; }

.isi{

max-width: 520px; }

.section{

width: 50%; display: inline;

border: 2px solid #e1e1e1; }

textarea{

margin-left: 10px; margin-bottom: 20px; font-size: 14px; width:600px;

margin-bottom:-20px; transition: height 0.2s;

-webkit-transition: height 0.5s; -moz-transition: height 0.5s; }

(27)

Application.js

// Some general UI pack related JS // Extend JS String with repeat method String.prototype.repeat = function(num) {

return new Array(num + 1).join(this); };

(function($) {

// Add segments to a slider

$.fn.addSliderSegments = function (amount) { return this.each(function () {

var segmentGap = 100 / (amount - 1) + "%"

, segment = "<div class='ui-slider-segment' style='margin-left: " + segmentGap + ";'></div>";

$(this).prepend(segment.repeat(amount - 2)); });

};

$(function() {

// Todo list

$(".todo li").click(function() { $(this).toggleClass("todo-done"); });

// Custom Selects

$("select[name='huge']").selectpicker({style: 'hg btn-primary', menuStyle: 'dropdown-inverse'});

$("select[name='herolist']").selectpicker({style: 'btn-primary', menuStyle: 'dropdown-inverse'});

$("select[name='info']").selectpicker({style: 'btn-info'});

// Tooltips

$("[data-toggle=tooltip]").tooltip("show");

// Tags Input

$(".tagsinput").tagsInput();

// jQuery UI Sliders

var $slider = $("#slider"); if ($slider.length) {

$slider.slider({ min: 1,

max: 5, value: 2,

orientation: "horizontal", range: "min"

}).addSliderSegments($slider.slider("option").max); }

// Placeholders for input/textarea $("input, textarea").placeholder();

// Make pagination demo work

(28)

$(this).parent().siblings("li").removeClass("active").end().addClass( "active");

});

$(".btn-group a").on('click', function() {

$(this).siblings().removeClass("active").end().addClass("active"); });

// Disable link clicks to prevent page scrolling $('a[href="#fakelink"]').on('click', function (e) {

e.preventDefault(); });

// Switch

$("[data-toggle='switch']").wrap('<div class="switch" />').parent().bootstrapSwitch();

});

})(jQuery);

Admin/login-exec.php

<?php

session_start();

include "../koneksi.php"; $id=$_POST['id'];

$pw=$_POST['password'];

// Cocokkan username dan password.

$result=mysql_query("select * from admin where username='$id' and password='$pw'");

// Jika cocok.

if(mysql_num_rows($result)!='0'){ $_SESSION['id']=$id;

$_SESSION['password']=$pw; //$_SESSION['uadmin']=$

header("location:home.php"); // Re-direct ke main.php exit;

} else{ // Jika tidak cocok. echo "Login Gagal";

}

// akhir dari otorisasi Login.

?>

Admin/logout.php

<?php

session_start();

unset($_SESSION["id"]);

(29)

//session_destroy();

header("location:../index.php");

?>

Admin/home.php

<?php

<div class="utama clean"> <div class="row">

<ul class="grid cs-style-4"> <li>

alt="img05"></div>

class="none">Siswa</a></h3>

<figure>

<div><img src="images/5.png"

<figcaption>

<h3><a href="#"

<a href="#"><span>Pilihan</span></a>

siswa.php">Lihat Data</a>

<ul> </ul>

<a

href="tampil-</figcaption>

guru.php">Lihat Data</a>

</li> <li>

</figure>

<figure>

<figcaption>

<h3>Guru</h3>

<span>Pilihan</span> <a

href="tampil-</figcaption> </figure>

<figure>

<figcaption>

<h3>Wali</h3>

<span>Pilihan</span> <a

<figure>

<figcaption>

(30)

berita.php">Lihat Data</a>

</li> <li>

gallery.php">Lihat Data</a>

</li>

mapel.php">Lihat Data</a>

</li> <li>

</li>

<span>Tambah Berita</span> <a

href="tambah-</figcaption> </figure>

<figure>

<figcaption>

<h3>Gallery</h3> <span>Pilihan</span> <a

href="tambah-</figcaption> </figure>

<figure>

<figcaption>

<h3>Kelas</h3> <span>Pengaturan

<a href="#">Lihat Data</a> </figcaption>

</figure>

<figure>

<figcaption>

<h3>Mata Pelajaran</h3> <span>Atur Jurusan</span> <a

<figure>

<figcaption>

<h3>Setting</h3>

<span>Atur Jurusan</span> <a href="#">Lihat Data</a> </figcaption>

</figure>

</div> <?php

</ul>

</div>

<script src="js/toucheffects.js"></script>

(31)

?>

Admin/tampil-siswa.php

 <?php

<div class="utama white"> <div id="info"></div>

<div class="row-fluid"> <div class="span12">

<div class="container">

<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="example">

<thead> <tr>

<th>Nama</th> <th>TTL</th>

<th>NIS</th>

<th>Action</th> </tr>

<div class="dataTables_filter" id="example_filter"><label><form action="cari-siswa.php" method="GET">

<input type="text" aria-controls="example" name="q" placeholder="masukkan nama atau nis">

</form></label></div> </thead>

<div id="txthint">

<tbody> <?php

include "../koneksi.php";

$query = mysql_query("select * from siswa LIMIT 10") or die(mysql_error());

while ($row = mysql_fetch_array($query)) { $id = $row['id'];

?>

<tr class="del<?php echo $id ?>">

<td><?php echo $row['nis']; ?></td> <td class="grid_edit

click"><span><?php echo $row['nama']; ?></span></td>

<td><?php echo $row['tmlahir'].", "; echo $row['tglahir']; ?></td>

<td width="80">

<a class="btn btn-danger" id="<?php echo $id; ?>">Hapus</a>|

<a class="btn" href="edit-siswa.php?id=<?php echo $id; ?>">Edit</a>

</td> </tr> <?php } ?> </tbody>

(32)

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

<script type="text/javascript"> $(document).ready( function() {

$('.btn-danger').click( function() {

var id = $(this).attr("id");

ini?")){

if(confirm("Apakah anda yakin akan menghapus siswa

$.ajax({

type: "POST",

url: "delete_siswa.php", data: ({id: id}),

cache: false,

success: function(html){

$(".del"+id).fadeOut('slow'); }

}); }else{

}); });

return false;}

</script>

<div class="content"> </div>

<?php

include "footer.php"; ?>

Admin/tambah-siswa.php

<?php include "header.php"; ?> <script>

$(function() {

$( "#datepicker" ).datepicker(); });

</script> <script>

$(function() {

var availableTags = [ "Aek Kanopan",

"Dolok Sanggul", "Gunung Sitoli", "Gunung Tua", "Kabanjahe", "Kisaran", "Kota Pinang", "Lahomi", "Limapuluh", "Lotu",

(33)

"Salak", "Sei Rampah", "Sibuhuan", "Sidikalang", "Sipirok", "Stabat", "Teluk Dalam", "Medan"

];

$( "#tags" ).autocomplete({ source: availableTags });

});

</script> </head> <body>

<div class="utama white">

<table border="0" class="f-reg">

<form action="proses-tambah-siswa.php" method="POST">

<tr><td colspan="2" align="center"><h3>Input Data Siswa Baru</h3></td></tr>

<tr>

<td>NIS</td>

<td><input type="text" name="nis" placeholder="Nomor Induk Siswa" required></td>

</tr>

<tr>

<td>Nama Siswa   </td> <td><input type="text" name="nama" placeholder="Nama"></td>

</tr>

<tr>

<td>Tempat Lahir</td>

<td><input type="text" name="tmlahir" placeholder="Tempat Lahir" id="tags"></td>

</tr>

<tr>

<td>Tanggal Lahir</td>

<td><input type="text" name="tglahir" placeholder="Tanggal Lahir" id="datepicker"></td>

<tr>

<td>Jenis Kelamin</td> <td>

</tr>

</td>

<select name="jenkel">

<option value>Jenis Kelamin</option> <option value="l">Laki-laki</option> <option value="p">Perempuan</option> </select>

<tr>

(34)

<option value>Kelas</option> <?php include "../koneksi.php";

$kueri=mysql_query("SELECT * FROM kelas"); while($data=mysql_fetch_array($kueri)){ ?>

<option value="<?php echo $data['id'];?>"><?php echo strtoupper($data['nama']);?></option><?php }?>

</select>

</tr>

jurusan");

<tr>

<td>

<td>Jurusan</td>

<select name="jurusan">

<option value>Jurusan</option>

<?php include "../koneksi.php"; $kueri=mysql_query("SELECT * FROM

while($data=mysql_fetch_array($kueri)){ ?>

<option value="<?php echo $data['kode'];?>"><?php echo

strtoupper($data['nama']);?></option><?php }?> </select>

</tr> <tr>

</td>

<td colspan="2" align="center"><input type="submit" value="Simpan"></td>

</tr> </div> </form> </table> </div> <?php

Admin/edit-siswa.php

 <?php

include "header.php"; $idsis=$_GET['id']; ?>

<div class="content">

<div class="utama white">

<table border="0" class="f-reg">

<form action="update-siswa.php" method="POST">

<tr><td colspan="2" align="center"><h3>Update Data Siswa</h3></td></tr>

<?php

include "../koneksi.php";

$kueri=mysql_query("SELECT * FROM siswa WHERE id='$idsis'");

(35)

$idsis; ?>"> <tr>

?>

<td>NIS</td>

<td><?php echo $row['nis']; ?></td>

<input type="hidden" name="id" value="<?php echo

<input type="hidden" name="nis" value="<?php echo $row['nis']; ?>">

</tr>

<tr>

<td>Nama Siswa   </td>

<td><input type="text" name="nama" value="<?php echo $row['nama']; ?>" autofocus></td>

</tr>

<tr>

<td>Tempat Lahir</td>

<td><input type="text" name="tmlahir" value="<?php echo $row['tmlahir']; ?>" id="tags"></td>

</tr>

<tr>

<td>Tanggal Lahir</td>

<td><input type="text" name="tglahir" value="<?php echo $row['tglahir']; ?>" id="datepicker"></td>

<tr>

<td>Jenis Kelamin</td> <td>

$row['jenkel']; ?>">

</td>

<select name="jenkel" value="<?php echo

<option value>Jenis Kelamin</option> <option value="l">Laki-laki</option> <option value="p">Perempuan</option> </select>

</tr>

<tr>

<td>Kelas</td> <td><select name="kelas"> <option value>Kelas</option> <?php include "../koneksi.php";

$kueri=mysql_query("SELECT * FROM kelas"); while($data=mysql_fetch_array($kueri)){ ?>

<option value="<?php echo $data['id'];?>"><?php echo strtoupper($data['nama']);?></option><?php }?>

</select>

</tr>

<tr>

<td>

<td>Jurusan</td>

<select name="jurusan">

<option value>Jurusan</option>

(36)

jurusan");

$kueri=mysql_query("SELECT * FROM

while($data=mysql_fetch_array($kueri)){ ?>

<option value="<?php echo $data['kode'];?>"><?php echo

strtoupper($data['nama']);?></option><?php }?> </select>

</tr> <tr>

</td>

<td colspan="2" align="center"><input type="submit" value="Update"></td>

</tr> </div> </form> </table>

</div> <?php

} ?> </div>

<?php

Admin/update-siswa.php

<?php

include "../koneksi.php"; $nis=$_POST['nis'];

$id=$_POST['id']; $nama=$_POST['nama']; $jenkel=$_POST['jenkel']; $tmlahir=$_POST['tmlahir']; $tglahir=$_POST['tglahir']; $jurusan=$_POST['jurusan']; $kelas=$_POST['kelas'];

echo "ID : ".$id."<br>"; echo "NIS : ".$nis."<br>"; echo "Nama : ".$nama."<br>"; echo "Jenkel: ".$jenkel."<br>"; echo "TmLahir : ".$tmlahir."<br>"; echo "Tglahir : ".$tglahir."<br>"; echo "Jurusan : ".$jurusan."<br>"; echo "Kelas : ".$kelas."<br>";

/*$kueri=mysql_query("UPDATE siswa set nama='$nama',

(37)

tmlahir='$tmlahir',

tglahir='$tglahir',

jurusan='$jurusan',

WHERE nis='$nis')"); */

kelas=$kelas

$kueri=mysql_query("UPDATE `sma6`.`siswa` SET `nama` = '$nama', `jenkel` = '$jenkel',

`tmlahir` = '$tmlahir', `tglahir` = '$tglahir', `jurusan` = '$jurusan',

`kelas` = '$kelas' WHERE `siswa`.`id` =$id"); if($kueri){

header("location:tampil-siswa.php"); }

else{

} ?>

echo "gagal";

Admin/tampil-nilai.php

<?php

include "header.php"; include "../koneksi.php"; ?>

<div class="utama2">

<div id="side">

<h3>Lihat Nilai</h3>

<form action="getnilai.php" method="POST">

ORDER BY id");

<select name="kelas">

<option value=null>Kelas</option> <?php

$arrKelas=[]; $indeks=0;

$kueri=mysql_query("SELECT * FROM kelas

while($data=mysql_fetch_array($kueri)){ $arrKelas[$indeks]=$data['nama']; $indeks=$indeks+1;

?>

<option value="<?php echo $data['id'];?>"><?php echo $data['nama'];?></option>

<?php } ?> </select>

Pelajaran</option>

<select name="mapel">

<option value=null>Mata

(38)

ORDER BY id");

<?php

$kueri=mysql_query("SELECT * FROM mp

?>

<?php } ?> </select>

<select name="sem"> <option value=null default>Semester</option>

<option value="1">Genap</option> <option value="2">Ganjil</option> </select>

<select name="ta">

<option value="<?php echo date('Y');?>"><?php echo date('Y');?>

</select>

<input class="btn btn-info btn-size-normal" type="submit" value="Cek">

</div>

</form>

<div id="side">

<h3>Lihat Siswa Tertentu</h3>

<form action="getnilai.php" method="POST">

ORDER BY id");

<select name="kelas">

<option value=null>Kelas</option> <?php

$arrKelas=[]; $indeks=0;

$kueri=mysql_query("SELECT * FROM kelas

?>

<?php } ?> </select>

Pelajaran</option>

<select name="mapel">

<option value=null>Mata

(39)

ORDER BY id");

$kueri=mysql_query("SELECT * FROM mp

?>

<?php } ?> </select>

<select name="sem"> <option value=null default>Semester</option>

<option value="1">Genap</option> <option value="2">Ganjil</option> </select>

<select name="ta">

<option value="<?php echo date('Y');?>"><?php echo date('Y');?>

</select>

<input class="btn btn-info btn-size-normal" type="submit" value="Cek">

</div>

</form>

<?php

</div>

<div id="txtHint"><b></b></div> <div class="sisi">

</div>

Admin/getnilai.php

<?php

<div class="utama2"> <div id="info"></div> <div class="row-fluid"> <div class="span12">

<div class="container">

<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="example">

<div class="dataTables_filter"