<?php mysql_connect("localhost","root",""); mysql_select_db("db_ta_niu");?>

(1)

LISTING PROGRAM 1. Conn.php <?php mysql_connect("localhost","root",""); mysql_select_db("db_ta_niu"); ?> 2. 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>Sistem Informasi Akademik SMA NEGERI 1 PEMATANG SIANTAR</title>

src="layout/scripts/jquery.slidepanel.setup.js"></script>

(2)

<p align="justify">Silahkan masuk untuk melakukan pengubahan terhadap konten yang ada pada sistem informasi akademik SMA Negeri 1 Pematang Siantar</p> </div> <div class="topbox"> <?php include "panel_login.php";?> </div> <br class="clear" /> </div> <div id="loginpanel"> <ul>

<li class="left">Masuk Disini »</li> <li class="right" id="toggle"><a id="slideit"

href="#slidepanel">Panel Login</a><a id="closeit" style="display: none;" href="#slidepanel">Tutup Panel</a></li> </ul> </div> <br class="clear" /> </div> </div>

<a href="index.php"><h2>SMA N 1 PEMATANG SIANTAR</h2></a><br />

<p>Jalan Parsoburan No. 24 Telepon 29837 Pematang siantar Kode Pos 21127</p> </div> <br /> <div id="topnav"> <?php include "menu.php"; ?> </div> <br class="clear" /> </div> </div>

(3)

</div>

<h2>Prakata Kepala Sekolah</h2>

<img class="imgl" src="images/kepala_sekolah.jpg" alt="" /> <p align="justify">Metamorfosa dunia pendidikan tak lagi bisa dihindari sejalan dengan peradaban IPTEK, termasuk SMA Negeri 1 kota Pematang siantar sebagai institusi pendidikan berusaha membangun efektivitas komunikasi dan informasi dalam era globalisasi. Sistem digital telah berkembang secara cepat dan merambah pesat dalam dunia

pendidikan. Oleh karena itu, revolusi teknologi informasi ini kita optimalkan agar pendidikan masa mendatang lebih bersifat terbuka dan kolaboratif.

Berbagai informasi berkaitan dengan program dan pengembangan sekolah dapat diakses melalui website SMA Negeri 1 kota Pematang siantar sehingga media ini dapat digunakan sebagai sarana interaksi antara sekolah dengan siswa, orang tua siswa, alumni dan stakeholder lainnya secara luas.

Kami sadari bahwa website SMA Negeri 1 kota Pematang siantar masih banyak kekurangan baik dari sisi tampilan, menu maupun isi. Namun demikian, kami akan terus berkreasi dan meng-update agar informasi penyelenggaraan pendidikan dapat tersosialisasi dengan baik.

Semoga kerja keras dan kesungguhan yang dilakukan mendapat sambutan yang positif dari masyarakat.

Bona Sihombing, M. Pd<br />

Kepala SMA Negeri 1 Pematang siantar </p>

</div> </div> <div class="fl_right"> <h2>Timeline</h2> <ul> <?php require_once("conn/conn.php");

$tampil=mysql_query("SELECT * FROM t_berita order by id_berita DESC LIMIT 0,5");

while($row=mysql_fetch_object($tampil)){ ?>

<li>

<div class="imgholder"><a href="#"><img src="files/<?php echo ucwords("$row->photo"); ?>" width="80px" alt="" /></a></div>

<p><strong><a href="baca_berita.php?id_berita=<?php echo ucwords("$row->id_berita")?>"><?php echo ucwords("$row->judul"); ?></a></strong></p>

(4)

<p><?php $kalimat="$row->isi_berita"; $jumlahkarakter=300; $cetak = substr($kalimat, 0, $jumlahkarakter); echo "$cetak";echo "...."; ?></p> </li> <?php } ?> </ul> </div> <br class="clear" /> </div> </div>

<div class="wrapper col5"> <?php include "footer.php";?> </div> </body> </html> 3. Style.css @charset "utf-8"; /*

Template Name: School Education

Author: <a href="http://www.os-templates.com/">OS Templates</a> Author URI: http://www.os-templates.com/

Licence: Free to use under our free template licence terms Licence URI: http://www.os-templates.com/template-terms File: Navigation CSS

*/

