Portal Akademik Madrasah Aliyah Negeri Berbasis Web Menggunakan PHP dan MySQL
<html> <head>
<title>::..::Portal Akademik MAN Barus::..::</title> <link rel="stylesheet" type="text/css" href="style.css"> <link href="themes/js/js-image-slider.css" rel="stylesheet" type="text/css" />
<script src="themes/js/js-image-slider.js" type="text/javascript"></script> <link href="themes/js/tooltip.css" rel="stylesheet" type="text/css" /> <script src="themes/js/tooltip.js" type="text/javascript"></script>
<script type="text/javascript"> imageSlider.thumbnailPreview(function (thumbIndex) { return "<img src='images/thumb" + (thumbIndex + 1) + ".jpg' style='width:70px;height:44px;' />"; });
</script> </head> <body>
<marquee> <div style="-moz-box-shadow: 0pt 0px
0px 0pt rgb(255, 0, 0) inset; background: none repeat scroll 0% 0% rgb(34, 139, 34); border: 1px solid rgb(0, 0, 255); font-family: Cataneo BT; font-size: 12px; font-weight: bolder; padding: 1px; text-align: center;">
<script type="text/javascript"> var bgsGR1color="#0000FF" /* Warna utama teks */ var message="..:: Selamat Datang di Website Resmi Madrasah Aliyah Negeri Barus | Program Ikhlas Beramal | manbarus.com::.." var bgsGR2color="#00FFFF" /* Warna teks flash pertama */ var bgsGR3color="#FFFF00" /* Warna teks flash ke dua */ var flashspeed=90 // kec. ganti warna (1/1000 dt) var flashingletters=15 // jumlah teks pertama (tips / hitung jumlah text, kemudian bagi 2) var flashingletters2=18 // jumlah berwarna teks ke dua (tips / hiting jumlah text, kemudian bagi 2) var flashpause=1 // waktu jeda pergantian warna (1/1000 dtk) var n=0 if
(document.all||document.getElementById){document.write('<font color="'+bgsGR1color+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>') document.write('</font>')}else document.write(message) function crossref(number){var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number) return crossobj}function neon(){if
(n==0){for (m=0;m<message.length;m++) crossref(m).style.color=bgsGR1color} crossref(n).style.color=bgsGR2color if (n>flashingletters-1) crossref(n- flashingletters).style.color=bgsGR3color if (n>(flashingletters+flashingletters2)-1) crossref(n- flashingletters-flashingletters2).style.color=bgsGR1color if (n<message.length-1) n++ else{n=0 clearInterval(flashing) setTimeout("beginneon()",flashpause) return}} function beginneon(){if
(document.all||document.getElementById) flashing=setInterval("neon()",flashspeed)} beginneon() </script>
</div> </marquee>
<br><br> <div class="info">
<marquee>Lihat pengumuman penting madrasah disini!!!</marquee> </div>
<div class="bingkai"> <div class="kepala">
<div id="motto"> <marquee>"BERJUANG MENANAM
KEIKHLASAN, MENEBAR KEJUJURAN NISCAYA AKAN MENUAI KEBERHASILAN"</marquee>
</div> <div id="visi">
<marquee>"IKHLAS BERAMAL"</marquee> </div> <img src="images/gbanner8.jpg" width="1024px" height="198px">
</div> <ul>
<li><a class="glidebutton" href="index.php"><span data-text="BERANDA">BERANDA</span></a></li> <li>
<a class="glidebutton" href="profil.php" target="_self"><span data-text="DIREKTORI MADRASAH">DIREKTORI MADRASAH</span></a>
<ul> <li>
<a href="profil.php?menu=sejarah" target="">Sejarah Sekolah</a> <a href="profil.php?menu=visimisi" target="">Visi, Misi dan
Tujuan</a> <a href="profil.php?menu=sarana" target="">Sarana dan Prasarana</a> <a href="profil.php?menu=kondisi" target="">Kondisi Siswa</a> <a href="profil.php?menu=statistik" target="">Statistik Siswa</a> <a href="profil.php?menu=komite" target="">Komite Sekolah</a> <a href="profil.php?menu=kalender" target="">Kalender Akademik</a> <a href="profil.php?menu=osis" target="">OSIS</a> <a href="profil.php?menu=ekstra" target="">Ekstrakurikuler</a> <a href="profil.php?menu=beasiswa" target="">Beasiswa</a>
</li> </ul>
</li> <li>
<a class="glidebutton" href="profil.php?menu=struktur" target=""><span data- text="STRUKTUR ORGANISASI">STRUKTUR ORGANISASI</span></a>
<ul> <li>
<a href="profil.php?menu=kepsek" target="">Kepala Madrasah Aliyah Negeri</a>
<a href="profil.php?menu=tata" target="">Tata Usaha</a> <a href="profil.php?menu=wali" target="">Wali Kelas</a> <a href="profil.php?menu=guru" target="">Guru</a> <a href="profil.php?menu=prestasiguru" target="">Prestasi Guru</a>
</li> </ul>
</li> <li>
<a class="glidebutton" href="#" target="#"><span data-text="LINK PTN/PTS">LINK PTN/PTS</span></a> <ul>
<li> <a href="http://snmptn.ac.id" target="">Pendaftaran SNMPTN 2014</a> <a href="http://www.sbmptn.or.id" target="">Pendaftaran SBMPTN
2014</a> <a href="http://www.ui.ac.id" target="">Universitas Indonesia</a> <a href="http://www.itb.ac.id" target="">Institute Teknik Bandung</a> <a href="http://www.usu.ac.id" target="">Universitas Sumatera
Utara</a> <a href="http://www.its.ac.id" target="">Institute Teknik
Surabaya</a>
<a href="http://www.ub.ac.id" target="">Universitas Brawijaya Malang</a>
<a href="http://www.unsoed.ac.id" target="">Unsoed</a> <a href="http://www.polines.ac.id" target="">Polines</a> <a href="http://www.poltekkes-smg.ac.id" target="">Poltekkes</a> <a href="http://www.uny.ac.id" target="">UNY</a> <a href="http://www.uns.ac.id" target="">UNS</a> <a href="http://www.ugm.ac.id" target="">Universitas Gajah Mada</a> <a href="http://www.unnes.ac.id" target="">Unnes</a> <a href="http://www.undip.ac.id" target="">Undip</a> <a href="http://www.dinus.ac.id" target="">Udinus</a> <a href="http://www.ikippgrismg.ac.id" target="">IKIP PGRI
Semarang</a> <a href="http://www.unisbank.ac.id" target="">Unisbank</a> <a href="http://www.unissula.ac.id/" target="">Unissula</a> <a href="http://www.unika.ac.id/" target="">Unika</a> <a href="http://www.ummgl.ac.id/" target="">Universitas Muhamadiyah
Magelang</a> <a href="http://www.ump.ac.id/" target="">Universitas Muhamadiyah
Purwokerto</a> <a href="http://www.ums.ac.id/" target="">Universitas Muhamadiyah
Surakarta</a>
<a href="http://www.unimus.ac.id" target="">Universitas Muhamadiyah Semarang</a>
<a href="http://www.usm.ac.id/" target="">Universitas Semarang</a> <a href="http://www.undaris.ac.id/" target="">Undaris</a> <a href="http://www.umk.ac.id/" target="">Universitas Muria Kudus</a>
</li> </ul>
</li> <li>
<a class="glidebutton" href="#" target=""><span data-text="APLIKASI ONLINE">APLIKASI ONLINE</span></a>
<ul> <li>
<a href="psb/siswa/index.php" target="_blank">Pendaftaran Siswa Baru Online</a>
<a href="nilai/index.php" target="_blank">Portal Akademik Online</a> <a href="roster.online/index.php" target="_blank">Roster Online</a> <a href="Perpustakaan/index.php" target="_blank">Perpustakaan
Online</a> <a href="SIM_SPP/index.php" target="_blank">SPP Online</a> <a href="SIM_SPP/temp/index.php" target="_blank">Penggajian Guru
Online</a> </li>
</ul> </li>
</ul> <div id="border"></div> <div class="isi">
<br> <div id="sliderFrame">
<div id="slider"> <img src="images/gbanner7.jpg" alt="#cap1" /> <img src="images/100_6488.jpg" alt="Kepala Sekolah MAN Barus (Drs. Syamsul Bahri, MA) sebagai
Inspektur Upacara dalam Peringatan Hari Guru" /> <img src="images/100_6484.jpg" alt="Wa.Kasek Bagian Kesiswaan (Yusri Sitanggang, SH) sebagai
Pemimpin Upacara dalam Peringatan Hari Guru" /> <img src="images/100_6509.jpg" alt="Pengibaran Bendera Merah Putih oleh Guru dan Tim Paskibra MAN
Barus dalam Peringatan Hari Guru" /> <img src="images/100_6515.jpg" alt="Para Guru dan Pegawai mengikuti Upacara Bendera Peringatan
Hari Guru dengan tertib dan hikmat" /> <img src="images/100_6495.jpg" alt="Tim Pasukan Pengibar Bendera Madrasah Aliyah Negeri Barus" /> <img src="images/100_6487.jpg" alt="Tim Pramuka Madrasah Aliyah Negeri Barus" /> <img src="images/100_6521.jpg" alt="Tim Vokal Group Madrasah Aliyah Negeri Barus" /> <img src="images/100_6522.jpg" alt="Para Guru sedang Hening Cipta ketika Hymne Guru dinyayikan"
/> <img src="images/100_6525.jpg" alt="Pembacaan Teks Pancasila Oleh Kepala Sekolah dalam Peringatan
Hari Guru" /> <img src="images/100_6527.jpg" alt="Pembacaan Teks UUD 1945 Oleh Guru MAN Barus (Zakhra
Mahardhika, S.Pd) dalam Peringatan Hari Guru" /> <img src="images/100_6530.jpg" alt="Pembacaan Kode Etik Guru Oleh Guru MAN Barus (Syamriani
Manalu, S.Pd.I) dalam Peringatan Hari Guru" />
<img src="images/100_6532.jpg" alt="Pembacaan Kode Etik Pegawai Oleh Guru MAN Barus (M. Lufti Siambaton, M.Pd) dalam Peringatan Hari Guru" />
<img src="images/100_6534.jpg" alt="Kepala Sekolah berpidato memberikan wejangan dan bimbingan dalam Peringatan Hari Guru" />
<img src="images/100_6537.jpg" alt="Pembacaan Do'a Oleh Guru MAN Barus (Zulkirman, S.Pd) dalam Peringatan Hari Guru" />
<img src="images/100_6538.jpg" alt="Para siswa Madrasah Aliyah Negeri Barus sedang berdo'a dalam Peringatan Hari Guru" />
<img src="images/100_6539.jpg" alt="Para guru Madrasah Aliyah Negeri Barus sedang berdo'a dalam Peringatan Hari Guru" />
<img src="images/100_6542.jpg" alt="Pembaca Tata Tertib Acara Upacara Bendera sedang berdo'a dalam Peringatan Hari Guru" />
<img src="images/100_6551.jpg" alt="Kepala Sekolah memberikan penghargaan dalam kategori guru berprestasi kepada Rahmiyani Sinaga, S.Pd dalam Peringatan Hari Guru" />
<img src="images/100_6574.jpg" alt="Pemberian simbol terima kasih siswa kepada guru dalam Peringatan Hari Guru" />
<img src="images/100_6578.jpg" alt="Sayonara antara siswa dengan guru dalam Peringatan Hari Guru" />
<img src="images/100_6599.jpg" alt="Pemberian upah-upah secara simbolis kepada Kepala Sekolah dalam Peringatan Hari Guru" />
<img src="images/100_6609.jpg" alt="Pemberian penghargaan kepada guru berprestasi oleh siswa dalam Peringatan Hari Guru (Drs. Syamsul Bahri, MA - Dra. Ruslaini Habayahan - Mulia Darni, S.Pd.I - M. Lufti Siambaton, M.Pd - Yulrisna, S.Pd)" />
<img src="images/IMG_0137.jpg" alt="Festival musik antar kelas dalam Peringatan Hari Guru" /> <img src="images/IMG_0150.jpg" alt="Pemberian kalung bunga kepada Kepala Sekolah Drs. Syamsul
Bahri, MA oleh Penasehat OSIS Lufhan Siregar dalam Peringatan Hari Guru" />
<img src="images/IMG_0171.jpg" alt="Guru Favorit versi siswa MAN Barus" /> <img src="images/IMG_0172.jpg" alt="Tim Penari Tradisional oleh guru MAN Barus" /> <img src="images/IMG_0178.jpg" alt="Karya Siswa MAN Barus yaitu karikatur Kepala Sekolah Drs. Syamsul Bahri, MA" />
<img src="images/IMG_0186.jpg" alt="Tim Tari MAN Barus" /> <img src="images/IMG_0189.jpg" alt="Games memasukkan paku ke dalam botol antar guru dalam
Peringatan Hari Guru" /> <img src="images/IMG_0195.jpg" alt="Games Tari Tomat antar guru dalam Peringatan Hari Guru" /> <img src="images/IMG_0197.jpg" alt="Games Tari Tomat antar guru dalam Peringatan Hari Guru" /> <img src="images/IMG_0200.jpg" alt="Tim Teacher band sedang beraksi di panggung dalam Peringatan
Hari Guru" /> <img src="images/IMG_0214.jpg" alt="Tim Teacher band sedang beraksi di panggung dalam Peringatan
Hari Guru" /> </div> <div style="display: none;">
<div id="cap1"> Welcome to <a href="http://www.manbarus.com/">MAN Barus</a>
</div> </div>
</div> <div class="div2">
<div id="kiri"> Kepala Madrasah Aliyah Negeri
Barus<br> Drs. Syamsul Bahri, MA<br><br>
<img src="images/index.png"> </div> <div id="kanan">
<h1 style="font-family:times new roman; font-size:30px">Madrasah Aliyah Negeri</h1> <p>Madrasah Aliyah Negeri Barus merupakan lembaga Pendidikan tingkat atas yang bercirikas islam, terletak di Jl.F.L.Tobing Kecamatan Barus, Kabupaten Tapanuli Tengah Provinsi Sumatera Utara. Berada Pada lingkungan masyarakat dengan kultur yang kental ajaran islam karena banyak penduduknya yang merupakan alumni sekolah madrasah. Ditopang masyarakat yang mayoritas mata pencariannya bertani dan nelayan, maka Madrasah Aliyah Negeri Barus menjalankan fungsinya ikut serta dalam mencerdaskan kehidupan masyarakat khususnya di Kecamatan Barus.</p>
<blink><a href="profil.php?menu=lengkap" style="background:#757575; color:white; text-decoration: none; padding:8px; font- size:15px;">Selengkapnya...</a></blink>
</div> </div>
<div class="kaki"> <table width="107%">
<tr> <td><br><a href="http://www.indonesia.go.id" target="_blank"><img src="images/indonwsia.jpg" title="Negara Indonesia" width="290" height="75"></a><br></td>
<td><br><a href="http://www.kemdikbud.go.id" target="_blank"><img src="images/KEMENDIKBUD.jpg" title="Kementerian Pendidikan dan Kebudayaan" width="290" height="75"></a><br></td>
<td><br><a href="http://www.kemenag.go.id" target="_blank"><img src="images/bn7.gif" title="Kementerian Agama Republik Indonesia" width="290" height="75"></a><br></td>
</tr> <tr>
<td><br><a href="http://belajar.kemdikbud.go.id" target="_blank"><img src="images/rumah+belajar.jpg" title="Rumah Belajar" width="290" height="75"></a><br></td>
<td><br><a href="http://buku.kemdikbud.go.id" target="_blank"><img src="images/bse.png" title="Buku Sekolah Elektronik" height="75" width="290"></a><br></td>
<td><br><a href="http://bos.kemdikbud.go.id" target="_blank"><img src="images/bos.png" title="Bantuan Operasional Sekolah" height="75" width="290"></a><br></td>
</tr> <tr>
<td><br><a href="http://tve.kemdikbud.go.id" target="_blank"><img src="images/tve.png" title="Televisi Edukasi" width="290" height="75"></a><br><br></td>
<td><br><a href="psb/siswa/index.php" target="_blank"><img src="images/psb.jpg" title="Pendaftaran Siswa Baru Online" width="290" height="75" /></a><br><br></td>
<td><br><a href="Perpustakaan/index.php" target="_blank"><img src="images/perpusman.gif" title="Perpustakaan Madrasah" width="290" height="75" /></a><br><br></td>
</tr> </table> <br>Copyright &copy; 2014 Portal Akademik
Madrasah Aliyah Negeri Barus All Right Reserved &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp& nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&n bsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nb sp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbs p&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp& nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp Designed by Lufhan Siregar
</div> </div>
</body> </html>
2. style.css
body{ /*background-image: url("images/Page-BgTexture.jpg");*/ font: normal 0.9em Arial; margin: 0; padding: 0; padding-bottom: 60px;
} .info{ width: 100%; height: 26px; background-color: #B5C5B6; font-size: 18px; font-family: Comic Sans MS;
} .bingkai{ width: 1024px; margin-left: 10%; margin-top: 10px; background-color: #B5C5B6; border-radius: 13px;
} .kepala{ width: 76%; height: 200px; background-color: ;
} #motto{ width: 15%; height: auto; background-color: green; font-family: calibri; font-size: 12px; float: left; color: white; border-radius: 3px;
} #visi{ width: 15%; font-size: 12px; color: white; height: auto; background-color: green; float: left; margin-left: 906px; margin-top: -13px; font-family: calibri; border-radius: 3px;
} ul{ background-color: green; width: 96%; height: 45px; border-radius: 5px; } li{ float: left; display: inline; list-style-type: none;
} a.glidebutton{ float: left; padding: 6px; padding-bottom: 10px; height: 30px; margin-left: 30px; margin-top: ; color: white; text-decoration: none; font: bold 18px Juice itc; background: ; /*default bgcolor*/ text-align: center; border-radius: 7px; /*border radius*/ display: inline-block; position: relative; text-decoration: none; letter-spacing: 2px; overflow: hidden;
- moz-transition:all 0.3s ease-in-out;
- webkit-transition:all 0.3s ease-in-out;
- o-transition:all 0.3s ease-in-out;
- ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;
} a.glidebutton > span:first-child{ position: relative; display: block; height: 100%; padding: 6px;
- moz-box-sizing: border-box; box-sizing:border-box;
- moz-transition:all 0.3s ease-in-out;
- webkit-transition:all 0.3s ease-in-out;
- o-transition:all 0.3s ease-in-out;
- ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;
} a.glidebutton > span:first-child:after{ content: attr(data-text); display: block; width: 100%; height: 100%;
- moz-box-sizing:border-box; box-sizing:border-box; padding: inherit; position: absolute; top: 100%; left: 0;
} a.glidebutton:hover{ color: #00FFFF; background-color: green; box-shadow: 0 0 4px green inset;
} a.glidebutton:hover > span:first-child{
- moz-transform:translateY(-100%);
- widowsebkit-transform:translateY(-100%);
- ms-transform:translateY(-100%);
- o-transform:translateY(-100%); transform:translateY(-100%);
} li ul{ float: left; text-decoration: none; list-style-type: none; margin-left: 30px; padding: 0px; background:#ececec; display:none; height:auto; position:absolute; font: bold 18px Juice itc; width: auto; z-index:200; border-radius: 13px; margin-top: 45px;
} li:hover ul{ text-decoration: none; display: block; } li li{ display: block; text-decoration: none; float: none; margin-top: ; padding: 0px; width: auto;
} li ul a{ display: block; font-size: 18px; font-style: normal; padding: 5px; text-align: left; text-decoration: none; width: auto; color: black;
} li ul a:hover{ background: #72cb47; color: white;
- moz-border-radius:13px; } #border { height: 3px; border-top: 1px solid green;
.isi{ width: 80%; height: auto;
} h2{ display:inline;
} .div1, .div2{ line-height: 16px; width:924px; margin: 0 auto; padding: 10px 50px; font-size: 13px; word-spacing: 5px;
} .div1{ margin-top:30px; margin-bottom:30px; text-align:center; line-height:20px;
} .div1 P{ font-size:18px; } .div1 a, .div2 a{ color:#07C; } .div1 a{ margin:0 8px; } .div1 a.current{ color:black; text-decoration:none;
} .div2{ margin-top:70px; }
#kiri{ width: 30%; float: left; margin-bottom: 18px;
} #kanan{ width: 70%; float: left; margin-bottom: 18px;
} .div2 li{ padding-top:6px; padding-bottom:6px;
} .kaki{ clear:both; width: 125%; padding-top: 3px; margin-top: 10px; height: auto; color:#FFF; background: green; #font-family: Juice itc; font-size: 13px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;
}
3. style2.css body{
/*background-image: url("images/Page-BgTexture.jpg");*/
font: normal 0.9em Arial; margin: 0; padding: 0; padding-bottom: 60px; } .info{ width: 100%; height: 20px; background-color: #B5C5B6; font-size: 18px; font-family: Comic Sans MS; }.bingkai{ width: 75%; margin-left: 10%; margin-top: 10px; background-color: #B5C5B6; border-radius: 13px; } .kepala{ width: 76%; height: 200px; background-color: ; } #motto{ width: 15%; height: auto;
background-color: green;
font-family: calibri; font-size: 12px; float: left; color: white; border-radius: 3px; } #visi{ width: 15%; font-size: 12px; color: white; height: auto;background-color: green;
float: left;margin-left: 839px; margin-top: -13px; font-family: calibri; border-radius: 3px; } ul{ background-color: green; width: 95.8%; height: 45px; border-radius: 7px; } li{ float: left; display: inline; list-style-type: none; } a.glidebutton{ float: left; height: 30px; padding: 6px; padding-bottom: 10px; margin-left: 20px; margin-top: ; color: white; text-decoration: none; font: bold 18px Juice itc; background: ; /*default bgcolor*/ text-align: center;
border-radius: 7px; /*border radius*/
display: inline-block; position: relative; text-decoration: none; letter-spacing: 2px; overflow: hidden;-moz-transition:all 0.3s ease-in-out;
- -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out; } a.glidebutton > span:first-child{ position: relative; display: block; height: 100%; padding: 6px;- -moz-box-sizing: border-box; box-sizing:border-box;
-moz-transition:all 0.3s ease-in-out;
- -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out; } a.glidebutton > span:first-child:after{ content: attr(data-text); display: block; width: 100%;
height: 100%; -moz-box-sizing:border-box; box-sizing:border-box; padding: inherit; position: absolute; top: 100%; left: 0; } a.glidebutton:hover{ color: #00FFFF; background-color: green; box-shadow: 0 0 4px green inset; } a.glidebutton:hover > span:first-child{ -moz-transform:translateY(-100%); -widowsebkit-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%); } li ul{ float: left; text-decoration: none; list-style-type: none; margin-left: 27px; padding: 0px; background:#ececec; display:none; height:auto;
position:absolute; font: bold 18px Juice itc; width: auto; z-index:200; border-radius: 13px; margin-top: 45px; } li:hover ul{ text-decoration: none; display: block; } li li{ display: block; text-decoration: none; float: none; padding: 0px; width: auto; } li ul a{ display: block; font-size: 18px; font-style: normal; padding: 5px; text-align: left; text-decoration: none; width: auto; color: black; } li ul a:hover{
background: #72cb47; color: white; -moz-border-radius:13px; } .isi{ width: 100%; height: auto; } #kiri{ width: 30%; float: left; height: auto;
border-right: 1px dotted green;
padding: 10px 20px;} #kanan{ width: 65%; height: auto; float: right; text-align: justify; line-height: 25px; } #kanan p{
text-align: justify;
}#border { height: 3px; border-top: 1px solid green;
border-bottom: 1px dashed green; } .border3 { height: 3px; clear: both; border-bottom: 1px dotted #9c5959; } .kaki{ clear:both; width: 100%; padding-top: 3px; height: 25px; color:#FFF; background: green; text-align:center; #font-family: Juice itc; font-size: 12px; border-radius: 7px; } 4. beasiswa.php
<h2>Beasiswa Madrasah</h2> <p><b>1. [Belgium] Kuliah Master di Belgia Cuma 1 Juta</b></p> <p>Beberapa universitas di Belgia seperti Universiteit Ghent dan Universiteit Hasselt telah menerapkan peraturan baru untuk biaya kuliah Program Master. Bagi student yang berasal dari negara-negara berkembang termasuk Indonesia, hanya diwajibkan untuk membayar uang kuliah sebesar 80 Euro pertahun untuk program Master. Untuk informasi biaya kuliah 80 euro di Universitet Ghent dapat dilihat di halaman website : <a href="http://www.ugent.be/en/teaching/studentadmin/tuition/overvie w.htm">http://www.ugent.be/en/teaching/studentadmin/tuition/overvi ew.htm</a> Atau check satu per satu tuition fee utk master course di Ghent : <a href="http://www.opleidingen.ugent.be/studiekiezer/nl/int/index.ht m">http://www.opleidingen.ugent.be/studiekiezer/nl/int/index.htm</ a> Utk melihat universitas yang lain di Belgia bisa search di : <a href="http://www.univ.cc/">http://www.univ.cc</a> (pilih Belgium)</p> <p><b>2. Program Beasiswa TNI Calon Perwira Prajurit Karier Untuk Mahasiswa S1</b></p> <p>Masih kuliah dan punya cita-cita jadi perwira TNI? Mau dapat beasiswa dan tunjangan selama menyelesaikan kuliah? Sekarang saatnya. Ayo daftar!</p> <p>Tentara Nasional Indonesia memberi kesempatan kepada Mahasiswa berprestasi untuk menjadi Perwira TNI melalui Program Mahasiswa Beasiswa TNI Calon Perwira Prajurit Karier (Pa PK).</p> <p>Kepada mahasiswa yang berminat, dapat mendaftarkan diri dengan syarat-syarat meliputi Warga Negara Indonesia Pria/Wanita (bukan Prajurit TNI, anggota POLRI dan PNS). Calon juga harus bertaqwa kepada Tuhan Yang Maha Esa, Setia dan taat kepada Pancasila dan UUD 1945.</p> <p>Untuk Kedokteran Umum minimal sudah Sarjana Kedokteran, sedangkan S1 lainnya minimal mencapai 110 SKS dan D3 minimal mencapai 80 SKS.
IPK minimal 2,40 untuk S 1 (Kedokteran Umum), S1 lainnya 2,80 dan D3 2,70. Usia maksimal pada saat menerima tunjangan beasiswa untuk
Kedokteran Umum 27 tahun, sedangkan S1 lainnya 25 tahun dan D3 23 tahun.</p> <p>Calon juga harus berkelakuan baik, sehat jasmani, rohani dan bebas narkoba. Tinggi badan minimal 163 cm bagi pria dan 155 cm bagi wanita. Sanggup tidak menikah selama mengikuti Program Mahasiswa Beasiswa. Tunjangan yang diberikan Rp 750.000 per bulan dan bantuan skripsi Rp 1.000.000. Waktu mendapat tunjangan untuk Dokter Umum 4 tahun, S1 lainnya 3 tahun dan D3 2 tahun. Setelah menyelesaikan program studi, wajib mengikuti Dikma Pa PK TNI.</p> <p>Pendaftaran dibuka pada bulan Desember 2008 bertempat di Ajendam/Ajenrem/Makodim/Lantamal/Lanal/Lanud setempat/terdekat. Penjelasan lebih rinci dapat ditanyakan di tempat pendaftaran (Panitia Daerah di tiap Provinsi) atau website <a href="http://www.tni.mil.id/">www.tni.mil.id</a>, email: sperstni@yahoo.com. Selama proses pendaftaran tidak dipungut biaya. <blink> Gratis! </blink></p>
5. ekstra.php
<h2>Ektrakurikuler</h2> <p>Kualitas tamatan sekolah dituntut untuk memenuhi standar kompetensi dunia kerja.
Salah satunya, selain mampu menguasai materi pelajaran, siswa harus dapat berinteraksi dan aktif dalam hubungan sosial.</p> <p>Kegiatan ekstrakurikuler merupakan salah satu alat pengenalan siswa pada hubungan sosial. Di dalamnya terdapat pendidikan pengenalan diri dan pengembangan kemampuan selain pemahaman materi pelajaran.</p>
<p>Berangkat dari pemikiran tersebut, di SMA Cinta Indonesia diselenggarakan berbagai kegiatan ekstrakurikuler.</p> <p>Selain OSIS sebagai induk kegiatan ektrakurikuler di sekolah, kegiatan ektrakurikuler lainnya adalah :</p>
1. Pramuka<br>
2. Paskibra<br>
3. Palang Merah Remaja (PMR)<br>
4. Patroli Keamanan Sekolah (PKS)<br>
5. Pecinta Alam (PA)<br>
6. Olahraga (Bola Voli, Bola Basket, Karate, Tenis Meja, Tenis Lapangan)<br>
7. Kerohanian / IRMA (Ikatan Remaja Mesjid Al-Forqon), dan<br>
8. Koperasi Sekolah (Kopsis)<br>
6. guru.php
<h2>Uraian Fungsionaris Guru</h2> 1. &nbsp Menyiapkan perangkat mengajar semester , analisis program, dan rencana program.<br> 2. &nbsp Melaksanakan administrasi siswa yaitu daftar nilai, daftar hadir dan daftar kemajuan siswa.<br> 3. &nbsp Melaksanakan kegiatan pembelajaran.<br> 4. &nbsp Guru teori dan guru umum.<br> 5. &nbsp Menyiapkan bahan ajar dan alat bantu.<br> 6. &nbsp Melaksanakan bimbingan siswa.<br> 7. &nbsp Mengembangkan alat bantu kegiatan belajar mengajar.<br> 8. &nbsp Melaksanakan alat bantu kegiatan belajar mengajar.<br> 9. &nbsp Mengembangkan bahan ajar sesuai dengan ajaran perkembangan IPTEK.<br>
10. Ikut serta mengembangkan profesi, unit produksi industri, uji profesi, dan program magang.<br>
11. Turut membantu piket dan menertibkan senam, mengawasi siswa saat hari krida.<br>
12. Mengikuti upacara bendera.<br>
13. Membina budi pekerti siswa.<br>
14. Mengajar minimal 24 jam pelajaran.<br>
7. kalender.php
<center> <h2>Kalender Akademik Madrasah Aliyah Negeri</h2> <table>
<tr> <td><img src="images/kalender1.jpg" alt=""></td>
</tr> <tr>
<td><img src="images/kalender2.jpg" alt=""></td> </tr> <tr>
<td><img src="images/kalender3.jpg" alt=""></td> </tr> <tr>
<td><img src="images/kalender4.jpg" alt=""></td> </tr> <tr>
<td><img src="images/kalender5.jpg" alt=""></td> </tr> <tr>
<td><img src="images/kalender6.jpg" alt=""></td> </tr>
</table> </center>
8. kepsek.php
<h2>Fungsionaris Kepala Madrasah Aliyah Negeri</h2> Kepala sekolah adalah pemimpin teratas pengelola sekolah yang bertanggung jawab atas kegiatan :<br>
1. Proses belajar mengajar.<br>
2. Kesiswaan.<br>
3. Kepegawaian.<br>
4. Peralatan pengajaran.<br>
5. Keuangan.<br>
6. Ketatalaksanaan.<br>
7. Pemeliharaan gedung dan perlengkapan sekolah.<br><br> Tugas kepala sekolah baik menjadi educator, administrator adalah sebagai berikut :<br>
1. Melaksanakan instruksi Menteri Pendidikan dan Dinas Pendidikan serta Kebudayaan.<br>
2. Membimbing semua guru dan tenaga yang lainnya kearah kesempurnaan pelaksanaan tugas &nbsp&nbsp&nbsp dan tingkah laku baik di dalam maupun di luar lingkungan sekolah.<br>
3. Membimbing semua murid yang ada dalam asuhannya.<br>
4. Memimpin dan bertanggung jawab atas pengelolahan sarana dan prasarana, serta dana.<br>
5. Mengatur proses belajar dan mengajar sesuai dengan pelaksanaan kurikulum secara tepat.<br>
6. Melaksanakan administrasi sekolah secara kedinasan.<br>
7. Memberikan data kepada Kepala Dinas Pendidikan dan Kebudayaan Kab. Tapanuli Tengah.<br>
8. Melaksanakan 12 langkah kepemimpinan yaitu :<br> &nbsp&nbsp&nbsp a) Tahu jumlah pembantunya<br> &nbsp&nbsp&nbsp b) Tahu nama-nama pembantunya<br> &nbsp&nbsp&nbsp c) Tahu tugas masing-masing pembantunya<br> &nbsp&nbsp&nbsp d) Memperhatikan kehadiran pembantunya<br> &nbsp&nbsp&nbsp e) Memperhatikan peralatan pembantunya<br> &nbsp&nbsp&nbsp f) Menilai pembantunya<br> &nbsp&nbsp&nbsp g) Mengambil tindakan-tindakan<br> &nbsp&nbsp&nbsp h) Memperhatikan karir pembantunya<br> &nbsp&nbsp&nbsp j) Menciptakan sarana kekeluargaan<br> &nbsp&nbsp&nbsp k) Memberi laporan kepada atasan<br>
9. Menyusun sarana administrasi sekolah sebagai berikut :<br> &nbsp&nbsp&nbsp a) Stuktur Organisasi<br> &nbsp&nbsp&nbsp b) Perincian tugas guru dan pegawai tata usaha<br> &nbsp&nbsp&nbsp c) Program kerja tahunan<br> &nbsp&nbsp&nbsp d) Penjabatan kalender pendidikan<br> &nbsp&nbsp&nbsp e) RAPBS ( Rencana Anggaran
Pembelanjaan Sekolah )<br> &nbsp&nbsp&nbsp f) Buku tamu<br> &nbsp&nbsp&nbsp g) Buku pengawasan<br> &nbsp&nbsp&nbsp h) Buku harian kerja<br> &nbsp&nbsp&nbsp i) Buku notulen rapat<br> &nbsp&nbsp&nbsp j) Buku pengumuman<br> &nbsp&nbsp&nbsp k) Buku catatan pembinaan teknis guru dan pegawai<br> &nbsp&nbsp&nbsp l) Seperangkat buku kurikulum<br>
&nbsp&nbsp&nbsp m) Peraturan tata tertib<br> &nbsp&nbsp&nbsp n) Laporan bulanan, semesteran dan tahunan<br> &nbsp&nbsp&nbsp o) Jadwal pelajaran<br>
9. komite.php
<h2>Komite Madrasah</h2> <p>Komite Madrasah Lembaga Pendidikan MAN Barus adalah badan mandiri yang mewadahi peran serta masyarakat khususnya wali murid, dalam rangka meningkatkan mutu, efisiensi dan efektifitas pengelolaan pendidikan di satuan pendidikan. Dalam melaksanakan fungsi dan tugasnya komite sekolah selalu berkomunikasi dan berkoordinasi dengan kepala sekolah dalam melaksanakan fungsi dan tugasnya tidak boleh bertentangan dengan visi dan misi sekolah.</p> <p>Komite Madrasah melaksanakan rapat pengurus rutin bulanan atau triwulan atau rapat-rapat khusus sesuai kebutuhan pengurus.
Sedangkan musyawarah anggota dilaksanakan sekurang-kurangnya 1 (satu) kali dalam tahun ajaran atau disesuaikan dengan kebutuhan yang ada. Lembaga keuangan sangat diperlukan dalam perekonomian modern sebagai mediator antara kelompok masyarakat yang kelebihan dana (rumah tangga) dan kelompok masyarakat yang memerlukan dana (pengusaha).</p> <b>Fungsi Komite </b><br><p></p>
1. Menumbuhkan komitmen masyarakat terhadap penyelenggaraan pendidikan yang bermutu.<br>
2. Melakukan kerja sama dengan masyarakat (perorangan/organisasi dunia usaha/dunia industri) &nbsp&nbsp&nbsp dan pemerintah berkenaan dengan penyelenggaraan pendidikan yang bermutu.<br>
3. Menganalisis aspirasi, ide, tuntutan, dan berbagai kebutuhan pendidikan yang diharapkan oleh &nbsp&nbsp&nbsp masyarakat.<br>
4. Memberi masukan, pertimbangan,dan rekomendasi kepada satuan pendidikan mengenai :<br> &nbsp&nbsp&nbsp a) Kebijakan dan program pendidikan<br> &nbsp&nbsp&nbsp b) Rencana angaran pendidikan dan belanja sekolah (RAPBS)<br>
&nbsp&nbsp&nbsp c) Kriteria kinerja satuan pendidikan<br> &nbsp&nbsp&nbsp d) Kriteria tenaga kependiidkan<br> &nbsp&nbsp&nbsp e) Kriteria fasilitas pendidikan<br> &nbsp&nbsp&nbsp f) Hal- hal lain yang berkaitan dengan pendidikan<br>
5. Mendorong orang tua dan masyarakat berpartisipasi dalam pendidikan.<br>
6. Menggalang dana masyarakat dalam rangka pembiayaan penyelengaraan pendidikan.<br>
7. Melakukan evaluasi dan pengawasan terhadap kebijakan, program, dan penyelenggaran.<br><br> <b>Peranan Komite </b><p></p>
1. Pemberi pertimbangan (Advisory Agency) dalam penentuan dan pelaksanaan kebijakan.<br>
2. Pendukung (Supporting Agency) baik yang berwujud finansial, maupun pemikiran.<br>