NodeMCU, Menampilkan Data dari Database MySql dengan PHP
Jumpa lagi teman-teman, semoga kita selalu diberikan kemudahan dalam segala aktifitas yang dijalani pada hari ini dan yang akan datang. Meneruskan pembahasan sebelumnya yaitu tentang menyimpan data dari nodemcu ke database MySql pada server localhost, pada postingan kali ini lanjut ke tahap berikutnya yaitu bagaimana sih cara menampilkan data yang sudah tersimpan pada database dapat kita tampilkan pada aplikasi web server. Saya harap sih pada pembahasan sebelumnya teman-teman tidak ada kendala ya dalam mempraktikannya, dan sudah berhasil dalam menyimpan data ke database MySql. Atau mungkin ada teman-teman juga yang baru menyimak project ini silahkan simak dulu ya pembahasan sebelumnya berikut ini :
- Mengenal XAMPP Persiapan Database MySQL IOT
- Membuat Database MySql Persiapan Mengirim Data NodeMCU
- NodeMCU, Cara Menyimpan Data ke Database MySQL
Oke pada pembahasan sebelumnya kita sudah menyimpan data tinggi air dan waktu pada saat data dikirim. Data yang akan ditampilkan juga sama tinggi air dan waktunya dan akan akan ditampilkan dengan PHP, tampilannya kurang lebih seperti dibawah ini, dan setelah ditambahkan CSS.
Langkah-langkah :
- Data yang tersimpan usahakan banyak misalnya 20 data, maksudnya untuk mempermudah dalam pencarian data menurut bulannya dan dibedakan menjadi 4 bulan. Misalkan data yang tersimpan sekarang adalah pada bulan 10 sejumlah 20 data. Kemudian data dibagi menjadi 4 bulan, dan setiap bulannya terdapat 5 data. Silahkan ubah bulan-nya saja pada database :- Data ke 1-5, diubah menjadi bulan ke 07- Data ke 6-10, diubah menjadi bulan ke 08- Data ke 11-15, diubah menjadi bulan ke 09- Data ke 16-20, tidak usah diubah karena sudah bulan ke 10.
- Buat file "index.php" pada "C:\xampp\htdocs\node_water".
- Masukkan kode berikut :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Data Sensor</title>
</head>
<body>
<form action="" method="post">
<input type="date" name="data">
<input type="submit" name="submit" value="Cari Data">
</form>
<?php
include('koneksi.php');
if($_SERVER['REQUEST_METHOD'] == "POST") {
$dataWaktu = $_POST['data'];
$sql = "SELECT * FROM tbl_water WHERE data_waktu LIKE '%" . $dataWaktu . "%'";
}else{
$dataActual = date('Y-m');
$sql = "SELECT * FROM tbl_water WHERE data_waktu LIKE '%" . $dataActual . "%'";
}
$stmt = $PDO->prepare($sql);
$stmt->execute();
echo "<br>";
echo "<table border=\"1\">";
echo "<tr> <th>Tinggi Air</th>
<th>Waktu</th> </tr>";
while ($tampil = $stmt->fetch(PDO::FETCH_OBJ)){
$timestamp = strtotime($tampil->data_waktu);
$dateTabel = date('d/m/Y H:i:s', $timestamp);
echo "<tr>";
echo "<td>" . $tampil->tinggi_air . "</td>";
echo "<td>" . $dateTabel . "</td>";
echo "</tr>";
}
echo "</table>";
?>
</body>
</html>
Simpan kodenya, kemudian buka ke web browser ketikan http://localhost/node_water/ dan coba teman-teman praktikan dengan mencari data berdasarkan bulan yang sudah diubah sebelumnya dan jangan lupa memilih tanggalnya juga. Yang akan tampil adalah data menurut bulan dan tanggal yang sudah dicari tadi.
Tampilan dengan php ini masih sederhana, jika ingin hasil seperti gambar di atas, silahkan teman-teman berkreasi sendiri dengan menambahkan code CSS. Selamat mencoba, semoga project kali ini bermanfaat dan jangan lupa untuk membagikannya.
Terima kasih. Salam
0 Response to "NodeMCU, Menampilkan Data dari Database MySql dengan PHP"
Post a Comment