MEMBUAT HALAMAN ADMINISTRATOR DENGAN FRAMEWORK SENDIRI

(1)

MEMBUAT HALAMAN ADMINISTRATOR DENGAN FRAMEWORK SENDIRI

Setelah kita selesai membuat halaman front end (Halaman Pengunjung) saatnya kita buat halaman administrator yang akan digunakan untuk mengelola atau memanajamen data dari website sekolah kita.

Pertama, buat folder administrator pada folder website_sekolah:

Kemudian kita copy semua file framework yang sudah pernah kia buat sebelumnya yaitu framework LP3I_Purwokerto ke dalam folder Administrator.

Maka coba kita buka di browser http://localhost/Website_sekolah/administrator maka hasilnya sebagai berikut:

(2)

Setelah itu saatnya kita mulai membuat halaman administrator: 1. Setting File Konfigurasi untuk Administrator

Langkah pertama sebelum membuat halaman administrator adalah setting file konfigurasi config.php. Langsung saja kita rubah:

<?php

$page = (isset($_GET['page']) && $_GET['page']) ? $_GET['page'] : '';

// this configuration path for website define('PATH',

'http://localhost/website_sekolah/administrator/'); // isi path dari website anda

define('SITE_URL', PATH . 'index.php');

define('POSITION_URL', PATH . '?page=' . $page); // this configuration for database website

define('DB_HOST', 'localhost'); // host yang di gunakan define('DB_USERNAME', 'root'); // username host

define('DB_PASSWORD', 'root'); // password host

define('DB_NAME', 'db_schools'); // database yang di gunakan ?>

2. Membuat Template Halaman Administrator

Seperti halaman front end, kita juga sebaiknya membuat template untuk halaman administrator. Jadi, kita perlu mengulang-ulang struktur HTML yang sama pada setiap halamannya. Untuk template HTML dan CSS yang digunakan pada halaman administrator saya share di DOSEN-PC. Langsung saja copy saja semua file resources yang digunakan pada templare, baik itu css, fonts, font-awesome, images, tinymce, dan js ke folder resources halaman administrator. Lihat gambar berikut:

Kemudian kita buat file baru pada folder administrator/ modules/ views dengan nama template.view.php

<?php

$page = (isset($_GET['page']) && $_GET['page']) ? $_GET['page'] : '';

?>

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

(3)

<head>

<title>SMK Indonesia Administrator</title>

?>resources/css/bootstrap.min.css" rel="stylesheet">

?>resources/css/jquery.dataTables.min.css" rel="stylesheet"> <link href="<?php echo PATH; ?>resources/css/sb-admin.css" rel="stylesheet">

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

<a class="navbar-brand" href="index.php">SMK Indonesia Administrator</a>

</div>

<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <?php echo $data["login"]->nama_lengkap; ?> <b class="caret"></b></a> <ul class="dropdown-menu">

(4)

<a href="<?php echo SITE_URL;

?>?page=user&action=detail&id=<?php echo $data["login"]->id_user; ?>"><i class="fa fa-fw fa-user"></i> Profile</a>

</li> <li>

<a href="<?php echo SITE_URL;

?>?page=user&action=update&id=<?php echo $data["login"]->id_user; ?>"><i class="fa fa-fw fa-gear"></i> Settings</a>

</li>

<a href="<?php echo PATH;

?>index.php?page=login&&action=logout"><i class="fa fw fa-power-off"></i> Log Out</a>

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

<a href="<?php echo PATH; ?>"><i class="fa fa-fw fa-dashboard"></i> Dashboard</a>

</li> <li>

<a href="../" target="_blank"><i class="fa fa-fw fa-paper-plane"></i> Lihat Website</a>

</li>

?>?page=bukutamu"><i class="fa fa-fw fa-book"></i> Bukutamu</a> </li>

?>?page=kategori"><i class="fa fa-fw fa-th-large"></i> Kategori Artikel</a>

</li>

<a href="<?php echo PATH; ?>?page=artikel"><i class="fa fa-fw fa-newspaper-o"></i> Artikel</a>

</li>

<a href="<?php echo PATH; ?>?page=jurusan"><i class="fa fa-fw fa-graduation-cap"></i> Jurusan</a>

</li>

(5)

<a href="<?php echo PATH; ?>?page=siswa"><i class="fa fa-fw fa-users"></i> Data Siswa</a>

</li>

<a href="<?php echo PATH; ?>?page=alumni"><i class="fa fa-fw fa-users"></i> Data Alumni</a>

</li>

</li>

<a href="<?php echo PATH; ?>?page=tentang"><i class="fa fa-fw fa-building"></i> Tentang Sekolah</a>

</li>

<a href="<?php echo PATH; ?>?page=kontak"><i class="fa fa-fw fa-phone-square"></i> Kontak</a>

</li>

<a href="<?php echo PATH; ?>?page=user"><i class="fa fa-fw fa-users"></i> Manajemen User</a>

</li> </ul> </div>  </nav> <div id="page-wrapper"> <div class="container-fluid"> <?php

$view = new View($viewName); $view->bind('data', $data); $view->forceRender(); ?> </div>  </div>  </div>

(6)

?>resources/js/bootstrap.min.js"></script>

?>resources/js/jquery.dataTables.min.js"></script>

?>resources/tinymce/tinymce.min.js"></script> <script type="text/javascript"> tinymce.init({ selector: ".editor" }); </script> <script type="text/javascript"> $(document).ready(function() { $(".data-table").DataTable({ "language": {

"emptyTable": "Tidak ada data" } }); }); </script> </body> </html>

Setelah file template di buat, saatnya kita membuat controller baru dengan nama

