Rafli Setiadi: LAPORAN PRAKTIKUM MODUL 9

NAMA : Rafli Setiadi
NIM : L200120106
KELAS : F

LAPORAN PRAKTIKUM MODUL 9

XML(eXtensible Markup Language)

A. TUJUAN
Kita dapat memahami bahasa XML sebagai bahasa pengolah data dalam web server.

B. LANDASAN TEORI

XML (Extensible Markup Language) adalah bahasa markup untuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen markup keperluan pertukaran data antar sistem yang beraneka ragam. XML merupakan kelanjutan dari HTML (HyperText Markup Language) yang merupakan bahasa standar untuk melacak Internet.

XML didesain untuk mampu menyimpan data secara ringkas dan mudah diatur. Kata kunci utama XML adalah data (jamak dari datum) yang jika diolah bisa memberikan informasi.

XML menyediakan suatu cara terstandarisasi namun bisa dimodifikasi untuk menggambarkan isi dari dokumen. Dengan sendirinya, XML dapat digunakan untuk menggambarkan sembarang view database, tetapi dengan suatu cara yang standar.

C. ALAT DAN BAHAN

1. PC / Komputer

2. Notepad ++

3. Browser Google Chrome / Mozila firefox

4. Internet

5. Modul Praktikum Pemrograman Web

D. LANGKAH PRAKTIKUM

PERCOBAAN 1

1. buka aplikas Notepad++, kemudian kita ketikkan script berikut :

2. Kita simpan dengan nama data.xml

3. Kemudian kita buka dengan web browser.

4. Hasil percobaan sebagai berikut :

PERCOBAAN 2 ( XML dan CSS )
1. Kita buka aplikasi notepad++, kemudian kita ketikkan script berikut :

2. Kita buka kembali file data.xml menggunakan notepad++ dan kita tambahkan script pada baris ke dua diatas tag <Mahasiswa> :

3. Kita simpan file tersebut.
4. Kita buka file data.xml tersebut dengan web browser.
5. Hasil percobaan sebagai berikut :

PERCOBAAN 3 ( XML dan CSS bag.2 )
1. Kita buka aplikasi notepad++, kemudian kita ketikkan script berikut :

3. Kita simpan dengan data2.css.
4. Kita buka kembali data.xml dan kita tambahkan script baris kedua di atas tag <Mahasiswa> dan ganti script sebagai berikut dan disimpan dan buka file tersebut :

5. Hasil percobaan sebagai berikut :

PERCOBAAN 4 ( XML dan HTML )

1. Kita buka aplikasi notepad++, kemudian kita ketikkan script berikut :

2. Kita simpan dengan nama data.html
3. Kita buka file dengan web browser.
4. Hasil percobaan sebagai berikut :

PERCOBAAN 5 ( XML dan HTML bag.2 )
1. Kita buka aplikasi notepad++, kemudian kita ketikkan script berikut :

2. Kita simpan dengan nama data2.html
3. Kita buka file dengan web browser.
4. Hasil percobaan sebagai berikut :

PERCOBAAN 6 ( XML dan PHP )
1. Kita buka aplikasi notepad++, kemudian kita ketikkan script berikut :

2. Kita simpan dengan nama xmlphp.php
3. Kita buka file dengan web browser.
4. Hasil percobaan sebagai berikut :

E. Tugas
Tulislah Scriptnya seperti berikut :

<html>
<body>
<style type="text/css">
table{
background:skyblue;
border-style:dotted;
}
.td{
font-weight:bold
}
</style>

document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("ID");
document.write("
<tr><td>");
document.write("<b>NIM</b>");
document.write("</td><td>");
document.write("<b>Nama</b>");
document.write("</td><td>");
document.write("<b>Kota</b>");
document.write("</td></tr>
");
for (i=0;i<x.length;i++)
{
document.write("
<tr><td>");

document.write(x[i].getElementsByTagName("NIM")[0].childNodes[0].nodeValue);
document.write("</td><td>");

document.write(x[i].getElementsByTagName("Nama")[0].childNodes[0].nodeValue);
document.write("</td><td>");

document.write(x[i].getElementsByTagName("Kota")[0].childNodes[0].nodeValue);
document.write("</td><td>");
}
document.write("</table>
");

</script>
</body>
</html>

Hasilnya sebagai berikut :

Rafli Setiadi

Senin, 22 Desember 2014

LAPORAN PRAKTIKUM MODUL 9

Tidak ada komentar:

Posting Komentar