Cara Menampilkan Data JSON Kedalam Website Menggunakan Php
Halo temen temen gimana kabarnya? di Blog kali ini saya akan share materi tentang json dan php. yang dimana sebuah data ekstensi .json adalah data olahan dari website atau data yang dibuat dengan berbentuk Json seperti misalnya data Murid, data Absen, data Kerja dll, yang bisa ditampilkan kedalam website menjadi lebih ter struktur.
nahh kali ini saya akan menampilkan salah satu data Json kedalam Website sendiri menggunakan PHP, supaya data tersebut bisa dilihat dihalaman website/blog.
Penjelasan
Json atau JavaScript Object Notation merupakan bahasa pemrograman atau sebuah format yang digunakan untuk menampilkan, menukar, menyimpan dan membaca berupa data dari server website yang dapat dibaca oleh pengguna.
Json ini terdiri dari 2 bagian. yang kesatu kumpulan pasangan nilai dan yang kedua nilai secara berurutan. Bahasa pemrograman yang dapat menerapkan Json diantaranya yaitu Php, C++, Ruby dan Python.
Php atau Hypertext Preprocessor yaitu bahasa pemrograman yang digunakan untuk mengembangkan dan menangani sebuah website yang biasa digunakan dengan bahasa pemrograman HTML. Php sendiri berbentuk script yang dijalankan di sss(Server Site Scriptring) yang dimana Php ini adalah software open source yang gratis dan bebas untuk digunakan.
Php banyak digunakan dalam pembuatan program-program seperti sistem akademik, sistem keuangan, sistem informasi data, dan masih banyak lagi. untuk menjalakan Php ini diperlukan sebuah database seperti Mysql, Orcale, Solid, Sybase, PostGreSQL, Generic ODBC dll. atau server, seperti Nginx, Apache, dan LiteSpeed.
Pembahasan
Disini saya mempunyai sebuah data Json yang sudah saya upload kedalam website saya sendiri, data json ini adalah hasil data dari pengecekan struktur kelembapan tanah yang sudah saya ambil dari Platform Antares.
Source Code Json nya !
{
channel: {
id: 804745,
name: "Water Quality",
latitude: "-6.999032",
longitude: "107.626451",
field1: "PH Air",
field2: "Tempearture",
field3: "Kelembaban",
created_at: "2019-06-19T16:24:48+07:00",
updated_at: "2019-07-06T06:55:33+07:00",
last_entry_id: 587
},
feeds: [
{
created_at: "2019-07-01T05:45:31+07:00",
entry_id: 488,
field1: "5.00 "
},
{
created_at: "2019-07-01T05:46:01+07:00",
entry_id: 489,
field1: "5.07 "
}
]
}
Disini saya membuat Source Code php untuk memanggil/menampilkan si data jsonnya melalui Url
data php nya seperti ini!
<
?php
$url = 'https://projectme12.000webhostapp.com/contoh.json'; //Untuk memanggil Json
$data = file_get_contents($url);
$opendata = json_decode($data);
foreach ($opendata as $key => $value) {
}
?>data diatas digunakan untuk memanggil data json melalui Url!
nah saya akan menampilkan data tersebut dengan menambahkan program HTML
Seperti ini!
<!DOCTYPE html>
<html>
<head>
<style>
table {
width: 95%;
}
table tr td {
padding: 1rem;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td align="center">id</td>
<td align="center">name</td>
<td align="center">resource_name</td>
<td align="center">resource_identifier</td>
<td align="center">parent_id</td>
<td align="center">latitude</td>
<td align="center">longitude</td>
<td align="center">created_at</td>
<td align="center">updated_at</td>
<td align="center">last_entry_id</td>
</tr>
</table>
</body>
</html>Seperti diatas, kita membuat dulu table yang dimana table tersebut untuk menyusun hasil data Json berupa dari susunan id, nama , latitude, longititude, created, update, last entry.
lalu saya juga membuat script Php untuk membuka data berdasarkan value id nya masing masing dari tabel html dan data Json
berikut Php nya!
<?php
foreach ($opendata as $key => $value) {
echo '<tr>
<td>'.$value->id.'</td>
<td>'.$value->name.'</td>
<td>'.$value->resource_name.'</td>
<td>'.$value->resource_identifier.'</td>
<td>'.$value->parent_id.'</td>
<td>'.$value->latitude.'</td>
<td>'.$value->longitude.'</td>
<td>'.$value->created_at.'</td>
<td>'.$value->updated_at.'</td>
<td>'.$value->last_entry_id.'</td>
<td></td>
</tr>';
}
?>setelah itu kita pindahkan source code php tersebut kedalam table html
Seperti ini!
Full Source Code
<?php
$url = 'https://projectme12.000webhostapp.com/contoh.json'; //Untuk memanggil Json
$data = file_get_contents($url);
$opendata = json_decode($data);
foreach ($opendata as $key => $value) {
}
?>
<!DOCTYPE html>
<html>
<head>
<style>
table {
width: 95%;
}
table tr td {
padding: 1rem;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td align="center">id</td>
<td align="center">name</td>
<td align="center">resource_name</td>
<td align="center">resource_identifier</td>
<td align="center">parent_id</td>
<td align="center">latitude</td>
<td align="center">longitude</td>
<td align="center">created_at</td>
<td align="center">updated_at</td>
<td align="center">last_entry_id</td>
</tr>
<?php
foreach ($opendata as $key => $value) {
echo '<tr>
<td>'.$value->id.'</td>
<td>'.$value->name.'</td>
<td>'.$value->resource_name.'</td>
<td>'.$value->resource_identifier.'</td>
<td>'.$value->parent_id.'</td>
<td>'.$value->latitude.'</td>
<td>'.$value->longitude.'</td>
<td>'.$value->created_at.'</td>
<td>'.$value->updated_at.'</td>
<td>'.$value->last_entry_id.'</td>
<td></td>
</tr>';
}
?>
</table>
</body>
</html>Setelah itu kalian berinama dengan ekstensi .php lalu upload kedalam website, maka hasil nya akan seperti ini!
Seperti itulah tampilan dasar nya, untuk lebih menarik lagi, kalian bisa memperacantik tampilan website nya dengan html atau css, dan perlu di ingat source code php dan json nya jangan disatukan.
Itulah artikel Cara Menampilkan Data JSON Menggunakan PHP
jangan lupa lihat artikel kami di beranda ya!
Terima Kasih!