MainController.php di folder administrator/modules/controller. Source code nya sebagai berikut:

<?php

namespace modules\controllers; use \Controller;

class MainController extends Controller { protected $login;

//Pengecekan apakah sudah login atau belum public function __construct() {

$this->login = isset($_SESSION["login"]) ? $_SESSION["login"] : ''; if(!$this->login) { $this->redirect(SITE_URL . "?page=login"); } }

(7)

protected function template($viewName, $data = array()) { $view = $this->view('template');

$view->bind('viewName', $viewName);

$view->bind('data', array_merge($data, array('login' => $this->login)));

} } ?>

Maksud dari MainController ini adalah sebagai template controller yang akan kita extended di setiap halaman, disini juga akan dilakukan pengecekan apakah sudah login atau belum, kalau sudah login maka user bisa mengecek halaman yang dituju, sedangkan kalau belum, maka user akan langsung diarahkan ke halaman login.

3. Dashboard (Halaman Utama Administrator)

Halaman dashboard ini berguna untuk user yang sudah melakukan login agar bisa melihat menu navigasi dan statistik website.

Untuk membuat halaman dashboard kita edit dulu controller HomeController.php yang sudah ada, dan membuat viewnya.

Kita langsung ubah HomeController.php di folder administrator/modules/controllers menjadi seperti berikut:

<?php

use \modules\controllers\MainController; class HomeController extends MainController { public function index() {

$data = $_SESSION["login"]; $this->model('bukutamu'); $this->model('artikel'); $this->model('guru'); $this->model('kontak');

$this->template('home', array('userData' => $data, 'total' => array( 'bukutamu' => $this->bukutamu->rows(), 'artikel' => $this->artikel->rows(), 'guru' => $this->guru->rows(), 'kontak' => $this->kontak->rows() ))); } } ?>

Untuk model karena sama seperti model yang digunakan pada halaman front end, maka copy kan saja semua model yang ada pada folder modules/models ke administrator/modules/models:

(8)

Selanjutnya kita buat view dengan nama home.view.php pada folder administrator/modules/views:  <div class="row"> <div class="col-lg-12"> <h1 class="page-header">

Dashboard <small>Statistik Website</small> </h1>

<i class="fa fa-dashboard"></i> Dashboard </li> </ol> </div> </div>  <div class="row">

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

</div> </div>

<a href="<?php echo PATH; ?>?page=bukutamu"> <div class="panel-footer">

<span class="pull-left">Tampilkan Semua</span>

(9)

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

</div> </div>

<a href="<?php echo PATH; ?>?page=artikel"> <div class="panel-footer">

<span class="pull-left">View Details</span> <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span> <div class="clearfix"></div> </div> </a> </div> </div>

<div>Total Guru</div> </div>

</div> </div>

<span class="pull-left">View Details</span> <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span> <div class="clearfix"></div> </div> </a> </div> </div>

(10)

<div class="huge"><?php echo $data["total"]["kontak"]; ?></div> <div>Total Kontak</div> </div> </div> </div>

<a href="<?php echo PATH; ?>?page=kontak"> <div class="panel-footer">

<span class="pull-left">View Details</span> <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span> <div class="clearfix"></div> </div> </a> </div> </div> </div>  <div class="row"> <div class="col-lg-12">

</div> <div class="panel-body"> <div class="row"> <div class="col-md-6"> <table class="table"> <tbody> <tr> <th>Nama Lengkap</th> <th>:</th> <td><?php echo $data["userData"]->nama_lengkap; ?></td> </tr> <tr> <th>Username</th> <th>:</th> <td><?php echo $data["userData"]->username; ?></td> </tr> <tr> <th>Email</th> <th>:</th> <td><?php echo $data["userData"]->email; ?></td> </tr> <tr> <th>No. HP</th> <th>:</th> <td><?php echo $data["userData"]->no_hp; ?></td>

(11)

</tr> <tr> <th>Alamat</th> <th>:</th> <td><?php echo $data["userData"]->alamat; ?></td> </tr> </tbody> </table> </div> <div class="col-md-6"> <table class="table"> <tbody> <tr> <th>Last Login</th> <th>:</th> <td><?php echo date('d-m-Y'); ?></td> </tr> <tr> <th>IP Address</th> <th>:</th> <td><?php echo $_SERVER["REMOTE_ADDR"]; ?></td> </tr> <tr> <th>Server</th> <th>:</th> <td><?php echo $_SERVER['SERVER_NAME']; ?></td> </tr> <tr> <th>Browser</th> <th>:</th> <td><?php echo $_SERVER["HTTP_USER_AGENT"]; ?></td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div>

Saat ini, kita belum bisa melihat hasil tampilan Dashboard, karena diperlukan login terlebih dahulu yang akan kita buat pada pembahasan berikutnya.

(12)

4. Halaman Login

Saatnya kita membuat halaman login, halaman login ini berguna untuk user melakukan login pada halaman ini. Apabila user sesuai, maka login akan berhasil dan user akan bisa melakukan manajeman data, bila tidak maka user tidak bisa login untuk melakukan manajeman data. Kita buat dulu controllernya yaitu LoginController.php di folder

Administrator/modules/controllers : <?php

