Sistem Informasi Raport Online Berbasis Web dengan Menggunakan Aplikasi Php dan Mysql di Smp Negeri 1 Silima Punggapungga

(1)

(2)

SURAT KETERANGAN

Hasil Uji Program Tugas Akhir

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

Teknik Informatika :

Nama : Andry R Siringoringo

NIM : 132406007

Program Studi : D3 Teknik Informatika

Judul Tugas Akhir :

SISTEM INFORMASI RAPORT ONLINE BERBASIS WEB

DENGAN MENGGUNAKAN PHP DAN MYSQL DI SMP NEGERI 1 SILIMA PUNGGA-PUNGGA

telah melakukan test program Tugas Akhir Mahasiswa tersebut di atas pada tanggal

……./06/2016.

Dengan Hasil : SUKSES / GAGAL

Demikian diterangkan untuk digunakan melengkapi Syarat Pendaftaran Meja Hijau Tugas Akhir

Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.

Medan, Juni 2016

Program Studi D3 Teknik Informatika

Ketua,

Dr. Poltak Sihombing, M.Kom

(3)

LISTING PROGRAM

INDEX.HTML

<!doctype html>

<head>

<title>Harmony - Free responsive Bootstrap admin template by Themestruck.com</title>

(4)

<!--[if lt IE 9]>

<script

src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script >

<script

src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

<![endif]-->

</head>

<body>

<li><a href="#">Settings</a></li>

<a href="#"><img src="img/ts-avatar.jpg" class="ts-avatar hidden-side" alt=""> Account <i class="fa fa-angle-down hidden-side"></i></a>

<ul>

<li><a href="#">My Account</a></li>

<li><a href="#">Edit Account</a></li>

<li><a href="#">Logout</a></li>

(5)

</li>

</ul>

</div>

<li class="ts-label">Search</li>

<li>

</li>

<li class="open"><a href="index.html"><i class="fa fa-dashboard"></i> Dashboard</a></li>

<li><a href="#"><i class="fa fa-desktop"></i> UI Elements</a>

<ul>

<li><a href="panels.html">Panels and Wells</a></li>

<li><a href="buttons.html">Buttons</a></li>

<li><a

href="notifications.html">Notifications</a></li>

<li><a href="typography.html">Typography</a></li>

</ul>

</li>

(6)

<li><a href="forms.html"><i class="fa fa-edit"></i> Forms</a></li>

<li><a href="charts.html"><i class="fa fa-pie-chart"></i> Charts</a></li>

<li><a href="#"><i class="fa fa-sitemap"></i> Multi-Level Dropdown</a>

<ul>

<li><a href="#">2nd level</a></li>

<li><a href="#">3rd level</a>

<ul>

<li><a href="#">3rd level</a></li>

</ul>

</li>

</ul>

</li>

<li><a href="#"><i class="fa fa-files-o"></i> Sample Pages</a>

<ul>

<li><a href="blank.html">Blank page</a></li>

<li><a href="login.html">Login page</a></li>

</ul>

</li>

(7)

<a href="#"><img

src="img/ts-avatar.jpg" class="ts-avatar hidden-side" alt=""> Account <i class="fa fa-angle-down hidden-side"></i></a>

<ul>

</ul>

</li>

</ul>

</nav>

<h2 class="page-title">Dashboard</h2>

(8)

<div class="stat-panel-title text-uppercase">New Users</div>

</div>

<a href="#" class="block-anchor panel-footer">Full Detail <i class="fa fa-arrow-right"></i></a>

</div>

<div class="stat-panel-title text-uppercase">Support Tickets</div>

</div>

<a

href="#" class="block-anchor panel-footer text-center">See All   <i class="fa fa-arrow-right"></i></a>

</div>

(9)

<div class="stat-panel-title text-uppercase">New Orders</div>

</div>

<a

</div>

<div class="stat-panel-title text-uppercase">New Comments</div>

</div>

(10)

<a

</div>

<div class="panel-heading">Sales Report</div>

</div>

</div>

<div class="panel-heading">Recent Oreders</div>

