Membuat Modul Baru pada CMS Lokomedia (Studi Kasus Modul Kelas pada Website Sekolah)

Memang menambahkan modul pada CMS Lokomedia tidak semudah menambahkan widget pada Wordpress ataupun module pada Joomla. Namun kelebihannya adalah kita bisa membuat modul sendiri dengan mudah dan simpel. Tidak seperti pada wordpress dan joomla yang harus paham kode framework yang mereka gunakan untuk membuat modul atau widget yang belum tersedia. Pada lokomedia, cukup dengan memahami kode php kita dapat dengan mudah membuat modul sesuka hati kita. Dalam artikel ini kita akan bahas bagaimana cara membuat modul lokomedia yang sederhana. Namun pada intinya dalam pembuatan modul lokomedia akan mengikuti langkahlangkah tersebut. Untuk memudahkan, kita akan membahas kasus untuk membuat modul kelas pada website sekolah. Misalnya dalam sekolah tersebut terdapat beberapa kelas seperti I A, I B, I C, II A , II B, II C, III A, III B, dan III C. Untuk membuat kelas-kelas tersebut kita bisa menambahkannya pada halaman admin dan juga bisa menampilkannya dihalaman utama. Kasus ini sebenarnya mirip dengan modul kategori yang sudah tersedia pada Lokomedia. Langkah 1. Membuat Database Untuk module ini kita membutuhkan table kelas dengan 2 field id_kelas dan nama kelas. Caranya buka phpmyadmin-pilih database-buat table kelas seperti gambar berikut :

Kemudian isi 2 field yang kita buat dengan properties sebagai berikut kemudian save :

Langkah 2. Membuat Menu Module di Halaman Admin Masuk halaman administrator http://localhost/lokomedia/adminweb masukkan username dan pasword. Klik menu Manajemen Modul-Tambah Modul dan buat modul baru dengan value seperti gambar :

Maka modul Kelas akan muncul dalam menu disebelah kiri, namun ketika diklik akan muncul pesan modul belum lengkap kerena script modulnya belum dibuat. Langkah 3. Membuat script module halaman admin Biasanya script modul admin lokomedia diletakkan pada folder adminweb/modul/nama_modul. Karena module yang akan kita buat modul kelas moka nama_modulnya adalah mod_kelas yang berisi file kelas.php dan aksi_kelas.php.

Copy script ini kedalam file yang telah kita buat.

Script kelas.php view sourceprint?

