Ensiklopedia Anak Berbasis Website

(1)

Lampiran

Listing Program

1. Index.php

<?php

require "config/koneksi.php"; require "config/component.php"; require "models/m_public.php";

$title = "Beranda";

$conn_update = ensi_terbaru($koneksi); ?>

<!DOCTYPE html> <html lang="en">

<head> <?php

public_title($title); public_css($base_url); ?>

</head>

<?php

public_head();

public_nav($base_url, $title); ?>

</header>

<h1 class="animation animated-item-1">Alam Semesta</h1> <h2 class="animation animated-item-2">Alam Semesta adalah ruang mahaluas yang diciptakan oleh yang Mahakuasa</h2>

(2)

</div>

</div>

<h2 class="animation animated-item-2">Menanam satu pohon, menghasilkan sejuta manfaat. Merusak alam berarti merusak rumahmu sendiri</h2>

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

</div>

<h1 class="animation animated-item-1">Hewan</h1>

<h2 class="animation animated-item-2">Terkadang hewan yang Tuhan ciptakan tidak sesempurna manusia, namun hewan dapat

memberikan pelajaran yang sempurna</h2>

</div>

</div> </div>

</a>

</section>

<div class="center wow fadeInDown"> <h2>Konten</h2>

(3)

</div>

<h3><a href="konten.php?konten=10">Alam Semesta</a> </h3> <p></p>

</div>

<h3><a href="konten.php?konten=50">Tubuhku</a></h3> <p></p>

</div>

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

</div>

(4)

</div>

<h3><a href="konten.php?konten=30">Hewan </a></h3> <p></p>

</div>

<h3><a href="konten.php?konten=40">Tumbuhan</a></h3> <p></p>

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

</div>

</div>

</section>

<h2>Artikel Terbaru</h2> </div>

<div class="col-md-12"> <?php

