Sistem Informasi Sekolah SMP Masehi Sibiru Biru Berbasis Website

(1)

LAMPIRAN LISTING PROGRAM WEBSITE

1. index.php

<!DOCTYPE HTML> <html>

<head>

<title>Sistem Informasi Sekolah SMP Masehi Biru Biru</title> <link href="css/bootstrap.min.css" rel='stylesheet'

type='text/css' />

initial-scale=1">

hideURLbar(){ window.scrollTo(0,1); } </script>

media="all" />

src="js/modernizr.custom.28468.js"></script> <script type="text/javascript"

src="js/jquery.cslider.js"></script> <script type="text/javascript">

$(function() {

$('#da-slider').cslider({ autoplay : true, bgincrement : 450 });

(2)

$(document).ready(function() { $("#owl-demo").owlCarousel({

items : 4,

lazyLoad : true, autoPlay : true, navigation : true,

navigationText : ["", ""], rewindNav : false,

scrollPerPage : false, pagination : false,

paginationNumbers : false, });

}); </script>

</head> <body>

<?php include("include/header.php"); ?> </div>

(3)

<p><font color="#000000"><strong>Sistem Informasi SMP Masehi Biru Biru menyediakan informasi seputar kegiatan akademik di SMP Masehi Biru Biru</strong> </font></p>

<h3 class="da-link"><a

href="informasi_kegiatan.php" class="fa-btn btn-1 btn-1e"><font color="#000000"><strong>Selengkapnya</strong></font></a></h3>

</div>

<h2><font color="#000000">Direktori Data</font></h2>

<p><font color="#000000"><strong>Para pengunjung kini bisa mengakses database yang berkaitan tentang data siswa dan guru di SMP Masehi Biru Biru.</strong> </font></p>

<h3 class="da-link"><a

href="data_siswa.php" class="fa-btn btn-1 btn-1e"><font color="#000000"><strong>Data Siswa</strong> <a href="data_guru.php" class="fa-btn btn-1 btn-1e"><font color="#000000"><strong>Data Guru</strong></font></a></h3>

</div>

<h2><font color="#000000">Profil Kami</font></h2>

<p><font color="#000000"><strong>Gunakan link dibawah ini untuk mengakses halaman profil kami, kirimkan opini dan saran anda untuk pengembangan sistem agar lebih bermanfaat bagi kita semua.</strong> </font></p>

<h3 class="da-link"><a href="profil.php" class="fa-btn btn-1 btn-1e"><font

color="#000000"><strong>Dengumuman</strong></font></a></h3> </div>

</div> </div> </div>

<?php include("include/footer.php"); ?> </div>

(4)

2. profil.php

<head>

<title>Sistem Informasi SMP Masehi Biru Biru</title> <link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />

initial-scale=1">

href="fonts/css/font-awesome.min.css"> </head>

<body>

<div class="logo navbar-left"> <h1><a href="index.php"><font color="#FFFFFF">SMP Masehi Biru Biru</font></a></h1>

<h4><font color="#FFFFFF">Sistem Informasi SMP Masehi Biru Biru</font></h4>

</div>

<form name="form1" id="form1" class="text"

action="http://www.google.com/search" onSubmit="Gsitesearch(this)" method="get">

<input name="q" type="text" id="q"

(5)

onClick="if(this.value == 'Pencarian google'){ this.value = ''}" value="Pencarian google"/>

</div>

<span class="sr-only">Navigasi</span> <span class="icon-bar"></span>

</div>

<li><a href="index.php">Beranda</a></li> <li class="active"><a

href="profil.php">Profil</a></li>

<li><a href="informasi_kegiatan.php">Informas & Kegiatan</a></li>

<li><a href="data_guru.php">Data Guru</a></li> <li><a href="data_siswa.php">Data

Siswa</a></li>

(6)

</ul> </div> </nav>

<?php include("include/medsos.php"); ?> </div>

</div>

<h2>Profil</h2> <span>SMP Masehi Biru Biru <br/><br/><br/><br/></span>

<h2>Kontak Kami</h2>

<div>

<span>Nama Pengirim</span>

</div> <div>

<span>Isi Pesan</span> <span><textarea name="pesan" id="pesan" > </textarea></span>

(7)

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

</div>

</div> </div>

</div> </div>

</body> </html>

3. alumni.php

<head>

<title>Sistem Informasi SMP Masehi Biru Biru</title> <link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />

(8)

<body>

<h4><font color="#FFFFFF">Sistem Informasi Sekolah SMP Masehi Biru Biru</font></h4>

</div>

onBlur="if(this.value==''){ this.value='Pencarian google'}" onClick="if(this.value == 'Pencarian google'){ this.value = ''}" value="Pencarian google"/>

</div>

(9)

</div>

<li><a href="index.php">Beranda</a></li> <li><a href="profil.php">Profil</a></li> <li><a href="informasi_kegiatan.php">Informas & Kegiatan</a></li>

Siswa</a></li>

<li class="active"><a href="alumni.php">Alumni</a></li>

<li><a href="galeri.php">Galeri</a></li> <li><a href="login_admin.php">Login</a></li>

</ul> </div> </nav>

</div>

(10)

</div> </div>

<h3>Form Daftar Alumni</h3>

<tr>

<td width="202" height="24" ><h4><span>Nama Pengguna</span></h4></td>

<td width="448"><input

name="nama_pengguna" type="text" class="form-control" /></td> </tr>

<tr>

<td height="24" ><h4><span>Kata Sandi</span></h4></td>

</tr> <tr>

<td width="202" height="24" ><h4><span>Nama Alumni</span></h4></td>

name="nama_alumni" type="text" class="form-control" /></td> </tr>

<tr>

(11)

</tr> <tr>

<td width="202" height="24" ><h4><span>Alamat</span></h4></td>

</tr> <tr>

<td width="202" height="24" ><h4><span>Stambuk</span></h4></td>

</tr> <tr> <td> </td>

<td height="28" colspan="2"> <label class="fa-btn 1

btn-1e"><input type="submit" value="Daftar"></label><h4><span>Sudah punya akun? <a href="login_alumni.php">Masuk

disini</a></span></h4>

</td> </tr> </table> </form>

</div> </div>

</div>

(12)

</div> </div>

</body> </html>

4. baca_informasi_kegiatan.php

<head>

<title>Sistem Informasi Akademik SMP Masehi Biru Biru</title> <link href="css/bootstrap.min.css" rel='stylesheet'

type='text/css' />

initial-scale=1">

<body>

(13)

</div>

(14)

<li><a href="index.php">Beranda</a></li> <li ><a href="profil.php">Profil</a></li> <li class="active"><a

href="informasi_kegiatan.php">Informas & Kegiatan</a></li>

Siswa</a></li>

<li><a href="alumni.php">Alumni</a></li> <li><a href="galeri.php">Galeri</a></li> <li><a href="login_admin.php">Login</a></li>

</ul> </div> </nav>

</div>

<?php

require_once("conn.php");

$pilihan=$_REQUEST['id_berita'];

$tampil=mysql_query("SELECT * FROM berita where id_berita='".mysql_real_escape_string($pilihan)."'");

(15)

<p><strong><h4><?php echo ucwords("$row->judul_berita"); ?></h4></strong></p>

<h5><?php echo ucwords("$row->isi_berita"); ?></h5> <ul>

<?php } ?>

<p class="readmore"><a

href="informasi_kegiatan.php"><h5>Baca Berita Lainnya »</h5></a></p>

</ul>

</div> </div>

</div>

</div> </div>

(16)

5. conn.php

<?php

mysql_connect("localhost","root","root"); mysql_select_db("db_ta_james");

?>

6. data_guru.php

<?php

error_reporting(0);

require_once('conn.php'); $kategori=$_POST['kategori']; $nama=$_POST['nama'];

?>

<head>

type='text/css' />

initial-scale=1">

(17)

</div>

(18)

<li><a href="index.php">Beranda</a></li> <li ><a href="profil.php">Profil</a></li> <li><a href="informasi_kegiatan.php">Informas & Kegiatan</a></li>

<li ><a href="data_siswa.php">Data Siswa</a></li>

<li><a href="alumni.php">Alumni</a></li> <li><a href="galeri.php">Galeri</a></li> <li ><a href="login_admin.php">Login</a></li>

</ul> </div> </nav>

</div>

(19)

<td width="32%" height="28" scope="row"> <p><h5>Kategori</h5>

<label>

<select name="kategori" size="1"> <option value="-">Pilih</option> <option value="Guru">Guru</option>

<option value="Pegawai">Pegawai</option> </select>

</label> </p> </td>

<td width="58%"><p><h5>Atau Ketikkan Nama </h5> <label>

</label> </p></td>

<h5>

</h5> </label> </p></td> </tr>

(20)

<tr>

<td width="104"

align="center"><strong><h5>NIP</h5></strong></td> <td width="154"

align="center"><strong><h5>Nama</h5></strong></td> <td width="97"

align="center"><strong><h5>Kategori</h5></strong></td> <td width="105"

align="center"><strong><h5>Alamat</h5></strong></td> </tr>

<br/>

<?php

if($nama=='') {

$nama='-'; }

else

require_once("koneksi.php");

$tampil=mysql_query("SELECT * FROM tbl_guru where kategori='$kategori' or nama_guru like '%$nama%' order by nip_guru ASC");

while($row=mysql_fetch_object($tampil)){ ?>

<TR>

(21)

<TD >

<h5> <?php echo "$row->kategori"; ?></h5> </TD>

<h5> <?php echo "$row->alamat_guru"; ?> </h5>

</TD>

<?php }

?>

</table>

</ul> </div> </div>

</div>

</div> </div>

</body> </html>

(22)

<?php

error_reporting(0);

require_once('conn.php'); $kategori=$_POST['kategori']; $nama=$_POST['nama'];

?>

<head>

type='text/css' />

initial-scale=1">

<body>

(23)

</div>

(24)

<li ><a href="data_siswa.php">Data Siswa</a></li>

<li><a href="alumni.php">Alumni</a></li> <li><a href="galeri.php">Galeri</a></li> <li ><a href="login_admin.php">Login</a></li>

</ul> </div> </nav>

</div>

<td width="32%" height="28" scope="row"> <p><h5>Kategori</h5>

<label>

(25)

<option value="Pegawai">Pegawai</option> </select>

</label> </p> </td>

<td width="58%"><p><h5>Atau Ketikkan Nama </h5> <label>

</label> </p></td>

<h5>

</h5> </label> </p></td> </tr>

</table> </form>

<tr>

<td width="104"

align="center"><strong><h5>NIP</h5></strong></td> <td width="154"

align="center"><strong><h5>Nama</h5></strong></td> <td width="97"

(26)

<td width="105"

align="center"><strong><h5>Alamat</h5></strong></td> </tr>

<br/>

<?php

if($nama=='') {

$nama='-'; }

else

require_once("koneksi.php");

$tampil=mysql_query("SELECT * FROM tbl_guru where kategori='$kategori' or nama_guru like '%$nama%' order by nip_guru ASC");

<TR>

<TD >

<h5> <?php echo "$row->kategori"; ?></h5> </TD>

<h5> <?php echo "$row->alamat_guru"; ?> </h5>

(27)

<?php }