#header #topnav{display:block; float:left; width:500px; margin:30px 0 0 0; padding:0; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right;}

#header ul{margin:0; padding:0; list-style:none;} #header li{display:inline; margin-right:2px;}

#header li a:link, #header li a:visited, #header li a:hover{margin:0; padding:0 3px 10px 3px; color:#FFFFFF; background-color:#2D3134; border-bottom:1px solid #2D3134;}

#header li a:hover, #header li.active a{color:#02ACEE; background-color:#2D3134; border-bottom-color:#02ACEE;}

(5)

/* ---Column Navigation--- */

#column .subnav{display:block; width:250px; padding:25px; background-color:#F9F9F9; margin-bottom:30px;}

#column .subnav h2{margin:0 0 20px 0; padding:0 0 14px 0; size:20px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;

color:#666666; background-color:#F9F9F9; line-height:normal; border-bottom:1px dotted #666666;}

#column .subnav ul{margin:0; padding:0; list-style:none;} #column .subnav li{margin:0 0 3px 0; padding:0;}

#column .subnav ul ul, #column .subnav ul ul ul, #column .subnav ul ul ul ul, #column .subnav ul ul ul ul ul{border-top:none; padding-top:0;}

#column .subnav a{display:block; margin:0; padding:5px 10px 5px 20px; color:#777777; background:url("images/blue_file.gif") no-repeat 10px center #F9F9F9; text-decoration:none; border-bottom:1px dotted #666666;}

#column .subnav a:hover{color:#02ACEE; background-color:#F9F9F9;} #column .subnav ul ul a, #column .subnav ul ul ul a, #column .subnav ul ul ul ul a, #column .subnav ul ul ul ul ul a{background:url("images/black_file.gif") no-repeat #F9F9F9;}

#column .subnav ul ul a{padding-left:40px; background-position:30px center;} #column .subnav ul ul ul a{padding-left:50px; background-position:40px center;} #column .subnav ul ul ul ul a{padding-left:60px; background-position:50px center;}

#column .subnav ul ul ul ul ul a{padding-left:70px; background-position:60px center;} 4. Kontak.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>Sistem Informasi Akademik SMAN 1 Pematang siantar</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

(6)

fx: 'fade', pager: '#fs_pagination', pause: 1, pauseOnPagerHover: 0 }); }); </script> </head> <body>

<h2>Login Administrator</h2>

<a href="index.php"><h2>SMA N 1 PEMATANG SIANTAR</h2></a><br />

<p>Jalan Parsoburan No. 24 Telepon 29837 Pematang siantar Kode Pos 21127</p> </div> <div id="topnav"> <br /> <?php include "menu.php"; ?> </div> <br class="clear" /> </div> </div>

(7)

</div>

<h2>Kontak</h2>

<form

action="proses_tambah_kontak.php" method="post" class="jNice" enctype="">

<p><label>Email:<br/></label><input name="email" type="text" class="text-long" id="email" size="40'" /></p>

<p><label>Komentar:<br/></label><textarea name="komentar" cols="70" rows="4" class="text-long"

id="komentar"></textarea></p> <input type="submit" value="Komentar" />

</form> <br/>Data Kiriman Pengunjung <br/> <hr color="#999999" size="1.7" /> <br/>

<?php require_once("conn/conn.php");

$tampil=mysql_query("SELECT * FROM t_umpan_balik order by id_kiriman desc limit 0,20");

while($row=mysql_fetch_object($tampil)){ ?> <tr> <td> Nama : <?php echo ucwords("$row->nama_pengirim"); ?><br/></td> </tr> <tr> <td> Email : <?php echo ucwords("$row->email_pengirim"); ?><br/></td> </tr> <tr> <td> Komentar : <?php echo ucwords("$row->isi_kiriman"); ?><br/></td> </tr> <tr> <td ><hr color="#CCCCCC" size="1.4" /></td>

(8)

</tr> <?php } ?> </div> <div class="fl_right"> <h2>Timeline</h2> <ul> <?php require_once("conn/conn.php");

