• Tidak ada hasil yang ditemukan

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

N/A
N/A
Protected

Academic year: 2019

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

Copied!
50
0
0

Teks penuh

(1)

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">&nbsp;</a> <div class="slider-content"> <ul>

(2)

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

</ul>

</div>

<a id="slider-next">&nbsp;</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>

(3)

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

(4)

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

(5)

<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>&nbsp;</td>

<td><input type="submit" name="Submit" value="Send"></td> </tr>

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

(6)

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>&nbsp;&nbsp;&nbsp;<strong>$row[nam a]</strong></td></tr>

<tr><td>&nbsp;&nbsp;&nbsp;&nbsp;$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{

(7)

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;

(8)

#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; }

(9)

}

.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;

(10)

.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; }

(11)

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 {

(12)

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 {

(13)

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;

(14)

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;

(15)

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; }

(16)

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; fontsize: 0; lineheight: 0; textindent:

-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-.slider-content ul li, #slider.project-slider .jcarousel-clip { width: 617px; height: 328px; }

#slider.project-slider { border: 3px solid #d9d9d9; margin: 13px 0 10px; }

(17)

#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'); }

(18)

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'); }

(19)

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

?>

(20)

<?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> ';

(21)

home.php

<html> <head>

<title> Home </title> </head>

<body>

<br><b>

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

&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;

<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;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp </font></font>

</body>

</html>

profil.php

<html> <head>

<title> Profil </title> <style type="text/css"> </style>

(22)

<br><b><font size="4">

<center><font color="red">PROFIL SEKOLAH </font></center></b>

&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; <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

(23)

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

&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;

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

(24)

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

&nbsp;&nbsp;&nbsp;&nbsp; </font>

<br> <br>

</body> </html>

struktur.php

<html> <head>

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

<body>

<br><font size="4">

(25)

&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; <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">

&nbsp;&nbsp;&nbsp;&nbsp; </font>

</font>

</body> </html>

identitasdanmotto.php

<html> <head>

<title> Identitas Sekolah </title> </head>

<body>

<br>

&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;

<center><font color="black"><font

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

<font color="grey"><font size="+1">

(26)

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

&nbsp;&nbsp;&nbsp;&nbsp; </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>

&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;

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

(27)

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

&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; <font color="grey">

<p><b><br>Staf Pemimpin Pada SMA Negeri 1 Babalan </p></b></br>

(28)

<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> &nbsp;&nbsp;&nbsp;&nbsp;

</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> &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; <font color="grey">

<p>* DRS. TURNER MANIK GURU GEOGRAFI </p> &nbsp;&nbsp;

<p>* DRS. P. SIAHAAN GURU TATA NIAGA</p> &nbsp;&nbsp;

<p>* DRS. K.P NAINGGOLAN GURU KIMIA</p> &nbsp;&nbsp;

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

<p>* DRA. IRIAN TINA GURU ANTROPOLOGI</p> &nbsp;&nbsp;

<p>* DRA. ESNI SAWITRI GURU MATEMATIKA</p> &nbsp;&nbsp;

<p>* DRA. ESTER DWITRI GURU MATEMATIKA</p> &nbsp;&nbsp;

(29)

&nbsp;&nbsp;

<p>* ADAM, S.Pd GURU KWN</p> &nbsp;&nbsp;

<p>* DRA. SRI EDYARTI GURU KIMIA</p> &nbsp;&nbsp;

<p>* ROBINSON, S.Pd GURU ORKES</p> &nbsp;&nbsp;

<p>* DRS. ROBERT GURU GEOGRAFI</p> &nbsp;&nbsp;

<p>* DRA. FARIDA HANUM LBS GURU BP</p> &nbsp;&nbsp;

<p>* PERINGETTEN GURU BP</p> &nbsp;&nbsp;

<p>* NURHAIDA SIREGAR, S.Pd BHS. INDONESIA</p> &nbsp;&nbsp;

<p>* DRS. P. SILABAN ANTROPOLOGI</p> &nbsp;&nbsp;

<p>* ASPEN MANIK, S.Pd FISIKA</p> &nbsp;&nbsp;

<p>* DRS. R. GULTOM SEJARAH</p> &nbsp;&nbsp;

<p>* SALUAT SIAHAAN, S.Pd KIMIA</p> &nbsp;&nbsp;

<p>* JAMES SIMORANGKIR,S.Pd KIMIA</p> &nbsp;&nbsp;

<p>* RAHMANUDDIN, S.Pd BIOLOGI</p> &nbsp;&nbsp;

<p>* NURBAYA BP</p> &nbsp;&nbsp;

<p>* BONETA BR GINTING ORKES</p> &nbsp;&nbsp;

<p>* DRA. JUNI ASTATI BP</p> &nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp; </font>

</body> </html>

(30)

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

&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; <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>

&nbsp;&nbsp;&nbsp;&nbsp; </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{

(31)

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>

(32)

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

(33)

</table> </div>

<div id="tulisansiswa3"> <br><b>

<center><font color="black"><font size="+1">Siswa kelas XII </font></center></b>

</div>

<div id="tabel3"><tr> <th>No</th>

<th>NISN</th> <th>NAMA</th>

<th>TEMPAT_LAHIR</th> <th>JENIS_KELAMIN</th>

</tr>$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>

"; } ?>

</table> </div>

</body> </html>

osis.php

<html> <head>

<title> Ekstrakurikuler </title> </head>

<body>

(34)

<center><font color="black"><font size="+1">OSIS SMA NEGERI 1 BABALAN</font></center></b>

&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; <font color="grey">

<p><font size="+1">Osis SMA Negeri 1 Babalan merupakan satu-satunya organisasi yang terdapat dalam SMA Negeri 1 Babalan. Dan juga merupakan satu-satunya wadah penampung kegiatan sekolah dan kegiatan ekstrakurikuler yang menunjang aktivitas serta kreativitas siswa. Osis terdiri dari Musyawarah Perwakilan kelas dan Pengurus Osis dan bertanggung jawab langsung kepada Kepala Sekolah yang merupakan Pembina.

Musyawarah Perwakilan Kelas memilih Pengurus OSIS, yang susunan pengurusnya terdiri dari : </p>

<p><br> *Ketua</p>

<p> *Wakil Ketua</p> <p> *Sekretaris</p>

<p> *Wakil Sekretaris</p> <p> *Bendahara</p>

<p> *Wakil Bendahara</p></br>

<p><br><b><font color="#0000CC">Dibantu dengan seksi-seksi organisasi :</font></b></p></br>

<p>a. Agama </p>

<p>b. Kepemimpinan/Paskibra </p> <p>c. Mading </p>

<p>d. Sosial </p> <p>e. Pramuka </p>

<p>f. Kewirausahaan/Koperasi </p> <p>g. Olahraga </p>

<p>h. Kesehatan </p>

<p><br>Masing-masing seksi dibantu oleh seorang Wakil seksi dan anggotanya. Setiap satu bidang biasanya terdiri dari 7 atau 8 anggota. Dan setiap anggota wajib datang pada saat rapat atau mengadakan kegiatan, karena setiap seksi akan di bagi tugas dan biasanya bergabung dengan seksi lain. Dalam OSIS tanggung jawab sangat di butuhkan. </p></br>

(35)

dan Ketua setiap seksi. Bagi Anda yang tertarik dengan organisasi maka wajib mendaftar dan menjadi Pengurus Osis.</p>

<p>Pendaftaran Calon Pengurus Osis diadakan setiap tahun ajaran baru. Dan Ketua Osis akan dipilih secara langsung oleh seluruh siswa secara demokratis. Ketua Osis biasanya dari kelas XI yang harus memenuhi persyaratan dan telah diadakan rapat penyisihan oleh Pembina Osis dan Pengurus Osis yang lama.</p></font>

&nbsp;&nbsp;&nbsp;&nbsp; </font>

</body> </html>

paskibra.php

<html> <head>

<title> PASKIBRA </title> </head>

<body>

<br><b>

<center><font color="black"><font size="+1"> PASKIBRA SMA Negeri 1 Babalan</font></center></b>

&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; <img src="data/paskib.jpg" width="150px"

height="200px"> <img src="data/paskib3.jpg"> <font color="grey"><font size="+1">

<p>PASKIBRA adalah salah satu ekstrakurikuler di SMA Negeri 1 Babalan. </p>

<p>Menjadi bintang di sekolah karena prestasi akademik ? oke!!! Tetapi tidak semua siswa memiliki kemampuan akademik yang sama.

Lewat beroganisasi, kita belajar untuk bisa menyampaikan pendapat. Dan kadang kita pula harus menerima pendapat orang lain kalau memang mereka lebih baik pendapatnya.

Dari proses itulah tanpa disadari kita belajar

(36)

<p><br>Mengikuti kegiatan ekstrakurikuler di sekolah merupakan suatu kegiatan yang sangat positif.

Dengan mengikuti ekstrakurikuler kita bisa

mengaprisiasikan bakat dan dapat bergaul dengan teman yang lain, dan manfaat ikut ekskul paskibra yaitu lebih berwibawa. Karena dalam ekstrakurikuler bukan hanya berasal dari satu kelas saja, akan tetapi berasal dari berbagai kelas mulai dari kelas sebelas hingga kelas dua belas.</p></br>

<p>Paskibra di SMA Negeri 1 Babalan (SMANSABA) sangat terorganisir dengan baik. Paskibra di SMANSABA terbentuk muLai tahun 1996. Anggota PASKIBRA ini muLanya hanya mengibar dalam lingkungn sekolah saja. Karena kegigihan dan kerja sama anggotanya, lambat laun mulai mengibar di Kecamatan bahkan sampai propinsi. Di dalamnya juga ada pengkaderan yang di lakukan untuk melatih mental para anggotanya. Selain itu, Paskibra juga mempunyai tujuan yang baik, yaitu mendidik anggota Paskibra baru agar dapat mengharumkAn nama sekolah dengan tidak menghilangkan etika, moral, dan keyakinan pada ALLAH SWT. </p>

<p>Dengan mengadakan kegiatan buka bersama antara Calon Capas atau Capas, Senior, PM bahkan Purna dapat mempererat kebersamaa sesame anggota Paskibra. Paskibra juga sering mengikuti perlombaan seperti Lomba Tata Cara Upacara, Gerak Jalan dan sebagainya. Ekskul Paskibra SMA Negeri 1 Babalan merupakan ekskul yang terkenal di Pangkalan Berandan. </p></font></font>

<p><br><font color="blue"> JADWAL EKSTRAKURIKULER PASKIBRA </p>

<p>Kamis Pukul 14.00 wib</p> <p>Sabtu Pukul 14.00 wib</p></br>

&nbsp;&nbsp;&nbsp;&nbsp; </font>

</body> </html>

pramuka.php

<html> <head>

(37)

</head> <body>

<br><b>

<center><font color="black"><font size="+1">PRAMUKA SMA NEGERI 1 BABALAN </font></center></b>

&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;

<img src="foto/pr.jpg" width="500px" height="370">

<font color="grey">

<p><font size="+1">PRAMUKA adalah salah satu ekstrakurikuler di SMA Negeri 1 Babalan </p>

<p>Ekstrakulikuler atau biasa yang disebut ekskul adalah suatu kegiatan diluar jam pembelajaran sekolah dan bertujuan untuk menggali setiap potensi siswa. Salah satunya adalah Pramuka. Pramuka SMANSABA mulai eksis Tahun 1998, tidak kalah dengan Paskibra. Pramuka ambalan soekarno - fatmawati ini adalah gerakan pramuka yang lumayan aktiv. Pramuka ini memiliki banyak tradisi dan adat-adat ambalan yang berbeda.

Kegiatan pada ekskul Pramuka juga terprogram dengan baik. </p>

<p><br>Para Senior Pramuka memberikan Pengajaran yang tidak menyimpang dari program-program yang telah di susun dengan baik. Pramuka SMANSABA juga pernah mengikuti PERSAMI. PERSAMI adalah singkatan dari..Perkemahan Sabtu Minggu. Beberapa anggota di SMANSABA juga pernah mengikuti perkemahan di uuar sekolah. Misalnya di daerah Kecamatan, Kabupaten maupun Propinsi, bahkan juga pernah mengikuti RAINAS di Jakarta.

di dalamnya juga di berikan pelatihan sehari sebelum

benar-benar berhak menjadi senior guna mendidik

adiknya.</p></br>

(38)

<p><br><font color="#000099">JADWAL EKSTRAKURIKULER PRAMUKA </br></p>

<p><br>Sabtu Pukul 14 wib</p></br> &nbsp;&nbsp;&nbsp;&nbsp;

</font> </body>

</html>

padus.php

<html> <head>

<title> PADUAN SUARA </title> </head>

<body>

<br><b>

<center><font color="black"><font size="+1">PADUAN SUARA </font></center></b>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="data/padus1.jpg">

<font color="grey">

<p><b><br><font size="+1">PADUAN SUARA Pada SMA Negeri 1 Babalan </p></b></br>

<p><br>Tujuan utama mengikuti ekstrakulikuler

sekolah yaitu untuk memperdalam bidang tertentu

berdasarkan minat dan potensi yang ada di dalam diri. Salah satu ekstrakurikuler yang dapat kita ikuti adalah Paduan Suara. Paduan Suara atau sering di singkat dengan PS mulai eksis di smansaba sejak dulu hingga sekarang. Kegiatan ekskul ini memang tidak membutuhkan kerja lapangan, namun kekuatan dan kebagusan suara harus bener-benar di perhatikan, ibarat penyanyi.</p></b>

(39)

<p>Suara 1 biasanya yang memiliki kemampuan suara yang tinggi yang di peroleh seorang cewek.</p>

<p>Suara 2 khusus buat cewek yang suaranya besar dan rendah.</p><p>Suara 3 khusus buat cowok.</p></p></b>

<p><br>Prestasi Paduan Suara Smansaba cukup baik,seperti Juara I BBH beberapa kali berturut-turut,Mendapat undangan untuk mengisi acara di berbagai tempat seperti

GERINDRA(kantor bupati stabat),KNPI(gedung PWP

P.berandan),PEMUDA PANCASILA,KARANG TARUNA(kantor

gubernur sumatera utara,ACARA KEROHANIAN(natal

oikumene,bakor,hikbah,paskah)dan lain-lain...</p></br> <p>MAJU paduan suara SMA N 1 BABALAN</p></font> <p><br><font color="#000099">JADWAL EKSTRAKURIKULER PADUAN SUARA</p></br>

<p>Kamis Pukul 14.00 wib</p>

<p>Jum'at Pukul 14.00 wib</p></font> &nbsp;&nbsp;&nbsp;&nbsp;

</font> </body>

</html>

rohis.php

<html> <head>

<title> ROHANI ISLAM </title> </head>

<body>

<br><b>

<center><font color="black"><font size="+1">ROHANI ISLAM </font></center></b>

&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;

<img src="foto/rohis2.jpg" width="500px" height="400px">

<font color="grey">

<p><b><br><font size="+1">ROHANI ISLAM atau Rohis adalah salah satu ekstrakurikuler Pada SMA Negeri 1 Babalan </p></b></br>

(40)

kegiatan ini dimulai dari sepulang sekolah pada setiap hari jumat. Sedangkan untuk siswa yang non-muslim memiliki kegiatan sendiri pada hari jumat juga. Rohis atau nama lainnya Rohani Islam. Rohis SMANSABA mulai di jadikan ekskul sejak tahun 2006.</p>

<p><br>Mulanya kegiatan rohis belum resminya tidak termasuk ke dalam ekskul SMANSABA.

namun sekrang ekskul rohis mulai banyak di gemari siswa-siswa smansaba. kegiatan rohis biasanya di isi dengan kgiatan-kegiatan islami, di samping itu, di dalamnya juga terdapat kgiatan-kegiatan yang menarik nya positif. Seperti ada nasyid, permainan seru seperti tukar kado sesama anggota rohisnya banyak yang lainnya. Rohis juga punya perpustakaan yang di dalamnya banyak buku-buku panduan tentang islam. Oleh sebab itu, sebaiknya kegiatan rohis seperti ini di miliki setiap sekolah agar siswanya tidak mengesampingkan urusan agama di tengah kesibukannya di sekolah.</p></br>

<p><br><font color="#000099">JADWAL EKSTRAKURIKULER ROHIS</p></br>

<p>Jumat Pukul 12.00 wib</p></font></font> &nbsp;&nbsp;&nbsp;&nbsp;

</font> </body>

</html>

sendratasik.php

<html> <head>

<title> SENDRATASIK </title> </head>

<body>

<br><b>

<center><font color="black"><font size="+1">SENDRATASIK </font></center></b>

&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;

(41)

<font color="grey">

<p><b><br><font size="+1">SENDRATASIK adalah salah satu ekstrakurikuler Pada SMA Negeri 1 Babalan

</p></b></br>

<p>Sendratasik adalah ekstrakulikuler yang bersaudara dengan ekskul pramuka. Kepanjangan Sendratasik adalah seni, drama, tari dan musik. Pendiri ekskul ini juga anak pramuka. Di sini banyak sekali murid yang

memiliki kreativitas yang tinggi. Mereka selalu

menampilkan tarian, drama, musik yang berbeda di setiap acara yang di buat oleh anak OSIS.</p>

<p><br>Setiap ada acara di SMA NEGERI 1 BABALAN sebagian besar acara di isi oleh anggota sendratasik, mulai dari drama, tari, maupun lagu. Kadang mereka membawakan acara yang berjudul opera van smansaba yang di lengkapi dengan properti dan kelakuan yang super lucu. Tetapi sering juga menampilkan drama yang berhubungan dengan acra yang berlangsung. Misalnya acara hari guru, ,maka anggota sendratasik akan membawakan drama yang berkaitan dengan guru.</p></br></font>

<p><br><font color="#000099">JADWAL EKSTRAKURIKULER SENDRATASIK</p></br>

<p>Rabu Pukul 14.00 wib</p></font></font> &nbsp;&nbsp;&nbsp;&nbsp;

</font> </body>

</html>

olahraga.php

<html> <head>

<title> OLAHRAGA </title> </head>

<body>

<br><b>

<center><font color="black"><font size="+1">OLAHRAGA </font></center></b>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="foto/basket.jpg" width="450px"

(42)

<font color="grey">

<p><b><br><font size="+1">OLAHRAGA adalah salah satu ekstrakurikuler Pada SMA Negeri 1 Babalan

</p></b></br></font>

<p>Olahraga merupakan Ekskul yang sangat diminati siswa laki-laki, tetapi jangan salah karena di SMA Negeri Babalan banyak juga siswa perempuan yang mengikuti

ekstrakurikuler ini. Karena bukan hanya sekedar

ekstrakurikuler, tetapi kita dapat menyalurkan hobi kita dalam bidang olahraga sebagai kegiatan positif yang wajib kita ikuti.<p>

<p><br>BASKET<p>

<p>Ekskul basket ini adalah ekskul yang lumayan akiv dan selalu mendapatkan juara di berbagai pertandingan. ekskul ini telah mencapai prestasi se-wilayah di sumatera utara.</p></br>

<p><br><font color="#000099">JADWAL EKSTRAKURIKULER OLAHRAGA BASKET</p></br>

<p>Sabtu Pukul 16.00 wib</p></font> <p><br> VOLLY</p>

<p>Ekskul Voli ini adalah ekskul yang sering mendapat juara di berbagai kejuaraan. mereka selalu latihan rutin di hari rabu pada pukul 04.00 di petrolia. anggota nya memiliki kekuatan yang lumayan baik dan bisa di andalkan di berbagai pertandingan.</p></br>

<p><br><font color="#000099">JADWAL EKSTRAKURIKULER OLAHRAGA VOLLY</p></br>

<p>Kamis Pukul 16.00 wib</p>

<p>Jumat Pukul 16.00 wib</p></font> <p><br>BOLA KAKI </p>

<p>Bagi siswa yang memiliki hobi bermain bola kaki wajib mengikuti ekstrakurikuler ini. Karena ekstrakulikuler ini memiliki banyak prestasi yang baik dalam kegiatan sekolah maupun di luar sekolah.</p></br> <p><br><font color="#000099">JADWAL EKSTRAKURIKULER OLAHRAGA SEPAK BOLA</p>

<p>Sabtu Pukul 16.00 wib</p></font> &nbsp;&nbsp;&nbsp;&nbsp;

</font> </body>

</html>

(43)

<html> <head>

<title> gallery </title> <style type="text/css">

#tulisan{

width:99%; height:5%;

background-image:url(./foto/bground.jpg); }

#foto{

width:99%; height:105%;

background:brown; }

#foto1{

width: 250px; height: 300px; background: green; float: left;

margin: 10px; }

