Anda di halaman 1dari 18

DAFTAR ISI

KATA PENGANTAR...............................................................................................1
DAFTAR ISI............................................................................................................2
BAB I PENDAHULUAN........................................................................................3
1.1. Latar Belakang......................................................................................3
1.2. Rumusan Masalah.................................................................................4
1.3. Tujuan....................................................................................................4
BAB II PEMBAHASAN.........................................................................................5
2.1
2.2
2.3
2.4

Wireless Markup Language (WML).....................................................5


WML Versi 1.X dan WML 2.0............................................................15
WML Deck dan Card..........................................................................16
Kelebihan dan kekurangan WML.......................................................17

BAB III PENUTUP................................................................................................18


3.1 Kesimpulan..........................................................................................18
DAFTAR PUSTAKA.............................................................................................19

BAB I PENDAHULUAN
1.1 Latar Belakang

Perkembangan bahasa markup sebenarnya dimulai pada tahun 1974 pada saat
Standard Generalized Markup Language pertama kali ditetapkan. Disingkat dan
terkenal dengan nama SGML. SGML merupakan bahasa markup yang pertama kali
digunakan untuk menulis dokumen ke dalam situs-situs internet. Satu-satunya
kendala yang menghalangi popularitas SGML adalah kompleksitas yang tinggi,
atau dapat juga dikatakan terlalu kompleks. Karena itu SGML disederhanakan
menjadi Hypertext Markup Languange, atau disingkat sebagai HTML yang
merupakan bahasa markup yang saat ini secara luas dipakai untuk penulisan situssitus internet.
Dalam perkembangan selanjutnya, nampaknya para pembangun situs internet
masih belum terlalu puas dengan keberadaan HTML sebagai bahasa markup.
Turunan lain dari SGML yang popularitasnya diharapkan akan melampaui HTML
adalah Extensible Markup Languange, atau disingkat dengan XML. Walaupun
keduanya diturunkan dari SGML, penulisan situs dengan menggunakan XML jauh
lebih fleksibel namun lebih ketat dibandingkan dengan HTML.
Sementara itu, turunan lain dari SGML yang difungsikan secara khusus
berjalan di atas perangkat mobile dibuat dengan nama Handheld Device Markup
Language (HDML). HDML dibuat oleh sebuh perusahaan yang bernama
Openwave (dahulu bernama Unwired Planet). Sesuai dengan namanya perusahaan
ini bergerak dalam pengembangan komunikasi nirkabel. Ide utama dibalik
pencipataan HDML adalah karena adanya keterbatasan perangkat-perangkat
mobile, seperti keterbatasan layar monitor (berukuran kecil), keterbatasan memori,
keterbatasan bandwidth untuk koneksi dan keterbatasan kecepatan transfer data
jika dibandingkan dengan Personal Komputer. Dengan HDML inilah situs-situs
internet pertama kalinya dapat diakses melalui ponsel.
Beberapa waktu kemudian, Openwave bersama-sama dengan Nokia membuat
Wireless Markup Language yang dikenal secara luas dengan WML. Selama
beberapa tahun WML versi 1.0 sampai 2.0 adalah bahasa markup standar untuk
penulisan situs-situs internet yang hanya dapat diakses melalui perangkat mobile.

1.2 Rumusan Masalah


1.2.1 Apa itu Wireless Markup Language (WML) ?
1.2.2 Apa-apa saja versi dari WML?
1.2.3 Apa perbedaan WML dan HTML?
1.2.4 Apa kelebihan dan Kekurangan WML?
1

1.3 Tujuan
Tujuan dari penyusunan makalah ini ialah sebagai berikut :
1.3.1
1.3.2
1.3.3
1.3.4

Mengetahui pengertian Wireless Markup Language (WML)


Mengetahui versi-versi WML
Mengetahui perbedaan WML dan HTML
Mengetahui kelebihan dan kekurangan WML

BAB II PEMBAHASAN
2.1 Pengertian Wireless Markup Language (WML)
WML adalah bahasa yang digunakan di WAP . WML berfungsi
mengubah halaman texts dari suatu WEB dan menampilakannya pada layar
monitor HP / Handphone / Ponsel / telepon genggam . Perkembangan
2

