![TUGAS2 RekWeb-[KI]-0316-[SRI SUSANTO]-[1412511642]](https://cdn.slidesharecdn.com/ss_thumbnails/tugas2rekweb-160324080146-thumbnail.jpg?width=560&fit=bounds)
More Related Content
Similar to Pengantar XML DOM (14)
More from Dudy Ali (20)
Pengantar XML DOM
- 1. 3SC4 PNJ – Q5 Dudy Fathan Ali S.Kom XML DOM 3SC4 PNJ – Q5 Dudy Fathan Ali, S.Kom (DFA) 2014 CEP - CCIT Fakultas Teknik Universitas Indonesia
- 2. XML DOM? 3SC4 PNJ – Q5 Dudy Fathan Ali S.Kom "The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document." • DOM = Document Object Model • Standard Object Model for XML • Standard Programming Interface for XML • Platform- and Language- Independent • W3C Standard The XML DOM is a standard for how to get, change, add, or delete XML elements.
- 3. XML DOM Nodes 3SC4 PNJ – Q5 Dudy Fathan Ali S.Kom Merujuk kepada Document Object Model, maka semua yang ada pada XML adalah Node. • Dokumen XML adalah Document Node. • Setiap elemen XML adalah Element Node. • Setiap text pada XML adalah Text Node. • Setiap atribut pada XML adalah Attribute Node. • Setiap komentar adalah Comment Node.
- 4. XML DOM Nodes 3SC4 PNJ – Q5 Dudy Fathan Ali S.Kom • Root Node pada kode XML diatas adalah <pegawai>. Semua node yang lain adalah bagian dari Root Node. • Root Node memiliki 4 node lain yaitu <idpegawai>, <nama>, <alamat> yang mana setiap node tersebut memiliki 1 Text Node. • P001, Andini, dan Jakarta merupakan Text Node dan bukan merupakan value dari setiap Element Node yang ada.
- 5. XML DOM Node Tree 3SC4 PNJ – Q5 Dudy Fathan Ali S.Kom • XML DOM membaca XML Dokumen dalam bentuk Tree Structure yang biasa disebut sebagai Node Tree. • Semua node bisa dibaca dan dimodifikasi bahkan bisa ditambahkan lewat Node Tree. • Semua node didalam Node Tree memiliki relasi kepada node yang lain. Beberapa contoh relasinya adalah : Parent, Child, dan Siblings.
- 6. XML DOM Node Tree 3SC4 PNJ – Q5 Dudy Fathan Ali S.Kom Root Element <pegawai> Element <idpegawai> Element <nama> Element <alamat> Parent Node firstChild lastChild nextSibling previousSibling childNodes and leafNodes • Node paling atas adalah Root Node • Setiap node memiliki parent (kecuali Root Node) • Node bisa memiliki sejumlah Child Node • Leaf Node adalah node yang tidak memiliki Child Node • Siblings adalah Node dengan Parent yang sama.
- 7. XML DOM Parser 3SC4 PNJ – Q5 Dudy Fathan Ali S.Kom • Setiap browser biasanya memiliki XML Parser yang memungkinkan browser untuk membaca dan memanipulasi XML Dokumen • XML parser mengubah XML menjadi XML DOM Object yang bisa diakses dengan Javascript, PHP, atau bahasa lainnya • XML DOM hanya berjalan pada browser IE, jika anda menggunakan Firefox gunakanlah method XHttpRequest() Perhatikan kode berikut …
- 8. XML DOM Parser 3SC4 PNJ – Q5 Dudy Fathan Ali S.Kom
- 9. XML HTTP Request 3SC4 PNJ – Q5 Dudy Fathan Ali S.Kom Jika menggunakan browser Firefox, maka bisa menggunakan method XMLHttpRequest untuk load XML dan XSL kedalam HTML Document
- 10. 3SC4 PNJ – Q5 Dudy Fathan Ali S.Kom Terima Kasih Dudy Fathan Ali S.Kom dudy.fathan@eng.ui.ac.id