Appendix Sistem Informasi Sekolah Bebasis Web Pada SMA Negeri 1 Tanjungbalai

(1)

Hasil Uji Program Tugas Akhir SURAT KETERANGAN

Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma 3 Teknik Informatika/Statistika :

Nama : DTM. ZIKRI AURA SYAHPUTRA

NIM : 122406053

Prog. Studi : Teknik Informatika

Judul TA : Sistem Informasi Sekolah Berbasis Web Pada SMA Negeri 1 Tanjungbalai

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, Juni 2015

Dosen Pembimbing

Program Studi D3 Teknik Informatika

(2)

(3)

LISTING PROGRAM

index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>SMA NEGERI 1 TANJUNGBALAI</title>

href="pro_dropdown_2/pro_dropdown_2.css" />

(4)

<!--

.style1 {font-family: "Times New Roman", Times, serif} .style4 {

font-family: monospace; color: #849CCD;

font-size: xx-large; }

-->

</style> </head>

<?php include('menu.php')?>

</div>

(5)

<li><a

href="strukturorganisasi.php">Struktur Organisasi</a></li>

<li><a

href="profil.php">Profil</a></li> <li><a

href="datasekolah.php">Data Identitas Sekolah</a></li> <li><a

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

<li><a

href="kegiatan.php">Kegiatan Kesiswaan</a></li> <li><a

href="prestasi.php">Prestasi Guru dan Siswa</a></li> <li><a href="bukutamu.php">Buku Tamu</a></li>

</br> </br>

</div>

(6)

<div id="content_wrapper"><font color="#339900"><h2 align="center"

class="style1"><marquee><span class="style4">SELAMAT DATANG DI WEBSITE SMA NEGERI 1 TANJUNGBALAI</span> </marquee>

<li><img src="data1/images/1.jpg" alt="SMA N 1 TANJUNGBALAI" title="SMA N 1 TANJUNGBALAI"

id="wows1_0"/></li>

id="wows1_1"/></li>

id="wows1_2"/></li>

id="wows1_3"/></li>

id="wows1_4"/></li>

id="wows1_5"/></li>

(7)

id="wows1_7"/></li>

id="wows1_8"/></li>

id="wows1_9"/></li>

id="wows1_10"/></li>

<li><a href="http://wowslider.com"><img src="data1/images/14.jpg" alt="angular slider"

title="SMA N 1 TANJUNGBALAI" id="wows1_13"/></a></li> <li><img src="data1/images/15.jpg" alt="SMA N 1 TANJUNGBALAI" title="SMA N 1 TANJUNGBALAI"

id="wows1_14"/></li> </ul></div>

<div class="ws_bullets"><div> <a href="#" title="SMA N 1

TANJUNGBALAI"><span><img src="data1/tooltips/1.jpg" alt="SMA N 1 TANJUNGBALAI"/>1</span></a>

<a href="#" title="SMA N 1

(8)

</div></div><div class="ws_script" style="position:absolute;left:-99%"><a

(9)

</div>

</div> </div>

</div> </center> </body>

</html>

pengunjungsiswa.php

(10)

.style1 {font-family: "Times New Roman", Times, serif} -->

</style> </head>

(11)

(12)

<div id="content_wrapper"><div id="main_title"><center>Data Lengkap Siswa </center></div>

<td colspan="2" align="center" bgcolor="#669933"><span class=""><font color="#FFFFFF" size="+1">Search

</span></font></td></tr> </td></tr>

<tr><td width="85" bgcolor="#669933"

align="center"><span class="body"><img src="img/search-1.jpg"></span></td>

<td width="105" bgcolor="#669933"><input type="text" name="q" id="q" size="15"

placeholder="Search"/></td></tr>

<input style="font-weight: bold;" input type="reset" class="submit_btn" name="reset" id="reset"

value="Reset"></td> </tr></table></form>

</div>

(13)

</div>

</html>

pengunjungguru.php

(14)

<title>SMA NEGERI 1 TANJUNGBALAI</title>

</style> </head>

(15)

</div>

<li><a

href="strukturorganisasi.php">Struktur Organisasi</a></li>

<li><a

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

<li><a

href="kegiatan.php">Kegiatan Kesiswaan</a></li> <li><a

href="prestasi.php">Prestasi Guru dan Siswa</a></li> <li><a href="bukutamu.php">Buku Tamu</a></li>

(16)

id="main_title"><center>Data Lengkap Guru

</center></div>

(17)

</div>

</div> </div>

</html>

pengunjungmapel.php

(18)

<title>SMA N 1 TANJUNGBALAI</title>

</style> </head>

(19)

(20)

(21)

</div>

</div> </div>

</html>

(22)

index.php (admin)

<title>Admin</title>

</head>

$(document).ready(function() {

$("#login_form").submit(function() {

//remove all the class add the messagebox classes and start fading

$("#msgbox").removeClass().addClass('messagebox'). text('Memeriksa....').fadeIn(1000);

//check the username exists or not from ajax $.post("ajax_login.php",{

user_name:$('#user_name').val(),pass:$('#pass').val(),r and:Math.random() } ,function(data)

(23)

if(data=='yes') //if correct login detail {

$("#msgbox").fadeTo(200,0.1,function() //start fading the messagebox

{

//add message and change the class of the box and start fading

$(this).html('Masuk...').addClass('messageboxok').fad eTo(900,1,

function() {

//redirect to secure page document.location='home.php'; });

}); }

else {

$("#msgbox").fadeTo(200,0.1,function() //start fading the messagebox

{

//add message and change the class of the box and start fading

$(this).html('Data anda tidak

tepat!').addClass('messageboxerror').fadeTo(900,1); });

}

});

return false; //not to post the form physically

(24)

//now call the ajax also focus move from $("#password").blur(function()

{

$("#login_form").trigger('submit'); });

});

</script>

position:absolute; width:100px;

margin-left:30px;

border:1px solid #c93; background:#ffc;

padding:3px; }

.messageboxok{

position:absolute; width:auto;

margin-left:30px;

border:1px solid #349534; background:#C9FFCA;

padding:3px;

font-weight:bold; color:#008000;

}

.messageboxerror{

(25)

width:auto;

margin-left:30px;

border:1px solid #CC0000; background:#F7CBCA;

padding:3px;

font-weight:bold; color:#CC0000; }

</style>

Login Sebagai <br /> Admin </center>

</div>

<td align="center" width="100">Username</td>

<td align="" width="225"><input name="user_name" type="text" id="user_name"

(26)

</tr> <tr> <td align="center">Password</td>

</tr> <tr>

<td> </td> <td id="notif"

valign="top">silahkan login untuk pengelolaan</td> </tr>

<tr>

<td colspan="2"><span id="msgbox" style="display:none"></span><input

id="submit" name="submit" type="submit" value="Login" /></td>

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

</center> </div>

(27)

home.php (admin)

<?php session_start();

// Developed by Roshan Bhattarai

// Visit http://roshanbh.com.np for this script and more.

// This notice MUST stay intact for legal use

// if session is not set redirect the user $u_name=$_SESSION['u_name'];

if(empty($u_name))

header("Location:redir.php");

//if logout then destroy the session and redirect the user

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

session_destroy();

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

//echo "<a href='secure.php?logout'><b>Logout<b></a>"; //echo "<div align='center'>You Are inside secured Page</a>";

(28)

<title>Welcome to admin Page</title>

</head>

(29)

<li class="top"><a href="siswa.php" id="products" class="top_link"><span>Siswa</span></a></li>

<li class="top"><a href="mapel.php" id="contacts" class="top_link"><span>Mata Pelajaran</span></a></li> <li class="top">

</div>

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

</ul>

</div>

(30)

<li>Hello,<?php echo " 

id="main_title"><center>Selamat Datang di Halaman Admin </center></div>

Anda sekarang berada pada halaman Admin<img style="float:right; left:5px; margin-bottom:5px;" src="img/admin.jpg" />, dimana dengan halaman ini anda bisa menambah, mengupdate ,menghapus data siswa, data guru dan data mata pelajaran. Di halaman ini Anda dapat sepenuhnya memegang database pada website ini.</div>

(31)

</html>

siswa.php (admin)

if(empty($u_name))

(32)

session_destroy();

?>

(33)

</head>

<li class="top"><a href="siswa.php" id="products" class="top_link"><span>Siswa</span></a>

<li class="top"><a href="mapel.php" id="contacts" class="top_link"><span>Mata Pelajaran</span></a>

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

</li> </ul>

(34)

</div>

<a href="home.php?logout"> <li>Hello,<?php echo "  ".$_SESSION['u_name']?> [Logout]</li>

</a> </ul> </div>

<div id="content_wrapper"><div id="main_title"><center>Data Siswa </center></div> <div id="main_content">

(35)

</div>

</div> </div>

(36)

</center> </body>

</html>

guru.php (admin)

(37)

$u_name=$_SESSION['u_name']; if(empty($u_name))

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

session_destroy();

?>

(38)

</head>

(39)

</li> </ul>

</div>

</a> </ul> </div>

(40)

<br>

(41)

</div> </div>

</center> </body>

</html>

mapel.php (admin)

if(empty($u_name))

(42)

session_destroy();

?>

(43)

</head>

</li> </ul>

(44)

</a> </ul> </div>

<div id="content_wrapper"><div id="main_title"><center>Data Mata Pelajaran </center></div>

(45)

</div>

</div> </div>

(46)

</center> </body>

</html>