Home
Database

Langkah - Langkah Membuat CMS Sendiri

Content Management System (CMS), adalah suatu sistem yang digunakan untuk mengelola dan memfasilitasi proses pembuatan, pembaharuan, dan publikasi content secara bersama

Pengertian Content Management System (CMS)

Content Management System (CMS), adalah suatu sistem yang digunakan untuk mengelola dan memfasilitasi proses pembuatan, pembaharuan, dan publikasi content secara bersama (collaborative content management).
Content mengacu pada informasi dalam bentuk teks, grafik, gambar maupun dalam format-format lain yang perlu dikelola dengan tujuan memudahkan proses pembuatan,
pembaharuan, distribusi, pencarian, analisis, dan meningkatkan fleksibilitas untuk ditransformasikan ke dalam bentuk lain. Terminologi CMS sendiri cukup luas, di antaranya mencakup software aplikasi, database, arsip, workflow, dan alat bantu lainnya yang dapat dikelola sebagai bagian dari mekanisme jaringan informasi suatu perusahaan maupun global.

Berikut ini akan dibahas cara membuat aplikasi CMS untuk menampilkan kumpulan artikel.
Aplikasi ini memungkinkan user untuk mengirim artikel apabila ia sudah terdaftar sebagai
member dalam aplikasi tsb.

Membuat Database

Untuk keperluan ini, diperlukan database dengan struktur sbb:
Nama database : cms
Selanjutnya buat tabel di dalam database cms tersebut dengan SQL command sbb:
 CREATE TABLE 'artikel' (
'idArtikel' tinyint(4) NOT NULL auto_increment,
'idUser' tinyint(4) NOT NULL,
'kategori' text NOT NULL,
'judul' text NOT NULL,
'sinopsis' text NOT NULL,
'isi' text NOT NULL,
'date' varchar(10) NOT NULL,
'counter' tinyint(4) NOT NULL,
'status' tinyint(4) NOT NULL,
PRIMARY KEY ('idArtikel')
) ENGINE=MyISAM;
CREATE TABLE 'user' (
'idUser' tinyint(4) NOT NULL auto_increment,
'username' varchar(10) NOT NULL,
'fullname' varchar(30) NOT NULL,
'password' varchar(32) NOT NULL,
PRIMARY KEY ('idUser')
) ENGINE=MyISAM ;
Sedangkan perintah ini untuk membuat username 'admin' dan passwordnya juga 'admin'.
INSERT INTO 'user' VALUES (3, 'admin', 'administrator',
'21232f297a57a5a743894a0e4a801fc3');

Membuat Layout

Untuk mempermudah membuat layout dari aplikasi, silakan mengunduh layout template di
http://rosihanari.net/php.php. (layout nya pun hasil unduhan dari situs lain, maklum si empunya
gak bisa desain web, coz… gak punya jiwa seni). Oya, jangan menghapus folder style, karena semua desain layout diatur oleh CSS yang ada dalam folder tersebut. Selanjutnya, buat file header.php dan footer.php dari file layout tersebut. Caranya adalah dengan membuka file index.htm dari file yang diunduh tadi dengan notepad atau text editor lain. Untuk membuat file header.php caranya dengan mengcopy code html index.htm mulai dari paling atas sampai pada <div id="column2">. Selanjutnya paste kan ke halaman baru dari text editor lalu simpan dengan nama file header.php. Lalu sesuaikan script header.php tersebut dengan script di bawah ini. (perhatikan teks yang berwarna merah)
header.php
 <? session_start(); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>template: home</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-
1" />
<!-- **** Layout Stylesheet **** -->
<link rel="stylesheet" type="text/css" href="style/style104_left.css"
/>
<!-- **** Colour Scheme Stylesheet **** -->
<link rel="stylesheet" type="text/css" href="style/colour2.css" />
</head>
<body>
<div id="main">
<div id="links"><!-- **** INSERT LINKS HERE **** -->
<!—Silakan menambahkan links sendiri -->
<b>::</b> <a href="http://"><b>links</b></a> <b>::</b> <a
href=""><b>links</b></a>
<b>::</b> <a href=""><b>links</b></a>
</div>
<div id="logo"><h1>your company name</h1></div>
<div id="content">
<div id="column1">
<div id="menu">
<h1>menu navigasi</h1>
<ul>
<li><a href="index.php">home</a></li>
<!—- link untuk registrasi user -->
<li><a href="register.php">register</a></li>
<!—- link untuk melihat arsip artikel -->
<li><a href="articles.php">arsip artikel</a></li>
<!—- link untuk login maupun logout -->
<!—- apabila user belum login, link login akan muncul -->
<!-- sedangkan bila sudah login, link logout muncul -->
<li><?
if (isset($_SESSION['idUser'])) $status = "<a
href=logout.php>logout</a>";
else $status = "<a href=login.php>login</a>";
echo $status;
?></li>
</ul>
</div>
<div class="sidebaritem">
<h1>artikel terbaru</h1>
<!-- **** INSERT NEWS ITEMS HERE **** -->
<!-- menampilkan 3 judul artikel terbaru -->
<?
include "dbconnect.php";
$query = "SELECT * FROM artikel WHERE status = 1 ORDER BY
idArtikel DESC LIMIT 0, 3";
$hasil = mysql_query($query);
while ($data3 = mysql_fetch_array($hasil))
{
echo "<p><a
href=view.php?idArtikel=".$data3['idArtikel'].">".$data3['judul']."</a>
</p>";
}
?>
</div>
<!-- menampilkan panel user apabila telah login -->
<!-- dan menyembunyikan panel user bila user belum login -->
<?
if (isset($_SESSION['idUser']))
{
if ($_SESSION['username'] == "admin") $adminpanel = "<li><a
href=\"adminPanel.php\">admin panel</a></li>";
else $adminpanel = "";
$userpanel = "<div id=\"addlinks\">
<h1>member menu</h1>
<ul>
<li><a href=\"submitArticle.php\">kirim
artikel</a></li>
<li><a href=\"editProfile.php\">edit
profile</a></li>".$adminpanel."
</ul>
</div>";
}
else $userpanel = "";
echo $userpanel;
?>
<div class="sidebaritem">
<h1>information</h1>
<!-- silakan isi informasi di sini -->
<p>
Informasi Anda<br>
</p>
</div>
</div>
<div id="column2">
Sedangkan untuk file footer.php, caranya dengan mengcopy tag dari index.htm mulai dari
</div> (setelah akhir dari content… ) sampai dengan tag terakhir. Jangan lupa ubah sendiri
tentang copyright nya.
footer.php
</div>
</div>
<div id="footer">
copyright © 2007 web admin | <a href="mailto:admin@admin.com">admin@admin.com</a> | <a
href="http://validator.w3.org/check?uri=referer">XHTML 1.1</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
</div>
</div>
</body>
</html>

Membuat File Koneksi ke Database (MySQL)

dbconnect.php
<?
$server = "localhost";
$user = "root";
$pass = "root";
$db = "cms";
mysql_connect($server, $user, $pass);
mysql_select_db($db);
?>

Membuat File Index

Untuk keperluan file home, silakan buat file index.php dengan isi sebarang. Berikut ini contohnya.
index.php
<?
include "header.php";
echo "<h1>welcome friends...</h1><p>sugeng rawuh ing web kulo. web niki
namung sampel kemawon kagem kuliah pemrograman web. web niki berbasis
cms.</p>";
include "footer.php";
?>

Membuat File Registrasi User

Berikut ini file untuk registrasi user. Terdapat 4 isian, yaitu username yang diinginkan, nama
lengkap, password serta konfirmasi password.
register.php
<?
include "header.php";
?>
<h1>user registration</h1>
<form action="regSubmit.php" method="post">
<div class="row">
<span class="formlabel">username</span>
<span class="forminput"><input type="text" name="username"
/></span>
</div>
<div class="row">
<span class="formlabel">nama lengkap</span>
<span class="forminput"><input type="text" name="fullname"
/></span>
</div>
<div class="row">
<span class="formlabel">password</span>
<span class="forminput"><input type="password" name="password1"
/></span>
</div>
<div class="row">
<span class="formlabel">ulangi password</span>
<span class="forminput"><input type="password" name="password2"
/></span></div>
<div class="row">
<span class="formlabel"></span>
<span class="forminput"><input type="submit" value="submit"
class="submit" /></span>
</div>
</form>
<?
include "footer.php";
?>
Sedangkan berikut ini file regSubmit.php untuk mengolah proses registrasi user.
regSubmit.php
 <?
