LISTING PROGRAM 1. Conn.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> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" href="layout/styles/layout.css" type="text/css" /> <script type="text/javascript" src="layout/scripts/jquery.min.js"></script> <script type="text/javascript" src="layout/scripts/jquery.slidepanel.setup.js"></script> <!-- Homepage Only Scripts --> <script type="text/javascript" src="layout/scripts/jquery.cycle.min.js"></script> <script type="text/javascript"> $(function() { $('#featured_slide').after('<div id="fsn"><ul id="fs_pagination">').cycle({ timeout: 5000, fx: 'fade', pager: '#fs_pagination', pause: 1, pauseonpagerhover: 0 ); ); </script> </head> <body> <div class="wrapper col0"> <div id="topbar"> <div id="slidepanel"> <div class="topbox"> <h2>login Administrator</h2>
<p align="justify">silahkan masuk untuk melakukan pengubahan terhadap konten yang ada pada sistem informasi akademik SMA Negeri 1 Pematang Siantar</p> <div class="topbox"> include "panel_login.php"; <div id="loginpanel"> <li class="left">masuk Disini» <li class="right" id="toggle"><a id="slideit" href="#slidepanel">panel Login</a><a id="closeit" style="display: none;" href="#slidepanel">tutup Panel</a> </ul> <div class="wrapper col1"> <div id="header"> <div id="logo"> <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> <br /> <div id="topnav"> include "menu.php"; <div class="wrapper col3"> include "slider.php"; <div class="box"> <div id="homecontent"> <div class="fl_left"> <div class="column2"> </ul>
<div class="column2"> <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. <br /><br /> Bona Sihombing, M. Pd<br /> Kepala SMA Negeri 1 Pematang siantar </p> <div class="fl_right"> <h2>timeline</h2> 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/ echo ucwords("$row->photo"); " width="80px" alt="" /></a> <p><strong><a href="baca_berita.php?id_berita= echo ucwords("$row->id_berita")"> echo ucwords("$row->judul"); </a></strong></p>
<p> $jumlahkarakter); </p> </ul> <div class="wrapper col5"> include "footer.php"; </body> </html> $kalimat="$row->isi_berita"; $jumlahkarakter=300; $cetak = substr($kalimat, 0, echo "$cetak";echo "..."; 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; textalign: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; backgroundcolor:#2d3134; border-bottom-color:#02acee; #header #topnav li.last{margin-right:0;
/* ----------------------------------------------Column Navigation-------------------------- ----------- */ #column.subnav{display:block; width:250px; padding:25px; backgroundcolor:#f9f9f9; margin-bottom:30px; #column.subnav h2{margin:0 0 20px 0; padding:0 0 14px 0; font-size:20px; fontweight:normal; font-family:georgia, "Times New Roman", Times, serif; color:#666666; background-color:#f9f9f9; line-height:normal; borderbottom: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") norepeat #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" /> <link rel="stylesheet" href="layout/styles/layout.css" type="text/css" /> <script type="text/javascript" src="layout/scripts/jquery.min.js"></script> <script type="text/javascript" src="layout/scripts/jquery.slidepanel.setup.js"></script> <!-- Homepage Only Scripts --> <script type="text/javascript" src="layout/scripts/jquery.cycle.min.js"></script> <script type="text/javascript"> $(function() { $('#featured_slide').after('<div id="fsn"><ul id="fs_pagination">').cycle({ timeout: 5000,
fx: 'fade', pager: '#fs_pagination', pause: 1, pauseonpagerhover: 0 ); ); </script> </head> <body> <div class="wrapper col0"> <div id="topbar"> <div id="slidepanel"> <div class="topbox"> <h2>login Administrator</h2> <p align="justify">silahkan masuk untuk melakukan pengubahan terhadap konten yang ada pada sistem informasi akademik SMA Negeri 1 Pematang Siantar</p> <div class="topbox"> include "panel_login.php"; <div id="loginpanel"> <li class="left">masuk Disini» <li class="right" id="toggle"><a id="slideit" href="#slidepanel">panel Login</a><a id="closeit" style="display: none;" href="#slidepanel">tutup Panel</a> </ul> <div class="wrapper col1"> <div id="header"> <div id="logo"> <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 id="topnav"> <br /> include "menu.php";
<div class="wrapper col1"> <div class="wrapper col3"> <div id="homecontent"> <div class="fl_left"> <h2>kontak</h2> <form action="proses_tambah_kontak.php" method="post" class="jnice" enctype=""> <p><label>nama:<br/></label><input name="nama" type="text" class="text-medium" id="nama" size="40" /></p> <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/> 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)){ <td> Nama : echo ucwords("$row->nama_pengirim"); <br/></td> <td> Email : echo ucwords("$row->email_pengirim"); <br/></td> <td> Komentar : echo ucwords("$row->isi_kiriman"); <br/></td> <td ><hr color="#cccccc" size="1.4" /></td>
<div class="fl_right"> <h2>timeline</h2> 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/ echo ucwords("$row->photo"); " width="80px" alt="" /></a> <p><strong><a href="baca_berita.php?id_berita= echo ucwords("$row->id_berita")"> echo ucwords("$row->judul"); </a></strong></p> <p> $kalimat="$row->isi_berita"; $jumlahkarakter=300; $cetak = substr($kalimat, 0, $jumlahkarakter); echo "$cetak";echo "..."; </p> </ul> <div class="wrapper col5"> include "footer.php"; </body> </html> 5. Slider.php <div id="featured_slide">
<div class="featured_box"><a href="#"><img src="images/tampak_depann.jpg" alt="" /></a> <div class="floater"> <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 class="featured_box"><a href="#"><img src="images/siswa.jpg" alt="" /></a> <div class="floater"> <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 class="featured_box"><a href="#"><img src="images/langan.jpg" alt="" /></a> <div class="floater"> <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> 6. panel_login <h2>akses Konten</h2> <li> Tambah atau Ubah/Hapus Data Berita <li> Tambah atau Hapus Data Galeri
<li> Tambah atau Hapus Data Siswa <li> Tambah atau Hapus Data Guru <li> Tambah atau Hapus Data Mata Pelajaran <div class="topbox last"> <h2>panel Login Administrator</h2> <form action="proses_login_admin.php" method="post"> <fieldset> <label for="pupilname">nama Pengguna: <input type="text" name="np" value="" /> </label> <label for="pupilpass">kata Sandi: <input type="password" name="ks" value="" /> </label> <p> <input type="submit" name="pupillogin" id="pupillogin" value="login" /> <input type="reset" name="pupilreset" id="pupilreset" value="reset" /> </p> </fieldset> </form> 7. Proses_Login_Admin 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");
else { header("location:gagal_login_admin.php"); 8. Data_Lengkap_guru.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" /> <link rel="stylesheet" href="layout/styles/layout.css" type="text/css" /> <script type="text/javascript" src="layout/scripts/jquery.min.js"></script> <script type="text/javascript" src="layout/scripts/jquery.slidepanel.setup.js"></script> <!-- Homepage Only Scripts --> <script type="text/javascript" src="layout/scripts/jquery.cycle.min.js"></script> <script type="text/javascript"> $(function() { $('#featured_slide').after('<div id="fsn"><ul id="fs_pagination">').cycle({ timeout: 5000, fx: 'fade', pager: '#fs_pagination', pause: 1, pauseonpagerhover: 0 ); ); </script> </head> <body> <div class="wrapper col0"> <div id="topbar"> <div id="slidepanel"> <div class="topbox"> <h2>login Administrator</h2>
<p align="justify">silahkan masuk untuk melakukan pengubahan terhadap konten yang ada pada sistem informasi akademik SMA Negeri 1 Pematang Siantar</p> <div class="topbox"> include "panel_login.php"; <div id="loginpanel"> <li class="left">masuk Disini» <li class="right" id="toggle"><a id="slideit" href="#slidepanel">panel Login</a><a id="closeit" style="display: none;" href="#slidepanel">tutup Panel</a> </ul> <div class="wrapper col1"> <div id="header"> <div id="logo"> <a href="index.php"><h2>sman 1 Pematangsiantar</h2></a> <p>sistem Informasi Akademik</p> <div id="topnav"> include "menu.php"; <div class="wrapper col2"> <div class="wrapper col3"> <div id="homecontent"> <div class="fl_left"> <h2>informasi Siswa</h2> require_once("conn/conn.php"); $tampil=mysql_query("select * FROM t_guru where nip='$nip'"); while($row=mysql_fetch_object($tampil)){
<table width="30%" border="0" cellspacing="5" cellpadding="5"> <td align="center" colspan="2"><img height="300px" src="files/ echo "$row->photo"; "/></td> <td width="31%">nip Guru</td> <td width="69%"> echo " $row->nip"; </td> <td>nama Guru</td> <td> echo " $row->nama"; </td> <td>kelas Mengajar</td> <td> echo " $row->kelas1", " $row- >kelas2"," $row->kelas3" </td> <td>tempat Tanggal Lahir</td> <td> echo " $row->ttl"; </td> <td>jenis Kelamin</td> <td> echo " $row->jenkel"; </td> <td>agama</td> <td> echo " $row->agama"; </td> <td colspan="2" align="center"><input type="button" value="print Data" onclick="location.replace('print_data_guru.php?nip= echo "$row->nip"; ');" /></td> </table> <div class="fl_right"> <h2>timeline</h2>
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/ echo ucwords("$row->photo"); " width="80px" alt="" /></a> <p><strong><a href="baca_berita.php?id_berita= echo ucwords("$row->id_berita")"> echo ucwords("$row->judul"); </a></strong></p> <p> $kalimat="$row->isi_berita"; $jumlahkarakter=300; $cetak = substr($kalimat, 0, $jumlahkarakter); echo "$cetak";echo "..."; </p> </ul> <div class="wrapper col5"> include "footer.php"; </body> </html> 9. Data_Lengkap_siswa.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" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" /> <script type="text/javascript" src="layout/scripts/jquery.min.js"></script> <script type="text/javascript" src="layout/scripts/jquery.slidepanel.setup.js"></script> <!-- Homepage Only Scripts --> <script type="text/javascript" src="layout/scripts/jquery.cycle.min.js"></script> <script type="text/javascript"> $(function() { $('#featured_slide').after('<div id="fsn"><ul id="fs_pagination">').cycle({ timeout: 5000, fx: 'fade', pager: '#fs_pagination', pause: 1, pauseonpagerhover: 0 ); ); </script> </head> <body> <div class="wrapper col0"> <div id="topbar"> <div id="slidepanel"> <div class="topbox"> <h2>login Administrator</h2> <p align="justify">silahkan masuk untuk melakukan pengubahan terhadap konten yang ada pada sistem informasi akademik SMA Negeri 1 Pematang Siantar</p> <div class="topbox"> include "panel_login.php"; <div id="loginpanel"> <li class="left">masuk Disini» <li class="right" id="toggle"><a id="slideit" href="#slidepanel">panel Login</a><a id="closeit" style="display: none;" href="#slidepanel">tutup Panel</a> </ul> <div class="wrapper col1"> <div id="header">
<div id="logo"> <a href="index.php"><h2>sman 1 Pematangsiantar</h2></a> <p>sistem Informasi Akademik</p> <div id="topnav"> include "menu.php"; <div class="wrapper col2"> <div class="wrapper col3"> <div id="homecontent"> <div class="fl_left"> <h2>informasi Siswa</h2> require_once("conn/conn.php"); $tampil=mysql_query("select * FROM t_siswa where nis='$nis'"); while($row=mysql_fetch_object($tampil)){ <table width="30%" border="0" cellspacing="5" cellpadding="5"> <td align="center" colspan="2"><img height="300px" src="files/ echo "$row->photo"; "/></td> <td width="31%">nis Siswa</td> <td width="69%"> echo " $row->nis"; </td> <td>nama Siswa</td> <td> echo " $row->nama"; </td> <td>kelas Siswa</td> <td> echo " $row->kelas1", " $row- >kelas2"," $row->kelas3" </td>
<td>tempat Tanggal Lahir</td> <td> echo " $row->ttl"; </td> <td>jenis Kelamin</td> <td> echo " $row->jenkel"; </td> <td>agama</td> <td> echo " $row->agama"; </td> <td colspan="2" align="center"><input type="button" value="print Data" onclick="location.replace('print_data_siswa.php?nis= echo "$row->nis"; ');" /></td> </table> <div class="fl_right"> <h2>timeline</h2> 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/ echo ucwords("$row->photo"); " width="80px" alt="" /></a> <p><strong><a href="baca_berita.php?id_berita= echo ucwords("$row->id_berita")"> echo ucwords("$row->judul"); </a></strong></p> <p> $kalimat="$row->isi_berita"; $jumlahkarakter=300; $cetak = substr($kalimat, 0, $jumlahkarakter); echo "$cetak";echo "..."; </p>