Bagaimana Cara Membuat Blog Anda Sendiri!!

Sampai saat ini seharusnya anda sudah mempelajari materi HTML, PHP dan MySQL serta sudah memahami cara menghubungkan katiganya dengan baik. Jika belum, maka saya sarankan anda untuk kembali terlebih dahulu ke pateri kursus-online.com tersebut dan kembali lagi ke sini saat sudah menyelesaikannya. Pada e-book ini ini, kita akan melihat penggunaan PHP dalam membuat sebuah aplikasi web yang berfungsi penuh yaitu sebuah blog. Saya yakin bahwa anda semua sudah mengenal apa itu blog, karena saat ini aplikasi blog ini sangat populer digunakan oleh pengguna internet baik yang masih baru maupun sudah advance. Nah, bila biasanya anda akan menggunakan Wordpress atau blogspot untuk membuat blog anda, maka di e-book ini anda akan belajar bagaimana membuat aplikasi blog anda sendiri dari nol menggunakan PHP. Selamat menikmati.

Menyiapkan Database dan Direktori Langkah pertama yang harus dilakukan adalah menyiapkan databasenya. Kita harus membuat database MySQL siap untuk menerima dan menyimpan data posting blog. Saya tidak akan membahas lagi mengenai berbagai cara membuat sebuah database atau tabel di sini, karena anda bisa menemukannya di materi MySQL ataupun video tutorial cara menghubungkan HTML, PHP & MySQL. Saya hanya akan menunjukkan cara membuat tabelnya dengan perintah command line seperti ini: CREATE TABLE blog (id INT UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY, judul VARCHAR(100) NOT NULL, isi TEXT NOT NULL, tanggal DATETIME NOT NULL, user VARCHAR (100)) Untuk cara membuat database, tabel dan user selengkapnya menggunakan PHPMyAdmin, bisa anda pelajari di materi http://kursus-online.com Video Tutorial Menghubungkan HTML, PHP dan MySQL pada bagian 3 (membuat tabel 2). Dalam eook ini saya megasumsikan kita membuat database sebagai berikut: Nama database = blog Nama tabel = blog Nama user = user Password =pass

Langkah-langkah singkat menggunakan PHPMyAdmin adalah sebagai berikut: Pastikan server PHP dan MySQL sudah jalan.

Buat database baru dengan nama blog dan sebuah tabel baru dengan 5 field dengan nama blog juga. Definisikan field-fieldnya seperti gambar di bawah ini.

maka akan muncul konfirmasi dibuatnya tabel seperti gambar berikut ini. .Setelah di simpan. Klik Hak Akses. Langkah berikutnya adalah membuat user dan password.

Check pada semua privilliges Data. Isi Nama Pengguna dengan user.Klik Menambahkan pengguna baru. . dan password dengan pass.

Klik Go. . Kemudian pilih tabel blog dari drop down menu ‘Menambahkan hak (privilliges) pada database berikut:’ Check pada semua privilliges Data dan klik Go.