include "dbconnect.php";
include "header.php";
echo "<h1>status registrasi</h1>";
$username = $_POST['username'];
$fullname = $_POST['fullname'];
$password1 = md5($_POST['password1']);
$password2 = md5($_POST['password2']);
// cek konfirmasi password
if ($password1 == $password2)
{
// cek apakah username sudah ada
$query = "SELECT * FROM user WHERE username = '$username'";
$hasil = mysql_query($query);
$data = mysql_num_rows($hasil);
// bila user name belum ada, maka user akan diregister
if ($data == 0)
{
$query = "INSERT INTO user(username, fullname, password)
VALUES('$username', '$fullname', '$password1')";
$hasil = mysql_query($query);
echo "Selamat bergabung dengan kami
<b>".$fullname."</b><br>Silakan Anda login terlebih dahulu";
}
else echo "Nama username tersebut sudah ada.";
}
else echo "Password tidak sama";
include "footer.php";
?>

Membuat File Login

Untuk form loginnya, dapat dilihat pada script berikut ini
login.php
<?
include "header.php";
?>
<h1>user login</h1>
<form action="loginSubmit.php" method="post">
<div class="row">
<span class="formlabel">username</span>
<span class="forminput"><input type="text" name="username"
/></span>
</div>
<div class="row">
<span class="formlabel">password</span>
<span class="forminput"><input type="password"
name="password" /></span>
</div>
<div class="row">
<span class="formlabel"></span>
<span class="forminput"><input type="submit" value="submit"
class="submit" /></span>
</div>
</form>
<?
include "footer.php";
?>
Sedangkan proses loginnya diatur oleh script loginSubmit.php
loginSubmit.php
<?
session_start();
include "dbconnect.php";
$username = $_POST['username'];
$password = md5($_POST['password']);
$query = "SELECT * FROM user WHERE username = '$username'";
$hasil = mysql_query($query);
$data = mysql_fetch_array($hasil);
// cek password dari database dengan yang dimasukkan ketika login
// bila sama, maka login sukses dan muncul panel user
if ($data['password'] == $password)
{
$_SESSION['idUser'] = $data['idUser'];$_SESSION['username'] = $data['username'];
// bila username = admin, maka akan muncul panel admin
if ($_SESSION['username'] == "admin") $adminpanel = "<li><a
href=\"adminPanel.php\">admin panel</a></li>";
else $adminpanel = "";
$status = "<a href=logout.php>logout</a>";
$userpanel = "<div id=\"addlinks\">
<h1>member menu</h1>
<ul>
<li><a href=\"submitArticle.php\">kirim
artikel</a></li>
<li><a href=\"editProfile.php\">edit
profile</a></li>".$adminpanel."
</ul>
</div>";
include "header.php";
echo "<h1>status login</h1>";
echo "<p>Selamat datang <b>".$data['fullname']."</b>.</p> <p>Anda
berhak untuk mengirim artikel.</p>";
}
else
{
$status = "<a href=login.php>login</a>";
$userpanel = "";
include "header.php";
echo "<h1>status login</h1>";
echo "<p>Password salah atau username tidak terdaftar</p>";
}
include "footer.php";
?>

Membuat File Logout

Untuk keperluan logout, berikut ini adalah scriptnya
logout.php
<?
session_start();
session_destroy();
$status = "<a href=login.php>login</a>";
include "header.php";
echo "<h1>logout</h1>";
echo "<p>Anda sudah logout</p>";
include "footer.php";
?>



Sumber : http://nawabhakti.sch.id
Penikmat Kopi dan Teh
ApradizBlog... Selamat Datang WhatsApp chat
Halo! Ada yang bisa kami bantu hari ini?
Type here...