01.<?php 02.session_start(); 03.if (empty($_SESSION['username']) AND empty($_SESSION['passuser'])){ 04.echo "<link href='style.css' rel='stylesheet' type='text/css'> 05.<center>Untuk mengakses modul, Anda harus login <br>"; 06.echo "<a href=../../index.php><b>LOGIN</b></a></center>"; 07.} 08.else{ 09.$aksi="modul/mod_kelas/aksi_kelas.php"; 10.switch($_GET[act]){ 11.// Manajemen Kelas 12.default: 13.echo "<h2>Manajemen Kelas</h2> 14.<input type=button value='Tambah Kelas' 15.onclick=\"window.location.href='?module=kelas&act=tambahkelas';\"> 16.<table> 17.<tr><th>No</th><th>Nama Kelas</th><th>Aksi</th></tr>"; 18.$tampil=mysql_query("SELECT * FROM kelas ORDER BY id_kelas DESC"); 19.$no=1; 20.while ($r=mysql_fetch_array($tampil)){ 21.echo "<tr><td>$no</td> 22.<td>$r[nama_kelas]</td> 23.<td><a href=?module=kelas&act=editkelas&id=$r[id_kelas]>Edit</a> | <a href='$aksi?module=kelas&act=hapus&id=$r[id_kelas]'>Hapus</a> 24.</td></tr>"; 25.$no++; 26.} 27.echo "</table>"; 28.break; 29. 30.// Form Tambah Kelas 31.case "tambahkelas": 32.echo "<h2>Tambah Kelas</h2> 33.<form method=POST action='$aksi?module=kelas&act=input'> 34.<table> 35.<tr><td>Nama Kelas</td><td> : <input type=text name='nama_kelas'></td></tr> 36.<tr><td colspan=2><input type=submit name=submit value=Simpan> 37.<input type=button value=Batal onclick=self.history.back()></td></tr> 38.</table></form>"; 39.break; 40. 41.// Form Edit Kelas 42.case "editkelas": 43.$edit=mysql_query("SELECT * FROM kelas WHERE id_kelas='$_GET[id]'"); 44.$r=mysql_fetch_array($edit); 45. 46.echo "<h2>Edit Kelas</h2> 47.<form method=POST action=$aksi?module=kelas&act=update> 48.<input type=hidden name=id value='$r[id_kelas]'> 49.<table> 50.<tr><td>Nama Kelas</td><td> : <input type=text name='nama_kelas' value='$r[nama_kelas]'></td></tr>"; 51.echo "<tr><td colspan=2><input type=submit value=Update> 52.<input type=button value=Batal onclick=self.history.back()></td></tr> 53.</table></form>"; 54.break; 55.} 56.} 57.?>

Script aksi_kelas.php view sourceprint?

01.<?php 02.session_start(); 03.if (empty($_SESSION['username']) AND empty($_SESSION['passuser'])){ 04.echo "<link href='style.css' rel='stylesheet' type='text/css'> 05.<center>Untuk mengakses modul, Anda harus login <br>"; 06.echo "<a href=../../index.php><b>LOGIN</b></a></center>"; 07.} 08.else{ 09.include "../../../config/koneksi.php"; 10.include "../../../config/fungsi_seo.php"; 11. 12.$module=$_GET[module]; 13.$act=$_GET[act]; 14. 15.// Input kategori 16.if ($module=='kelas' AND $act=='input'){ 17.mysql_query("INSERT INTO kelas (nama_kelas) VALUES('$_POST[nama_kelas]')"); 18.header('location:../../media.php?module='.$module); 19.} 20. 21.if ($module=='kelas' AND $act=='hapus'){ 22.mysql_query("DELETE FROM kelas WHERE id_kelas='$_GET[id]'"); 23.header('location:../../media.php?module='.$module); 24.} 25. 26.// Update kategori 27.elseif ($module=='kelas' AND $act=='update'){ 28.$kategori_seo = seo_title($_POST['nama_kelas']); 29.mysql_query("UPDATE kelas SET nama_kelas='$_POST[nama_kelas]' 30.WHERE id_kelas = '$_POST[id]'"); 31.header('location:../../media.php?module='.$module); 32.} 33.} 34.?>

File bisa didownload disini

Langkah 4. Memanggil script modul kelas Ini dilakukan agar modul kelas bisa tampil dihalaman administrator. Caranya buka file content.php pada folder adminweb dan sisipkan script berikut pada baris modul mengikuti pola yang sudah ada : view sourceprint?
1.elseif ($_GET['module']=='kelas'){ 2.if ($_SESSION['leveluser']=='admin'){ 3.include "modul/mod_kelas/kelas.php"; 4.} 5.}

Langkah 5. Menampilkan Module di Halaman Pengunjung Kita bisa memilih akan menampilkan module kelas halaman pengunjung dimana saja. Bisa di kiri kanan atau pada isi/content website. Caranya adalah dengan menambahkan script berikut : view sourceprint?
01.elseif($_GET['module'] == 'kelas') { 02.echo'<div id="content"> 03.<div class="title"> 04.<h2>Jumlah Kelas</h2> 05.</div><table style="padding:10px;" bgcolor="#FFD3D3"> 06.<tr><th>No</th><th width=>Kelas</th></tr>'; 07.$tampil=mysql_query("SELECT * FROM kelas ORDER BY id_kelas DESC"); 08.$no=1; 09.while ($r=mysql_fetch_array($tampil)){ 10.echo "<tr><td width='30px'>$no</td> 11.<td width='100px'>$r[nama_kelas]</td></tr>"; 12.$no++; 13.} 14.echo'</table></div>'; 15.}

Contoh script diatas untuk template sandbox pada file content.php Langkah 6. Menambah Rule pada .htaccess Buka file .htaccess dan tambahkan kode berikut : RewriteRule ^kelas\.html$ media.php?module=kelas&id=$1 [L] Langkah 7. Membuat Menu menuju Link Modul Pengunjung Masuk halaman administrator klik module menu dan buat menu Kelas dengan link /kelas.html

*Diadaptasi dari 7 Langkah Membuat Modul CMS Lokomedia (bukulokomedia.com)

http://cauza.web.id/artikel/151/membuat-modul-baru-pada-cmslokomedia-studi-kasus-modul-kelas-pada-website-sekolah/