SURAT KETERANGAN. Hasil Uji Program Tugas Akhir. Nama : DTM. ZIKRI AURA SYAHPUTRA

(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"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

<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> <body> <br /> <center> <div id="main_wrapper"> <div id="header"></div> <div id="dropdown_menu"> <span class="preload1"></span> <span class="preload2"></span> <?php include('menu.php')?> </div>

(5)

<li><a href="visi.php">Visi & Misi</a></li> <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>

(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> </font></h2> </div> <div id="main_content"> <div id="wowslider-container1"> <div class="ws_images"><ul>

<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)

TANJUNGBALAI"><span><img src="data1/tooltips/15.jpg" alt="SMA N 1 TANJUNGBALAI"/>15</span></a> </div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com">video slider</a> by WOWSlider.com v8.2</div> <div class="ws_shadow"></div> </div> <script type="text/javascript" src="engine1/wowslider.js"></script> <script type="text/javascript" src="engine1/script.js"></script>

(9)

</div>

</div> </div>

</div> </center> </body> </html>  pengunjungsiswa.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

(10)

.style1 {font-family: "Times New Roman", Times, serif} --> </style> </head> <body> <br /> <center> <div id="main_wrapper"> <div id="header"></div> <div id="dropdown_menu"> <span class="preload1"></span> <span class="preload2"></span> <?php include('menu.php')?>

(11)

</div>   <div id="sidebar"> <p class="side_title style1 style1">Menu</p>

<ul class="side_item style1"> <li><a href="visi.php">Visi & Misi</a></li> <li><a href="strukturorganisasi.php">Struktur Organisasi</a></li> <li><a href="profil.php">Profil</a></li> <li><a

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

(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>

</div> </center> </body> </html>  pengunjungguru.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

(14)

<title>SMA NEGERI 1 TANJUNGBALAI</title>

.style1 {font-family: "Times New Roman", Times, serif} --> </style> </head> <body> <br /> <center> <div id="main_wrapper"> <div id="header"></div> <div id="dropdown_menu"> <span class="preload1"></span>

(15)

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

</ul> </div>

(16)

<div id="container"> <div id="content_wrapper"><div id="main_title"><center>Data Lengkap Guru

</center></div>

(17)

</div> </center> </body> </html>  pengunjungmapel.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

(18)

<title>SMA N 1 TANJUNGBALAI</title>

.style1 {font-family: "Times New Roman", Times, serif} --> </style> </head> <body> <br /> <center> <div id="main_wrapper"> <div id="header"></div> <div id="dropdown_menu"> <span class="preload1"></span> <span class="preload2"></span>

(19)

<?php include('menu.php')?> </div>   <div id="sidebar"> <p class="side_title style1 style1">Menu</p>

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

(20)

<div id="container"> <div id="content_wrapper"><div id="main_title"><center>

Data Lengkap Mata Pelajaran </center></div>

(21)

</div>

</div> </div>

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

</html>

(22)

index.php (admin) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

<title>Admin</title>

</head>

//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> <style type="text/css"> .messagebox{ 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{ position:absolute;

(25)

width:auto; margin-left:30px; border:1px solid #CC0000; background:#F7CBCA; padding:3px; font-weight:bold; color:#CC0000; } </style> <body bgcolor="#FFF"> <div id="unverse"> <center> <div id="wrapper"> <div id="leftBg"></div> <div id="mainBg"> <div id="headLogin"> <center> <div id="key"></div>

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> <div id="rightBg"></div> </div> </center> </div> </body> </html>

(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)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

<title>Welcome to admin Page</title>

href="pro_dropdown_2/pro_dropdown_2.css" /> <script src="pro_dropdown_2/stuHover.js" type="text/javascript"></script> </head> <body> <br /> <center> <div id="main_wrapper"> <div id="header"></div> <div id="dropdown_menu">

(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>   <div id="sidebar"> <p class="side_title">Menu</p> <ul class="side_item"> <a href="home.php?logout">

(30)

<li>Hello,<?php echo "  ".$_SESSION['u_name']?> [Logout]</li> </a> </div>   <div id="container"> <div id="content_wrapper"> <div

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>

</div> </div>

(31)

</div> </center> </body> </html>  siswa.php (admin) <?php session_start();

if(empty($u_name))

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

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

(32)

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>"; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

(33)

</head> <body> <br /> <center> <div id="main_wrapper"> <div id="header"></div> <div id="dropdown_menu"> <span class="preload1"></span> <span class="preload2"></span> <ul id="nav">

<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>   <div id="sidebar"> <p class="side_title">Menu</p> <ul class="side_item"> <a href="home.php?logout"> <li>Hello,<?php echo "  ".$_SESSION['u_name']?> [Logout]</li> </a> </ul> </div>   <div id="container"> <div id="content_wrapper"><div id="main_title"><center>Data Siswa </center></div> <div id="main_content">

(35)

(36)

</center> </body> </html>  guru.php (admin) <?php session_start();

(37)

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

//if logout then destroy the session and redirect the user if(isset($_GET['logout'])) { session_destroy(); header("Location:index.php"); }

(38)

href="pro_dropdown_2/pro_dropdown_2.css" /> <script src="pro_dropdown_2/stuHover.js" type="text/javascript"></script> </head> <body> <br /> <center> <div id="main_wrapper"> <div id="header"></div> <div id="dropdown_menu"> <span class="preload1"></span> <span class="preload2"></span> <ul id="nav">

(39)

<ul class="sub_admin" id="hello_admin"> <li><a href="logout.php">Logout</a></li> </ul> </li> </ul> </div>   <div id="sidebar"> <p class="side_title">Menu</p> <ul class="side_item"> <a href="home.php?logout"> <li>Hello,<?php echo "  ".$_SESSION['u_name']?> [Logout]</li> </a> </ul> </div>   <div id="container"> <div id="content_wrapper"><div id="main_title"><center>Data Guru </center></div> <div id="main_content">

(40)

<br>

(41)

</div> </div>

</center> </body> </html>  mapel.php (admin) <?php session_start();

if(empty($u_name))

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

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

(42)

session_destroy();

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

(43)

</head> <body> <br /> <center> <div id="main_wrapper"> <div id="header"></div> <div id="dropdown_menu"> <span class="preload1"></span> <span class="preload2"></span> <ul id="nav">

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

(44)

<div id="sidebar"> <p class="side_title">Menu</p> <ul class="side_item"> <a href="home.php?logout"> <li>Hello,<?php echo "  ".$_SESSION['u_name']?> [Logout]</li> </a> </ul> </div>   <div id="container"> <div id="content_wrapper"><div id="main_title"><center>Data Mata Pelajaran </center></div>

(45)

(46)

</center> </body>

</html>