SlideShare a Scribd company logo
XML and XSL
  WHISNU SUCITANUARY, MCTS.
    Blacx_wish@yahoo.com
         June 03, 2011
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
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).
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>
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:
“Learn and Share..”

More Related Content

PDF
Penjelasan json 141151850
DOCX
PENGENALAN CSS
DOCX
Tugas 2 rekweb
PDF
Penjelasan JSON
PPTX
Tugas rekweb 2 1212511560 m.shafwan al farisy
DOC
Laporan pbw css
PPTX
Tugas2 KI-0316-safwan reza-1111511810
PPTX
Tugas 3 0317-mukhlis abdilah-1411511213
Penjelasan json 141151850
PENGENALAN CSS
Tugas 2 rekweb
Penjelasan JSON
Tugas rekweb 2 1212511560 m.shafwan al farisy
Laporan pbw css
Tugas2 KI-0316-safwan reza-1111511810
Tugas 3 0317-mukhlis abdilah-1411511213

What's hot (14)

PPTX
TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844
DOCX
Laporan pbw
PPTX
Tugas 2 rekweb
DOCX
Laporan pemrograman berbasis web
PPT
TUGAS2 RekWeb-[KI]-0316-[SRI SUSANTO]-[1412511642]
PDF
Tugas 4 api
PDF
Java sfb
PDF
Css tutorial-05
PDF
Database Basic Knowledge
PPTX
Tugas 2 rekayasa web Freddy Ferdiansyah 1412510586
PDF
7 jam membuat web dari nol
PPTX
Tugas 3 0317
PPTX
Tugas 3 0317 hendrie prasetyo 1612510899
PDF
Json_dian sinta agustin_1100631013
TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844
Laporan pbw
Tugas 2 rekweb
Laporan pemrograman berbasis web
TUGAS2 RekWeb-[KI]-0316-[SRI SUSANTO]-[1412511642]
Tugas 4 api
Java sfb
Css tutorial-05
Database Basic Knowledge
Tugas 2 rekayasa web Freddy Ferdiansyah 1412510586
7 jam membuat web dari nol
Tugas 3 0317
Tugas 3 0317 hendrie prasetyo 1612510899
Json_dian sinta agustin_1100631013
Ad

Similar to XML and XSL (20)

PDF
T 12 (database internet)
PPTX
Tugas2 rekayasaweb
PPTX
Pengantar pemrograman web HTML
PDF
Tentang XML
PDF
Dasar html taufan_riyadi
PPTX
Tugas 2 rekweb laily fitria 1412510511
PDF
Jeni J2 Me Bab08 Web Services
PDF
Jeni j2 me-bab08-web services
PPTX
Tugas2 ku-0316-dody alfad-1511510669
PPTX
Tugas 2 rekweb Ika Sulistiyani
PPTX
Tugas 3 0317-imelda felicia-1412510545
PPTX
Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893
PPTX
XML - Chapter 4
PPT
Tugas2andremelky1212511578
PDF
PDF
Catatan HTML SMP CC @2014-2015
PPTX
Tugas 3 0317-nurulazmi-1412510487
PDF
Andino Maseleno - Modul Web Programming
PPTX
Tugas 2 rekayasa web
PPTX
Tugas2 rekayasa web
T 12 (database internet)
Tugas2 rekayasaweb
Pengantar pemrograman web HTML
Tentang XML
Dasar html taufan_riyadi
Tugas 2 rekweb laily fitria 1412510511
Jeni J2 Me Bab08 Web Services
Jeni j2 me-bab08-web services
Tugas2 ku-0316-dody alfad-1511510669
Tugas 2 rekweb Ika Sulistiyani
Tugas 3 0317-imelda felicia-1412510545
Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893
XML - Chapter 4
Tugas2andremelky1212511578
Catatan HTML SMP CC @2014-2015
Tugas 3 0317-nurulazmi-1412510487
Andino Maseleno - Modul Web Programming
Tugas 2 rekayasa web
Tugas2 rekayasa web
Ad