bahasa MARK UP sebenarnya dimulai pada tahun 1974 pada saat standart
generalized MARK UP LANGUAGE pertaman kali . WML digunakan
untuk suatu script MARK UP LANGUAGE untuk membangun aplikasi
WAP . WML juga terdiri dari dua bagian yaitu :

DOCUMENT PROLOG , yang memberikan tentang latar belakang dan


sejarah WML . WML merupakan hasil dari bahasa yang dinamakan

XML ( Extendsible Mark Up Language ) .


DOCUMENT TYPE DEFINITION , yang merupakan spesifikasi WML
yaitu spesifikasi yang berisi aturan bagaimana menulis dan meletakkan
struktur tag dan elemen dalam WML yang benar
WAP menggunakan bahasa komputasi yang dikenal sebagai Wireless

Markup Language (WML) yang mirip dengan HTML. Bahasa komputer ini
mengubah informasi berupa teks dari halaman situs dan menampilkannya
kelayar ponsel.
WML merupakan subset dari XML (Extensible Markup Language),
namun anda tidak perlu mempelajari XML terlebih dahulu untuk memahami
WML.
Jika sebelumnya anda pernah mempelajari HTML, secara umum
beberapa perintah WML terlihat mirip dengan HTML. Namun terdapat
perbedaan dalam struktur penulisan dokumen WML. Jika sebuah dokumen
HTML hanya terdiri atas dua bagian utama, yaitu header dan body,
dokumen WML mempunyai header, template (optional), dan beberapa body
yang disebut dengan cards. Susunan dokumen secara lengkap ini disebut
dengan deck. Sama seperti halnya HTML, untuk menyusun dokumen WML
diperlukan kode khusus yang dinamakan dengan tag. Berikut susunan
hirarki dalam WML yang ditunjukkan pada gambar dibawah ini.

DECK
TEMPLATE
previous,next,home

CARD 1
Halaman Utama

CARD 2
Halaman Help

CARD 3
Halaman Contact

Gambar 2.4 Hirarki dalam WML


Dalam header terdapat dua hal yang harus anda deklarasikan, yaitu
deklarasi versi XML yang akan anda gunakan dan deklarasi Document Type
Definition (DTD). Deklarasi DTD ini bertujuan agar tipe data dalam
dokumen yang kita buat dapat dikenali dengan benar. Deklarasi header
WML adalah sebagai berikut :
<?xml version=1.0?>
<!DOCTYPE wml PUBLIC-//WAPFORUM/DTD WML

1.1//EN

http://www.wapforum.org/DTD/wml_1.1.xml>.
Seperti telah disebutkan sebelumnya, suatu file WML terdiri dari tagtag. Semua tag WML memiliki dua atribut standard: id, yang digunakan
sebagai referansi unik dalam suatu deck, dan class yang digunakan pada sisi
server.
Bagian body file WML diawali dan diakhiri oleh pasangan tag <wml>
dan </wml>. Pasangan tag ini disebut sebagai deck. Dalam satu deck dapat
terdiri dari satu template dan satu atau lebih card. Tag template digunakan
sebagai cetak biru event semua card dalam satu deck.
Level sintaks yang menyusun suatu deck adalah sebagai berikut :

<wml>
<!keterangan kode anda dalam tag ini-->
<head>
kontrol akses dan meta information
</head>
<template>
event pada level deck
</template>
<card>
event pada level card
</card>
</wml>
Jika HTML mempunyai javascript untuk membuat halaman-halaman
didalamnya jadi interaktif, WML juga mempunyai versi sendiri dari
javascript yang disebut WML Script. Namun berbeda dengan Javascript
yang bisa dimasukkan ke dalam HTML, WML script tidak bisa dijadikan
satu dengan WML dan harus berdiri sendiri sebagai satu file script khusus
yang berekstensi wmls.
A. Membuat Card
Card merupakan inti dari aplikasi WML. Bayangkan setumpuk kartu
yang tersusun rapi. Elemen <wml> merupakan kotak atau bungkus kartukartu tersebut (deck of cards). Tiap-tiap kartu dalam kotak tersebut
mempunyai arti yang berbeda-beda. Ini adalah sebuah analogi yang pas
untuk menggambarkan kepada anda tentang elemen card dalam aplikasi
WML.
Card-card dalam sebuah deck merupakan susunan tampilan yang akan
anda tampilkan pada browser. Anda bisa berpindah-pindah dari satu card ke
card yang lain.