Untuk itu mohon lakukan langkah-langkah sederhana berikut Update di file berikut ini: c:\\Program Files\xampp\apache\bin\php. Dalam kasus ini saya mengasumsikan bahwa kita menggunakan XAMPP dan terinstall di direktori C:\\Program Files\xampp. Silahkan buka File Explorer dan buat sebuah direktori bernama blogku di root direktori xampp sehingga menjadi seperti ini: C:\\Program Files\xampp\htdocs\blogku. Langkah berikutnya kita perlu membuat direktori khusus untuk file-file kita agar mudah dikelola. Silahkan buka lagi XAMPP control panel Matikan Apache dengan mengklik tombol Stop dan nyalakan lagi dengan mengklik tombol Start di samping tulisan Apache. Jika anda kebetulan memperoleh XAMPP versi baru. Kita akan meletakkan semua file kita di sini.ini Buka file tesebut dengan menggunakan Notepad.PENTING!! Setting register_global untuk program blog ini diasumsikan on. . maka setting default register_global adalah off. dan cari baris yang bertuliskan: register_global off Ubahlah menjadi register_global on Setelah itu Klik File Save.

} } else { die (). username dan passsword dengan username dan password anda sendiri. Dengan isi codenya adalah sebagai berikut: <?php function sql_connect ($database) { //Fungsi membuat koneksi ke MySQL if ($dbc = mysql_connect ('localhost'. //Jika server MySQL tidak bisa dihubungi. kita akan mempelajari kembali cara untuk mengirimkan query dasar ke server MySQL. skrip akan berhenti. Membuat Halaman Depan Nah. Hal ini sangat perlu dilakukan saat kita mengalami masalah dengan koneksi atau saat query kita tidak mengeluarkan data yang kita inginkan. maka skrip ini akan menghentikan seluruh skrip seperti sebelumnya. yang semuanya akan mengakses database MySQL yang sama.Membuat File Koneksi ke Database Karena kita akan membuat beberapa halaman. . } } ?> Fungsi ini melakukan beberapa langkah. lihat kembali materi http://kursus-online. maka kita sebaiknya membuat fungsi yang akan kita tulis di sebuah file terpisah.com video tutorial cara menghubungkan HTML. mengambil hasilnya dari server. skrip akan berhenti. Jika bingung. dan bisa dilihat oleh siapapun yang mengakses blog kita ini. PHP dan MySQL ya …) Jika gagal terhubung. Kita juga harus menggunakan fungsi mysql_error(). Halaman ini akan menampilkan isi posting tadi ke homepage. Tugas pertamanya adalah menghubungkan ke server MySQL menggunakan argumen server.inc. sekarang kita sudah memiliki database dan menyiapkan sebuah fungsi untuk terhubung ke database tersebut. Saat kita membuat halaman ini. 'user'. Saatnya untuk membuat halaman yang pertama. Nah. kemudian menggunakan proses loop ‘while’ untuk memproses data tadi menjadi kode HTML agar siap ditampilkan di browser. username dan password (anda harus mengganti server dengan localhost. kita akan membuat file tersebut dengan nama sql_connect. Jika server MySQL bisa dihubungi. Halaman ini berfungsi untuk menampilkan postingan yang ada di field isi dalam tabel kita tadi. 'pass')) { if (!@mysql_select_db("$database")) { die (). //Jika pemilihan database gagal. maka fungsi ini akan menghentikan eksekusi keseluruhan skrip dengan perintah ‘die”. untuk menampilkan error yang terjadi saat mengakses tabel di database kita. Dan jika gagal membuka koneksi. maka skrip ini akan mencoba untuk membuat hubungan ke database yang sudah kita definisikan dalam argumen fungsi (dalam hal ini adalah argumen ‘database’).

.inc'). Kita akan membuat query kita mengambil seluruh data dari database dan mengurutkannya dari yang paling baru. <?php require ('sql_connect. mengenai perbedaan include dan require). (lihat lagi video tutorial ‘Cara Menghubungkan HTML. Kita hanya akan mengambil field-field yang diperlukan saja. $query = "SELECT `judul` . Dan tentu saja. If ($r = mysql_query ($query)) { //mengirimkan query ke server MySQL Hasilnya (yang saat ini masih dalam bentuk array) kemudian diambil dan dilewatkan dalam sebuah loop ‘while’. agar data yang di kirim dari server MySQL bisa kita perkecil jumlahnya. hal ini akan mempercepat proses juga.jpg> <center><font size=5 face=arial>MYBLOG PROJECT<br><br></center> <font size=3 face=arial><b>Blog buatan saya sendiri<br><br></b> </td> </tr> <tr> <td><a href=login. kita akan mengirimkannya ke server MySQL dengan perintah mysql_query(). sql_connect(blog). `user` FROM blog ORDER BY tanggal DESC". ?> <table align="center" border="0" width="80%"> <tr> <td colspan="2" background=header. `tanggal` .Karena file sql_connect.php>Admin</a></td> </tr> </table> <? Nah sekarang querynya sudah siap. Hal ini akan membuat skrip kita bisa mengambil data per baris dan mengulangnya lagi sampai baris data habis diambil. maka kita menggunakan ‘require’ di sini.inc tadi sangat penting dan bila tidak ditemukan skrip kita tidak akan berdungsi. Sub bagian ‘else’ dalam potongan kode di bawah ini akan menggunakan ‘die’ lagi untuk menghentikan skrip jika querynya gagal. kita akan tambahkan pemanis berupa gambar header dan judul blog di sini. `isi` . PHP dan MySQL’ bila lupa ya ) Hasil query ini kita simpan sementara dalam variabel yang bernama ‘$r’. Sebelum kita lanjutkan lebih jauh. (kalau lupa lihat pelajaran PHP lagi ya. Tidak lupa juga sebuah link yang akan menuju ke halaman login admin bila di klik. Kita akan menggunakan fungsi sql_connect() buatan kita sendiri untuk membuka koneksi ke database: //Menghubungi database MySQL kita.

$isi = $baris[‘isi’]. Kita juga akan menggunakan fungsi ‘date’ dan ‘nl2br’. Setelah diambil rownya. Fungsi date memungkinkan kita memformat tanggal dalam bentuk yang mudah dimengerti. $isi = nl2br ($isi). fungsi ini akan mengembalikan indikator null yang akan digunakan oleh loop while kita untuk berhenti. ?></div> </td> </tr> <tr> <td colspan="2"> <?php echo $isi. ?> </td> </tr> </table><br /> . Aspek ini kita gunakan di sini agar kode kita nampak bersih dan mudah dibaca. ?></b>Di posting oleh: <b><?php echo $user. fungsi mysql_fetch_array akan melanjutkan ke baris array berikutnya. namun tentu saja anda bisa membuatnya dalam sebauh tabel besar bila menginginkannya. anda bisa menggunakan ‘echo’ juga untuk menampilkan setiap baris HTML yang ingin anda tampilkan sebagai alternatif lainnya. Sekarang kita akan membuat kode HTML untuk masing-masing tabel agar dapat ditampilkan di halaman depan situs web kita. akan mengubah karakter CR (ganti baris) yang disimpan dalam database MySQL menjadi tag <br> agar dapat tampil sebagaimana seharusnya di browser. //Data waktu kita ubah formatnya agar bisa tampil dengan baik $user = $baris['user']. Tentu saja.Kita menggunakan fungsi ‘mysql_fetch_array’ untuk memproses setiap baris dalam variabel pointer array ‘$r’ secara bergantian. $tanggal = date ('M j y g:i A'. $judul = $baris['judul']. ?></b> </td> <td> <div align="right"><?php echo $tanggal. Dengan menggunakan PHP. Saat ini. strtotime($baris['tanggal'])). While ($baris = mysql_fetch_array($r)) { //melakukan input data ke dalam tabel //Loop while mengambil semua data dalam array $r Baris berikutnya akan membawa data dari masing-masing elemen baris dan memformatnya jika diperlukan. Saat mencapain baris terakhir. Fungsi kedua. kita bisa menutup dan membuka kembali tag-tag PHP di seluruh jode halaman yang kita buat dengan skrip PHP yang tetap kontinyu. kita akan memasukkan data ke dalam variabel tertentu sehingga bisa kita lakukan pemformatan terhadap data tersebut. ?> <table align="center" border="0" width="80%"> <tr> <td> <b><?php echo $judul. Meskipun saya menggunakan contoh satu tabel untuk tiap isi posting.

jpg> <center><font size=5 face=arial>MYBLOG PROJECT<br><br></center> <font size=3 face=arial><b>Blog buatan saya sendiri<br><br></b> </td> </tr> <tr> <td><a href=login. Kita akan lihat lagi kodenya secara keseluruhan ya. die (). $isi = nl2br ($isi). mysql_close().php : <?php require ('sql_connect. `user` FROM blog ORDER BY tanggal DESC".<?php } } else { //query tidak bekerja. Tentu saja kita bisa memolesnya lagi nanti agar nampak lebih profesional dan sesuai keinginan kita masing-masing. ?> <table align="center" border="0" width="80%"> <tr> . $query = "SELECT `judul` . //Menghubungi database MySQL kita. //Data waktu kita ubah formatnya agar bisa tampil dengan baik $user = $baris['user']. strtotime($baris['tanggal'])). Ini akan membebaskan sebagian resourve server dan tidak memberatkan server MySQL. silahkan di simpan di dalam direktori C:\\Program Files\xampp\blogku dengan nama index.php>Admin</a></td> </tr> </table> <? If ($r = mysql_query ($query)) { //mengirimkan query ke server MySQL While ($baris = mysql_fetch_array($r)) { //melakukan input data ke dalam tabel //Loop while mengambil semua data dalam array $r $tanggal = date ('M j y g:i A'. $isi = $baris[‘isi’]. $judul = $baris['judul']. maka kita lebih baik menutup sesi koneksi ke server MySQL dengan baik daripada membiarkan sesi tersebut tetap terbuka sampai kena time out. } Dengan mempertimbangkan beban server MySQL. sql_connect(blog). kita sudah selesai membuat halaman depan blog kita. ?> <table align="center" border="0" width="80%"> <tr> <td colspan="2" background=header. `isi` . ?> Nah.inc'). `tanggal` .

?></div> </td> </tr> <tr> <td colspan="2"> <?php echo $isi. Fungsi ini dibuat untuk membuka koneksi ke server MySQL dan database yang kita inginkan. mengedit dan menghapus isi blog kita. Pertama kita akan membuat sebuah form login sederhana yang memiliki 3 elemen webb yaitu: User Id .php (yaitu form login) dan file ceklogin. ?></b>Di posting oleh: <b><?php echo $user. die (). Berikutnya kita akan membuat halaman admin yang berfungsi untuk menambah. Siap … Membuat Halaman Admin Kita akan membuat halaman login terlebih dahulu untuk mencegah orang lain masuk ke halaman admin kita.<td> <b><?php echo $judul. } mysql_close(). Proses login akan melibatkan 2 file yaitu file login. ?> Sekedar review. ?> </td> </tr> </table><br /> <?php } } else { //query tidak bekerja. Bagaimana cara meletakkan fungsi kita tersebut dalam file terpisah untuk memungkinkan penggunaan kembali fungsi tersebut di halaman-halaman lainnya nanti (perhatikan lagi bahwa kita menggunakan include/require untuk melakukan ini).php (yang bertugas untuk proses verifikasi dan pendaftaran session). ?></b> </td> <td> <div align="right"><?php echo $tanggal. kita sudah belajar beberapa hal menarik di sini antara lain: Bagaimana membuat dan menggunakan fungsi buatan kita sendiri. Kita menggunakan 2 perintah PHP khusus yaitu ‘mysql_connect’ dan mysql_select_db’ untuk membuka koneksi ini. Kita juga sudah mempelajari cara memanipulasi string agar data dari database dapat tampil lebih baik di browser dan menggunakan loop while untuk menampilkan seluruh hasil query baris per baris.

Silahkan klik <a href=admin.php"> <td> <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF"> <tr> <td colspan="3"><strong>Member Login </strong></td> </tr> <tr> <td width="78">Username</td> <td width="6">:</td> <td width="294"><input name="myusername" type="text" id="myusername"></td> </tr> <tr> <td>Password</td> <td>:</td> <td><input name="mypassword" type="text" id="mypassword"></td> </tr> <tr> <td>&nbsp. Adapun listing programnya adalah sebagai berikut: <? $username=user. Variabel inilah yang akan mengidentifikasikan bahwa kita sudah pernah login sebelumnya. maka variabel session dengan nama myusername akan di register. Dalam file ini kita mulai berkenalan dengan variabel session. Di sini kita akan mengecek apakah user dan password yang dimasukkan sudah benar. } ?> .php>di sini</a> untuk menuju halaman admin").</td> <td>&nbsp. Dan apabila benar.//Ini adalah nama user yang boleh masuk ke halaman admin $password=pass.php.</td> <td><input type="submit" name="Submit" value="Login"></td> </tr> </table> </td> </form> </tr> </table> File berikutnya yang perlu kita siapkan adalah file ceklogin. session_register(myusername). }else{ echo ("login gagal").php. echo ("Login berhasil.//dan ini passwordnya if ($myusername == $username and $mypassword == $password){ session_start().Password Tombol Login Skripnya silahkan disimpan dengan nama login. dan kodenya adalah sebagai berikut: <table width="300" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC"> <tr> <form name="form1" method="post" action="ceklogin. maka variabel ini akan terus berada di memory server. Selama kita belum menutup browser atau terkena perintah session_destroy.

inc’). <? require ('sql_connect. Setelah perintah session_start ini. $query = 'SELECT * FROM blog ORDER BY tanggal DESC'. Jika variabel session ini ada. if(!$myusername){ echo ("Anda harus login dahulu"). kita memulai session dengan session_start. //Ini adalah query untuk keperluan admin.inc dan menggunakan file cek. Karena kita akan bekerja dengan data dari database.Nah. //Baris kode ini untuk mengeksekusi query //Jika kita memperoleh hasil positif. Kita beri nama file ini cek. kita tidak mengambil field ini). <? $myusername=false.inc untuk memastikan bahwa pengakses file sudah login sebelumnya. kita akan memanfaatkan fiels auto incrementing dalam database kita tadi untuk mewujudkannya. include (‘cek. Nah. karena kita mengambil seluruh field yang ada. akan dilanjutkan dengan proses loop while If ($r = mysql_query ($query)) { //Membuat tampilan tabel ?> . Kita akan mengambil field ID juga dalam query kita (ingat. //Kita mengambil semua artikel yang ada beserta seluruh kolomnya. maka pengunjung sudah pernah berhasil login sebelumnya. session_start().inc'). saat menampilkan halaman depan. maka kita perlu memiliki cara untuk mengenali masing-masing isi posting. Di sini kita akan memberikan nilai false pada variabel session $myusername untuk menghindari penyalahgunaan otorisasi dengan memberikan nilai pada variabel tersebut dari luar program. } ?> Pembuatan halaman admin ini akan kita mulai dengan menggunakan kembali sebagian kode yang kita gunakan untuk membuat halaman depan. kita perlu membuat satu lagi file kecil yang akan kita panggil dengan include pada setiap file yang memerlukan pengamanan untuk mengecek apakah sudah login dengan benar atau belum. Perhatikan juga bahwa kita mulai menggunakan lagi file sql_connect. Kode ini kita harapkan akan mengambil data sama seperti di halaman depan dan memformatnya dalam bentuk tabel agar mudah dilihat. Setelah itu. Nah. maka kita akan menggunakan asterisk (*) untuk mempermudah penulisan querynya. maka kita sudah bisa menggunakan variabel session yang pernah kita register sebelumnya yaitu $myusername.inc. //Menghubungi database MySQL kita sql_connect('blog'). Variabel session ini akan kita gunakan untuk mengecek apakah pengunjung sudah login atau belum. die().

