Introduction to XML.

Slides:



Advertisements
Presentasi serupa
Matakuliah Pengenalan Internet
Advertisements

HTMLHTML ADVANCE. HTML DOCTYPE Sebuah deklarasi DOCTYPE mengacu pada aturan- aturan untuk bahasa markup, sehingga browser membuat konten dengan benar.
HTML.
HTML Hyper Text Markup Language
Pemrograman XML Introducing XML Salhazan Nasution, S.Kom.
Pemrograman Web 1Humisar Hasugian, S.Kom 1 Pengenalan HTML HTML • Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan.
HTML  singkatan dari HyperText Markup Language  menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Software.
Web Service.
Pengembangan Web Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
MATA KULIAH :DESAIN WEB
Pengenalan HTML Oleh A ngraini. Tentang HTML HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web dan HTML kini merupakan.
HTML Hipertext Markup Language
LAYANAN BERBASIS APLIKASI WEB Pertemuan I Budi Arifitama.
HTML.
PEMROGRAMAN WEB DENGAN HTML & php frame work (code igniter)
HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Software.
 HTML merupakan bahasa paling standard yang digunakan untuk membuat suatu website  HTML Singkatan dari H yper T ext M arkup L anguage  HTML bukanlah.
Pemrograman Web/TI/ AK /2 sks
Pemrograman Internet Mobile
 H ypertext M arkup L anguage (HTML) adalah suatu file teks sederhana yang mengandung perintah-perintah berupa TAGS sehingga sebuah web browser dapat.
Pemrograman Web/TI/ AK /2 sks
HTML Basic.
Pengenalan XML Perbedaannya dengan HTML Kebutuhan akan XML.
PERTEMUAN KE 2 JAVA SERVER PAGES (JSP) BY : TITO SUGIHARTO
Praktikum Java Script.
HTML (Hypertext Markup Language)
HTML PEMROGRAMAN INTERNET.
Document Type Definition (DTD)
Pengenalan HTML Oleh Benny Irawan. WORLD WIDE WEB Web pada awalnya merupakan ruang informasi dalam internet, dengan menggunakan teknologi hyperteks, terdiri.
Zaenal Abidin. HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen.
ADD-ON Dasar HTML.
Pengenalan XML Perbedaannya dengan HTML Kebutuhan akan XML.
Dasar-dasar Pemrograman PHP
Bahasa Pemrograman & Script untuk Web Materi Pertemuan ke-7.
Team Teknik Elektro UHAMKA HTML.
S1 Teknik Informatika - Unijoyo1 Pemrograman Basis Data Berbasis Web Pertemuan Ke-7 (XML)
S1 Teknik Informatika - Unijoyo
Pengantar Web Design.
Desain Web dengan Tag HTML
Perancangan Sistem 6 Senin,
Multimedia Matematika – Pertemuan 3
DTD Disusun oleh : Tim Pengajar Pemrosesan XML
Hyper Text Markup Language
KOMPUTER APLIKASI IT II
XML & AJAX Teguh S.
Pemrograman Basis Data Berbasis Web
Komputer aplikasi it-I (html)
Komputer aplikasi it-I (html)
Pemrograman Web/TI/ AK /2 sks
Hanya untuk kepentingan pengajaran di lingkungan Fakultas Ilmu Terapan
Universitas Komputer Indonesia
Bahasa Pemrograman & Script untuk Web
Pemrograman Berbasis WEB
Semantic Web 4 : XML namespace&DTD
Pemrograman Berorientasi Platform (IN315B)
Pengenalan Dasar Web dan HTML
Semantic Web : Dasar XML
Web Design : Struktur Dasar Web dan Dokumen HTML
Darmawan satyananda Mathematics department State university of malang
Pemrograman Web PG117 – 3 SKS.
Pengenalan HTML HTML Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan dokumen web Untuk membuat dokumen web yang bisa.
Pemrograman Web/TI/ AK /2 sks
Web Markup & Display Language XML (Extensible Markup Language)
Pengenalan Dasar Web dan HTML
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
Dasar-dasar HTML. 2 World Wide Web (WWW) Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia. TCP/IP.
PEMROGRAMAN MOBILE 2 PERTEMUAN 3
Pemahaman XML Data Parsing
XML.
PEMROGRAMAN MOBILE 2 Pemahaman XML Parsing.
Transcript presentasi:

Introduction to XML

Pengertian XML XML adalah singkatan dari eXtensible Markup Language XML adalah sejenis bahasa markup, yakni bahasa yang berisikan kode-kode berupa tanda tertentu (biasanya ‘<’ dan ‘>’) dengan aturan tertentu untuk tujuan memformat dokumen

Evolusi dari XML XML dikembangkan mulai tahun 1996 dan mendapatkan pengakuan dari W3C pada Februari 1998. Teknologi yang digunakan XML merupakan turunan dari SGML XML mengadopsi bagian paling penting pada SGML dan dengan berpedoman pada pengembangan HTML menghasilkan markup language yang tidak kalah hebatnya dengan SGML

Bagaimana XML Bekerja XML dapat mendefinisikan kumpulan tag yang tak terbatas sesuai dengan keinginan XML dapat bekerja dengan cros-platform

Dokumen dan File XML <time-o-gram pri="important"> <to>Sarah</to> <subject>Reminder</subject> <message>Don't forget to recharge K-9 <emphasis>twice a day</emphasis>. I have a date with some <villain>Daleks</villain>... </message> <from>The Doctor</from> </time-o-gram>

Dokumen dan File XML Dokumen XML ditulis menggunakan elemen yang ditandai dengan tag pembuka, tag penutup dan atribut elemen. XML mengijinkan kita untuk menamai atau mendefinisikan tag sesuai dengan keinginan kita, tidak seperti HTML, yang dibatasi penggunaan nama tag.

Mengapa menggunakan XML? XML memisahkan data dari HTML. Memudahkan dalam mendisplay data yang dinamis karena tidak perlu mengedit HTML setiap kali data berubah Dengan XML, data disimpan pada file yang berbeda sehingga HTML hanya untuk layout dan desain Dengan sedikit JavaScript, kita bisa membaca file XML dan mengupdate isi data di HTML

Mengapa menggunakan XML? (Cont) XML memudahkan pembagian data. Komputer dan database bisa saja lintas platform dengan format yang berbeda-beda XML disimpan dalam bentuk plain-text, yang tidak bergantung pada software dan hardware Hal ini mempermudah membagi data pada aplikasi yang berbeda

Mengapa menggunakan XML? (Cont) Dengan alasan yang sama: XML memudahkan pengiriman data XML memudahkan pergantian platform XML menjadikan data kita more available

Mengapa menggunakan XML? (Cont) XML digunakan untuk membuat bahasa internet baru: XHTML, versi terbaru dari HTML WSDL, digunakan dalam web service WAP dan WML, markup language untuk perangkat wireless RSS, bahasa untuk news feeds RDF, mendeskripsikan web resources SMIL, mendeskripsikan konten multimedia untuk web

Perbedaan XML dan HTML XML: XML didesain untuk mengirim dan menyimpan data Fokus pada “what data is” Tag pada XML dapat didefinisikan sendiri Tag pada XML mendeskripsikan konten dari data HTML: HTML didesain untuk menampilkan data Fokus pada “how data looks” Tag pada HTML telah didefinisikan sebelumnya Tag pada HTML mendeskripsikan cara suatu data ditampilkan

Aturan XML (1) Dokumen XML digunakan untuk mendeskripsikan sendiri dokumen tersebut dengan sintaks yang sederhana Contoh: <?xml version="1.0" encoding="ISO-8859-1"?> <note> <to>Tove</to> <from>Jani</from> <heading>Reminder</heading> <body>Don't forget me this weekend!</body> </note>

Aturan XML (1) Bagian pertama adalah tag <xml> yang mendefinisikan versi xml dan encoding yang digunakan Bagian <note> adalah elemen root dalam dokumen. Bagian <to>, <from>, <heading>, dan <body> mendeskripsikan child elements dari elemen <note>

Aturan XML (2) Semua tag xml harus memiliki tag penutup <p>paragraph pertama</p> <p>paragraph kedua</p> Tag tunggal hanya diperbolehkan untuk elemen kosong. Contoh penulisannya sebagai berikut: <anggota nama=”erick”/>

