Belajar Membuat Aplikasi Website Berita dengan PHP dan MySQL


Pasti sudah tau kan website berita seperti detik.com, merdeka.com, kompas, tempo dll
Mereka adala situs berita yang jumlah pengunjungnya mencapai jutaan user per hari? Dan mendapatkan penghasilan puluhan juta per bulan.

Mau tahu penghasilan website orang lainnya? Silakan cek sendiri di StatShow. Tapi kita bukan membahas ini.

Nah pada kesempatan ini saya akan sedikit berbagi cara membuat website seperti website berita menggunakan script php dan mysql. Jika kalian tidak ingin repot kalian bisa copas aja script/kode nya. Tapi jika ingin belajar supaya bisa membuat website lainnya seperti website sekolah, website pegawai dll kalian bisa pelajari tutorial di bawah ini.

Aplikasi Berita dengan Php dan MySQL
yang akan kita bahas dalam artikel kali ini yaitu meliputi tentang:

1. Merancang Struktur Database
2. Membuat File Koneksi Database
3. Membuat Halaman Input Berita
4. Menampilkan Berita Terbaru di Halaman Depan
5. Menampilkan Berita Lengkap
6. Membuat Halaman Arsip Berita
7. Membuat Halaman Edit Berita
8. Membuat Halaman Delete Berita
9. CSS sebagai Pemanis Tampilan

Pertama buka editor teks di laptop kalian.
Kamu bisa gunakan editor apa saja yang kamu suka. Tapi ada baiknya kamu gunakan Notepad atau Notepad ++. Kenapa? Karena kedua editor itu murni kosong sehingga kamu harus mengetik semua kode dari awal.

Pada Windows - Buka menu Start pada windows, ketik notepad, atau notepad ++ dan klik Notepad atau "Notepad ++" di bagian atas jendela.

1. Merancang Struktur Database

Untuk membuat aplikasi / website berita dengan php dan mysql, langkah pertama adalah merancang tabel-tabel database yang diperlukan. Berikut ini perintah (SQL) untuk membuat tabel “berita”

CREATE TABLE berita (
id_berita int(5) unsigned NOT NULL auto_increment,
id_kategori int(3) unsigned NOT NULL default '0',
judul varchar(100) NOT NULL default '',
headline text NOT NULL,
isi text NOT NULL,
pengirim varchar(15) NOT NULL default '',
tanggal datetime NOT NULL default '0000-00-00 00:00:00',
PRIMARY KEY (id_berita)
) TYPE=MyISAM;

2. Membuat File Koneksi Database
Program 1
Nama File : koneksi.php
Deskripsi : script koneksi ke database.

<?php
$host = "localhost";
$user = "root";
$pass = "";
$dbnm = "pw2";
$conn = mysql_connect ($host, $user, $pass);
if ($conn) {
$buka = mysql_select_db ($dbnm);
if (!$buka) {
die ("Database tidak dapat dibuka");
}
} else {
die ("Server MySQL tidak terhubung");
}
?>

3. Membuat Halaman Input Berita
Nama File : input_berita.php
Deskripsi : Program input berita.

<?php
include "koneksi.php";
//proses input berita
if (isset($_POST['Input'])) {
$judul = addslashes (strip_tags ($_POST['judul']));
$kategori = $_POST['kategori'];
$headline = addslashes (strip_tags ($_POST['headline']));
$isi_berita = addslashes (strip_tags ($_POST['isi']));
$pengirim = addslashes (strip_tags ($_POST['pengirim']));
//insert ke tabel
$query = "INSERT INTO berita
VALUES('','$kategori','$judul','$headline','$isi_berita','$pengirim',
now())";
$sql = mysql_query ($query);
if ($sql) {
echo "<h2><font color=blue>Berita telah berhasil
ditambahkan</font></h2>";
} else {
echo "<h2><font color=red>Berita gagal
ditambahkan</font></h2>";
}
}
?>
<html>
<head><title>Input Berita</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<a href="index.php">Halaman Depan</a> |
<a href="arsip_berita.php">Arsip Berita</a> |
<a href="input_berita.php">Input Berita</a>
<br><br>
<FORM ACTION="" METHOD="POST" NAME="input">
<table cellpadding="0" cellspacing="0" border="0"
width="700">
<tr>
<td colspan="2"><h2>Input Berita</h2></td>
</tr>
<tr>
<td width="200">Judul Berita</td>
<td>: <input type="text" name="judul"
size="30"></td>
</tr>
<tr>
<td>Kategori</td>
<td>:
<select name="kategori">
<?
$query = "SELECT id_kategori, nm_kategori
FROM kategori ORDER BY nm_kategori";
$sql = mysql_query ($query);
while ($hasil = mysql_fetch_array ($sql)) {
echo "<option
value='$hasil[id_kategori]'>$hasil[nm_kategori]</option>";
}
?>
</select></td>
</tr>
<tr>
<td>Headline Berita</td>
<td>: <textarea name="headline" cols="50" rows="4">
</textarea></td>
</tr>
<tr>
<td>Isi Berita</td>
<td>: <textarea name="isi" cols="50" rows="10">
</textarea></td>
</tr>
<tr>
<td>Pengirim</td>
<td>: <input type="text" name="pengirim" size="20">
</td>
</tr>
<tr>
<td> </td>
<td>  <input type="submit" name="Input"
value="Input Berita"> 
<input type="reset" name="reset" value="Cancel">
</td>
</tr>
</table>
</FORM>
</body>
</html>

Berita Terbaru di Halaman Depan
Program 3
Nama File : index.php
Deskripsi : Program menampilkan 5 berita terbaru di halaman depan.

<?php
include "koneksi.php";
?>
<html>
<head><title>Index Berita</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<a href="index.php">Halaman Depan</a> |
<a href="arsip_berita.php">Arsip Berita</a> |
<a href="input_berita.php">Input Berita</a>
<br><br>
<h2>Halaman Depan ~ Lima Berita Terbaru</h2>
<?
$query = "SELECT A.id_berita, B.nm_kategori, A.judul,
A.headline, A.pengirim, A.tanggal
FROM berita A, kategori B WHERE
A.id_kategori=B.id_kategori
ORDER BY A.id_berita DESC LIMIT 0,5";
$sql = mysql_query ($query);
while ($hasil = mysql_fetch_array ($sql)) {
$id_berita = $hasil['id_berita'];
$kategori = stripslashes ($hasil['nm_kategori']);
$judul = stripslashes ($hasil['judul']);
$headline = nl2br(stripslashes
($hasil['headline']));
$pengirim = stripslashes ($hasil['pengirim']);
$tanggal = stripslashes ($hasil['tanggal']);
//
//tampilkan berita
echo "<font size=4><a
href='berita_lengkap.php?id=$id_berita'>$judul</a></font><br>";
echo "<small>Berita dikirimkan oleh <b>$pengirim</b>
pada tanggal <b>$tanggal</b> dalam kategori
<b>$kategori</b></small>";
echo "<p>$headline</p>";
echo "<hr>";
}
?>
</body>
</html>

Langkah 4. Menampilkan Berita Lengkap
Program 4
Nama File : berita_lengkap.php
Deskripsi : Program menampilkan berita secara lengkap.

<?php
include "koneksi.php";
if (isset($_GET['id'])) {
$id_berita = $_GET['id'];
} else {
die ("Error. No Id Selected! ");
}
?>
<html>
<head><title>Berita Lengkap</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<a href="index.php">Halaman Depan</a> |
<a href="arsip_berita.php">Arsip Berita</a> |
<a href="input_berita.php">Input Berita</a>
<br><br>
<h2>Berita Lengkap</h2>
<?
$query = "SELECT A.id_berita, B.nm_kategori, A.judul,
A.isi, A.pengirim, A.tanggal
FROM berita A, kategori B WHERE
A.id_kategori=B.id_kategori && A.id_berita='$id_berita'";
$sql = mysql_query ($query);
$hasil = mysql_fetch_array ($sql);
$id_berita = $hasil['id_berita'];
$kategori = stripslashes ($hasil['nm_kategori']);
$judul = stripslashes ($hasil['judul']);
$isi = nl2br(stripslashes ($hasil['isi']));
$pengirim = stripslashes ($hasil['pengirim']);
$tanggal = stripslashes ($hasil['tanggal']);
//
//tampilkan berita
echo "<font size=5 color=blue>$judul</font><br>";
echo "<small>Berita dikirimkan oleh <b>$pengirim</b>
pada tanggal <b>$tanggal</b> dalam kategori
<b>$kategori</b></small>";
echo "<p>$isi</p>";
?>
</body>
</html>