#foto2{

width: 250px; height: 300px; background: green; float: left;

margin: 10px; }

#foto3{

width: 250px; height: 300px; background: green; float: left;

margin: 10px; }

#foto4{

width: 250px; height: 300px; background: green; float: left;

margin: 10px; }

#foto5{

(44)

background: green; float: left;

margin: 10px; }

#foto6{

width: 250px; height: 300px; background: green; float: left;

margin: 10px; }

#foto7{

width: 100px; height: 100px; background: green; float: left;

margin: 10px;

margin-left: 30px; }

#foto8{

width: 100px; height: 100px; background: green; float: left;

margin: 10px;

margin-left: 15px; }

#foto9{

width: 100px; height: 100px; background: green; float: left;

margin: 10px;

margin-left: 15px; }

#foto10{

width: 100px; height: 100px; background: green; float: left;

margin: 10px;

margin-left: 15px; }

(45)

<body>

<div id="tulisan">

<center><br><b><font color="red">GALLERY SMANSABA</font></center></br></b>

&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; </div>

<div id="foto"> <div id="foto1">

<table border="3">

<tr><td><img src="foto/1.jpg" width="250px" height="300px" title="LAPANGAN UPACARA SMA NEGERI 1 BABALAN" align="center"></td></tr>

</table> </div>

<div id="foto2"> <table border="3">

<tr><td><img src="foto/2.jpg" width="250px" height="300px" title="ANGGOTA PASKIBRA SMA NEGERI 1 BABALAN" align="center"></td></tr>

</table> </div>

<div id="foto3"> <table border="3">

<tr><td><img src="foto/3.jpg" width="250px" height="300px" title="ANGGOTA PPL LP3I"

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

</div>

<div id="foto4"> <table border="3">

<tr><td><img src="foto/4.jpg" width="250px" height="300px" title="PERINGATAN HARI GURU DI KELAS" align="center"></td></tr>

</table> </div>

(46)

<tr><td><img src="foto/5.jpg" width="250px" height="300px" title="GAMBARAN GEDUNG 1 SMA NEGERI 1 BABALAN" align="center"></td></tr>

</table> </div>

<div id="foto6"> <table border="3">

<tr><td><img src="foto/6.jpg" width="250px" height="300px" title="PERINGATAN ISRA' MI'RAJ DI SMA NEGERI 1 BABALAN" align="center"></td></tr>

</table> </div>

<div id="foto7"> <table border="3">

<tr><td><img src="foto/7.jpg" width="100px" height="100px" title="SISWA DI JAM PELAJARAN OLAHRAGA" align="center"></td></tr>