while($data_update = mysqli_fetch_array($conn_update)) {

echo '

<span id="publish_date">'.date("d M", strtotime($data_update['tanggal'])).'</span>

<span><i class="fa fa-list-alt"></i> <a

(5)

</div> </div>

<a><img class="img-responsive img-blog"

src="'.$base_url.'resources/img/berita/'.$data_update['gambar'].'" width="100%" alt="" /></a>

<h2><a

href="konten.php?konten='.$data_update['id_kategori'].'" >'.$data_update['judul'].'</a></h2>

<h3 style="text-align:

justify;">'.substr($data_update['isi'], 0, 400).' . . .</h3>

<a class="btn btn-primary readmore"

href="artikel.php?artikel='.$data_update['id_artikel'].'">Baca Selengkapnya <i class="fa fa-angle-right"></i></a>

</div>

</div> </div> ';

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

<?php

public_footer(); public_js(); ?>

</body> </html>

2. artikel.php

<?php

$title = "Konten";

$conn_konten = data_konten($koneksi); $conn_update = ensi_terbaru($koneksi);

if(isset($_GET['artikel'])) {

$data_artikel = get_artikel($koneksi, $_GET['artikel']);

(6)

{

$conn_komentar = data_komentar($koneksi, $data_artikel['id_artikel']);

$banyak_komentar = mysqli_num_rows($conn_komentar); }

else { echo ' <script>

document.location.href = "'.$base_url.'"; </script>

'; } } else { echo ' <script>

'; } ?>

<!DOCTYPE html> <html lang="en"> <head>

<?php

</head>

<body>

<header id="header"> <?php

public_head();

</header>

</div>

<img class="img-responsive img-blog" src="<?php echo

''.$base_url.'resources/img/berita/'.$data_artikel['gambar'].'';?> " width="100%" alt="" />

(7)

</div> </div>

</div> </div>

</div>

<?php

while($data_komentar = mysqli_fetch_array($conn_komentar)) {

echo '

</div>

<h3>'.$data_komentar['nama'].' ['.$data_komentar['email'].'] </h3>

<h4>'.date("d M, Y G:i",

strtotime($data_komentar['tanggal'])).'</h4> <p>'.$data_komentar['komentar'].'</p> </div>

</div> ';

} ?>

<div class="message_heading"> <h4>Beri Komentar</h4>

</div>

(8)

</div>

<label>Email</label>

</div>

<div class="form-group"> <label>Komentar</label>

</div> <div class="form-group">

<button type="submit" name="TombolKomentar" class="btn btn-primary btn-lg" required="required">Komentari</button>

</form> </div>

</div>

<div class="widget categories"> <h3>Artikel Terbaru</h3>

<div class="col-sm-12"> <?php

echo '

<div class="single_comments"> <a

href="artikel.php?artikel='.$data_update['id_artikel'].'"> <img

src="'.$base_url.'resources/img/berita/'.$data_update['gambar'].'" alt="" style="width: 30%" />

<p>'.$data_update['judul'].'</p> </a>

<span><a

href="konten.php?konten='.$data_update['id_kategori'].'">'.$data_u pdate['nama_kategori'].'</a><br><br></span>

</div> </div> ';

} ?> </div>

</div> </div>

<div class="widget categories"> <h3>Konten</h3>

(9)

<ul class="blog_category"> <?php

while($data_konten = mysqli_fetch_array($conn_konten)) {

echo ' <li><a

href="konten.php?konten='.$data_konten['id_kategori'].'">'.$data_k onten['nama_kategori'].' <span

class="badge">'.$data_konten['banyak_artikel'].'</span></a></li> ';

} ?> </ul> </div>

</div> </div>

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

<?php

</body> </html>

3. about.php

<?php

require "config/koneksi.php"; require "config/component.php"; $title = "Tentang Kami";

?>

<?php

</head>

<body class="homepage"> <header id="header"> <?php

public_head();

</header> <section id="about-us"> <div class="container">

(10)

<h2>Tentang Kami</h2>

<p class="lead">Ensiklopedia anak adalah buku yang berisi kumpulan ilmu pengetahuan yang ditujukan untuk anak-anak</p>

<p> Ensiklopedia ini memiliki tujuan seperti membantu cara belajar anak menjadi menyenangkan,</p>

<p> membantu orang tua dalam mengajarkan ilmu pengetahuan dengan bantuan internet.</p>

<p> Ensiklopedia ini dibuat berbasis website agar lebih praktis dan dapat dibaca dimana saja.</p>

</div>

<div id="about-slider">

</div>

</div>

</div> </div>

</div>  </div>

</div>

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

</script>

(11)

<?php

</body> </html>

4. cari.php

<?php

$title = "Konten";

$conn_konten = data_konten($koneksi); $conn_update = ensi_terbaru($koneksi); if(isset($_POST['kata_kunci']))

{

$conn_artikel = data_cari_artikel($koneksi, $_POST['kata_kunci']);

} else { echo ' <script>

'; } ?>

<?php

</head>

public_head();

</header>

(12)

<div class="blog"> <div class="row"> <div class="col-md-8"> <?php

if(mysqli_num_rows($conn_artikel) != 0) {

while($data_artikel = mysqli_fetch_array($conn_artikel)) {

echo '

<span id="publish_date">'.date("d M", strtotime($data_artikel['tanggal'])).'</span>

href="#">'.$data_artikel['nama_kategori'].'</a></span> </div>

</div>

<div class="col-xs-12 col-sm-10 blog-content"> <a href="#"><img class="img-responsive img-blog"

src="'.$base_url.'resources/img/berita/'.$data_artikel['gambar'].' " width="100%" alt="" /></a>

<h2><a

href="blog-item.html">'.$data_artikel['judul'].'</a></h2> <h3 style="text-align:

justify;">'.substr($data_artikel['isi'], 0, 400).' . . .</h3> <a class="btn btn-primary readmore"

href="artikel.php?artikel='.$data_artikel['id_artikel'].'">Baca Selengkapnya <i class="fa fa-angle-right"></i></a>

</div> </div> </div> ';

} } else {

echo 'Tidak ada artikel untuk konten ini.'; }

?>

<!--<ul class="pagination pagination-lg">

<li><a href="#"><i class="fa fa-long-arrow-left"></i>Previous Page</a></li>

(13)

</form>

</div>

echo '

<div class="entry-meta small muted"> <span><a

</div> </div> '; } ?> </div>

</div> </div> <div class="widget categories"> <h3>Konten</h3>

<div class="row"> <div class="col-sm-6"> <ul class="blog_category"> <?php

echo '

<li><a

href="konten.php?konten='.$data_konten['id_kategori'].'">'.$data_k onten['nama_kategori'].' <span

} ?> </ul> </div>

(14)

</div> </aside>

</div> </div>

</section> <?php

</body> </html>

5. konten.php

<?php

require "config/koneksi.php"; require "config/component.php"; require "models/m_public.php"; $title = "Konten";

$conn_konten = data_konten($koneksi); $conn_update = ensi_terbaru($koneksi);

if(isset($_GET['konten'])) {

$data_konten = get_konten($koneksi, $_GET['konten']); if($data_konten['id_kategori'] != '')

{

$conn_artikel = data_artikel_konten($koneksi, $data_konten['id_kategori']);

'; } } else { echo ' <script>

'; } ?>

(15)

</head>

public_head();

</header>

</div>

<div class="blog"> <div class="row"> <div class="col-md-8"> <?php

if(mysqli_num_rows($conn_artikel) != 0) {

echo '

<span id="publish_date">'.date("d M",

strtotime($data_artikel['tanggal'])).'</span>

href="#">'.$data_artikel['nama_kategori'].'</a></span> </div>

</div>

<div class="col-xs-12 col-sm-10 blog-content"> <a href="#"><img class="img-responsive img-blog"

src="'.$base_url.'resources/img/berita/'.$data_artikel['gambar'].' " width="100%" alt="" /></a>

<h2><a href="blog-item.html">'.$data_artikel['judul'].'</a></h2> <h3 style="text-align: justify;">'.substr($data_artikel['isi'], 0, 400).' . . .</h3>

<a class="btn btn-primary readmore"

href="artikel.php?artikel='.$data_artikel['id_artikel'].'">Baca Selengkapnya <i class="fa fa-angle-right"></i></a>

(16)

echo 'Tidak ada artikel untuk konten ini.'; }

?>

<!--<ul class="pagination pagination-lg">

<li><a href="#"><i class="fa fa-long-arrow-left"></i>Previous Page</a></li>

</ul> </div> <aside class="col-md-4">

echo '

<div class="entry-meta small muted"> <span><a

</div> </div> ';

} ?>

</div>

</div> </div> <div class="widget categories"> <h3>Konten</h3>

<div class="row"> <div class="col-sm-6"> <ul class="blog_category"> <?php

echo ' <li><a

(17)

onten['nama_kategori'].' <span

} ?> </ul> </div>