Dalam sebuah dokumen WML bisa saja diisi dengan sejumlah card
yang cukup banyak. Namun mengingat kapasitas memori sebuah ponsel
yang cukup terbatas dalam penggunaan card disarankan secukupnya.
Bentuk sintak dari sebuah card adalah :
<wml>
<card

id=name

ordered=true

title=label

newcontext=Boolean

onenterforward=url

onenterbackward=url

ontimer=url>
isi card
</card>
</wml>
Atribut-atribut yang dimiliki oleh suatu card :
id = nama dari card
title = label atau judul card yang ditampilkan browser
newcontext = true or false, menyatakan apakah konteks browser harus
diperbaharui setiap saat
onenterforward = menentukan url yang dibuka jika anda masuk ke dalam
card
onenterbackward = menentukan url yang dibuka jika anda keluar card
ontimer = menentukan url yang dibuka jika waktu habis.
B. Perintah dasar WML
Paragraph
Tag <p></p> menandai sekumpulan teks sebagai suatu paragraph.
Tag <p> menyatakan awal dari paragraph sedangkan </p> menyatakan akhir
dari paragraph. Jika salah satu tidak ditulis, pada beberapa browser
mengakibatkan halaman WAP tidak bisa dibaca.
Atribut yang dimiliki :
Align = rightleftcenter
Mode = wrapnowrap

Teks berformat
Seperti halnya HTML, WML dapat juga menampilkan teks secara tebal,
miring, ataupun dengan garis bawah. Pada dasarnya terdapat dua
pengelompokkan dalam memformat teks yaitu Physical Style yang
menformat teks secara fisik teks dan Logical Style yang memformat teks
berdasarkan kandungan teks yang telah disepakati secara internasional.
1)Physical Style
Adalah jenis format yang diberikan pada teks berdasarkan tag yang
memang digunakan untuk mengatur tebal huruf miring ataupun garis
bawah.
Tag-tag yang bisa digolongkan kedalam physical style adalah
<b>

</b>

untuk menebalkan teks

<I>

</I>

untuk membuat teks miring

<u>

</u>

untuk menggarisbawahi teks

<big>

</big>

untuk membesarkan teks

<small>

</small>

untuk mengecilkan teks

2)Logical Style
Adalah jenis format yang diberikan pada teks berdasarkan kesepakatan
internasional terhadap kandungan teks tertentu. Saat ini untuk
memberikan penekanan teks (emphasis) menggunakan huruf miring.
Jika suatu saat standar internasional mengubah penekanan teks
menggunakan garis bawah, secara otomatis teks yang diformat
menggunakan logical test akan berubah menyesuaikan standar yang
baru.
Tag-tag yang bisa digolongkan ke dalam Logical style adalah :
<em>

</em>

untuk memberi penekanan

<strong>

</strong>

untuk memberi penekanan yang kuat

karena lebar layar ponsel yang cukup kecil, ukuran huruf lebih
disarankan menggunakan ukuran yang kecil (<small></small>).
Selain menghemat layar, agar teks yang tampil tidak berantakan dan

memanjang kebawah karena hal tersebut cukup menyulitkan pengguna


ponsel membaca informasi di dalamnya.
Contoh :
Teks.wml
<?xml version=1.0?>
<!DOCTYPE wml PUBLIC -//WAPFORUM//DTD WML1.1//EN
http://www.wapforum.org/DTD/wml1_1.1.xml>
<wml>
<card id=maincard title=elemen teks>
<p align=center>
<em>Emphasis</em>
<strong>Strong</strong>
<I>Italic</I>
<b>Bold</b>
<u>Underline</u>
<big>Big</b>
<small>Small</small>
<p>
</card>
</wml>
Ganti Baris
Tag ganti baris merupakan single tag yang diakhiri dengan garis miring
sebelum tanda penutup sebuah tag. Dengan adanya tag ini, jika akan
menulis pada baris baru tidak harus menggunakan paragraph baru.
</br>
Membuat Hubungan Antardokumen (Link)
Antara halaman yang satu dengan yang lain dapat berhubungan dengan
adanya link. Selain halaman, link juga dapat menghubungkan alamat satu
dengan yang lain.
<a href=url tujuan>link</a>

