XML extensible Markup Language

dokumen-dokumen yang mirip
XPath E X T E N S I B L E P A T H L A N G U A G E

Pemrograman Basis Data Berbasis Web

XML extensible Markup Language. Oleh: Nisa Miftachurohmah, S. Kom

XML. Minggu 11 Sumber : Materi Pengantar XML, Moh Junaedi, Pemrograman Web/TI/ AK /2 sks

PEMROGRAMAN WEB. 11 XML, XHTML dan JSON. Andi WRE

Transformasi Dokumen XML

Transformasi Dokumen XML

HTML (HYPERTEXT MARKUP LANGUAGE)

Pemrograman Web Week 2. Team Teaching

Modul Praktikum Desain Web 2015

Pemrograman Web. Cascading Style Sheets. Created by : Rifqi Sambas Khairurrohman

Cara membuat HTML dasar

Bab 5. Cascading Style Sheet (CSS)

CSS Cascading Style Sheet

Pemrograman Berbasis Web Pertemuan 5 XML & DTD. Program Diploma IPB - Aditya Wicaksono, S.Komp 1

Penggunaan Struktur Data Pohon Berakar dalam XML

PEMROGRAMAN WEB 1 CSS

XML vs JSON. by: Ahmad Syauqi Ahsan

Extensible Markup Language (XML)

Pengenalan Script. Definisi HTML

Dasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata

HTML (HyperText Markup Language)

BAB I PERKENALAN HTML

4/13/2011. pada dokumen XML sehingga dapat diproses oleh aplikasi.

PEMROGRAMAN CLIENT SERVER XML FUNDAMENTAL Dosen Pengampu : Fandy Setyo Utomo, S.Kom

Sistem Manajemen Basis Data Web 2 :

BAB I PERKENALAN HTML

PEMBUATAN PROGRAM UNTUK MENGUBAH FILE DATABASE MENJADI XML

PENGEMBANGAN HALAMAN WEB MENGGUNAKAN XML DALAM PERKEMBANGAN WEB 2.0

BAB 2 TINJAUAN PUSTAKA. : Multi sistem operasi, bisa Windows, Linux, Mac OS, maupun Solaris

Cascading Style Sheet (CSS) dan JavaScript

HTML & CSS. Pemrograman Web. Rajif Agung Yunmar, S.Kom

Pemrograman Basis Data Berbasis Web

XHTML dan Dasar-dasar CSS XHTML

Modul 3 CSS CASCADE STYLE SHEET

CSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa

Tampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat )

Dasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata

Modul 1 : HTML dan CSS

Pertemuan Ke-4 (Peggunaan XHTML) D3 Manajemen Informatika - Unijoyo 1