(11)

<strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.

</div>

<thead>

<tr>

<th>First Name</th>

<th>Username</th>

</tr>

</thead>

<tbody>

<tr>

</tr>

(12)

<td>Jacob</td>

<td>Thornton</td>

</tr>

<tr>

<td>Larry</td>

<td>@twitter</td>

</tr>

</tbody>

</table>

</div>

<div class="panel-heading">Pie Chart</div>

(13)

</ul>

</div>

</div>

<div class="panel-heading">Doughnut</div>

(14)

</ul>

</div>

</div>

(15)

</div>

window.onload = function(){

// Line chart from swirlData for dashReport

var ctx =

document.getElementById("dashReport").getContext("2d");

window.myLine = new Chart(ctx).Line(swirlData, {

responsive: true,

scaleShowVerticalLines: false,

scaleBeginAtZero : true,

multiTooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %>",

});

// Pie Chart from doughutData

(16)

window.myDoughnut = new Chart(doctx).Pie(doughnutData, {responsive : true});

// Dougnut Chart from doughnutData

var doctx = document.getElementById("chart-area4").getContext("2d");

window.myDoughnut = new Chart(doctx).Doughnut(doughnutData, {responsive : true});

}

</script>

</body>

</html>

INDEX.PHP

<?php

error_reporting(0);

ob_start();

session_start();

if ($_SESSION['id_admin'] or $_SESSION['nis'] or $_SESSION['nip']) {

include 'koneksi.php';

?>

<!doctype html>

<head>

(17)

<title>SMPN 1 SilimaPungga</title>

<!--[if lt IE 9]>

<script

(18)

<![endif]-->

</head>

<body>

<a href="index.php" style="color:#fff; font-size:40px;" >SMPN 1 SilimaPungga</a>

<?php

if ($_SESSION['level']=="Admin") {

?>

<?php echo $_SESSION['username']; ?>

<?php

}

else if ($_SESSION['nip']) {

echo $_SESSION['nama_guru'];

}

else if ($_SESSION['level']=="Wali Kelas") {

echo $_SESSION['username'];

}

else if ($_SESSION['nis']) {

echo $_SESSION['nama_siswa'];

}

?>

(19)

<ul>

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

</ul>

</li>

</ul>

</div>

<li>

</li>

<li class="open"><a href="index.php"><i class="fa fa-dashboard"></i> Dashboard</a></li>

<?php if ($_SESSION['level']=="Admin") { ?>

<li><a href="index.php?page=data_kelas"><i class="fa fa-table"></i> Data Kelas</a></li>

<li><a href="index.php?page=data_mata_pelajaran"><i class="fa fa-table"></i> Data Mata Pelajaran</a></li>

(20)

<li><a href="index.php?page=data_mengajar"><i class="fa fa-table"></i> Data Mengajar</a></li>

<li><a href="index.php?page=data_siswa"><i class="fa fa-table"></i> Data Siswa</a></li>

<li><a href="index.php?page=tambah_user"><i class="fa fa-edit"></i> Tambah User</a></li>

<?php } else if ($_SESSION['nama_guru']) { ?>

<li><a href="index.php?page=input_nilai_persiswa"><i class="fa fa-table"></i> Input Nilai Siswa</a></li>

<li><a href="index.php?page=mengajar"><i class="fa fa-table"></i> Mengajar</a></li>

<li><a href="index.php?page=profil_guru"><i class="fa fa-table"></i> Profile Guru</a></li>

<?php } else if ($_SESSION['level']=="Wali Kelas") { ?>

<li><a href="index.php?page=lihat_nilai_matapelajaran"><i class="fa fa-table"></i> Lihat Nilai </a></li>

<li><a href="index.php?page=mengajar1"><i class="fa fa-table"></i>Nilai Mata pelajaran</a></li>

<li><a href="index.php?page=profil_guru"><i class="fa fa-table"></i> Profile Guru</a></li>

<?php } else if ($_SESSION['nis']) { ?>

<li><a href="index.php?page=lihat_nilai_pribadi"><i class="fa fa-table"></i> Lihat Nilai </a></li>

(21)

<a href="#"><img

<ul>

</ul>

</li>

</ul>

</nav>

<?php

include"koneksi.php";

(22)

$page=htmlentities($_GET['page']);

}

else

{

$page="artikel";

}

$file="$page.php";

$cek=strlen($page);

if ($cek>30 || !file_exists($file)||empty($page)) {

include ("home.php");

}

else

{

include ($file);

}

?>

</div>

(23)

window.onload = function(){

// Line chart from swirlData for dashReport

var ctx =

document.getElementById("dashReport").getContext("2d");

window.myLine = new Chart(ctx).Line(swirlData, {

responsive: true,

scaleShowVerticalLines: false,

scaleBeginAtZero : true,

multiTooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %>",

});

// Pie Chart from doughutData

(24)

// Dougnut Chart from doughnutData

window.myDoughnut = new Chart(doctx).Doughnut(doughnutData, {responsive : true});

}

</script>

</body>

</html>

<?php }

