• Tidak ada hasil yang ditemukan

Sistem Informasi Sma Swasta Harapan 3 Berbasis Web

N/A
N/A
Protected

Academic year: 2017

Membagikan "Sistem Informasi Sma Swasta Harapan 3 Berbasis Web"

Copied!
49
0
0

Teks penuh

(1)

SURAT KETERANGAN

Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa mahasiswa Tugas Akhir Program Diploma Teknik Informatika :

Nama : Renza Arfansa Nasution

NIM : 132406029

Program Studi : D-3 Teknik Informatika

Judul Tugas Akhir : Sistem Informasi SMA Swasta Harapan 3 Berbasis Web

Telah melaksanakan tes program Tugas Akhir Mahasiswa tersebut diatas pada tanggal :

Dengan Hasil : SUKSES/GAGAL

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.

Medan, Juni 2016

Dosen Pembimbing

Drs, Partano Siagian, M.Sc

(2)

KARTU BIMBINGAN TUGAS AKHIR Nama : Renza Arfansa Nasution

NIM : 132406029

Judul Tugas Akhir : Sistem Informasi Sma Swasta Harapan 3 Berbasis Web

Dosen Pembimbing : Drs, Partano Siagian, M.Sc

Program Studi : D-3 Teknik Informatika

NO TANGGAL ASISTEN BIMBINGAN

PEMBAHASAN PADA ASISTEN MENGENAI,

PADA BAB

PARAF DOSEN PEMBIMBING

KETERANGAN

1

2

3

4

5

6

7

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

Diketahui :

Ketua Program Studi D-3 TI Pembimbing Utama/Penanggung Jawab

FMIPA USU

(3)

Lampiran 1 : Program

1. Index.php :

<?php include 'koneksi.php'; ?> <?php

?>

<!DOCTYPE html> <html lang="en"> <head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>SMA HARAPAN 3</title>

<link rel="shortcut icon" href="image/logoharapan.png" />

<meta name="description" content="Source code generated using layoutit.com">

<meta name="author" content="LayoutIt!">

<!-- Insert to your webpage before the </head> --> <script src="sliderjs/jquery.js"></script>

<script src="sliderjs/amazingslider.js"></script>

<link rel="stylesheet" type="text/css" href="sliderjs/amazingslider-1.css"> <script src="sliderjs/initslider-1.js"></script>

<!-- End of head section HTML codes -->

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

</head> <body>

<div class="wrapper">

<div class="sharedonk">

<a

href="http://twitter.com/home/?status=http://ww.smaharapan3.sch.id/" rel="nofollow">

<img src="image/twit.png"></img>

</a>

<a

(4)

<img src="image/fbook.png"></img>

</a>

<a

href="https://plus.google.com/share?url=http://ww.smaharapan3.sch.id/" rel="nofollow">

<img src="image/gplus.png"></img>

</a>

<a

href="http://www.linkedin.com/shareArticle?mini=true&url=http://ww.smaha rapan3.sch.id/" rel="nofollow">

<img src="image/linkedin.png"></img>

</a>

</div>

<div class="container-fluid">

<div style="backgroundcolor: #3bf; margin: auto; paddingtop: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;" class="row">

<div class="row">

<div class="col-md-2 col-md-offset-2">

<img style="width: 100px; marginleft: -120px;" alt="Bootstrap Image Preview" src="image/logoharapan.png">

</div>

<div style="margin-left: -145px;" class="col-md-5">

<h3>

SMA HARAPAN 3 </h3>

<p style="font-size: 8px"><address style="font-size: 10px">

<strong>Jl. Karya Wisata Ujung No. 31</strong><br> Medan Johor - Deliserdang 20355 <br> <abbr

title="Phone">P:</abbr> (061) 7876152

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

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

</div>

</div> </div>

<div style="margin-top: 15px;" class="container-fluid"> <div class="row">

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

<nav class="navbar navbar-default" role="navigation">

(5)

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">

<span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>

</button> <a class="navbar-brand" href="index.php">Beranda</a>

</div>

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

<ul class="nav navbar-nav"> <li

class="profil">

<a href="#" class="dropdown-toggle" data-toggle="dropdown">Profil<strong

class="caret"></strong></a>

<a href="index.php?page=sejarah">Sejarah</a>

</li> <li class="divider">

</li> <li>

<a href="index.php?page=visimisitujuan">Visi, Misi dan Tujuan</a> </li> <li class="divider">

</li> <li>

<a href="index.php?page=saranadanprasarana">Sarana dan Prasarana</a> </li>

<li>

<a href="index.php?page=prestasi">Prestasi</a>

(6)

<li class="divider">

</li> <li>

<a href="index.php?page=ekstrakurikuler">Ekstrakurikuler</a>

</li>

<li class="profil"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pendaftaran Siswa Baru<strong class="caret"></strong></a>

<ul

<a href="index.php?page=klskedokteran">Kelas Kedokteran</a> </li> <li class="divider">

</li> <li>

<a href="index.php?page=reguler">Reguler</a>

</li> </ul> </li>

</ul>

<form method="get" class="navbar-form navbar-left" role="search">