<li>

<p><strong><a href="baca_berita.php?id_berita=<?php echo ucwords("$row->id_berita")?>"><?php echo ucwords("$row->judul"); ?></a></strong></p> <p><?php $kalimat="$row->isi_berita"; $jumlahkarakter=300; $cetak = substr($kalimat, 0, $jumlahkarakter); echo "$cetak";echo "...."; ?></p> </li> <?php } ?> </ul> </div> <br class="clear" /> </div> </div>

<div class="wrapper col5"> <?php include "footer.php";?> </div> </body> </html> 5. Slider.php <div id="featured_slide">

(9)

<p align="justify"><font color="#000000" face="" size="3"

style="font-family:Book Antiqua"> </br></br>Selamat datang di website sistem informasi akademik SMA Negeri 1 Pematang Siantar.</font></p> </div>

</div>

<p align="justify"><font color="#000000" face="" size="3" style="font-family:Book Antiqua"> </br></br>Peserta didik yang ada di SMA Negeri 1 Pematang Siantar adalah peserta didik yang berwatak baik dan siap untuk memajukan generasi pendidikan di Indonesia.</font></p> </div>

</div>

<p align="justify"><font color="#000000" face="" size="3" style="font-family:Book Antiqua"> </br>Lokasi pembelajaran di SMA Negeri 1 Pematang Siantar adalah wilayah yang sejuk,dan jauh dari kebisingan sehingga memicu keinginan peserta didik untuk lebih bergiat dalam melakukan kegiatan belajar, dan juga lingkungan adalah tempat menggantungkan hidup bagi kita semua, umat manusia. Maka kita harus menjaga lingkungan kita baik-baik agar bumi menghasilkan keuntungan bagi kita, bukan kerugian bahkan bencana bagi kita. Salah satu cara agar lingkungan tidak memberikan bencana bagi kita adalah menjaga

kebersihan lingkungan.</font></p> </div> </div> </div> </div> 6. panel_login <h2>Akses Konten</h2> <li>

Tambah atau Ubah/Hapus Data Berita </li>

<li>

Tambah atau Hapus Data Galeri </li>

(10)

<li>

Tambah atau Hapus Data Siswa </li>

<li>

Tambah atau Hapus Data Guru </li>

<li>

Tambah atau Hapus Data Mata Pelajaran </li>

</div>

<h2>Panel Login Administrator</h2>

<label for="pupilname">Nama Pengguna: <input type="text" name="np" value="" /> </label>

<label for="pupilpass">Kata Sandi:

<p>

<input type="reset" name="pupilreset" id="pupilreset" value="Reset" /> </p> </fieldset> </form> 7. Proses_Login_Admin <?php session_start(); include("conn/conn.php"); $user = $_POST['np']; $pass = $_POST['ks'];

$query = "select * from t_admin where user_a='$user' and pass_a='$pass'";

$run_query = mysql_query ($query);

if (mysql_num_rows ($run_query)== 1) {

$user = mysql_fetch_assoc($run_query); $_SESSION['user_admin'] = $user['user_a']; header("location:cpanel");

(11)

} else { header("location:gagal_login_admin.php"); } ?> 8. Data_Lengkap_guru.php <?php error_reporting(0); $nip=$_REQUEST['nip']; ?> <!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>Sistem Informasi Akademik SMAN 1 Pematangsiantar</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

(12)

<a href="index.php"><h2>SMAN 1 Pematangsiantar</h2></a> <p>Sistem Informasi Akademik</p>

</div> <div id="topnav"> <?php include "menu.php"; ?> </div> <br class="clear" /> </div> </div>

<div class="wrapper col3"> <div id="homecontent"> <div class="fl_left"> <h2>Informasi Siswa</h2> <?php require_once("conn/conn.php");

$tampil=mysql_query("SELECT * FROM t_guru where nip='$nip'");

(13)