5. Membuat Halaman Arsip Berita
Program 5
Nama File : arsip_berita.php
Deskripsi : Program arsip keseluruhan berita.

<?php
include "koneksi.php";
?>
<html>
<head><title>Arsip Berita</title>
<link rel="stylesheet" href="style.css">
<script language="javascript">
function tanya() {
if (confirm ("Apakah Anda yakin akan menghapus
berita ini ?")) {
return true;
} else {
return false;
}
}
</script>
</head>
<body>
<a href="index.php">Halaman Depan</a> |
<a href="arsip_berita.php">Arsip Berita</a> |
<a href="input_berita.php">Input Berita</a>
<br><br>
<h2>Arsip Berita</h2>
<ol>
<?
$query = "SELECT A.id_berita, B.nm_kategori, A.judul,
A.pengirim, A.tanggal
FROM berita A, kategori B WHERE
A.id_kategori=B.id_kategori
ORDER BY A.id_berita DESC";
$sql = mysql_query ($query);
while ($hasil = mysql_fetch_array ($sql)) {
$id_berita = $hasil['id_berita'];
$kategori = stripslashes ($hasil['nm_kategori']);
$judul = stripslashes ($hasil['judul']);
$pengirim = stripslashes ($hasil['pengirim']);
$tanggal = stripslashes ($hasil['tanggal']);
//
//tampilkan arsip berita
echo "<li><a href='berita_lengkap.php?id=$id_berita'>$judul</a><br>";
echo "<small>Berita dikirimkan oleh <b>$pengirim</b>
pada tanggal <b>$tanggal</b> dalam kategori
<b>$kategori</b><br>";
echo "<b>Action : </b><a
href='edit_berita.php?id=$id_berita'>Edit</a> | ";
echo "<a href='delete_berita.php?id=$id_berita'
onClick='return tanya()'>Delete</a>";
echo "</small></li><br><br>";
}
?>
</ol>
</body>
</html>

6. Membuat Halaman Edit Berita
Program 6
Nama File : edit_berita.php
Deskripsi : Program edit berita.

<?php
include "koneksi.php";
if (isset($_GET['id'])) {
$id_berita = $_GET['id'];
} else {
die ("Error. No Id Selected! ");
}
$query = "SELECT id_berita, id_kategori, judul, headline, isi,
pengirim, tanggal
FROM berita WHERE id_berita='$id_berita'";
$sql = mysql_query ($query);
$hasil = mysql_fetch_array ($sql);
$id_berita = $hasil['id_berita'];
$id_kategori = stripslashes ($hasil['id_kategori']);
$judul = stripslashes ($hasil['judul']);
$headline = stripslashes ($hasil['headline']);
$isi = stripslashes ($hasil['isi']);
$pengirim = stripslashes ($hasil['pengirim']);
$tanggal = stripslashes ($hasil['tanggal']);
//proses edit berita
if (isset($_POST['Edit'])) {
$id_berita = $_POST['hidberita'];
$judul = addslashes (strip_tags ($_POST['judul']));
$kategori = $_POST['kategori'];
$headline = addslashes (strip_tags ($_POST['headline']));
$isi_berita = addslashes (strip_tags ($_POST['isi']));
$pengirim = addslashes (strip_tags ($_POST['pengirim']));
//update berita
$query = "UPDATE berita SET
id_kategori='$kategori',judul='$judul',headline='$headline',
isi='$isi_berita',pengirim='$pengirim' WHERE
id_berita='$id_berita'";
$sql = mysql_query ($query);
if ($sql) {
echo "<h2><font color=blue>Berita telah berhasil
diedit</font></h2>";
} else {
echo "<h2><font color=red>Berita gagal
diedit</font></h2>";
}
}
?>
<html>
<head><title>Edit Berita</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<a href="index.php">Halaman Depan</a> |
<a href="arsip_berita.php">Arsip Berita</a> |
<a href="input_berita.php">Input Berita</a>
<br><br>
<FORM ACTION="" METHOD="POST" NAME="input">
<table cellpadding="0" cellspacing="0" border="0"
width="700">
<tr>
<td colspan="2"><h2>Input Berita</h2></td>
</tr>
<tr>
<td width="200">Judul Berita</td>
<td>: <input type="text" name="judul"
size="30" value="<? echo $judul ?>"></td>
</tr>
<tr>
<td>Kategori</td>
<td>:
<select name="kategori">
<?
$query = "SELECT id_kategori,
nm_kategori FROM kategori ORDER BY nm_kategori";
$sql = mysql_query ($query);
while ($hasil = mysql_fetch_array
($sql)) {
$selected = ($hasil['id_kategori']==
$id_kategori) ? "selected" : "";
echo "<option
value='$hasil[id_kategori]'
$selected>$hasil[nm_kategori]</option>";
}
?>
</select></td>
</tr>
<tr>
<td>Headline Berita</td>
<td>: <textarea name="headline" cols="50"
rows="4"><?=$headline?></textarea></td>
</tr>
<tr>
<td>Isi Berita</td>
<td>: <textarea name="isi" cols="50"
rows="10"><?=$isi?></textarea></td>
</tr>
<tr>
<td>Pengirim</td>
<td>: <input type="text" name="pengirim"
size="20" value="<?=$pengirim?>"></td>
</tr>
<tr>
<td> </td>
<td>  
<input type="hidden" name="hidberita"
value="<?=$id_berita?>">
<input type="submit" name="Edit" value="Edit
Berita"> 
<input type="reset" name="reset"
value="Cancel"></td>
</tr>
</table>
</FORM>
</body>
</html>

7. Membuat Halaman Delete Berita
Program 7
Nama File : delete_berita.php
Deskripsi : Program untuk menghapus berita.

<?php
include "koneksi.php";
if (isset($_GET['id'])) {
$id_berita = $_GET['id'];
} else {
die ("Error. No Id Selected! ");
}
?>
<html>
<head><title>Delete Berita</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<a href="index.php">Halaman Depan</a> |
<a href="arsip_berita.php">Arsip Berita</a> |
<a href="input_berita.php">Input Berita</a>
<br><br>
<?
//proses delete berita
if (!empty($id_berita) && $id_berita != "") {
$query = "DELETE FROM berita WHERE
id_berita='$id_berita'";
$sql = mysql_query ($query);
if ($sql) {
echo "<h2><font color=blue>Berita telah berhasil
dihapus</font></h2>";
} else {
echo "<h2><font color=red>Berita gagal
dihapus</font></h2>";
}
echo "Klik <a href='arsip_berita.php'>di sini</a>
untuk kembali ke halaman arsip berita";
} else {
die ("Access Denied");
}
?>
</body>
</html>

8. CSS sebagai Makeup Tampilan
Program 8
Nama File : style.css
Deskripsi : File CSS sebagai pemanis tampilan.

body {
font-family:verdana;
font-size:11px;
}
a {
color:#0000ff;
text-decoration:underline;
}
a:hover {
color:#ffffff;
background-color:#8AC452;
text-decoration:none;
}
input, textarea, select, option {
font-family:verdana;
}

sampai disini sudah selesai, langkah selanjutnya silakan dijalankan di localhost anda

apa yang didapat dari tutorial?
sebenarnya dari tutorial ini jika anda pahami secara mendalam anda sudah bisa membuat aplikasi website berita dengan sempurna, anda hanya perlu menambahkan sedikit fitur lagi.
sebenarnya dengan program ini anda sudah bisa membuat website lainnya seperti website sekolah, website pegawai dll

Pahami scriptnya lalu terapkan di aplikasi yang anda buat. dengan begitu anda akan lebih pahami lagi tentang cara kerja dari script2 php yang ada diatas.

Script ini merupaka script yang dibuat oleh mas achmad solichin, dulu saya memakai script ini untuk belajar php dan mysql.
alhamdulillah berkat script ini saya lebih banyak tau tentang cara pembuatan aplikasi php. sekarang giliran anda untuk mempelajarinya.

Demikian tutorial membuat aplikasi berita berbasis web dengan php dan mysql ini.
Semoga bermanfaat.

Berlangganan update artikel terbaru via email:

0 Response to "Belajar Membuat Aplikasi Website Berita dengan PHP dan MySQL"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Tempat Kumpulan Tutorial
tutorialden.site adalah tempat kumpulan tutorial
tutorialden.site

Universitas Matha'ul Anwar Jakarta
Kuliah Kelas Karyawan Jakarta
unmajakarta.ac.id

LDK Unma Jakarta
Lembaga Dakwah Kampus Unma Jakarta
www.pintaram.com/u/ldkraudhatuljannah

Ads by deni.my.id

Iklan Tengah Artikel 2

Iklan Bawah Artikel