System Analysis and Design - Unified Modeling Language (UML)
XML PENGANTAR DAN CONTOH
1. Q5M1 - XML Dudy Fathan Ali S.Kom
Pengantar XML
Q5M1 - XML
Dudy Fathan Ali, S.Kom (DFA)
2015
CEP - CCIT
Fakultas Teknik Universitas Indonesia
2. XML ?
Q5M1 - XML Dudy Fathan Ali S.Kom
• Extensible Markup Language.
• Didisain untuk menggambarkan data, bukan
untuk menampilkan data.
• Tag XML dibuat oleh developernya sendiri.
• HTML digunakan untuk menampilkan data,
sedangkan XML digunakan untuk membawa
data.
• XML akan diolah kembali dengan bahasa
program yang lain.
3. HTML and XML
Q5M1 - XML Dudy Fathan Ali S.Kom
HTML is used to mark up
text so it can be displayed
to users
XML is used to mark up
data so it can be processed
by computers
HTML describes both
structure (e.g. <p>, <h2>,
<em>) and appearance (e.g.
<br>, <font>, <i>)
XML describes only
content, or “meaning”
HTML uses a fixed,
unchangeable set of tags
In XML, you make up your
own tags
4. HTML and XML
Q5M1 - XML Dudy Fathan Ali S.Kom
• HTML is for humans
• HTML describes web pages
• You don’t want to see error messages about the web pages you
visit
• Browsers ignore and/or correct as many HTML errors as they can,
so HTML is often sloppy
• XML is for computers
• XML describes data
• The rules are strict and errors are not allowed
• In this way, XML is like a programming language
• Current versions of most browsers can display XML
• However, browser support of XML is spotty at best
5. Contoh Kode XML
Q5M1 - XML Dudy Fathan Ali S.Kom
“XML is designed to be self-descriptive” –w3schools
6. • An XML document may start with one or more processing
instructions (PIs) or Prolog:
• Following the directives, there must be exactly one root
element containing all the rest of the XML:
Overall Structure
Q5M1 - XML Dudy Fathan Ali S.Kom
7. • Aside from the directives, an XML document is built from:
• Elements
productdata in
• Tags
in pairs : ……
• Attributes
• Entities
• Data
XML Building Blocks
Q5M1 - XML Dudy Fathan Ali S.Kom
8. Relasi Pada XML
Q5M1 - XML Dudy Fathan Ali S.Kom
Root Element :
<productdata>
Element :
<product>
Parent Child
Element :
<prodid>
Element :
<productname>
Element :
<price>
Element :
<quantity>
Element :
<description> Siblings
9. Aturan Syntax XML
Q5M1 - XML Dudy Fathan Ali S.Kom
1. Semua elemen XML harus memiliki
Closing Tag.
2. Tidak seperti HTML, Tag XML memiliki
sifat Case Sensitive.
3. XML memiliki prinsip First In, Last Out.
4. Dokumen XML harus memiliki Root
Element.
5. Atribut XML harus memiliki tanda kutip.
6. Gunakan Entity Reference untuk
beberapa karakter simbol.
11. Elements and Attributes
Q5M1 - XML Dudy Fathan Ali S.Kom
Menggunakan attribute untuk idpegawai :
Menggunakan element untuk idpegawai :
12. Elements and Attributes
Q5M1 - XML Dudy Fathan Ali S.Kom
Jangan menuliskan kode XML seperti kode dibawah :
Tips : Gunakanlah elemen, karena elemen memiliki
tree structure yang mudah dipahami dan bisa
memiliki informasi lebih dari satu (multiple values).
15. XML Encoding
Q5M1 - XML Dudy Fathan Ali S.Kom
Character Encoding
mendefinisikan suatu binary code
yang unik untuk setiap karakter
yang digunakan pada dokumen.
Unicode adalah sebuah
standarisasi industri komputer
yang bergerak pada bidang
encoding.
16. XML Encoding
Q5M1 - XML Dudy Fathan Ali S.Kom
UTF = Universal character set Transformation Format
UTF-8 menggunakan 1 byte untuk merepresentasikan karakter
dalam ASCII
17. XML Encoding
Q5M1 - XML Dudy Fathan Ali S.Kom
Ketika belum di encoding dengan benar :
Ketika sudah di encoding dengan benar :
18. Latihan
Q5M1 - XML Dudy Fathan Ali S.Kom
1. Toko buku ABC memerlukan dokumen XML untuk
menampung informasi ID Buku, Judul Buku,
Penulis, Penerbit, Tahun Terbit, dan Harga Buku.
Buatlah dokumen XML-nya dengan benar.
2. Buatlah dokumen XML untuk katalog dibawah ini :
Title Artist Country Company Price Year
Empire Bob Dylan USA Columbia 10.90 1985
Heart Bonnie Tyler UK CBS Recs 9.90 1998
One Night Bee Gees UK Polydor 10.90 1998
Sylvias Dr. Hook UK CBS Recs 8.10 1985
19. Q5M1 - XML Dudy Fathan Ali S.Kom
Terima Kasih
Dudy Fathan Ali S.Kom
dudy.fathan@eng.ui.ac.id