php) dan satu lagi untuk halaman yang bertugas menghapus isi blog (hapus. ?></td> </tr> Sekarang. ?> <tr> <td colspan="2"> <table align="center" border="0" width="100%"> <tr> <td> <b><?php echo $judul ?></b> . . Perbedaannya hanya pada penambahan field ‘id’. //Data tanggal disesuaikan agar tampil dengan baik $tanggal = date ('M j y g:i A'. kita perlu menambahkan pilihan untuk melakukan manipulasi atas data ini. Perhatikan bagaimana variabel $id yang berisi id masing-masing isi blog kita kirimkan sebagai variabel tersembunyi (hidden variable). While ($baris = mysql_fetch_array($r)) { //memasukkan data ke dalam bentuk tabel $judul = $baris['judul']. Kita akan tambahkan baris baru yang memiliki 2 buah form: satu adalah form untuk halaman edit (edit. $user = $baris['user']. $isi = $baris[‘isi’].Diposting oleh: <b><?php echo $user. Variabel ini diperlukan bagi form selanjutnya untuk mengidentifikasikan secara tepat.<table align="center" border="1" width="80%"> <tr> <td colspan="2"> <b><center>Pengelolaan Berita</b></center></b> </td> </tr> <?php Di sini koneksi MySQL sudah jalan dan data sudah diperoleh. ?></b> </td> <td> <div align="right"><?php echo $tanggal.php). isi blog mana yang akan dimanipulasi. $isi = nl2br ($isi). strtotime($baris['tanggal'])). ?></div> </td> </tr> </table> </td> </tr> <tr> <td colspan="2"><?php echo $isi. Selanjutnya data tersebut akan kita format agar tampil dalam format yang bisa dibaca manusia. Perhatikan bahwa manipulasi string yang kita lakukan sama dengan yang kita lakukan di halaman depan. Field ini digunakan untuk mengidentifikasikan masing-masing isi blog yang kita ambil dari database. Tabel kita tutup pada akhir loop. kita sudah memiliki semua informasi dari isi blog yang ditampilkan.

php" method="POST"> <table align="center"> <tr> <td>Judul Posting: </td> <td><input type="text" name="judul" size="40" maxsize="100" /></td> </tr> <tr> <td>User : </td> <td><input type="text" name="user" size="40" maxsize="100" /></td> </tr> <tr> <td>Isi Posting: </td> <td><textarea name="entry" cols="100" rows="10"></textarea></td> </tr> <tr> <td><input type="submit" name="Kirim" value="Kirim" /></td> .php" method="post"> <input type="hidden" name="id" value="<?=$id ?>"> <input type="submit" name="submit" value="Edit"> </form> </td> <td> <form action="hapus. "</b></p>\n").<tr> <td> <table align="center" width="200" border="0"> <tr> <td> <form action="edit. mysql_error() . Ini adalah form posting kita. kita akan mengumpulkan 4 buah informasi dinamis.php" method="post"> <input type="hidden" name="id" value="<?=$id ?>"> <input type="submit" name="submit" value="Hapus"> </form> </td> </tr> </table> </td> </tr> <?php } ?> </table> <?php } else { //kalau query tidak berhasil. kita memerlukan sebuah form untuk menambahkan entry baru pada tabel blog. Halaman form ini kemudian akan mengirimkan keempat data tersebut ke sebuah halaman pemroses yang akan kita buat sebentara lagi. ?> <form action="tambah. Dalam form ini. } mysql_close(). //Menutup sesi MySQL Sekarang semua isi blog sudah bisa ditampilkan. die ("<p>Query tidak berhasil karena: <b>" .

