Portal Akademik SMP Negeri 2 Sunggal Menggunakan PHP dan MYSQL

(1)

L

A

M

P

I

R

A

(2)

(3)

SURAT KETERANGAN Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir

Program Diploma 3 Teknik Informatika :

Nama : RIZKA NOVITAWANTY NST

NIM : 132406213

Prog.Studi : D3 Teknik Informatika

Judul TA : PORTAL AKADEMIK SMP NEGERI 2 SUNGGAL MENGGUNAKAN PHP DAN MYSQL

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada

tanggal...

Dengan Hasil : SUKSES / GAGAL

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja

Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU

Medan.

Medan, 2016

Dosen Pembimbing

(Dr. Mardiningsih,M.Si)

(4)

LAMPIRAN : LISTING PROGRAM

1. index.php

<!DOCTYPE html> <html>

<head>

<title>SMP NEGERI 2 </title>

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

$(window).load(function() { $('.flexslider').flexslider({ animation: "slide"

}); }); </script>

</head>

<body>

<div class="logo2" id="logo2"> <img

src="images/tutwuri.png">

</div> <div class="judul">

<h4>

SMP NEGERI 2 SUNGGAL </h4>

<h5>

NSS: 201070103239 NPSN: 10213839 </h5>

<h6>

Jalan Medan-Binjai Km. 12,5 Telp. 061-8465747

</h6> </div>

</div>

(5)

<tr>

</tr> <tr>

<td>Password </td> <td><input

type="password" name="password" id="password"> </td>

</tr> <tr>

<td></td> <td><input

type="submit" value="Log In" name="Login"></td> </tr>

</table> </form>

</div>

<p>VISI SEKOLAH<br>

BERAKHLAK MULIA, CERDAS, BERBUDAYA<br>

DAN<br>

BERWAWASAN LINGKUNGAN<br> </p><br>

<p>MISI SEKOLAH<br>

1. MENUMBUHKAN PRIBADI YANG TAQWA, TERHADAP TUHAN YANG MAHA ESA<br>

2. MENJADIKAN SISWA BERFIKIR CERDAS DALAM TEKNOLOGI DAN BERWAWASAN LINGKUNGAN<br>

3. MENUMBUHKAN PRIBADI YANG JUJUR, BERDISIPLIN, BERETIKA DAN BERBUDI PEKERTI YANG LUHUR<br>

4. MENCIPTAKAN LINGKUNGAN YANG BERSIH, SEHAT DAN BERSERI<br>

5. MENGEMBANGKAN SIKAP KREATIF, BERDEDIKASI DAN PEDULI LINGKUNGAN<br>

6. MEMBERDAYAKAN SAMPAH MENJADI KOMODITAS LINGKUNGAN HIJAU, SUBUR, SEJUK DAN MENYENANGKAN<br>

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

(6)

</li>

<li><img

src="images/sekolah_2.jpg" alt="" title="" border="0"/>

</li>

<li><img

src="images/sekolah_3.jpg" alt="" title="" border="0"/>

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

</div>

<p>Designed by RizkaNst</p> </div>

</body> </html>

2. Style.css

*{

margin:0;

padding:0; }

body{font-size: 18px;} .wrapper {

width: 1000px; margin: 0 auto; }

.header {

width: 100%; height: 100px;

background-color: rgb(41, 97, 142); }

.judul {

text-align: center; font-size: 28px; color: #000;

padding-top: 10px; }

#tabel1{margin-top: 25px;}

#tabel1 button{min-width: 70px; font-size: 18px; border: none; background-color: white;

padding: 5px;}

(7)

#tabel1 button:hover{background-color: lightblue;}

#tabel1 button:hover a{color: white;} #data-siswa table{ }

#form-siswa #input{width: 200px; } #tabel2{margin-top: 25px;}

#tabel2 button{min-width: 70px; font-size: 18px; border: none; background-color: white; padding: 5px;}