href berisi url atau id card yang dituju jika link kita klik.
Contoh :
Link.wml
<?xml version=1.0?>
<!DOCTYPE wml PUBLIC -//WAPFORUM//DTD WML1.1//EN
http://www.wapforum.org/DTD/wml1_1.1.xml>
<wml>
<card id=maincard title=elemen link>
<p align=left>
<a href=index.wml>Halaman Utama</a>
<a href=huruf.wml>Elemen Huruf</a>
<go href=link.wml/>Elemen link</br>
<go href=layout.wml/>Elemen Layout
</p>
</card>
</wml>
Menampilkan Gambar
Disarankan jangan memuat gambar yang terlalu besar mengingat
ukuran layar ponsel. Gunakan gambar-gambar seukuran icon dalam
windows (32x32). Beberapa mikrobrowser telah mendukung gambar dalam
format gif, namun yang telah menjadi standar adalah format wbmp.
Untuk menampilkan gambar ke layar browser digunakan tag <img/ >.
Atribut yang dimiliki oleh tag ini adalah
Alt = keterangan dari gambar yang ditampilkan
Width = lebar dari gambar
Height = tinggi dari gambar
Name = nama/file dari gambar yang ditampilkan
Contoh :
Image.wml
<?xml version=1.0?>
<!DOCTYPE wml PUBLIC -//WAPFORUM//DTD WML1.1//EN

http://www.wapforum.org/DTD/wml1_1.1.xml>
<wml>
<card id=maincard title=elemen image>
<p align=left>
<img src=logo.bmp alt=buku width=32 height=32/>
</p>
<p align=left>
<small>Toko buku Permata Indahku</small>
</p>
</card>
</wml>
Membuat Form
Fasilitas

form

memungkinkan

interaksi

antara

pemilik

suatu

website/wapsite dengan pengunjungnya. Form dapat digunakan untuk


bebagai keperluan, diantaranya untuk mengumpulkan informasi, saran, dan
penawaran melalui website/wapsite tersebut.
Struktur penulisan form dalam sebuah card adalah sebagai berikut :
<card id=contoh title=form>
<do type=accept label=hasil>
<go href=tujuan/>
</do>
<p>
<input type=text name=nama_variable/>
</p>
</card>
Jika anda lihat contoh diatas, elemen form terdiri dari dua tag utama
yaitu tag do, yang menunjukkan tujuan jika input dieksekusi dan tag untuk
isisan, yang bisa berupa input, select atau keduanya.
Contoh :
Form.wml
<?xml version=1.0?>

10

<!DOCTYPE wml PUBLIC -//WAPFORUM//DTD WML1.1//EN


http://www.wapforum.org/DTD/wml1_1.1.xml>
<wml>
<card id=masukan title=No anggota>
<do type=accaept label=hasil>
<go href=#hasil/>
</do>
<p align=left>
No anggota anda : <input type=text name=nomor/>
</p>
</card>
<card id=hasil title=hasil:>
<p align=left>
nomor anggota anda adalah : $nomor
</p>
</card>
</wml>
Elemen Table
Sebagian besar pembaca menyukai tampilan informasinya disajikan
dalam bentuk table. Hal ini disebabkan karena bentuknya ringkas dan
mudah dibaca. Namun penggunaan table dalam WAP tidak disarankan
karena akan memakan banyak tempat dilayar ponsel. Meskipun begitu,
kegunaan table untuk merapikan tampilan cukup banyak membantu anda
dalam menampilkan halaman WAP yang rapi.
Tag table :
<table></table>
<tr></tr>
<td></td>
Atribut table
Columns=n jumlah kolom yang ditampilkan dalam table

11

Title=title
Contoh :
Table.wml
<?xml version=1.0?>
<!DOCTYPE wml PUBLIC -//WAPFORUM//DTD WML1.1//EN
http://www.wapforum.org/DTD/wml1_1.1.xml>
<wml>
<card id=maincard title=Elemen table>
<p align=left>
<table columns=2>
<tr><td>Nama Barang</td><td>Harga</td></tr>
<tr><td>Jenang</td><td>3000</td></tr>
<tr><td>Wajik</td><td>2000</td></tr>
<tr><td>tape</td><td>1000</td></tr>
</table>
</p>
</card>
</wml>
Contoh WML Hello World
Marilah melihat contoh WML yang menunjukkan struktur umum dari
dokumen WML.
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD
WML
1.3//EN"
"http://www.wapforum.org/DTD/wml13.dtd">
<wml>
<card id="Kartu1" title="WML Kartu1"> <p>Apa
kata dunia!</p></card>
<card
id="Kartu2"
title="WML
Kartu2">
<p>Selamat datang didunia WML</p></card>
</wml>
Hasil dari contoh WML apa kata dunia!

12

2.2 WML Versi 1.X dan WML 2.0


WML versi 1.x adalah bahasa markup yang didefinisikan didalam
spesifikasi WAP versi 1.x. WAP adalah standar yang diciptakan oleh WAP
Forum ( Sekarang Open Mobile Alliance-OMA) yang membawa konten
internet-Word Wide Web ke perangkat Nirkabel. WAP ini menspesifikasikan
lapisan protokol dan lingkungan aplikasi dari aplikasi browsing pada mobile
internet.
Peranan WML didalam aplikasi internet bergerak adalah sama seperti
yang digunakan HTML didalam aplikasi Web. Situs WAP ditulis dengan
WML, sedangkan situs web ditulis dengan HTML.
WML versi 1.x sangat mirip dengan HTML,keduanya menggunakan
tag dan ditulis didalam format plaintext. Beberapa tag didalam WML versi
1.x secara langsung mengambil dari HTML. Jika anda memiliki pengalaman
didalam menggunakan HTML, anda seharusnya bisa belajar WML 1.x
dengan cepat.
Beberapa fitur WML versi 1.x lebih spesifik ke perangkat nirkabel.
Sebagai contoh, WML versi 1.x menyediakan cara untuk membangun
program softkey yang berkaitan langsung dengan Perangkat Bergerak. Fitur
ini tidak didukung didalam HTML sejak komputer tidak memiliki beberap
softkey. Versi yang lebih baru dari spesifikasi WAP 1.x adalah WAP 1.2.1,
yang mendefinisikan WML 1.3. WML files memiliki ekstensi .wml. tipe
MIME dari WML adalah text/vnd.wap.wml. WML mendukung skrip
client-side. Bahasa skrip yang didukung disebut WMLScript. Sintaknya
berbasis JavaScript.
WAP versi 1.x adalah versi awal dari standar WAP. Versi yang paling
banyak digunakan adalah WAP 2.0. Bahasa markup yang didefinisikan
didalam WAP 2.0 adalah XHTML MP(XHTML Mobile Profile). XHTML
MP merupakan bagian dari XHTML yang digunakan didalam aplikasi web.
XHTML MP mendukung CSS (Cascading Style Sheet) versi nirkabel yang
disebut WCSS (WAP CSS), yang merupakan bagian dari CSS2 yang
digunakan aplikasi web ditambah beberapa perluasan dari spesifikasi WAP
yang ada. Kebanyakan model perangkat bergerak yang ada saat ini sudah
mendukung WAP 2.0.

13