<td align="center" colspan="2"><img height="300px" src="files/<?php echo "$row->photo"; ?>"/></td>

</tr> <tr>

<td width="69%"><?php echo " $row->nip"; ?></td> </tr> <tr> <td>Nama Guru</td> <td><?php echo " $row->nama"; ?></td> </tr> <tr> <td>Kelas Mengajar</td>

<td><?php echo >kelas1", " $row->kelas2"," $row->kelas3" ?></td>

</tr> <tr>

<td>Tempat Tanggal Lahir</td>

<td><?php echo " $row->ttl"; ?></td> </tr> <tr> <td>Jenis Kelamin</td> <td><?php echo " $row->jenkel"; ?></td> </tr> <tr> <td>Agama</td> <td><?php echo " $row->agama"; ?></td> </tr> <tr>

<td colspan="2" align="center"><input type="button" value="Print Data" onClick="location.replace('print_data_guru.php?nip=<?php echo "$row->nip"; ?>');" /></td> </tr> </table> <?php } ?> </div> <div class="fl_right"> <h2>Timeline</h2> <ul> <?php

(14)

require_once("conn/conn.php");

<li>

<p><strong><a href="baca_berita.php?id_berita=<?php echo ucwords("$row->id_berita")?>"><?php echo ucwords("$row->judul"); ?></a></strong></p> <p><?php $kalimat="$row->isi_berita"; $jumlahkarakter=300; $cetak = substr($kalimat, 0, $jumlahkarakter); echo "$cetak";echo "...."; ?></p> </li> <?php } ?> </ul> </div> <br class="clear" /> </div> </div>

<div class="wrapper col5"> <?php include "footer.php";?> </div> </body> </html> 9. Data_Lengkap_siswa.php <?php error_reporting(0); $nis=$_REQUEST['nis']; ?> <!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>Sistem Informasi Akademik SMAN 1 Pematangsiantar</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

(15)

<h2>Login Administrator</h2>

(16)

<a href="index.php"><h2>SMAN 1 Pematangsiantar</h2></a> <p>Sistem Informasi Akademik</p>

</div> <div id="topnav"> <?php include "menu.php"; ?> </div> <br class="clear" /> </div> </div>

<div class="wrapper col3"> <div id="homecontent"> <div class="fl_left"> <h2>Informasi Siswa</h2> <?php require_once("conn/conn.php");

$tampil=mysql_query("SELECT * FROM t_siswa where nis='$nis'"); while($row=mysql_fetch_object($tampil)){ ?>

<td align="center" colspan="2"><img height="300px" src="files/<?php echo "$row->photo"; ?>"/></td>

</tr> <tr>

<td width="31%">NIS Siswa</td>

<td width="69%"><?php echo " $row->nis"; ?></td> </tr> <tr> <td>Nama Siswa</td> <td><?php echo " $row->nama"; ?></td> </tr> <tr> <td>Kelas Siswa</td>

<td><?php echo >kelas1", " $row->kelas2"," $row->kelas3" ?></td>

(17)

<tr>

<td>Tempat Tanggal Lahir</td>

<td><?php echo " $row->ttl"; ?></td> </tr> <tr> <td>Jenis Kelamin</td> <td><?php echo " $row->jenkel"; ?></td> </tr> <tr> <td>Agama</td> <td><?php echo " $row->agama"; ?></td> </tr> <tr>

<td colspan="2" align="center"><input type="button" value="Print Data" onClick="location.replace('print_data_siswa.php?nis=<?php echo "$row->nis"; ?>');" /></td> </tr> </table> <?php } ?> </div> <div class="fl_right"> <h2>Timeline</h2> <ul> <?php require_once("conn/conn.php");

<li>

<p><strong><a href="baca_berita.php?id_berita=<?php echo ucwords("$row->id_berita")?>"><?php echo ucwords("$row->judul"); ?></a></strong></p> <p><?php $kalimat="$row->isi_berita"; $jumlahkarakter=300; $cetak = substr($kalimat, 0, $jumlahkarakter); echo "$cetak";echo "...."; ?></p> </li> <?php } ?>