$query = 'SELECT * FROM blog ORDER BY tanggal DESC'.Diposting oleh: <b><?php echo $user. //Menghubungi database MySQL kita sql_connect('blog'). di bagian bawah. strtotime($baris['tanggal'])). include (‘cek.</tr> </table> </form> Akhirnya. //Baris kode ini untuk mengeksekusi query //Jika kita memperoleh hasil positif. $isi = $baris[‘isi’]. akan dilanjutkan dengan proses loop while If ($r = mysql_query ($query)) { //Membuat tampilan tabel ?> <table align="center" border="1" width="80%"> <tr> <td colspan="2"> <b><center>Pengelolaan Berita</b></center></b> </td> </tr> <?php While ($baris = mysql_fetch_array($r)) { //memasukkan data ke dalam bentuk tabel $judul = $baris['judul']. $user = $baris['user']. kita juga bisa melakukan posting baru pada blog kita ini. ?></b> </td> <td> . $isi = nl2br ($isi). DI halaman ini kita bisa melihat seluruh isi posting yang sudah dilakukan dan tersedia juga link untuk melakukan editing atau penghapusan. //Ini adalah query untuk keperluan admin. Mari kita lihat keseluruhan kodenya dan simpan dengan nama admin. //Data tanggal disesuaikan agar tampil dengan baik $tanggal = date ('M j y g:i A'. Sebagai tambahan.php: <? require ('sql_connect. halaman depan admin kita sudah lengkap.inc’). ?> <tr> <td colspan="2"> <table align="center" border="0" width="100%"> <tr> <td> <b><?php echo $judul ?></b> .inc'). //Kita mengambil semua artikel yang ada beserta seluruh kolomnya.

mysql_error() . } mysql_close().php" method="post"> <input type="hidden" name="id" value="<?=$id ?>"> <input type="submit" name="submit" value="Edit"> </form> </td> <td> <form action="hapus. ?></td> </tr> <tr> <td> <table align="center" width="200" border="0"> <tr> <td> <form action="edit.php" method="POST"> <table align="center"> <tr> <td>Judul Posting: </td> <td><input type="text" name="judul" size="40" maxsize="100" /></td> </tr> <tr> <td>User : </td> <td><input type="text" name="user" size="40" maxsize="100" /></td> </tr> <tr> <td>Isi Posting: </td> <td><textarea name="isi" cols="100" rows="10"></textarea></td> </tr> <tr> . "</b></p>\n").<div align="right"><?php echo $tanggal. ?></div> </td> </tr> </table> </td> </tr> <tr> <td colspan="2"><?php echo $isi.php" method="post"> <input type="hidden" name="id" value="<?=$id ?>"> <input type="submit" name="submit" value="Hapus"> </form> </td> </tr> </table> </td> </tr> <?php } ?> </table> <?php } else { //kalau query tidak berhasil. die ("<p>Query tidak berhasil karena: <b>" . //Menutup sesi MySQL ?> <form action="tambah.

