Perancangan Sistem Informasi Nilai Siswa SMA Negeri 1 Sei Suka Berbasis Web

(1)

LAMPIRAN PROGRAM

1.

koneksi.php <?php

session_start();

require "../library/fungsi.php";

if($_SESSION["username"] == "") {

echo '

document.location.href="../portal.php"; </script>

'; }

?>

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

<head>

href="../assets/portal/img/logobg.png">

<title>Beranda - Sistem Penilaian SMAN 1 Sei Suka</title>

(2)

<link rel="stylesheet"

href="../assets/portal/css/owl.carousel.css" type="text/css">

<link rel="stylesheet"

href="../assets/portal/css/fullcalendar.css">

rel="stylesheet" />

<!--[if lt IE 9]>

src="../assets/portal/js/respond.min.js"></script>

(3)

<body>

</div>

<a href="index.html" class="logo" style="font-weight: bold;">Sistem Penilaian Akademik SMAN 1 Sei Suka</span></a>

<span class="username"> <?php

sapa_user(); ?>

</span>

<li class="eborder-top"> <a

href="profil.php"><i class="fa fa-user"></i>Profil</a> </li> <li>

<a

href="keluar.php"><i class="fa fa-sign-out"></i> Keluar</a> </li>

(4)

</ul> </li>

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

<aside>

<a class="" href="index.php"> <i class="fa fa-home"></i> <span style="color:

white;">Beranda</span>

</a> </li>

<a href="guru.php" class=""> <i class="fa fa-user"></i> <span style="color:

white;">Data Guru</span>

</a> </li>

<a href="siswa.php" class=""> <i class="fa fa-user"></i> <span style="color:

white;">Data Siswa</span>

</a> </li> <li>

<i class="fa fa-book"></i> <span style="color:

(5)

</a> </li> <li>

<a class="" href="kelas.php"> <i class="fa

fa-bookmark"></i>

<span style="color: white;">Kelas</span>

</a> </li>

<li>

<a class="" href="penilaian.php"> <i class="fa fa-cog"></i> <span style="color:

white;">Penilaian</span>

</a> </li>

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

<h3 class="page-header"><i class="fa fa-home"></i> Beranda</h3>

</div> </div>

(6)

</div>

Selamat Datang di Sistem Penilaian SMAN 1 Sei Suka. Sistem Penilaian ini adalah sistem yang memudahkan guru dan staf SMAN 1 Sei Suka dalam pengurusan data - data seperti data guru, data siswa, data mata pelajaran, data siswa dan data nilai siswa. Sistem ini dibuat agar data penilaian pada SMAN 1 Sei Suka dapat teratur dan juga lebih mudah dalam pemasukan data - datanya.

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

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

</section> </section>

src="../assets/portal/js/jquery-ui-1.10.4.min.js"></script>

<script

src="../assets/portal/js/jquery.scrollTo.min.js"></script> <script src="../assets/portal/js/jquery.nicescroll.js" type="text/javascript"></script>

type="text/javascript"></script>

(7)

<<script

src="../assets/portal/js/fullcalendar.min.js"></script>

<script

src="assets/fullcalendar/fullcalendar/fullcalendar.js"></script>

src="../assets/portal/js/jquery.rateit.min.js"></script>

src="../assets/portal/js/jquery-jvectormap-1.2.2.min.js"></script>

src="../assets/portal/js/jquery.autosize.min.js"></script> <script

src="../assets/portal/js/jquery.placeholder.min.js"></script> <script src="../assets/portal/js/gdp-data.js"></script> <script src="../assets/portal/js/morris.min.js"></script> <script src="../assets/portal/js/sparklines.js"></script> <script src="../assets/portal/js/charts.js"></script> <script

src="../assets/portal/js/jquery.slimscroll.min.js"></script>

(8)

1. Koneksi.php

<?php

$koneksi = new mysqli('localhost','root','','edy'); ?>

3. penilaian.php

<?php

session_start();

echo '

'; }

?>

<head>

(9)

rel="stylesheet" />

(10)

<script

obj.style.height =

20+obj.contentWindow.document.body.scrollHeight + 'px'; }