(7)

<input class="form-control" name="search" type="text">

</div> <button type="submit" name="cari" class="btn btn-default">

Submit

<!-- Insert to your webpage where you want to display the slider --> <div id="amazingslider-wrapper-1"

style="display:block;position:relative;max-width:780px;margin:30px auto;"> <div id="amazingslider-1"

style="display:block;position:relative;margin:0 auto;">

<ul class="amazingslider-slides" style="display:none;">

<li><a href="#"><img src="sliderimg/siswa1.JPG" alt="siswa1" title="siswa1" /></a>

</li>

<li><a href="#"><img src="sliderimg/siswa2.jpg" alt="siswa2" title="siswa2" /></a>

</li>

<li><a href="#"><img src="sliderimg/siswa3.JPG" alt="siswa3" title="siswa3" /></a>

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

<!-- End of body section HTML codes -->

<div style="margin-bottom: 30px" class="row">

<div id="isi" class="col-md-10 col-md-offset-1"> <?php

if (isset($_GET['search'])) { $search = $_GET['search'];

$query = mysqli_query($kon, "SELECT * FROM page WHERE judul LIKE '%$search%' OR isi LIKE '%$search%'");

while($row = mysqli_fetch_array($query)) { $isi = isset($row['isi']) ? $row['isi'] : ""; $judul = isset($row['judul']) ? $row['judul'] : "";

$page_info = isset($row['page_info']) ? $row['page_info'] : "";

(8)

<div style="border: 1px solid #ccc; padding: 15px;">

<a style="text-decoration: none; color: black; font: 1.2em 'Agency Fb'" href="index.php?page=<?php echo $page_info; ?>"><?php echo $isi; ?></a>

</div>

<div style="border: 1px solid #ccc; padding: 15px;">

<a style="text-decoration: none; color: black; font: 1.2em 'Agency Fb'" href="index.php?page=<?php echo $page_info; ?>"><?php echo $judul; ?></a>

</div> <?php }

}

if (isset($_GET['page'])) {

$page = isset($_GET['page']) ? $_GET['page'] : ""; switch($page) {

case 'sejarah':

include 'pagesprofil/sejarah.php'; break;

case 'ekstrakurikuler': include 'pagesprofil/ekstrakurikuler.php';

break; case 'prestasi':

include 'pagesprofil/prestasi.php'; break;

case 'saranadanprasarana': include

'pagesprofil/saranadanprasarana.php';

break; case 'visimisitujuan':

include 'pagesprofil/visimisitujuan.php';

break; case 'home':

include 'inc/home.php'; break;

case 'klskedokteran': include 'pagesdaftar/klskedokteran.php';

break; case 'reguler':

(9)

case 'berita':

include 'berita.php'; break;

case 'galeri':

include 'galeri.php'; break;

case 'login':

include 'login.php'; break;

default:

include 'inc/home.php';

} } else {

include 'inc/home.php'; }

?>

</div>

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

<div class="col-md-12"> <footer id="footer">

<div>

<b><a href="index.php" title="Kembali ke halaman utama">SMA HARAPAN 3</a></b> |

Jl. Karya Wisata Ujung No. 31 <br> Medan Johor - Deliserdang 20355 | Telp: (061) 7876152

<hr>

<div class="f_kiri">

© 2016 SMA HARAPAN 3. Powered by Renza Arfansa Nasution

</div>

<div class="f_kanan"><a

href="index.php">Home</a> | <a href="index.php?page=login">Login</a> </div>

</div> </footer>

(10)

</div> </div>

</div>

<style>

.ui-datepicker { width: 17em;

padding: .2em .2em 0; visibility: hidden; }

</style>

<!--SideBar Kanan--> <style type="text/css">

div#creditfooter {display:none;}#pagesKanan {position:fixed; bottom:0; right:5px; float:left; }

.fb_share_count_top {width:48px !important;} </style>

</footer>

</div> </div>

<script src="js/bootstrap.min.js"></script> <script src="js/scripts.js"></script>

</body> </html>

2. Galeri.php :

<?php include 'koneksi.php'; ?> <div class="container-fluid">

<h3 style="margin-bottom: 30px;">Album Galeri SMA HARAPAN 3</h3>

(11)

<?php

$query = mysqli_query($kon, "SELECT * FROM galeri");

while($row = mysqli_fetch_array($query)) { ?>

<a href="galeri-lengkap.php?nama=<?php echo $row['nama']; ?>">

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

<img class="gambar img-thumbnail" src="image/galeri/<?php echo $row['gambar']; ?>">

<figcaption class="nama text-center"><?php echo $row['nama']; ?></figcaption>

<figcaption class="tanggal text-center"><?php echo $row['tanggal']; ?></figcaption>

</figure> </div>

</a>

<?php }

?>

</div>

</div>

</div>

3. Galeri-lengkap.php :

<?php include 'koneksi.php'; ?> <?php

?>

<!DOCTYPE html> <html lang="en"> <head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

(12)

<meta name="description" content="Source code generated using layoutit.com">

<meta name="author" content="LayoutIt!">

<!-- Insert to your webpage before the </head> --> <script src="sliderjs/jquery.js"></script>

<script src="sliderjs/amazingslider.js"></script>

<link rel="stylesheet" type="text/css" href="sliderjs/amazingslider-1.css"> <script src="sliderjs/initslider-1.js"></script>

<!-- End of head section HTML codes -->

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

</head> <body>

<div class="wrapper">

<div class="sharedonk">

<a

href="http://twitter.com/home/?status=http://ww.smaharapan3.sch.id/" rel="nofollow">

<img src="image/twit.png"></img>

</a>

<a

href="http://www.facebook.com/share.php?u=http://ww.smaharapan3.sch.id/ " rel="nofollow">

<img src="image/fbook.png"></img>

</a>

<a

href="https://plus.google.com/share?url=http://ww.smaharapan3.sch.id/" rel="nofollow">

<img src="image/gplus.png"></img>

</a>

<a

href="http://www.linkedin.com/shareArticle?mini=true&url=http://ww.smaha rapan3.sch.id/" rel="nofollow">

<img src="image/linkedin.png"></img>

</a>

</div>

<div class="container-fluid">

<div style="backgroundcolor: #3bf; margin: auto; paddingtop: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;" class="row">

<div class="row">

(13)

<img style="width: 100px; marginleft: -120px;" alt="Bootstrap Image Preview" src="image/logoharapan.png">

</div>

<div style="margin-left: -145px;" class="col-md-5">

<h3>

SMA HARAPAN 3 </h3>

<p style="font-size: 8px"><address style="font-size: 10px">

<strong>Jl. Karya Wisata Ujung No. 31</strong><br> Medan Johor - Deliserdang 20355 <br> <abbr

title="Phone">P:</abbr> (061) 7876152

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

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

</div>

</div> </div>

<div style="margin-top: 15px;" class="container-fluid"> <div class="row">

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

<nav class="navbar navbar-default" role="navigation">

<div class="navbar-header">

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">

<span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>

</button> <a class="navbar-brand" href="index.php">Beranda</a>

</div>

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

<ul class="nav navbar-nav"> <li

class="profil">

<a href="#" class="dropdown-toggle" data-toggle="dropdown">Profil<strong

(14)

<ul

<a href="index.php?page=sejarah">Sejarah</a>

</li> <li class="divider">

</li> <li>

<a href="index.php?page=visimisitujuan">Visi, Misi dan Tujuan</a> </li> <li class="divider">

</li> <li>

<a href="index.php?page=saranadanprasarana">Sarana dan Prasarana</a> </li>

<li>

<a href="index.php?page=prestasi">Prestasi</a>

</li> <li class="divider">

</li> <li>

<a href="index.php?page=ekstrakurikuler">Ekstrakurikuler</a>

(15)

<li class="profil"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pendaftaran Siswa Baru<strong class="caret"></strong></a>

<ul

<a href="index.php?page=klskedokteran">Kelas Kedokteran</a> </li> <li class="divider">

</li> <li>

<a href="index.php?page=reguler">Reguler</a>

</li> </ul> </li>

</ul>

<form method="get" class="navbar-form navbar-left" role="search">

<div class="form-group">

<input class="form-control" name="search" type="text">

</div> <button type="submit" name="cari" class="btn btn-default">

Submit

<!-- Insert to your webpage where you want to display the slider --> <div id="amazingslider-wrapper-1"

style="display:block;position:relative;max-width:780px;margin:30px auto;"> <div id="amazingslider-1"

style="display:block;position:relative;margin:0 auto;">

(16)

<li><a href="#"><img src="sliderimg/siswa1.JPG" alt="siswa1" title="siswa1" /></a>

</li>

<li><a href="#"><img src="sliderimg/siswa2.jpg" alt="siswa2" title="siswa2" /></a>

</li>

<li><a href="#"><img src="sliderimg/siswa3.JPG" alt="siswa3" title="siswa3" /></a>

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

<!-- End of body section HTML codes -->

<div style="margin-bottom: 30px" class="row"> <div class="col-md-6 col-md-offset-3">

<div class="wrapper-gambar"> <?php

if (isset($_GET['search'])) { $search = $_GET['search'];

$query = mysqli_query($kon, "SELECT * FROM page WHERE judul LIKE '%$search%' OR isi LIKE '%$search%'");

while($row = mysqli_fetch_array($query)) { $isi = isset($row['isi']) ? $row['isi'] : ""; $judul = isset($row['judul']) ? $row['judul'] : "";

$page_info = isset($row['page_info']) ? $row['page_info'] : "";

?>

<div style="border: 1px solid #ccc; padding: 15px;">

<a style="text-decoration: none; color: black; font: 1.2em 'Agency Fb'" href="index.php?page=<?php echo $page_info; ?>"><?php echo $isi; ?></a>

</div>

<div style="border: 1px solid #ccc; padding: 15px;">

<a style="text-decoration: none; color: black; font: 1.2em 'Agency Fb'" href="index.php?page=<?php echo $page_info; ?>"><?php echo $judul; ?></a>

</div> <?php }

}

(17)

$nama = isset($_GET['nama']) ? $_GET['nama'] : "";

$query = mysqli_query($kon, "SELECT * FROM kumpulan_galeri WHERE nama='$nama'");

while($row = mysqli_fetch_array($query)) { ?>

<div class="gambar">

<img class="responsive img-thumbnail" src="image/galeri/<?php echo $row['gambar']; ?>">

</div>

<div class="nama">

<?php echo $row['nama'] ?> </div>

<div style="border-bottom: 1px solid black; padding: 15px; margin-bottom: 15px" class="tanggal">

<?php echo $row['tanggal'] ?> </div>

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

<div class="col-md-12"> <footer id="footer">

<div>

<b><a href="index.php" title="Kembali ke halaman utama">SMA HARAPAN 3</a></b> |

Jl. Karya Wisata Ujung No. 31 <br> Medan Johor - Deliserdang 20355 | Telp: (061) 7876152

<hr>

<div class="f_kiri">

© 2016 SMA HARAPAN 3. Powered by Renza Arfansa Nasution

(18)

<div class="f_kanan"><a

href="index.php">Home</a> | <a href="index.php?page=login">Login</a> </div>

<script src="js/bootstrap.min.js"></script> <script src="js/scripts.js"></script>

</body> </html>

4. Berita.php

<?php

$query = mysqli_query($kon, "SELECT * FROM berita");

while($row = mysqli_fetch_array($query)) { ?>

<a href="berita-lengkap.php?judul=<?php echo $row['judul']; ?>"><div class="container-berita">

<div class="top">

<div class="pembuat">

<?php echo $row['pembuat'] ?> </div>

<div class="tanggal">

<?php echo $row['tanggal']; ?> </div>

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

<div class="judul">

<h3><?php echo $row['judul']; ?></h3> </div>

<div class="gambar">

<img class="img-thumbnail" src="image/berita/<?php echo $row['gambar']; ?>">

(19)

</div></a> <?php }

?>

5. Berita-lengkap.php

<?php include 'koneksi.php'; ?> <?php

?>

<!DOCTYPE html> <html lang="en"> <head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>SMA HARAPAN 3</title>

<meta name="description" content="Source code generated using layoutit.com">

<meta name="author" content="LayoutIt!">

<!-- Insert to your webpage before the </head> --> <script src="sliderjs/jquery.js"></script>

<script src="sliderjs/amazingslider.js"></script>

<link rel="stylesheet" type="text/css" href="sliderjs/amazingslider-1.css"> <script src="sliderjs/initslider-1.js"></script>

<!-- End of head section HTML codes -->

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

</head> <body>

<div class="wrapper">

<div class="sharedonk">

<a

href="http://twitter.com/home/?status=http://ww.smaharapan3.sch.id/" rel="nofollow">

<img src="image/twit.png"></img>

(20)

<a

href="http://www.facebook.com/share.php?u=http://ww.smaharapan3.sch.id/ " rel="nofollow">

<img src="image/fbook.png"></img>

</a>

<a

href="https://plus.google.com/share?url=http://ww.smaharapan3.sch.id/" rel="nofollow">

<img src="image/gplus.png"></img>

</a>

<a

href="http://www.linkedin.com/shareArticle?mini=true&url=http://ww.smaha rapan3.sch.id/" rel="nofollow">

<img src="image/linkedin.png"></img>

</a>

</div>

<div class="container-fluid">

<div style="backgroundcolor: #3bf; margin: auto; paddingtop: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;" class="row">

<div class="row">

<div class="col-md-2 col-md-offset-2">

<img style="width: 100px; marginleft: -120px;" alt="Bootstrap Image Preview" src="image/logoharapan.png">

</div>

<div style="margin-left: -145px;" class="col-md-5">

<h3>

SMA HARAPAN 3 </h3>

<p style="font-size: 8px"><address style="font-size: 10px">

<strong>Jl. Karya Wisata Ujung No. 31</strong><br> Medan Johor - Deliserdang 20355 <br> <abbr

title="Phone">P:</abbr> (061) 7876152

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

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

</div>

</div> </div>

(21)

<nav class="navbar navbar-default" role="navigation">

<div class="navbar-header">

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">

<span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>

</button> <a class="navbar-brand" href="index.php">Beranda</a>

</div>

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

<ul class="nav navbar-nav"> <li

class="profil">

<a href="#" class="dropdown-toggle" data-toggle="dropdown">Profil<strong

class="caret"></strong></a>

<a href="index.php?page=sejarah">Sejarah</a>

</li> <li class="divider">

</li> <li>

<a href="index.php?page=visimisitujuan">Visi, Misi dan Tujuan</a> </li> <li class="divider">

</li> <li>

<a href="index.php?page=saranadanprasarana">Sarana dan Prasarana</a> </li>

(22)

<a href="index.php?page=prestasi">Prestasi</a>

<a href="index.php?page=ekstrakurikuler">Ekstrakurikuler</a>

</li>

<li class="profil"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pendaftaran Siswa Baru<strong class="caret"></strong></a>

<ul

<a href="index.php?page=klskedokteran">Kelas Kedokteran</a> </li> <li class="divider">

</li> <li>

<a href="index.php?page=reguler">Reguler</a>

</li> </ul> </li>

</ul>

(23)

<div class="form-group">

<input class="form-control" name="search" type="text">

</div> <button type="submit" name="cari" class="btn btn-default">

Submit

<!-- Insert to your webpage where you want to display the slider --> <div id="amazingslider-wrapper-1"

style="display:block;position:relative;max-width:780px;margin:30px auto;"> <div id="amazingslider-1"

style="display:block;position:relative;margin:0 auto;">

<ul class="amazingslider-slides" style="display:none;">

<li><a href="#"><img src="sliderimg/siswa1.JPG" alt="siswa1" title="siswa1" /></a>

</li>

<li><a href="#"><img src="sliderimg/siswa2.jpg" alt="siswa2" title="siswa2" /></a>

</li>

<li><a href="#"><img src="sliderimg/siswa3.JPG" alt="siswa3" title="siswa3" /></a>

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

<!-- End of body section HTML codes -->

<div style="margin-bottom: 30px" class="row"> <div id="isi" class="col-md-12">

<?php

if (isset($_GET['search'])) { $search = $_GET['search'];

$query = mysqli_query($kon, "SELECT * FROM page WHERE judul LIKE '%$search%' OR isi LIKE '%$search%'");

while($row = mysqli_fetch_array($query)) { $isi = isset($row['isi']) ? $row['isi'] : ""; $judul = isset($row['judul']) ? $row['judul'] : "";

(24)

?>

<div style="border: 1px solid #ccc; padding: 15px;">

<a style="text-decoration: none; color: black; font: 1.2em 'Agency Fb'" href="index.php?page=<?php echo $page_info; ?>"><?php echo $isi; ?></a>

</div>

<div style="border: 1px solid #ccc; padding: 15px;">

<a style="text-decoration: none; color: black; font: 1.2em 'Agency Fb'" href="index.php?page=<?php echo $page_info; ?>"><?php echo $judul; ?></a>

</div> <?php }

}

if (isset($_GET['judul'])) { $judul = $_GET['judul'];

$query = mysqli_query($kon, "SELECT * FROM berita WHERE judul='$judul'");

$row = mysqli_fetch_array($query);

?>

<div class="container-fluid">

<div class="panel panel-info"> <div class="panel-heading">

<?php echo $row['judul']; ?> <div class="close">X</div> </div>

<div class="panel-body">

<img class="gbr" width="100%;" src="image/berita/<?php echo $row['gambar']; ?>">

</div>

<div class="panel-footer">

<?php echo $row['keterangan']; ?> </div>

</div> </div> <script>

$(function() {

$(".gbr").on("click", function() { $(this).css("width", "100%"); });

(25)

$(".gbr").css("width",

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

<div class="col-md-12"> <footer id="footer">

<div>

<b><a href="index.php" title="Kembali ke halaman utama">SMA HARAPAN 3</a></b> |

Jl. Karya Wisata Ujung No. 31 <br> Medan Johor - Deliserdang 20355 | Telp: (061) 7876152

<hr>

<div class="f_kiri">

© 2016 SMA HARAPAN 3. Powered by Renza Arfansa Nasution

</div>

<div class="f_kanan"><a

href="index.php">Home</a> | <a href="index.php?page=login">Login</a> </div>

<script src="js/bootstrap.min.js"></script> <script src="js/scripts.js"></script>

</body> </html>

(26)

<?php

include 'koneksi.php';

if (isset($_POST['login'])) {

$username = $_POST['username']; $password = $_POST['password'];

$query = mysqli_query($kon, "SELECT * FROM admin WHERE username='$username' AND password='$password'");

if (mysqli_num_rows($query) > 0) {

$_SESSION['username'] = $username; ?>

<script>

alert("Anda berhasil login!");

window.location.href = "admin/index.php"; </script>

<?php exit(); } else {

echo "Error..." . mysqli_error($kon); }

} ?>

<form action="" role="form" method="post"> <div class="container">

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

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

<label for="username">Username</label> <input type="text" name="username" id="username" class="form-control">

</div> <br>

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

<label for="password">Password</label> <input type="password" name="password" id="password" class="form-control">

</div> <br>

<div class="col-md-12"> <label for=""></label>

<input type="submit" name="login" class="form-control" value="Login">

</div> </div>

(27)

</form>

7. Koneksi.php

<?php

@session_start();

$kon = mysqli_connect("localhost", "root", "", "tugas_akhir");

if (!$kon) {

echo "Errror..." . mysqli_error($kon); }

?>

8. Klskedokteran.php

<?php

if (isset($_POST)) {

if (!empty($_POST['nama_siswa']) and !empty($_POST['nisn']) and !empty($_POST['alamat']) and !empty($_POST['telf'])

and !empty($_POST['nama_ortu']) and !empty($_POST['telfortu']) and !empty($_POST['raport']) and !empty($_POST['skhun']) and !empty($_POST['ns'])) {

$nama_siswa = $_POST['nama_siswa']; $nisn = $_POST['nisn'];

$alamat = $_POST['alamat']; $telf = $_POST['telf'];

$nama_ortu = $_POST['nama_ortu']; $telfortu = $_POST['telfortu']; $raport = $_POST['raport']; $skhun = $_POST['skhun']; $ns = $_POST['ns'];

$kelas = "kedokteran";

$total_nilai = $raport + $skhun + $ns;

$rata = $total_nilai / 3; if ($rata < 70) {

echo '<script>alert("Maaf Nilai Anda Tidak Mencukupi, Silahkan Daftar di Kelas Reguler");

(28)

} else {

$query = mysqli_query($kon, "INSERT INTO register VALUES(

echo '<script>alert("Anda berhasil terdaftar di kelas kedokteran.");

window.location.href = "index.php"; </script>';

} else {

echo "Error " . mysqli_error($kon); }

}

} } ?>

<div id="form">

<form action="" method="post"> <table>

<caption>Daftar Siswa Kedokteran</caption> <tr><td>Nama Siswa</td><td><input type="text" name="nama_siswa" id="nama_siswa"></td></tr>

<tr><td>NISN</td><td><input type="text" name="nisn" id="nisn"></td></tr>

<tr><td>Alamat Siswa</td><td><input type="text" name="alamat" id="alamat"></td></tr>

<tr><td>No. Telf</td><td><input type="text" name="telf" id="telf"></td></tr>

(29)

<tr><td>No. Telf Orang Tua</td><td><input type="text" name="telfortu" id="telfortu"></td></tr>

<tr><td>Rata - Rata Nilai Raport</td><td><input type="text" name="raport" id="raport"></td></tr>

<tr><td>Nilai SKHUN</td><td><input type="text" name="skhun" id="skhun"></td></tr>

<tr><td>Nilai Ujian Sekolah</td><td><input type="text" name="ns" id="ns"></td></tr>

<tr><td><input type="submit" value="Save"> </table>

</form> </div>

9. Regular.php

<?php

if (isset($_POST)) {

if (!empty($_POST['nama_siswa']) and !empty($_POST['nisn']) and !empty($_POST['alamat']) and !empty($_POST['telf'])

and !empty($_POST['nama_ortu']) and !empty($_POST['telfortu']) and !empty($_POST['raport']) and !empty($_POST['skhun']) and !empty($_POST['ns'])) {

$nama_siswa = $_POST['nama_siswa']; $nisn = $_POST['nisn'];

$alamat = $_POST['alamat']; $telf = $_POST['telf'];

$nama_ortu = $_POST['nama_ortu']; $telfortu = $_POST['telfortu']; $raport = $_POST['raport']; $skhun = $_POST['skhun']; $ns = $_POST['ns'];

$kelas = "reguler";

(30)

'$nama_siswa', '$nisn',

'$alamat', '$telf',

'$nama_ortu', '$telfortu', '$raport', '$skhun', '$ns', '$kelas')");

if ($query) {

echo '<script>alert("Selamat Anda berhasil terdaftar."); window.location.href = "index.php";

</script>'; } else {

echo "Error " . mysqli_error($kon); }

} } ?>

<div id="form">

<form role="form" class="form" action="" method="post"> <table>

<caption>Daftar Siswa Reguler</caption>

<tr><td>Nama Siswa</td><td><input class="form-control" type="text" name="nama_siswa" id="nama_siswa"></td></tr>

<tr><td>NISN</td><td><input class="form-control" type="text" name="nisn" id="nisn"></td></tr>

<tr><td>Alamat Siswa</td><td><input class="form-control" type="text" name="alamat" id="alamat"></td></tr>

<tr><td>No. Telf</td><td><input class="form-control" type="text" name="telf" id="telf"></td></tr>

<tr><td>Nama Orang Tua</td><td><input class="form-control" type="text" name="nama_ortu" id="nama_1ortu"></td></tr>

<tr><td>No. Telf Orang Tua</td><td><input class="form-control" type="text" name="telfortu" id="telfortu"></td></tr>

(31)

<tr><td>Nilai SKHUN</td><td><input class="form-control" type="text" name="skhun" id="skhun"></td></tr>

<tr><td>Nilai Ujian Sekolah</td><td><input class="form-control" type="text" name="ns" id="ns"></td></tr>

<tr><td><input type="submit" value="Save"> </table>

</form> </div>

10.Style.css

body {

position: relative;

font: normal 13px arial, sans-serif;

background: #ebeff2 top repeat-x;

color: #444;

}

.wrapper {

width: 875px;

background-color: white;

margin: auto;

}

#isi {

padding-bottom: 15px;

}

img {

(32)

margin-right: 20px;

margin-bottom: 10px;

margin-top: 10px;

}

.h3, h3 {

font-size: 28px;

}

.h3, h3 {

font-size: 28px;

color: #337ab7;

border-bottom: dashed 1px;

}

.h1, h1 {

font-size: 24px;

border-bottom: dashed 1px;

}

h2 {

font-size: 20px;

background-color: black;

color: white;

padding: 10px;

}

.sharedonk {

position: fixed;

left:15px;

(33)

}

.sharedonk img {

width: 50px;

transition: all ease 1s;

}

.sharedonk a {

display: block;

transition: all ease 1s;

}

.sharedonk img:hover {

transform: rotate(360deg);

}

footer {

font: 13px 'Open Sans', arial, sans-serif;

height: 150px;

padding: 20px;

margin: -15px 0 0;

text-align: left;

color: #fff;

background: #3bf;

z-index: 1000;

margin-top: 20px;

}

(34)

border: 1px solid black;

}

#sejarah table {

margin-top: 30px;

margin-bottom: 20px;

border-collapse: collapse;

width: 100%;

}

#sejarah th {

height: 50px;

background-color: black;

color: white;

}

#sejarah td {

text-align: center;

}

h2 {

font-size: 20px;

background-color: black;

color: white;

padding: 20px;

}

(35)

padding-top: 2px;

padding-bottom: 2px;

}

.container-berita {

border-bottom: 1px dashed #ccc;

padding: 15px;

margin-bottom: 15px;

}

.clear {

clear: both;

}

.container-berita .top {

border-bottom: 1px dashed #ccc;

padding: 5px 0;

}

.container-berita .pembuat {

float: left;

}

.container-berita .tanggal {

float: right;

}

.container-berita .gambar img {

width: 50%;

margin: auto;

}

(36)

height: 200px;

margin-bottom: 15px;

box-sizing: border-box;

}

.gal img {

width: 100%;

}

.gal img:hover {

transform: scale(1.2, 1.2);

}

.gal .nama {

font: .8em 'Segoe UI';

}

.gal .tanggal {

font: .8em 'Segoe UI';

}

.wrapper-gambar {

width: 100%;

}

.wrapper-gambar img {

width: 100%;

}

.wrapper-gambar .nama {

text-align: center;

}

(37)

text-align: center;

}

11.Admin (delete.php)

<?php

include '../koneksi.php';

if (isset($_GET['nisn'])) {

$nisn = $_GET['nisn'];

$query_kelas = mysqli_query($kon, "SELECT * FROM register WHERE nisn='$nisn'");

$row_kelas = mysqli_fetch_array($query_kelas);

$kelas = $row_kelas['kelas'];

$query = mysqli_query($kon, "DELETE FROM register WHERE nisn='$nisn'");

if($query AND $query_kelas) {

?>

<script>

alert("Data berhasil dihapus");

window.location.href = "index.php?page=<?php echo $kelas; ?>";

</script>';

(38)

} else {

echo "Error..." . mysqli_error($kon);

}

}