maka pesan error akan ditampilkan. Kita harus menambahkan escape characters. //menambahkan escape characters pada query $judul = addslashes ($judul).<td><input type="submit" name="submit" value="Kirim" /></td> </tr> </table> </form> Halaman berikut yang harus kita buat adalah halaman pemroses pertama yaitu halaman tambah posting. Jika ada. Proses berikutnya adalah menangkap data yang dikirimkan dari form halaman depan admin kita. namun jika tidak ada. Ini perlu dilakukan agar data tetap berukuran sekecil mungkin dan nampak indah saat ditampilkan. Kita juga akan menambahkan proses penangkapan error untuk mengecek data yang dikirimkan. Perintah trim akan menghapus semua spasi yang tidak diperlukan pada akhir atau awal string. $isi = $_POST['isi']. trim ($isi). Pertama data harus kita peroleh dengan menggunakan POST. $tanggal = date('Y-m-d H:i'). Tahap berikutnya meliputi pembersihan data dan melakukan format agar kompatibel bagi database MySQL. $isi = addslashes ($isi). //Membersihkan teks menggunakan trim trim ($judul). Sampai di sini. $judul = $_POST['judul']. proses akan dilanjutkan. $user = addslashes ($user). Ini adalah proses 2 tahap. Perhatikan bahwa . Karakter-karakter seperti tanda kutip tunggal dan ganda dapat menyebabkan query tidak berjalan. trim ($user). maka kita akan menggunakan INSERT agar MySQL menyisipkan baris baru. Karena kita akan menambahkan data baru. //menghubungkan ke database MySQL sql_conenct('blog'). semua data sudah selesai di proses dan siap untuk dimasukkan ke dalam tabel database MySQL.inc'). Fungsi adslashes adalah fungsi PHP yang akan menambahkan escape character (‘/’) ke semua karakter yang bermasalah seperti tanda kutip. $user = $_POST['user']. <? if (isset($_POST['submit'])) { require ('sql_connect.

