NIM : 1818041

NAMA : Gesha Warilotte Erwinda

1. Alur request/send data

Client mengirimkan request data kemudian diubah menjadi JSON. REST Server menerima
respon data berupa JSON dan kode status kemudian diubah menjadi HTML. Request get
digunakan untuk mengambil data. POST digunakan untuk menambah data. PUT digunakan
untuk mengubah data. DELETE digunakan untuk menghapus data

2. Perbedaan REST API dengan RESTful API yaitu :

REST API
- RE-PRESENTASIONAL STATE TRANSFER
- GAYA ARSITEKTURAL PERANGKAT LUNAK YANG DIDALAMNYA
MENDEFINISIKAN ATURAN – ATURAN UNTUK MEMBUAT SEBUAH WEB
SERVICE
- STATELESS
- DIBUAT OLEH ROY FIELDING (DISERTASI PhD)
- MENGGUNAKAN PROTOKOL HTTP
- INTERAKSI ANTAR MESIN

RESTful API
- MENGGUNAKAN HTTP METHOD YANG BENAR
 - URL / ENDPOINTS – NYA MENGGUNAKAN KATA BENDA, BUKAN KATA
KERJA
- STATELESSEST API

3. {
"Mahasiswa": [{
"nis": "12345",
"nama_siswa": "Andika Putra Pradana",
"alamat": "Malang",
"Jurusan": "Rekayasa Perangkat Lunak",
},
{
"nis": "12346",
"nama_siswa": "Ilham Aditya Nugraha",
"alamat": "Malang",
"Jurusan": "Rekayasa Perangkat Lunak",
},
{
"nis": "12347",
"nama_siswa": "Muhammad Ihsaan Syahid",
"alamat": "Malang",
"Jurusan": "Rekayasa Perangkat Lunak",
},
{
"nis": "12348",
"nama_siswa": "Muhammad Syaiful",
"alamat": "Malang",
"Jurusan": "Rekayasa Perangkat Lunak",
},
{
"nis": "12349",
"nama_siswa": "Eko Wahyudi",
"alamat": "Singosari",
"Jurusan": "Rekayasa Perangkat Lunak",
},
{
"nis": "12350",
"nama_siswa": "Anis Marsela",
"alamat": "Lawang",
"Jurusan": "Rekayasa Perangkat Lunak",
},
 {
"nis": "12351",
"nama_siswa": "Anisa Subandono",
"alamat": "Karangploso",
"Jurusan": "Rekayasa Perangkat Lunak",
}
]

4. Potongan kode HTML

<div class = “container”>
<div id=”mahasiswa-list”></div>
</div>
<script type=”text/javascript” src=”js/script.js”></script>

Potongan kode script.js

const data = “mahasiswa.json”;
const listMHS= document.queryselector(‘#mahasiswa-list’);
const getlistMhs = () => {
tetch (data)
.then(response =>{
Return respons.json();
}). then (responseJson => {
console.log(responsJson.mahasiswa);
listMhs.innerHTML = “ “;
let mhs = responseJson.mahasiswa;
mhs to each(item => {
listMHS.innerHTML += item.nama_siswa+” “
});
}).catch (error => {
console.error(error);
});
}
document.addEventListener(‘DOMcontentLoaded’, getlistMhs);