</table> </div>

<div id="foto8"> <table border="3">

<tr><td><img src="foto/8.jpg" width="100px"

height="100px" title="ANGGOTA EKSKUL VOLLY DI SMA NEGERI 1 BABALAN" align="center"></td></tr>

</table> </div>

<div id="foto9">

<table border="3">

<tr><td><img src="foto/9.jpg" width="100px"

height="100px" title="LINGKUNGAN GEDUNG 2 DI SMA NEGERI 1 BABALAN" align="center"></td></tr>

</table> </div>

<div id="foto10"> <table border="3">

<tr><td><img src="foto/10.jpg" width="100px" height="100px" title="PERLOMBAAN GERAK JALAN ANGGOTA PASKIBRA ANTAR SEKOLAH" align="center"></td></tr>

(47)

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

</html>

aboutme.php

<html> <head>

<title> About Me </title> </head>

<body>

<br><b>

<font size="4">

<center><font color="red">About Me </font></center></b>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <font color="grey">

<img src="foto/devi.jpg" width="150px" height="200px">

<p>Data Pribadi</p>

<p>Nama : Devi Yulita</p>

<p>Jenis Kelamin : Perempuan</p>

<p>Tempat, Tanggal Lahir : Pangkalan Berandan, 23 Juni 1993</p>