Aturan XML (3) Biasakanlah setiap membuat dokumen XML diawali dengan heading standard XML. Formatnya adalah sebagai berikut: <?xml version=”1.0” encoding=”iso-8859-1”?> Heading berfungsi untuk: mendefinisikan versi, definisi entitas, tipe encoding, dan DOCTYPE Wajib menyertakan nomor versi

Aturan XML (4) Tag XML adalah case sensitive (membedakan antara huruf besar dan kecil) Contoh berikut adalah contoh yang salah: <buku> <judul>Program Keahlian 1</Judul> <pengarang>Erick Kurnia</pengarang> <BUKU>

Aturan XML (5) Semua tag XML harus tersarang dengan benar dan tidak terbalik-balik. Contoh: <b><i>Text is bold and italic-wrong</b></i> <b><i>Text is bold and italic-right</i></b>

Aturan XML (6) Semua dokumen XML harus memiliki elemen root. Elemen root adalah elemen teratas yang harus memiliki tag penutup Contoh: <orangtua> <anak> <namaanak>.....</namaanak> </anak> </orangtua> Dalam contoh di atas elemen <orangtua> adalah elemen root.

Aturan XML (7) Nilai atribut harus diapit dalam tanda petik ganda (quote) Contoh: <?xml version="1.0" encoding="ISO-8859-1"?> <note date="12/11/2002"> <to>Tove</to> </note>

Aturan XML (8) Dalam XML karakter white space (spasi) dibaca sebagai karakter spasi Dalam HTML lebih dari satu karakter white space dihilangkan sehingga “Hello <spasi> <spasi> my name is Tove” akan menjadi “Hello my name is Tove” Namun dalam XML karakter white space tetap dibaca sebagai karakter white space

Aturan XML (9) Komentar adalah kalimat/baris yang tidak dieksekusi oleh compiler, browser atau parser. Penulisan komentar di XML menggunakan tanda <!-- komentar -->

Aturan XML (10) Dalam XML, karakter ‘<’ dan ‘>’ adalah illegal. Contoh di bawah ini akan menghasilkan error kalau dieksekusi oleh browser <syarat>jika jumlah < 1000 maka</syarat> Agar benar, maka harus dilakukan hal sebagai berikut: Penulisan di atas disebut Entity References

Entity References Entity komponen dari content. Penulisan Entity dengan cara diawali dengan ”&” dan diakhiri dengan “;” Misalnya kita ingin menulis “<form>”, agar <form> itu tidak dikenali sebagai tag XML, maka penulisannya menjadi “<form>”

Pohon XML Dokumen XML membentuk struktur pohon, dimulai dari akar, cabang, sampai daun Menggunakan syntax yang sederhana dan self-describing

Pohon XML <?xml version="1.0"?> <note> <to>Tove</to> <from>Jani</from> <heading>Reminder</heading> <body>Don't forget me this weekend!</body> </note>

Pohon XML Baris pertama merupakan deklarasi XML. Menjelaskan bahwa dokumen XML tersebut versi (1.0). Baris kedua mendeskripsikan root element dari dokumen. 4 baris setelahnya merupakan child element dari root (to, from, heading, dan body). Baris terakhir merupakan penutup root element.

Pohon XML Struktur pohon dokumen XML: XML harus mengandung satu root element, yang menjadi orang tua dari elemen-elemen lainnya Semua elemen dapat memiliki sub elemen (child element) Semua elemen dapat mempunyai isi dan atribut (seperti pada HTML)

Pohon XML <root atribut=“…”> <child> <subchild>isi …</subchild> </child> </root>

Pohon XML <bookstore> <book category="COOKING"> <title lang="en">Everyday Italian</title> <author>Giada De Laurentiis</author> <year>2005</year> <price>30.00</price> </book> </bookstore>

Pohon XML

Node XML Sebuah dokumen XML terdiri dari bagian bagian yang disebut dengan node Node-node itu adalah: Root node: yaitu node yang melingkupi keseluruhan dokumen. Dalam satu dokumen XML hanya ada satu root node. Node-node yang lainnya berada di dalam root node. Element node: yaitu bagian dari dokumen XML yang ditandai dengan tag pembuka dan tag penutup, atau bisa juga sebuah tag tunggal elemen kosong seperti <anggota nama=”erick” />

