14
Atribut Title Href Text
Keterangan Identitas link yang ditampilkan pada browser. URL yang dituju. Teks yang ditampilkan sebagai link, biasanya bergaris bawah atau dikurung siku.
2.5
Menggunakan Teks Teks merupakan komponen utama dalam merancang user interface program
aplikasi WAP, seperti ponsel tidak sebaik PC dalam menampilkan tampilan grafis yang indah. kebanyakan perangkat memiliki keterebatasan hanya dapat menampilkan teks dan gambar dengan kualitas grafis yang rendah. Tetapi, dengan perkembangan teknologi nirkabel yang kini semakin pesat, kemampuan grafis dari perangkat nirkabel dapat menjadi lebih baik. Berbeda dengan aplikasi HTML, teks dalam WML dapat ditampilkan pada browser dengan menempatkannya dalam statement atau paragraph. Bandingkan dengan HTML, di mana kita dapat menempatkan teks di mana saja dalam halaman teks tanpa harus berada dalam suatu tag tertentu (selain tag
). 2.5.1
Menggunakan Paragraph dan Line Break Elemen line break
digunakan untuk membuat baris baru. Tempatkan
elemen
pada titik dimana kita ingin memulai baris baru. Teks dalam card WML terdiri dari satu atau lebih paragraph. Sebuah paragraph akan selalu dimulai dari baris baru. Teks dalam sebuah paragraph secara default adalah rata kiri. Pilihan lainnya adalah rata tengah dan rata kanan. Paragraph dibuat dengan menggunakan element ....
. Atau dengan elemen saja tanpa tag tertutup. Bentuk sintaks untuk pemakaian elemen untuk membuat paragraph baru:
teks
atau
15
teks Atribut-atribut dari elemen adalah: Tabel 2.8 Atribut-atribut elemen
Atribut
Keterangan rataan baris: left,center atauright mode text wrap: wrap atau nowrap
align Mode 2.5.2
Menentukan Mode Baris Mode baris pada suatu paragraf ditentukan melalui atribut mode pada elemen
. Atribut mode menentukan bagaimana tampilan paragraf pada browser jika panjang teks yang akan ditampilkan melebihi lebar layar display browser. Terdapat dua pilihan mode jika hal ini terjadi: a. Wrapping.
Browser akan memecah teks yang panjang menjadi
beberapa baris yang berturutan sesuai dengan lebar layar. b. No Wrapping.
Browser
mempertahankan
panjang
teks,
menampilkannya dalam satu baris utuh. Anda harus menggulung layar secara horizontal untuk melihat keseluruhan teks. Mode default dari atribut ini adalah wrap. Jika anda menentukan mode dari suatu baris maka mode ini akan berlakuuntuk semua baris setelah baris tersebut. Untuk mengubah mode baris, anda hanya perlu mengubah mode baris tersebut menjadi mode yang sebaliknya. 2.5.3
Mengatur Ukuran dan Jenis Huruf Ukuran dan jenis huruf yanf ditampilkan tergantung dari jenis perangkat atau
browser yang digunakan. Secara umum, efek-efek yang dapat anda pakai untuk memodifikasi bentuk huruf adalah sebagai berikut:
16
Tabel 2.9 Efek-efek pada bentuk huruf
Elemen <em> <strong>
Keterangan Memberi tekanan pada teks berupa cetak tebal. Menampilkan teks dengan penekanan yang kuat (dalam cetak
<small>
tebal). Bentuk teks miring. Bentuk teks tebal. Teks dengan garis bawah. Teks dengan huruf besar. Teks dengan huruf kecil.
2.5.4
Menampilkan Karakter-karakter khusus Karakter-karakter khusus yang tersedia dalam WML antara lain <,>,’,” dan &.
Untuk
menampilkan
karakter-karakter
dalam
teks
terformat,
anda
harus
menggunakan elemen karakter berikut: Tabel 2.10 Elemen karakter khusus
Elemen < > ' " $$
Keterangan Menampilkan karakter kurang dari (<). Menampilkan karakter lebih dari (>). Menampilkan karakter kutip satu (‘). Menampilkan karakter kutip dua (‘). Tanda dolar ($). Spasi 1 karakter.
Dari tabel di atas, dapat anda lihat bahwa karakter-karakter khusus tersebut diawali oleh tanda & dan tanda ; sebagai penanda akhir dari suatu karakter khusus. Jika anda mengabaikan hal ini, maka akan terjadi error pada halaman WML tersebut. 2.6
Menggunakan Tabel Suatu cara untuk menyajikan informasi atau data dalam aplikasi WAP dalam
sekali akses adalah dengan menggunakan table. Table menampilkan informasi kepada pengguna dalam satu genggaman dan mudah untuk dianalisa lebih lanjut.
17
2.6.1
Mengenal elemen-elemen tabel Elemen-elemen table memungkinkan perancang untuk membuat bentuk
kolom dari data-data yang ingin ditampilkan. Format tabel dalam WML tidak jauh berbeda dengan format table pada HTML. Bedanya, table pada WML fasilitasnya lebih sedikit. Disaat mendefinisikan sebuah table, harus dideklarasikan jumlah kolom, diikuti oleh isi dari table. Isi tabel dapat saja berupa baris atau kolom yang kosong. Pada dasarnya, untuk membuat table hanya membutuhkan tiga buah elemen saja, yakni : 1. . Merupakan elemen atau tag yang utama. Digunakan untuk memberi tahu browser bahwa perancang membuat suatu table dalam aplikasi WML. 2. . Digunakan untuk mendefinisikan satu baris dalam table. Baris ini terdiri dari satu atau lebih data table (cell). 3. . Digunakan untuk menempatkan data padasatu baris. Data dalam elemen ini bisa saja tidak ada atau kosong. Dengan kata lain, tabel disusun dari baris-baris, di mana setiap baris terdiri dari satu atau banyak cell data.
2.6.2 Elemen Elemen digunakan untuk mendeklarasikan atau membuat table dalam aplikasi WMLyang dibuat. Dalam penggunaanya, elemen digunakan bersama-sama dengan elemen dan . Saat membuat suatu table, harus menentukan jumlah kolom diikuti oleh isi table bisa saja berupa baris dan atau kolom yang kosong. Sintaksnya adalah : berikut atribut-atribut yang dimiliki oleh elemen :
18
Table 2.11 Atribut pada elemen
Atribut Title Align
Keterangan Digunakan sebagai identitas table. Left | center | right. Digunakan untuk menentukan ratasan teks dalam kolom. Jika tidak menentukan nilai atribut ini,
Columns
maka secara otomatis, teks rata kiri. Harus ada. Untuk menentukan jumlah kolom untuk tiap baris. Nilai nol tidak diperbolehkan.
2.6.3 Elemen Elemen digunakan untuk mendefinisikan baris baru dalam suatu table. Jadi digunakan untuk membuat table baru, kemudian buat baris-baris dalam table dengan memakai eleman . Tiap baris yang telah dibuat berisi alemen cell data yang bisa saja kosong. Jumlah elemen | dalam | harus menyesuaikan dengan jumlah kolom yang telah didefinisikan dalam atribut columns pada table. Bentuk sintak yang harus digunakan : isi | 2.6.4 Elemen Elemen | digunakan untuk menempatkan satu data pada table cell dalam satu baris. Data pada cell bisa saja tidak berisi apa-apa atau kosong. Jadi dapat disimpulkan prinsip dasar table yaitu membuat table, membuat baris dalam table dan membuat cell-cell dalam baris sesuai dengan jumlah kolom table. Bentuk sintaks yangdigunakan untu elemen | adalah: | isi | isi dari elemen ini merepresentasikan teks dalam cell.
19
2.6.5 Menggunakan teks dalam table Teks adalah
bagian
utama dari table yang
dibuat.
Dengan teks
disampaikannya informasi dari data yang dimiliki kepada pemakai aplikasi WAP yang dibuat. Dengan informasi yang terbagi dalam bentuk kolom sesuai jenisnya, pengguna lebih mudah mencerna informasi yang ditampilkan. Dan ini juga akan membuat tampilan aplikasi lebih menarik. Untuk menggunakan teks terformat dalam table, dapat dengan mudah yaitu dengan menempatkan elemen-elemen teks tersebut dalam elemen cell data atau | . 2.7 WML Teks editor Ada banyak aplikasi untuk merancang halaman web, berbasis HTML ataupun berbasis WML. Dalam rangka perancangan penulisan ini, penulis menggunakan Notepad sebagai sarana teks editor untuk merancang halaman-halaman WAP. Dipilihnya Notepad sebagai teks editor dalam pembuatan aplikasi WAP, dikarenakan Notepad adalah software yang sudah terintegrasi pada semua PC yang berbasis Microsoft Windows sehingga membantu penulis agar lebih mudah dalam menyelesaikan rancangan halaman-halaman WAP dimanapun penullis membuka PC berbasis Microsoft Windows.
20
Gambar 2.1. Windows Notepad
Menu pada Notepad terdiri dari File, Edit, Format, View, dan Help.Adapun penjelasan dari menu-menu tersebut Adalah sebagai berikut: 1. File. Menu file digunakan untuk mengorganisir dokumen yang dan akan dikerjakan. Menu file ini mempunyai sub menu sebagai berikut:
Gambar 2.2. Menu File
1) New Digunakan untuk membuat file baru. 2) Open
21
Digunakan untuk membuka file yang telah ada. 3) Save Digunakan untuk menyimpan tulisan dengan tidak merubah nama file yang digunakan. 4) Save As Digunakan untuk menyimpan tulisan dengan menggunakan nama lain. Sub menu ini bila dijalankan akan mengaktifkan Save Dialog Box. 5) Page Setup Digunakan untuk mengatur atribut dari halaman tulisan. 6) Print Untuk mencetak tulisan yang telah diketik. 7) Exit Digunakan bila ingin keluar dari program Windows Notepad. 2. Edit. Menu edit digunakan untuk melakukan perubahan pada tulisan. Adapun penjelasan dari sub menu Edit, sebagai berikut:
Gambar 2.3.
22
Menu Edit
1) Undo Digunakan untuk membatalkan aksi yang telah ditentukan. 2) Cut Dipakai untuk memotong bagian teks yang dipilih dan dapat dipaste ke tempat lain. 3) Copy Digunakan untuk menyalin teks yang dipilih 4) Paste Paste Merupakan pasangan bagi perintah copy dan cut yaitu untuk menampilkan data yang telah dicopy atau dicut. 5) Delete Digunakan untuk menghapus teks yang dipilih. 3. Format Menu Format digunakan untuk merubah tampilan teks atau program yang ditulis, agar tampilan program lebih rapih. Adapun menu yang ada pada menu format adalah sebagai berikut:
Gambar 2.4. Menu Format
1) Word Wrap Menu ini digunakan untuk memecah teks yang panjang pada garis baru sesuai dengan panjang window dari notepad. 2) Font
23
Digunakan untuk mengubah jenis huruf yang digunakan pada notepad. 2.8 M3Gate WAP Browser WAP browser adalah program aplikasi emulator yang digunakan untuk menampilkan sript WML yang telah dibuat menjadi sebuah halaman WAP. [ 2 ] WAP Browser yang penulis gunakan adalah M3Gate WAP emulator. Tampilannya berupa ponsel yang pada layarnya menampilkan halaman WAP yang telah dibuat pada teks editor yang telah penulis jabarkan sebelumnya. WAP browser dapat didapat pada beberapa situs dengan gratis.
Gambar 2.5 Tampilan M3Gate
Adapun menu-menu dari M3Gate, adalah sebagai berikut:
24
Gambar 2.6 Menu M3Gate
1. Back Untuk kembali ke halaman sebelumnya 2. Stop Untuk menghentikan pencarian halaman. 3. Reload Untuk mengulang pencarian halaman. 4. Language Untuk menentukan bahasa yang digunakan.
25
Gambar 2.7 Pilihan menu language
5. Edit Untuk melakukan penyuntingan pada teks.
26
Gambar 2.8 Menu edit
6. Bookmark Untuk membuat tanda pada URL tertentu.
27
Gambar 2.9 Menu Bookmark
7. View source Untuk melihat kode program yang digunakan pada halaman WML. 8. Settings Untuk melakukan beberapa pengaturan pada M3Gate.
Gambar 2.10 Menu setting tab general
28
Gambar 2.11 Menu setting tab font
Gambar 2.12 Menu setting tab skin
9. Open URL Untuk membuka Situs baru. 10. Home
29
Kembali ke halaman semula. 11. Search Untuk membuka situs pencari (search engine). 12. Help Untuk membuka tulisan pembantu pengguna M3Gate. 13. About Untuk membuka About Dialog Box Yang berisi informasi-informasi salah satunya adalah versi dari M3Gate. 14. Exit Untuk keluar dari M3Gate dan kembali ke Windows
Related Documents
More Documents from ""
|
| |