#tabel2 button a{text-decoration: none; }

#tabel2 button:hover a{color: white;} #data-guru table{ }

#form-guru #input{width: 200px; } #tabel3{margin-top: 25px;}

#tabel3 button:hover a{color: white;} #data-mapel table{ }

#form-mapel #input{width: 200px; } #tabel4{margin-top: 25px;}

#tabel4 button:hover a{color: white;} #data-gupel table{ }

#form-gupel #input{width: 200px; } #tabel5{margin-top: 25px;}

#tabel5 button:hover a{color: white;} #data-jadwal table{ }

#form-jadwal #input{width: 200px; } #tabel7{margin-top: 25px;}

(8)

#tabel7 button:hover a {color: white;}

#data-nilai table{ }

#form-nilai #input{width: 200px; } .logo1 img {

position: absolute; top: 0px; left: 255px; width: 92px; height: 100px; }

.logo2 img {

position: absolute; top: 0px;

right: 255px; width: 92px; height: 100px; }

.menu {

width: 350px; height: 500px;

background-color: #fff; }

.login {

position: absolute; top: 108px; left: 222px; width: 26%; height: 201px;

background-color: #fff; padding-top: 58px;

padding-left: 22px; }

.login td{

padding-left: 4px; padding-right: 4px; padding-top: 20px;

}

input[type=text] { width: 100%;

padding: 12px 20px; margin: 8px 0;

box-sizing: border-box; border: 3px solid #ccc; -webkit-transition: 0.5s; transition: 0.5s;

(9)

}

input[type=text]:focus { border: 3px solid #555; }

input[type=password] { width: 100%;

padding: 12px 20px; margin: 8px 0;

box-sizing: border-box; border: 3px solid #ccc; -webkit-transition: 0.5s; transition: 0.5s;

outline: none; }

input[type=password]:focus { border: 3px solid #555; }

input[type=submit] {

background-color: rgb(41, 97, 142); border: none;

color: white;

padding: 16px 32px; text-decoration: none; margin: 4px 2px;

cursor: pointer; }

.visi {

position: absolute; top: 435px; width: 308px; height: 250px; background-color:; }

p {

font-size: 15px; }

.content{

left: 595px; width: 650px; height: 500px; float: left; }

.footer{

width: 1000px; height: 50px;

background-color: rgb(41, 97, 142); clear: both;

(10)

padding-top: 20px; padding-bottom: 20px; }

.navigasi {

background-repeat: no-repeat; float: none;

height: 35px; width: 960px;

padding-right: 20px; padding-left: 20px; }

#navigasi a {

color: fffffff; }

.navigasi td{

text-align: center; }

.formsiswa {

text-align: left; }

.formguru {

margin-top: 10%; margin-bottom: 5%; }

#data-guru{

margin-bottom: 15%; }

.formnilai {

text-align: left; }

.home {

margin-top: 8%; margin-bottom: 8%; text-align: justify; }

#sub_gupel[type=submit]{ }

.formmapel {

left: 255px; }

.formgupel {

(11)

#data-gupel{

margin-bottom: 14%; }

.formjadwal{

margin-top: 10%; margin-bottom: 10%; }

.formjadwal button{ position: fixed; margin-left: 50%; width: 100px; height: 50px;

background: rgb(41, 97, 142); }

.formjadwal button a{ color: white;

text-decoration: none; }

3. Insert.php

<head>

var $ = jQuery.noConflict(); $(window).load(function() { $('.flexslider').flexslider({ animation: "slide" });

}); </script> </head>

<body>

(12)

<h5>

NSS: 201070103239 NPSN: 10213839 </h5>

<h6>

</h6> </div> </div> <html>

<head>

<title>SMP NEGERI 2</title>

</head> <body>

<td height="68"><a href="#">Siswa</a></td>

<td><a href="#">Guru</a></td> <td><a

href="#">MataPelajaran</a></td>

<td><a href="#">Guru Mata Pelajaran</a></td>

<td><a href="#">Jadwal</a></td> <td><a href="#">Kelas</a></td> <td><a href="#">Nilai</a></td> <td><a href="#">Logout</a></td> </tr>

</table> </div>

(13)

<th>Nama Siswa</th>

</tr> <tr>

<th>Tempat Tanggal Lahir</th> <td><input type="date" name="ttl" /></td>

</tr> <tr>

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

<input type="radio" name="gender" value="perempuan" />Perempuan

<input type="radio" name="gender" value="laki-laki" />Laki-laki

</td> </tr>

<tr>

<th>ALAMAT</th> <td><textarea name="alamat"></textarea></td>

</tr> <tr>

<th>Agama</th> <td>

<select name="agama"> <option

value="Islam">Islam</option> <option

value="Kristen">Kristen</option> </select> </td>

</tr> <tr>

</tr> <tr>

<th>Kelas</th> <td>

(14)

</td> </tr> <tr>

</td> </tr> </form>

</div>

(15)

</body>

</html>

4. form-guru.php

<?php

session_start();

$nip=$_SESSION['nip/nis/username']; if (empty($nip))

{

header('location:index.php'); }

?>

<head>

var $ = jQuery.noConflict(); $(window).load(function() { $('.flexslider').flexslider({ animation: "slide"

}); }); </script> </head>

<body>

(16)

<h5>

NSS: 201070103239 NPSN: 10213839 </h5>

<h6>

</h6>

<tr>

<td> <button><a href="profil-admin.php">Profil</a> </button></td>

<td> <button><a href="form-siswa.php">Siswa</a> </button></td>

<td> <button><a href="form-mapel.php">MataPelajaran</a> </button></td>

<td> <button><a href="form-gupel.php">GuruMataPelajaran</a></button></td>

<td> <button><a href="form-jadwal.php">Jadwal</a></button></td>

<td> <button><a href="form-kelas.php">Kelas</a></button></td>

<td> <button><a href="form-nilai.php">Nilai</a></button></td>

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

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

(17)

<tr>

</tr> <tr>

<th>Pendidikan</th> <td>

</td> </tr> <tr>

<th>Jabatan</th> <td>

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

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

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

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

<option value="Ketua Perpustakaan">Ketua Perpustakaan</option>

<option value="PKS Humas">PKS Humas</option>

<option value="PKS Sarpras">PKS Sarpras</option>

</td>

</tr> <tr>

(18)

</table> </form>

</div>

<th> Nama Guru </th> <th>Pendidikan</th>

<th> Jenis Kelamin </th> <th>Jabatan</th>

<?php

include 'koneksi2.php';

$select="SELECT * FROM `guru`"; $exe=mysql_query($select);

$i=1;

while ($out=mysql_fetch_array($exe)) {

$nip=$out['nip'];

$nama=$out['nama_guru'];

$pendidikan=$out['pendidikan']; $jeniskelamin=$out['jeniskelamin']; $jabatan=$out['jabatan'];

echo"<tr> <td>".$i."</td> <td>".$nip."</td> <td>".$nama."</td> <td>".$pendidikan."</td>

<td>".$jeniskelamin."</td> <td>".$jabatan."</td>

<td> <a href='update-guru.php?id=$nip'> Edit </a> <a href='hapus_guru.php?id=$nip'> Hapus </a></td></tr>";

$i++; } ?> </table> </div>

(19)

</div> </body> </html>

5. form-jadwal.php

<?php

session_start();

{

?>

<head>

}); }); </script> </head> <body> <?php

