1. XML and XSL
WHISNU SUCITANUARY, MCTS.
Blacx_wish@yahoo.com
June 03, 2011
2. XML adalah sebuah Markup Language dan bukan sebuah bahasa pemrograman. XML lebih
cenderung merupakan sebuah dokumen markup untuk keperluaan pertukaran data antar sistem
yang beraneka ragam. Berikut adalah contoh sederhana dari XML :
Books.xml
<?xml version="1.0"?>
<rak>
<buku>
<judul>Belajar PHP Advance</judul>
<penulis>Roger</penulis>
<halaman>340</halaman>
</buku>
<buku>
<judul>Belajar Ajax Dasar</judul>
<penulis>Robert</penulis>
<halaman>570</halaman>
</buku>
<buku>
<judul>Membuat Website</judul>
<penulis>Richard</penulis>
<halaman>230</halaman>
</buku>
</rak>
Program default untuk menjalankan file tersebut adalah sebuah Browser, dan cara untuk
memanggilnya kita cukup dengan memasukan alamat dari file tersebut di address url pada browser.
http://localhost/ajax/xsl/books.xml
3. dan berikut adalah hasil setelah xml tersebut di buka pada browser :
Layaknya sebuah file HTML yang memiliki style yang dapat disimpan pada file tersendiri yaitu CSS,
XML juga mempunyai sebuah file yang dapat merubah template default dari sebuah xml seperti pada
gambar diatas, yaitu menggunakan sebuah file yang berekstensi *.XSL (Extensible Stylesheet
Language).
4. XSL adalah sebuah bahasa pedoman untuk transformasi dokumen XML menjadi bentuk lainnya.
Berikut adalah contoh script XSL :
Bookstyle.xsl
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<body>
<table border="2">
<tr>
<td>
Nama Buku
</td>
<td>
Penulis
</td>
<td>
Jumlah Halaman
</td>
</tr>
<xsl:for-each select="//buku">
<tr>
<td>
<xsl:value-of select="judul" />
</td>
<td>
<xsl:value-of select="penulis" />
</td>
<td align="center">
<xsl:value-of select="halaman" />
</td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
5. Untuk menghubungkan antara file XML dengan transform-language nya atau file XSL tersebut diatas,
kita cukup menambahkan satu baris script pada file Books.xml tadi diatas pada line 2:
<?xml-stylesheet type="text/xsl" href="books.xsl"?>
Sehingga hasilnya terlihat seperti pada potongan gambar di bawah :
Setelah file Books.xml tersebut di ubah, langkah selanjutnya adalah dengan menjalankan kembali file
Books.xml pada browser anda dan hasilnya akan tampak seperti gambar dibawah: