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

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

Agenda Perkuliahan : 1.

Struktur XML

2.

Elemen, Tag, Data Karakter, dan Attribute

3.

CDATA Section

4.

Komentar

5.

Deklarasi XML

6.

XML Well Formed

7.

Mengaitkan dokumen XML dengan HTML

Tujuan Perkuliahan : 1.

Mahasiswa dapat membuat dokumen XML dan file XML Well Formed.

2.

Mahasiswa dapat membedakan antara Tag, Elemen, Attribute, CDATA, dan Entity.

3.

Mahasiswa dapat mengaitkan dokumen XML dengan halaman HTML.

1

Saat ini XML sangat populer. Format penyimpanan data XML membuat platform ini independen dan bermacam aplikasi dapat memprosesnya dengan mudah. XML kepanjangan dari Extensible Markup Language. Informasi dalam XML disimpan di dalam Tag. Markup berarti sebuah bahasa yang dibangun dengan menggunakan Tag untuk mengelilinginya atau Markup Text. Pada HTML, tag didefinisikan dan diterjemahkan oleh browser. Pada XML tidak ada struktur informasi yang disampaikan seperti pada HTML, sehingga untuk menampilkan informasi diperlukan parser untuk menerjemahkan antara data dan tag.

A. Struktur Dokumen XML Dokumen XML berisi informasi dan markup yang dibagi menjadi beberapa bagian penting, yaitu : 1.

Element Masing-masing dokumen XML berisi satu atau lebih elemen. Elemen mengenalkan dan menandakan isi. Elemen mendominasi di dalam dokumen XML. Beberapa orang menyebut elemen dengan nodes. Aturan penulisan XML adalah case sensitive. Berikut adalah contoh sebuah element : Some Text

Elemen di atas berisi 2 tag dan beberapa text. Elemen dapat berisi elemen yang lain. Elemen juga dapat berisi “kosong” atau tidak berisi teks, seperti HTML, XML dimulai dengan tag pembuka dan penutup. Sebuah elemen kosong dituliskan dengan : atau

Ketika elemen berisi elemen yang lain, elemen yang diisi disebut dengan parent dan elemen di dalamnya disebut child. Some Text

2

Elemen pertama pada dokumen XML disebut root element atau document root atau root node. Root element berisi elemen yang lain. Struktur dokumen XML dapat dilihat pada ilustrasi berikut :

Sekarang, anda buat dokumen XML yang mencakup apa yang telah dibahas sebelumnya. Tulis kode program di bawah ini dan simpan dengan nama latihan2.xml pada folder masing-masing. <mahasiswa>Budi Susanto <mahasiswa> 07.11.0123 Agung Laksono <mahasiswa> <mahasiswa> 08.12.0657 Ali Sadikin <mahasiswa />

3

2.

Attribute Attribute berfungsi sebagai tambahan informasi tentang sebuah elemen. Attribute disimpan dengan tag pembuka sebuah elemen setelah nama elemen. Attribute menguraikan antara nama dan nilainya, dan setiap attribute harus memiliki keduanya, yaitu nama dan nilai. Some Text

Contoh : Alan Turing

3.

Text Text menggambarkan isi informasi diantara tag pembuka dan tag penutup elemen. Contohnya : Alan Turing

4.

Entity References Text diantara tag pembuka dan tag penutup dalam sebuah elemen akan diproses dalam pengolahan XML, sehingga spesial karakter seperti “<” dan “>” diganti dengan entity < dan > Contoh : <judul>Menuliskan Elemen Sedrhana Hendra Kusmayadi Berikut adalah contoh penulisan elemen sederhana <mahasiswa>Joni Suraya

4



5.

Comment Comment atau komentar dalam XML sama dengan comment pada HTML, yaitu dimulai dengan karakter “” Sintaq :



6.