Prak. E-Bussiness & E-Commerce HTML. (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto.wordpress.com

Desain Grafis. RAHMADY LIYANTANTO liyantanto.wordpress.com

Moh Junaedi

Pemrograman Basis Data Berbasis Web

HTML. Hypertext Markup Language. Pemrograman Web 1. Genap

PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 5

Modul 10 DreamWeaver MX Suendri, S.Kom

XML (extensible Markup Language) PRODI TEKNIK TELEKOMUNIKASI POLITEKNIK ELEKTRONIKA NEGERI SURABAYA

CSS (Cascade Style Sheet)

CSS? Contoh sederhana Selector Mekanisme mengaplikasikan CSS Elemen-elemen CSS

Extensible Markup Language (XML)

BAB I DASAR-DASAR HTML

Chapter 2. Tipe Data dan Variabel

BAB 2 LANDASAN TEORI. saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi. Beberapa komponen komputer yaitu :

HTML 2 dan CSS. Setelah mengikuti praktikum ini mahasiswa diharapkan dapat :

C. Ms Powerpoint D. Notepad E. Ms Acces

Web Programming (WP) Step 2 [ HTML & PHP BASIC]

TUGAS PEMROGRAMAN BERBASIS WEB SEJARAH INTERNET DAN XHTML

BELAJAR HTML DASAR CARA MEMBUAT TABEL

Faa Akmal-Tugas-Pemrograman-web-Bab-4- halaman-159s/d164

Pemrograman Basis Data Berbasis Web

HTML DOM #1 Yosef Murya Kusuma Ardhana. ST., M.Kom

Keuntungan Memisahkan presentation sebuah dokumen dari content document itu sendiri Mempermudah dan mempersingkat pembuatan dan pemeliharaan dokumen w

PERANCANGAN DAN PEMBUATAN SISTEM VALIDASI XHTML 1.0

Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa

Perbedaan antara XHTML dan HTML

Pengantar HTML. Pengantar HTML

MODUL 1 HTML. (HyperText Mark-Up Language)

WEB SEMANTIK SEBAGAI MEDIA DISTRIBUSI DATA BIODIVERSITAS DENGAN MEKANISME GRDDL

Pemrograman berbasis Web dan Multimedia. Web and Multimedia based Programming K2133

Nama : Yohandes Efindo NIM : Kelas : F. Terjemahan halaman 4-5. Tag HTML

Edisi UNIVERSITAS NEGERI SEMARANG. Badan Pengembangan Teknologi Informasi dan Komunikasi. Modul Pelatihan H T M L

PEMROGRAMAN BERBASIS WEB. Part 1,2 HTML. By Rolly Yesputra Sekolah Tinggi Manajemen Informatika dan Komputer Royal Kisaran, 2018

XML (extensible Markup Language) -from few books and W3School Web Programming-even-2012-dww 1

BAB II LANDASAN TEORI. bidang media komunikasi dan informasi. Internet adalah suatu jaringan komputer

MEMANFAATKAN CASCADING STYLE SHEET UNTUK MEMPERINDAH TAMPILAN WEB

TEKNIK DOCUMENT OBJECT MODEL (DOM) UNTUK MANIPULASI DOKUMEN XML. Kusnawi ABSTRACT

Pemrograman Basis Data Berbasis Web

CSS. Cascading Style Sheet. Spesifikasi lengkap di :

Interactive Broadcasting

MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

BAB II LANDASAN TEORI

Mengenal dan Mengedit HTML

Materi 2 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com

FERNANDYA RISKI HARTANTRI / F DASAR-DASAR HTML

BAB 2 LANDASAN TEORI. 2.1 Sekilas Tentang Sistem Ujian Konevensional

KBKF53110 WEB PROGRAMMING

MODUL 1 PENGENALAN HTML

Bahasa Pemrograman Untuk Pembuatan Web

Web Design : Struktur Dasar Web

Struktur Umum File Dengan Bahasa HTML

PEMROGRAMAN CLIENT SERVER DOCUMENT TYPE DEFINITIONS (DTD) & NAMESPACE Dosen Pengampu : Fandy Setyo Utomo, S.Kom

Bab2 -Pengenalan HTML

Keterampilan Komputer. 8. Pengenalan HTML

Transkripsi:

XML extensible Markup Language

Namespace Namespaces adalah dengan penambahan suatu string pada suatu elemen. Tujuan namespaces adalah untuk membedakan antara nama elemen dan nama atribut yang sama namun memiliki arti yang berbeda.

Sintaks Namespace Misal: <kayu> <jenis>mahoni</jenis> <panjang>2</panjang> </kayu> <kayu> <banyak>246</banyak> <harga>200</harga> </kayu> <data> <n_satu:kayu xmlns:n_satu='namespace1'> <n_satu:jenis>mahoni</n_satu:jenis> <n_satu:panjang>2m</n_satu:panjang> </n_satu:kayu> <n_dua:kayu xmlns:n_dua='namespace2'> <n_dua:banyak>246</n_dua:banyak> <n_dua:harga>300</n_dua:harga> </n_dua:kayu> </data>

XML di Web XML sangat menarik untuk gunakan didalam halaman web karena sifat dokumen XML harus well-formed dan parser akan menolaknya jika dokumen salah. tag XML dan nama atribut dapat menjelaskan sifat konten.

XHTML XHTML adalah dokumen yang mendefinisikan XMLcompatible versi HTML, atau sebaliknya. XHTML dapat mengubah HTML sebagai aplikasi XML. XHTML merupakan standard dalam menyusun kode-kode HTML yang baik dan terstruktur.

XHTML Dalam mengubah dokumen HTML menjadi dokumen XHTML adalah dengan membuat dokumen menjadi well-formed. Misalnya perubahan yang akan dilakukan : Menambahkan end-tag seperti </p> dan </li> jika pada dokumen tidak ada end-tag-nya. Menulis kembali dokumen yang tag-nya saling tumpang tindih, misalnya <b><i>apa</b></i> menjadi <b><i>apa</i></b> Meletakkan tanda petik pada nilai atribut. Jika dalam HTML sering menggunakan nilai atribut tanpa tanda petik. Misalnya <p align=center> menjadi <p align="center">.

XHTML Menambahkan nilai pada atribut yang memiliki nilai boolean dengan namanya sendiri. Misalnya <input type="checkbox" checked> menjadi <input type="checkbox" checked="checked">. Mengganti karakter & atau < dalam data atau atribut dengan nilainilai & atau <. Misalnya ubah A&P menjadi A&P. Mengubah empty elemen. Misalnya <hr> menjadi <hr/> atau <hr></hr> Menambahkan hyphens kedalam komentar. Misalnya <! this is a comment> menjadi <!-- this is a comment --> Encode kedalam UTF-8 atau UTF-16.

XML dengan CSS Dalam menampilkan sebuah dokumen pada browser, kita dapat mengambil pengaturan tampilannya dari file lain atau yang sering disebut dengan direct display. Contoh yang sering digunakan adalah CSS (Casecading Style Sheet).

data{ color:#ff0000; font-family:arial; font-weight:bold; text-decoration:underline; } <?xml version="1.0"?> <?xml-stylesheet href="css.css" type="text/css"?> <data> Menampilkan Data XML dengan CSS </data>

XSL Transformations (XSLT) XSLT merupakan bahasa pemrograman berdasar XML yang digunakan untuk mentransformasi dokumen XML menjadi dokumen XML atau format lainnya. Transformasi tersebut tidak mengubah dokumen asli, tapi menghasilkan dokumen baru berdasarkan isi dokumen asli.

XSL Transformations (XSLT) Dokumen XSLT yaitu, sebuah XSLT stylesheet berisi template-rule, dimana masing-masing template memiliki aturan dan pola tersendiri.

xsl:stylesheet XSLT stylesheet merupakan dokumen XML, dan umumnya harus meggunakan deklarasi XML atau paling tidak stylesheets. <?xml version="1.0"?> <xsl:stylesheet version="1.0" xmlns:xsl= "http://www.w3.org/1999/xsl/transform"> </xsl:stylesheet>

Templates dan Template Rules Untuk mengontrol hasil output, kita dapat menambahkan template rule atau aturan template kedalam XSLT stylesheet. Setiap template direpresentasikan dengan elemen xsl:template. Elemen xsl:template bukan bukan template untuk dirinya sendiri.

<?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/xsl/trans form xmlns="http://www.w3.org/1999/xhtml"> <xsl:output method="html"/> <xsl:template match= data"> sebuah tulisan </xsl:template> </xsl:stylesheet> <?xml version="1.0"?> <?xml-stylesheet type="text/xsl" href="xsl.xsl"?> <data> Menampilkan data XML dengan XSL </data>

Elemen dengan xsl:value-of Elemen xsl:value-of digunakan untuk mengambil nilai dari elemen. Misal: <?xml version="1.0"?> <?xml-stylesheet type="text/xsl" href="xsl.xsl"?> <data> <kalimat> Menampilkan data XML dengan XSL </kalimat> </data> <?xml version="1.0"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/xsl/trans form"> <xsl:template match="data"> <xsl:value-of select="kalimat"/> </xsl:template> </xsl:stylesheet>

Element dengan xsl:apply-templates apply - templates berfungsi menempakan isi dari elemennya ke elemen dokumen XML yang sesuai. Misal:

<?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/xsl/transform" xmlns="http://www.w3.org/1999/xhtml"> <xsl:output method="html"/> <xsl:template match= /data"> <html> <head> <title>menampilkan XML dengan XSL</title> </head> <body> <h3>data Siswa</h3> <table border="1"> <tr><th>nis</th><th>nama</th></tr> <xsl:apply-templates select="siswa"> </xsl:apply-templates> </table> </body> </html> </xsl:template> <xsl:template match="siswa"> <tr> <td> <xsl:value-of select="nis"/> </td> <td> <xsl:value-of select="nama"/> </td></tr> </xsl:template> </xsl:stylesheet> <?xml version="1.0"?> <?xml-stylesheet type="text/xsl" href="xsl1.xsl"?> <data> <siswa> <nis>9876</nis> <nama>salanura Amini</nama> </siswa> <siswa> <nis>5432</nis> <nama>puspa Kirana</nama> </siswa> </data>

Referensi http://www.nesc.ac.uk/talks/tox2/xtalk_matt1.pdf http://homepages.inf.ed.ac.uk/wadler/papers/xquerytutorial/xquery-tutorial.pdf dan berbagai sumber lainnya.