LAMPIRAN. A. Source Code Halaman Utama

(1)

LAMPIRAN A. Source Code Halaman Utama

<!DOCTYPE html>

<?php

error_reporting(E_ALL ^ (E_NOTICE | E_WARNING));

include 'config/config.php';

include 'config/statistik.php';

?>

<html lang="en">

<head>

<meta charset="utf-8">

<title>SA-PROL</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="description" content="A professional HTML bootstrappage clinic templateto take your business online. Responsive clean design.">

<meta name="author" content="bootstrapclinic">

<link href="bootstrap/css/bootstrap.min.css"

rel="stylesheet">

<link href="themes/css/main.css" rel="stylesheet">

 <!--[if lt IE 9]>

<script

src="http://html5shim.googlecode.com/svn/trunk/htm l5.js"></script>

<![endif]-->

</head>

<body>

<div class="container">

<div class="navbar">

<button type="button"class="btn btn-navbar" data- toggle="collapse" data-target=".nav-collapse">

<span class="icon-bar"></span>

</button>

<div class="row"><h1>SMP Negeri 2 Babadan</h1>

<div class="nav-collapse collapse"><br/>

<ul class="nav pull-right">

<?php include 'nav.php'; ?>

</ul>

(2)

</div>

<div class="label label-warning"

style="display:block;"> Hotline : (0352) 495488

</div>

<?php

include 'content.php';

?>

<footer class="footer">

<p><a href="index.php?module=aboutus">Tentang Kami</a> | <a

href="user/index.php">Login</a></em></p>

</div>

</footer>

<br/>

</div>

<script src="bootstrap/js/jquery.js"></script>

<script

src="bootstrap/js/bootstrap.min.js"></script>

<script>

// carousel demo

$('#myCarousel').carousel()

</script>

</body>

</html>

B. Source Code Halaman Tentang Kami

<hr class="soften">

<img src="themes/css/images/carousel/6.jpg"

class="imgrounded" alt=""/>

<div class="row">

<div class="span12" >

</div>

<div class="span5">

<div class="alert alert-success">

<h4>SMP NEGERI 2 BABADAN</h4>

<p>

JLn.Raya Ponorogo-Madiun<br/>

Ponorogo <br/>

[email protected]<br/>

No Telp (0352) 495488<br/>

</p>

(3)

</div>

<div class="alert alert-info">

<h4>Prodil Sekolah</h4>

<p style="text-align:justify">SMP Negeri 2 Babadan adalah salah satu Sekolah Menengah Pertama (SMP) yang ada di Kecamatan Babadan Kabupaten Ponorogo.

SMPN2 Babadan berdiri pada tahun 1997 dan mulai beroperasi pada tahun pelajaran 1997/1998.

Dibangun diatas tanah seluas 7.322 m2. dengan luas bangunan 1.552 m2. Berlokasi di Desa Pondok

Kecamatan Babadan Kabupaten Ponorogo Jawa Timur.

Mempunyai tenaga pendidik dengan kwalifikasi pendidikan S-2 dan minimal S-1 yang berstatus sebagai guru tetap (PNS) sebanyak 30 orang dan guru tidak tetap (GTT) sejumlah 1 orang. sedangkan tenaga kependidikan sebanyak 9 (sembilan) orang,;

terdiri dari 5 orang PNS dan 4 orang berstatus PTT.</p>

</div>

<div class="span5 offside2">

RAPOR ONLINE)</i></h4>

<p style="text-align:justify">

SA-PROL (SISTEM APLIKASI RAPOR ONLINE)

<b><i></i></b> merupakan sebuah aplikasi yang digunakan untuk mengolah data siswa, guru, mata pelajaran dan nilai</p>

</div>

C. Source Code Halaman Informasi

<?php

$id = $_GET['id'];

$main=mysql_query("SELECT * FROM artikel where id_artikel='$id'");

