Perancangan Sistem Informasi Berbasis Web Pada Sekolah Menengah Pertama Negeri 8 Tebing Tinggi
KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN
UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jln. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155
Telp. (061) 8211050, 8214290, Fax. (061) 8214290
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA
Nama : ATNES PRATIWI BARUS
Nomor Induk Mahasiswa : 092406165
Judul Tugas Akhir : PERANCANGAN SISTEM INFORMASI
BERBASIS WEB PADA SEKOLAH
MENENGAH PERTAMA NEGERI 8 TEBING TINGGI
Dosen Pembimbing : Drs. Sawaluddin, M.IT Tanggal Mulai Bimbingan :
Tanggal Selesai Bimbingan : No TANGGAL
BIMBINGAN PEMBAHASAN ASISTENSI MENGENAI BAB PARAF DOSEN PEMBIMBING KETERANGAN 1 22/02/2012 Pengajuan Proposal TA
2 22/05/2012 Bimbingan Laporan TA 3 24/05/2012 Revisi Laporan TA 4 25/05/2012 ACC Laporan TA 5 25/05/2012 Uji Program 6
7
Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan mahasiswa telah selesai
Diketahui, Disetujui,
Departemen Matematika FMIPA USU Pembimbing Utama/ Ketua, Penanggung Jawab
Prof. Dr. Tulus, M.Si Drs. Sawaluddin, M.IT Nip. 19620901 198803 1 002 Nip. 19591231 199802 1 001
(2)
SURAT KETERANGAN
Hasil uji program tugas akhir
Yang bertanda tangan di bawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program studi D3 Teknik Informatika:
Nama : ATNES PRATIWI BARUS
N I M : 092406165
Program Studi : D3 TEKNIK INFORMATIKA
Judul Tugas Akhir : PERANCANGAN SISTEM INFORMASI BERBASIS WEB PADA SEKOLAH MENENGAH PERTAMA NEGERI 8 TEBING TINGGI
Telah melaksanakan tes program Tugas Akhir Mahasiswa tersebut di atas pada tanggal Mei 2012 :
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, Mei 2012
Dosen Pembimbing
Drs. Sawaluddin, M.IT NIP. 19591231 199802 1 001
(3)
Listing Program
Halaman Home(index.php)
<html>
<head><title>::SMP NEGERI 8 TEBING TINGGI::</title>
<link href="default3.css" rel="stylesheet" type="text/css" /> <style type="text/css">
<!--
.style28 {color: #000000; font-size: small; } -->
</style>
<!-- Start css3menu.com HEAD section -->
<link rel="stylesheet" href="sejarah_singkat_files/css3menu1/style.css" type="text/css" />
<!-- End css3menu.com HEAD section --> </head>
<body>
<div id="header"> </div>
<div id="css3menu2">
<ul id="css3menu1" class="topmenu">
<li class="topfirst"><a href="index.php" style="height:20px; line-height:20px; width:100px;">HOME</a></li>
<li class="topmenu"><a href="#" style="height:22px;line-height:20px;width:100px;"><span>PROFIL</span></a>
<ul>
<li><a href="visi_misi.php">Visi dan Misi</a></li>
<li><a href="sarana_prasarana.php">Denah Sekolah</a></li>
<li><a href="struktur_organisasi.php">Struktur Organisasi</a></li> <li><a href="kondisi_kelas.php">Kondisi Kelas</a></li>
<li><a href="data.php">Login Admin</a></li> </ul>
</li>
<li class="topmenu"><a href="#" style="height:22px;line-height:20px;width:100px;"><span>GURU</span></a>
<ul>
<li><a href="direktori_guru.php">Direktori Guru</a></li> </ul>
</li>
<li class="topmenu"><a href="#" style="height:22px;line-height:20px;width:100px;"><span>SISWA</span></a>
<ul>
<li><a href="direktori_siswa.php">Nilai Siswa</a></li> <li><a href="direx_absen_siswa.php">Absen Siswa</a></li> <li><a href="ekskul.php">Ekstrakurikuler</a></li>
<li><a href="osis.php">OSIS</a></li> </ul>
(4)
</li>
<li class="toplast"><a href="#" style="height:22px;line-height:20px;width:99px;"><span>FITUR</span></a>
<ul>
<li><a href="pengumuman.php">Pengumuman</a></li <li><a href="agenda.php">Agenda</a></li>
<li><a href="kalender.php">Kalender</a></li>
<li><a href="kontaksekolah.php">Kontak Sekolah</a></li> </ul>
</li>
<li class="toplast"><a href="galeri.php" style="height:21px; line-height:20px;width:98px;"><span>GALERI</span></a>
</li> </div >
<div id="content"> <div id="colOne">
<img src="images/mainmenu.jpg" width="120"> <br></br>
<?php
include"koneksi.php" ;
echo "<span class=kategori>» <a href='index.php'> Home</a></span> <br />";
$kategori=mysql_query("select * from kategori order by id_kategori"); $hasil=mysql_query("select * from berita where id_kategori='$_GET[id]' ORDER BY id_berita DESC LIMIT 5");
while($k=mysql_fetch_array($kategori)){ echo "<span class=kategori>» <a
href='?ref=berita&topic=dtlkategori&id=$k[id_kategori]'> $k[nama_kategori]</a></span><br />";
}
?>
<img src="images/statistik.jpg" width="120"> <?php
include"koneksi.php" ; //Counter
echo"<tr><td class='poling'>";
$ip = $_SERVER['REMOTE_ADDR']; // Mendapatkan IP komputer user $tanggal = date("Ymd"); // Mendapatkan tanggal sekaran
$waktu = time(); // Mencek berdasarkan IPnya, apakah user sudah pernah mengakses hari ini
$s = mysql_query("SELECT * FROM statistik WHERE ip='$ip' AND tanggal='$tanggal'");
// Kalau belum ada, simpan data user tersebut ke database if(mysql_num_rows($s) == 0){
mysql_query("INSERT INTO statistik(ip, tanggal, hits, online) VALUES('$ip','$tanggal','1','$waktu')");
} else{
(5)
mysql_query("UPDATE statistik SET hits=hits+1, online='$waktu' WHERE ip='$ip' AND tanggal='$tanggal'");
}
$pengunjung = mysql_num_rows(mysql_query("SELECT * FROM statistik WHERE tanggal='$tanggal' GROUP BY ip"));
$totalpengunjung = mysql_result(mysql_query("SELECT COUNT(hits) FROM statistik"), 0);
$hits = mysql_fetch_assoc(mysql_query("SELECT SUM(hits) as hitstoday FROM statistik WHERE tanggal='$tanggal' GROUP BY tanggal")); $totalhits = mysql_result(mysql_query("SELECT SUM(hits) FROM statistik"), 0);
$tothitsgbr = mysql_result(mysql_query("SELECT SUM(hits) FROM statistik"), 0);
$bataswaktu = time() - 300;
$pengunjungonline = mysql_num_rows(mysql_query("SELECT * FROM statistik WHERE online > '$bataswaktu'"));
$path = "counter/"; $ext = ".png";
$tothitsgbr = sprintf("%06d", $tothitsgbr); for ( $i = 0; $i <= 9; $i++ ){
$tothitsgbr = str_replace($i, "<img src='$path$i$ext' alt='$i'>", $tothitsgbr);
}
echo " $tothitsgbr <table class='counter'>
<tr><td><img src=images/hariini.png><font size='1'>Pengunjung hari ini : $pengunjung</font></td></tr>
<tr><td><img src=images/total.png> <font size='1'>Total pengunjung : $totalpengunjung </font></td></tr>
<tr><td><img src=images/hariini.png><font size='1'> Hits hari ini : $hits[hitstoday]</font> </td></tr>
<tr><td><img src=images/total.png> <font size='1'>Total Hits : $totalhits </font></td></tr>
<tr><td><img src=images/online.png> <font size='1'>Pengunjung Online: $pengunjungonline</font></td></tr>"; echo"</td></tr></table>";
?>
<hr color=#FCEDC7 noshade=noshade />
<img src="images/shoutbox.jpg" width="120">
(6)
<marquee behavior="scroll" direction="left" scrollamount="1"><p
align="center" class="style1">Tinggalkan Komentar Anda</p> </marquee>
<div class="shoutboxe" >
<iframe src='shoutbox.php' allowtransparency="0%" width=165 height=280 border=1 solid></iframe></div>
<div align="center"><br /> <table class=shout width=100%>
<form name=formshout action=simpanshoutbox.php method=POST> <tr>
<td width="27%">Nama</td>
<td width="73%"> : <input class=shout type=text name=nama size=12></td>
</tr> <tr>
<td>Website</td><td> : <input class=shout type=text name=website size=12></td>
</tr> <tr>
<td valign=top>Pesan</td><td> <textarea class=shout name='pesan' style='width: 110px; height: 35px;'></textarea></td>
</tr>
<tr><td colspan=2><input class=shout type=submit name=submit
value=Kirim><input class=shout type=reset name=reset value=Reset></td> </tr> </form> </table> </div> </div> <br> <div id="colTwo"> <form > <h3> </h3>
<?php include "isi.php"; ?> </form>
</div>
<div style="clear: both;"> </div> </div><div id="footer">
<p>Atnes Pratiwi Barus(http://neziereq-site.web.id) </p> </div>
</body> </html>
koneksi.php
<?php
(7)
$host = "localhost";//db-host $username = "root";//db-user $password = "";//db-password $db = "user_online";//db-name // Melakukan koneksi ke database
mysql_connect($host,$username,$password) or die("Koneksi gagal"); mysql_select_db($db) or die("Database tidak bisa dibuka");
?>
direktori_guru.php
<?php
include "koneksi.php";
$select = "select * from guru order by nip desc"; $select_query = mysql_query($select);
?><html>
<head><title>::DIREKTORI GURU::</title>
<link href="default.css" rel="stylesheet" type="text/css" /> <style type="text/css">
<!--
.style28 {color: #000000; font-size: small; } -->
</style>
<!-- Start css3menu.com HEAD section -->
<link rel="stylesheet" href="sejarah_singkat_files/css3menu1/style.css" type="text/css" />
<!-- End css3menu.com HEAD section --> </head>
<body>
<div id="header"> </div>
<div id="css3menu2">
<ul id="css3menu1" class="topmenu">
<li class="topfirst"><a href="index.php" style="height:20px;line-height:20px; width:100px;">HOME</a></li>
<li class="topmenu"><a href="#" style="height:22px;line-height:20px;width:100px;"><span>PROFIL</span></a>
<ul>
<li><a href="visi_misi.php">Visi dan Misi</a>
<li><a href="sarana_prasarana.php">Denah Sekolah</a></li>
<li><a href="struktur_organisasi.php">Struktur Organisasi</a></li> <li><a href="kondisi_kelas.php">Kondisi Kelas</a></li>
<li><a href="data.php">Login Admin</a></li> </ul>
(8)
<li class="topmenu"><a href="#" style="height:22px;line height:20px;width:
100px;"><span>GURU</span></a> <ul>
<li><a href="direktori_guru.php">Direktori Guru</a></li> </ul></li>
<li class="topmenu"><a href="#" style="height:22px;line height:20px; width:100px;">
<span>SISWA</span></a> <ul>
<li><a href="direktori_siswa.php">Nilai Siswa</a></li>
<li><a href="direx_absen_siswa.php">Absen Siswa</a></li> <li><a href="ekskul.php">Ekstrakurikuler</a></li>
<li><a href="osis.php">OSIS</a></li> </ul></li>
<li class="toplast"><a href="#" style="height:22px;line-height:20px; width:99px;"><span>FITUR</span></a>
<ul>
<li><a href="pengumuman.php">Pengumuman</a></li> <li><a href="agenda.php">Agenda</a></li>
<li><a href="kalender.php">Kalender</a></li>
<li><a href="kontaksekolah.php">Kontak Sekolah</a></li> </ul></li>
<li class="toplast"><a href="galeri.php" style="height:21px;line-height:20px; width:98px;"><span>GALERI</span></a>
</li> </div >
<div id="content"> <div id="colOne">
<img src="images/mainmenu.jpg" width="120"> <br></br>
<?php
include"koneksi.php" ;
echo "<span class=kategori>» <a href='index.php'> Home</a></span><br />";
$kategori=mysql_query("select * from kategori order by id_kategori"); $hasil=mysql_query("select * from berita where id_kategori='$_GET[id]' ORDER BY id_berita DESC LIMIT 5");
while($k=mysql_fetch_array($kategori)){ echo "<span class=kategori>» <a
href='?ref=berita&topic=dtlkategori&id=$k[id_kategori]'> $k[nama_kategori]</a></span><br />";
(9)
?> <br>
<hr color=#FCEDC7 noshade=noshade />
<img src="images/statistik.jpg" width="120">
<?php
include"koneksi.php" ; //Counter
echo"<tr><td class='poling'>";
$ip = $_SERVER['REMOTE_ADDR']; // Mendapatkan IP komputer user $tanggal = date("Ymd"); // Mendapatkan tanggal sekarang
$waktu = time(); //
// Mencek berdasarkan IPnya, apakah user sudah pernah mengakses hari ini $s = mysql_query("SELECT * FROM statistik WHERE ip='$ip' AND
tanggal='$tanggal'");
// Kalau belum ada, simpan data user tersebut ke database if(mysql_num_rows($s) == 0){
mysql_query("INSERT INTO statistik(ip, tanggal, hits, online) VALUES('$ip','$tanggal','1','$waktu')");
} else{
mysql_query("UPDATE statistik SET hits=hits+1, online='$waktu' WHERE ip='$ip' AND tanggal='$tanggal'");
}
$pengunjung = mysql_num_rows(mysql_query("SELECT * FROM statistik WHERE tanggal='$tanggal' GROUP BY ip"));
$totalpengunjung = mysql_result(mysql_query("SELECT COUNT(hits) FROM statistik"), 0);
$hits = mysql_fetch_assoc(mysql_query("SELECT SUM(hits) as hitstoday FROM statistik WHERE tanggal='$tanggal' GROUP BY tanggal")); $totalhits = mysql_result(mysql_query("SELECT SUM(hits) FROM statistik"), 0);
$tothitsgbr = mysql_result(mysql_query("SELECT SUM(hits) FROM statistik"), 0);
$bataswaktu = time() - 300;
$pengunjungonline = mysql_num_rows(mysql_query("SELECT * FROM statistik WHERE online > '$bataswaktu'"));
$path = "counter/"; $ext = ".png";
$tothitsgbr = sprintf("%06d", $tothitsgbr); for ( $i = 0; $i <= 9; $i++ ){
$tothit sgbr = str_replace($i, "<img src='$path$i$ext' alt='$i'>", $tothitsgbr); }
echo " $tothitsgbr <table class='counter'>
(10)
<tr><td><img src=images/hariini.png><font size='1'>Pengunjung hari ini : $pengunjung</font></td></tr>
<tr><td><img src=images/total.png> <font size='1'>Total pengunjung : $totalpengunjung </font></td></tr>
<tr><td><img src=images/hariini.png><font size='1'> Hits hari ini : $hits[hitstoday]</font> </td></tr>
<tr><td><img src=images/total.png> <font size='1'>Total Hits : $totalhits </font></td></tr>
<tr><td><img src=images/online.png> <font size='1'>Pengunjung Online: $pengunjungonline</font></td></tr>"; echo"</td></tr></table>";
?>
<hr color=#FCEDC7 noshade=noshade />
<img src="images/shoutbox.jpg" width="120">
<marquee behavior="scroll" direction="left" scrollamount="1"><p align="center" class="style1">Tinggalkan Komentar Anda</p> </marquee>
<div class="shoutboxe" >
<iframe src='shoutbox.php' allowtransparency="0%" width=165 height=280 border=1 solid></iframe></div>
<div align="center"><br />
<table class=shout width=100%>
<form name=formshout action=simpanshoutbox.php method=POST> <tr><td width="27%">Nama</td>
<td width="73%"> :
<input class=shout type=text name=nama size=12></td></tr>
<tr><td>Website</td><td> : <input class=shout type=text name=website size=12></td></tr>
<tr><td valign=top>Pesan</td><td> <textarea class=shout name='pesan' style='width: 110px; height: 35px;'></textarea></td></tr>
<tr><td colspan=2><input class=shout type=submit name=submit value=Kirim><input class=shout type=reset name=reset
value=Reset></td></tr> </form></table></div> </div> <p><p> <br> </table> <div id="colTwo"> <p > <? include "isi_diektori_guru.php"?> </div>
(11)
</div>
<div id="footer">
<p>Atnes Pratiwi Barus(http://neziereq-site.web.id) </p> </div>
</body> </html>
data.php
//halaman login admin
<html>
<head><title>::LOGIN ADMINISTRATOR::</title>
<link href="default3.css" rel="stylesheet" type="text/css" /> <style type="text/css">
<!--
.style28 {color: #000000; font-size: small; } -->
</style>
<!-- Start css3menu.com HEAD section -->
<link rel="stylesheet" href="data_files/css3menu1/style.css" type="text/css" />
<!-- End css3menu.com HEAD section --> </head> <body> <div id="header"> </table> </div> <div id="css3menu2">
<ul id="css3menu1" class="topmenu">
<li class="topfirst"><a href="index.php" style="height:22px;line-height:20px; width:100px;">HOME</a></li>
<li class="topmenu"><a href="#" style="height:22px;line-height:20px;width:100px;"><span>PROFIL</span></a>
<ul>
<li><a href="visi_misi.php">Visi dan Misi</a>
<li><a href="sarana_prasarana.php">Denah Sekolah</a></li>
<li><a href="struktur_organisasi.php">Struktur Organisasi</a></li> <li><a href="kondisi_kelas.php">Kondisi Kelas</a></li>
<li><a href="data.php">Login Admin</a></li> </ul></li>
<li class="topmenu"><a href="#" style="height:22px;line-height:20px; width:100px;"><span>GURU</span></a>
<ul>
<li><a href="direktori_guru.php">Direktori Guru</a></li> </ul></li>
<li class="topmenu"><a href="#" style="height:22px;line-height:20px;width:100px;"><span>SISWA</span></a>
<ul>
(12)
<li><a href="direx_absen_siswa.php">Absen Siswa</a></li> <li><a href="ekskul.php">Ekstrakurikuler</a></li>
<li><a href="osis.php">OSIS</a></li> </ul></li>
<li class="toplast"><a href="#" style="height:22px;line-height:20px; width:99px;"><span>FITUR</span></a>
<ul>
<li><a href="pengumuman.php">Pengumuman</a></li> <li><a href="agenda.php">Agenda</a></li>
<li><a href="kalender.php">Kalender</a></li>
<li><a href="kontaksekolah.php">Kontak Sekolah</a></li> </ul></li>
<li class="toplast"><a href="galeri.php" style="height:21px;line-height:20px;width:98px;"><span>GALERI</span></a>
</li> </div >
<div id="content"> <div id="colOne">
<img src="images/mainmenu.jpg" width="120"> <br></br>
<?php
include"koneksi.php" ;
echo "<span class=kategori>» <a href='index.php'> Home</a></span><br />";
$kategori=mysql_query("select * from kategori order by id_kategori"); $hasil=mysql_query("select * from berita where id_kategori='$_GET[id]' ORDER BY id_berita DESC LIMIT 5");
while($k=mysql_fetch_array($kategori)){ echo "<span class=kategori>»
<a href='?ref=berita&topic=dtlkategori&id=$k[id_kategori]'> $k[nama_kategori]</a></span><br />";
} ?> <br>
<hr color=#FCEDC7 noshade=noshade />
<img src="images/statistik.jpg" width="120"> <?php include"koneksi.php" ;
//Counter
echo"<tr><td class='poling'>";
$ip = $_SERVER['REMOTE_ADDR']; // Mendapatkan IP komputer user $tanggal = date("Ymd"); // Mendapatkan tanggal sekarang
$waktu = time(); //
// Mencek berdasarkan IPnya, apakah user sudah pernah mengakses hari ini $s = mysql_query("SELECT * FROM statistik WHERE ip='$ip' AND
tanggal='$tanggal'");
// Kalau belum ada, simpan data user tersebut ke database if(mysql_num_rows($s) == 0){
(13)
} else{
mysql_query("UPDATE statistik SET hits=hits+1, online='$waktu' WHERE ip='$ip' AND tanggal='$tanggal'");
}
$pengunjung = mysql_num_rows(mysql_query("SELECT * FROM statistik WHERE tanggal='$tanggal' GROUP BY ip"));
$totalpengunjung = mysql_result(mysql_query("SELECT COUNT(hits) FROM statistik"), 0);
$hits = mysql_fetch_assoc(mysql_query("SELECT SUM(hits) as hitstoday FROM statistik WHERE tanggal='$tanggal' GROUP BY tanggal")); $totalhits = mysql_result(mysql_query("SELECT SUM(hits) FROM statistik"), 0);
$tothitsgbr = mysql_result(mysql_query("SELECT SUM(hits) FROM statistik"), 0);
$bataswaktu = time() - 300;
$pengunjungonline = mysql_num_rows(mysql_query("SELECT * FROM statistik WHERE online > '$bataswaktu'"));
$path = "counter/"; $ext = ".png";
$tothitsgbr = sprintf("%06d", $tothitsgbr); for ( $i = 0; $i <= 9; $i++ ){
$tothitsgbr = str_replace($i, "<img src='$path$i$ext' alt='$i'>", $tothitsgbr);
}
echo " $tothitsgbr <table class='counter'>
<tr><td><img src=images/hariini.png><font size='1'>Pengunjung hari ini : $pengunjung</font></td></tr>
<tr><td><img src=images/total.png> <font size='1'>Total pengunjung : $totalpengunjung </font></td></tr>
<tr><td><img src=images/hariini.png><font size='1'> Hits hari ini : $hits[hitstoday]</font> </td></tr>
<tr><td><img src=images/total.png> <font size='1'>Total Hits : $totalhits </font></td></tr>
<tr><td><img src=images/online.png> <font size='1'>Pengunjung Online: $pengunjungonline</font></td></tr>"; echo"</td></tr></table>";
?>
<hr color=#FCEDC7 noshade=noshade />
<img src="images/shoutbox.jpg" width="120">
<marquee behavior="scroll" direction="left" scrollamount="1">
<p align="center" class="style1">Tinggalkan Komentar Anda</p> </marquee>
(14)
<iframe src='shoutbox.php' allowtransparency="0%" width=165 height=280 border=1 solid></iframe></div>
<div align="center"><br /> <table class=shout width=100%>
<form name=formshout action=simpanshoutbox.php method=POST> <tr>
<td width="27%">Nama</td>
<td width="73%"> : <input class=shout type=text name=nama size=12></td>
</tr> <tr>
<td>Website</td>
<td> : <input class=shout type=text name=website size=12></td> </tr>
<tr>
<td valign=top>Pesan</td>
<td> <textarea class=shout name='pesan' style='width: 110px; height: 35px;'></textarea></td>
</tr> <tr>
<td colspan=2><input class=shout type=submit name=submit value=Kirim><input class=shout type=reset name=reset value=Reset></td></tr> </form></table></div> </div> <p><p> <br> <div id="colTwo"> <?php include "isi_data.php"; ?> <p> </div>
<div style="clear: both;"> </div> </div>
<div id="footer">
<p>Atnes Pratiwi Barus(http://neziereq-site.web.id) </p> </div>
</body> </html>
(15)
DAFTAR PUSTAKA
Perangin-angin, Kasiman. 2006. Aplikasi Web dengan PHP dan MySQL, Yogyakarta:Andi Offset.
Panduan Tatacara Penulisan Skripsi & Tugas Akhir. 2010. Dokumen Nomor: Akad/05/2005. Medan: Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
Pohan, Husni Iskandar. 2007. Pemograman Web dengan HTML. Bandung:Informatika. Sutarman.2003. Membangun Aplikasi Web dengan PHP dan MySQL .Yogyakarta: Graha Ilmu.
Longkutoy, Jhon J.1993. Dasar- Dasar Pemograman . Jakarta: PT. Mutiara Sumber Widya.
RS, Bernard. Pijono, A. Agustaf R. 2005. Mudah dan Cepat Menguasai Pemrograman WEB. Bandung : Informatika Bandung.
Loudon, Kenneth C. 2007. Sistem Informasi Manajemen . Jakarta : Salemba Empat. http://www.w3schools.com/ Diakses Maret, 2012.
(16)
BAB 3
TENTANG SMP NEGERI 8 TEBING TINGGI
3.1 Gambaran Umum SMP Negeri 8
SMP Negeri 8 berlokasi di Jln. Kom Yos Sudarso Km 5 Tebing Tinggi. SMP Negeri 8 Tebing Tinggi, merupakan salah satu tempat bermakna bagi pengembangan sumber daya manusia dan merupakan Sekolah Binaan Khusus (SBK).
Dalam menyelenggarakan proses pendidikan didasari oleh eksistensialisme dan essensialisme . Filosofi eksistensialisme berkeyakinan bahwa pendidikan harus menyuburkan dan mengembangkan eksistensi peserta didik seoptimal mungkin yang dilaksanakan melalui proses pendidikan yang bermartabat, kreatif, inovatif, experimentative , menumbuhkan dan mengembangkan bakat, minat dan kemampuan peserta didik.
Penyelenggaraan pendidikan di Indonesia harus diberi perlakuan secara maksimal untuk mengaktualkan potensi intelektual, emosional, dan spritualnya. Peserta didik merupakan asset bangsa yang sangat berharga dan merupakan salah satu faktor daya saing yang kuat secara potensial mampu merespon tantangan globalisasi.
(17)
Filosofi essensialisme menekankan bahwa pendidikan harus berfungsi dan relevan dengan kebutuhan, baik kebutuhan individu, keluarga maupun kebutuhan berbagai sector dan sub-sub sektornya baik lokal, nasional maupun internasional. Terkait dengan tuntunan globalisasi, pendidikan harus menyiapkan sumberdaya manusia Indonesia yang mampu bersaing secara internasional.
3.2Tujuan Sekolah
Yang menjadi tujuan dari SMP Negeri 8 Tebing Tinggi adalah :
1. Tujuan umum, yaitu meletakkan dasar budi pekerti yang luhur , kecerdasan, pengetahuan, serta keterampilan untuk hidup untuk menuju prestasi yang unggul. 2. Adapun tujuan khusus dari SMP Negeri 8 , yaitu :
a. Mampu mengamalkan nilai-nilai, etika dan moral dalam tingkah laku melalui proses belajar dan kegiatan pembiasaan.
b. Mampu menampilkan kebiasaan sopan santun dan berbudi pekerti sebagai cerminan pendidikan berkarakter.
c. Menguasai dasar-dasar ilmu pengetahuan dan teknologi sebagai bekal untuk melanjutkan ke sekolah yang lebih tinggi.
d. Menciptakan proses pembelajaran yang berkualitas untuk menghasilkan lulusan yang memilki kompetisi berstandar nasional.
e. Mampu melaksanakan kegiatan belajar mengajar dengan strategi pembelajaran yang muktahir, pendekatan Contextual teaching learning , Mastery learning ,
(18)
Problem Solving , bermakna, menyenangkan dan mampu menerapkan informasi komunikasi dan teknologi dalam kegiatan belajar mengajar.
f. Unggul dalam kebersihan dan penghijauan sekolah.
g. Unggul dalam penerapan ilmu pengetahuan dan teknologi, terutama di bidang sains dan matematika.
h. Meraih prestasi akademik maupun non-akademik.
i. Menjadikan sekolah yang diminati masyarakat di sekitar sekolah.
3.3 Visi dan Misi 3.3.1 Visi
Visi adalah gambaran masa depan yang diinginkan sebagai ekspresi cita-cita. Visi SMP Negeri 8 Tebing Tinggi adalah “ Berbudi Pekerti Luhur Berwawasan Keilmuan Unggul Dalam Prestasi”.
Sebagai parameter ketercapaian atas visi yang ditetapkan, maka disusun indicator sebagai berikut:
a. Terwujudnya nilai, etika dan moral sebagai pedoman dalam bertingkah laku warga sekolah.
b. Terwujudnya pendidikan yang berbasis karakter
c. Terwujudnya kesadaran warga sekolah tentang pentingnya menguasai ilmu pengetahuan dan teknologi.
d. Terwujudnya proses pembelajaran yang berkualitas.
(19)
3.3.2 Misi
Guna mewujudkan visi yang talah ditetapkan disusun misi sebagai berikut : a. Membudidayakan nilai, etika dan moral dalam bertingkah laku.
b. Melaksanakan pendidikan berbasis pembentukan karakter.
c. Menanamkan kesadaran tentang pentingnya ilmu pengetahuan dan teknologi. d. Melaksanakan proses pembelajaran yang berkualitas.
e. Melaksanakan pembinaan bakat dan keterampilan. f. Memotivasi siswa untuk berprestasi.
3.4 Struktur Organisasi SMP Negeri 8 Tebing Tinggi
Struktur organisasi adalah suatu bagian yang menunjukkan kedudukan, tugas, wewenang dan tanggung jawab dalam suatu organisasi. Dengan adanya struktur organisasi ini diharapkan setiap bagian dapat melaksanakan tugasnya masing-masing sesuai dengan wewenang dn tanggung jawab yang diberikan, sehingga tujuan organisasi/perusahaan dapat tercapai dengan baik.
(20)
Berikut ini adalah gambar struktur organisasi dari SMP Negeri 8 Tebing Tinggi
Gambar 3.1 Struktur Organisasi Kepala Sekolah DU/DI Komite Sekolah Wakasek Kurikulum Wakasek Kesiswaan Wakasek Kurikulum Wakasek Sarana
Prasarana
Guru BP / BK Pembina OSIS
Wali Kelas
Pengelola UKS Pengelola Perpustakaan Pengelola Laboratorium Tata Usaha / SMP
Kepegawaian Keuangan Kesiswaan Layanan/ Informasi Penjaga Sekolah Pengurus Barang Satpam Petugas Kebersihan
Guru Mata Pelajaran
(21)
3.4.1 Tugas dan Fungsi Kepala Sekolah
1. Kepala Sekolah Sebagai Pendidik ( Educator )
Adapun tugas dan fungsi Kepala Sekolah sebagai pendidik, yaitu :
a. Membimbin guru dalam hal menyusun dan melaksanakan program pengajaran, mengevaluasi hasil belajar dan melaksanakan program pengajaran remedial.
b. Membimbing karyawan dalam hal mmenyusun program kerja dan melaksanakan tugas sehari-hari.
c. Membimbing siswa dalam kegiatan ekstrakurikuler, OSIS dan mengikuti lomba di luar sekolah.
d. Mengembangkan staf melalui pendidikan/pelatihan, melalui pertemuan, seminar dan diskusi, menyediakan bahan bacaan, memperhatikan kenaikan pangkat, mengusulkan kenaikan jabatan melalui seleksi calon Kepala Sekolah.
e. Mengikuti perkembangan iptek melalui pendidikan/latihan, pertemuan, seminar, diskusi dan bahan-bahan.
2. Kepala Sekolah sebagai Manajer ( Manager)
Adapun tugas dan fungsi Kepala Sekolah sebagai Manajer, yaitu :
a. Mengelola administrasi kegiatan belajar dan bimbingan konseling dengan memiliki data lengkap administrasi kegiatan belajar mengajar dan kelengkapan administrasi bimbingan konseling.
(22)
b. Mengelola administrasi kesiswaan dengan memiliki data administrasi kesiswaan dan kegiatan ekstrakulikuler secara lengkap.
c. Mengelola administrasi ketenagaan dengan memiliki data administrasi tenaga guru, karyawan ( TU / laboran / teknisi / perpustakaan ).
d. Mengelola administrasi keuangan, baik administrasi keuangan rutin dan BOS.
e. Mengelola administrasi sarana/prasarana baik administrasi gedung/ ruang, mebelair, alat laboratorium, perpustakaan.
3. Kepala Sekolah sebagai Pengelola Administrasi ( Administrator )
Adapun tugas dan fungsi Kepala Sekolah sebagai Pengelola Administrasi, yaitu : a. Menyusun program kerja, baik jangka panjang, menengah maupun jangka pendek. b. Menyusun organisasi ketenagaan di sekolah, baik Wakasek, walikelas, Ka TU, Bendahara. c. Personalia Pendukung, misalnya Pembina perpustakaan, pramuka, OSIS, olahraga,
personalia.
d. Kegiatan temporer, seperti Panitia Ujian, panitia peringatan hari besar nasional atau keagamaan dan sebagainya.
e. Menggerakkan staf/guru/karyawan dengan cara memberikan arahan dan mengkoordinasikan pelaksanaan tugas.
f. Mengoptimalkan sumber daya manusia secara optimal, memanfaatkan sarana/prasarana secara optimal dan merawat sarana prasarana milik sekolah.
(23)
Adapun tugas dan fungsi Kepala Sekolah sebagai Penyedia, yaitu :
a. Menyusun program supervise kelas, kegiatan ekstrakulikuler dan sebagainya.
b. Melaksanakan program superivisi baik supervise kelas, dadakan, kegiatan ekstrakulikuler dan lain-lain.
c. Memanfaatkan hasil supervise untuk meningkatkan kinerja guru/karyawan dan untuk pengembangan sekolah.
5. Kepala Sekolah sebagai Pemimpin ( Leader )
Adapun tugas dan fungsi Kepala Sekolah sebagai Pemimpin, yaitu :
a. Memiliki kepribadian yang kuat, jujur, percaya diri, bertanggungjawab, berani mengambil resiko dan berjiwa besar.
b. Memiliki visi dan memahami misi sekolah yang diemban.
c. Mampu mengambil keputusan baik urusan intern maupun ekstern.
6. Kepala Sekolah sebagai Pembaharuan ( Inovator )
Adapun tugas dan fungsi Kepala Sekolah sebagai Pembaharuan, yaitu :
a. Mampu mencari, menemukan dan mengadopsi gagasan baru dari pihak lain.
b. Mampu melakukan pembaharuan di bagian kegiatan belajar mengajar dan bimbingan konseling, pengadaan dan pembinaan tenaga guru dan karyawan.
(24)
Adapun tugas dan fungsi Kepala Sekolah sebagai Pendorong, yaitu : a. Mampu mengatur pelaksanaan suasana kerja yang memadai.
b. Mampu menerapkan prinsip member penghargaan maupun sanksi hukuman yang sesuai dengan aturan yang ada.
3.4.2 Tugas dan Fungsi Wakil Kepala Sekolah
Adapun tugas dan fungsi dari wakil kepala sekolah, membantu dan bertanggungjawab kepada Kepala Sekolah dalam :
a. Menyusun perencanaan, membuat program kegiatan dan program pelaksanaan. b. Pengorganisasian
c. Pengarahan d. Ketenagaan e. Pengkoordinasian f. Pengawasan g. Penilaian
h. Identifikasi dan Pengumpulan Data
i. Mewakili Kepala Sekolah untuk menghadiri rapat khususnya yang berkaitan dengan masalah pendidikan.
j. Membuat laporan secara berkala.
3.4.3 Tugas Urusan Kurikulum
(25)
a. Menyusun program pengajaran.
b. Menyusun dan menjabarkan kalender pendidikan c. Menyusun pembagian tugas guru dan jadwal pelajaran d. Menyusun jadwal evaluasi belajar dan pelaksanaan ujian akhir e. Menerapkan criteria persyaratan kenaikan kelas dan ketamatan f. Mengatur jadwal penerimaan rapor dan STTB
g. Mengkoordinasikan, menyusun dan mengarahkan penyusunan kelengkapan mengajar h. Mengatur pelaksanaan program perbaikan dan pengayaan
i. Mengatur pengembangan MGMP/MGBP dan coordinator mata pelajaran. j. Melakukan supervisi administrasi akademis
k. Melakukan pengarsipan program kurikulum l. Penyusunan laporan secara berkala.
3.4.4 Tugas Urusan Kesiswaan
Membantu dan bertanggung jawab kepada Kepala Sekolah dalam:
a. Menyusun program pembinaan kesiswaan (OSIS), meliputi : Kepramukaan, PMR, KIR, UKS, PKS.
b. Paskibraka, pesantren kilat.
c. Melaksanakan bimbingan, pengarahan dan pengendalian kegiatan kesiswaan/OSIS dalam rangka menegakkan disiplin dan tata tertib sekolah serta pemilihan pengurus OSIS.
d. Membina pengurus OSIS dalam berorganisasi.
(26)
f. Membina dan melaksanakan koordinasi 9 K.
g. Melaksanakan pemilihan calon siswa berprestasi daan penerima beasiswa.
h. Mengadakan pemilihan siswa untuk mewakili sekolah dalam kegiatan di luar sekolah. i. Mengatur mutasi.
j. Menyusun dan membuat kepanitiaan Penerima Siswa Baru dan pelaksanaan MOS. k. Menyusun dan membuat jadwal kegiatan akhir tahun sekolah.
l. Menyelenggarakan cerdas cermat dan olahraga prestasi. m. Membuat laporan kegiatan kesiswaan secara berkala.
3.4.5 Tugas Urusan Sarana dan Prasarana
Membantu dan bertanggungjawab kepada Kepala Sekolah dalam : a. Menyusun progam pengadaan sarana dan prasarana.
b. Mengkoordinasikan penggunaan sarana prasarana. c. Pengelolaan pembiayaan alat-alat pengajaran.
d. Mengelola perawatan dan perbaikan sarana prasarana..
e. Bertanggungjawan terhadap kelengkapan data sekolah secara keseluruhan f. Melaksanakan pembukuan sarana dan prasarana secara rutin.
3.4.6 Tugas dan Fungsi Guru Pembimbing ( BP / BK)
(27)
a. Penyusunan dan pelaksanaan program bimbingan dan konseling.
b. Koordinasi dengan wali kelas dalam rangka mengatasi masalah-masalah yang dihadapi anak didik tentang kesulitan belajar.
c. Memberikan layanan dan bimbingan kepada anak didik agar lebih berprestasi dalam kegiatan belajar.
d. Memberikan saran dan pertimbangan kepada anak didik dalam memperoleh gambaran tentang lanjutan pendidikan dan lapangan pekerjaan yang sesuai .
e. Mengadakan penilaian pelaksanaan bimbingan dan konseling. f. Menyusun statistik hasil penilaian bimbingan dan konseling.
g. Menyusun dan melaksanakan program tindak lanjut bimbingan dan konseling. h. Menyusun laporan pelaksanaan kegiatan bimbingan dan konseling.
3.4.7 Pustakawan Sekolah
Membantu Kepala Sekolah dalam Kegiatan:
a. Perencanaan pengadaan buku/bahan pustaka/media elektronika. b. Pelayanan perpustakaan.
c. Perencanaan pengembangan perpustakaan.
d. Pemeliharaan dan perbaikan buku-buku/bahan pustaka/media elektronika. e. Inventarisasi dan pengadministrasian.
f. Penyimpanan buku/bahan pustaka dan media elektronika. g. Menyusun tata tertib perpustakaan.
(28)
3.4.8 Laboran
Membantu Kepala Sekolah dalam kegiatan:
a. Perencanaan pengadaan alat dan bahan laboratorium. b. Menyusun jadwal dan tata tertib penggunaan laboratorium.
c. Mengatur penyimpanan, pemeliharaan dan perbaikan alat-alat laboratorium. d. Membuat dan menyusun daftar alat-alat laboratorium.
e. Inventaris dan pengadministrasian alat-alat laboratorium.
f. Menyusun laporan pelaksanaan kegiatan laboratorium secara berkala.
3.4.9 Tugas Pokok dan Fungsi Guru
Bertanggung jawab kepada Kepala Sekolah dalam melaksanakan KBM, meliputi: a. Membuat kelengkapan mengajar dengan baik dan lengkap.
b. Melaksanakan kegiatan pembelajaran.
c. Melaksanakan kegiatan penilaian proses belajar, ulangan harian, ulangan umum dan ujian akhir.
d. Melaksanakan analisis hasil ulangan harian.
e. Menyusun dan melaksanakan program perbaikan dan pengayaan. f. Mengisi daftar nilai anak didik.
g. Melaksanakan kegiatan membimbing (pengimbasan pengetahuan), kepada guru lain dalam proses pembelajaran.
(29)
i. Menumbuhkembangkan sikap menghargai karya seni.
j. Mengikuti kegiatan pengembangan dan pemayarakatan kurikulum. k. Melaksanakan tugas tertentu di sekolah.
l. Mengadakan pengembangan program pembelajaran. m. Membuat catatan tentang kemajuan hasil belajar anak didik. n. Mengisi dan meneliti daftar hadir sebelum memulai pelajaran. o. Mengatur kebersihan ruang kelas dan sekitarnya.
p. Mengumpulkan dan menghitung angka kredit untuk kenaikan pangkat.
3.4.10 Tugas Guru Piket / Jaga
Adapun tugas dan fungsi Kepala Sekolah sebagai Pendorong, yaitu :
a. Meningkatkan pelaksanaan 9 K ( keamanan, kebersihan,ketertiban, keindahan ,kekeluargaan, kerindangan, kesehatan, keteladanan dan keterbukaan)
b. Mengadakan pendataan dan mengisi buku piket.
c. Menertibkan kelas-kelas yang kosong dengan jalan menginval.
d. Pada jam ke 2 harus berusaha menghubungi orang tua siswa yang tidak masuk tanpa keterangan melalui telepon atau mengunjungi ke rumah bagi yang tidak memiliki telepon.
e. Mencatat guru dan siswa yang terlambat, guru dan siswa yang belum waktunya, kelas yang pulang sebelum waktunya, kejadian-kejadian penting dan berusaha untuk menyelesaikan.
(30)
f. Mengawasi siswa sewaktu berada di luar kelas karena istirahat dan keliling sambil mengingatkan siswa untuk beristirahat bagi siswa yang masih berada di dalam kelas. g. Petugas piket harus hadir paling sedikit 5 menit sebelum bel masuk.
h. Melaporkan kasus-kasus yang bersifat khusus kepada wali kelas atau guru pembimbing. i. Mengawasi berlakunya tata tertib sekolah.
3.4.11 Kode Etik Pendidik
Adapun kode etik sebagai pendidik, yaitu :
a. Beriman dan bertakwa kepada Tuhan Yang Maha Esa. b. Setia kepada Pancasila, UUD 1945 dan Negara. c. Menjunjung tinggi harkat dan martabat peserta didik.
d. Berbakti kepada peserta didik dalam membantu mereka mengembangkan diri
e. Bersikap ilmiah dan menjunjung tinggi pengetahuan, ilmu, teknologi dan seni sebagai wahana dalam pengembangan peserta didik.
f. Lebih mengutamakan tugas pokok dan atau tugas Negara lainnya daripada tugas sampingan.
g. Bertanggung jawab, jujur, berprestasi, dan akuntabel dalam bekerja.
h. Dalam bekerja berpegang teguh kepada kebudayaan nasional dan ilmu pendidikan. i. Menjadi teladan dalam berprilaku.
j. Berprakarsa.
k. Memiliki sifat kepemimpinan.
(31)
m. Memelihara keharmonisan pergaulan dan komunikasi serta bekerja sama dengan baik dalam pendidikan.
n. Mengadakan kerja sama dengan orang tua siswa dan tokoh-tokoh masyarakat. o. Taat kepada peraturan perundang-undangan dan kedinasan.
p. Mengembangkan profesi secara kontinu.
(32)
BAB 4
PERANCANGAN SISTEM
4.1Analisis Masalah
Langkah pertama yang perlu dilakukan adalah mempelajari program specification yang diberikan atau menganalisis masalah. Hal ini diperlukan untuk mengetahui mengenai tujuan pengolahannnya, bentuk dan keadaan data serta output yang akan dihasilkan .
Kemudian apabila hal-hal tersebut telah jelas, barulah kita melakukan analisa daripada problem-nya dengan cara merinci program specificationnya, seperti :
a. Situs apa yang ingin dibuat ?
b. Siapa saja pengunjung yang diharapkan berkunjung ke situs tersebut ? c. Apa saja aktifitas yang mereka lakukan dalam situs ?
d. Apa target yang ingin dicapai dari pembuatan situs tersebut ?
Dengan menjawab pertanyaan-pertanyaan di atas, akan semakin memperjelas dan mempermudah dalam membangun situs karena dari situlah nantinya akan terbentuk kata kunci untuk membuat dan mengembangkan situs lebih lanjut.
Berkenan dengan situs yang akan dibangun, maka jawaban untuk pertanyaan di atas sebagai berikut :
(33)
a. Situs yang akan dibuat adalah situs lembaga pendidikan, dalam hal ini adalah SMP Negeri 8 Tebing Tinggi, yang menyediakan informasi-informasi mengenai akademik siswanya, profil sekolahnya, kondisi guru maupun pegawainya.
b. Pengunjungnya adalah pegawai maupun guru, siswa SMP Negeri 8 Tebing Tinggi bahkan khalayak lainnya.
c. Aktifitas yang akan dijumpai di dalam situs tersebut adalah pengunjung dapat mengetahui informasi tentang profil dan keadaan sekolah, mengenai nilai akademik siswa selama 1 semester, informasi data guru, informasi absensi siswa selama 1 semester..
d. Target yang akan dicapai dari situs tersebut adalah pengunjung mendapatkan informasi tentang profil sekolah , jumlah dan rata-rata nilai akademik siswa selama 1 semester, data guru maupun pegawai, kondisi siswa setiap kelasnya.
4.2 Perancangan
Menurut John Burch & Gary Grudnitski, perancangan sistem dapat didefinisikan sebagai penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi.
Menurut George M. Scott, perancangan desain menentukan bagaimana suatu sistem akan menyelesaikan apa yang mesti diselesaikan. Tahap ini menyangkut mengkonfigurasikan komponen-komponen perangkat lunak dan perangkat keras dari
(34)
suatu sistem sehingga setelah instalansi dari sistem akan benar-benar memuaskan rancang bangun yang telah ditetapkan pada akhir tahap analisis sistem.
Metode perancangan sistem yang penulis lakukan didalam menyususn Tugas Akhir ini terdiri dari Perancangan Data Flow Diagram (DFD). Perancangan Normalisasi dan Database serta Perancangan Data Flowchart .
4.3Simbol-Simbol Dasar
Sebelum kita membahas diagram alir data, sebaiknya kita mengetahui simbol-simbol standard yang sering digunakan sebagai alat bantu dalam menganalisa persoalan.Kaitan antara satu simbol dengan lainnya dinamakan flowchart . Karena dalam analisan persoalan menggunakan simbol-simbol sebagai alat pembantu, maka instruksi-instruksi yang ditulis dalam simbol-simbol tersebut dinamakan program flowchart .
Seluruh simbol yang digunakan, dapat dikelompokkan dalam tiga kelompok simbol, yaitu :
4.3.1 Flowchart Direction Symbols
Flowchart Direction Symbols adalah penghubung antara simbol yang satu dengan simbol lainnya, juga disebut sebagai connecting line. Berikut simbol yang termasuk Flowchart Direction Symbols :
(35)
Tabel 4.1 Tabel Flowchart Direction Symbols
No Nama Gambar Keterangan
1
2
3
4
Arus / Flow
Communication
Connector
Off-line Connector
Arus / aliran daripada procedure dapat dilkukan dari atas ke bawah, dari bawah ke atas, dari kiri ke kanan atau dari kanan ke kiri.
Suatu transmisi informasi dari satu lokasi ke lokasi lainnya.
Suatu rosedur akan masuk atau keluar melalui simbol ini dalam lembar yang sama.
Sama dengan simbol di atas, akan tetapi dari/atau ke prosedur lainnya ada lembar kertas lainnya.
4.3.2 Processing Symbols
Processing Symbols adalah simbol-simbol yang akan menunjukkan jenis operasi pengolahan suatu prosedur. Berikut simbol yang termasuk Processing Symbol:
(36)
Tabel 4.2 Tabel Processing Symbol
No Nama Gambar Keterangan
1 2 3 4 5 6 7 8 Process Manual Operation Decision Predefined Process Terminal Keying Operation Off-line Storage Manual Input
Simbol yang menunjukkan setiap pengolahan yang dilakukan oleh computer.
Simbol yang menunjukkan setiap pengolahan yang tidak dilakukan oleh Komputer
Kondisi yang akan menghasilkan beberapa kemungkinan jawaban (aksi).
Simbol untuk menyediaka tempt-tempat pengolahan dalam storage.
Untuk memulai atau mengakhiri suatu program, atau juga sebagai interupsi dalam program.
Segala jenis operasi dengan menggunakan mesin yang mempunyai keyboard
Simbol yang menunjukan bahwa data yang berada dalam simbol akan disimpan.
Simbol untuk memasukkan data secara manual melalui online keyboard .
4.3.3 Input – Output Symbols
Input – Output Symbols adalah simbol-simbol yang akan menunjukkan peralatan/device yang digunakan dalam pengolahan. Berikut simbol yang termasuk Input – Output Symbol:
(37)
Tabel 4.3 Tabel Input - Output Symbols
No Nama Gambar Keterangan
1
2
3
4
5
Input_Output
Punched-card
Magnetic-Tape Unit
Disk/Drum/ Direct Acces Storage Devices Document
Setiap peralatan (i/o) dapat menggunakan simbol ini tanpa mengtahui jenis peralatannya baik input maupun output.
Setiap input/output yang menggunakan kartu punch.
Digunakan baik input maupun output.
Digunakan baik untuk input maupun output
Simbol untuk data yang berbentuk kertas maupun untuk informasi.
(38)
Simbol-simbol yang digunakan ini merupakan simbol standard dari perusahaan IBM yang bersumber daru USASI ( The United States of America Standar Institude ) atau American Standars Association ( ASA ) yang disahkan pada tanggal 8 Juni 1966.
Ditinjau dari penggunaannya, maka simbol-simbol ini dapat digunakan untuk :
a. Prosedur daripada sistem komputerisasi yang biasa disebut dengan system flowchart dan biasanya digunakan oleh system analyst.
b. Prosedur daripada instruksi disebut dengan program flowchart yang digunakan oleh programmer .
4.4Data Flow Diagram
DFD merupakan salah satu komponen dalam serangkaian pembuatan perancangan sebuah sistem komputerisasi. DFD menggambarkan aliran data dari sumber pemberi data (input) ke penerima data (output). Aliran data itu perlu diketahui agar si pembuat sistem tahu persis kapan sebuah data harus disimpan, kapan harus ditanggapi (proses), dan kapan harus didistribusikan ke bagian lain. Diagram yang dipakai oleh penulis dalam merancang sistem, yaitu :
1. Digram Konteks
Digram konteks yang berjalan saat ini sebelum sistem dirancang. Siswa dan orang tua belum bisa melakukan pengecekan secara langsung informasi nilai, absen setelah data
(39)
Gambar 4.1 Data Flow Diagram (DFD ) Diagram Konteks
2. DFD Level Nol
Aliran data dalam yang masuk dan keluar dalam level 0 harus harus berhubungan dengan aliran data yang masuk dan keluar pada level 0 +1 yang mendefinisikan proses pada level 0 tersebut.. Berikut gambaran digram level nol :
Sistem Informasi SMP Negeri 8 Tebing Tinggi Berbasis Web
Admin Pegawai/Karyawan
dan Siswa
Kepala Sekolah
-Data Pegawai / Karyawan -Data Nilai Siswa -Data Siswa -Laporan
-Info Siswa -Info Absen Siswa -Info Nilai Siswa -Info Data Guru
-Info Gambaran Sekolah
-Info Siswa -Info Absen Siswa -Info Nilai Siswa -Info Data Guru
-Info Gambaran Sekolah -Data Siswa
-Data Absen Siswa -Data Nilai Siswa -Data Guru -Data Gambaran Sekolah
(40)
4.5Perancangan Database
Database dapat diumpamakan sebagai sebuah tempat menyimpan data yang terstruktur agar dapat diakses dengan cepat dan mudah. Dalam perancangan sistem informasi ini, ada 12 tabel dalam database user_online. Tabel-tabel tersebut adalah tabel absen, tabel agenda, tabel berita, tabel guru, tabel kategori, tabel kondisi_siswa, tabel modul, tabel shoutbox, tabel siswa, tabel statistik, tabel tbl_nilai dan tabel user.
Pembuatan database dan tabel-tabel menggunakan fasilitas MySql dan phpmyadmin yang terdapat dalam software XAMPP versi 1.7.0. Di bawah ini adalah gambaran isi dari masing-masing tabel.
1. Tabel Absen
Tabel absen digunakan untuk menampung data yang berisi tentang informasi kehadiran para siswa. Berikut adalah struktur dari tabel absen :
Tabel 4.4 Tabel Absen Siswa
Field Tipe Keterangan
nis* Int(10) Nomor Induk Siswa
Nama Varchar(50) Nama Siswa
Id_kelas int(10) Kelas Siswa
(41)
sakit_bln1 int(10) Total sakit bulan pertama
sakit_bln2 Int(5) Total sakit bulan kedua
sakit_bln3 Int(5) Total sakit bulan ketiga
sakit_bln4 Int(5) Total sakit bulan keempat
sakit_bln5 Int(5) Total sakit bulan kelima
sakit_bln6 Int(5) Total sakit bulan keenam
izin_ke1 Int(5) Total izin bulan pertama
izin_ke2 Int(5) Total izin bulan kedua
izin_ke3 Int(5) Total izin bulan ketiga
izin_ke4 Int(5) Total izin bulan keempat
izin_ke5 Int(5) Total izin bulan kelima
izin_ke6 Int(5) Total izin bulan keenam
tanpaketerangan_ke1 Int(5) Total tanpa keterangan bulan keenam tanpaketerangan_ke2 Int(5) Total tanpa keterangan bulan keenam tanpaketerangan_ke3 Int(5) Total tanpa keterangan bulan keenam tanpaketerangan_ke4 Int(5) Total tanpa keterangan bulan keenam tanpaketerangan_ke5 Int(5) Total tanpa keterangan bulan keenam tanpaketerangan_ke6 Int(5) Total tanpa keterangan bulan keenam
sum_sakit Int(5) Total Sakit Selama 6 bulan
sum_izin Int(5) Total Izin selama 6 bulan
(42)
2. Tabel Agenda
Tabel agenda digunakan untuk menampung data yang berisi tentang informasi agenda. Berikut adalah struktur dari tabel agenda :
Tabel 4.5 Tabel Agenda
Field Tipe Keterangn
id_agenda* Int(5) Id agenda
Tema Varchar(100) Tema Agenda
tema_seo Varchar(100) Sub tema agenda
isi_agenda Text Isi agenda
Tempat Varchar(100) Tempat dari isi agenda yang di rencanakan Pengirim Varchar(100) Pengirim yang mengirimkan agenda
tgl_mulai Date Tanggal mulai dilaksanakan isi agenda tgl_selesai Date Tanggal selesai dilaksanakan isi agenda
tgl_posting Date Tanggal agenda diposting
Jam Varchar(50) Jam isi agenda mulai dilaksanakan
3. Tabel Berita
Tabel berita digunakan untuk menampung data yang berisi tentang informasi berita. Terdapat 6 kategori untuk berita , yaitu berita teknologi, olahraga, ekonomi, politik,
(43)
Berikut adalah struktur dari tabel agenda :
Tabel 4.6 Tabel Berita
Field Tipe Keterangan
id_berita* Int(5) Id berita
id_kategori Int(5) Id kategori berita
Username Varchar(30) Pengirim berita
Judul Varchar(100) Judul berita
judul_seo Varchar(100) Sub-judul berita
isi_berita Text Isi berita
Hari Varchar(20) Hari berita diposting
Tanggal Date Tanggal berita diposting
Jam Time Jam berita diposting
Gambar Varchar(100) Gambar berita
Dibaca Int(5) Banyak berita dibaca
Tag Varchar(100) Kata kunci berita
4. Tabel Guru
Tabel guru digunakan untuk menampung data yang berisi tentang informasi guru. Berikut ini adalah struktur dari tabel guru :
(44)
Tabel 4.7 Tabel Guru
Field Tipe Keterangan
nip* Varchar(20) Nomor Induk Pegawai
Nuptk Varchar(16) Nomor Unik Penddik Tenaga Kependidikan
nama_guru Varchar(100) Nama Guru
Status Varchar(20) Status Guru
tempat_lahir_guru Varchar(50) Tempat Lahir Guru tgl_lhr_guru Varchar(10) Tanggal Lahir Guru bln_lhr_guru Varchar(10) Bulan Lahir Guru thn_lhr_guru Varchar(10) Tahun Lahir Guru jenis_kelamin_guru Varchar(10) Jenis Kelamin Guru
tgl_penempatan Varchar(3) Tanggal Penempatan Kerja bln_penempatan Varchar(10) Bulan Penempatan Kerja tahun_penempatan Varchar(10) Tahun Penempatan Kerja pendidikan_akhir Varchar(50) Pendidikan Akhir Guru
Golongan Varchar(50) Gologan Guru
Jurusan Varchar(25) Jurusan
tugas_sebagai Varchar(25) Kedudukan guru di sekolah Jabatan Varchar(50) Jabatan guru di sekolah
kd_mapel Varchar(50) Mata Pelajaran yang diajarkan Guru thn_lulus_sertifikasi Varchar(10) Tahun Lulus Sertifikasi
(45)
5. Tabel Kategori
Tabel kategori digunakan untuk menampung data yang berisi tentang kategori berita. Berikut ini adalah struktur dari tabel kategori :
Tabel 4.8 Tabel Kategori
Field Tipe Keterangan
id_kategori Int(5) Id Kategori
nama_kategori Varchar(50) Nama Kategori
kategori_seo Varchar(100) Sub-nama kategori
6. Tabel Kondisi Siswa
Tabel kondisi_siswa digunakan untuk menampung data yang berisi tentang keadaan siswa tiap kelas dan siapa wali kelasnya. Berikut ini adalah struktur dari tabel kondisi_siswa :
Tabel 4.9 Tabel Kondisi Siswa
Field Tipe Keterangan
id_kelas Varchar (10) Kelas
tahun_ajaran Varchar (20) Tahun Ajaran
(46)
sum_lk Int(10) Jumlah Siswa Laki-Laki
sum_pr Int(10) Jumlah Siswa Perempuan
sum_islam Int(10) Jumlah Siswa Beragama Islam
sum_budha Int(10) Jumlah Siswa Beragama Budha
sum_hindu Int(10) Jumlah Siswa Beragama Hindu
sum_katolik Int(10) Jumlah Siswa Beragama Katolik
sum_kp Int(10) Jumlah Siswa Beragama Protestan
sum_siswa Int(10) Total Siswa
7. Tabel Modul
Tabel Modul digunakan untuk menampung data yang berisi tentang modul seperti kategori, berita, agenda dan shoutbox . Berikut ini adalah struktur dari tabel modul :
Tabel 4.10 Tabel Modul
Field Tipe Kategori
id_modul Int(5) Id modul
nama_modul Varchar(50) Nama Modul
Link Varchar(100) Menghubungkan ke
static_content Text Konten Statik
Gambar Varchar(100) Gambar
(47)
Status enum('user','admin') Publish oleh
Urutan Int(5) Urutan ditampilkan
8. Tabel Shoutbox
Tabel shoutbox digunakan untuk menampung data yang berisi informasi percakapan, komentar yang diungkapkan pengunjung. Berikut ini adalah struktur dari tabel Shoutbox :
Tabel 4.11 Tabel Shoutbox
Field Tipe Keterangan
id_shoutbox* Int(5) Id pengirim di shoutbox
Nama Varchar(100) Nama pengirim di shoutbox
Website Varchar(50) Web pengirim di shoutbix
Pesan Text Isi pesan di shoutbix
Aktif enum('Y','N') Status keadaan si pengirim
9. Tabel Siswa
Tabel siswa digunakan untuk menampung data yang berisi informasi siswa. Berikut ini adalah struktur dari tabel siswa :
(48)
Tabel 4.12 Tabel Siswa
Field Tipe Keterangan
nis* Int(6) Nomor Induk Siswa
Nama Varchar(50) Nama Siswa
id_kelas Varchar(10) Kelas Siswa
tahun_ajaran Varchar(10) Tahun Ajaran
tmpt_lhr Varchar(20) Tempat Lahir
tgl_lhr Varchar(10) Tanggal Lahir
bln_lhr Varchar(10) Bulan Lahir
thn_lhr Varchar(10) Tahun Lahir
jenis_kelamin_swa Varchar(10) Jenis Kelamin Siswa
agama_swa Varchar(20) Agama Siswa
anak_ke_swa Varchar(50) Anak Ke
jumlah_saudara_swa Varchar(50) Jumlah Saudara
nama_ayah_swa Varchar(50) Nama Ayah Siswa
nama_ibu_swa Varchar(50) Nama Ibu Siswa
Alamat Varchar(150) Alamat Siswa
Kota Varchar(75) Kota
Provinsi Varchar(75) Provinsi
pekerjaan_ayah_swa Varchar(50) Pekerjaan Ayah Siswa pekerjaan_ibu_swa Varchar(50) Pekerjaan Ibu Siswa
(49)
10. Tabel Statistik
Tabel statistik digunakan untuk menampung data yang berisi informasi statistik pengunjung. Berikut ini adalah struktur dari tabel statistik :
Tabel 4.13 Tabel Statistik
Field Tipe Keterangan
Ip Varchar(20) Ip pengunjung
Tanggal Date Tanggal Kunjungan
Hits Int(10) Jumlah Kunjungan
Online Varchar(255) Pengunjung yang lagi online
11. Tabel Nilai
Tabel Nilai digunakan untuk menampung data yang berisi informasi nilai siswa. Berikut ini adalah struktur dari tabel nilai :
Tabel 4.14 Tabel Nilai
Field Tipe Keterangan
nis* Int(10) Nomor Induk Siswa
Nama Varchar (50) Nama Siswa
(50)
tahun_ajaran Varchar (10) Tahun Ajaran
Semester Varchar (10) Semester
Agama Varchar (3) Nilai Agama
Pkn Varchar (3) Nilai PPKN
Indo Varchar (3) Nilai Bahasa Indonesia
Ing Varchar (3) Nilai Bahasa Inggris
Mm Varchar (3) Nilai Matematika
Ipa Varchar (3) Nilai IPA
Ips Varchar (3) Nilai IPS
Seni Varchar (3) Nilai Kesenian
Penjas Varchar (3) Nilai Penjaskes
Tik Varchar (3) Nilai TIK
Mulok Varchar (3) Nilai Muatan Lokal
sum_nilai Varchar (10) Total Nilai
rata_nilai Varchar (10) Rata-Rata Nilai
12. Tabel User
Tabel user digunakan untuk menampung data yang berisi informasi user . Tapi hanya satu user yang ada di tabel user ini, yaitu admin. Berikut ini adalah struktur dari tabel user :
(51)
Tabel 4.15 Tabel User
Field Tipe Keterangan
Id_user Int (5) Id User
Username Varchar(100) Nama Pengguna User
Password Varchar(20) Password user
Kemudian langkah selanjutnya adalah membuat outline atau garis besar dari situs tersebut. Salah satu cara yang dapat digunakan adalah dengan membuat aliran informasi atau flowchart ( bagan alir ) situs tersebut. Flowchart merupakan gambaran yang menampilkan struktur, hierarki dan isi halaman per halaman, Secara sederhana, berikut bagan alir gambaran situs yang dirancang :
(52)
Gambar 4.4 Flowchart Halaman Profil
(53)
Gambar 4.6 Flowchart Halaman Siswa
(54)
Gambar 4.7 Flowchart Lanjut Halaman Utama
(55)
(56)
(57)
Gambar 4.11 Flowchart Halaman Kondisi Siswa
(58)
(59)
BAB 5
IMPLEMENTASI SISTEM
5.1Pengertian Implementasi Sistem
Implementasi sistem merupakan langkah-langkah atau prosedur-prosedur yang dilakukan dalam menyelesaikan desain sistem yang tidak disetujui, untuk menginstal, menguji dan memulai sistem baru atau sistem yang diperbaiki.
5.2Tujuan Implementasi Sistem
Adapun tujuan dari implementasi sistem adalah sebagai berikut : 1. Menyelesaikan desain sistem yang telah disetujui sebelumnya. 2. Memastikan bahwa pemakai ( user ) dapat dioperasikan sistem baru. 3. Menguji apakah sistem baru tersebut sesuai dengan pemakai.
4. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat rencana, mengontrol dan melakukan instalasi baru secara benar.
(60)
5.3Spesifikasi Sistem
Untuk menjalankan sistem, perlu kita ketahui perangkat apa saja yang akan mendukung dalam proses program dan data. Perangkat komputer yang diguunakan, yaitu :
5.3.1 Perangkat Keras ( Hardware )
Pengguna perangkat keras yang baik akan mempengaruhi cepat lambatnya proses program yang dijalankan dan yang dihasilkan. Dalam hal ini, penulis merinci spesifikasi komponen hardware yang digunakan, yaitu :
a. CPU ( Central Processing Unit ) Pentium Dual-Core 800 MHz b. Memori 1 GB
c. Monitor 15 inchi
d. Kapasitas HDD 250 GB e. Keyboard
f. Mouse
5.3.2 Perangkat Lunak ( Software )
Adapun software yang digunakan untuk pembuatan projek tugas akhir ini adalah sebagai berikut :
a. Sistem operasi yang digunakan adalah Windows 7 Ultimate. Berikut tampilan sistem operasi dari windows 7 ultimate:
(61)
Gambar 5.1 Tampilan Windows 7 Ultimate
b. Aplikasi Microsoft Word 2007 media pengolah data yang dipakai untuk pengetikan tugas akhir ini. Berikut tampilan Microsoft Word 2007 :
(62)
c. XAMPP versi 1.7.0 , merupakan aplikasi yang berfungsi sebagai web servernya . PHP sebagai bahasa pemograman dan MySQL sebagai database-nya. Berikut tampilan halaman XAMPP versi 1.7.0 dan Control Panel jika di-running :
Gambar 5.3 Tampilan Control Panel XAMPP Versi 1.7.0
(63)
d. Macromedia Dreamweaver 8, yang berfungsi sebagai teks editor dalam penulisan script PHP dalam pembuatan website . Berikut tampilan Macromedia Dreamweaver 8 :
Gambar 5.5 Tampilan Macromedia Dreamweaver 8
e. CSS3 Menu, merupakan aplikasi untuk membuat sebuah menu navigasi yang keren dengan menggunakan CSS dan tanpa Javascript. Menu ini dapat berjalan dengan baik pada Firefox, Opera, Chrome dan Safari. Berikut tampilan dari CSS3 Menu :
(64)
Gambar 5.6 Tampilan CSS3 Menu
5.3.3 Brainware
Brainware adalah sumber daya manusia yang nantinya akan berperan sebagai user ataupun administrator sistem . Brainware yang dibutuhkan sebagai administrator nantinya bekerja pada server dalam pengolahan data website . Administrator harus mengerti tentang bahasa pemograman PHP dan MySQL serta mengerti jalannya sistem . Sedangkan user tidak harus memiliki kemampuan khusus hanya saja mampu mengoperasikan browser.
(65)
5.4Pengujian Sistem
Tujuan dari pengujian sistem adalah untuk mengetahui bahwa komponen-komponen sistem telah berfungsi dengan baik. Tujuan lainnya adalah untuk mengetahui kelemahan atau kesalahan sistem sehingga perlu diadakan perbaikan. Berikut tampilan – tampilan halaman website yang dirancang setelah diuji programnya :
(66)
Gambar 5.8 Tampilan Halaman Login Admin
(67)
Gambar 5.10 Tampilan Halaman Input Data Siswa
(68)
Gambar 5.12 Tampilan Halaman Input Data Nilai Siswa
(69)
BAB 6
KESIMPULAN DAN SARAN
6.1Kesimpulan
Adapun kesimpulan yang dapat diambil dalam pembuatan sistem informasi berbasis web ini adalah sebagai berikut :
1. Langkah –langkah atau prosedur yang dilakukan dalam menyelesaikan implementasi sistem adalah desain sistem yang telah disetujui, untuk menginstal, menguji dan memulai sistem baru atau sistem yang diperbaiki.
2. Perancangan sistem dapat didefinisikan sebagai penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi.
3. Sebelum membuat website terlebih dahulu diracang desain, agar website yang disajikan menarik. Software yang digunakan adalah Adobe Photoshop dan Macromedia Dreamweaver 8.
(70)
6.2Saran
Saran yang bisa diberikan agar web ini tetap terus dapat digunakan adalah sebagai berikut :
1. Isi situs web seharusnya di-upload oleh admin secara berkala guna memberikan informasi yang teraktual.
2. Komputer yang digunakan dalam membuat aplikasi web sebaiknya memiliki spesifikasi dengan level menengah ke atas karena penggunaan software-software memakan sumber daya komputer seperti memori dan kapasitas harddisik .
3. Dalam menggunakan situs perlu adanya server , agar data atau informasi yang masuk dapat dilihat secara continue.
4. Pemeliharaan keamanan dan data server sangat perlu diawasi dan dijaga dengan baik agar tidak bisa diakses oleh orang yang tidak berkepentingan.
(71)
BAB 2
TINJAUAN TEORI
2.1 Data dan Informasi 2.1.1 Pengertian Data
Data menurut kamus bahasa Inggris-Indonesia, data diterjemahkan sebagai istilah yang berasal dari kata “datim” yang berarti fakta atau bahan-bahan keterangan.
Menurut Gordon B. Davis,( Management Informations System : Conceptual Fondations, Structures, and Development ), data sebagai bahan mentah dari informasi, yang dirumuskan sebagai sekelomok lambing-lambang tidak acak yang menunjukkan jumlah atau tindakan.
Menurut pandangan bisnis, terdapat pengertian data bisnis yaitu : “ Business data is an organizations description of things ( resource ) and events ( transaction ) that it faces”. Jadi data dalam hal ini disebut sebagai data bisnis , merupakan deskripsi organisasi tentang sesuatu ( resource ) dan kejadian ( transaction ) yang terjadi.
Dari pengertian di atas, dapat diambil kesimpulan bahwa data merupakan bahan baku informasi, yang didefinisikan sebagai kelompok teratur simbol-simbol yang
(72)
mewakili kuantitas, tindakan, benda, dan sebagainya. Data terbentuk dari karakter, dapat berupa alphabet maupun simbol khusus seperti *, $ dan / .
2.1.2 Pengertian Informasi
Informasi dapat didefinisikan sebagai hasil dari pengolahan data dalam suatu bentuk yang lebih berguna dan lebih berarti bagi penerimanya yang menggambarkan suatu kejadian-kejadian yang nyata yang digunakan untuk mengambil keputusan.
Menurut Gorden B. Navis, ,( Management Informations System : Conceptual Fondations, Structures, and Development ),informasi sebagai data yang diolah menjadi bentuk yang lebih berarti dan berguna bagi penerimanya untuk mengambil keputusan masa kini maupun yang akan datang.
2.2 Sistem dan Sistem Informasi 2.2.1 Pengertian Sistem
Sistem juga dapat didefinisikan sebagai ”cara”. Seperti sistem pengamatan, system pengelihatan, sistem pengajaran dan lain sebagainya. Jadi sistem adalah suatu kesatuan yang utuh yang terdiri dari beberapa bagian yang saling berhubungan dan berinteraksi untuk mencapai suatu tujuan.
(73)
Menurut M.J Alexander dalam buku Information System Analyst: Theory and Application, sistem merupakan suatu group dari elemen-elemenyang menunjukkan suatu kumpulan saling berhubungan diantarnya dan berinteraksi bersama-sama menuju satu atau lebih tujuan, sasaran atau tugas akhir dari suatu sistem.
2.2.2 Pengertian Sistem Informasi
Sistem informasi adalah suatu cara tertentu untuk menyediakan informasi yang dibutuhkan oleh organisasi untuk beroperasi dengan cara yang sukses dan untuk organisasi bisnis dengan cara yang menguntungkan .Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat oleh manusia yang terdiri dari komponen-komponen dalam organisasi untuk mencapai suatu tujuan yaitu menyajikan informasi.
Sistem informasi di dalam organisasi yang mempertemukan kebutuhan pengolahan transaksi , mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan yang diperlukan. Sistem informasi tertentu menerima masukkan data dan instruksi, mengolah data tersebut sesuai instruksi dan mengeluarkan hasilnya.
2.3 Pengenalan HTML
2.3.1 Apa Itu Dokumen HTML ?
HTML ( Hypertext Markup Language ) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa tergantung pada suatu
(74)
platform tertentu. Dokumen HTML adalah suatu dokumen teks biasa, dan disebut sebagai markup language karena mengandung tanda – tanda (tag ) tertentu yang digunakan untuk menentukan tampilan suatu teks tersebut dalam suatu dokumen. Pada dokumen HTML yang termasuk sistem hypertext , kita tidak harus membaca dokumen tersebut secara urut dari atas ke bawah atau sebaliknya, tetapi kita dapat menuju pada topik tertentu secara langsung dengan menggunakan teks penghubung yang akan membawa anda ke suatu topik atau dokumen lain secara langsung.
HTML merupakan pengembangan dari standar pemformatan dokumenteks yaitu SGML ( Standart Generalized Markup Language ). Sejak awal perkembangan sampai sekarang ini telah tersedia bermacam-macam level ( versi ) HTML, ada HTML level 1.0, HTML 2.0, HTML 3.0, dan HTML 4.0.
2.3.2 Bagian-Bagian HTML
HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode <form>, judul dengan <title> dan sebagainya. Untuk lebih lanjut mengenai bagian - bagian HTML perhatikan skema dibawah ini :
<html>
<head>
<title>…..</title> </head>
<body>
…isi dari halaman web… </body>
(75)
Keterangan :
1. Dokumen HTML selalu diawali dengan tanda tag pembuka<html> dan diakhiri dengan tanda tag penutup </html>.
2. Pada elemen head <head></head>, dapat kita sisipkan kode-kode untuk menuliskan keterangan tentang dokumen HTML. Atau dapat juga kita sisipkan scripts-scripts pemograman web seperti JavaScript, VBScripts, atau CSS untuk menambah daya tarik pada situs yang kita buat agar lebih menarik dan dinamis. 3. Elemen body <body></body> berisi tag-tag untuk isi atau layout tampilan situs
kita, seperti: <font></font>, <table></table>, <form></form>.
Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kode-kode tag tersebut. Sedangkan tag hanyalah merupakan bagian dari elemen. Tag adalah kode-kode yang digunakan untuk men-setting dokumen HTML. Secara garis besar bentuk umum tag adalah sebagai berikut :
<tag-awal> TEKS <tag-akhir>
Namun ada juga tag yang tidak perlu ada penutup seperti <br>, <hr>, <img> dan lainnya.
2.4 Pengenalan PHP 2.4.1 Apa itu PHP ?
PHP singkatan dari PHP Hypertext Preprocessor yang digunakan sebagai bahasa script server-side dalam pengembangan web yang disisipkan pada dokumen HTML.
(76)
Penggunaan PHP memungkinkan web dapat dibuat dinamis sehingga maintenance situs web tersebut menjadi lebih mudah dan efisien.
PHP merupakan software Open-Source yang disebarkan dan dilisensikan secara gratis serta dapat di-download secara bebas dari situs resminya yaitu htpp://www.php.net .
2.4.2 Sejarah Singkat PHP
PHP diciptakan pertama kali oleh Rasmus Lerdorf pada tahun 1994. Awalnya, PHP digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja pengunjung homepage-nya . Rasmus Lerdorf adalah salah seorang pendukung Open Source . Oleh karena itu , ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis, kemudian menambah kemampuan PHP 1.0 dan meluncurkan PHP 2.0.
Pada tahun 1996, PHP telah banyak digunakan dalam website di dunia. Sebuah kelompok pengembang software yang terdiri dari Rasmus, Zeew Suraski, Andi Gutman, Stig Bakke, Shane Caraveo dan Jim Winstead bekerja sama untuk menyempurnakan PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan. Penyempurnaan terus dilakukan sehingga pada tahun 2000 dikeluarkan PHP 4.0. Tidak berhenti sampai disitu, kemampuan PHP terus bertambah.
(77)
2.4.3 Memulai PHP
Sebelum kita memulai pemograman PHP yang perlu diingat adalah pastikan web server dan skrip PHP telah berjalan dengan baik. Notepad merupakan editor teks yang biasa digunakan. Dan juga dapat dengan editor yang lain seperti Adobe Macromedia, PHPPed, UltraEdit, Crimson Editor. Fungsi-fungsi yang tidak case sensitif tetapi variabelnya case sensitive ( membedakan huruf besar da kecil ) .
Kode PHP diawali dengan tanda lebih kecil ( < ) da diakhiri dengan tanda lebih besar (>). Ada tiga cara untuk menuliskan skrip PHP, yaitu :
1. <?Script PHP?> 2. <?php Script PHP ?>
3. <SCRIPT LANGUAGE="php"> Skrip PHP </SCRIPT>
Pemisah antar instruksi adalah titik koma (;) . Untuk membuat atau menambahkan komentar, standar penulisan adalah
/*komentar*/ //komentar #komentar
2.5 Penggabungan Script HMTL dan PHP
Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu memberikan tanda tag buka dilanjutkan tanda tanya ( <? ) kemudian ditutup dengan tanda tanya dilanjutkan tanda tag tutup ( ?> ).
(1)
PENGHARGAAN
Puji dan syukur penulis panjatkan kehadirat Tuhan Yang Maha Esa, yang telah melimpahkan karunia-Nya dalam mengerjakan tugas akhir ini. Karena berkat rahmat dan berkat-Nya pula penulis dapat menyelesaikan Tugas akhir dengan judul
“PERANCANGAN SISTEM INFORMASI BERBASIS WEB PADA SEKOLAH
MENENGAH PERTAMA NEGERI 8 TEBING TINGGI”. Penyusunan dan penulisan Tugas Akhir ini dibuat untuk memenuhi syarat kelulusan bagi setiap mahasiswa jurusan Teknik Informatika Program Studi D3 di FMIPA USU Medan.
Ucapan terima kasih ini saya sampaikan kepada Drs. Sawaluddin, M.IT selaku pembimbing tugas akhir yang telah memberikan bimbingan dan arahan selama ini kepada penulis dalam menyelesaikan tugas akhir. Ucapan terima kasih juga ditujukan kepada Ketua dan Sekertaris Departemen Prof. Dr. Tulus, M.Si, dan Dra. Mardiningsih. M.Si., Dekan dan Pembantu Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara, semua dosen pada Departemen Matematika FMIPA USU, pegawai FMIPA USU dan semua pegawai SMP Negeri 8 Tebing Tinggi.Akhirnya, tidak terlupakan kepada bapak, ibu dan adik-adik saya yang selau memberikan dukungan dan perhatiannya, juga semua sahabat (Fatmawati, Reza Mahardi, Novri, Melda, Ribka, Yunita, Nellla , Claudia dan Dedy) yang selalu memberikan saran, kritikan dan semangat yang tiada henti untuk menyelesaikan tugas akhir ini. Semoga Tuhan Yang Maha Esa akan membalasnya.
(2)
ABSTRAK
Kajian ini bertujuan untuk membangun suatu sistem informasi data siswa, guru dan pegawai dari suatu sekolah yang berada di Tebing Tinggi. Sistem ini dikembangkan menggunakan bahasa pemograman Adobe Photoshop, Macromedia Dreamweaver 8. XAMPP Versi 1.7.0 , CSS3 Menu dan browser Mozila Firefox. Sistem ini bekerja memasukkan dan menyimpan data serta menampilkan info dari sekolah tersebut . Sehingga masyarakat luas akan lebih mudah mengetahui informasi yang akan disajikan oleh pihak sekolah .
(3)
DAFTAR ISI
Halaman
Persetujuan ii
Pernyataan iii
Penghargaan iv
Abstrak v
Daftar Isi vi
Daftar Tabel viii
Daftar Gambar ix
BAB 1 PENDAHULUAN
1.1 Latar Belakang 1
1.2 Identifikasi Masalah 3
1.3 Ruang Lingkup Masalah 4
1.4 Maksud dan Tujuan 4
1.5 Metode Penelitian 5
1.6 Sistematika Penulisan 7
BAB 2 TINJAUAN TEORI
2.1 Data dan Informasi
2.1.1 Pengertian Data 9
2.1.2 Pengertian Informasi 10 2.2 Sistem dan Sistem Informasi
2.2.1 Pengertian Sistem 10 2.2.2 Pengertian Sistem Informasi 11 2.3 Pengenalan HTML
2.3.1 Apa Itu Dokumen HTML 11 2.3.2 Bagian-Bagian HTML 12 2.4 Pengenalan PHP
2.4.1 Apa Itu PHP? 13
2.4.2 Sejarah Singkat PHP 14
2.4.3 Memulai PHP 15
2.5 Penggabungan Script HTML dan PHP 15
2.6 Pengenalan MySQL 17
2.7 Mengenal Macromedia Dreamweaver 17 2.7.1 Memulai Macromedia Dreamweaver 18 2.7.2 Komponen Ruang Kerja 21
BAB 3 TENTANG SMP NEGERI 8 TEBING TINGGI
3.1 Gambar Umum SMP Negeri 8 24
3.2 Tujuan Sekolah 25
(4)
3.3.1 Visi 26
3.3.2 Misi 27
3.4 Struktur Organisasi SMP Negeri Tebing Tinggi
3.4.1 Tugas dan Fungsi Kepala Sekolah 29 3.4.2 Tugas dan Fungsi Wakil Kepala Sekolah 32 3.4.3 Tugas Urusan Kurikulum 32 3.4.4 Tugas Urusan Kesiswaan 33 3.4.5 Tugas Urusan Sarana dan Prasarana 34 3.4.6 Tugas dan Fungsi Guru Pembimbing (BP /
BK)
34
BAB 4 PERANCANGAN SISTEM
4.1 Analisis Masalah 39
4.2 Perancangan 40
4.3 Simbol-Simbol Dasar 41
4.3.1 Flowchart Direction Symbols 41 4.3.2 Processing Symbols 42 4.3.3 Input-Output Symbols 44
4.4 Data Flow Diagram 45
4.5 Perancangan Database 48
BAB 5 IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem 66 5.2 Tujuan Implementasi Sistem 66
5.3 Spesifikasi Sistem 67
5.3.1 Perangkat Keras ( Hardware) 67 5.3.2 Perangkat Lunak ( Software ) 67
5.3.3 Brainware 71
5.4 Pengujian Sistem 72
BAB 6 KESIMPULAN DAN SARAN
6.1 Kesimpulan 76
6.2 Saran 77
Daftar Pustaka Lampiran Listing Program
(5)
DAFTAR TABEL
Tabel 4.1 Tabel Flowchart Direction Symbols 42 Tabel 4.2 Tabel Processing Symbols 43 Tabel 4.3 Tabel Input – Output Symbols 44
Tabel 4.4 Tabel Absen Siswa 48
Tabel 4.5 Tabel Agenda 50
Tabel 4.6 Tabel Berita 51
Tabel 4.7 Tabel Guru 52
Tabel 4.8 Tabel Kategori 53
Tabel 4.9 Tabel Kondisi Siswa 53
Tabel 4.10 Tabel Modul 54
Tabel 4.11 Tabel Shoutbox 55
Tabel 4.12 Tabel Siswa 55
Tabel 4.13 Tabel Statistik 57
Tabel 4.14 Tabel Nilai 57
(6)
DAFTAR GAMBAR
Gambar 2.1 Jendela Kerja Macromedia Dreamweaver 8 19
Gambar 2.2 Menu Insert Bar 19
Gambar 2.3 Tampilan Document Toolbar 20 Gambar 2.4 Tampilan Property Inspector 21 Gambar 2.5 Tampilan Menu Dreamweaver 8 22
Gambar 3.1 Struktur Organisasi 28
Gambar 4.1 DFD Diagram Konteks 46
Gambar 4.2 Data Flow Diagram Level Nol 47
Gambar 4.3 Flowchart Halaman Utama 59
Gambar 4.4 Flowchart Halaman Profil 59 Gambar 4.5 Flowchart Halaman Guru/ Pegawai 60
Gambar 4.6 Flowchart Halaman Siswa 60
Gambar 4.7 Flowchart Halaman Fitur 61
Gambar 4.8 Flowchart Lanjut Halaman Utama 61 Gambar 4.9 Flowchart Login Ke Halamaan Admin 62 Gambar 4.10 Flowchart Halamaan Data Guru/Pegawai 63 Gambar 4.11 Flowchart Halamaan Data Siswa 63 Gambar 4.12 Flowchart Halamaan Kondisi Siswa 64 Gambar 4.13 Flowchart Halaman Nilai Siswa 64 Gambar 4.14 Flowchart Halaman Absen Siswa 65 Gambar 5.1 Tampilan Windows 7 Ultimate 68 Gambar 5.2 Tampilan Microsoft Word 2007 68 Gambar 5.3 Tampilan Control Panel XAMPP Versi 1.7.0 69 Gambar 5.4 Tampilan Halaman XAMPP versi 1.7.0 69 Gambar 5.5 Tampilan Macromedia Dreamweaver 8 70
Gambar 5.6 Tampilan CSS3 Menu 71
Gambar 5.7 Tampilan Halaman HOME 72
Gambar 5.8 Tampilan Halaman Login Admin 73 Gambar 5.9 Tampilan Halaman Input Data Guru 73 Gambar 5.10 Tampilan Halaman Input Data Siswa 74 Gambar 5.11 Tampilan Halaman Input Data Kondisi Siswa 74 Gambar 5.12 Tampilan Halaman Input Data Nilai Siswa 75 Gambar 5.13 Tampilan Halaman Input Data Absen Siswa 75