Home » XML » Cara Menggunakan XML Dengan Mudah

Cara Menggunakan XML Dengan Mudah

by Hanifah Nurbaeti
by Hanifah Nurbaeti

XML digunakan dalam banyak aspek pengembangan web.

XML sering digunakan untuk memisahkan data dari presentasi.

XML Memisahkan Data dari Presentasi

XML tidak membawa informasi apapun tentang tampilannya nanti.

Data XML yang sama dapat digunakan dalam banyak skenario presentasi yang berbeda.

Karenanya, dengan XML ada pemisahan penuh antara data dan presentasi

XML Seringkali merupakan Pelengkap HTML

Dalam banyak aplikasi HTML, XML digunakan untuk menyimpan atau mengangkut data, sedangkan HTML digunakan untuk memformat dan menampilkan data yang sama.

XML Memisahkan Data dari HTML

Saat menampilkan data dalam HTML, kita tidak perlu mengedit file HTML saat data berubah.

Dengan XML, data dapat disimpan dalam file XML terpisah.

Dengan beberapa baris kode JavaScript, kita sudah dapat membaca file XML dan memperbarui konten data dari halaman HTML mana pun.

Contoh :

<?xml version="1.0" encoding="UTF-8"?>
<bookstore>

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

  <book category="children">
    <title lang="en">Harry Potter</title>
    <author>J K. Rowling</author>
    <year>2005</year>
    <price>29.99</price>
  </book>

  <book category="web">
    <title lang="en">XQuery Kick Start</title>
    <author>James McGovern</author>
    <author>Per Bothner</author>
    <author>Kurt Cagle</author>
    <author>James Linn</author>
    <author>Vaidyanathan Nagarajan</author>
    <year>2003</year>
    <price>49.99</price>
  </book>

  <book category="web" cover="paperback">
    <title lang="en">Learning XML</title>
    <author>Erik T. Ray</author>
    <year>2003</year>
    <price>39.95</price>
  </book>

</bookstore>

Transaksi Data

Ada ribuan format XML, di berbagai industri untuk menggambarkan transaksi data sehari-hari:

  • Saham dan Saham
  • Transaksi keuangan
  • Data medis
  • Data matematika
  • Pengukuran Ilmiah
  • Informasi berita
  • Layanan cuaca

Contoh: XML News

XML News adalah spesifikasi untuk bertukar berita dan informasi lainnya.Dengan menggunakan standar yang memudahkan produsen berita dan konsumen berita untuk menghasilkan, menerima, dan mengarsipkan segala jenis informasi berita di berbagai perangkat keras, perangkat lunak, dan bahasa pemrograman.

Contoh dokumen XMLNews:

<?xml version="1.0" encoding="UTF-8"?>
<nitf>
  <head>
    <title>Colombia Earthquake</title>
  </head>
  <body>
    <headline>
      <hl1>143 Dead in Colombia Earthquake</hl1>
    </headline>
    <byline>
      <bytag>By Jared Kotler, Associated Press Writer</bytag>
    </byline>
    <dateline>
      <location>Bogota, Colombia</location>
      <date>Monday January 25 1999 7:28 ET</date>
    </dateline>
  </body>
</nitf>

Contoh: XML Weather Service

Layanan cuaca nasional XML dari NOAA (National Oceanic and Atmospheric Administration):

<?xml version="1.0" encoding="UTF-8"?>
<current_observation>

<credit>NOAA's National Weather Service</credit>
<credit_URL>http://weather.gov/</credit_URL>

<image>
  <url>http://weather.gov/images/xml_logo.gif</url>
  <title>NOAA's National Weather Service</title>
  <link>http://weather.gov</link>
</image>

<location>New York/John F. Kennedy Intl Airport, NY</location>
<station_id>KJFK</station_id>
<latitude>40.66</latitude>
<longitude>-73.78</longitude>
<observation_time_rfc822>Mon, 11 Feb 2008 06:51:00 -0500 EST
</observation_time_rfc822>

<weather>A Few Clouds</weather>
<temp_f>11</temp_f>
<temp_c>-12</temp_c>
<relative_humidity>36</relative_humidity>
<wind_dir>West</wind_dir>
<wind_degrees>280</wind_degrees>
<wind_mph>18.4</wind_mph>
<wind_gust_mph>29</wind_gust_mph>
<pressure_mb>1023.6</pressure_mb>
<pressure_in>30.23</pressure_in>
<dewpoint_f>-11</dewpoint_f>
<dewpoint_c>-24</dewpoint_c>
<windchill_f>-7</windchill_f>
<windchill_c>-22</windchill_c>
<visibility_mi>10.00</visibility_mi>

<icon_url_base>http://weather.gov/weather/images/fcicons/</icon_url_base>
<icon_url_name>nfew.jpg</icon_url_name>
<disclaimer_url>http://weather.gov/disclaimer.html</disclaimer_url>
<copyright_url>http://weather.gov/disclaimer.html</copyright_url>

</current_observation>

You may also like