while($r=mysql_fetch_array($main)){

$w=mysql_fetch_array(mysql_query("SELECT * FROM kategori where id_kategori='$r[id_kategori]'"));

$waktu = date("d-m-Y", strtotime($r['tanggal']));

echo " <hr class='soften'>

<div class='well'>

<div class='label label-info'>$waktu</div> <div class='label label-success'>$w[nama]</div>

<span class='badge badge-inverse'>$r[hit]</span>

(4)

<h1><a href='?module=artikel&id=$r[id_artikel]'

>$r[judul]</a></h1>

<hr class='soften'>

<center><img src='img/$r[gambar]' class='img- rounded' /></center>

mysql_query("UPDATE artikel SET hit = hit + 1 WHERE id_artikel = '$id' LIMIT 1");

?>

D. Source Code Halaman Kontak

<img src="themes/css/images/carousel/6.jpg"

class="img-rounded" alt=""/>

<div class="row">

<div class="span12" >

div>

<div class="alert alert-success">

<h4>Alamat</h4>

<p>

JLn.Raya Ponorogo-Madiun<br/>

Ponorogo <br/>

[email protected]<br/>

No Telp (0352) 495488<br/>

</p>

</div>

<div class="span5 offside2">

<div class="well">

<h4>Kotak Saran</h4>

<?php if($_GET[pesan]=='berhasil'){

echo '<div class="alert alert-success">Berhasil dikirim</div>';

} elseif ($_GET[pesan]=='gagal'){

echo '<div class="alert alert-error">Gagal dikirim</div>';

} ?>

<form class="form-horizontal" align="center"

method="POST" action="form/sim_pesan.php">

<fieldset>

<div class="control-group">

<input type="text" placeholder="Nama" name="nama"

class="input-xlarge"/>

(5)

</div>

<input type="email" placeholder="Email"

name="email" class="input-xlarge"/>

</div>

<input type="text" placeholder="Judul"

name="judul" class="input-xlarge"/>

</div>

<textarea rows="4" id="textarea" name="pesan"

class="input-xlarge"></textarea>

</div>

<button class="btn btn-active btn-large"

type="submit">Kirim Saran</button>

</fieldset>

</form>

</div>

E. Source Code Halaman Login Admin

<?php

session_start();

include_once('config/config.php');

if (!empty($_SESSION['username'])) { header('location:index.php');

}

?>

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<title>SMPN 2 BABADAN</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="description" content="A professional HTML bootstrappage clinic templateto take your business online. Responsive clean design.">

(6)

</head>

<body>

<br/>

<div class="row"><h1>SMP Negeri 2 Babadan</h1>

<br/>

<hr class="soften"/>

<br/>

<div class="span3"></div>

<div class="well well-small">

<h1>Login</h1>

<?php include 'form/form_login.php'; ?>

<br/>

</div>

<div class="span3"></div>

<div class="center span12">

<br/>

<p><?php echo date("Y"); ?><br/></em></p>

</div>

</body>

</html>

F. Source Code Halaman Utama Admin

<?php

include 'config/cek-login.php';

include 'config/config.php';

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html;

charset=UTF-8" />

<title></title>

<link rel="stylesheet" href="css/screen.css"

type="text/css" media="screen" title="default" />

<link rel="shortcut icon" href="fav.png">

(7)

<link rel="stylesheet" href="js/morris/morris- 0.4.3.min.css">

<script type="text/javascript"

src="js/highchart/jquery161.js"></script>

<script src="js/jquery/jquery-1.4.1.min.js"

type="text/javascript"></script>

<div id="logo">

<a href="index.php"><img src="img/logo_putih.png"

height="50" width="228"/></a>

</div>

</div>

</div>

<div class="clear"> </div>

<div class="nav-outer-repeat">

<div class="nav-outer">

<div id="nav-right">

<div class="nav-divider"> </div>

<a href="config/logout.php" id="logout"><img src="img/shared/nav/nav_logout.gif" width="64"

height="14" alt="" /></a>

</div>

<div class="nav">

<ul class="current">

<li><a href="#"><b>Home</b></a>

</li>

</ul>

<div class="nav-divider"> </div

><ul class="select">

<li><a href="admin.php"><b>Master Data</b></a>

</li>

</ul>

</div>

<div class="clear"></div>

</div>

</body>

</html>

G. Source Code Tampilan data Admin

<?php

require 'koneksi.php';

koneksi_buka();

(8)

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd">

<head>

charset=UTF-8" />

<title></title>

<div id="logo">

height="35" /></a>

</div>

<a href="config/logout.php" id="logout"><img src="img/shared/nav/nav_logout.gif"width="64"

height="14" alt="" /></a>

</div>

<div class="nav">

<ul class="select">

<li><a href="index.php"><b>Home</b></a>

<div class="nav-divider"> </div

><ul class="current">

<li><a href="admin.php"><b>Master Data</b></a>

</li>

</ul>

<li><a href="pesan.php"><b>Pesan</b></a>

</li>

</ul>

<div id="footer">

<div id="footer-left">

</div>

<script src="js/jquery-1.8.3.min.js"></script>

<?php

koneksi_tutup();

?>

</body>

</html>

H. Source Code Halaman Mata Pelajaran

(9)

<?php

koneksi_buka();

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd">

<head>

<meta http-equiv="Content-Type"

content="text/html; charset=UTF-8" />

<title>SMPN 2 BABADAN</title>

<link rel="stylesheet" href="css/screen.css"

type="text/css" media="screen" title="default" />

<link href="css/bootstrap.min.css"

rel="stylesheet" media="screen">

<script src="js/jquery/jquery-

1.4.1.min.js"type="text/javascript"></script>

</head>

<body>

<div id="page-top-outer">

<div id="page-top">

<div id="logo">

<a href="index.php"><imgsrc="img/logo_putih.png"

height="35" /></a>

</div>

</div>

(10)

<a href="config/logout.php" id="logout"><img src="img/shared/nav/nav_logout.gif" width="64"

height="14" alt="" /></a>

</div>

<div class="nav">

</li>

</ul>

<li><a href="admin.php"><b>Mater Data</b></a>

</li>

</ul>

</table>

</div>

<script src="js/bootstrap.min.js"></script>

<script src="mapell.js"></script>

<?php

// tutup koneksi ke database mysql koneksi_tutup();

?>

</body>

</html>

I. Source Code Halaman Nilai Siswa

<?php

koneksi_buka();

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

charset=UTF-8" />

(11)

<title> SMPN 2 BABADAN </title>

<link rel="stylesheet" href="css/screen.css" type="text/css"

media="screen" title="default" />

<link href="css/bootstrap.min.css" rel="stylesheet"

media="screen">

</head>

<body>

height="35" /></a>

</div>

<a href="config/logout.php" id="logout"><img

src="img/shared/nav/nav_logout.gif" width="64" height="14"

alt="" /></a>

</div>

<div class="nav">

</li>

</ul>

<li><a href="admin.php"><b>Mater Data</b></a>

</li>

</ul>

</div>

(12)

<div class="clear"></div>

<?php

?>

</body>

</html>

J. Source Code halaman Data Guru

<?php

koneksi_buka();

?>

<head>

charset=UTF-8" />

media="screen">

alt="" /></a>

(13)

<script src="guruu.js"></script>

<?php

?>

</body>

</html>

K. Source Code Halaman Data Siswa

<?php

koneksi_buka();

?>

<head>

charset=UTF-8" />

media="screen">

</head>

<body>

(14)

<div id="page-top-outer">

<div id="page-top">

<div id="logo">

height="35" /></a>

</div>

</div>

alt="" /></a>

</div>

</td>

<td id="tbl-border-right"></td>

</tr>

<tr>

<th class="sized bottomleft"></th>

<td id="tbl-border-bottom"> </td>

(15)

<th class="sized bottomright"></th>

</tr>

</table>

</div>

<div id="footer">

<script src="siswa.js"></script>

<?php

koneksi_tutup();

?>

</body>

</html>