?>

</table>

</ul> </div> </div>

</div>

</div> </div>

</body> </html>

8. galeri.php

<head>

type='text/css' />

(28)

<body>

</div>

(29)

</div>

<li><a href="index.php">Beranda</a></li> <li ><a href="profil.php">Profil</a></li> <li ><a href="informasi_kegiatan.php">Informas & Kegiatan</a></li>

Siswa</a></li>

<li><a href="alumni.php">Alumni</a></li> <li class="active"><a

href="galeri.php">Galeri</a></li>

<li><a href="login_admin.php">Login</a></li> </ul>

</div> </nav>

</div>

(30)

</div> </div>

<?php

$tampil=mysql_query("SELECT * FROM galeri order by id_galeri DESC LIMIT 0,10");

<p><strong><h4><?php echo ucwords("$row->judul"); ?></h4></strong></p>

<p><a href="<?php echo ucwords("$row->photo"); ?>" target="_blank"><img width="200" src="<?php echo ucwords("$row->photo"); ?>" /></a></p>

<?php

$kalimat="$row->keterangan"; $jumlahkarakter=400;

$cetak = substr($kalimat, 0, $jumlahkarakter);

echo "<h5>$cetak<h5>";; ?>

<ul>

<?php } ?> </ul>

(31)

</div> </div>