CDATA Sections Pada bahasan sebelumnya kita telah membahas apa yang namanya entity references dimana jika kita akan menuliskan string “<” maka yang kita tuliskan adalah entitasnya yaitu “<”. Namun, dengan menggunakan CDATA kita dapat menuliskan string atau karakter tersebut tanpa harus menggunakan entitas. Cara penulisannya adalah dengan diawali string “”. Contoh : <judul>Menuliskan Elemen Sederhana Hendra Kusmayadi Berikut adalah contoh penulisan elemen sederhana Joni Suraya ]]>

5

B. Deklarasi XML Sebuah dokumen XML biasanya dimulai dari XML Declaration, meskipun itu bersifat optional. Deklarasi XML berada pada baris pertama dokumen XML. Contoh deklarasi XML adalah sebagai berikut : Deklarasi XML berisi versi XML. Dalam contoh di atas adalah versi 1.0.

C. XML Well Formed Sebuah dokumen XML dikatakan Well Formed jika memenuhi kriteria berikut ini : 1.

Dokumen berisi satu atau lebih elemen

2.

Dokumen berisi single root element, yang mana berisi beberapa elemen di dalamnya

3.

Tiap elemen harus ditutup

4.

Tag pembuka dan tag penutup harus sama (case sensitive)

5.

Nilai attribute berada di dalam tanda petik (“....”)

D. Mengaitkan Dokumen XML dengan HTML (Case Study) Untuk lebih memperdalam pengertian XML, kita akan membandingkan dengan model data yang sering digunakan, yaitu model data relasional. Database relasional direpresentasikan dalam bentuk tabel. Dalam sebuah tabel terdiri dari kolom atau field dan record. Diketahui dari database perpustakaan, terdapat tabel buku dengan susunan informasi sebagai berikut : ID 1

Judul Pemrograman

Penerbit Graha Ilmu

Basis Data

Penulis Sri

ISBN 989-209-

Jum Hal 151

Kusumadewi 321-1

dengan C#.NET 2

Perancangan

Andi

Samuel

Game 3D 3

Teknik Instalasi

298-211-

200

443-2 Pohon

Mohammad

6

233-123-

97

dan

Cahaya

Imron

321-1

Graha Ilmu

Andi

988-555-

Sunyoto

212-3

Maintenance Komputer 4

Algoritma dan Struktur Data

322

dengan Java

Kemudian, informasi yang ada pada tabel buku tersebut, kita ubah ke dalam bentuk XML. Ketikkan kode program berikut, kemudian simpan dengan nama buku.xml <judul>Pemrograman Basis Data dengan C#.NET Graha Ilmu Sri Kusumadewi 989-209-321-1 <jumlah_halaman>151 <judul>Perancangan Game 3D Andi Samuel 298-211-443-2 <jumlah_halaman>200 <judul>Teknik

Instalasi

dan

Komputer Pohon Cahaya Mohammad Imron 233-123-321-1 <jumlah_halaman>97

7

Maintenance

<judul>Algoritma dan Struktur Data dengan Java Graha Ilmu Andi Sunyoto 988-555-212-3 <jumlah_halaman>322

Kemudian, dokumen buku.xml yang telah dibuat, akan kita hubungkan dengan HTML, sehingga tampilan datanya lebih menarik. Ketikkan kode program berikut, kemudian simpan dengan nama koleksi.html (simpan koleksi.html, satu folder dengan buku.xml).
html

Transitional//EN"

PUBLIC

"-//W3C//DTD

XHTML

1.0

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<XML ID="dsoBuku" SRC="buku.xml">

KOLEKSI BUKU PERPUSTAKAAN

First Prev

8

Next Last

Judul	Penerbit	Penulis	ISBN	Jumlah Halaman
<span DATAFLD="judul">	<span DATAFLD="penerbit">	<span DATAFLD="penulis">	<span DATAFLD="isbn">	<span DATAFLD="jumlah_halaman">

9

Hasilnya akan tampak di browser, seperti berikut ini :

10