Diskon kelas baru hingga 25%! Masukkan kupon "lebihcepat" di kelas ini

X
Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

CARA MEMBUAT WEBSITE BERITA DENGAN PHP DAN MYSQL

Panduan langkah demi langkah cara membuat website berita menggunakan PHP dan MySQL, termasuk penjelasan sederhana untuk pemula dalam pengembangan web.

Membuat website berita mungkin terdengar rumit, tetapi dengan PHP dan MySQL, kamu bisa membuatnya dengan lebih mudah. PHP adalah bahasa pemrograman yang dinamis untuk membuat halaman web interaktif, sementara MySQL adalah sistem manajemen basis data yang akan membantu menyimpan semua data berita kamu. Berikut adalah cara membuat website berita dengan PHP dan MySQL.

Persiapan Sebelum Membuat Website

Sebelum mulai, kamu perlu mempersiapkan beberapa hal:

  • Software XAMPP: ini adalah paket yang memuat PHP, MySQL, dan lain-lain untuk membantu kamu mengembangkan website di komputer lokal kamu.
  • Editor teks: seperti Notepad++, Visual Studio Code, atau yang lain untuk menulis kode.
  • Web browser: untuk melihat hasil kerja kamu.

Instalasi XAMPP

Langkah pertama adalah menginstal XAMPP. Kamu bisa mengunduhnya dari situs web resminya, kemudian mengikuti instruksi instalasi yang diberikan.

Setelah terinstal, jalankan XAMPP dan mulai layanan Apache dan MySQL. Jika keduanya berjalan dengan baik, kamu sudah siap untuk melanjutkan ke langkah berikutnya.

Membuat Basis Data Melalui PHPMyAdmin

  1. Buka web browser dan masuk ke http://localhost/phpmyadmin.
  2. Buat basis data baru dengan mengklik “New” pada sisi kiri.
  3. Beri nama basis data, misalnya db_berita, lalu klik “Create”.

Membuat Tabel Berita dalam Database

Di dalam basis data yang baru kamu buat, kamu perlu membuat tabel untuk menyimpan berita.

  1. Klik nama basis data db_berita.
  2. Pada tab “Structure”, klik “New Table”.
  3. Beri nama tabel, misalnya tbl_berita, dan tentukan jumlah kolom (misalnya 5 kolom untuk judul, isi, penulis, tanggal, dan gambar).
  4. Isi nama-nama kolom beserta tipe datanya.

Buat file baru dengan nama koneksi.php. Kamu bisa menggunakan kode berikut sebagai dasar koneksi PHP ke MySQL:

<?php
$host = "localhost";
$user = "root";
$pass = "";
$db = "db_berita";

$koneksi = mysqli_connect($host, $user, $pass, $db);
if (!$koneksi) {
    die("Koneksi gagal: " . mysqli_connect_error());
}
?>

Membuat Halaman Input Berita

Buat file dengan nama input_berita.php. Halaman ini akan digunakan untuk memasukkan data berita ke dalam database.

<?php include "koneksi.php"; ?>

<!DOCTYPE html>
<html>
<head>
    <title>Input Berita</title>
</head>
<body>
    <form action="proses_input_berita.php" method="post" enctype="multipart/form-data">
        Judul Berita:<br>
        <input type="text" name="judul"><br>
        Isi Berita:<br>
        <textarea name="isi"></textarea><br>
        Penulis:<br>
        <input type="text" name="penulis"><br>
        Tanggal:<br>
        <input type="date" name="tanggal"><br>
        Gambar:<br>
        <input type="file" name="gambar"><br>
        <input type="submit" value="Submit">
    </form>
</body>
</html>

Membuat Proses Input ke Database

Setelah membuat halaman input, kamu perlu menangani data yang dikirimkan melalui form. Untuk itu, buat file proses_input_berita.php yang akan memproses input berita dan menyimpannya ke database.

<?php
include 'koneksi.php';

$judul = $_POST['judul'];
$isi = $_POST['isi'];
$penulis = $_POST['penulis'];
$tanggal = $_POST['tanggal'];
$nama_gambar = $_FILES['gambar']['name'];
$tmp_gambar = $_FILES['gambar']['tmp_name'];

move_uploaded_file($tmp_gambar, "images/".$nama_gambar);

$sql = "INSERT INTO tbl_berita (judul, isi, penulis, tanggal, gambar)
VALUES ('$judul', '$isi', '$penulis', '$tanggal', '$nama_gambar')";

if (mysqli_query($koneksi, $sql)) {
    echo "Berita baru berhasil ditambahkan";
} else {
    echo "Error: " . $sql . "<br>" . mysqli_error($koneksi);
}

mysqli_close($koneksi);
?>

Membuat Halaman Tampil Berita

Kemudian, buatlah halaman yang akan menampilkan semua berita dari database. Buat file baru dengan nama index.php. Di dalamnya, kamu bisa menaruh kode PHP untuk mengambil data dari database dan menampilkannya dalam bentuk daftar berita.

<?php include 'koneksi.php'; ?>

<!DOCTYPE html>
<html>
<head>
    <title>Berita</title>
</head>
<body>
    <?php
    $sql = "SELECT * FROM tbl_berita";
    $hasil = mysqli_query($koneksi, $sql);

    if (mysqli_num_rows($hasil) > 0) {
        while($row = mysqli_fetch_assoc($hasil)) {
            echo "<h3>".$row['judul']."</h3>";
            echo "<p>".$row['isi']."</p>";
            echo "<p>Penulis: ".$row['penulis']."</p>";
            echo "<p>Tanggal: ".$row['tanggal']."</p>";
            echo "<img src='images/".$row['gambar']."' width='300px'><br>";
        }
    } else {
        echo "0 results";
    }

    mysqli_close($koneksi);
    ?>
</body>
</html>

Dengan mengikuti langkah-langkah di atas, kamu sudah bisa memiliki website berita sederhana yang menggunakan PHP dan MySQL. Kamu bisa terus mengembangkan dan menambah fitur-fitur lain seperti sistem login, halaman admin, dan pengelompokan kategori berita. Selamat mencoba dan terus belajar!

cover kelas Kelas membuat website dengan HTML dan CSS
Kelas membuat website dengan HTML dan CSS

belajar membuat website kamu dari nol. Cocok untuk pemula

Lihat Kelas

Daftar newsletter skodev masukkan emailmu untuk dapat informasi menarik dari dunia koding