include 'koneksi2.php'; ?>

(20)

</div>

<h5>

NSS: 201070103239 NPSN: 10213839 </h5>

<h6>

</h6>

<tr>

<tr>

<th>Jadwal</th> <td>

(21)

</select> </td>

</tr> <tr>

</tr> <tr>

<select name="hari"> <option

value="senin">Senin</option> <option

value="selasa">Selasa</option>

<option value="rabu">Rabu</option> <option

value="kamis">Kamis</option> <option value="jumat">Jumat</option>

<option value="sabtu">Sabtu</option>

</select> </td>

</tr> <tr>

<th>Mata Pelajaran</th> <td>

<option value="MP_114">Matematika</option> <option value="MP_112">Bahasa Indonesia</option>

<option value="MP_113">Bahasa Inggris</option>

<option value="MP_118">Penjaskes</option> </select>

(22)

</tr> <tr>

<th>ID Guru Pelajaran</th>

</tr> <tr>

<th>Kelas</th> <td>

(23)

</td> </tr> <tr>

</td> </tr> </table> </form>

<button> <a href="lihat-jadwal.php"> Lihat Jadwal </a> </button>

</div>

</div> </body>

</html>

6.form-gupel.php

<?php

session_start();

{

?>

<head>

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

(24)

$(window).load(function() { $('.flexslider').flexslider({ animation: "slide"

}); }); </script> </head> <body>

<h5>

NSS: 201070103239 NPSN: 10213839 </h5>

<h6>

</h6>

<tr>

(25)

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

<tr>

</tr> <tr>

<th>Id Mata Pelajaran</th>

</tr> <tr>

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

<tr>

<th> Id Guru Pelajaran </th> <th> NIP </th>

<th> Id Mata Pelajaran</th> <th>Ket</th>

</tr> <?php

include 'koneksi2.php'; $i=1;

$q="SELECT * FROM `guru_pelajaran`";

$exe=mysql_query($q); while

($out=mysql_fetch_array($exe)) {

(26)

$id_mapel=$out['id_mapel']; $select2="SELECT * FROM `mata_pelajaran` WHERE `id_mapel`='$id_mapel'";

$exe2=mysql_query($select2); while

($out2=mysql_fetch_array($exe2)) {

$mata_pel=$out2['nama_mapel']; }

echo "<tr> <td>".$i."</td> <td>".$id."</td> <td>".$nip."</td> <td>".$mata_pel."</td>

<td> <a href='update_form_gupel.php?id=$nip'> Edit </a> <a href='hapus_form_gupel.php?id=$nip'> Hapus </a> </td> </tr> ";

$i++; }

?> </table> </div>

7.form-kelas.php

<?php

session_start();

{

?>

<head>

(27)

<h5>

NSS: 201070103239 NPSN: 10213839 </h5>

<h6>

</h6>

<tr>

(28)

<td> <button><a

href="form-gupel.php">GuruMataPelajaran</a></button></td> <td> <button><a

href="form-jadwal.php">Jadwal</a></button></td> <td> <button><a

href="form-kelas.php">Kelas</a></button></td> <td> <button><a

href="form-nilai.php">Nilai</a></button></td> <td> <button><a

href="logout.php">Logout</a></button></td> </tr>

</table>

</div> </div> <html> <head>

</head> <body>

</body> </html>

8. form-mapel.php

<?php

session_start();

{

?>

(29)

<h5>

NSS: 201070103239 NPSN: 10213839 </h5>

<h6>

</h6>

<tr>

(30)

<tr>

<th>Id Mata Pelajaran</th>

</tr> <tr>

<th>Nama Mata Pelajaran</th>

</tr> <tr>

<tr>

(31)

</tr> <?php

$select="SELECT * FROM `mata_pelajaran`";

$exe=mysql_query($select); $i=1;

while ($out=mysql_fetch_array($exe)) {

$id=$out['id_mapel']; $nama=$out['nama_mapel'];

echo"<tr> <td>".$i."</td> <td>".$id."</td> <td>".$nama."</td> <td>

<a href='update-mapel.php?id=$id'> Edit </a> <a href='hapus-mapel.php?id=$id'> Hapus </a> </td> </tr> ";

$i++; }

?> </table> </div>

9. form-nilai.php

<?php

session_start();

{

?>

<head>

(32)

<h5>

NSS: 201070103239 NPSN: 10213839 </h5>

<h6>

</h6>

<tr>

(33)

</tr>

</table> </div> </div> <html> <head>

</head> <body>

<th>Nama Siswa</th> <td> : </td>

</tr> <tr>

</tr> <tr>

<th>Semester</th> <td> : </td> <td>

(34)

<tr>

<th>Tahun Ajaran</th> <td> : </td> <td>

</select> </td> </tr>

<tr>

<th> Agama </th> <td> : </td> <td> <input type="text" name="agama"> </td

</tr> <tr>

<th> Bahasa Inggris </th> <td> : </td> <td> <input type="text" name="inggris"> </td>

</tr> <tr>

<th> Penjaskes </th> <td> : </td> <td> <input type="text" name="penjas"> </td>

</tr> <tr>

<th> Seni Budaya </th> <td> : </td> <td> <input type="text" name="ktk"> </td>

</tr> <tr>

</tr> <tr>

</tr> <tr>

<th> Matematika </th> <td> : </td> <td> <input type="text" name="mm"> </td>

</tr> <tr>

<th> Bhs. Indonesia </th> <td> : </td> <td> <input type="text" name="indo"> </td>

</tr> <tr>

(35)

<tr>

<th> Keterampilan </th> <td> : </td> <td> <input type="text" name="keterampilan"> </td>

</tr> <tr>

<th> TIKOM </th> <td> : </td> <td> <input type="text" name="tikom"> </td>

</tr> <tr>

<th> MULOK </th> <td> : </td> <td> <input type="text" name="mulok"> </td>

</tr> <tr>

</td> </tr> </table> </form>

10. form-siswa.php

<?php

session_start();

{

?>

<head>

(36)

<h5>

NSS: 201070103239 NPSN: 10213839 </h5>

<h6>

</h6>

<tr>

(37)

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

<tr>

</tr> <tr>

<th>Nama Siswa</th>

</tr> <tr>

<th>Tanggal Lahir</th>

</tr> <tr>

</td> </tr> <tr>

<th>Alamat</th>

</tr> <tr>

(38)

<select name="agama"> <option

value="Islam">Islam</option> <option value="Kristen">Kristen</option>

</select> </td> </tr> <tr>

</tr> <tr>

<th>Kelas</th> <td>

(39)

</select> </td>

</tr> <tr>

<th> Nama Siswa </th>

<th>Tempat Tanggal Lahir</th> <th> Jenis Kelamin </th>

<th> Agama </th>

<th> Nama Ayah/Wali </th> <th>Kelas</th>

<th> Ket </th> <?php

$select="SELECT * FROM `siswa`"; $exe=mysql_query($select);

(40)

while

($out=mysql_fetch_array($exe)) {

$nis=$out['nis'];

$kode=$out['kode_kelas'];

echo "<tr> <td>".$i."</td> <td>".$out['nis']."</td>

<td>".$out['nama_siswa']."</td> <td>".$out['tanggal_lahir']."</td>

<td>".$out['jenis_kelamin']."

</td> <td>".$out['agama']."</td> <td>".$out['nama_ayah']."</td> ";

$kelas="SELECT * FROM `kelas` WHERE `kode_kelas`='$kode'";

$exe2=mysql_query($kelas); while

($out2=mysql_fetch_array($exe2)) {

$lokal=$out2['nama_kelas']; }

echo "<td>".$lokal."</td> <td> <a href='update-siswa.php?id=$nis'> Edit </a> <a href='hapus_siswa.php?id=$nis'> Hapus </a> </td> </tr>";

$i++; } ?> </tr> </table> </form> </div>

11.logout.php

<?php

session_start();

if(session_destroy()){