WAP versi 2.0 masih kompatibel dengan versi yang lama yaitu WAP
versi 1.x. Perangkat Bergerak yang mendukung WAP 2.0 dapat
menampilkan kedua dokumen XHTML MP dan WML. WML 1.x adalah
teknologi awal/lama. Bagaimanapun tidak berarti hal ini tidak digunakan,
sejak masih banyak perangkat nirkabel yang hanya mendukung WML 1.x,
maka sejak saat itu juga WML 1.x masih banyak digunakan. Disamping itu,
beberapa fitur yang berguna dari WML tidak tersedian didalam XHTML
MP. Sebagai contoh, XHTML MP tidak mendukung event, variabel dan
skrip client-side. Sebagian besar fitur WML tidak ada didalam HTML MP.
Jika anda menulis markup dari situs intermet mobile didalam WML,
keduanya baik yang lama maupun yang baru dari dukungan WAP pada
perangkat nirkabel masih dapat digunakan untuk menampilkan situs internet
mobile. User yang berbasis aplikasi WAP adalah maksimum.
Kebutuhan pengembangan situs WAP tidak perlu mengkhawatirkan
masalah WML 2.0 . WML 2.0 diciptakan dengan tujuan untuk mendukung
kompatibilitas teknologi sebelumnya dan tidak untuk digunakan oleh
pengembangan situs WAP. Untuk mengembangkan situs dengan standar
WAP 2.0, gunakan XHTML Mobile Profile.
2.3 WML Deck dan Card
Perbedaan utama antara HTML dan WML adalah unit dasar navigasi
didalam HTML adalah sebuah halaman, sedangkan didalam WML adalah
sebuah kartu (Card). File WML dapat berisi berbagai macam Card didalam
sebuah Deck. Ketika user pergi ke situs WAP, mobile browser mengambil
file WML yang berisi sebuah deck-card dari Server. Hanya satu card yang
akan muncul di layar perangkat bergerak setiap waktu. Jika user pergi ke
card yang lain didalam deck yang sama, mobile browser tidak perlu
mengirimkan permintaan lagi ke server semenjak file yang berisi deck
sudah tersimpan didalam perangkat nirkabel. WML di rancang dengan cara
seperti ini karena perangkat nirkabel mempunya latensi yang tinggi untuk
koneksi ke server. Mengambil sebuah deck-card setiap saat dapat

14

menurunkan banyaknya permintaan-jawaban ke server. Link, text, image,


input field, option box dan banyak lagi elemen dapat di letakkan didalam
sebuat kartu (card).
2.4 Kelebihan dan kekurangan WML
Kelebihan WML

WML berisikan Built in event model .


Standart WAP berisikan call hending , model WTA dimana HTML tidak

akan pernah bisa .


Dalam standart WAP di dalamnya terdapat interface peralatan telepon

seperti akses phone book , dan akses Sim card .


WAP memang di desain untuk menggunakan Gandwith semisal encode
binner sedangkan HTTP di optimasikan untuk TCP ID dan komunikasi
soket via text mode ASCU .

Kekurangan WML

Tidak semua browser dapat menampilkan halaman WML.


Tidak mempunyai fitur-fitur selengkap HTML.

BAB III PENUTUP


3.1 Kesimpulan

15

WML adalah bahasa yang digunakan di WAP . WML berfungsi


mengubah halaman texts dari suatu WEB dan menampilakannya pada layar
monitor HP / Handphone / Ponsel / telepon genggam . Perkembangan
bahasa MARK UP sebenarnya dimulai pada tahun 1974 pada saat standart
generalized MARK UP LANGUAGE pertaman kali . WML digunakan
untuk suatu script MARK UP LANGUAGE untuk membangun aplikasi
WAP . WML juga terdiri dari dua bagian yaitu :

DOCUMENT PROLOG , yang memberikan tentang latar belakang dan


sejarah WML . WML merupakan hasil dari bahasa yang dinamakan

XML ( Extendsible Mark Up Language ) .


DOCUMENT TYPE DEFINITION , yang merupakan spesifikasi WML
yaitu spesifikasi yang berisi aturan bagaimana menulis dan meletakkan
struktur tag dan elemen dalam WML yang benar
Perbedaan utama antara HTML dan WML adalah unit dasar navigasi

didalam HTML adalah sebuah halaman, sedangkan didalam WML adalah


sebuah kartu (Card). File WML dapat berisi berbagai macam Card didalam
sebuah Deck. Ketika user pergi ke situs WAP, mobile browser mengambil
file WML yang berisi sebuah deck-card dari Server. Hanya satu card yang
akan muncul di layar perangkat bergerak setiap waktu. Jika user pergi ke
card yang lain didalam deck yang sama, mobile browser tidak perlu
mengirimkan permintaan lagi ke server semenjak file yang berisi deck
sudah tersimpan didalam perangkat nirkabel.

DAFTAR PUSTAKA

http://mobiletechnology-update.blogspot.co.id/2007/12/sejarahperkembangan-wireless-markup.html
http://lunggipangestu.blogspot.co.id/2013/04/wml-wireless-mark-uplanguage.html
http://alyaaakece.blogspot.co.id/2016/03/wireless-markup-languagewml.html
16

http://elearning.upnjatim.ac.id/courses/NIR0910/document/Materi/Mob
ile_computing_04_-_WAP-WML02.pdf

17