12.Admin (edit.php)

<?php

include '../koneksi.php';

if (isset($_GET['nisn'])) {

$nisn_q = $_GET['nisn'];

}

$query = mysqli_query($kon, "SELECT * FROM register WHERE nisn='$nisn_q'");

$row = mysqli_fetch_array($query);

?>

<div id="form">

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

<table>

<caption>Daftar Siswa Kedokteran</caption>

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

id="nama_siswa"></td></tr>

(39)

<tr><td>Alamat Siswa</td><td><input type="text"

value="<?php echo $row['alamat']; ?>" name="alamat" id="alamat"></td></tr>

<tr><td>No. Telf</td><td><input type="text" value="<?php echo $row['telepon']; ?>" name="telf" id="telf"></td></tr>

<tr><td>Nama Orang Tua</td><td><input type="text" value="<?php echo $row['nama_ortu']; ?>" name="nama_ortu"

id="nama_1ortu"></td></tr>

<tr><td>No. Telf Orang Tua</td><td><input type="text"

value="<?php echo $row['telp_ortu']; ?>" name="telfortu" id="telfortu"></td></tr>

<tr><td>Rata - Rata Nilai Raport</td><td><input type="text" value="<?php echo $row['nilai_rapor']; ?>" name="raport" id="raport"></td></tr>