Recently uploaded (20)

DOCX
Modul Ajar Deep Learning PJOK Kelas 12 SMA Terbaru 2025
DOCX
Modul Ajar Deep Learning PJOK Kelas 10 SMA Terbaru 2025
PDF
KASUS_INKUIRI_KOLABORATIF_KELAS_BAWAH-ISI-ARNI.pdf
DOCX
Modul Ajar Deep Learning Prakarya Kerajinan Kelas 12 SMA Terbaru 2025
PPTX
Modul 2. Berpikir Komputasional sebagai Dasar Koding untuk Kecerdasan Artifis...
PPTX
Bahan Tayang OJT Pembelajaran Mendalam KS
PDF
Digital Statecraft Menuju Indonesia Emas 2045: Diplomasi Digital, Ketahanan N...
PDF
PPT Resources Seminar AITalks: AI dan Konseling GPT
PDF
Lembar Kerja Mahasiswa Konsep Sistem Operasi
PPTX
Pancasila: fondasi peradaban dan kebudayaan berkelanjutan
DOCX
Modul Ajar Deep Learning Bahasa Inggris Lanjutan Kelas 11 SMA Terbaru 2025
PPTX
PPT MATERI KODING DAN KECERDASAN ARTIFISIAL UNTUK PEMBELAJARAN
DOCX
Lembar Kerja Mahasiswa Information System
PPTX
Presentasi_Pembelajaran_Mendalam_Lengkap.pptx
DOCX
Modul Ajar Deep Learning PKWU Rekayasa Kelas 12 SMA Terbaru 2025
PPSX
Teknik Trading Selang Seling Yang Dapat Digunakan Untuk Trading Manual Maupun...
PDF
883668952-KP-4-Modul-2-Kerangka-Pembelajaran-Mendalam.pdf
DOCX
Modul Ajar Deep Learning Biologi Kelas 10 SMA Terbaru 2025
DOCX
Modul Ajar Pembelajaran Mendalam Senbud Seni Musik Kelas XII Terbaru 2025
PPTX
PPT Kurikulum Berbasis Cinta tahun 2025.
Modul Ajar Deep Learning PJOK Kelas 12 SMA Terbaru 2025
Modul Ajar Deep Learning PJOK Kelas 10 SMA Terbaru 2025
KASUS_INKUIRI_KOLABORATIF_KELAS_BAWAH-ISI-ARNI.pdf
Modul Ajar Deep Learning Prakarya Kerajinan Kelas 12 SMA Terbaru 2025
Modul 2. Berpikir Komputasional sebagai Dasar Koding untuk Kecerdasan Artifis...
Bahan Tayang OJT Pembelajaran Mendalam KS
Digital Statecraft Menuju Indonesia Emas 2045: Diplomasi Digital, Ketahanan N...
PPT Resources Seminar AITalks: AI dan Konseling GPT
Lembar Kerja Mahasiswa Konsep Sistem Operasi
Pancasila: fondasi peradaban dan kebudayaan berkelanjutan
Modul Ajar Deep Learning Bahasa Inggris Lanjutan Kelas 11 SMA Terbaru 2025
PPT MATERI KODING DAN KECERDASAN ARTIFISIAL UNTUK PEMBELAJARAN
Lembar Kerja Mahasiswa Information System
Presentasi_Pembelajaran_Mendalam_Lengkap.pptx
Modul Ajar Deep Learning PKWU Rekayasa Kelas 12 SMA Terbaru 2025
Teknik Trading Selang Seling Yang Dapat Digunakan Untuk Trading Manual Maupun...
883668952-KP-4-Modul-2-Kerangka-Pembelajaran-Mendalam.pdf
Modul Ajar Deep Learning Biologi Kelas 10 SMA Terbaru 2025
Modul Ajar Pembelajaran Mendalam Senbud Seni Musik Kelas XII Terbaru 2025
PPT Kurikulum Berbasis Cinta tahun 2025.

XML and XSL

  • 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: