Sistem Pencarian Rumus Matematika Tingkat SLTA Berbasis Web

(1)

SURAT KETERANGAN Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa Tugas Akhir Mahasiswa

Program Diploma 3 Teknik Informatika :

Nama : BETTY PURBA

NIM : 132406095

Program Studi : D3 Teknik Informatika

Judul TA : Sistem Pencarian Rumus Matematika Tingkat SLTA

Berbasis Web

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut diatas

tanggal...Juni 2016

Dengan Hasil : Sukses / Gagal

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja

Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU

Medan.

Medan, Juni 2016 Dosen Pembimbing

(2)

(3)

Header.php

</a> </div>

<h3><a href="index.php">logout</a></h3></ul> </div>

<input id="cari" type="text"

name="search" placeholder="Cari rumus">

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

Nav.php

<li><a href="rumus.php">Rumus</a></li>

<li><a href="soal_matematika.html">Simulasi Soal</a></li>

<li><a href="about.php">Tokoh Matematika</a></li> <li><a href="me.php">About E-Math</a></li>

</ul>

(4)

<h3><marquee>Sistem pencarian rumus matematika tingkat SLTA berbasis web</marquee></h3>

</div> <?php

if (isset($_GET['search'])) { $search = $_GET['search']; ?>

<div class="wrapper-barang"> <?php

$query = mysqli_query($kon, "SELECT * FROM formula WHERE ket LIKE '%$search%'");

$i = 1;

while ($row = mysqli_fetch_array($query)) { $gambar = $row['gambar'];

$ket = $row['ket']; ?>

<li><a

href="tampil_rumus.php?ket=<?php echo $ket ?>&id=<?php echo $row['id']; ?>"><img src="images/rumus/<?php echo $gambar; ?>"></a></li>

</ul> </div>

<?php

if ($i % 3 == 0) {

echo '<div class="clear"></div>'; }

$i++; }

?> </div>

(5)

<div class="komentar-header"> <h3>Komentar</h3>

</div>

Nama:<br><input name="nama" type="text"><br>

Email(optional):<br><input name="email" type="text"><br>

Komentar:<br><textarea

name="komentar" rows="6" cols="20"></textarea><br> <input name="art_id" value="1" type="hidden">

</div>

<?php include("publishcomment.php"); getcomment("1"); ?>

</div> </div>

<a href="rumus.php?ket=semua">Rumus lain</a> </div>

</div> </section> </section> <?php } else {

?>

(6)

$i = 1;

<li><a

</ul> </div>

<?php

if ($i % 3 == 0) {

$i++; }

?> </div>

</div>

(7)

</div>

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

</section> <?php }

?>

Section.php

<h3><marquee>Sistem pencarian rumus matematika tingkat SLTA berbasis web</marquee></h3>

</div> <?php

if (isset($_GET['search'])) { $search = $_GET['search']; ?>

$query = mysqli_query($kon, "SELECT * FROM formula WHERE ket LIKE '%$search%'");

$i = 1;

(8)

<ul>

<li><a

</ul> </div>

<?php

if ($i % 3 == 0) {

$i++; }

?> </div>

</div>

</div>

(9)

</div> </div>

</div> </section> <?php } else {

?>

$query = mysqli_query($kon, "SELECT * FROM formula LIMIT 6");

$i = 1;

<li><a

</ul> </div>

<?php

if ($i % 3 == 0) {

(10)

$i++; }

?> </div>

</div>

</div>

</div> </div>

</div>

<!--<div class="kalender"> <tr>

<td width="40%" valign="top" align="center" > <?php

(11)

</div>--> </div>

</section> <?php }

?>

Footer.php

</footer>

Index.php

<title>-Math | Halaman Utama</title>

<style> * {

padding: 0; margin: 0; }

.container { width: 100%; }

#header {

width: 100%;

position: relative; height: 250px;

(12)

#header #logo { width: 570px;

position: absolute; left: 50%;

margin-left: -285px; top: 15px;

}

#header #logo img { width: 570px; height: 200px; }

#header .login {

position: absolute; right: 15px;

top: 15px; }

#header .login a {

text-decoration: none; display: block;

padding: 10px;

font: 1.5em 'Agency Fb'; color: #ccc;

transition: all ease .5s;

background: rgba(0, 0, 0, .5); transition: transform ease-in .2s; transform: skewX(-10deg);

}

#header .login a:hover { transform: skewX(0deg); }

#header .login a:hover { color: white;

background: #0f0f0f; }

#section {

width: 100%;

box-sizing: border-box; min-height: 200px;

box-shadow: 5px 5px 7px #0f0f0f; }

(13)

display: flex; width: 100%;

