Perancangan Sistem Informasi SMA Negeri 1 Babalan Dengan Menggunakan Pemrograman PHP Dan MySQL

  LAMPIRAN index.php

  <html> <head>

  <title></title> <link href="css/stylecoba.css" rel="stylesheet" type="text/css" />

  <script src="lib/jquery-1.4.2.js" type="text/javascript"></script> <script src="lib/js-func.js" type="text/javascript"></script> <script src="lib/jquery.jcarousel.js" type="text/javascript"></script>

  </head> <body> <div id="wrapper"> <div id="header1"> <div id="pengguna"> <nav>

  <ul> <li><a href="?m=guru">Guru</a></li> <li><a href="?m=siswaatas">Siswa</a></li>

  </ul> </nav>

  </div> <div id="logo">

  </div> </div> <div id="container">

  <div id="gambarheader"> <div id="slider">

  <a id="slider-prev"> </a> <div class="slider-content">

  <ul> <li><img src="images/header.jpg" alt="" /></li> <li><img src="images/header2.jpg" alt="" /></li> <li><img src="images/header3.jpg" alt="" /></li> <li><img src="images/header4.jpg" alt="" /></li>

  <li><img src="images/header5.jpg" alt="" /></li> <li><img src="images/header6.jpg" alt="" /></li>

  <li><img src="images/header7.jpg" alt="" /></li> <li><img src="images/header8.jpg" alt="" /></li>

  </ul> </div> <a id="slider-next"> </a> <div class="slider-pagination">

  <ul> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li>

  <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">7</a></li> <li><a href="#">8</a></li>

  </ul> </div>

  </div> </div> </div> <div id="menu"> <nav> <ul>

  <div class="menu"> <nav> <ul>

  <li><ahref="index.php?m=home">Home</a> </li> <li><a href="#">Profil</a> <ul> <li><a href="?m=profil">Profil Sekolah</a></li> <li><a href="?m=visi">Visi & Misi</a></li> <li><a href="?m=struktur">Struktur Organisasi</a></li> <li><a href="?m=identitasdanmotto">Identitas & Motto</a></li> <li><a href="?m=denah">Denah Sekolah</a></li> </ul> </li> <li><a href="#">Personalia</a> <ul> <li><a href="?m=pemimpin">Staf Pemimpin</a></li> <li><a href="?m=pengajar">Staf Pengajar</a></li> <li><a href="?m=tu">Staf TU</a></li> </ul> </li>

  <li><a href="#">Kesiswaan</a> <ul> <li><a href="?m=siswa">Daftar Siswa</a></li> </ul> </li> <li><a href="#">Ekstrakurikuler</a> <ul> <li><a href="?m=osis">Osis</a></li> <li><a href="?m=paskibra">Paskibra</a></li> <li><a href="?m=pramuka">Pramuka</a></li> <li><a href="?m=padus">Paduan Suara</a></li> <li><a href="?m=rohis">Rohis</a></li>

  <li><a href="?m=sendratasik">Sendratasik</a></li> <li><a href="?m=olahraga">Olahraga</a> </li></ul></li> <li><a href="#">Fitur</a> <ul> <li><a href="?m=gallery">Gallery</a> <li><a href="?m=aboutme">About Me</a> </li> </ul> </nav> </div> </ul> </nav> </div>

  </div> <div id="content"> <div class="content-isi"> <div class="left-content"> <div class="head-calender"> Kalender </div> <div class="kalender">

  <?php error_reporting(0); include 'kalender.php'; ?>

  </div> <div class="head-link"> Link </div> <div class="link"> <div id="link1">

  <a href="https://www.facebook.com/devie.vittabff" target="_blank"><img src="foto/facebook.png" width="50px" height="50px" title="fb" align="center"></a> </div> <div id="link2"> <a href="https://www.twitter.com/deviArvi29" target="_blank"><img src="foto/twitter1.png" width="50px" height="50px" title="twitter" align="center"></a> </div> <div id="link3"> <a href="#" target="_blank"><img src="foto/instagram.jpg" width="50px" height="50px" title="instagram" align="center"></a> </div> <div id="link4">

  <a href="https://www.plus.google.com/106639156195 630986411/posts?hl=en" target="_blank"><img src="foto/google.png" width="50px" height="50px" title="google+" align="center"></a> </div> <div id="link5"> <a href="index.php?m=artikel&id=1">Artikel 1</a> </div> <div id="link6"> <a href="index.php?m=artikel&id=2">Artikel 2</a> </div> <div id="link7"> <a href="index.php?m=artikel&id=3">Artikel 3</a> </div> </div> </div>

  <div class="mid-content"> <?php include'jump.php'; ?>

  </div> <div class="right-content"> <div class="head-sem"> Kalender Akademik </div> <div class="sem"> <br> <a href="?m=gambar" onClick=""> Kalender Akademik Sem 1</a></br>

  <a href="?m=gambar1" onClick=""> Kalender Akademik Sem 2</a><br> </br> </div> <div class="head-pengantar"> Pengantar </div> <div class="pengantar"> Assalamu'alaikum wr.wb <br>Teknologi Informasi berkembang begitu cepat, seiring bertambahnya kebutuhan manusia. Sehingga, website menjadi salah satu sarana yang sangat dibutuhkan dalam memperkenalkan sebuah instansi seperti instansi pendidikan yaitu sekolah. Kami akan terus berusaha mengembangkan website ini agar memudahkan masyarakat dalam memperoleh informasi SMA Negeri 1 Babalan.</br> Terima Kasih telah berkunjung ke website ini.

  Semoga bermanfaat.... </div>

  </div> </div> </div> <div id="kommen"> <form name="kom" method="post" action="komen.php"> <table width="400" border="0" align="center" cellpadding="4" cellspacing="3"> <tr> <td>Nama:</td> <td> <input name="nama" type="text" id="nama"></td> </tr> <tr> <td height="60">Saran :</td> <td height="60"><textarea name="komen" type="text" cols="40" rows="6" id="komen"></textarea></td> </tr> <tr> <td> </td> <td><input type="submit" name="Submit" value="Send"></td> </tr> </table> </form> </div> <div id="pub">

  <?php mysql_connect('localhost','root',''); mysql_select_db('komen'); $query="select*from isi"; $ambil=mysql_query($query); echo"<table border='0'>"; while($row=mysql_fetch_array($ambil)) { echo"<tr><td>   <strong>$row[nam a]</strong></td></tr> <tr><td>    $row[komen]</td >"; } echo"</table>";

  ?></div> <div id="footer">

  <div><a href="index.php"> <Marquee>Terimakasih atas kunjungan anda ke web kami, semoga informasi yang kami berikan dapat bermanfaan buat Anda.</marquee></a> </div> <div id="copy"><p align="center"> copyright @ 2014 </p> <p align="center">Design by Devi Yulita | Website SMA NEGERI 1 BABALAN</p></div></div> </div> </body> </html>

  style.css

  • { margin: 0px; padding: 0px;

  } body{ background-color: #94DAF0;

  } #header1{ float:top; width: 1040px; height: 200px; margin-left: 13%; background-image: -o-linear-gradient(bottom, rgb(254,133,107) 24%, rgb(35,171,17) 62%); background-image: -moz-linear-gradient(bottom, rgb(254,133,107) 24%, rgb(35,171,17) 62%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(254,133,107)), color-stop(0.62, rgb(35,171,17))); background-image: -webkit-linear-gradient(bottom, rgb(254,133,107) 24%, rgb(35,171,17) 62%); background-image: -ms-linear-gradient(bottom, rgb(254,133,107) 24%, rgb(35,171,17) 62%); background-image: linear-gradient(bottom, rgb(254,133,107) 24%, rgb(35,171,17) 62%); font-family: "monotype corsiva", Gadget, sans-serif; font-weight:bold;

  } #logo { float:left; height:150px; width:1040px; background: red; background-image: url(../data/logo.jpg);

  } #pengguna { width: 1040px; height: 50px; background-image: -o-linear-gradient(bottom, rgb(254,133,107) 24%, rgb(35,171,17) 62%); background-image: -moz-linear-gradient(bottom, rgb(254,133,107) 24%, rgb(35,171,17) 62%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(254,133,107)), color-stop(0.62, rgb(35,171,17))); background-image: -webkit-linear-gradient(bottom, rgb(254,133,107) 24%, rgb(35,171,17) 62%); background-image: -ms-linear-gradient(bottom, rgb(254,133,107) 24%, rgb(35,171,17) 62%); background-image: linear-gradient(bottom, rgb(254,133,107) 24%, rgb(35,171,17) 62%); font-family: "monotype corsiva", Gadget, sans-serif; font-weight:bold;

  }

  #pengguna nav{ margin: 0px 0px 10px 5%; } #pengguna nav li{ border: none; float: left; list-style: none; padding: 10px 0 0 20px;

  } #pengguna nav li a{ text-decoration:none; color:#FFFFFF;

  } #pengguna nav li a:hover{ text-decoration:none; border-bottom: 3px solid #FFF;

  } #container{ background-color: #94DAF0; height:350px; width:100%; margin: auto;

  } .menu{ font-size: 14px; color: #FFF; font-weight:bold; font-family: "Alaska", Gadget, sans-serif; }

  .menu nav { margin-left: 210px; margin-top: -26px;

  } .menu nav ul ul { display: none;

  } .menu nav ul li:hover > ul { display: block; }

  .menu nav ul { background: 85C1F5; box-shadow: 0px 0px 9px rgba(0,0,0,0.15); padding: 0 70px; list-style: none; position: relative; display: inline-table;

  } .menu nav ul:after { content: ""; clear: both; display: block; }

  .menu nav ul li { float: left; }

  .menu nav ul li:hover { background-color:#009933; } .menu nav ul li:hover a { background-color: #19376A; }

  .menu nav ul li a { display: block; padding: 20px 40px; color: #FFF; text-decoration: none;

  } .menu nav ul ul { background: #5f6975; padding: 0; position: absolute; top: 100%;

  } .menu nav ul ul li { float: none; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative;

  }

  .menu nav ul ul li a { padding: 15px 40px; color: #fff;

  } .menu nav ul ul li a:hover { background: #4b545f; }

  .menu nav ul ul ul { position: absolute; left: 100%; top:0; } #content{ background-color: #94DAF0; height: 1040px; width: 100%; margin:0; padding:0;

  } .content-isi{ float:left; background-color: #FFC; height: 100%; width: 1040px; margin-left: 13%; padding:0;

  } .left-content{ display:block; margin: 0 auto; padding: 5px 5px 5px 5px; float:left; height:110%; width:230px; background: #FFC; text-align:justify;

  } .head-calender { float: left; width: 230px; height: 25px; border-radius: 10px 0 10px 0; border: 1px solid #666; padding: 5px 0 5px 0; color: red; font-weight: bold; text-align: center;

  } .kalender { float: left; width: 230px; height: 170px; border-radius: 0 10px 0 0; border: 1px solid #666; padding: 5px 0 5px 0; margin-top: 5px; margin-bottom: 20px;

  } .head-link { float: left; width: 230px; height: 25px; border-radius: 10px 0 10px 0; border: 1px solid #666; padding: 5px 0 5px 0; color: red; font-weight: bold; text-align: center;

  } .link { margin-top: 5px; float: left; width: 230px; height: 300px; border-radius: 10px 0 0 0; border: 1px solid #666; padding: 5px 0 5px 0;

  } #link1 { margin-top: 5px; margin-left: 5px; float: left; width: 50px; height: 50px; padding: 5px 0 5px 0;

  } #link2 { margin: left; margin-top: 5px; margin-left: 5px; float: left; width: 50px; height: 50px; padding: 5px 0 5px 0;

  } #link3 { margin: left; margin-top: 5px; margin-left: 5px; float: left; width: 50px; height: 50px; padding: 5px 0 5px 0;

  } #link4 { margin: left; margin-top: 5px; margin-left: 5px; float: left; width: 50px; height: 50px; padding: 5px 0 5px 0;

  } #link5 { margin: left; margin-top: 20px; margin-left: 5px; background: #94DAF0; float: left; width: 120px; height: 50px; padding: 5px 0 5px 0;

  } #link6 { margin: left; margin-top: 10px; margin-left: 5px; background: #94DAF0; float: left; width: 120px; height: 50px; padding: 5px 0 5px 0;

  } #link7 { margin: left; margin-top: 10px; margin-left: 5px; background: #94DAF0; float: left; width: 120px; height: 50px; padding: 5px 0 5px 0;

  } .mid-content { display:block; margin: auto; padding: 5px 5px 5px 5px; float:left; width:550px; background:#FFC; text-align:justify;

  } .right-content { display:block; margin: 0 auto; padding: 5px 5px 5px 5px; float:left; height:110%; width:230px; background: #FFC; text-align:justify;

  } #kommen{ clear:both; width:1225px; height:140px; background:#94DAF0; margin:auto; margin-bottom:0px; margin-left:-10px; }

  #kommen table{ margin:auto; margin-top:130px; margin-left:200px;

  } #pub{ clear:both; width:1265px; background:#94DAF0; margin:auto; margin-left:-35px;

  } #pub table{ width:400px; height:90px; margin-top:10px; margin-left:270px; border: 10px solid #CCF; background:#CCCCCC; border-radius:5px;

  } .head-sem { float: right; width: 230px; height: 25px; border-radius: 0 10px 0 10px; padding: 5px 0 5px 0; color: red; font-weight: bold; text-align: center; border: 1px solid #666;

  } .sem { float: right; width: 230px; height: 150px; border-radius: 10px 0 0 0; border: 1px solid #666; padding: 30px 0 5px 0; margin-top: 5px; margin-bottom: 20px; text-align: left; font-family: algerian;

  } .head-pengantar { float: left; width: 230px; height: 25px; border-radius: 0 10 0 10px; border: 1px solid #666; padding: 5px 0 5px 0; color: red; font-weight: bold; text-align: center;

  } .pengantar { float: left; width: 230px; height: 300px; border-radius: 10px 0 0 0; border: 1px solid #666; padding: 5px 0 5px 0; margin-top: 5px; font-family: monotype corsiva; color:#CC0033;

  } #footer{ height: 80px; width: 77%; margin-left: 13%; margin-top: 20px; background-color: #94DAF0;

  } #copy{ font-family:alaska; font-size:12px;

  } #jalan{ background:#33CCCC; azimuth:behind; } #slider { margin-left:13%; position:absolute; width: 1020px; height: 300px; padding: 10px; background-color: #ffffff; } .slider-content { position: relative; width: 1020px; height: 300px; overflow: hidden; z-index: 1; } .slider-content ul { list-style-type: none; position: relative; overflow: hidden; } .slider-content ul li, #slider .jcarousel-clip { width: 1020px; height: 300px; position: relative; } #slider #slider-prev, #slider #slider-next { position: absolute; top: 112px; width: 45px; height: 79px; display: block; font-size: 0; line-height: 0; text-indent: - 4000px; z-index: 2; } #slider #slider-prev { left: 3px; background:url(../images/slider1-prev.png) no-repeat 0 0; } #slider #slider-next { right: 4px; background: url(../images/slider1-next.png) no-repeat 0 0; } .slider-pagination { position: absolute; bottom: 20px; right: 15px; z-index: 2; } .slider-pagination ul { list-style-type: none;} .slider-pagination ul li { float: left; display: inline; width: 22px; height: 22px; margin-right: 5px; } .slider-pagination ul li a { width: 22px; height: 22px; display: block; background:url(../images/slider1- pagination.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; } .slider-pagination ul li a:hover , .slider-pagination ul li a.active { background: url(../images/slider1-pagination-hover.png) no-repeat 0 0; } #slider.project-slider ,#slider.project-slider .slider- content ,#slider.project-slider .slider-content ul li, #slider.project-slider .jcarousel-clip { width: 617px; height: 328px; } #slider.project-slider { border: 3px solid #d9d9d9; margin: 13px 0 10px; } #slider.project-slider #slider-prev { top: 125px; left: - 10px; background: url(images/project-slider-prev.png) no- repeat 0 0; }

  #slider.project-slider #slider-next { top: 125px; right:

  • 9px; background: url(images/project-slider-next.png) no- repeat 0 0; } <!--Style buat artikel--> .Judul { font-size: 18px; font-weight: bold; margin: 0px; } .GambarKetProd { float: left; width: 250px; margin-right: 40px; padding: 3px 3px 3px 3px; border: 1px solid #CCC; }

  .produk { float: left; border: 1px solid #CCCCCC; margin-top: 50px; margin-left: 20px; } .KetProd { background-color: #FFC; width: 90%; height: 120px; padding: 10px 10px 10px 10px; margin-top: 20px; }

  jump.php

  <?php error_reporting(0); $menu=$_GET['m']; if($menu=='home'){ include('data/home.php');

  } else if($menu=='guru'){ include('data/guru.php'); } else if($menu=='siswaatas'){ include('data/siswaatas.php');

  } else if($menu=='profil'){ include('data/profil.php');

  } else if($menu=='visi'){ include('data/visi.php');

  } else if($menu=='struktur'){ include('data/struktur.php');

  } else if($menu=='identitasdanmotto'){ include('data/identitasdanmotto.php');

  } else if($menu=='denah'){ include('data/denah.php');

  } else if($menu=='pemimpin'){ include('data/pemimpin.php');

  } else if($menu=='pengajar'){ include('data/pengajar.php');

  } else if($menu=='tu'){ include('data/tu.php');

  } else if($menu=='siswa'){ include('data/siswa.php');

  } else if($menu=='osis'){ include('data/osis.php');

  } else if($menu=='paskibra'){ include('data/paskibra.php');

  } else if($menu=='pramuka'){ include('data/pramuka.php');

  } else if($menu=='padus'){ include('data/padus.php'); } else if($menu=='rohis'){ include('data/rohis.php');

  } else if($menu=='sendratasik'){ include('data/sendratasik.php');

  } else if($menu=='olahraga'){ include('data/olahraga.php');

  } else if($menu=='gallery'){ include('data/gallery.php');

  } else if($menu=='aboutme'){ include('data/aboutme.php');

  } else if($menu=='gambar'){ include('data/gambar.php');

  } else if($menu=='gambar1'){ include('data/gambar1.php');

  } else if($menu=='artikel'){ include('artikel.php');

  } else{ include('data/home.php');

  } ?>

  koneksi.php

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

  ?>

  komen.php

  <?php error_reporting(0); mysql_connect("localhost","root",""); mysql_select_db("komen");

  $simpan="INSERT INTO isi SET nama='$_POST[nama]', komen='$_POST[komen]'"; mysql_query($simpan); header("location:hometes.php"); ?>

  artikel.php

  <?php include 'koneksi.php'; $prod =$_GET['id']; $sql = mysql_query("SELECT * FROM artikel WHERE id='$prod'"); $d= mysql_fetch_array($sql); echo"<h1 class='Judul'>"; echo $d['judul']; echo'</h1> <div class="KetProd">

  <img class="GambarKetProd" src="foto/'; echo $d['foto']; echo'">'; echo $d['isi']; echo'</div> </br></br></br></br> <a class="haha" href="javascript:history.go(-

  1)">Kembali</a> '; ?>

  home.php

  <html> <head> <title> Home </title> </head> <body>

  <br><b> <center><font color="black"><font size="+1">HOME

  </font></center></br></b>           <font size="+1"><font color="grey"> <p><b>SELAMAT DATANG DI WEBSITE SMA NEGERI 1 BABALAN

  </p></b> <p> <br>Bukan hanya instansi perusahaan yang memberikankan informasi yang efisien, tetapi sekolah juga ingin memberikan informasi suatu data siswa dan informasi sekolah dengan cepat dan efisien. Dengan adanya website ini Anda dapat mencari informasi yang lengkap dengan cepat tanpa harus datang langsung ke sekolah yang bersangkutan. Website ini dapat membantu Anda yang sedang mencari atau ingin mendaftar sekolah. Anda juga dapat melihat profil, denah, ataupun fasilitas yang terdapat dalam SMA Negeri 1 Babalan. Semoga website ini bermanfaat bagi Anda.</p></br>

          &nbsp

  </font></font> </body>

  </html>

  profil.php

  <html> <head> <title> Profil </title> <style type="text/css"> </style> </head> <body>

  <br><b><font size="4"> <center><font color="red">PROFIL SEKOLAH

  </font></center></b>           <font color="grey"> <p>Sekolah SMA NEGERI 1 BABALAN PANGKALAN BERANDAN merupakan salah satu sekolah favorit yang banyak diminati oleh para siswa.</p> <p>Sekolah ini berdiri sekitar tahun 1970-an.

  Sekolah ini terletak dikota Pangkalan Berandan tepatnya di Jl.Melati No 1 Kabupaten Langkat Provinsi Sumatera Utara.</p>

  <p>Kota yang begitu kecil, namun sebuah kota yang mempunyai potensi alam minyaknya yang begitu besar sehingga kota ini mendapatkan julukan nama sebagai kota minyak. karena kota ini memiliki sumber minyak yang begitu besar. </p>

  <p>Kota ini mempunyai kisah cerita sejarah yang sangat di ingat sebagai BBH ( Berandan Bumi Hangus ).</p> <p>SMANSABA, itulah julukan nama dari sekolah kami yang merupakan kepanjangan dari SMA N 1 Babalan. Sekolah ini merupakan sekolah yang banyak peminat para pelajar untuk menuntun ilmu. </p>

  <p>Karena hingga sekarang telah banyak prestasi sekolah yang telah diraih. Mulai dari bidang ilmu pengetahuan, olahraga, dan ekstrakulikuler yang kami miliki. Tak kalah juga dengan pengajaran yang di berikan oleh guru. Baik dengan guru-guru beserta kru yang bertugas di SMANSABA yang begitu berkualitas, serta baik hati, berjiwa baik, dalam melaksanakan tugas mereka. Pantaslah sekolah ini merupakan sekolah favorit yang ada di Pangkalan Berandan.</p><br> <p><b><br> Peraturan SMA Negeri 1 Babalan </p></b></br> <p>1. Siswa sudah berada di sekolah 10 menit sebelum Apel atau upacara bendera dimulai.</p> <br>2. Siswa wajib berada di lingkungan sekolah / di dalam kelas selama Kegiatan Belajar.</br> <br>3. Siswa wajib mengikuti seluruh Kegiatan Proses Belajar Mengajar sesuai jadwal pelajaran yang ditetapkan.</br>

  <br>4. Siswa tidak diperbolehkan pulang sebelum jam pelajaran selesai.</br> <br>5. Siswa tidak diperbolehkan terlambat tiga kali.</br> <br>6. Seluruh siswa sudah berada di kelas sebelum guru memulai pelaksanaan Proses Belajar Mengajar.</br> <br>7. Siswa tidak diperbolehkan menggunakan/mengaktifkan Hand Phone saat PBM berlangsung.</br></font></font> </body> </html>

  visi.php

  <html> <head> <title> Visi </title> </head> <body>

  <br> <center><font color="red"><font size="+2"><b>Visi dan Misi </font></center></b>           <font color="grey"> <p><b><font size="+1">Visi : </b></p> <br><p>TERWUJUDNYA INSAN YANG CERDAS, TERAMPIL,

  KREATIF, DAN BERSOFT SKILL BERLANDASKAN IMAN DAN TAQWA SERTA CINTA TANAH AIR </p></br>

  <p><b>Misi : </b></p> <p><br> Untuk mencapai Visi tersebut SMA Negeri 1 Babalan mengembangkan Misi tersebut sebagai berikut : </p></br> <p>1.Meningkatkan penghayatan agama yang dianut sebagai sumber kearifan dalam bertindak.</p>

  <p>2.Meningkatkan Proses Pembelajaran secara aktif, kreatif, efektif dan menyenangkan.</p> <p>3.Meningkatkan pelaksanaan bimbingan dan disiplin secara terarah dan bijaksana.</p> <p>4.Meningkatkan pengembangan diri softskill melalui ekstrakurikuler secara aktif dan optimal.</p>

  <p>5.Meningkatkan pelaksanaan sosial dan 6k secara kekeluargaan.</p> <p><b><br> Tujuan: </b></p></br> <p>Tujuan SMA Negeri 1 Babalan adalah mengantarkan siswa SMA Negeri 1 Babalan mampu bersaing dalam kecerdasan, ketrampilan, skill, disiplin, dan berdedikasi tinggi berlandaskan ian dan taqwa, mencintai tanah air. Secra lebih rinci tuuan SMA Negeri 1 Babalan adalah sebagai berikut : </p> <p>1.Tercipta kehidupan yang beriman dan bertaqwa secara ituh dan harmonis.</p> <p>2.Terwuudnya pelaksanaan pembelajaran berbasis kompetensi.</p> <p>3.Meningkatkan julmah dan kualifikasi tenaga kependidikan sesuai dengan tuntutan pembelajaran.</p> <p>4.Meningkatkan kesadaran warga sekolah dalam melaksanakan dan mematuhi tata tertib.</p> <p>5.Lulusan SMA Negeri 1 Babalan 40% di terima di Perguruan Tinggi Negeri, 50% diterima di Perguruan Tinggi Swasta berkualitas dan 10% memasuki dunia kerja.</p> <p>6.Berpartisipasi dan berprestasi dalam lomba-lomba bahasa asing, olahraga, kesehatan, dan ketrampilan di tingkat Kabupaten dan Propinsi .</p></font> <p>7.Mempersiapkan lulusan yang mampu bersaing dalam era globalisasi.</p></font>

       </font> <br> <br>

  </body> </html>

  struktur.php

  <html> <head> <title> Struktur Organisasi Sekolah </title> </head> <body>

  <br><font size="4"> <center><b><font color="red">Struktur Organisasi

  </font></center></b>

            <font color="grey"> <p>Berikut ini adalah gambar struktur organisasi sekolah SMA NEGERI 1 BABALAN </p>

  <p><br>Dalam struktur ini dijelaskan akan di jelaskan : </p><br> <p>Komite Sekolah:HERNIS</p>

  <p><br>Kepala Sekolah:Dra.Hj.Mirohmayanur.M.Pd </p></br> <p>Wakil Kepala Sekolah:</p>

  <p> 1. AFRIDA</p> <p> 2. NURHAIDA SIREGAR, S.Pd</p> <p> 3. DRS. R. GULTOM</p> <p> 4. UMAR SYAHPUTRA, S.Pd</p>

  <p><br> Ka.Tata Usaha : YUGO TRISIAN. SE</p></br> <img src="data/st.jpg">

       </font>

  </font> </body> </html>

  identitasdanmotto.php

  <html> <head> <title> Identitas Sekolah </title> </head> <body>

  <br>           <center><font color="black"><font size="+2"><br>IDENTITAS SMA NEGERI 1 BABALAN

  </font></center></br> <font color="grey"><font size="+1"> <p> Nama Sekolah:SMA NEGERI 1 BABALAN P. BERANDAN

  </p>

  <p> Alamat Sekolah : Jln.Melati No.2 P.Berandan </p>

  <p> Telepon : (0620)-20105 </p> <p> Kelurahan : Berandan Timur </p> <p> Kecamatan : Babalan </p> <p> Propinsi : Sumatera Utara </p> <p> Kabupaten : Langkat </p>

  <p> Kode Pos : 123456 </p> <p> Email : smansabajaya@gmail.com </p> <p> NPSN : 10201316 </p> <p> Akreditasi : Akreditasi A</p></font> </p> <center><br><font color="black"><font size="+2"><br>MOTTO SMA NEGERI 1 BABALAN </font></center></br>

  <font color="grey"> <p>" HARI INI HARUS LEBIH BAIK DARI HARI KEMARIN "

  </p>     

  </font> </body> </html>

  denah.php

  <html> <head> <title> Denah Sekolah </title> </head> <body>

  <br><b><font size="4"> <center><font color="black"><font size="+1">Denah

  Sekolah </font></center></b>           <font color="grey"><br><center>

  <img src="data/denah1.jpg"> </br></center>

      

  <p><br>Berikut ini akan dijelaskan keterangan Denah Sekolah</p></br> <p> *R1 KELAS X-1</p> <p> *R2 KELAS X-2</p> <p> *R3 KELAS X-3</p> <p> *R4 KELAS X-4</p> <p> *R5 KELAS X-5</p> <p> *R6 KELAS XII IPA-1</p> <p> *R7 KELAS XII IPA-2</p> <p> *R8 KELAS XII IPA-3</p> <p> *R16 KELAS X-6</p> <p> *R9 KELAS XI IPA-1</p> <p> *R10 KELAS XI IPA-2</p> <p> *R11 KELAS XI IPS-1</p> <p> *R12 KELAS XII IPA-4</p> <p> *R13 KELAS XI IPS-2</p> <p> *R3 KELAS XI IPA-3</p>

  </font> </font>

  </font> </body> </html>

  pemimpin.php

  <html> <head> <title> Staf Pemimpin </title> </head> <body>

  <br><b><font size="4"> <center><font color="black"><font size="+1">Staf

  Pemimpin </font></center></b>           <font color="grey"> <p><b><br>Staf Pemimpin Pada SMA Negeri 1 Babalan

  </p></b></br> <p><br>Komite Sekolah:HERNIS</p></br>

  <p><br>Kepala Sekolah:Dra.Hj.Mirohmayanur.M.Pd </p></br> <p>Wakil Kepala Sekolah:</p>

  <p><br> 1. NINING WAHYUNI, S.Pd</p></b> <p><br> 2. NURHAIDA SIREGAR, S.Pd</p></b> <p><br> 3. DRS. R. GULTOM</p></b> <p><br> 4. UMAR SYAHPUTRA, S.Pd</p></b>

       </font>

  </font> </font> </body> </html>

  pengajar.php

  <html> <head> <title> Staf Pengajar </title> </head> <body>

  <br><b><br> <center><font color="black"><font size="+1">Staf

  Pengajar Pada SMA NEGERI 1 BABALAN</font></center></b></br>

            <font color="grey">

  <p>* DRS. TURNER MANIK GURU GEOGRAFI </p>   

  <p>* DRS. P. SIAHAAN GURU TATA NIAGA</p>    <p>* DRS. K.P NAINGGOLAN GURU KIMIA</p>   

  <p>* DRA. I. KARO-KARO GURU BIOLOGI</p>   

  <p>* DRA. IRIAN TINA GURU ANTROPOLOGI</p>    <p>* DRA. ESNI SAWITRI GURU MATEMATIKA</p>   

  <p>* DRA. ESTER DWITRI GURU MATEMATIKA</p>    <p>* MUJINI GURU FISIKA</p>

     <p>* ADAM, S.Pd GURU KWN</p>    <p>* DRA. SRI EDYARTI GURU KIMIA</p>    <p>* ROBINSON, S.Pd GURU ORKES</p>    <p>* DRS. ROBERT GURU GEOGRAFI</p>    <p>* DRA. FARIDA HANUM LBS GURU BP</p>    <p>* PERINGETTEN GURU BP</p>    <p>* NURHAIDA SIREGAR, S.Pd BHS. INDONESIA</p>    <p>* DRS. P. SILABAN ANTROPOLOGI</p>    <p>* ASPEN MANIK, S.Pd FISIKA</p>    <p>* DRS. R. GULTOM SEJARAH</p>    <p>* SALUAT SIAHAAN, S.Pd KIMIA</p>    <p>* JAMES SIMORANGKIR,S.Pd KIMIA</p>    <p>* RAHMANUDDIN, S.Pd BIOLOGI</p>    <p>* NURBAYA BP</p>    <p>* BONETA BR GINTING ORKES</p>    <p>* DRA. JUNI ASTATI BP</p>   

       </font>

  </body> </html>

  tu.php

  <html> <head> <title> Staf TU </title> </head> <body>

  <br><b><font size="4"> <center><font color="black"><font size="+1">Staf

  Tata Usaha Pada SMA NEGERI 1 BABALAN </font></center></b>                 <font color="grey">

  <p><br>Pengertian Staf TU </p></br> <p>Ketua Tata Usaha : YUGO TRISIAN.SE </p> <p>* SUPARMI</p> <p>* M.DARWIS</p> <p>* DARLIANA</p> <p>* SRI WAHYUNI</p> <p>* NURDAHWAN</p>     

  </font> </font>

  </font> </body> </html>

  siswa.php

  <html> <head> <title> Daftar Siswa </title> <style type="text/css"> #tulisansiswa1{ width:100%; height:10%; background:#94DAF0;

  } #tabel{ width:100%; height:30%; background: #94DAF0; } #tulisansiswa2{ width:100%; height:50px; background: #94DAF0;

  } #tabel2{ width:100%; height:30%; background: #94DAF0;

  } #tulisansiswa3{ width:100%; height:50px; background: #94DAF0;

  } #tabel3{ width:100%; height:30%; background: #94DAF0;

  } </style> </head> <body> <div id="tulisansiswa1">

  <br><b> <center><font color="black"><font size="+1">Daftar

  Siswa Pada SMA NEGERI 1 BABALAN </font></center></b> <p><b><center><br>Siswa Kelas X</b></p></br></center>

  </div> <div id="tabel"> <?php mysql_connect("localhost","root",""); mysql_select_db('ta');

  ?> <table border="1">

  <tr> <th>No</th> <th>NISN</th> <th>NAMA</th> <th>TEMPAT_LAHIR</th> </tr>

  <?php $q="select *from siswa3"; $q2=mysql_query($q); while ($data=mysql_fetch_array($q2)) { echo "

  <tr> <td>$data[No]</td> <td>$data[NISN]</td> <td>$data[Nama]</td> <td>$data[Tempat_Lahir]</td> </tr>

  "; } ?> </table>

  </div> <div id="tulisansiswa2">

  <br><b> <center><font color="black"><font size="+1">Siswa kelas XI </font></center></b> </div>

  <div id="tabel2"> <table border="1"> <tr> <th>No</th> <th>NISN</th> <th>NAMA</th> <th>TEMPAT_LAHIR</th> <th>JENIS_KELAMIN</th> </tr> <?php $q="select *from siswa4"; $q2=mysql_query($q); while ($data=mysql_fetch_array($q2)) { echo " <tr>

  <td>$data[No]</td> <td>$data[NISN]</td> <td>$data[Nama]</td> <td>$data[Tempat_Lahir]</td> <td>$data[Jenis_Kelamin]</td>

  </tr> "; } ?>