</div> </div>

</aside>

</div> </div>

</section> <?php

</body> </html>

6. component.php

<?php

function public_title($title) {

echo '

<title>Ensiklopedia | '.$title.'</title> ';

}

function public_head() {

echo '

(18)

</div> </div>

</div> </div>

'; }

function public_nav($base_url, $title) {

if($title == "Beranda") {

$home = 'active'; $about = ''; $konten = ''; $contact = ''; }

else if($title == "Tentang Kami") {

$home = '';

$about = 'active'; $konten = ''; $contact = ''; }

else if($title == "Konten") {

$home = ''; $about = '';

$konten = 'active'; $contact = ''; }

echo '

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

<a class="navbar-brand" href="index.php">ENSIKLOPEDIA ANAK</a> </div>

<li class="'.$home.'"><a href="'.$base_url.'">Beranda</a></li> <li class="'.$about.'"><a href="'.$base_url.'about.php">Tentang Kami</a></li>

<a href="#" class="dropdown-toggle" data-toggle="dropdown">Konten <i class="fa fa-angle-down"></i></a>

(19)

<li><a href="konten.php?konten=10">Alam Semesta</a></li> <li><a href="konten.php?konten=30">Hewan</a></li>

<li><a href="konten.php?konten=40">Tumbuhan</a></li> </ul>

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

</div> </nav>

'; }

function public_footer() {

echo '

</div> </div> </footer> ';

}

function public_css($base_url) {

echo ' <link

href="'.$base_url.'resources/public/css/bootstrap.min.css" rel="stylesheet">

<link

href="'.$base_url.'resources/public/css/animate.min.css" rel="stylesheet">

<link

href="'.$base_url.'resources/public/css/prettyPhoto.css" rel="stylesheet">

<link

href="'.$base_url.'resources/public/css/responsive.css" rel="stylesheet">

(20)

'; }

function public_js() {

echo '

}

function admin_title($title) {

echo '

'; }

function admin_css($base_url) {

echo '

href="'.$base_url.'resources/panelc/bootstrap/css/bootstrap.min.cs s">

href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">

href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/io nicons.min.css">

href="'.$base_url.'resources/panelc/dist/css/AdminLTE.min.css"> <link rel="stylesheet"

href="'.$base_url.'resources/panelc/dist/css/skins/_all-skins.min.css">

href="'.$base_url.'resources/panelc/plugins/iCheck/flat/blue.css"> <link rel="stylesheet"

href="'.$base_url.'resources/panelc/plugins/morris/morris.css"> <link rel="stylesheet"

href="'.$base_url.'resources/panelc/plugins/jvectormap/jquery-jvectormap-1.2.2.css">

(21)

href="'.$base_url.'resources/panelc/plugins/daterangepicker/datera ngepicker.css">

href="'.$base_url.'resources/panelc/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">

'; }

function admin_head() {

echo '

<a href="index2.html" class="logo"> <span class="logo-mini"><b>P</b>C</span> <span class="logo-lg"><b>Panel</b>C</span> </a>

<span class="sr-only">Toggle navigation</span> </a>

<span class="hidden-xs">Anggita Uly</span> </a>

<p>

Anggita Uly - Administrator <small>sejak 2017</small> </p>

</li>

<a href="keluar.php" class="btn default btn-flat">Keluar</a>

</div> </li> </ul> </li> </ul> </div> </nav> </header> ';

(22)

function admin_nav() {

echo '

<li><a href="../panelc/"><i class="fa fa-home"></i> <span>Beranda</span></a></li>

<li><a href="artikel.php"><i class="fa fa-files-o"></i> <span>Artikel</span></a></li>

<li><a href="komentar.php"><i class="fa fa-comments-o"></i> <span>Komentar</span></a></li>

</ul> </section> </aside> ';

}

function admin_footer() {

echo '

<strong>Copyright &copy 2017 Anggita Uly Rosada S</a></strong>

</footer> ';

}

function admin_js($base_url) {

echo '

<script

src="'.$base_url.'resources/panelc/plugins/jQuery/jquery-2.2.3.min.js"></script>

<script

src="'.$base_url.'resources/panelc/bootstrap/js/bootstrap.min.js"> </script>

<script

src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>

<script

src="'.$base_url.'resources/panelc/plugins/sparkline/jquery.sparkl ine.min.js"></script>

<script

src="'.$base_url.'resources/panelc/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>

<script

src="'.$base_url.'resources/panelc/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>

<script

(23)

<script

src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/momen t.min.js"></script>

<script

src="'.$base_url.'resources/panelc/plugins/daterangepicker/dateran gepicker.js"></script>

<script

src="'.$base_url.'resources/panelc/plugins/datepicker/bootstrap-datepicker.js"></script>

<script

src="'.$base_url.'resources/panelc/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>

<script

src="'.$base_url.'resources/panelc/plugins/slimScroll/jquery.slims croll.min.js"></script>

<script

src="'.$base_url.'resources/panelc/plugins/fastclick/fastclick.js" ></script>

<script

src="'.$base_url.'resources/panelc/dist/js/app.min.js"></script> <script

src="https://cdn.ckeditor.com/4.5.7/standard/ckeditor.js"></script >

<script

src="'.$base_url.'resources/panelc/dist/js/pages/dashboard.js"></s cript>

<script

src="'.$base_url.'resources/panelc/dist/js/demo.js"></script> ';

} ?>

7. koneksi.php

<?php

$koneksi = new mysqli('localhost', 'root', '', 'ensiklopedia');

$base_url = "http://localhost/ensiklopedia-anak/"; ?>

8. c_artikel.php

<?php

if(isset($_POST['TombolSimpan'])) {

$id = str_replace("-", "", date("Y-m-d-H-i-s")); require "../config/koneksi.php";

if(isset($_FILES['gambar']['name']) && $_FILES['gambar']['name'] != '')

{

(24)

if(move_uploaded_file($_FILES['gambar']['tmp_name'], $path.$_FILES['gambar']['name']))

{

$query = "insert into isiensiklopedia values('".$id."', '".$_POST['kategori']."', '".$_POST['judul']."',

'".$_POST['isi']."', now(), '".$_FILES['gambar']['name']."')"; if(mysqli_query($koneksi, $query))

{ echo ' <script>

document.location.href = "'.$base_url.'panelc/artikel.php"; </script>

'; } } }

else {

$query = "insert into isiensiklopedia values('".$id."', '".$_POST['kategori']."', '".$_POST['judul']."',

'".$_POST['isi']."', now(), '".$_FILES['gambar']['name']."')";

if(mysqli_query($koneksi, $query)) {

echo ' <script>

'; } } }

else if(isset($_POST['TombolSunting'])) {

require "../config/koneksi.php";

if(isset($_FILES['gambar']['name']) && $_FILES['gambar']['name'] != '')

{

$path = "../resources/img/berita/";

if(move_uploaded_file($_FILES['gambar']['tmp_name'], $path.$_FILES['gambar']['name']))

{

$query = "update isiensiklopedia set judul =

'".$_POST['judul']."', id_kategori = '".$_POST['kategori']."', isi = '".$_POST['isi']."', tanggal = now(), gambar =

'".$_FILES['gambar']['name']."' where id_artikel = '".$_POST['artikel']."'";

(25)

'; } } }

else {

$query = "update isiensiklopedia set judul =

'".$_POST['judul']."', id_kategori = '".$_POST['kategori']."', isi = '".$_POST['isi']."', tanggal = now() where id_artikel =

'".$_POST['artikel']."'";

echo '

<script> alert();

document.location.href = "'.$base_url.'panelc/artikel.php";

</script> ';

} } }

else if(isset($_GET['act'])) {

if($_GET['act'] == 'hapus') {

$query = "delete from isiensiklopedia where id_artikel = '".$_GET['artikel']."'";

echo ' <script>

document.location.href = "'.$base_url.'panelc/artikel.php";

</script> ';

} }

} ?>

9. c_komentar.php

<?php

if(isset($_GET['act'])) {

(26)

{

$query = "delete from komentar where id_komentar = '".$_GET['komentar']."'";

echo '

document.location.href = "'.$base_url.'panelc/komentar.php";

</script> ';

} } }?>

10. c_login.php

<?php

function login_login($koneksi, $base_url, $username, $password)

{

$query = "select * from admin where username = '".$username."' and password = '".md5($password)."'";

$conn = mysqli_query($koneksi, $query); if(mysqli_num_rows($conn) == 1)

{

tujuan(''.$base_url.'panelc/'); }

}

function tujuan($link) {

echo '

document.location.href = "'.$link.'"; </script>

'; } ?>

11. c_public.php

<?php

if(isset($_POST['TombolKomentar'])) {

$query = "insert into komentar values('', '".$_POST['artikel']."', '".$_POST['nama']."',

'".$_POST['email']."', '".$_POST['komentar']."', now())";

(27)

{

echo ' <script>

document.location.href =

"'.$base_url.'artikel.php?artikel='.$_POST['artikel'].'"; </script>

'; }

}

else if(isset($_POST['kata_kunci'])) {

$query = "select a.*, b.nama_kategori from isiensiklopedia a left join kategori b on a.id_kategori =

b.id_kategori where a.judul like '%".$_POST['kata_kunci']."%'"; $conn = mysqli_query($koneksi, $query);

$data = mysqli_fetch_array($conn); }

?>

12. m_admin.php

<?php

function data_artikel($koneksi) {

$query = "select a.*, b.nama_kategori from

isiensiklopedia a left join kategori b on a.id_kategori = b.id_kategori order by a.tanggal asc";

$conn = mysqli_query($koneksi, $query);

return $conn; }

function get_artikel($koneksi, $artikel) {

$query = "select a.*, b.nama_kategori from

isiensiklopedia a left join kategori b on a.id_kategori = b.id_kategori where a.id_artikel = '".$artikel."'";

$conn = mysqli_query($koneksi, $query); $data = mysqli_fetch_array($conn);

return $data; }

function data_komentar($koneksi) {

$query = "select a.*, b.judul from komentar a left join isiensiklopedia b on a.id_artikel = b.id_artikel order by a.tanggal asc";

(28)

?>

13. m_public.php

<?php

function ensi_terbaru($koneksi) {

$query = "select a.*, b.nama_kategori from isiensiklopedia a left join kategori b on a.id_kategori = b.id_kategori order by a.tanggal asc limit 5";

return $conn; }

function get_artikel($koneksi, $artikel) {

$query = "select a.*, b.nama_kategori from isiensiklopedia a left join kategori b on a.id_kategori = b.id_kategori where a.id_artikel = '".$artikel."'";

$conn = mysqli_query($koneksi, $query); $data = mysqli_fetch_array($conn); return $data;

}

function data_konten($koneksi) {

$query = "select a.*, count(b.id_kategori) as banyak_artikel from kategori a left join isiensiklopedia b on a.id_kategori = b.id_kategori group by a.id_kategori";

return $conn; }

function data_komentar($koneksi, $artikel) {

$query = "select * from komentar where id_artikel = '".$artikel."'";

return $conn; }

function get_konten($koneksi, $konten) {

$query = "select * from kategori where id_kategori = '".$konten."'";

$conn = mysqli_query($koneksi, $query); $data = mysqli_fetch_array($conn);

(29)

function data_artikel_konten($koneksi, $konten) {

$query = "select a.*, b.nama_kategori from isiensiklopedia a left join kategori b on a.id_kategori = b.id_kategori where a.id_kategori = '".$konten."'";

return $conn; }

function data_cari_artikel($koneksi, $kata_kunci) {

$query = "select a.*, b.nama_kategori from isiensiklopedia a left join kategori b on a.id_kategori = b.id_kategori where a.judul like '%".$kata_kunci."%'";

return $conn; }

?>

PanelC

14. artikel.php

<?php

session_start();

require "../config/koneksi.php"; require "../config/component.php"; require "../models/m_admin.php";

$title = "Artikel";

$conn_artikel = data_artikel($koneksi); ?>

<!DOCTYPE html> <html>

<head> <?php

admin_title($title); admin_css($base_url); ?>

if(confirm(""))

document.location.href = link; }

</script> </head>

<?php

(30)

<div class="content-wrapper"> <section class="content-header"> <h1>Artikel</h1>

<li><a href="../panelc/"><i class="fa fa-home"></i> Beranda</a></li>

<li class="active"><i class="fa fa-files-o"></i> Artikel</li>

</ol> </section>

<h3 class="box-title">Daftar Artikel</h3> </div>

<a class="btn btn-xs btn-primary" href="tambah-artikel.php">Tambah Artikel</a><br><br>

<th>Gambar</th> <th>Judul</th>

<th>Waktu Update</th> <th>Kategori</th> <th>Proses</th> </tr>

</thead> <tbody> <?php

echo '

<tr>

<td width="20%"><img

src="'.$base_url.'resources/img/berita/'.$data_artikel['gambar'].' " class="img-responsive" /></td>

<td>'.$data_artikel['judul'].'</td>

<td>'.date("d M Y",

strtotime($data_artikel['tanggal'])).'</td>

<td>'.$data_artikel['nama_kategori'].'</td>

(31)

href="'.$base_url.'artikel.php?artikel='.$data_artikel['id_artikel '].'" target="_blank"><i class="fa fa-search"></i></a>

<a class="btn btn-xs btn-success" data-toggle="tooltip" title="Sunting"

href="'.$base_url.'panelc/sunting-artikel.php?artikel='.$data_artikel['id_artikel'].'"><i class="fa fa-edit"></i></a>

<a class="btn btn-xs btn-danger" data-toggle="tooltip" title="Hapus"

href="'.$base_url.'controllers/c_artikel.php?act=hapus&&artikel='. $data_artikel['id_artikel'].'" onclick ="return confirm(\'Hapus Artikel Ini?\')"><i class="fa fa-trash-o"></i></a>

</td>

</tr>

'; } ?>

</tbody> </table> </div> </div> </section> </div> <?php

admin_footer(); ?>

</div> <?php

admin_js($base_url); ?>

</body> </html>

15.index.php

<?php

session_start();

require "../config/koneksi.php"; require "../config/component.php"; $title = "Beranda";

?>

<head> <?php

(32)

<?php

admin_head(); admin_nav(); ?>

<div class="content-wrapper">

<section class="content-header"> <h1>

Selamat Datang di Administrator <small></small>

</h1>

</section>

</br> </div>

<?php

admin_footer(); ?>

</div> <?php

</body> </html>

16.komentar.php

<?php

session_start();

require "../config/koneksi.php"; require "../config/component.php"; require "../models/m_admin.php"; $title = "Artikel";

$conn_komentar = data_komentar($koneksi); ?>

<head> <?php

(33)

<?php

<div class="content-wrapper"> <section class="content-header"> <h1>Komentar</h1>

<li class="active"><i class="fa fa-files-o"></i> Artikel</li> </ol>

</section>

<h3 class="box-title">Daftar Komentar</h3> </div>

<th>Identitas</th> <th>Komentar</th> <th>Waktu</th> <th>Proses</th> </tr>

</thead> <tbody> <?php

while($data_komentar = mysqli_fetch_array($conn_komentar)) {

echo ' <tr>

<td>'.$data_komentar['judul'].'</td>

<td>'.$data_komentar['nama'].'<br>['.$data_komentar['email'] .']</td>

<td>'.$data_komentar['komentar'].'</td> <td>'.date("d M Y",

strtotime($data_komentar['tanggal'])).'</td> <td width="10%" align="right">

<a class="btn btn-xs btn-primary" data-toggle="tooltip" title="Lihat"

href="'.$base_url.'artikel.php?artikel='.$data_komentar['id_artike l'].'" target="_blank"><i class="fa fa-search"></i></a>

<a class="btn btn-xs btn-danger" data-toggle="tooltip" title="Hapus"

(34)

confirm(\'Hapus Komentar Ini?\')"><i class="fa fa-trash-o"></i></a>

</td> </tr> '; } ?>

</tbody> </table> </div> </div> </section> </div> <?php

admin_footer(); ?>

</div> <?php

</body> </html>

17. sunting_artikel.php

<?php

session_start();

require "../config/koneksi.php"; require "../config/component.php"; require "../models/m_admin.php";

$title = "Artikel";

if(isset($_GET['artikel'])) {

$data_artikel = get_artikel($koneksi, $_GET['artikel']);

document.location.href = artikel.php; </script>

'; } ?>

<!DOCTYPE html>

(35)

</head>

<?php

</ol> </section>

<h3 class="box-title">Tambah Artikel</h3> </div>

<form class="contact-form" name="contact-form" method="post" action="<?php echo $base_url;?>controllers/c_artikel.php"

role="form" enctype="multipart/form-data"> <div class="box-body">

<label for="judul" class="col-sm-2 control-label">Judul Artikel</label>

<input type="text" name="judul" class="form-control" id="judul" placeholder="Judul" value="<?php echo

$data_artikel['judul'];?>" >

<input type="hidden" name="artikel" class="form-control" id="artikel" placeholder="Artikel" value="<?php echo

$data_artikel['id_artikel'];?>" > </div>

</div> <br></br>

<label for="judul" class="col-sm-2 control-label">Kategori</label>

(36)

<option <?php if($data_artikel['id_kategori'] == '10') echo 'selected'?> value="10">Alam Semesta</option>

<option <?php if($data_artikel['id_kategori'] == '20') echo 'selected'?> value="20">Bumi</option>

<option <?php if($data_artikel['id_kategori'] == '30') echo 'selected'?> value="30">Hewan</option>

<option <?php if($data_artikel['id_kategori'] == '40') echo 'selected'?> value="40">Tumbuhan</option>

<option <?php if($data_artikel['id_kategori'] == '50') echo 'selected'?> value="50">Tubuhku</option>

</select> </div>

</div> <br></br>

<label for="judul" class="col-sm-2 control-label">Gambar</label> <div class="col-sm-10">

</div> <br></br>

<label for="isi" class="col-sm-2 control-label">Isi Artikel</label>

<button type="submit" name="TombolSunting" class="btn btn-primary btn-lg" required="required">Simpan</button>

</div> </div> </form> </div> </div> </section> </div> <?php

admin_footer(); ?>

</div> <?php

(37)

?>

$(function () {

CKEDITOR.replace('editor1'); });

</script> </body> </html>

18. tambah-artikel.php

<?php

session_start();

require "../config/koneksi.php"; require "../config/component.php"; require "../models/m_admin.php"; $title = "Artikel";

$conn_artikel = data_artikel($koneksi); ?>

<!DOCTYPE html>

<?php

</head>

<?php

</ol> </section>

(38)

<form class="contact-form" name="contact-form" method="post" action="<?php echo $base_url;?>controllers/c_artikel.php" role="form" enctype="multipart/form-data">

<label for="judul" class="col-sm-2 control-label">Judul Artikel</label>

</div>

</div> <br></br>

<label for="judul" class="col-sm-2 control-label">Kategori</label> <div class="col-sm-10">

select name="kategori" class="form-control" id="judul" placeholder="Judul">

<option value="" hidden>Pilih Kategori</option> <option value="10">Alam Semesta</option>

<option value="20">Bumi</option> <option value="30">Hewan</option> <option value="40">Tumbuhan</option> <option value="50">Tubuhku</option>

</select> </div>

</div> <br></br>

<label for="judul" class="col-sm-2 control-label">Gambar</label> <div class="col-sm-10">

</div> <br></br>

<label for="isi" class="col-sm-2 control-label">Isi Artikel</label>

</div> </div>

<button type="submit" name="TombolSimpan" class="btn btn-primary btn-lg" required="required">Simpan</button>

(39)

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

admin_footer(); ?>

</div> <?php

CKEDITOR.replace('editor1'); });

</script> </body> </html>

19. keluar.php

<?php

session_start(); session_destroy();

echo ' <script>

document.location.href = "../panelc.php"; </script>

'; ?>

20. panelc

<?php

require "config/koneksi.php"; require "controllers/c_login.php"; ?>

<head>

<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

<link rel="stylesheet"

(40)

href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">

<link rel="stylesheet"

href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/io nicons.min.css">

<link rel="stylesheet"

href="resources/panelc/dist/css/AdminLTE.min.css">

href="resources/panelc/plugins/iCheck/square/blue.css">

<!--[if lt IE 9]> <script

src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></sc ript>

<script

src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script >

<![endif]--> </head>

<body class="hold-transition login-page"> <?php

if(isset($_POST['TombolLogin'])) {

login_login($koneksi, $base_url, $_POST['username'], $_POST['password']);

} ?>

<a><b>Admin Ensiklopedia Anak</b></a> </div>

<p class="login-box-msg">Sign in to start your session</p>

<form action="panelc.php" method="post"> <div class="form-group has-feedback"> <input type="text" class="form-control"

placeholder="Username" name="username" id="username">

</div>

(41)

</div>

</div>

<button type="submit" name="TombolLogin" class="btn btn-primary btn-block btn-flat">Login</button>

</div> <?php

if(isset($_POST['TombolLogin'])) {

echo '<font color= #FF0000> Username atau Password Salah </font>';

} ?>

</div>

</form> </div>

</div>

<script

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

<script

src="resources/panelc/plugins/iCheck/icheck.min.js"></script> <script>

$(function () {

$('input').iCheck({

checkboxClass: 'icheckbox_square-blue', radioClass: 'iradio_square-blue',

increaseArea: '20%' // optional });

(42)

(43)

(44)

(45)

(46)