class LoginController extends Controller { public function index() {

$login = isset($_SESSION["login"]) ? $_SESSION["login"] : ""; if($login) { $this->redirect("index.php"); } $message = array(); if($_SERVER["REQUEST_METHOD"] == "POST") { $message = array( 'success' => false,

'message' => 'Maaf Username/Password Salah.' ); $username = isset($_POST["username"]) ? $_POST["username"] : ""; $password = isset($_POST["password"]) ? $_POST["password"] : ""; $this->model('user'); $user = $this->user->getWhere(array( 'username' => $username, 'password' => md5($password) )); if(count($user) > 0) { $message = array( 'success' => true,

'message' => 'Selamat anda berhasil login.' );

$_SESSION["login"] = $user[0]; echo '<meta http-equiv="refresh" content="1;url=index.php">';

} }

$view = $this->view('login')->bind('message', $message); }

public function logout() { unset($_SESSION["login"]);

(13)

$this->redirect('index.php'); }

} ?>

Pada controller tersebut kita memanggil $this->model('user');karena model user belum ada, jadi kita akan membuat file model dengan nama UserModel.php :

<?php

class UserModel extends Model{ protected $tableName = "user"; }

?>

Selanjutnya, kita buat view untuk login nya dengan nama login.view.php : <!DOCTYPE html>

<html lang="en">  <head>

<title>SMK Negeri Indonesia</title>

<script type="text/javascript" src="resources/js/jquery.min.js"></script> <script type="text/javascript" src="resources/js/jquery.dataTables.min.js"></script> <script type="text/javascript" src="resources/js/bootstrap.min.js"></script> <script type="text/javascript" src="resources/js/expand.js"></script> <script type="text/javascript" src="resources/js/common.js"></script> </head> <body> <div class="container">

(14)

<div class="text-center text-header"> <img src="<?php echo PATH;

?>resources/images/logo.png" style="width:75px;" alt="logo"> <h1>SMK Negeri Indonesia</h1> <h2>Login Administrator</h2> </div> </div> <hr> <?php if(count($message)) { ?>

<?php } ?>

<label for="input-username">Username</label> <input type="text" id="input-username"

name="username" class="form-control" placeholder="ex : davidnaista" required autofocus>

</div>

<label for="input-password">Password</label> <input type="password" name="password" id="input-password" class="form-control" required>

</div>

</form>

</div>

</body> </html>

Setelah selesai, sekarng kita inputkan data user di database supaya bisa login. Contoh untuk sql insert:

INSERT INTO `user` VALUES (‘’, ‘Administrator’, ‘[email protected]’, ‘’, ‘Purwokerto’, ‘admin’, MD5(‘admin’), ‘’);

Untuk Password kita acak menggunakan enkripsi md5 (MD5(‘admin’)) supaya orang lain tidak tahu password asli kita. Sekarang coba ketikkan alaman url halaman administrator pada browser:

(15)

Berikut tampilan bila berhasil dan tidak berhasil login:

5. Modul Buku Tamu

Pada module buku tamu, kita akan membuat dua action, yaitu untuk melihat data dan menghapus data. Kita buat dulu controllernya dengan nama BukutamuController.php: <?php

use \modules\controllers\MainController;

class BukutamuController extends MainController { public function index() {

(16)

$this->model('bukutamu');

$data = $this->bukutamu->get();

$this->template('bukutamu', array('bukutamu' => $data)); }

public function delete() {

$id = isset($_GET["id"]) ? $_GET["id"] : 0; $this->model('bukutamu'); $delete = $this->bukutamu->delete(array('id_bukutamu' => $id)); if($delete) { $this->back(); } } } ?>

Pada file controller bukutamu terdapat dua fungsi yaitu index() dan delete(), dimana fungsi index secara default akan menampilkan semua data yang ada pada buku tamu, dan fungsi delete untuk menghapus data pada buku tamu berdasarkan id_bukutamu yang dikirim. Sekarang kita buat view untuk buku tamu dengan nama bukutamu.view.php :

<div class="col-lg-12"> <h1>Bukutamu</h1>

<li class="active"><i class="fa fa-book"></i> Bukutamu</li> </ol> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="table-responsive">

<table class="table hover data-table table-striped tablesorter"> <thead> <tr> <th class="header">No</th> <th class="header">Nama Lengkap</th> <th class="header">Email</th> <th class="header">Website</th>

(17)

