selamat malam semua, kali ini saya akan menuliskan artikel tentang Pembuatan website yang nantinya terdapat fasilitas pengelompokan artikel atau yang sering dikenal dengan Kategori Artikel dan Penampilan Artikel Sesuai dengan Kategori Masing-masing dan yang terakhir adalah Tampilkan Artikel yang telah kita Tulis di dalam database dan menampilkan Fasilitas Kirim dan tampil Komentar sesuai dengan ID artikel yang di buka.
Ok, Yang harus anda siapkan adalah Komputer yang sudah terinstall Webserver(Xampp / AppServer / Vertrigo / dll) dan webserver juga berjalan dengan baik, dan selanjutnya web editor (bisa menggunakan Notepad, atau Notepad++, atau BlueFish(linux), Netbeans, Dreamweaver, dll sesuai dengan Kesukaan Masing-masing), saya disini saya menggunakan Macromedia Dreamweaver. dan jangan lupa Sebelum membaca Artikel in, saya sarankan agar anda mengerti dasar-dasar HTML, PHP dan Mysql. karena di artikel ini tidak akan di bahas mendetail tentang Point Tersebut. 00bates00
Jika semua perlengkapan sudah anda siapkan, maka selanjutnya kita akan mencoba Membuat Database dan Tabel Pendukung:
Silahkan Anda buat Database melalui PHPMYADMIN atau mysql-front,dll
saya contohkan disini nama database yg saya buat adalah frsystem_artikel
selanjutnya silahkan anda buat Tabel di Database tersebut dengan Rincian :
Nama Tabel : artikel
| Nama Field | Tipe dan Panjang Data | Keterangan |
| kdartikel | INT (11) | Not Null, Auto Increment, Primary Key |
| kdkategori | INT (11) | |
| judul | VARCHAR (255) | Null |
| pengirim | VARCHAR (35) | Null |
| isi | TEXT | Null |
| tgl | VARCHAR (25) | Null |
| wkt | VARCHAR (25) | Null |
| baca | VARCHAR (15) | Null |
Nama Tabel : kategori_artikel
| Nama Field | Tipe dan Panjang Data | Keterangan |
| kdkategori | INT (11) | Not Null, Auto Increment, Primary Key |
| kategori | VARCHAR (35) | Null |
Nama Tabel : komentar
| Nama Field | Tipe dan Panjang Data | Keterangan |
| kdkomentar | INT (11) | Not Null, Auto Increment, Primary Key |
| kdartikel | INT (11) | Null |
| pengirim | VARCHAR (35) | Null |
| VARCHAR (50) | Null | |
| website | VARCHAR (50) | Null |
| komentar | VARCHAR (255) | Null |
| tgl | VARCHAR (25) | Null |
| wkt | VARCHAR (25) | Null |
jika semua tabel sudah anda buat, maka selanjutnya silahkan anda buka Web Editor dan ketikkan Script di bawah ini :
Nama File : koneksi.php
| <? $koneksi=mysql_connect("localhost","root","") or die ("Koneksi Server Gagal") ; mysql_select_db("frsystem_artikel",$koneksi); ?> |
Nama File : index.php
<? <body> |
Nama File : home.php
| <strong>DAFTAR ARTIKEL TERBARU</strong><br> <br> <? include "koneksi.php"; $artikel=mysql_query("SELECT * FROM artikel ORDER BY kdartikel DESC LIMIT 0,10"); while($artikel1=mysql_fetch_array($artikel)){ ?> <table width="98%" border="0" cellpadding="5" cellspacing="1"> <tr> <td align="left" valign="top" bgcolor="#F7F7F7"><b><a href="?page=artikel&&kdartikel=<?=$artikel1[kdartikel]?>"><?=strtoupper($artikel1[judul])?></a></b></td> </tr> <tr> <td align="left" valign="top" bgcolor="#FCFCFC"><?=substr($artikel1[isi],0,400)?></td> </tr> <tr> <td align="right" valign="top" bgcolor="#EBEBEB">Total Pembaca : <?=$artikel1[baca]?> Total Komentar : <? $komentar=mysql_query("SELECT * FROM komentar WHERE kdartikel='$artikel1[kdartikel]'"); $komentar1=mysql_num_rows($komentar); echo $komentar1; ?> <a href="?page=artikel&&kdartikel=<?=$artikel1[kdartikel]?>"><strong>{Baca Selengkapnya}</strong></a> </td> </tr> </table><br> <? } ?> |
Nama File : artikel.php
| <? include "koneksi.php"; $kdartikel=trim(strip_tags($_GET['kdartikel'])); $frsystem_artikel=mysql_query("SELECT * FROM artikel WHERE kdartikel='$kdartikel'"); $frsystem_artikel1=mysql_fetch_array($frsystem_artikel); $cekdata=mysql_num_rows($frsystem_artikel); $baca=$frsystem_artikel1[baca]+1; if($cekdata!=0){ $updatepembaca=mysql_query("UPDATE artikel SET baca='$baca' WHERE kdartikel='$kdartikel'"); ?> <table width="98%" border="0" cellpadding="5" cellspacing="1"> <tr> <td height="49" align="center" valign="middle" bgcolor="#F7F7F7"> <h3><?=strtoupper($frsystem_artikel1[judul])?></h3> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#FCFCFC"><?=$frsystem_artikel1[isi]?></td> </tr> <tr> <td align="right" valign="top" bgcolor="#EBEBEB">Total Pembaca : <?=$artikel1[baca]?> Total Komentar : <? $frsystem_komentar=mysql_query("SELECT * FROM komentar WHERE kdartikel='$frsystem_artikel1[kdartikel]'"); $frsystem_komentar1=mysql_num_rows($frsystem_komentar); echo $frsystem_komentar1; ?></td> </tr> </table><br> <? } else { echo "Maaf Artikel yang anda buka tidak ada"; } ?> <br> <? if($_POST['button']){ $tgl=date("d-m-Y"); $wkt=date("h:i:s"); $simpan=mysql_query("INSERT INTO komentar VALUES ('','$frsystem_artikel1[kdartikel]','$_POST[pengirim]','$_POST[email]','$_POST[website]','$_POST[komentar]','$tgl','$wkt')"); if($simpan){ echo "<h3>Komentar anda berhasil ditambah</h3>"; } else { echo "<h3>Komentar anda gagal ditambah</h3>"; } } ?> <table width="98%" border="0" align="center" cellpadding="10" cellspacing="0"> <? $i=1; $frsystem_tampilkom=mysql_query("SELECT * FROM komentar WHERE kdartikel='$frsystem_artikel1[kdartikel]'"); $frsystem_cekkom=mysql_num_rows($frsystem_tampilkom); if($frsystem_cekkom!=0){ while($frsystem_komentar1=mysql_fetch_array($frsystem_tampilkom)){ if($i%2){ ?> <tr> <td><table width="80%" border="0" align="left" cellpadding="10" cellspacing="1" bgcolor="#999999"> <tr> <td align="left" valign="top" bgcolor="#F7F7F7"><strong><?=$frsystem_komentar1[pengirim]?></strong><br> <em><?=$frsystem_komentar1[komentar]?></em></td> </tr> </table> <br></td> </tr> <? } else { ?> <tr> <td><table width="80%" border="0" align="right" cellpadding="10" cellspacing="1" bgcolor="#999999"> <tr> <td align="right" valign="top" bgcolor="#FCFCFC"><strong><?=$frsystem_komentar1[pengirim]?></strong><br> <em><?=$frsystem_komentar1[komentar]?></em></td> </tr> </table></td> </tr> <? } $i=$i+1; } } else {?> <tr> <td><table width="80%" border="0" align="center" cellpadding="10" cellspacing="1" bgcolor="#999999"> <tr> <td align="center" valign="top" bgcolor="#FCFCFC"><em>Maaf Komentar masih Kosong</em></td> </tr> </table></td> </tr> <? } ?> </table> <br> <br> <form name="form1" method="post" action=""> <table width="460" border="0" align="center" cellpadding="3" cellspacing="1"> <tr> <td colspan="2" bgcolor="#F7F7F7"> </td> </tr> <tr> <td width="131" bgcolor="#FCFCFC">Pengirim</td> <td width="313" bgcolor="#FCFCFC"><input type="text" name="pengirim" id="pengirim"></td> </tr> <tr> <td bgcolor="#FCFCFC">Email</td> <td bgcolor="#FCFCFC"><input type="text" name="email" id="email"></td> </tr> <tr> <td bgcolor="#FCFCFC">Website</td> <td bgcolor="#FCFCFC"><input type="text" name="website" id="website"></td> </tr> <tr> <td bgcolor="#FCFCFC">Komentar</td> <td bgcolor="#FCFCFC"><textarea name="komentar" cols="35" rows="5" id="komentar"></textarea></td> </tr> <tr> <td bgcolor="#FCFCFC"> </td> <td bgcolor="#FCFCFC"><input type="submit" name="button" id="button" value="Submit"> <input type="reset" name="button2" id="button2" value="Reset"></td> </tr> <tr> <td colspan="2" bgcolor="#F7F7F7"> </td> </tr> </table> </form> |
Nama File : kategori.php
| <strong>KATEGORI ARTIKEL</strong><br> <br> <? include "koneksi.php"; $kdkategori=trim(strip_tags($_GET['kdkategori'])); $frsystem_artikel=mysql_query("SELECT * FROM artikel WHERE kdkategori='$kdkategori' ORDER BY kdartikel DESC LIMIT 0,10"); while($frsystem_artikel1=mysql_fetch_array($frsystem_artikel)){ ?> <table width="98%" border="0" cellpadding="5" cellspacing="1"> <tr> <td align="left" valign="top" bgcolor="#F7F7F7"><b><a href="?page=artikel&&kdartikel=<?=$frsystem_artikel1[kdartikel]?>"><?=strtoupper($frsystem_artikel1[judul])?></a></b></td> </tr> <tr> <td align="left" valign="top" bgcolor="#FCFCFC"><?=substr($frsystem_artikel1[isi],0,400)?></td> </tr> <tr> <td align="right" valign="top" bgcolor="#EBEBEB">Total Pembaca : <?=$artikel1[baca]?> Total Komentar : <? $frsystem_komentar=mysql_query("SELECT * FROM komentar WHERE kdartikel='$frsystem_artikel1[kdartikel]'"); $frsystem_komentar1=mysql_num_rows($frsystem_komentar); echo $frsystem_komentar1; ?> <a href="?page=artikel&&kdartikel=<?=$frsystem_artikel1[kdartikel]?>"><strong>{Baca Selengkapnya}</strong></a> </td> </tr> </table><br> <? } ?> |
setelah semuanya Berhasil anda buat, maka Hasilnya akan seperti gambar di Bawah ini :
Artikel selesai sampai disini, untuk mendapatkan penjelasan lebih lengkap, silahkan anda ajukan pertanyaan Via Kirim Komentar yang ada di bawah Artikel ini.