Sederhana.co.id Semua Serba Sederhana
Hello Sobat Sederhana! Dalam era digital saat ini, tidak bisa dipungkiri bahwa internet sudah menjadi kebutuhan primer bagi banyak orang. Seiring dengan perkembangan teknologi, sekarang hampir semua orang dapat mengakses internet dengan mudah. Banyak informasi yang bisa didapatkan di sana, termasuk berita terkini. Nah, jika Sobat Sederhana ingin membuat web berita sederhana menggunakan PHP, berikut adalah langkah-langkahnya.
1. Persiapan
Pertama-tama, sebelum Sobat Sederhana mulai membuat web berita sederhana menggunakan PHP, persiapkan terlebih dahulu beberapa hal sebagai berikut:
Perlengkapan |
Keterangan |
|---|---|
Text Editor |
Sobat Sederhana dapat menggunakan Notepad++ atau Sublime Text |
Web Server |
Sobat Sederhana dapat menggunakan XAMPP atau WAMP |
Database Server |
Sobat Sederhana dapat menggunakan MySQL atau MariaDB |
Dengan memiliki perlengkapan yang sudah disediakan, Sobat Sederhana siap untuk membuat web berita sederhana menggunakan PHP.
2. Membuat Database
Setelah mempersiapkan perlengkapan sebelumnya, langkah selanjutnya adalah dengan membuat database. Berikut adalah langkah-langkahnya:
1. Langkah Pertama
Buka aplikasi MySQL atau MariaDB, kemudian buat database baru dengan nama “webberita”.
2. Langkah Kedua
Buat tabel dengan nama “berita” dengan struktur sebagai berikut:
Nama Kolom |
Tipe Data |
Keterangan |
|---|---|---|
id_berita |
INT(11) |
Primary key, Auto Increment |
judul_berita |
VARCHAR(255) |
Berisi judul berita |
isi_berita |
TEXT |
Berisi isi berita |
tanggal_berita |
DATETIME |
Berisi tanggal dan waktu publish berita |
Setelah membuat tabel dengan struktur seperti di atas, database untuk web berita sederhana sudah siap digunakan.
3. Membuat Halaman Depan
Setelah membuat database, langkah selanjutnya adalah membuat halaman depan untuk web berita sederhana menggunakan PHP. Berikut adalah langkah-langkahnya:
1. Langkah Pertama
Buka text editor kemudian buat file baru dengan nama “index.php”.
2. Langkah Kedua
Kemudian, ketikkan kode HTML dan CSS untuk membuat tampilan halaman depan, dan tambahkan kode PHP untuk mengambil data dari database. Berikut adalah contohnya:
Kode HTML dan CSS untuk tampilan:
<!DOCTYPE html><html><head><title>Web Berita Sederhana</title><link rel="stylesheet" type="text/css" href="css/style.css"></head><body><div class="header"><h1>Web Berita Sederhana</h1></div><div class="content"><?php$koneksi = mysqli_connect("localhost", "root", "", "webberita");$query = mysqli_query($koneksi, "SELECT * FROM berita ORDER BY id_berita DESC LIMIT 10");while ($row = mysqli_fetch_assoc($query)) {?><div class="berita"><h2><a href="detail.php?id_berita=<?php echo $row['id_berita'] ?>"><?php echo $row['judul_berita'] ?></a></h2><p><?php echo substr($row['isi_berita'], 0, 200) ?>...</p><div class="tanggal"><small><?php echo date("d/m/Y H:i", strtotime($row['tanggal_berita'])) ?></small></div></div><?php}mysqli_close($koneksi);?></div><div class="footer"><p>© 2021 Web Berita Sederhana</p></div></body></html>
Kode PHP untuk mengambil data dari database:
<?php$koneksi = mysqli_connect("localhost", "root", "", "webberita");$query = mysqli_query($koneksi, "SELECT * FROM berita ORDER BY id_berita DESC LIMIT 10");while ($row = mysqli_fetch_assoc($query)) {?><div class="berita"><h2><a href="detail.php?id_berita=<?php echo $row['id_berita'] ?>"><?php echo $row['judul_berita'] ?></a></h2><p><?php echo substr($row['isi_berita'], 0, 200) ?>...</p><div class="tanggal"><small><?php echo date("d/m/Y H:i", strtotime($row['tanggal_berita'])) ?></small></div></div><?php}mysqli_close($koneksi);?>
Jika Sobat Sederhana berhasil mengikuti langkah-langkah di atas, maka halaman depan untuk web berita sederhana sudah berhasil dibuat.
4. Membuat Halaman Detail Berita
Setelah membuat halaman depan, langkah selanjutnya adalah membuat halaman detail berita untuk web berita sederhana menggunakan PHP. Berikut adalah langkah-langkahnya:
1. Langkah Pertama
Buat file baru dengan nama “detail.php”.
2. Langkah Kedua
Setelah itu, ketikkan kode HTML dan CSS untuk membuat tampilan halaman detail berita, dan tambahkan kode PHP untuk mengambil data dari database. Berikut adalah contohnya:
Kode HTML dan CSS untuk tampilan:
<!DOCTYPE html><html><head><title>Web Berita Sederhana</title><link rel="stylesheet" type="text/css" href="css/style.css"></head><body><div class="header"><h1>Web Berita Sederhana</h1></div><div class="content"><?php$koneksi = mysqli_connect("localhost", "root", "", "webberita");$id_berita = $_GET['id_berita'];$query = mysqli_query($koneksi, "SELECT * FROM berita WHERE id_berita='$id_berita'");$row = mysqli_fetch_assoc($query);?><div class="berita"><h2><?php echo $row['judul_berita'] ?></h2><p><?php echo $row['isi_berita'] ?></p><div class="tanggal"><small><?php echo date("d/m/Y H:i", strtotime($row['tanggal_berita'])) ?></small></div></div><?phpmysqli_close($koneksi);?></div><div class="footer"><p>© 2021 Web Berita Sederhana</p></div></body></html>
Kode PHP untuk mengambil data dari database:
<?php$koneksi = mysqli_connect("localhost", "root", "", "webberita");$id_berita = $_GET['id_berita'];$query = mysqli_query($koneksi, "SELECT * FROM berita WHERE id_berita='$id_berita'");$row = mysqli_fetch_assoc($query);?><div class="berita"><h2><?php echo $row['judul_berita'] ?></h2><p><?php echo $row['isi_berita'] ?></p><div class="tanggal"><small><?php echo date("d/m/Y H:i", strtotime($row['tanggal_berita'])) ?></small></div></div><?phpmysqli_close($koneksi);?>
Jika Sobat Sederhana berhasil mengikuti langkah-langkah di atas, maka halaman detail berita untuk web berita sederhana sudah berhasil dibuat.
5. Menambah Berita Baru
Setelah berhasil membuat halaman depan dan halaman detail berita, langkah selanjutnya adalah menambahkan berita baru ke dalam database. Berikut adalah langkah-langkahnya:
1. Langkah Pertama
Buat file baru dengan nama “tambah.php”.
2. Langkah Kedua
Kemudian, ketikkan kode HTML dan CSS untuk membuat tampilan form tambah berita, dan tambahkan kode PHP untuk memproses data yang dimasukkan ke dalam database. Berikut adalah contohnya:
Kode HTML dan CSS untuk tampilan:
<!DOCTYPE html><html><head><title>Web Berita Sederhana</title><link rel="stylesheet" type="text/css" href="css/style.css"></head><body><div class="header"><h1>Web Berita Sederhana</h1></div><div class="content"><form method="post" action="proses_tambah.php"><div class="form-group"><label>Judul Berita</label><input type="text" name="judul_berita" required></div><div class="form-group"><label>Isi Berita</label><textarea name="isi_berita" rows="10" required></textarea></div><button type="submit">Tambah Berita</button></form></div><div class="footer"><p>© 2021 Web Berita Sederhana</p></div></body></html>
Kode PHP untuk memproses data yang dimasukkan ke dalam database:
<?php$koneksi = mysqli_connect("localhost", "root", "", "webberita");$judul_berita = $_POST['judul_berita'];$isi_berita = $_POST['isi_berita'];$tanggal_berita = date("Y-m-d H:i:s");$query = mysqli_query($koneksi, "INSERT INTO berita (judul_berita, isi_berita, tanggal_berita) VALUES ('$judul_berita', '$isi_berita', '$tanggal_berita')");if ($query) {header("location: index.php");} else {echo "Gagal menambah berita";}mysqli_close($koneksi);?>
Jika Sobat Sederhana berhasil mengikuti langkah-langkah di atas, maka fitur menambah berita baru ke dalam database sudah berhasil dibuat.
FAQ
Q: Apa itu PHP?
A: PHP adalah bahasa pemrograman server-side yang digunakan untuk membuat aplikasi web dinamis. PHP bisa bertindak sebagai mesin template untuk menghasilkan HTML.
Q: Apa itu XAMPP?
A: XAMPP adalah paket aplikasi web yang mengandung Apache, MySQL, PHP, dan Perl. XAMPP digunakan untuk memudahkan instalasi dan konfigurasi web server dan database server.
Q: Apa itu MySQL?
A: MySQL adalah sistem manajemen basis data terpopuler yang bersifat Open Source. MySQL digunakan untuk menyimpan data dalam web server.
Q: Apa itu halaman depan dan halaman detail berita?
A: Halaman depan adalah halaman utama dari sebuah website berita yang menampilkan daftar berita terkini. Sedangkan halaman detail berita adalah halaman yang menampilkan informasi lengkap mengenai sebuah berita, seperti judul, isi, dan tanggal.
Q: Apa itu fitur menambah berita baru?
A: Fitur menambah berita baru adalah fitur yang memungkinkan pengguna untuk menambahkan berita baru ke dalam database secara langsung melalui form yang disediakan pada halaman web.
Semoga Bermanfaat dan sampai jumpa di artikel menarik lainnya
Cara Membuat Web Berita Sederhana PHP
https://youtube.com/watch?v=uz9j2M2fk9E