Node XML (Cont) Attribute node: berupa elemen tambahan dari elemen utama Text node: adalah text yang merupakan isi dari sebuah elemen, ditulis diantara tag pembuka dan tag penutup Comment node: adalah baris yang tidak dieksekusi oleh parser Processing Instruction node: adalah perintah pengolahan dalam dokumen XML. Node ini ditandai dengan karakter <? Dan diakhiri dengan ?>. Tapi perlu diingat bahwa header standard XML <?xml version=”1.0” encoding=”iso-8859-1”?> bukanlah processing instruction node NameSpace Node: node ini mewakili deklarasi namespace

Elemen XML Sebuah elemen XML adalah semua kata dari tag pembuka elemen sampai tag penutup elemen termasuk tag itu sendiri Sebuah elemen dapat memiliki : Element content: mengandung elemen lain Mixed content: berisi teks dan elemen lain Simple content: mengandung hanya teks saja Empty content: tidak mengandung teks atau elemen apapun

Atribut XML Elemen XML dapat memiliki atribut seperti pada tag HTML Atribut biasanya menyediakan informasi ekstra dari elemen Dalam contoh di bawah ini file type tidak relevan dengan data, tetapi penting untuk software yang ingin memanipulasi elemen tersebut. Contoh: <file type="gif">computer.gif</file>

Atribut XML (Cont) Beberapa hal yang harus diperhatikan dalam penggunaan atribut: Atribut tidak dapat mengandung banyak nilai tetapi elemen child bisa Atribut tidak mudah diubah untuk pengembangan masa yang akan datang Atribut tidak dapat mendeskripsikan strukturnya tetapi elemen child bisa Atribut lebih sulit di-parsing oleh program penerjemah XML Nilai atribut tidak mudah untuk ditangani oleh DTD yang digunakan untuk mendefinisikan validasi dan legalitas elemen dokumen XML

CData Selection Semua teks dalam dokumen XML, yang disebut PCDATA (Parsed Character Data), akan diparse oleh XML Parser Hanya teks yang berada dalam bagian CDATA (Character Data) saja yang akan dilewati oleh XML Parser CDATA tidak boleh berisi string "]]>", CDATA tidak boleh bersarang, dan tidak boleh ada spasi atau enter didalam string "]]>“ Dengan menggunakan CData karakter dipanggil secara alami, tanpa harus menggunakan entity. Penggunaan CData harus didefinisikan di awal dokumen <pages> <![CDATA[ <comment>This is a Comment</comment> ]]> </pages>

Namespace XML Tag-tag pada XML tidak didefinisikan secara baku tetapi kita buat sendiri sesuai keinginan kita Karena itu akan sering terjadi konflik pada dua dokumen yang menggunakan nama tag yang sama tetapi mewakili dua hal yang berbeda

Namespace XML (Cont) Bila ada dokumen yang mendiskripsikan tentang kebutuhan material pembuatan gardu jaga dari “bambu”: <bambu> <jenis>Jawa</jenis> <panjang>2</panjang> </bambu> Sedangkan jika terdapat dokumen yang mendiskripsikan “bambu” sebagai merk produk: <jumlah>246</jumlah> <hargasatuan>200</hargasatuan>

Namespace XML (Cont) Untuk mengatasi hal ini, Namespace menyediakan metode dengan menggunakan prefiks yang berbeda untuk dokumen pertama: <a:bambu> <a:jenis>Jawa</a:jenis> <a:panjang>2</a:panjang> </a:bambu> Sedangkan untuk dokumen kedua menjadi seperti berikut: <b:bambu> <b:jumlah>246</b:jumlah> <b:hargasatuan>200</b:hargasatuan> <b:/bambu>

Namespace XML (Cont) Aturan penggunaan namespace adalah sebagai berikut: <a:bambu xmlns:a=”http:/www.somewhere.com/gardu”> a adalah prefix yang dipakai, sedangkan atribut namespace di tambahkan pada tag. Syntax untuk atribut namespace adalah sebagai berikut: xmlns:a=”namespace” Pada contoh di atas namespace-nya menggunakan alamat internet W3C namespace spesification menyatakan bahwa namespace haruslah merupakan Uniform Resource Identifier (URI)