<p>Kebangsaan : Indonesia</p> <p>Status : Belum Menikah</p>

<p>Tinggi/Berat : 165 cm / 53 kg</p> <p>Agama : Islam</p>

<p>Alamat : Jl. Setia Budi Tanjung Sari Pasar 1 Gg Wakaf No.18</p>

<p>No. Ponsel : 0885761808706</p>

<p>E-mail : deviyulita23@yahoo.com</p>

</p>

<p>Saya yang bernama Devi Yulita lahir di Pangkalan

Berandan, 23 Juni 1993 dengan jenis kelamin

perempuan.Biasa di panggil Devi. Saya bergolongan darah A, dengan rambut panjang gelombang, kulit sawo matang dan memiliki tinggi badan sekitar 162cm.

(48)

tangga.</p><p>Kegiatan saya saat ini adalah kuliah semester V di Universitas Sumatera Utara di fakultas MIPA tepatnya saya mengambil jurusan Teknik Informatika. Kegiatan lainnya biasanya saya berkumpul bersama teman-teman setelah pulang kuliah sambil membahas tugas.

Kegiatan lainnya biasanya setiap akhir bulan saya pulang ke berandan untuk bergotong royong dengan remaja yang lain. Terkadang saya juga menghadiri acara reuni dengan teman-teman sekedar bertukaran informasi satu sama lain. Saya juga mengikuti seminar yang berkaitan dengan mata kuliah.</p>

