Membuat Weblog Sederhana Dengan PHP (Part 1)


Bismillahirrohmanirrohim.. Akhirnya pada kesempatan kali ini saya akan membagikan script PHP untuk membuat weblog sederhana yang sudah saya presentasikan pada workshop yang kami lakukan di kampus tercinta, STMIK-AMIK Riau. Pada kesempatan ini saya akan mem-posting-nya tahap demi tahap karena mungkin terlalu panjang artikel yang mungkin akan saya posting. Langsung saja kita mulai coding! 🙂

Mula-mula buatlah database dan dua buah tabel serta inputkan satu buah data untuk pengguna weblog. Script ini digunakan untuk membuat database (pada saat mendemonstrasikan program ini, saya menggunakan SQLyog).

CREATE DATABASE demo;

Setelah itu, kita akan membuat tabel contents:

CREATE TABLE contents (id int(5) NOT NULL AUTO_INCREMENT PRIMARY KEY, title text NOT NULL, content text NOT NULL, counter int(5));

Dan ini adalah script untuk membuat tabel users dan menambahkan satu baris data didalamnya:

CREATE TABLE users (userid varchar(10) NOT NULL, passwd varchar(32) NOT NULL, fullname varchar(25));

Ini adalah untuk mengisi data kedalam table users:

INSERT INTO users (userid, passwd, fullname) VALUES ('admin',md5('admin'),'Mas Riyanto');

Setelah database dan tabel sudah berhasil kita buat, lalu kita akan membuat file konfigurasi dari *.php yang digunakan untuk meng-koneksikan weblog kita dengan server dan database yang sudah kita buat tadi. Sebelum itu, buat dulu sebuah folder didalam folder c:\xampp\htdocs\ dan beri nama demo, sehingga sususan folder menjadi c:\xampp\htdocs\demo\ dan nantinya semua file-file kita akan kita simpan pada folder demo.

Buat satu buah file dan simpan dengan nama config.php didalam folder demo:

<?php
//file: demo/config.php
$hostname = "localhost";
$username = "root";
$password = "";
$database = "demo";

//koneksi ke server
$koneksi = @mysql_connect($hostname, $username, $password) or die ("Server Error!");

//memilih database yang kita gunakan
@mysql_select_db($database, $koneksi) or die ("Database tidak ditemukan");

//membuat function utk merubah "__" menjadi paragraf
//karena jika menggunakan function nl2br, saat proses editnya akan rumit (akan muncul tag HTML)
function __2break($data){
    $text = str_replace("__","<br/><br/>", $data);
    return $text;
}

//membuat function kebalikan dari function sebelumnya
function break2__($data){
    $text = str_replace ("<br/><br/>","__", $data);
    return $text;
}

Kemudian silakan teman-teman membuat satu buah file lagi dan simpan dengan nama index.php, yang mana file ini bertugas “melemparkan” request ke halaman blog.php. Berikut adalah sintaxnya.

<?php
//nama file: demo/index.php

//melemparkan request ke halaman blog.php?page=index
header('location:blog.php?page=index');
?>

Hehe, terdengar “mengerikan” kah dengan istilah “melemparkan” pada bahasan ini? 😀

Setelah itu, silakan teman-teman buat dulu file blog.php dengan baris kode seperti ini:

<!DOCTYPE HTML>
<html>
<head>
<title>Demo Weblog | Workshop HIPROG STMIK-AMIK Riau by. Mas Riyanto</title>
<link href="resource/style.css" rel="stylesheet" type="text/css">
</head>

<body>
    <div id="container">
        <div id="header">
        <?php
        //digunakan utk menampilkan logo dan gambar
        ?>
        </div><!-- header -->



        <div id="topnav">
        <?php
        //digunakan utk membuat navigasi atas
        ?>
        </div><!-- topnav -->



        <div id="content">
        <?php
        //digunakan utk menampilkan artikel2
        ?>
        </div><!-- content -->


        <div id="recent">
        <?php
        //digunakan utk menampilkan judul artikel terakhir
        ?>
        </div><!-- recent -->



        <div id="footer">
        <?php
        //menampilkan nama weblog dan si pembuat weblog
        echo "Demo weblog Sederhana";
        echo "by. Riyanto";
        ?>
        </div><!-- footer -->
    </div><!-- container -->
</body>
</html>

Kira-kira seperti itu dulu, nantinya kita akan menggabungkannya dengan file *.css. So, sabar dulu teman-teman utk tutorial selanjutnya.. 🙂

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.