else

{

header('location: login.php');

}

INPUT NILAI.PHP

<div class="panel-heading">Data Nilai Siswa</div>

<?php

(25)

$jumSis = $_POST['jumlah'];

for ($i=1; $i<=$jumSis; $i++)

{

$nilai = $_POST['nilai'.$i];

$id_siswa = $_POST['id_siswa'.$i];

$id_guru = $_POST['id_guru'];

$id_kelas = $_POST['id_kelas'];

$id_mata_pelajaran = $_POST['id_mata_pelajaran'];

$query = "update tbl_nilai set nilai='$nilai' where

id_siswa='$id_siswa' and id_mata_pelajaran='$id_mata_pelajaran' and id_kelas='$id_kelas' and id_guru='$id_guru'";

$hasil=mysql_query($query);

}

if($hasil){

?><script

language="javascript">document.location.href="?page=input_nilai_selesa i&id_guru=<?php echo $id_guru;?>&id_kelas=<?php echo

$id_kelas;?>&id_mata_pelajaran=<?php echo $id_mata_pelajaran;?>";</script><?php

}else{

?><script

language="javascript">document.location.href="?page=input_nilai_selesa i&status=0";</script><?php

}

}else{

unset($_POST['submit']);

}

(26)

<?php

$nip = $_SESSION['nip'];