background-color:#e4edae; background-size: 100% 100%; padding: 15px;

box-sizing: border-box; }

#section .container-gambar .gambar { border: 1px solid white;

width: 100%;

box-sizing: border-box; border: 5px solid white; margin: 15px 100px;

boxshadow: 2px 2px 3px #1b6d85, 2px -2px 3px #1b6d85;

transition: all ease .5s; }

#section .container-gambar .gambar:hover { box-shadow: none;

transform: scale(1.2, 1.2) skew(2.5deg, 2.5deg);

}

#section .container-gambar .gambar img { width: 100%;

height: 200px; }

.text-center {

text-align: center; }

.label {

font: 1.5em 'Agency Fb'; }

#footer {

background: #447a13; clear: both;

height: 160px; padding: 15px;

box-shadow: 0px -2px 3px rgba(0, 0, 0, .5);

(14)

#footer p {

text-align: center;

font-family: 'Agency Fb'; color: white;

font-size: 1em; }

#footer a {

text-decoration: none; color: #ccc;

}

#footer a:hover { color: #f3f3f3; }

</style>

</head> <body>

</div> </header>

<div class="label text-center"> HOME

</div> </div>

(15)

CARI RUMUS </div>

</div>

<div class="gambar"> <a

href="soal_matematika.html"><img src="images/simulasi.png"></a>

<div class="label text-center"> SIMULASI

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

<p>© <?php echo date("Y"); ?> <a href="index.php">easymath.com</a> | All Right

Reserved</p>

</footer> </div>

</body> </html>

Koneksi.php

<?php

session_start();

$kon = mysqli_connect("localhost", "root", "", "rumus"); if (!$kon) {

echo "Error ... " . mysqli_error($kon); }

?>

Home.php

<?php include 'database.php'; ?> <!DOCTYPE html>

(16)

<body>

<?php include 'includes/header.php'; ?> <?php include 'includes/nav.php'; ?> <?php include 'includes/section.php'; ?> <?php include 'includes/footer.php'; ?> </div>

$(function() {

setTimeout(changeBackground, 1000);

function changeBackground() {

$("#cari").css("background", "red"); }

function changeBackground2() {

$("#cari").css("background", "blue"); }

setTimeout(changeBackground2, 1000); });

</script> </body>

</html>

Rumus.php

<title>-Math | Rumus</title>

(17)

<body>

<?php include 'includes/header.php'; ?> <?php include 'includes/nav.php'; ?> <?php include 'includes/rumus.php'; ?> <?php include 'includes/footer.php'; ?> </div>

$(function() {

</script> </body>

</html>

Rumus_kumpul.php

<title>-Math | Kumpulan Rumus</title>

<body>

(18)

<?php include 'includes/rumus.php'; ?> <?php include 'includes/footer.php'; ?> </div>

$(function() {

</script> </body>

</html>

File_rumus.php

<?php

if (isset($_GET['id'])) { $key = $_GET['id']; ?>

$query = mysqli_query($kon, "SELECT * FROM formula WHERE id='$key'");

(19)

</div> <?php }

?> </div> </div> </section> <?php } else {

?>

$query = mysqli_query($kon, "SELECT * FROM formula");

<li><a

</ul> </div> <?php }

?> </div> </section> <?php }

?>

(20)

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

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

<head>

<title>-Math | Simulasi Soal</title>

<tr>

classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/ca bs/flash/swflash.cab#version=8,0,0,0" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="Matematika.swf" />

type="application/x-shockwave-flash"

pluginspage="http://www.adobe.com/go/getflashplayer" allowFullScreen="true" />

</object> </td> </tr> </table>

(21)

Komen.php

<!DOCTYPE html> <html>

<head> <style> #comment {

margin:20px 0 0 20px;

border: 2px solid #848484; border-radius:20px;

-moz-border-radius:20px; max-height: 90%;

font-weight: bold; color: #606060; padding: 10px; width: 400px;

background-color: #e4edae; }

#publishcomment {

border: 2px solid #848484;

box-shadow: 12px 12px 7px #888888; margin: 30px 0 50px 20px;

padding: 10px; max-height: 100%; color: #3d3d3d; width: 400px; font-size: 12px; line-height: 15px; }

#publishcomment hr { color: #ccc;

}

#publishcomment a { color: #da5700;

text-decoration: none; font-weight:normal; }

#publishcomment a:link { font-weight: bold;

}

(22)

text-decoration: underline; }

</style> <body>

Email(optional):<br><input name="email" type="text"><br> Komentar:<br><textarea name="komentar" rows="6"

cols="45"></textarea><br>

<?php include("publishcomment.php"); getcomment("1"); ?></div>