<th class="header">Komentar</th> <th class="header">Action</th> </tr> </thead> <tbody> <?php $no = 1; foreach($data["bukutamu"] as $bukutamu) { ?> <tr> <td><?php echo $no; ?></td> <td><?php echo $bukutamu->full_name; ?></td> <td><?php echo $bukutamu->email; ?></td> <td><?php echo $bukutamu->website; ?></td> <td><?php echo $bukutamu->comment; ?></td>

<td><a class="btn btn-danger" onclick="return confirm('Are you sure delete this data?');" href="<?php echo SITE_URL;

?>?page=bukutamu&&action=delete&&id=<?php echo $bukutamu->id_bukutamu; ?>">Delete</a></td> </tr> <?php $no++; } ?> </tbody> </table> </div> </div> </div>

Untuk mencobanya silahkan tampilkan pada browser dengan klik menu Bukutamu. 6. Modul Kategori Artikel

Pada modul kategori ini, kita akan membuat empat action, yaitu untuk melihat data, menambah data, melakukan update, dan menghapus data. Langsung saja kita buat controllernya dengan nama KategoriController.php :

<?php

class KategoriController extends MainController { public function index() {

$this->model('kategori');

$data = $this->kategori->get();

$this->template('kategori', array('kategori' => $data)); }

$id = isset($_GET["id"]) ? $_GET["id"] : 0; $this->model('kategori');

(18)

$delete = $this->kategori->delete(array('id_kategori' => $id)); if($delete) { $this->back(); } }

public function insert() { $this->model('kategori'); $error = array(); $success = null; if($_SERVER["REQUEST_METHOD"] == "POST") { $kategori = isset($_POST["kategori"]) ? $_POST["kategori"] : ""; if(empty($kategori) || $kategori == "") {

array_push($error, "Kategori artikel harus di isi."); } if(count($error) == 0) { $insert = $this->kategori->insert( array( 'nama_kategori' => $kategori ) ); if($insert) {

$success = "Data Berhasil di simpan."; }

} }

$this->template('frmKategori', array('error' => $error, 'success' => $success, 'title' => 'Tambah Kategori'));

}

public function update() { $this->model('kategori'); $error = array(); $success = null;

$id = isset($_GET["id"]) ? $_GET["id"] : ""; $data = $this->kategori->getWhere(array( 'id_kategori' => $id )); if(count($data) == 0) $this->redirect(PATH . '?page=kategori'); if($_SERVER["REQUEST_METHOD"] == "POST") { $kategori = isset($_POST["kategori"]) ? $_POST["kategori"] : ""; if(empty($kategori) || $kategori == "") {

array_push($error, "Kategori artikel harus di isi.");

}

$updateArrayData = array(

'nama_kategori' => $kategori );

(19)

if(count($error) == 0) { $update =

$this->kategori->update($updateArrayData, array('id_kategori' => $id)); if($update) {

} }

$this->template('frmKategori', array('kategori' => $data[0],'error' => $error, 'success' => $success, 'title' => 'Update Kategori'));

} } ?>

Pada file controller kategori tersebut terdapat empat fungsi, yaitu:

a. Fungsi Index() secara default akan menampilkan semua data yang ada pada kategori b. Fungsi insert() akan digunakan untuk melakukan input data kategori

c. Fungsi delete() untuk menghapus data pada kategori berdasarkan id_kategori yang dikirim

d. Fungsi Update() untuk melakukan edit data kategori yang sudah ada

Selanjutnya, kita buat view untuk kategori dengan cara membuat file dengan nama Kategori.view.php :

<div class="col-lg-12"> <h1>Kategori</h1>

<li class="active"><i class="fa fa-th-large"></i> Kategori</li> </ol> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="form-group"> <a href="<?php echo PATH;

?>?page=kategori&&action=insert" class="btn btn-primary">+ Tambah Data Baru</a>

</div>

<table class="table hover data-table table-striped tablesorter"> <thead> <tr> <th class="header" style="width: 40px;">No</th> <th class="header">Kategori</th>

(20)

<th class="header" style="width:100px;">Action</th> </tr> </thead> <tbody> <?php $no = 1; foreach($data["kategori"] as $kategori) { ?> <tr> <td><?php echo $no; ?></td> <td><?php echo $kategori->nama_kategori; ?></td> <td>

<a class="btn btn-warning btn-sm" href="<?php echo SITE_URL;

?>?page=kategori&&action=update&&id=<?php echo $kategori->id_kategori; ?>">Edit</a>

<a class="btn btn-danger btn-sm" href="<?php echo SITE_URL;

?>?page=kategori&&action=delete&&id=<?php echo

$kategori->id_kategori; ?>" onclick="return confirm('Are you sure delete this data?');">Delete</a> </td> </tr> <?php $no++; } ?> </tbody> </table> </div> </div> </div>

Kemudian kita buat view sebagai form untuk melakukan insert dan update data, yaitu dengan file view bernama frmKategori.view.php :

<li><a href="<?php SITE_URL; ?>?page=kategori"><i class="fa fa-th-large"></i> Kategori</a></li>

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

(21)

<?php

if(isset($data["error"]) && count($data["error"]) > 0) { ?>

<?php echo $data["success"]; ?> </div>

<?php } ?>

<table class="table-responsive table"> <tbody> <tr> <td style="width: 200px;"><label>Nama Kategori</label></td> <td style="width: 1px;">:</td> <td>

<input type="text" name="kategori" <?php if(isset($data["kategori"])) echo 'value="' . $data["kategori"]->nama_kategori . '"'; ?> class="form-control"> </td> </tr> <tr> <td></td> <td></td>

<td><button type="submit" class="btn btn-primary">Submit</button> <a class="btn btn-warning" href="<?php echo PATH; ?>?page=kategori">Tampilkan Semua Kategori</a> </td> </tr>

(22)

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

Mari kita coba tampilkan di browser dengan klik menu Kategori Artikel, coba kita tambahkan kategori baru.

7. Modul Artikel

Setelah kita membuat modul kategori artikel, saatnya kita membuat modul artikel. Sama seperti Modul sebelumnya kita akan menambahkan beberapa action. Langsung kita buat controller ArtikelController.php :

<?php

class ArtikelController extends MainController { public function index() {

$this->model('artikel'); $data = $this->artikel->getJoin('kategori', array( 'artikel.id_kategori' => 'kategori.id_kategori' ), 'JOIN' );

$this->template('artikel', array('artikel' => $data)); }

$id = isset($_GET["id"]) ? $_GET["id"] : 0; $this->model('artikel'); $artikel = $this->artikel->getWhere(array( 'id_artikel' => $id )); if(file_exists('../public/images/artikel/' . $artikel[0]->images)) { unlink('../public/images/artikel/' . $artikel[0]->images); } $delete = $this->artikel->delete(array('id_artikel' => $id)); if($delete) { $this->back(); }

(23)

}

public function insert() { $this->model("kategori"); $data = $this->kategori->get(); $this->model('artikel'); $error = array(); $success = null; if($_SERVER["REQUEST_METHOD"] == "POST") { $judul = isset($_POST["judul"]) ? $_POST["judul"] : ""; $kategori = isset($_POST["kategori"]) ? $_POST["kategori"] : ""; $penulis = isset($_POST["penulis"]) ? $_POST["penulis"] : ""; $gambar = isset($_FILES["images"]) ? $_FILES["images"] : ""; $isi = isset($_POST["isi"]) ? $_POST["isi"] : ""; if(empty($judul) || $judul == "") {

array_push($error, "Judul harus di isi."); }

if(empty($kategori) || $kategori == "") {

array_push($error, "Kategori harus di isi."); }

if(empty($penulis) || $penulis == "") {

array_push($error, "Penulis harus di isi."); }

if(empty($isi) || $isi == "") {

array_push($error, "Isi artikel harus di isi."); }

if(!empty($gambar["name"]) && $gambar["type"] != 'image/jpg' && $gambar["type"] != 'image/jpeg' && $gambar["type"] != 'image/png') {

array_push($error, "Gambar hanya boleh .JPG/.PNG"); } if(count($error) == 0) { $imageName = $gambar["name"]; if($gambar["name"]) { $imageName = date("h_i_s_Y_m_d_") . str_replace(" ","_", $judul) . '.jpg'; move_uploaded_file($gambar["tmp_name"], '../public/images/artikel/' . $imageName); } $insert = $this->artikel->insert( array( 'id_kategori' => $kategori, 'judul' => $judul,

(24)

'penulis' => $penulis, 'isi' => $isi, 'tanggal' => date('Y-m-d'), 'waktu' => date('h:i:s'), 'images' => $imageName ) ); if($insert) {

} }

$this->template('frmArtikel', array('kategori' => $data,'error' => $error, 'success' => $success, 'title' => 'Tambah Artikel'));

}

public function update() { $this->model("kategori");

$data = $this->kategori->get(); $this->model('artikel');

$id = isset($_GET["id"]) ? $_GET["id"] : '0'; $artikel = $this->artikel->getWhere(array( 'id_artikel' => $id )); $error = array(); $success = null; if($_SERVER["REQUEST_METHOD"] == "POST") { $judul = isset($_POST["judul"]) ? $_POST["judul"] : ""; $kategori = isset($_POST["kategori"]) ? $_POST["kategori"] : ""; $penulis = isset($_POST["penulis"]) ? $_POST["penulis"] : ""; $gambar = isset($_FILES["images"]) ? $_FILES["images"] : ""; $isi = isset($_POST["isi"]) ? $_POST["isi"] : ""; if(empty($judul) || $judul == "") {

array_push($error, "Judul harus di isi."); }

if(empty($kategori) || $kategori == "") {

array_push($error, "Kategori harus di isi."); }

if(empty($penulis) || $penulis == "") {

array_push($error, "Penulis harus di isi."); }

if(empty($isi) || $isi == "") {

array_push($error, "Isi artikel harus di isi."); }

if(!empty($gambar["name"]) && $gambar["type"] != 'image/jpg' && $gambar["type"] != 'image/jpeg' && $gambar["type"] != 'image/png') {

array_push($error, "Gambar hanya boleh .JPG/.PNG");

(25)

if(count($error) == 0) { $imageName = $gambar["name"]; $updateArrayData = array( 'id_kategori' => $kategori, 'judul' => $judul, 'penulis' => $penulis, 'isi' => $isi, 'tanggal' => date('Y-m-d'), 'waktu' => date('h:i:s') ); if($gambar["name"]) { $imageName = date("h_i_s_Y_m_d_") . str_replace(" ","_", $judul) . '.jpg'; $updateArrayData = array( 'id_kategori' => $kategori, 'judul' => $judul, 'penulis' => $penulis, 'isi' => $isi, 'tanggal' => date('Y-m-d'), 'waktu' => date('h:i:s'), 'images' => $imageName ); if(file_exists('../public/images/artikel/' . $artikel[0]->images)) { unlink('../public/images/artikel/' . $artikel[0]->images); } move_uploaded_file($gambar["tmp_name"], '../public/images/artikel/' . $imageName); } $update =

$this->artikel->update($updateArrayData, array('id_artikel' => $id)); if($update) {

} }

$this->template('frmArtikel', array('kategori' => $data, 'artikel' => $artikel[0], 'error' => $error, 'success' =>

$success, 'title' => 'Update Artikel')); }

} ?>

Pada file controller artikel tersebut terdapat empat fungsi, yaitu:

a. Fungsi Index() secara default akan menampilkan semua data yang ada pada artikel website kita

b. Fungsi insert() akan digunakan untuk melakukan input data artikel

c. Fungsi delete() untuk menghapus data pada artikel berdasarkan id_artikel yang dikirim d. Fungsi Update() untuk melakukan edit data artikel berdasarkan id_artikel yang dikirim

(26)

Selanjutnya, kita buat view untuk artikeli dengan cara membuat file dengan nama artikel.view.php : <div class="row"> <div class="col-lg-12"> <h1>Artikel</h1> <ol class="breadcrumb">

<li class="active"><i class="fa fa-newspaper-o"></i> Artikel</li> </ol> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="form-group"> <a href="<?php echo PATH;

?>?page=artikel&&action=insert" class="btn btn-primary">+ Tambah Data Baru</a>

</div>

<table class="table hover data-table table-striped tablesorter"> <thead> <tr> <th class="header">No</th> <th class="header">Tanggal</th> <th class="header">Gambar</th> <th class="header">Kategori</th> <th class="header">Judul</th> <th class="header">Penulis</th> <th class="header">Isi</th> <th class="header" style="width:100px;">Action</th> </tr> </thead> <tbody> <?php $no = 1; foreach($data["artikel"] as $artikel) { ?> <tr> <td><?php echo $no; ?></td> <td> <h6><?php echo $artikel->waktu; ?></h6> <h6><?php echo $artikel->tanggal; ?></h6> </td> <td> <?php if($artikel->images) {

(27)

?>

<img

src="../public/images/artikel/<?php echo $artikel->images; ?>" style="width: 100px;" alt="<?php echo $artikel->judul; ?>"> <?php } ?> </td> <td><?php echo $artikel->nama_kategori; ?></td> <td><?php echo $artikel->judul; ?></td> <td><?php echo $artikel->penulis; ?></td> <td><?php echo substr(strip_tags($artikel->isi), 0,100); ?></td> <td>

<a class="btn btn-warning btn-sm" href="<?php echo SITE_URL;

?>?page=artikel&&action=update&&id=<?php echo $artikel->id_artikel; ?>">Edit</a>

<a class="btn btn-danger btn-sm" href="<?php echo SITE_URL;

?>?page=artikel&&action=delete&&id=<?php echo

$artikel->id_artikel; ?>" onclick="return confirm('Are you sure delete this data?');">Delete</a> </td> </tr> <?php $no++; } ?> </tbody> </table> </div> </div> </div>

Kemudian kita buat view sebagai form untuk melakukan insert, update data, yaitu dengan view frmArtikel.view.php :

<li><a href="<?php SITE_URL; ?>?page=artikel"><i class="fa fa-newspaper-o"></i> Artikel</a></li>

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

(28)

<?php

if(isset($data["error"]) && count($data["error"]) > 0) { ?>

<?php echo $data["success"]; ?> </div>

<?php } ?>

<table class="table-responsive table"> <tbody> <tr> <td style="width: 200px;"><label>Judul</label></td> <td style="width: 1px;">:</td> <td>

<input type="text" name="judul" <?php if(isset($data["artikel"])) echo 'value="' . $data["artikel"]->judul . '"'; ?> class="form-control"> </td> </tr> <tr> <td style="width: 200px;"><label>Kategori</label></td> <td style="width: 1px;">:</td>

(29)

<td> <select class="form-control" name="kategori"> <?php foreach($data["kategori"] as $kategori) { ?> <option <?php if(isset($data["artikel"])){ if($data["artikel"]->id_kategori == $kategori-if($data["artikel"]->id_kategori) echo 'selected'; }

?> value="<?php echo

$kategori->id_kategori; ?>"><?php echo $kategori->nama_kategori; ?></option> <?php } ?> </select> </td> </tr> <tr> <td style="width: 200px;"><label>Penulis</label></td> <td style="width: 1px;">:</td> <td> <input type="text" <?php

if(isset($data["artikel"])) echo 'value="' . $data["artikel"]->penulis . '"'; ?> name="penulis" class="form-control">

</td> </tr> <tr> <td style="width: 200px;"><label>Gambar</label></td> <td style="width: 1px;">:</td> <td>

<input type="file" name="images" class="form-control"> <?php if(isset($data["artikel"])) { if($data["artikel"]->images){ ?> <img

src="../public/images/artikel/<?php echo

$data["artikel"]->images; ?>" alt="images" style="width:100%; max-width: 200px;"> <?php } } ?> </td> </tr> <tr> <td style="width: 200px;"><label>Isi</label></td> <td style="width: 1px;">:</td> <td>

(30)

<td><button type="submit" class="btn btn-primary">Submit</button> <a class="btn btn-warning" href="<?php echo PATH; ?>?page=artikel">Tampilkan Semua Artikel</a> </td> </tr> </tbody> </table> </form> </div> </div>

Coba tampilkan di browser dengan klik menu artikel. 8. Modul Jurusan

Modul jurusan digunakan untuk melakukan manajemen data jurusan yang ada di website kita. Pada modul jurusan, kita akan menambah empat action yang sama seperti modul sebelumnya. Untuk modul jurusan karena hampir mirip dengan modul kategori. Maka saya copy kan di DOSEN-PC.

9. Modul Siswa

Modul sisea digunakan untuk memanajemen data siswa yang ada di website kita. Pada modul siswa kita akan membuat lima action yaitu, view, detail, add, update, dan delete data.

Kita buat dulu controllernya yaitu SiswaController.php: <?php

class SiswaController extends MainController { public function index() {

$this->model('siswa'); $data = $this->siswa->getJoin('jurusan', array( 'jurusan.id_jurusan' => 'siswa.id_jurusan' ), 'JOIN', array( 'status' => "Siswa" ) );

$this->template('siswa', array('siswa' => $data, 'title' => 'Siswa')); }

public function detail() {

$id = isset($_GET["id"]) ? $_GET["id"] : '0'; $this->model('siswa');

$data = $this->siswa->getJoin('jurusan', array(

(31)

), 'JOIN', array( 'id_siswa' => $id ) ); $this->template('detailSiswa', array('siswa' => $data[0])); }

$id = isset($_GET["id"]) ? $_GET["id"] : 0; $this->model('siswa');

$data = $this->siswa->getWhere(array( 'id_siswa' => $id

));

$delete = $this->siswa->delete(array('id_siswa' => $id)); if($delete && $data[0]->images) {

unlink('../public/images/siswa/' . $data[0]->images); $this->back();

} }

public function insert() { $this->model("jurusan"); $data = $this->jurusan->get(); $this->model('siswa'); $error = array(); $success = null; if($_SERVER["REQUEST_METHOD"] == "POST") { $nis = isset($_POST["nis"]) ? $_POST["nis"] : ""; $nama = isset($_POST["nama_lengkap"]) ? $_POST["nama_lengkap"] : ""; $jurusan = isset($_POST["jurusan"]) ? $_POST["jurusan"] : ""; $noHP = isset($_POST["no_hp"]) ? $_POST["no_hp"] : ""; $angkatan = isset($_POST["angkatan"]) ? $_POST["angkatan"] : ""; $alamat = isset($_POST["alamat"]) ? $_POST["alamat"] : ""; $status = isset($_POST["status"]) ? $_POST["status"] : ""; $jenisKelamin = isset($_POST["jenis_kelamin"]) ? $_POST["jenis_kelamin"] : ""; $foto = isset($_FILES["images"]) ? $_FILES["images"] : ""; if(empty($nis) || $nis == "") {

array_push($error, "NIS harus di isi."); }

if(empty($nama) || $nama == "") {

array_push($error, "Nama harus di isi."); }

(32)

array_push($error, "Jurusan harus di isi."); }

if(empty($angkatan) || $angkatan == "") {

array_push($error, "Angkatan harus di isi."); }

if(!empty($foto["name"]) && $foto["type"] !=

'image/jpg' && $foto["type"] != 'image/jpeg' && $foto["type"] != 'image/png') {

array_push($error, "Gambar hanya boleh .JPG/.PNG"); } if(count($error) == 0) { $imageName = $foto["name"]; if($foto["name"]) { $imageName = date("h_i_s_Y_m_d_") . str_replace(" ","_", $nama) . '.jpg'; move_uploaded_file($foto["tmp_name"], '../public/images/siswa/' . $imageName); } $insert = $this->siswa->insert( array( 'nis' => $nis, 'nama_lengkap' => $nama, 'id_jurusan' => $jurusan, 'jenis_kelamin' => $jenisKelamin, 'nomor_hp' => $noHP, 'angkatan' => $angkatan, 'status' => $status, 'alamat' => $alamat, 'images' => $imageName ) ); if($insert) {

} }

$this->template('frmSiswa', array('jurusan' => $data,'error' => $error, 'success' => $success, 'title' => 'Tambah Siswa / Alumni'));

}

public function update() {

$id = isset($_GET["id"]) ? $_GET["id"] : '0'; $this->model("jurusan"); $listJurusan = $this->jurusan->get(); $this->model('siswa'); $data = $this->siswa->getJoin('jurusan', array( 'jurusan.id_jurusan' => 'siswa.id_jurusan' ), 'JOIN', array( 'id_siswa' => $id ) );

(33)

$error = array(); $success = null; if($_SERVER["REQUEST_METHOD"] == "POST") { $nis = isset($_POST["nis"]) ? $_POST["nis"] : ""; $nama = isset($_POST["nama_lengkap"]) ? $_POST["nama_lengkap"] : ""; $jurusan = isset($_POST["jurusan"]) ? $_POST["jurusan"] : ""; $noHP = isset($_POST["no_hp"]) ? $_POST["no_hp"] : ""; $angkatan = isset($_POST["angkatan"]) ? $_POST["angkatan"] : ""; $alamat = isset($_POST["alamat"]) ? $_POST["alamat"] : ""; $status = isset($_POST["status"]) ? $_POST["status"] : ""; $jenisKelamin = isset($_POST["jenis_kelamin"]) ? $_POST["jenis_kelamin"] : ""; $foto = isset($_FILES["images"]) ? $_FILES["images"] : ""; if(empty($nis) || $nis == "") {

array_push($error, "NIS harus di isi."); }

if(empty($nama) || $nama == "") {

array_push($error, "Nama harus di isi."); }

if(empty($jurusan) || $jurusan == "") {

array_push($error, "Jurusan harus di isi."); }

if(empty($angkatan) || $angkatan == "") {

array_push($error, "Angkatan harus di isi."); }

if(!empty($foto["name"]) && $foto["type"] !=

'image/jpg' && $foto["type"] != 'image/jpeg' && $foto["type"] != 'image/png') {

array_push($error, "Gambar hanya boleh .JPG/.PNG"); } if(count($error) == 0) { $imageName = $foto["name"]; $dataUpdate = array( 'nis' => $nis, 'nama_lengkap' => $nama, 'id_jurusan' => $jurusan, 'jenis_kelamin' => $jenisKelamin, 'nomor_hp' => $noHP, 'angkatan' => $angkatan, 'status' => $status, 'alamat' => $alamat ); if($foto["name"]) {

(34)

$imageName = date("h_i_s_Y_m_d_") . str_replace(" ","_", $nama) . '.jpg'; unlink('../public/images/siswa/' . $data[0]->images); move_uploaded_file($foto["tmp_name"], '../public/images/siswa/' . $imageName); $dataUpdate = array( 'nis' => $nis, 'nama_lengkap' => $nama, 'id_jurusan' => $jurusan, 'jenis_kelamin' => $jenisKelamin, 'nomor_hp' => $noHP, 'angkatan' => $angkatan, 'status' => $status, 'alamat' => $alamat, 'images' => $imageName ); } $update = $this->siswa->update($dataUpdate, array('id_siswa' => $id)); if($update) {

} }

$this->template('frmSiswa', array('jurusan' =>

$listJurusan, 'siswa' => $data[0], 'error' => $error, 'success' => $success, 'title' => 'Update Siswa / Alumni'));

} } ?>

Pada file controller siswa tersebut terdapat lima fungsi, yaitu:

a. Fungsi Index() secara default akan menampilkan semua data yang ada pada tabel siswa yang memiliki status ‘siswa’ di database

b. Fungsi insert() akan digunakan untuk melakukan input data siswa

c. Fungsi delete() untuk menghapus data pada siswa berdasarkan id_siswa yang dikirim d. Fungsi Update() untuk melakukan edit data siswa berdasarkan id _siswa yang dikirim e. Fungsi detail() digunakan untuk melihat detail siswa berdasarkan id_siswa yang dikirim Selanjutnya, kita membuat file view untuk daftar siswa, dengan cara membuat file dengan nama siswa.view.php :

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

(35)

<div class="col-lg-12"> <div class="form-group"> <a href="<?php echo PATH;

?>?page=siswa&&action=insert" class="btn btn-primary">+ Tambah Data Baru</a>

</div>

<table class="table hover data-table table-striped tablesorter"> <thead> <tr> <th class="header" style="width: 40px;">No</th> <th class="header">Foto</th> <th class="header">NIS</th> <th class="header">Nama</th> <th class="header">Jurusan</th> <th class="header">Jenis Kelamin</th> <th class="header">Angkatan</th> <th class="header" style="width:150px;">Action</th> </tr> </thead> <tbody> <?php $no = 1; foreach($data["siswa"] as $siswa) { ?> <tr> <td><?php echo $no; ?></td> <td> <?php if($siswa->images) { ?> <img

src="../public/images/siswa/<?php echo $siswa->images; ?>" style="width: 50px;" alt="<?php echo $siswa->images; ?>"> <?php

}else{ ?>

<img

src="../resources/images/no_user.jpg" style="width: 50px;" alt="<?php echo $siswa->images; ?>">

<?php } ?> </td> <td><?php echo $siswa->nis; ?></td> <td><?php echo $siswa->nama_lengkap; ?></td>

(36)

<td><?php echo $siswa->nama_jurusan; ?></td> <td><?php echo $siswa->jenis_kelamin; ?></td> <td><?php echo $siswa->angkatan; ?></td> <td>

<a class="btn btn-primary btn-sm" href="<?php echo SITE_URL; ?>?page=siswa&&action=detail&&id=<?php echo $siswa->id_siswa; ?>">Detail</a>

<a class="btn btn-warning btn-sm" href="<?php echo SITE_URL; ?>?page=siswa&&action=update&&id=<?php echo $siswa->id_siswa; ?>">Edit</a>

<a class="btn btn-danger btn-sm" href="<?php echo SITE_URL; ?>?page=siswa&&action=delete&&id=<?php echo $siswa->id_siswa; ?>" onclick="return confirm('Are you sure delete this data?');">Delete</a>

</td> </tr> <?php $no++; } ?> </tbody> </table> </div> </div> </div>

Selanjutnya kita buat view untuk menampilkan detail siswa yang kita pilih dengan nama detailSiswa.view.php:

<h1>Detail Siswa / Alumni</h1> <ol class="breadcrumb">

<li class="active"><i class="fa fa-users"></i> Detail Siswa / Alumni</li> </ol> </div> </div> <div class="row"> <div class="col-lg-12">

<table class="table-responsive table"> <tbody> <tr> <td style="width: 200px;"><b>Nama Lengkap</b></td> <td style="width: 1px;">:</td> <td> <?php echo $data["siswa"]->nama_lengkap; ?>

(37)

</td> </tr> <tr> <td><b>NIS</b></td> <td style="width: 1px;">:</td> <td> <?php echo $data["siswa"]->nis; ?> </td> </tr> <tr> <td><b>Jurusan</b></td> <td style="width: 1px;">:</td> <td> <?php echo $data["siswa"]->nama_jurusan; ?> </td> </tr> <tr> <td><b>Status</b></td> <td style="width: 1px;">:</td> <td>

<span class="label label-primary" style="font-size:15px;"><?php echo $data["siswa"]->status; ?></span> </td> </tr> <tr> <td><b>Jenis Kelamin</b></td> <td style="width: 1px;">:</td> <td> <?php echo $data["siswa"]->jenis_kelamin; ?> </td> </tr> <tr> <td><b>No. HP</b></td> <td style="width: 1px;">:</td> <td> <?php echo $data["siswa"]->nomor_hp; ?> </td> </tr> <tr> <td><b>Angkatan</b></td> <td style="width: 1px;">:</td> <td> <?php echo $data["siswa"]->angkatan; ?> </td> </tr> <tr> <td><b>Alamat</b></td> <td style="width: 1px;">:</td> <td> <?php echo $data["siswa"]->alamat; ?> </td> </tr> <tr> <td><b>Foto</b></td> <td style="width: 1px;">:</td>

(38)

<td> <?php

if($data["siswa"]->images) { ?>

<img src="../public/images/siswa/<?php echo $data["siswa"]->images; ?>" style="max-width: 200px;" alt="<?php echo $data["siswa"]->nama_lengkap; ?>">

<?php }else{ ?> <img

src="../resources/images/no_user.jpg" style="max-width: 200px;" alt="<?php echo $data["siswa"]->nama_lengkap; ?>">

<?php } ?> </td> </tr> <tr> <td></td> <td></td> <td> <?php if($data["siswa"]->status == "Siswa") { ?>

<a class="btn btn-primary" href="<?php echo SITE_URL; ?>?page=siswa">Daftar Siswa</a> <?php

}else { ?>

<a class="btn btn-primary"

href="<?php echo SITE_URL; ?>?page=alumni">Daftar Alumni</a> <?php

} ?>

<a class="btn btn-warning" href="<?php echo SITE_URL; ?>?page=siswa&&action=update&&id=<?php echo

$data["siswa"]->id_siswa; ?>">Edit</a>

<a class="btn btn-danger" href="<?php echo SITE_URL; ?>?page=siswa&&action=delete&&id=<?php echo

$data["siswa"]->id_siswa; ?>" onclick="return confirm('Are you sure delete this data?');">Delete</a>

</td> </tr> </tbody> </table> </div> </div>

Kemudian kita buat view sebagai form untuk melakukan insert dan update data siswa, yaitu dengan file view bernama frmSiswa.view.php :