.php untuk melakukan editing terhadap posting dan hapus. yang keseluruhan kodenya adalah sebagai berikut: <? if (isset($_POST['submit'])) { require ('sql_connect.php.inc').inc’). <a href="admin. $isi = $_POST['isi']. '$isi'. //menghubungkan ke database MySQL sql_conenct('blog'). include (‘cek. ‘$tanggal’. //Membersihkan teks menggunakan trim trim ($judul). user) VALUES (0.php">Kembali ke halaman admin </a></center> <?php } else { ?> <center>Posting gagal. isi. maka id tersebut akan tetap unik. kita sudah berhasil menyelesaikan halaman utama admin yang akan terhubung dengan 3 halaman pemroses selanjutnya yaitu tambah. //menambahkan escape characters pada query $judul = addslashes ($judul). //mendefinisikan query $query = "INSERT INTO blog (id.php untuk menghapus posting. tanggal. <a href="admin. <a href="admin. $judul = $_POST['judul']. trim ($isi). '$judul'.field id akan secara otomatis bertambah meskipun kita set di query ini dengan angka 0. //mengeksekusi query if (@mysql_query ($query)) { ?> <center>Posting sudah berhasil disimpan.php untuk menambah posting baru. Sisa kode di halaman ini akan mengirimkan query ke database MySQL. $user = $_POST['user'].php">Kembali ke halaman admin </a></center> <?php } mysql_close(). kita akan tampilkan status hasil posting oleh user tersebut agar tahu bahwa entry posting sudah berhasil. Sebagai tambahan. trim ($user). '$user')". //Menutup sesi MySQL } else { <center>Tidak ada data yang bisa di proses. Kemudian kita juga sudah membuat halaman tambah. edit. Dengan cara ini.php">Kembali ke halaman admin </a></center> } Sampai di sini. judul.

'$user')". <a href="admin. user) VALUES (0. <a href="admin. judul.inc').php">Kembali ke halaman admin </a></center> <?php } else { ?> <center>Posting gagal. $tanggal = date('Y-m-d H:i'). //mendefinisikan query $query = "INSERT INTO blog (id. dan file kedua akan memproses upadate dari form pertama tadi ke database MySQL. //menghubungi database MySQL sql_connect('blog'). karena form ini menggunakan HTML standar. isi. Setelah koneksi terbuka. yang pertama adalah form yang akan kita gunakan untuk mengedit data. <a href="admin. '$judul'. Siap…. Halaman form yang pertama tadi akan mengambil data dari database MySQL dan menampilkannya dalam bentuk form.$isi = addslashes ($isi). kita mulai dengan membuka koneksi: <?php require ('sql_connect. //mengeksekusi query if (@mysql_query ($query)) { ?> <center>Posting sudah berhasil disimpan. Di sini kita akan memerlukan 2 buah file. Kita perlu menangkap field hidden bernama ‘id’. ‘$tanggal’. Kita juga akan menggunakan klausul WHERE dalam query kita agar data yang diambil hanya data yang relevan saja. yaitu data yang sesuai dengan ‘id’. include (‘cek. Yang pertama kita akan membuat file-file pemroses edit isi blog. //Menutup sesi MySQL } else { <center>Tidak ada data yang bisa di proses. //menangkap data POST $id = $_POST['id']. Nah.inc’).php">Kembali ke halaman admin </a></center> <?php } mysql_close(). Seperti biasa. $user = addslashes ($user).php">Kembali ke halaman admin </a></center> } ?> Tugas berikutnya adalah membuat file untuk proses edit dan hapus. maka kita perlu melakukan sedikit langkah agar teks yang tersimpan tadi tidak mengacaukan tag-tag HTML. '$isi'. . tanggal. kita perlu menangkap data POST yang dikirimkan oleh halaman utama admin.

//meletakkan informasi dari query ke dalam variabel agar siap tampil. perhatikan bahwa kita tidak perlu menggunakan while karena hanya ada 1 baris saja. maka apapun tag HTML yang ikut tersimpan tidak akan mengacaukan tampilan proses editing ini. maka kita harus menghapus tag HTML dan menggantikannya dengan escape character yang sesuai. ?>.php.php" method="POST"> <table> <tr> <td> Judul Posting: <input type="text" name="judul" size="40" maxsize="100" value="<?php echo $judul. ?>" /> </td> </tr> <?php //} ?> <tr> <td colspan=2> Isi Posting: </td> </tr> <tr> <td> . Kita akan menggunakan fungsi ‘htmlentities’ untuk melakukannya. <center> Halaman berikutnya yang akan memproses data dari sini akan kita namakan editsave. <form action="editsave. Setelah pengambilan data selesai. kita akan melanjutkan dengan proses untuk tampilan. $judul = htmlentities($baris['judul']). ‘Judul’ dan ‘’isi’ akan kita tampilkan dalam sebuah field teks di form kita ini. Karena data dari form ini masih akan dikirimkan lagi ke halaman lain yang bertugas untuk melakukan update ke database MySQL. $isi = htmlentities($baris['isi']). jadi kita masukkan di sini. ?> Sekarang kita akan menampilkan isi variabel ini ke dalam field dalam form dengan perintah echo seperti ini <?php echo $judul. $id = $baris['id']. //menjalankan query if ($r = mysql_query($query)) { $baris = mysql_fetch_array ($r). //mengambil informasi. $user = htmlentities($baris['user’]). dan kita akan menggunakan field id yang hidden lagi. Dengan cara ini.//mendefinisikan query $query = "SELECT * FROM blog WHERE id=’$id’". Karena field ini kemungkinan sudah berisi data. maka data ini tetap harus di track. ?>" /> </td> <td> User: <input type="text" name="user" size="20" maxsize="50" value="<?php echo $user.

include ('cek. //menangkap data POST $id=$_POST['id']. } else { echo "<p>Tidak bisa mengambil data posting. //Menutup sesi MySQL Nah. //menjalankan query if ($r = mysql_query($query)) { $baris = mysql_fetch_array ($r). ?></textarea> </td> </tr> <tr> <td> //Jika user memutuskan untuk menyimpan perubahan.php" method="post"> <input type="submit" name="submit" value="Cancel" /> </form> </td> </tr> </table> </center> <?php Kita akan mengakhiri halaman ini dengan menangkap error jika ada.inc'). dan kemudian menutup koneksi MySQL. //menghubungi database MySQL sql_connect('blog'). ?>" /> <input type="submit" name="submit" value="Simpan" /> </form> </td> <td> //Jika user ingin membatalkan perubahan.inc').php: <form action="editsave. } mysql_close(). maka halaman ini akan menuju ke halaman editsave. . //mendefinisikan query $query = "SELECT * FROM blog WHERE id='$id'". //mengambil informasi. listing program keseluruhan untuk file edit. //meletakkan informasi dari query ke dalam variabel agar siap tampil.php" method="post"> <input type="hidden" name="id" value="<?php echo $id . kita akan arahkan kembali ke halaman utama admin: <form action="admin.php ini adalah sebagai berikut: <?php require ('sql_connect. </p>". perhatikan bahwa kita tidak perlu menggunakan while karena hanya ada 1 baris saja.<textarea name="isi" cols="100" rows="15"><?php echo $isi.

?></textarea> </td> </tr> <tr> <td> <form action="editsave.php" method="post"> <input type="hidden" name="id" value="<?php echo $id .php" method="post"> <input type="submit" name="submit" value="Cancel" /> </form> </td> </tr> . $isi = htmlentities($baris['isi']). ?>" /> </td> </tr> <?php //} ?> <tr> <td colspan=2> Isi Posting: </td> </tr> <tr> <td> <textarea name="isi" cols="100" rows="15"><?php echo $isi. $user = htmlentities($baris['user']). ?>" /> </td> </tr> <tr> <td> User: <input type="text" name="user" size="20" maxsize="50" value="<?php echo $user. ?>" /> <input type="submit" name="submit" value="Simpan" /> </form> </td> <td> <form action="admin. ?> <center> <form action="editsave.php" method="POST"> <table> <tr> <td> Judul Posting: <input type="text" name="judul" size="40" maxsize="100" value="<?php echo $judul.$judul = htmlentities($baris['judul']). $id = $baris['id'].

//membersihkan data sebelum diinput trim ($judul). </p>". Seperti biasa. user='$user' WHERE id={$id}". $isi = addslashes ($isi).</table> </center> <?php } else { echo "<p>Tidak bisa mengambil data posting. //menangkap data POST $judul = $_POST['judul']. } mysql_close(). //menghubungi database MySQL sql_connect('blog'). //mendefinisikan query $query = "UPDATE blog SET judul='$judul'. //menjalankan query $r = mysql_query ($query). trim ($user). $id = $_POST['id']. $isi = $_POST['isi']. Kita bisa memverifikasi hasilnya menggunakan if-else.php yang ekan memproses data dari form edit. //menambahkan escape character $judul = addslashes ($judul). kita mulai dengan membuka hubungan ke server MySQL. Query berikut ini akan menggunakan field hidden ‘id’ untuk dapat memproses dan mengambil hanya data yang kita inginkan saja. kita akan menggunakan trim dan addslashes. require ('sql_connect. ?> Kemudian kita akan menangkap data dari form sebelumnya dan menyiapkannya untuk di masukkan ke dalam database. //Menutup sesi MySQL ?> Kita masih harus membuat 2 halaman lagi. Halaman berikut yang akan kita buat adalah halaman editsave. Cara mengambilnya adalah menggunakan fungsi ‘mysql_affected_rows’ untuk memastikan bahwa sebuah baris sudah berhasil diupdate.php ke MySQL. trim ($isi). ?> <table> <?php . $user = addslashes ($user).inc'). Seperti sebelumnya. namun jangan khawatir karena 2 halaman ini kecil-kecil aja ko. Kita akan menggunakan perintah MySQL UPDATE dlaam querynya. $user = $_POST['user']. isi='$isi'.

include (‘cek. yang keseluruhan kodenya adalah sebagai berikut: <? require ('sql_connect.inc'). kita sudah menyelesaikan file editsave. $isi = $_POST['isi']. . $user = $_POST['user'].php kita. //menghubungi database MySQL sql_connect('blog'). //menangkap data POST $judul = $_POST['judul']. trim ($user). //menambahkan escape character $judul = addslashes ($judul).if (mysql_affected_rows() == 1) { //Jika update berhasil ?> <table> <tr> <td> Update Berhasil </td> </tr> <?php } else { //jika gagal ?> <tr> <td> Update Gagal </td> </tr> <?php } ?> <tr> <td> <form action="admin.inc’). $id = $_POST['id']. //Menutup sesi MySQL ?> Sampai di sini. trim ($isi). //membersihkan data sebelum diinput trim ($judul).php" method="post"> <input type="submit" name="submit" value="Ok" /> </form> </td> </tr> </table> <?php mysql_close().

php. isi='$isi'. //mendefinisikan query $query = "UPDATE blog SET judul='$judul'. dengan perbedaan bahwa perintah MySQL yang digunakan adalah DELETE. kita sama sekali tidak perlu menyiapkan datanya terlebih dahulu seperti yang kita lakukan pada editsave. //Menutup sesi MySQL ?> Akhirnya. ?> <table> <?php if (mysql_affected_rows() == 1) { //Jika update berhasil ?> <table> <tr> <td> Update Berhasil </td> </tr> <?php } else { //jika gagal ?> <tr> <td> Update Gagal </td> </tr> <?php } ?> <tr> <td> <form action="admin.php. Halaman ini sebenarnya sangat mirip dengan halaman editsave. . kita sampai juga di pembuatan halaman terakhir dari proyek pembuatan blog sederhana ini yaitu halaman hapus. user='$user' WHERE id={$id}". $user = addslashes ($user).php" method="post"> <input type="submit" name="submit" value="Ok" /> </form> </td> </tr> </table> <?php mysql_close(). //menjalankan query $r = mysql_query ($query).php.$isi = addslashes ($isi). Karena itu.

//menghubungi database MySQL sql_connect('blog').inc’). <? require ('sql_connect. Tentu saja seperti yang sudah saya sampaikan. //Mendefinisikan query $query = "DELETE FROM blog WHERE id='$id' LIMIT 1". ini adalah bentuk yang sangat disederhanakan dari sebuah aplikasi blog. if (mysql_affected_rows() == 1) { //jika penghapusan berhasil ?> <table> <tr> <td> Penghapusan data berhasil </td> </tr> <?php } else { //Jika gagal ?> <tr> <td> Penghapusan data gagal </td> </tr> <?php } ?> <tr> <td> <form action="admin.Sekali lagi kita akan menggunakan fungsi ‘mysql_affected_rows’ untuk memastikan proses penghapusan sudah berjalan dengan baik. $id=$_POST['id']. semua halaman yang diperlukan untuk membuat blog kita sudah jadi. Masih sangat banyak yang bisa .inc'). //Menutup sesi MySQL ?> Nah. //Mengirimkan query untuk menghapus isi posting mysql_query ($query).php" method="post"> <input type="submit" name="submit" value="Ok" /> </form> </td> </tr> </table> <?php mysql_close(). include (‘cek.

maka sampai di sini dulu proses pembuatan aplikasi blog kita. Sekarang anda sudah siap untuk mengembangkan aplikasi anda sendiri. . namun untuk menjaga kesederhanaan penjelasan.disempurnakan.

Sign up to vote on this title
UsefulNot useful