</body> </html>

9. halaman_alumni.php

<head>

type='text/css' />

initial-scale=1">

(32)

</head> <body>

</div>

(33)

</button> </div>

Siswa</a></li>

<li class="active"><a href="alumni.php">Alumni</a></li>

<li><a href="galeri.php">Galeri</a></li> <li ><a href="login_admin.php">Login</a></li>

</ul> </div> </nav>

</div>

(34)

<h3>Halaman Alumni</h3>

<span>Sedang dalam tahap pengembangan</span> </div>

</div>

</div> </div>

</div>

</div> </div>

</body> </html>

10. informasi_kegiatan

<head>

type='text/css' />

(35)

<body>

</div>

(36)

</div>

<li><a href="index.php">Beranda</a></li> <li ><a href="profil.php">Profil</a></li> <li class="active"><a

href="informasi_kegiatan.php">Informas & Kegiatan</a></li>

Siswa</a></li>

<li><a href="alumni.php">Alumni</a></li> <li><a href="galeri.php">Galeri</a></li> <li><a href="login_admin.php">Login</a></li>

</ul> </div> </nav>

</div>

(37)

</div>

<?php

$tampil=mysql_query("SELECT * FROM berita order by id_berita DESC LIMIT 0,10");

<p><strong><h4><?php echo ucwords("$row->judul_berita"); ?></h4></strong></p>