$sql_mengajar=mysql_query("SELECT * from mengajar INNER JOIN guru ON guru.id_guru=mengajar.id_guru INNER JOIN mata_pelajaran ON

mata_pelajaran.id_mata_pelajaran=mengajar.id_mata_pelajaran INNER JOIN kelas ON kelas.id_kelas=mengajar.id_kelas where nip='$nip'");

$tampilkan_mengajar=mysql_fetch_array($sql_mengajar);

?>

<tr>

<td><input type="text" class="inp-form" name="nama_siswa" value="<?php echo $tampilkan_mengajar['nama_guru'];?>"

disabled="disabled"/></td>

</tr>

<tr>

<th valign="top">Pelajaran</th>

<td><input type="text" class="inp-form" name="telpon_siswa" value="<?php echo $tampilkan_mengajar['nama_mata_pelajaran'];?>" disabled="disabled"/></td>

</tr>

<tr>

<th valign="top">Kelas</th>

<td><input type="text" class="inp-form" name="nis" value="<?php echo $tampilkan_mengajar['nama_kelas'];?>" disabled="disabled"/></td>

(27)

</table>

<br>

<tr>

<th width="10%" class="table-header-repeat line-left minwidth-1"><a href="">Nomor</a> </th>

<th width="60%" class="table-header-repeat line-left minwidth-1"><a href="">Nama Siswa</a></th>

<th width="30%" class="table-header-repeat line-left minwidth-1"><a href="">Nilai Siswa</a></th>

</tr>

<?php

$nip=$_SESSION['nip'];

$view=mysql_query("SELECT * from tbl_nilai INNER JOIN kelas ON kelas.id_kelas=tbl_nilai.id_kelas INNER JOIN siswa ON

siswa.id_siswa=tbl_nilai.id_siswa INNER JOIN guru ON guru.id_guru=tbl_nilai.id_guru where nip='$nip'");

$i = 1;

while($tampil=mysql_fetch_array($view)){

?>

(28)

<?php echo "<input type='hidden' name='id_siswa".$i."' value='".$tampil['id_siswa']."' />"; ?>

<tr>

</tr>

<?php

$i++;

}

$jumSis = $i-1;

?>

<tr>

</td>

</tr>

</table>

(29)

</form>

</div>

INPUT NILAI PERISTIWA.PHP

<div class="panel-heading">Tambah User</div>

<label class="col-sm-2 control-label">Nama Siswa</label>

(30)

<?php

$sql_siswa=mysql_query("select * from siswa order by nis ASC ");

while($tampilkan_mysqlnya=mysql_fetch_array($sql_siswa))

{

?>

<option value="<?php echo $tampilkan_mysqlnya['id_siswa'];?>"><?php echo $tampilkan_mysqlnya['nama_siswa'];?> ( <?php echo

$tampilkan_mysqlnya['nis']; ?> )</option>

<?php

}

?>

</select>

</div>

<label class="col-sm-2 control-label">Mata Pelajaran</label>

(31)

$sql_mata_pelaajran=mysql_query("SELECT * from mata_pelajaran order by nama_mata_pelajaran ASC ");

while ($tampilkan_mapel=mysql_fetch_array($sql_mata_pelaajran)) {

?>

<option value="<?php echo

$tampilkan_mapel['id_mata_pelajaran'];?>"><?php echo $tampilkan_mapel['nama_mata_pelajaran']; ?></option>

<?php

}

?>

</select>

</div>

<label class="col-sm-2 control-label">Kelas</label>

<?php

(32)

while

($tampilkan_mapel=mysql_fetch_array($sql_mata_pelaajran)) {

?>

<option value="<?php echo $tampilkan_mapel['id_kelas'];?>"><?php echo

$tampilkan_mapel['nama_kelas']; ?></option>

<?php

}

?>

</select>

</div>

<?php

$nip=$_SESSION['nip'];

$sql_siswa=mysql_query("select * from guru where nip='$nip'");

(33)

?>

<input type="text" name="id_guru" class="form-control"

value="<?php echo $tampilkan_mysqlnya['nama_guru'];?>" placeholder="">

</div>

<label class="col-sm-2 control-label">Nilai</label>

</div>

(34)

<button class="btn btn-primary" value="submit" type="submit" name="submit">Simpan</button>

</div>

</form>

</div>

(35)

KONEKSI.PHP

<?php

$host="localhost";

$user="root";

$pass="";

$db="raportonline";

$koneksi=mysql_connect($host,$user,$pass) or die(mysql_error());

mysql_select_db($db,$koneksi);

?>

KONEKSI2.PHP

<?php

$dbhost = 'localhost';

$dbuser = 'root';

$dbpass = '';

$dbname = 'raportonline';

$koneksi = new mysqli($dbhost,$dbuser,$dbpass,$dbname);

# check koneksi

if( $koneksi->connect_error )

{

die('Oops!! koneksi Gagal : '. $koneksi->connect_error );

(36)

LOGIN.PHP

<!doctype html>

<head>

(37)

<!--[if lt IE 9]>

<script

<![endif]-->

</head>

<body>

<label for="" class="text-uppercase text-sm">Your Username or Email</label>

(38)

<label for="" class="uppercase text-sm">Password</label>

<label for="" class="text-uppercase text-sm">Level</label>

<option value="Admin">Admin</option>

<option value="Siswa">Siswa</option>

<option value="Wali Kelas">Wali Kelas</option>

</select>

<button class="btn btn-primary btn-block" type="submit">LOGIN</button>

</form>

</div>

<a href="#" class="text-light">Forgot password?</a>

</div>

(39)

</body>

</html>

LOGOUT.PHP

<?php

session_start();

session_unset();

session_destroy();

header("location:login.php");

?>

NOTIFICATIONS.HTML

<!doctype html>

(40)

<head>

(41)

<script

<![endif]-->

</head>

<body>

<a href="#"><img src="img/ts-avatar.jpg" class="ts-avatar hidden-side" alt=""> Account <i class="fa fa-angle-down hidden-side"></i></a>

<ul>

</ul>

</li>

</ul>

</div>

(42)

<li>

</li>

<li><a href="index.html"><i class="fa fa-dashboard"></i> Dashboard</a></li>

<li class="open"><a href="#"><i class="fa fa-desktop"></i> UI Elements</a>

<ul>

<li><a href="panels.html">Panels and Wells</a></li>

<li><a href="buttons.html">Buttons</a></li>

<li class="open"><a href="notifications.html">Notifications</a></li>

<li><a href="typography.html">Typography</a></li>

</ul>

</li>

<li><a href="tables.html"><i class="fa fa-table"></i> Tables</a></li>

<li><a href="forms.html"><i class="fa fa-edit"></i> Forms</a></li>

<li><a href="charts.html"><i class="fa fa-pie-chart"></i> Charts</a></li>

<li><a href="#"><i class="fa fa-sitemap"></i> Multi-Level Dropdown</a>

<ul>

(43)

<li><a href="#">2nd level</a></li>

<li><a href="#">3rd level</a>

<ul>

<li><a href="#">3rd level</a></li>

</ul>

</li>

</ul>

</li>

<li><a href="#"><i class="fa fa-files-o"></i> Sample Pages</a>

<ul>

<li><a href="blank.html">Blank page</a></li>

<li><a href="login.html">Login page</a></li>

</ul>

</li>

<a href="#"><img

<ul>

(44)

</ul>

</li>

</ul>

</nav>

<h2 class="page-title">Notifications and Alerts</h2>

<div class="panel-heading">Alert Styles</div>

<h4>Warning!</h4>

(45)

pharetra augue. Praesent commodo cursus magna, <a href="#" class="alert-link">vel scelerisque nisl consectetur et</a>.</p>

</div>

<strong>Oh snap!</strong><a href="#" class="alert-link">Change a few things

up</a> and try submitting again.

</div>

<strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.

</div>

<strong>Heads up!</strong> This <a href="#"

class="alert-link">alert needs your attention</a>, but it's not super important.

</div>

(46)

<div class="panel-heading">Dialogs</div>

<h4>Popovers</h4>

<button type="button" class="btn btn-default" container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus

sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" data-original-title="">Bottom</button>

<button type="button" class="btn btn-default" container="body"

data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title=""

title="">Right</button>

<hr>

<h4>Tooltips</h4>

<button type="button" class="btn btn-default" toggle="tooltip" data-placement="left" title="" data-original-title="Tooltip on

(47)

<button type="button" class="btn btn-default" toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip on

top">Top</button>

<button type="button" class="btn btn-default" toggle="tooltip" data-placement="bottom" title="" data-original-title="Tooltip on bottom">Bottom</button>

<button type="button" class="btn btn-default" toggle="tooltip" data-placement="right" title="" data-original-title="Tooltip on

right">Right</button>

<hr>

<h4>Modals</h4>

Launch demo modal

</button>

<div

class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

(48)

<h4 class="modal-title" id="myModalLabel">Modal title</h4>

</div>

...

</div>

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

<button type="button" class="btn btn-primary">Save changes</button>

</div>

<div class="panel-heading">Progress Bars</div>

(49)

<h4>Basic</h4>

</div>

<h4>Contextual alternatives</h4>

</div>

</div>

</div>

</div>

(50)

</div>

<h4>Animated</h4>

</div>

(51)

</div>

<em>Thank you for using <a

href="http://themestruck.com/theme/harmony/"> Harmony Admin Theme </a> by <a href="http://themestruck.com/">ThemeStruck</a></em>

</div>

(52)

</body>

</html>

PROSES NILAI.PHP

<?php

if( !isset( $_POST['id_mengajar'] ) )

{

header('location:input_nilai.php');

exit();

}

$id_mengajar = $_POST['id_mengajar'];

$ruang = $_POST['ruang'];

$semester = $_POST['semester'];

$id_siswa = $_POST['id_siswa'];

$nilai = $_POST['nilai'];

(53)

$count = count($id_mengajar);

$sql = "INSERT INTO nilai

(id_mengajar,id_kelas,ruang,semester,id_siswa,nilai,tahun_ajaran) VALUES ";

for( $i=0; $i < $count; $i++ )

{

$sql .=

"('{$id_mengajar[$i]}','{$id_kelas[$i]}','{$ruang[$i]}','{$semester[$i ]}','{$id_siswa[$i]}','{$nilai[$i]}','{$tahun_ajaran[$i]}')";

$sql .= ",";

}

$sql = rtrim($sql,",");

if( !$sql )

{

echo mysql_error();

}else{

echo "sukses, silahkan check database anda";

}

?>

SIMPAN RAPORT.PHP

<?php

require( 'koneksi2.php' );

$delete_raport = mysql_query("DELETE FROM raport");

(54)

{

header('location:index.php?page=lihat_nilai_matapelajaran');

exit();

}

$id_siswa = $_POST['id_siswa'];

$total_nilai = $_POST['total_nilai'];

$rata_rata = $_POST['rata_rata'];

$rangking = $_POST['rangking'];

$count = count($id_siswa);

$sql = "INSERT INTO raport

(id_siswa,id_kelas,total_nilai,rata_rata,rangking) VALUES ";

for( $i=0; $i < $count; $i++ )

{

$sql .=

"('{$id_siswa[$i]}','{$id_kelas[$i]}','{$total_nilai[$i]}','{$rata_rat a[$i]}','{$rangking[$i]}')";

$sql .= ",";

}

$sql = rtrim($sql,",");

$insert = $koneksi->query($sql);

if( !$insert )

{

echo "gagal insert : ".$koneksi->error;

}else{

(55)

" <script>

alert ('sukses, silahkan check database anda');

window.location='index.php?page=lihat_nilai_matapelajaran'

</script>";

}

?>

TAMPILKAN NILAI MATA PELAJARAN.PHP

<div class="panel-heading">Data Nilai Siswa</div>

<thead>

<tr>

<th>Nama Pelajaran</th>

<th>Nama Siswa</th>

<th>Nama Kelas</th>

(56)

</tr>

</thead>

<tbody>

<?php

$nama_mata_pelajaran=$_POST['nama_mata_pelajaran'];

$sql=mysql_query("SELECT * from tbl_nilai INNER JOIN mata_pelajaran ON

mata_pelajaran.id_mata_pelajaran=tbl_nilai.id_mata_pelajaran where nama_mata_pelajaran='$nama_mata_pelajaran' ");

while($tampilkanaja=mysql_fetch_array($sql)){

?>

<tr>

</tr>

<?php } ?>

</tbody>

(57)

</div>

TAMBAH USER.PHP

<div class="panel-heading">Tambah User</div>

(58)

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

$username=$_POST['username'];

$password=$_POST['password'];

$email=$_POST['email'];

$level=$_POST['level'];

$proses=mysql_query("INSERT INTO admin values

('','$username','$password','$email','$level')") or die(mysql_error());

if ($proses) {

echo "<script> window.location='index.php?page=data_user'; </script>";

}

else

{

?>

<strong>Gagal!</strong><a href="#" class="alert-link">

</div>

<?php

}

?>

(59)

<label class="col-sm-2 control-label">Username</label>

</div>

<label class="col-sm-2 control-label">Password</label>

</div>

(60)

</div>

<label class="col-sm-2 control-label">Level</label>

<option value="Admin">Admin</option>

<option value="Kepala Sekolah">Kepala Sekolah</option>

</select>

</div>

(61)

<button class="btn btn-default" type="submit">Cancel</button>

<button class="btn btn-primary" value="submit" type="submit"

name="submit">Simpan</button>

</div>

</form>

</div>