<tr><td>Nilai SKHUN</td><td><input type="text" value="<?php echo $row['nilai_skhun']; ?>" name="skhun" id="skhun"></td></tr>

<tr><td>Nilai Ujian Sekolah</td><td><input type="text" value="<?php echo $row['nilai_sekolah']; ?>" name="ns" id="ns"></td></tr>

<tr><td><input type="submit" name="submit" value="Save">

</table>

</form>

</div>

(40)

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

<?php

if(!isset($_SESSION['username'])) {

?>

<script>alert("Anda harus login terbelih dahulu!."); window.location.href = "../index.php";</script>

<?php

}

?>

<html>

<head>

<title>Admin</title>

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

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

<script src="../js/bootstrap.min.js"></script>

</head>

<body>

<div class="container-fluid">

<div class="container-fluid">

<div class="jumbotron">

<h3>Welcome, <?php echo ucfirst($_SESSION['username']); ?></h3>

</div>

</div>

<div class="container-fluid">

<nav class="navbar navbar-default" role="navigation">

(41)

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">

<span class="sr-only">Toggle navigation</span><span bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>

</button> <a class="navbar-brand" href="index.php">Beranda</a>

</div>

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

<ul class="nav navbar-nav">

<li>

<a href="index.php?page=reguler">Reguler</a>

</li>

<li>

<a href="index.php?page=kedokteran">Kedokteran</a>