<p>Setiap orang mempunyai hobi yang berbeda. Namun berawal dari hobi biasanya muncul suatu kebiasaan. Sesuatu yang kita sukai dan mudah untuk dilakukan. Kebiasaan akan menjadi sesuatu yang berguna jika dengan dimulai hobi yang bermanfaat.

Hobi saya adalah memasak, menonton, membaca, medengarkan musik. Semoga Anda dapat mengambil manfaat dari website ini.</p>

&nbsp;&nbsp;&nbsp;&nbsp; </font></font> </body>

(49)

SURAT KETERANGAN Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir

Program Diploma 3 Teknik Informatika :

Nama : DEVI YULITA

NIM : 112406092

Prog. Studi : D3 TEKNIK INFORMATIKA

Judul Tugas Akhir : PERANCANGAN SISTEM INFORMASI SMA NEGERI 1

BABALAN DENGAN MENGGUNAKAN

PEMROGRAMAN PHP DAN MYSQL

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 2014

Dosen Pembimbing

Prof.Dr.opim Salim Sitompul, M.Sc

(50)

KEMENTRIAN PENDIDIKAN DAN KEBUDAYAAN

UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jl. Bioteknologi No. 1 Kampus USU Telp. (061) 8211050 Fax. (061) 8214290 Medan-20155

