Disini kita akan menggunakan yang namanya XML (Extended Markup Language) yaitu suatu bahasa markup lanjutan (seperti bahasa markup HTML) yang dirancang untuk membuat dokumen markup yang biasanya digunakan untuk pertukaran data antar sistem yang beraneka ragam.
Disebut dokumen markup karena kita mendefinisikan dokumen melalui mark atau tanda atau tag untuk membentuk suatu dokumen menjadi suatu informasi tertentu yang terstruktur.
Supaya jangan bingung saya contohkan bahwa disini kita akan membuat database extension telepon yang biasanya digunakan di kantor atau perusahaan untuk menyimpan, mencari dan menampilkan nomer extension karyawan yang ada di perusahaan.
Bentuk atau format dokumen XML yang boleh kita sebut juga database extension telepon seperti ini :
<?xml version=”1.0″?>
<!– File Name: listext.xml –>
<?xml-stylesheet type=”text/xsl” href=”Xsl_listext.xsl”?>
<BUKUTELEPON>
<TELEPON>
<Nama>Abrianto</Nama>
<Departemen>IT LT. 3</Departemen>
<Extension>4119</Extension>
</TELEPON>
<TELEPON>
<Nama>Adriansyah</Nama>
<Departemen>IT LT. 3</Departemen>
<Extension>4201</Extension>
</TELEPON>
</BUKUTELEPON>
Berikut penjelasan dokumen XML tersebut :
1. <?xml version=”1.0″?>
Menjelaskan bahwa dokumen ini adalah dokumen xml
2. <!– File Name: listext.xml –>
Hanya menandakan keterangan (tidak proses) bahwa nama file xml-nya adalah listext.xml
3. <?xml-stylesheet type=”text/xsl” href=”Xsl_listext.xsl”?>
Jika dokumen XML dibuka gunakan stylesheet file xsl dengan nama ‘Xsl-listext.xsl’
File xsl mendefinisikan dan menformat tampilan isi data xml di layar browser
4. Struktur elemen data XML
<BUKUTELEPON>
<TELEPON>
<Nama>Abrianto</Nama>
<Departemen>IT LT. 3</Departemen>
<Extension>4119</Extension>
</TELEPON>
</BUKUTELEPON>
Setiap elemen data XML ada pembuka dan penutupnya seperti elemen Nama, elemen pembukanya adalah <Nama> dan elemen penutupnya adalah </Nama>. Sedangkan ‘Abrianto’ adalah nilai atau isi elemen Nama.
Dari struktur data XML tersebut terbentuk suatu database (informasi yang terstruktur) dengan nama BUKUTELEPON yang mempunyai tabel dengan nama TELEPON dan field-field pada tabel TELEPON adalah Nama, Departemen dan Extension.
Data TELEPON yang ada diatas perlu kita lengkapi sebanyak jumlah extension karyawan yang ada di perusahaan kita dengan format struktur data XML seperti diatas. Lalu singkatnya dengan pemrograman HTML dan digabung dengan Javascript kita bisa membuat suatu aplikasi database ‘List extension telepon’ yang database-nya diambil dari file XML diatas. Program ini dijalankan melalui browser dan terpaksa diharuskan menjalankannya melalui browser Internet Explorer karena Internet Explorer mendukung penuh penerapan Javascript dan XML
Hasil programnya seperti berikut ini kita dijalankan melalui browser Internet Explorer :
JIka ingin mendowload programnya atau menjalankan langsung dari internet silahkan klik link dibawah ini :
- Download program
- Akses program secara langsung dari internet