</script> </head>

<body>

<div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i

class="icon_menu"></i></div> </div>

<a href="index.html" class="logo" style="font-weight: bold;">Sistem Penilaian SMAN 1 Sei Suka</span></a>

sapa_user(); ?>

</span>

(11)

</a>

<a href="keluar.php"><i class="fa fa-sign-out"></i> Keluar</a>

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

</li> </ul>

</div> </header>

<aside>

</a> </li>

white;">Guru</span>

(12)

</li>

white;">Siswa</span>

</a> </li> <li>

white;">Mata Pelajaran</span>

</a> </li> <li>

fa-bookmark"></i>

</a> </li>

<i class="fa fa-cog"></i> <span style="color:

</a> </li>

(13)

<h3 class="page-header"><i class="fa fa-user"></i>Penilaian</h3>

</div> </div>

<h2><strong>Daftar Penilaian</strong></h2>

</div>

<div class="panel-body"> <a class="btn btn-primary" href="tambah-penilaian.php" >Tambah Data Penilaian</a><br><br>

<?php

include "../library/koneksi.php";

$query = "select * from tabelnilai"; $conn = mysqli_query($koneksi, $query);

if(mysqli_num_rows($conn)>0){

echo "

<tr>

(14)

<th>Nilai</th> <th></th> </tr>";

while($data=mysqli_fetch_array($conn)){

$idnilai = $data['id'];

echo '<tr>

<th>

</th>

(15)

<h4 class="modal-title">Konfirmasi Hapus</h4>

</div>

<p>Anda Yakin Ingin Menghapus Data Penilaian '.$data['id'].'?</p>

</div>

<a

href="act-penilaian.php?penilaian='.$data['id'].'&&act=hapus" class="btn btn-success">Ya</a>

<button type="button" class="btn btn-danger" data-dismiss="modal">Batal</button>

</div>

</div> </div>

(16)

echo "</table>";

} else { echo"

<tr>

<th>Tidak ada penilaian pada saat ini.</th>

</tr></table> ";

} ?>

<?php

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

$matapelajaran = $_POST['matapelajaran'];

$namaguru = $_POST['namaguru']; $kelas = $_POST['kelas'];

$namasiswa = $_POST['namasiswa']; $nilai = $_POST['nilai'];

$query_data = "UPDATE

`tabelnilai` SET `matapelajaran`='$matapelajaran', `namaguru`='$namaguru', `kelas`='$kelas' `namasiswa`='$namasiswa', `nilai`='$nilai' WHERE

`id`=$idnilai";

$conn_data = mysqli_query($koneksi, $query_data);

(17)

echo "<script

type='text/javascript'>alert('Data penilaian berhasil diubah')</script>"; echo '<META

HTTP-EQUIV="Refresh" Content="0; URL="penilaian.php">';

} else {

echo "<script

type='text/javascript'>alert('Terjadi kesalahaan saat mengubah data penilaian')</script>";

} }

?>

<?php

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

$query_data = "DELETE FROM `tabelnilai` WHERE `id`=$idnilai";

$conn_data = mysqli_query($koneksi, $query_data);

if ($conn_data){

echo "<script

type='text/javascript'>alert('Data penilaian berhasil dihapus')</script>"; echo '<META

HTTP-EQUIV="Refresh" Content="0; URL="penilaian.php">';

} else {

echo "<script

type='text/javascript'>alert('Terjadi kesalahaan saat menghapus data penilaian')</script>";

(18)

}

?>

</div> </div>

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

</section>

<script

src="../assets/portal/js/jquery.scrollTo.min.js"></script>

<<script

(19)

<script

src="../assets/portal/js/jquery.placeholder.min.js"></script>

</body> </html>

4. tambah penilaian.php

<?php

(20)

echo '

'; }

?>

<head>

<title>Tambah Penilaian - Sistem Penilaian SMAN 1 Sei Suka</title>

(21)

rel="stylesheet" />

href="../assets/portal/css/datepicker.css">

<script

src="../assets/portal/js/datepicker/bootstrap.js"></script>

.datepicker{z-index:1151 !important;} </style>

$("#tgl_lahir").datepicker({ format:'yyyy-mm-dd'

}); });

</script> </head>

<body>

(22)

<a href="index.html" class="logo"><b>Sistem Penilaian SMAN 1 Sei Suka</b></a>

sapa_user(); ?>

</span>

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

</li> </ul>

(23)

<aside>

</a> </li>

</a> </li>

</a> </li> <li>

(24)

</a> </li>

<i class="fa fa-cog"></i> <span style="color:

</a> </li>

<h3 class="page-header"><i class="fa fa-user"></i>Data Penilaian</h3>

</div> </div>

<h2><strong>Tambah Data Penilaian</strong></h2>

</div>

<form

(25)

<label for="matapelajaran" class="control-label col-lg-2">Mata Pelajaran<span class="required">*</span></label>

</div>

</div> <div class="form-group ">

</div>

<label for="tgl_lahir" class="control-label col-lg-2">Nama Siswa<span class="required">*</span></label>

</div>

(26)

</div>

<label for="nilai" class="control-label col-lg-2">Nilai<span class="required">*</span></label>

</div>

</div> <div class="form-group">

<a class="btn btn-default" href="penilaian.php">Batal</a>

</div>

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

</div> </div>

(27)

<script

src="../assets/portal/js/jquery.slimscroll.min.js"></script> <script src="../assets/portal/js/datepicker/bootstrap-datepicker.js"></script>

src="../assets/portal/js/jquery.validate.min.js"></script> <script src="../assets/portal/js/form-validation-script.js"></script>

</body> </html>

5. siswa.php

<?php

session_start();

(28)

{

echo '

'; }

?>

<head>

<title>Siswa - Sistem Informasi Akademik</title>

(29)

rel="stylesheet" />

obj.style.height =

20+obj.contentWindow.document.body.scrollHeight + 'px'; }

</script> </head>

(30)

sapa_user(); ?>

</span>

(31)

</li> </ul>

</div> </header>

<aside>

</a> </li>

</a> </li>

</a> </li> <li>

(32)

</li> <li>

fa-bookmark"></i>

</a> </li>

<li>

</a> </li>

<h3 class="page-header"><i class="fa fa-user"></i>Data Siswa</h3>

</div> </div>

<h2><strong>Daftar Siswa</strong></h2>

(33)

<div class="panel-body"> <a class="btn btn-primary" href="tambah-siswa.php" >Tambah Siswa</a><br><br>

src="../assets/portal/assets/data-table/siswa/siswa.php" scrolling="no" onload="resizeIframe(this)"></iframe>

</div> </div>

</section>

<script

<<script

(34)

<script

</body> </html>

6. guru.php

(35)

session_start();

echo '

'; }

?>

<head>

<title>Guru - Sistem Penilaian SMAN 1 Sei Suka</title>

(36)

rel="stylesheet" />

obj.style.height =

(37)

</script> </head>

<body>

sapa_user(); ?>

</span>

(38)

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

</li> </ul>

</div> </header>

<aside>

</a> </li>

</a> </li>

(39)

</a> </li> <li>

fa-bookmark"></i>

</a> </li>

<li>

</a> </li>

</div> </div>

(40)

<div class="panel-heading"> <h2><strong>Daftar Guru</strong></h2>

</div>

<a class="btn btn-primary" href="tambah-guru.php">Tambah Guru</a><br><br><br>

</div> <iframe frameborder="0" width="100%" height="100%"

src="../assets/portal/assets/data-table/guru/guru.php" scrolling="no" onload="resizeIframe(this)"></iframe>

</div> </div>

</section>

<script

(41)

<<script

src="../assets/portal/js/fullcalendar.min.js"></script>

<script

(42)

(43)

(44)

(45)

(46)

(47)