Email : Dekanat@FMIPA.USU.AC.ID

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA Nama Mahasiswa : DEVI YULITA

Nomor Stambuk : 112406092

Judul Tugas Akhir : Perancangan Sistem Informasi Sma Negeri 1 Babalan Dengan Menggunakan Pemrograman Php Dan Mysql

Dosen Pembimbing : Prof. Dr. Opim Salim Sitompul, M.Sc Tanggal Mulai Bimbingan :

Tanggal Selesai Bimbingan :

No Tanggal Asisten Bimbingan

Pembahasan pada Asistensi Mengenai,

pada Bab

Paraf Dosen

Pembimbing Keterangan 1

2 3 4 5 6 7 8

Diketahui, Disetujui Pembimbing Utama/

Ketua Prodi D3 Teknik Informatika Penanggung Jawab

Referensi

Dokumen terkait

sip akuntansi yang lazim dan sab berlokunya, untuk negara k ita sudah ada p r in s ip akuntansi termnksud- yaitu P rin sip Akuntansi Indonesia yang merupnkan - p rin sip

This research was conducted in Silahisabungan Subdistrict of Dairi District and Pangururan Subdistrict of Samosir Regency of North Sumatera Province, This study

Berdasarkan uraian diatas, bahwa tidur mempengaruhi kerja jantung pada pasien in- fark miokard, sehingga peneliti tertarik untuk mengadakan penelitian mengenai Hubungan Antara

Tanda terima barang ini sebagai bukti telah diterimanya barang dari supplier. Pada awalnya bagian gudang logistik menerima surat pesanan pembelian lembar. ketiga dari bagian

Mahrus Ahsani, Konstelasi Konsep Kodrat Alam dan Tut Wuri Handayani Ki Hadjar Dewantara Perspektif Pendidikan Islam.. bahwa pada hakikatnya manusia sebagai makhluk

Lingkungan peremajaan permukiman kumuh yang berada pada lokasi yang sangat strategis dalam mendukung fungsi kota dan dalam. memberikan pelayanan

[r]

Guru menggunakan berbagai strategi dan metode penilaian untuk memantau kemajuan dan hasil belajar peserta didik dalam mencapai kompetensi tertentu sebagaimana yang tertulis dalam