</li>

<li>

<a href="logout.php">Logout</a>

</li>

</ul>

(42)

</nav>

</div>

<div class="container-fluid">

<?php

if (isset($_GET['page'])) {

$page = $_GET['page'];

switch($page) {

case 'reguler':

include 'reguler.php';

break;

case 'kedokteran':

include 'kedokteran.php';

break;

default:

include 'kedokteran.php';

}

} else {

include 'home.php';

}

?>

</div>

</div>

</body>

(43)

14.Admin (kedokteran.php)

<table class="table table-responsive table-bordered table-hover table-condensed">

<tr>

<th>Nama</th>

<th>NISN</th>

<th>Alamat</th>

<th>Telepon</th>

<th>Nama Ortu</th>

<th>Telepon Ortu</th>

<th>Nilai Rapor</th>

<th>Nilai SKHUN</th>

<th>Nilai Sekolah</th>

<th>Kelas</th>

<th colspan="2">Aksi</th>

</tr>

<?php

$query = mysqli_query($kon, "SELECT * FROM register WHERE kelas='kedokteran'");

while($row = mysqli_fetch_array($query)) {

?>

<tr>

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

(44)

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

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

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

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

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

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

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

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

<td><a href="edit.php?nisn=<?php echo $row['nisn']; ?>">Edit</td>

<td><a href="delete.php?nisn=<?php echo $row['nisn']; ?>">Delete</td>

</tr>

<?php

}

?>

</table>

15.Admin ( regular.php)

<table class="table table-bordered table-hover table-condensed">

<tr>

<th>Nama</th>

<th>NISN</th>

<th>Alamat</th>

(45)

<th>Nama Ortu</th>

<th>Telepon Ortu</th>

<th>Nilai Rapor</th>

<th>Nilai SKHUN</th>

<th>Nilai Sekolah</th>

<th>Kelas</th>

<th colspan="2">Aksi</th>

</tr>

<?php

$query = mysqli_query($kon, "SELECT * FROM register WHERE kelas='reguler'");

while($row = mysqli_fetch_array($query)) {

?>

<tr>

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

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

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

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

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

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

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

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

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

(46)

<td><a href="edit.php?nisn=<?php echo $row['nisn']; ?>">Edit</td>

<td><a href="delete.php?nisn=<?php echo $row['nisn']; ?>">Delete</td>

</tr>

<?php

}

?>

</table>

16.Admin ( prosesedit.php) <?php

include '../koneksi.php';

if (isset($_POST['submit'])) {

if (!empty($_POST['nama_siswa'])

and !empty($_POST['nisn'])

and !empty($_POST['alamat'])

and !empty($_POST['telf'])

and !empty($_POST['nama_ortu'])

and !empty($_POST['telfortu'])

and !empty($_POST['raport'])

and !empty($_POST['skhun'])

and !empty($_POST['ns'])) {

$nama_siswa = $_POST['nama_siswa'];

(47)

$alamat = $_POST['alamat'];

$telf = $_POST['telf'];

$nama_ortu = $_POST['nama_ortu'];

$telfortu = $_POST['telfortu'];

$raport = $_POST['raport'];

$skhun = $_POST['skhun'];

$ns = $_POST['ns'];

$query_kelas = mysqli_query($kon, "SELECT * FROM register WHERE nisn='$nisn'");

$row_kelas = mysqli_fetch_array($query_kelas);

$kelas = $row_kelas['kelas'];

$query = mysqli_query($kon, "UPDATE register SET

nama='$nama_siswa',

nisn='$nisn',

alamat='$alamat',

telepon='$telf',

nama_ortu='$nama_ortu',

telp_ortu='$telfortu',

nilai_rapor='$raport',

nilai_skhun='$skhun',

nilai_sekolah='$ns' WHERE nisn='$nisn'");

if ($query) {

?>

(48)

alert("Data berhasil diedit.");

window.location.href = "index.php?page=<?php echo $kelas; ?>";

</script>';

<?php

} else {

echo "Error " . mysqli_error($kon);

}

}

}

?>

17.Admin ( logout.php) <?php

include '../koneksi.php';

session_destroy();

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

(49)

Referensi

Dokumen terkait

Telah melaksanakan uji program Tugas Akhir Mahasiswi tersebut di atas pada tanggal. :

Telah melaksanakan test program Tugas Akhir mahasiswa tersebut di atas pada tanggal. Dengan Hasil:

Segala puji dan syukur kepada Allah SWT yang telah memberikan hikmah dan hidayahnya kepada penulis sehingga dapat menyelesaikan Tugas Akhir ini dengan baik dan

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada tanggal :. Dengan Hasil :Sukses

Telah melaksanakan test program Tugas Akhir mahasiswa tersebut di atas pada tanggal. Dengan Hasil: Sukses

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada.

Telah melaksanakan tes program Tugas Akhir mahasiswa tersebut di atas pada tanggal: Mei 2013.. Dengan hasil : Sukses

Telah melakukan test program Tugas Akhir Mahasiswa tersebut di atas pada tanggal ……./06/2014. Dengan Hasil : SUKSES