<?php

$kalimat="$row->isi_berita"; $jumlahkarakter=400;

$cetak = substr($kalimat, 0, $jumlahkarakter);

echo "<h5>$cetak<h5>";; ?>

<p ><a

href="baca_informasi_kegiatan.php?id_berita=<?php echo ucwords("$row->id_berita")?>"><h5>Baca Selengkapnya »</h5></a></p>

<ul>

(38)

</div> </div>

</div>

</div></div> </div></div>

</body> </html>

11. login_admin.php

<head>

type='text/css' />

initial-scale=1">

(39)

<body>

</div>

(40)

Siswa</a></li>

<li><a href="alumni.php">Alumni</a></li> <li><a href="galeri.php">Galeri</a></li> <li class="active"><a

href="login_admin.php">Login</a></li> </ul>

</div> </nav>

<?php include("include/medsos.php"); ?> </div></div> <div class="clearfix"></div> </div>

</div>

<tr>

<td width="202" height="24" ><h4><span>Nama Pengguna</span></h4></td>

(41)

</tr><tr>

<td height="24" ><h4><span>Kata Sandi</span></h4></td>

</tr><tr> <td></td>

</td> </tr>

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

</div> </div>

</div>

</div> </div>

(42)

SURAT KETERANGAN

Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir

Program Diploma 3 Teknik Informatika :

Nama

: Dicky James Tarigan

NIM

: 142406187

Prog.Studi

: D3 Teknik Informatika

Judul TA