Pengantar Teknologi Web 7

XML dan aplikasinya
What Is Markup?
• Information added to a text to make its structure comprehensible
• Pre-computer markup (punctuational and presentational)
– Word divisions
– Copy-editor and typesetters marks
• Any kind of codes added to a document
– Typesetting (presentational markup)
• TeX, Scribe, PostScript,
– Declarative markup
• HTML (sometimes)
• XML
XML (eXtensible Markup Language)
• XML kependekan dari eXtensible Markup Language, dikembangkan mulai tahun 1996 dan mendapatkan pengakuan dari W3C pada 10 Februari 1998.
– It ought to be called the eXtensible Meta Language since it is a language used to create other languages ?
• Teknologi XML adalah teknologi keturunan dari SGML (Standard Generalized Markup Language, ISO 8879) yang dikembangkan pada tahun 1980-an.
• XML adalah suatu bahasa Markup, yaitu bahasa yang berisikan kode-kode berupa tanda-tanda tertentu dengan aturan tertentu untuk memformat dokumen teks dengan tag sendiri agar dapat dimengerti.
– Contoh yang mirip : bahasa HTML, RTF, Wordstar
• XML adalah language untuk mengidentifikasi dan menandai data terstruktur.
Some History
• SGML (Standard Generalized Markup Language)
– ISO Standard, 1986, for data storage & exchange
– Metalanguage for defining languages (through DTDs)
– A famous SGML language: HTML!!
– Separation of content and display
– Used in U.S. gvt. & contractors, large manufacturing companies, technical info. Publishers,...
– SGML reference is 600 pages long
• XML (eXtensible Markup Language)
– W3C (World Wide Web Consortium) -- http://www.w3.org/XML/ recommendation in 1998
– Simple subset (80/20 rule) of SGML: “ASCII of the Web”, “Semantic Web”
– XML specification is 26 pages long
XML (2) – Keuntungan
• Keunggulan dan keuntungan dari XML adalah:
– Ekstensibilitas dan reusable
– Memungkinkan pemrograman yang lebih baik:
• Dapat memperlihatkan hubungan antar data.
• XML dapat diprogram dan sudah banyak software pengolah XML.
– Memisahkan data dan presentasi.
• Data disimpan dalam XML sedangkan untuk presentasi (tampilan) dibuat dengan menggunakan XSLT.
– Pencarian data cepat karena XML merupakan data dalam format yang terstruktur.
• Hal ini dapat dilakukan dengan menggunakan XPath dan XQuery berdasarkan suatu elemen tertentu.
– Bersifat plain text dan platform independent.
– Terstruktur dan standard
XML (3) – Pertukaran data

Perbedaan antara XML dan HTML
• HTML merupakan tag untuk memformat tampilan (menitik-beratkan pada unsur presentasi)
– Standar dan baku
• XML merupakan tag untuk menkontrol data dan tidak memperhatikan tampilan (menitik-beratkan pada unsur representasi / penyajian dan penyimpanan data)
– Dapat membuat tag-tag sendiri sesuai dengan data yang ingin ditampilkan.



Contoh XML
•


Hello From XML


Welcome to the wild and woolly world of XML.


Tampilan XML di browser

Error
Jika terdapat suatu kesalahan di dalam dokumen XML, maka web browser akan menyediakan suatu pesan bantuan yang memberitahukan di mana error tersebut terjadi dan menampilkan potongan kode yang salah



Aturan XML
• Dokumen XML digunakan untuk mendeskripsikan dokumen itu sendiri dengan sintaks yang sederhana.
• Contoh:


Tove
Jani
Reminder
Don't forget me this weekend!

Aturan XML
• Tag : medefinisikan versi xml, encoding yang digunakan dan status xml.
• Tag adalah elemen root dalam dokumen.
• Tag , , , dan adalah child elements dari elemen .
Aturan XML
Semua tag xml harus memiliki tag penutup.
• Pada HTML beberapa elemen tidak harus berpasangan. Contoh berikut ini diperbolehkan dalam penulisan HTML:

paragraph pertama

paragraph kedua
• Hal demikian tidak berlaku pada XML. Kita harus menulis pula tag penutup untuk setiap tag yang kita buat.
• Penulisannya harus seperti ini:

paragraph pertama

paragraph kedua

• Tag tunggal hanya diperbolehkan untuk elemen kosong.
• Contoh penulisannya sebagai berikut:




Aturan XML
XML Declaration:
• Setiap membuat dokumen XML diawali dengan heading standard XML. Formatnya adalah sebagai berikut:



Aturan XML
• Tag XML adalah case sensitive (membedakan antara huruf besar dan kecil).
• Contoh berikut adalah contoh yang salah:

AASE
Antonius

Aturan XML
• Semua tag XML harus tersarang dengan benar dan tidak terbalik-balik.
• Contoh:

This text is bold and italic - wrong

This text is bold and italic - right
• Semua dokumen XML harus memiliki elemen root. Elemen root adalah elemen teratas/tertinggi yang harus memiliki tag penutup.
• Contoh:


.....


• Dalam contoh di atas elemen adalah elemen root.
• Nilai atribut harus diapit dalam tanda petik ganda (double quote) atau petik tunggal (single quote).
• Contoh:


Tove

Entity with References



XML Documents may contain:
– Elements
– Attributes
– Comments
– Entities
– Processing instructions
– Character data (CData)
– XML text and whitespace
– DTD
Node dalam XML
Sebuah dokumen XML terdiri dari bagian bagian yang disebut
dengan node.
• 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 .
• 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.
Node dalam XML
• Processing Instruction node: adalah perintah pengolahan dalam dokumen XML. Node ini ditandai dengan karakter .
– Tapi perlu diingat bahwa header standard XML bukanlah processing instruction node.
– Header standard bukanlah bagian dari hirarki pohon dokumen XML.
• Namespace Node: node ini mewakili deklarasi namespace.
Tipe XML
• Well Formed XML: jika mengikuti spesifikasi / aturan XML namun tidak memiliki DTD / XML Schema
• Valid XML: jika mengikuti spesifikasi / aturan XML dan memiliki & sesuai dengan DTD / XML Schema.
• Invalid XML: jika tidak mengikuti aturan XML & tidak memiliki DTD.
Memformat XML
• Terdapat 2 cara untuk memformat data XML untuk menampilkannya pada web browser, yaitu dengan menggunakan:
1. CSS (Cascading Style Sheets)
2. XSL (eXstensible Stylesheet Language)
XML Applications & Industry Initiatives
http://www.oasis-open.org/cover/xml.html#applications
• Advertising: adXML place an ad onto an ad network or to a single vendor
• Literature: Gutenberg convert the world’s great literature into XML
• Directories: dirXML Novell’s Directory Services Markup Language (DSML)
• Web Servers: apacheXML parsers, XSL, web publishing
• Travel: openTravel information for airlines, hotels, and car rental places
• News: NewsML creation, transfer and delivery of news
• Human Resources: XML-HR standardization of HR/electronic recruiting XML definitions
• International Dvt: IDML improve the mgt. and exchange of info. for sustainable development
• Voice: VoxML markup language for voice applications
• Wireless: WAP (Wireless Application Protocol) wireless devices on the World Wide Web
• Weather: OMF Weather Observation Markup Format (simulation)
• Geospatial: ANZMETA distributed national directory for land information
• Banking: MBA Mortgage Bankers Association of America --> credit report, loan file, underwriting…
• Healthcare: HL7 DTDs for prescriptions, policies & procedures, clinical trials
• Math: MathML (Mathematical Markup Language)
• Surveys: DDI (Data Documentation Initiative) “codebooks” in the social and behavioral sciences
XML E-commerce Initiatives
• CommerceNet
– eCo Framework XML specs. to support interoperability among e-businesses
– Commerce One Common Business Library (CBL): set of business components, docs. In DTD, XDR, SOX
– BizTalk Microsoft spec. based on XML schemas
– cXML (Commerce XML) -- tag-sets for e-procurement into BizTalk
• Electronic Data Interchange (EDI)
– RosettaNet Common format for online ordering
– FpML (Financial products Markup Language): sharing of financial data (interest rate & foreign exchange products)
• Open Buying on the Internet (OBI)
– OBI high volume b2b purchasing transactions over the Internet (Office Depot, Lockheed, barnesandnoble, AX...
• E-commerce and XML
– VISA Invoices The Visa Extensible Markup Language (XML) Invoice Specification provides a comprehensive list of data elements contained in most invoices, including: Buyer/Supplier, Shipping, Tax, Payment, Currency, Discount, and Line Item Detail.
• B2B Integration
– code360 XML-Broker is middleware software that manages XML based transactions
– Bluestone XML Suite Enables to develop and deploy e-commerce, electronic data interchange, application integration and supply chain management applications. Bluestone XML Suite products include: XML-Server, Visual-XML, XML-Contact and XwingML.
– webMethods Provides companies with integrated direct links to buyers and suppliers

Example: Relational Data to XML