The words you are searching are inside this book. To get more targeted content, please make full-text search by clicking here.

Membangun Aplikasi WAP Portal untuk Instansi Lembaga

Discover the best professional documents and content resources in AnyFlip Document Base.
Search
Published by Perpus Kota Semarang, 2018-10-30 17:27:39

Membangun Aplikasi WAP Portal untuk Instansi Lembaga

Membangun Aplikasi WAP Portal untuk Instansi Lembaga

~1'111 WIP Pll'lll WIP Pll'lll WIP hl'lll WIP Pll'lll WIP Pll'lll WIP ...

......~I'IIIWIPPII'IIIWIPPII'IIIWIPhi'IIIWIPPII'IIIWIPPII'IIIWIP,_
Plr

Por

POl

Por

Por

Por

Por

Por

Por

Por

POl

POl

POl

POl

POl

POl

Pol

POl

Menibangun Aplikasi POl
POl
WAP :Portal POl
POl
untuk · POl
POl
lnsta-nsi/ L~mbaga POl

POl

POl

POl

Ponal WAP Ponal WAP Ponal WAP Portal WAP Ponal WAP Portal WAP Pol

Ponal WAP Portal WAP Ponal WAP Ponal WAP Portal WAP Ponal WAP Pol

-

Membangun Aplikasi

= WAP Portal =

untuk lnstansi/Lembaga

Membangun Aplikasi

- WAP Portal-

untuk lnstansi/Lembaga

Prasetya Ambang Utomo, ST

Penerbit ANDI Yogyakarta

Membangun Aplikasi WAP PORTAL untuk lnstansi/Lembaga
Oleh: Prasetya Ambang Utomo, ST

Hak Cipta © 2006 pada Penulis.

Editor : Renati Winong Rosari
Setting : Yudhi /swan/a
Desain Cover : Yossy Sihol Putra
Korektor : Wiwin Dwi Lestari

Hak Cipta dilindungi undang-undang. Dilarang memperbanyak a/au
memindahkan sebagian atau seluruh isi buku ini dalam bentuk
apapun, baik seem-a elektronis maupun mekanis, termasuk
memfotocopy, merekam atau dengan sistem penyimpanan lainnya,
tanpa izin tertulis dari Penu/is.

Penerbit:
C. V AND/ OFFSET (Penerbit AND/)
Jl. Beo 38-40, Telp. (0274) 561881 (Hunting},
Fax. (0274) 588282 Yogyakarta 55281

Percetakan:
AND! OFFSET
Jl. Beo 38-40, Telp. (0274) 561881 (Hunting),
Fax. (0274) 588282 Yogyakarta 55281

Perpustakaan Nasional: Katalog dalam Terbitan

Utomo, Prasetya Ambang
Membangun Aplikasi WAP PORTAL untuk
lnstansi/Lembaga /Prasetya Ambang Utomo;
- Ed. I.- Yogyakarta: AND!,
09-08-07-06

xii + 100 him.; 12 x 19 Cm.
10 9 8 7 6 5 4 3 2

ISBN: 979-763-329-2
I. Judul
I. Wireless Networks

DDC'21 : 384,545.5

UCAPAN TERIMA KASIH

Puji syukur penulis panjatkan kepada Allah S. W. T karena pada
akhimya penyusunan buku Merr/:wwn Ap/ikttsi WAP Pfkttll
untuk lrrst:ctni/L~ ini dapat diselesaikan dengan baik.
Terima kasih yang tak terhingga penulis sampaikan kepada
keluarga Kasub Suhari dan keluarga Nadzamudin M Diah yang
secara konsisten terns memberikan sernangat dan doanya. Buku
ini adalah penyaUl bagi penulis nntuk mengarungi kehidupan
130304-020905-261105-..... !.

Terima kasih kepada Bapak Kasih Hanggoro selaku ketua
Yayasan Pendidikan Budi Luhur, Ady Widjaja dan keluarga,
BruryTrya Sartana dan keluarga, Fernando S, Team Knowledge
Sharing Group, dan Applied Technology Research Center Budi
Luhur yang secara langsung rnaupnn tidak langsung
memberikan banUlan kepada penulis dalam pengerjaan buku ini
Penghargaan yang setinggi-tingginya diberikan kepada Team
:Mampang Tower (Abdullah, Ade, Andhi, Dudi, Eko Indrajit,
Panuju, Rofiq, dan Sam). Kapan kita akan tanding Empire IT
lagi?

Kepada lingkungan civitas Universitas Budi Luhur, kawan-
kawan dosen dan mahasiswa yang tenUl saja tidak dapat
disebutkan saUl per-satu, yang selalu menyumbangkan senyum
dan sernangatnya kepada penulis.

KATAPENGANTAR

Munculnya media Wireless Intemet, yaitu akses Intemet tanpa
menggunakan kabel adalah kenyataan bahwa teknologi telah
semakin maju. Saat ini, telepon seluler tidak hanya dapat
digunakan untuk berkomunikasi saja. Lebih daripada itu,
ditemukmmya Wireless Application Protocol (WAP)
memungkinkm1 sebuah telepon seluler (mobile device) dapat
mengakses infom1asi, baik berita, infom1asi sahmn, dan
infom1asi kampus. Bal1kan infommsi pemerintahm1 pun telah
dapat diakses dengan media tersebut. Selain itu, kita juga dapat
membuat berbagai macm11 aplikasi ym1g m1dal dengm1 WAP.

Berbagai instansi atau lembaga membayar nmhal seorang
progrannner untuk membuatkm1 sebuah sistem infom1asi via
WAP. Sistem tersebut digunakm1 untuk menginfommsikm1
berita, atau data yang mereka miliki. Untuk membuat aplikasi
tersebut, dana ym1g dim1ggarkan tentu saja tidak sedikit.

Dalam buku ini diberikan sebual1 solusi untuk membm1gut1
sebuah sistem infom1asi via WAP. Anda akm1 diajak belajar
secara detail mengenai pembuatan sebuah aplikasi WAP Portal
yang memberikm1 berbagai fitur, seperti polling, guestbook,
kirim berita, dan penda:ftaran on-line serta berbagai fitur lain
yang bisa digunakan untuk memberikm1 sebual1 infom1asi dari
instm1si atau lembaga Anda, yang dibm1gun menggunakan
bahasa pemrogrmnan Wireless Markup Language (WML) dan
PHP menggunakm1 database MySQL. Studi kasus pada buku ini
membal1as pembuatan sistem infom1asi akademik (Universitas)
via WAP, yang memiliki berbagai fitur tambahm1, seperti akses
nilai, baik UAS, UTS, Kartu Rencana Studi, Kartu Hasil Studi,
biaya yang harus dibayar, jadwal kuliah, SKS yang telal1
ditempuh per semester, maupun fitur lain dengan berbagai data
yang up to date karena telah terhubung dengan database
MySQL.

DAFTARISI

UCAPAN TERIMAKASffi..............................•....•...••iii
KATA PENGANTAR.................................................... v
DAFfAR lSI ..................................................................vii
1. WIRELESS APPLICATION PROTOKOL ...... 1

1.1 Pengertian WAP ................................................... 1
1.2 WAP Micro Browser ........................................... 2
1.3 Pengertian WML .................................................. 3
2. SOFfWARE YANG DIBUTUHKAN PADA
APLIKASI WAP ...................................................... 5
2.1 Apache Web Server.............................................. 5

2.1.1 Instalasi Apache pada Linux ..................... 6
2.1.2 Instalasi Apache pada Windows ............... 6
2.2PHP ....................................................................... 6
2.2.1 Kelebihan PHP............................................ 6
2.2.2 Instalasi PHP pada Linux........................... 7
2.2.3 Instalasi PHP pada Windows .................... 8
2.3MySQL.................................................................. 8
2.3.1 Kelebihan MySQL ..................................... 8
2.3.2 Instalasi MySQL pada Linux .................... 8
2.3.3 Instalasi MySQL pada Windows .............. 9

viii Membangun Aplikasi WAP Portal

2.4 PHPTriad ............................................................... 9
2.4.1 Insta1asi PHPTriad ...................................... 9

2.5 Micro Browser .................................................... 10
2.5.1 M3Gate ...................................................... 10
2.5.1.1 Insta1asi M3Gate ......................... 10
2.5.1.2 Menu-menu pada M3Gate ......... 14
2.5 .1.3 Ganti Skin M3Gate ..................... 15
2.5.2 Deckit......................................................... 16
2.5.2.1 Cara Insta1asi Deckit ................... 16
2.5.2.2 Cara Menggunakan Deckit ........ 17
2.5.2.3 Menu-menu pada deckit............. 18

2.6 Text Editor .......................................................... 20
2.6.1 PHPEd ....................................................... 20
2.6.1.1 Insta1asi PHPEd ........................... 20
2.6.2 Gedit........................................................... 24

3. DASAR-DASAR WAP ........................................... 25

3.1 Ha1aman WAP .................................................... 25
3.2 Format WAP ....................................................... 26

3.2.1 Deck dan Card .......................................... 26
3.2.2 Paragraf dan Ganti Baris .......................... 27
3.2.3 Format Paragraf........................................ 29
3.2.4 Format Teks .............................................. 30
3.2.5 Tabe1 ..........:............................................... 31
3.3 Link dan Image WML ....................................... 33
3.3.1 Link ............................................................ 33

Daftar lsi ix

3.3.1.1 Link ke Card Lain ....................... 33
3.3.1.2 Link ke Halaman Lain ................ 34
3.3.1.3 Link dengan Gambar .................. 35
3.3.2 Image ......................................................... 36
3.4 Input WML ......................................................... 37
3.4.1 Select dan Option...................................... 39
3.5 Kolaborasi WML dan PHP ...............................47
3.5.1 Pemanggilan Variabel .............................. 49

4. MEMBUAT DATABASE
DENGAN MySQL .................................................. Sl

4.1 Menggunakan Database MySQL ..................... 51
4.2 Membuat User .................................................... 54
4.3 Membuat Database (pada User Ambang) ........ 55
4.4 Membuat Tabel (pada Database ubl) ................ 55

4.4.1 MenggunakanphpMyAdmin .................. 62
4.4.2 Menggunakan MySQLFront.. ................. 62
4.5 Daftar Tabel yang Harus Dibuat ....................... 63

5. MEMBANGUN APLIKASI
WAP PORTAL........................................................ 69

5.1 Langkah-langkah ................................................ 69
5.2 Aliran Aplikasi .................................................... 70
5.3 Menggunakan M3Gate ...................................... 71

5.3.1 Pesan Kesalahan ...................................... 72
5.4 File dan Tampilan Aplikasi ............................... 73

5.4.1 Halaman Index .......................................... 73

X Membangun Aplikasi WAP Portal

5.4.2 Halaman Koneksi ..................................... 75
5.4.3 Halaman Lokasi Kampus ........................ 76
5.4.4 Halaman Detail Kampus.......................... 77
5.4.5 Halaman Struktur Organisasi ................. 79
5.4.6 Halaman Detail Pimpinan Universitas ... 80
5.4.7 HalamanJenis SaranaPendidikan ......... 81
5.4.8 Halaman Detail Sarana Pendidikan ........ 82
5.4.9 Halaman Jenis Lembaga

dan Pusat Studi ......................................... 83
5.4.10 Halaman Detail Lembaga

dan Pusat Studi ........................................ 84
5.4.11 Halaman Jenis Aktivitas Mahasiswa.... 85
5.4.12 Halaman Subaktivitas Mahasiswa........ 86
5.4.13 Halaman Detail Aktivitas Mahasiswa.. 87
5.4.14 Halaman Beasiswa ................................. 88
5.4.15 HalamanPendaftaran ............................. 89
5.4.16 Halaman Fakultas-fakultas .................... 91
5.4.17 Halaman Jurusan Per Fakultas .............. 92
5.4.18 Halaman Detail Jurusan ......................... 93
5.4.19 Halaman Prestasi Mahasiswa ............... 94
5.4.20 Halaman Biaya Pendidikan ................... 95

Pelajaran 1

WIRELESS
APPLICATION

PROTOKOL

WAP protokol merupakan standardisasi yang digunakan pada
jaringan tanpa kabel (nirkabel) seperti yang ada pada telepon
seluler (perangkat mobil). WML sendiri merupakan sebuah bahasa
pemrograman untuk membuat sebuah halaman yang dapat
diperlihatkan atau ditampilkan pada WAP browser, seperti
M3Gate. Di dalam buku ini, Anda akan be/ajar WAP dan cara
membuat halaman WML. WML dengan PHP terkoneksikan dengan
Database server MySQL.

Hal yang pertama harus Anda ketahui sebelum melangkah ke
bah selanjutnya adalah pemahaman tentang:

• WWW, WML, dan dasar membuat sebuah halarnan
web

• PHP

• MySQL

1.1 Pengertian WAP

WAPadalah:

• WAP merupakan kependekan dari Wireless Applica-
tion Protocol.

• WAP merupakan sebuah protokol aplikasi komunikasi.

• WAP digunakan sebagai media untuk mengakses
sebuah informasi dan sebagai biro jasa.

2 Membangun Aplikasi WAP Portal

• WAP merupakan kelanjutan dari sebuah standar Inter-
net yang ada sekarang ini.

• WAP digunakan untuk meng-handel sebuah perangkat
mobil seperti telepon seluler.

• WAP merupakan sebuah protokol yang dirancang
untuk micro browser.

• WAP bisa digunakan untuk menciptakan jaringan
telepon seluler.

• WML merupakan tunman dari aplikasi XML versi 1.0.

Jadi, bisa disimpulkan bahwa WAP Protokol merupakan
standardisasi yang digunakan pada jaringan tanpa kabel
(nirkabel) seperti yang ada pada telepon seluler (perangkat
mobil), yang didasarkan pada Internet Standar (HTML, XML,
TCP/lP) dan terdiri dari bahasa pemrograman WML,
WMLScript, dan sebuah telepon tanpa sebuah alat penghubung
(nirkabel).

Wap dibuat oleh WAP forum yang ditemukan pada tahun 1997
oleh Ericson, Motorola, Nokia, dan Planet Unwired.
Perkembangan Forun1 WAP di pasaran global untuk sekarang
ini adalal1 sekitar 90 % .

1.2 WAP Micro Browser

WAP micro browser merupakan sebuah perangkat lunak yang
berkapasitas kecil yang digunakan tmtuk membuat sebuah
perintah pada perangkat keras, CPU, dan memory sehingga bisa
memberikan sebual1 informasi yang ditulis dengan bahasa
pemrograman WML.

Micro browser ini juga bisa menan1pilkan infommsi yang ditulis
dengan Javascript menggunakan WMLSCRIPT-nya dan PHP.

Wireless Application Protocol 3

1.3 Pengertian WML

WML mempakan kependekan dari Wireless Markup Language,
yaitu sebuah bahasa pemrograman tumnan dari HTML, tetapi
didasarkan pada Bahasa XML.

Bahasa WML digunakan tmtuk membuat atau membangun
sebuah halaman yang bisa ditampilkan pada micro browser.
Halaman di WML biasa disebut DECK, yaitu kumpulan dari
CARD.

Aplikasi WAP bisa digunakan, seperti infonnasi kereta, pesawat,
pemesanan tiket, menginfom1asikan nomor telpon, alamat, dan
masih banyak lagi.

Pelajaran 2

Software yang
Dibutuhkan pada

Aplikasi WAP

2.1 Apache Web Server

Apache merupakan web server yang dikeluarkan sekitar tahun
1995 oleh NSCA. Apache adalah A PatCHy (Path) yang
dijadikan sebagai kunci dari World Wide Web. Sistem ketjanya
menunggu pennintaan dari client yang menggunakan browser,
seperti M3Gate, deckit, dan lain sebagainya. Dalam berintegrasi
dengan klien Apache menggunakan HTTP (Hyper Text Transfer
Protocol). Sifat dari Apache adalah free. Kita bisa mendapat-
kannya secara gratis di alamat http://www.apache.org

Kelebihan Apache

• Apache dikategorikan sebagai software yang free.
• Instalasinya sangat mudah.
• Mudah dalam mengonfigurasi.
• Penambahan periperal ke dalam platform web server

sangat mudah.
• Bisa beroperasi pada berbagai platform seperti Linux,

Windows, dan sistem operasi lain.
• Kompatibilitas yang tinggi.
• Adanya fitur untuk multihomed dan virtual server.
• Merespons client dengan sangat cepat.

6 Membangun Aplikasi WAP Portal

2.1.1 lnstalasi Apache pada Linux

1. Download file Apache pada http://www.apache.org.
2. Ketikkan perintah berikut jika Anda akan menginstal apache

versi 1.3.16:

.···#.rP"w :.;ivllapache~i.3~i6.rpJ:rT··

Apabila Anda ingin mengganti Apache yang sudah ada
(upgrade), misal versi 1.3.17, ketikkan perintah:

·· :#'"fpD:l:;,trvh·•apacf:ie~l.;;3~17:tprn

2.1.2 lnstalasi Apache pada Windows

Di sini penulis menyarankan untuk menginstal PHPTriad agar
lebih muda11. Cara penginstalmmya seperti pada halat11an 15.

2.2 PHP

PHP (PHP Hypertext Prepoccesor) merupakan bahasa
inteipreter ym1g hat11pir mirip dengm1 Bahasa C dm1 Perl ym1g
memiliki kesederhanam1 dalm11 perintal1. PHP dapat digunakm1
bersatnaan dengan WML sehingga pembangunm1 situs web site
dapat dilakukm1 dengan cepat dan muda11. PHP dapat digunakm1
untuk meng-update database, menciptakan database, dat1
mengetjakan perhitungan matematika. PHP dapat di-download
gratis melalui situs http://www.php.net.

2.2.1 Kelebihan PHP

PHP bebas dipakai. Untuk mendapatkmmya, download pada
situs http://www.php.net.

PHP Inatnpu membuat aplikasi web dengm1 koneksi database
yang cukup banyak, seperti MySQL, PostgresSQL, Interbase,
ODBC, MySQL, Oracle, dan Sybase.

Software yang Dibutuhkan pada Aplikasi WAP 7

Zend engine berfungsi mempercepat, memperkuat dan men-
stabilkan, serta memudahkan interaksi dengan aplikasi pendu-
kung lainnya.

2.2.2 lnstalasi PHP pada Linux

1. Download source PHP4 pada
http://www.php.net/downloads.php.

2. Installah file tersebut:

dengan perintah:
3. ~engonfigurasiserver

4. Ubah file httpd.conf dengan menambah aturan berikut:
p~uh1¢!11n<f

index. ·· ·

~y
AddiYD¢<!P

8 Membangun Aplikasi WAP Portal

2.2.3 lnstalasi PHP pada Windows

Penulis menyarankan Anda Wltuk menginstal PHPTriad agar
memudahkan penginstalan Apache. Cara penginstalan PHPTriad
seperti pada halaman 15

2.3 MySQL

MySQL merupakan databases server yang dibuat oleh T.c.X
Data Konsultan AB.

2.3.1 Kelebihan MySQL
1. MySQL tidak membutuhkan ruang harddisk yang besar

Wltuk aplikasinya.
2. MendukWlg level masukan ANSI SQL-92 dan ODBC

level0-2 SQL standar (Standarts Supported)
3. Dapat ditulis dalam bahasa C, Perl, PHP, dan lainnya.
4. Menyimpan tabel yang terpisah dalam direktori database.
5. Lebih cepat dan open source.

2.3.2 lnstalasi MySQL pada Linux

1. Download software MySQL pada situs
http://www.mysql.com agar bisa mendapatkan versi
terbaru.

2. Ketikkan perintah:
Apabila file yang Anda download berekstensi *.rpm

Software yang Dibutuhkan pada Aplikasi WAP 9

2.3.3 lnstalasi MySQL pada Windows

Penulis menyarankan Anda lllltuk menginstall PHPTriad karena
di dalam PHPTriad sudah terdapat Apache, MySQL, Perl, dan
PHP dalam satu kemasan sehingga memudahkan dan
mempercepat penginstalan Apache. PHPTriad bisa Anda
dapatkan di Homepage: http://www.phpgeek.com.

2.4 PHPTriad

Cara penginstalan PHPTriad adalah seperti langkah di bawah
ini:

2.4.1 lnstalasi PHPTriad

1. Masuk ke direktori di mana Anda meletakkan file
phptriadsetup2-ll.exe.

2. Klik ganda (doubel) file tersebut sehingga teijadi proses
instalasi seperti berikut:

Gambar 2.1 Tampilan Awal Penginstalan PHP Triad

10 Membangun Aplikasi WAP Portal
Pilihnext

Gambar 2.2 Penginstalan PHP Triad Sukses

Instalasi komplit dan berhasil, Anda tinggal menggtmakannya.

2.5 Micro Browser

2.5.1 M3Gate

Merupakan salah satu micro browser yang berfimgsi sebagai
emulator telepon seluler untuk mengakses halaman WML yang
beijalan pada sistem operasi Windows.

2.5.1.1 Instalasi M3Gate
Masuk ke direktori tempat file m2stp12 berada, kemudian klik
ganda file tersebut untuk melakukan penginstalan sehingga akan
tampil gambar seperti berikut:

Software yang Dibutuhkan pada Aplikasi WAP 11

Gambar 2.3 Tampilan Proses Penginstalan M3Gate

Welcome to the lnstaiShield Wizard for ht3Gate
The lnstaiShield• \.1112ard wiD install M3Gate on your

computer. To continue, click Next.

Gambar 2.4 Pilih Next untuk Melanjutkan Penginstalan M3Gate

12 Membangun Aplikasi WAP Portal
Pilih Next untuk melanjutkan penginstalan.

Gambar 2.5 Pilih Yes untuk Melanjutkan Penginstalan M3Gate

Gambar 2.6 Tampilan untuk Menaruh File M3Gate

Pilih Next apabila Anda setuju untuk menaruh file instalasi pada
direktori di atas. Jika tidak, pilih browse dan pilih next.

Software yang Dibutuhkan pada Aplikasi WAP 13

lnslaiiStueld Wttard

Gambar 2.7 Proses Instalasi M3Gate

Proses instalasi sedang berjalan.

Gambar 2.8 Tampilan Apakah Anda Yakin untuk Menginstal M3Gate

14 Membangun Aplikasi WAP Portal
Pilih "I accept the tems in the license agreement", kemudian
pilih Process

lnslaHShield Wizard Complele
Setup has finished inst31ling M3G.ate on your computer.

Gambar 2.9 Tampilan Proses Penginstalan M3Gate Sukses

Pilih finish untuk mengakhiri penginstalan.
2.5.1.2 Menu-menu pada M3Gate

Gambar 2.10 Tampilan M3Gate

Software yang Dibutuhkan pada Aplikasi WAP 15

-Menu :menu.
Back : untuk kembali ke halaman sebelumnya.

Stop : untuk menghentikan proses loading.

Reload : untuk mengulang proses loading
Bookmark : untuk pembendaharaan alamat.
Edit : untuk mengedit atau mengopi source.

Settings : untuk mengatur web brows~r. proxy, dan
OpenURL skin yang digunakan.

: w1tuk membuka halan1an aplikasi WAP.

BIHome : untuk kembali ke halru.11an (alan1at URL)
asal.
: untuk mencari alanmt URL lain.
II search : untuk melihat source code halru.11an yang

View source ditampilkan.
: untuk melihat keseluruhan, seperti alanlat
Properties
URL, type protocol, dan lokasi.
II Help
: petunjuk m3gate.
About : keterru.1gan m3gate yang digunakan.
Exit : untuk keluar dari m3gate.

2.5.1.3 Ganti Skin M3Gate

1. Pilih menu (popup menu) > setting sehingga akru.1 ditam-
pilkan gan1bar seperti berikut:

16 Membangun Aplikasi WAP Portal

Gambar 2.11 Tampi1an Form Setting

2. Pada fonn settings, pilih Skin (April, Handy).

2.5.2 Deckit

Deckit merupakan salah satu micro browser yang berfungsi
sebagai emulator telepon seluler untuk mengakses halaman
WML yang beljalan pada sistem operasi GNU/Linux. Anda bisa
men-download pada situs www.deckit.org.
Biasanya file aplikasi deckit hasil download berekstensi tar.gz,
nama file, misalnya deckit-versi 1.2.4.tar.gz, seperti berikut:

deckit-1.2.4.tar.gz

2.5.2.1 Cara Instalasi Deckit
Jalankan konsol, kemudian ekstrak file tersebut pada direktori
yang Anda inginkan dengan perintall:

# tar -zxvf deckit-1.2.4.tar.gz

Software yang Dibutuhkan pada Aplikasi WAP 17

Setelah diekstrak coba lihat hasilnya pada direktori di mana
Anda mengekstrak.

#ls

Akan muncul:

# deckit/ deckit-1.2.4.tar.gz*

kemudian untuk menjalankan deckit, ketikkan

# deckit

sehingga akan muncul tampilan seperti Gambar 2.12.

Apabila Anda ingin dimudahkan dalam pemanggilan deckit,
maka Anda perlu meqjadikan file deckit sebagai ikon. Caranya
seperti berikut:

1. Masuklah ke Natilus (gnome), cari file deckit pada direktori
saat Anda menginstal.

2. Kopi file deckit dan paste pada desktop. Jika Anda ingin
menaruhnya pada panel, drop file deckit, arahkan mouse
pada panel, dan lepas.

2.5.2.2 Cara Menggunakan Deckit
Klik ikon deckit sehingga akan keluar:

18 Membangun Aplikasi WAP Portal

Gambar 2.12 Tampilan Deckit
Ketikkan alamat URL pada Web or WAP addres
Misalnya, file aplikasi WAP diletakkan pada direktori

/var/wwwlhtml/nama- direktorilnama- file.wml.
2.5.2.3 Menu-menu pada deckit
J:ile, berisi Go Back, Reload Page, Stop Loading, dan Exit.
Qption berisi Show source window (untuk menampilkan
formsource), Configuration (untuk melakukan konfigurasi
deckit).

~ Return to the previous page, untuk kembali ke halaman

sebelumnya.

~ ~ Reload current page, untuk mengulang proses loading

Software yang Dibutuhkan pada Aplikasi WAP 19

Stop current loading, untuk menghentikan proses
loading.

!.iJ Get my pages, untuk kembali ke halaman (alamat URL)

asal.

Add the current page, untuk menambah halaman yang
lain.

Py Web, untuk link ke http://www.pyweb.com/.

untuk menuliskan

Apabila pada menu options dipilih menu Show Source Window,
maka tampilan deckit akan berubah menjadi:

Gambar 2.13 Tampilan hila Show Source Window Diaktitkan

20 Membangun Aplikasi WAP Portal

2.6 Text Editor

Text editor digunakan untuk memudahkan Anda dalam pem-
buatan dan pengembangan sebuah halaman web sehingga
menghemat waktu dalam proses pembuatan.
Di sini penulis menggunakan PHPEd (pada Windows), GEdit
(pada Linux) karena buku ini banyak menggunakan script PHP.
PHPEd, GEdit ini juga bisa mengedit dan membuat halaman
WML tanpa efek serta mempemmdah pembuatan dan penge-
ditan hila ada kesalahan.

2.6.1 PHPEd

PHPEd mempakan editor yang digunakan unh1k mengembang-
kan halan1an web.

2.6.1.1 Instalasi PHPEd
Langkah-langkah:
1. Terlebih dahulu masuklah ke direktori di mana Anda

menamh file phped.exe, kemudian klik ganda sehingga
akan teljadi proses penginstalan seperti berikut:

Welcome to the PHPEd . Web
development Environment setup
program.

This will instaU PHPEd2_96 on your computer
It i~ strono;~ly recommended that yoo close all other
appkatiomyou have ruminQ before continuing_ This wil
help prevent ~y conlhcts during the M~ion p!OCess.
Click Ne!(! to conhnue. or Cancel to elcit Setup

Gambar 2.14 Tampilan Awal Proses Penginstalan PHPEd

Software yang Dibutuhkan pada Aplikasi WAP 21

Select Destination Directory
Select the folder you would ike Setup to Install PHPEd- Web development
Environment to:

Gambar 2.15 Tampilan untuk Meletakkan Direktori PHPEd

Select Componenls
Select the components you want to inst~ll, clear the components _you do not want
toinstalt

Gambar 2.16 Tampi1an Pilihan Komponen

22 Membangun Aplikasi WAP Portal

fl SSe_tup _PHP_Ed GWe,b_de.,."€lopment Efh'tmnment ~fm

Seq, wi add lhe JXQO'an's icons to lhe ~Start Menu~

Gambar 2.17 Tampilan Pilihan untuk Meletakkan PHPED pada Group

_s....._.,..,...._R"""'loi~DioJI
~now ..,.q, to bo9>'""""""' PHPEd ·Web .............. EnWonnonl m

Gambar 2.18 Pilih Install

Software yang Dibutuhkan pada Aplikasi WM' 23

s _ s.......

Pleooewait-Sell4>i>~PIIPEd-""ob........,._E.......... ..,
JNIUI~-

Gambar 2.19 Proses Penginstalan PHPEd

Se114> has firished ~ PIIPEd- """" do¥elopnenl
e..,;,....-anyrur~. The...,..,_,_be
lao.n:hod tJ!I oelecmg lhe installed icom.
Clck F"rish 1o 0011 Sell4>-

Gambar 2.20 Proses Penginstalan PHPEd Sukses

24 Membangun Aplikasi WAP Portal

2.6.2 Gedit

Text editor juga berjalan pada platfom GNU/Linux

ontimer=•ttawal•>

Gambar 2.21 Tampilan GEdit

Pelajaran 3

Dasar-dasar WAP

3.1 Halaman WAP

Halrunan WML disebut deck. Seperti pada penjelasru1
sebelumnya, deck dibangun oleh sekumpulan card yang saling
dihubungkan. Jadi, pada waktu halru11an WML diakses pada
telepon seluler, semua card yang ada pada deck akru1 diambil
dari WAP server sekaligus tanpa harus mengaksesnya kembali
pada WAP server.
Contoh:

Contoh di atas menunjukkan bahwa dokumen WML merupakan
bagian dari dokumen XML, di 111aJ.1a DOCTYPE dikenalkru1
pada WML, dan DTD diakses pada

www.waptorum.org/DTD/wml l.l.xml

lsi dokumen WML terletak di dalam tag <wml>....</wml>, dru1
masing masing card terletak di dalam tag <card>...</card>.

26 Membangun Aplikasi WAP Portal
Sementara itu, paragraf terletak pada tag <p>...</p>, dan pada
tnasing -masing card terdapat id (pengenal) dan tide Gudul).

3.2 Format WAP

3.2.1 Deck dan Card

Halaman WML biasa disebut dengan deck, di mana pada deck
terdapat satu set card atau lebih. lsi card bisa berupa teks,
gan1bar, tabe~ dan lainnya yang satu sama lain bisa saling
dihubm1gkan.
Pada waktu halaman WML diakses dengan telepon seluler,
semua card yang ada pada halaman tersebut akan diambil dari
WAP server. Dengan demikian, telepon seluler tidak perlu hams
mengakses kembali ke server selringga infonnasi atau data bisa
diakses lebih cepat oleh telepon seluler.
Contoh menan1pilkan card (tampil_card.wml)

Output dari progran1 di atas akan seperti berikut, yaitu hanya
satu card yang din1nnculkan pada saat bersamaan.

Dasar-dasar WAP 27

Gambar 3.1 Tampilan Script tampil_card.wml

3.2.2 Paragraf dan Ganti Baris

Card pada halaman WML dapat diatur memanjang ke bawah
menggunakan perintah tag ganti baris<br/> dan tag paragraf
<p>.....</p>.

Contoh menampilkan sebuah paragraf<p> (tampil_para-
graph.wml)

28 Membangun Aplikasi WAP Portal

Gambar 3.2 Tampilan Script tampil_paragraph.wml
Contoh menampilkan tag untuk ganti baris <br/> (ganti_baris.
wml)
<?xml yersion="W:l'!?> . . . •.

<!DOqyPE r'mi.J)UBW(: "~//WAPFORUM//DTD WMLL1//EN''

" h t t p : /j w w w .wapfof"lJm;orgfDTDfwpU:l,xml">
<wml>
<card title="Ganti Baris''>·.
<p> •.....
;ni ~;>arqgraph pertama
Klo yang ini paragraph
</p-;;
<;card>
~/wml>

Output untuk script di atas akan seperti berikut.

Dasar-dasar WAP 29

Gambar 3.3 Tampilan Script ganti_baris.wml

3.2.3 Format Paragraf

Untuk mengatur sebuah paragraf sesuai keinginan, dibutuhkan
sintaksis seperti berikut.

Contoh menampilkan format paragraf (format_paragraph.
wml)

Tampilan untuk script di atas akan seperti gambar berikut.

30 Membangun Aplikasi WAP Portal

Gambar 3.4 Tampilan Script format_paragraph.wml

3.2.4 Format Teks

Sebuah halruuan WML dapat ditulis memru1jru1g. Untuk menga-
tur format teks dibutuhkan sintaksis:

~Ji~,;~::i;-~~r· ;((~'"'i ·.menamj)ilkan formattei(S."Qc>rtn5!1:;~~~~:~1j
~P?'~~i~'/tS~~'Qrl;-;;.."'if.·menarnPilkap.format tei<Stebal.'";

:.sJih,:"ftt?':-shrt~; ~,'Jrl~nampnkan format tei<SiJ,i_ "' ·; ·

:<ti>:s.;}~V.u;>_ <:1}lrl_:>t~~\11E:nampjlkaq]ormattek5" ·.
_:<big>;~~~JI:Jf9~ihr/~-it,~z fl1enaf1lpit~an.!~fll)at-..•

:<~rnall~'.':,;<zsrn~n:><hrt;;,..·~;1nen51~Pil~[lcf~rn1at

-~~~~~;~iJ&~»~-~~it~f:k$

Contoh menampilkan fommt teks (format_teks.wml)

Dasar-dasar WPJJ 31

Script di atas akan menghasilkan tampilan seperti di bawah ini:

Gambar 3.5 Tampilan Script format_teks.wml

3.2.5 Tabel

Untu.k mempetjelas sebuah infonnasi yang ditampilkan pada
sebuah telepon seluler, dibutuhkan sebuah tabel. Namun,
menampilkan sebuah tabel yang berukuran besar (Iebar) malah
akan membuat tampilan menjadi tidak bagus dan tidak rapi
(rusak) karena layar telepon seluler yang sekarang ini masih
minim untuk memuat karakter.

Contoh pada script (tampil_tabel.wml)

32 Membangun Aplikasi WAP Portal

Oleh karena emulator m3gate yang dipakai oleh penulis tidak
bisa menampilkan jumlah karakter yang banyak, maka
tampilan tabel akan berubah seperti pada gambar berikut:

Gambar 3.6 Tampilan Script tampil_tabel.wml

Dasar-dasar WAP 33

3.3 Link dan Image WML

3.3.1 Link

Untuk membuat sebuah Link, baik Link ke aplikasi WAP lain
maupun Link dengan card yang ada di dalam halaman (deck) itu
sendiri, gunakan fungsi anchor pada perintah WML.

3.3.1.1 Link ke Card Lain
Bertujuan untuk mempercepat dalam mengakses infom1asi dari
server karena link sudah berada pada satu halaman (berarti
dalam satu file).

Contolmya akan seperti script di bawah ini (linkcard.wml):

Tampilan script linkcard.wml akan seperti di bawah ini:

34 Membangun Aplikasi WAP Portal

Gambar 3.7 Tampilan Script linkcard.wml

3.3.1.2 Link ke Halaman Lain

Bertujuan untuk memanggil halaman (ftle) dalam satu aplikasi
WAP yang telah dJ.buat sehingga dapat mempermudah
penginfonnasian topik yang berbeda-beda. Script akan seperti

berikut (link_ke_halaman.wml)

Dasar-dasar WAP 35

Script di atas akan menghasilkan tampilan berikut

Gambar 3.8 Tampilan Script link_ke_halaman.wml

3.3.1.3 Link dengan Gambar
Bertujuan memperindah tampilan pada aplikasi WAP. Gambar
yang tampil akan dijadikan objek untuk menuju ke card lain atau
ke halarnan lain (link). Script akan seperti berikut (link_gambar.
wml):

36 Membangun Aplikasi WAP Portal
Kotak pada gambar berikut menunjukkan bahwa gambar sudah
dijadikan link, tanda kursor akan berubah menjadi tangan.

Gambar 3.9 Tampilan Script link_gambar.wml

3.3.2 Image

Sebuah card pada WML bisa juga digunakan untuk menan1-
pilkan sebuah gambar sehingga tampilan bisa diperindah dengan
gambar tersebut. Dengan catatan, lokasi file gambar harus
sesuai. Di sini penulis menyarankan agar meletakkan file gan1bar
tersebut ke direktori yang sama dengan script wml OK.
Contolmya:

Dasar-dasar WAP 37
Output:

Gambar 3.10 Tampilan Script tampil_gambar.wml

Perlu diingat bahwa gambar yang berekstensi *.wbmp bisa
ditampilkan di telepon seluler.

3.4 Input WML

WML juga memungkinkan kita untuk bisa memasukkan inputan
data dari telepon seluler. K.ita bisa melihat contoh di bawah ini:

38 Membangun Aplikasi WAP Portal

Tampilan awal script di atas akan seperti berikut:

Gambar 3.11 Tampilan Script input_teks.wml

Untuk: memasukkan inputan dari keyboard, tempatkan kursor
pada Nama:[] I Alamat:[] , pilih Options, dan pilih Edit
Ketikkan inputan yang diinginkan sehingga akan tampil gambar
seperti berikut:

Dasar-dasar WAP 39

Gambar 3.12 Tampilan Script tampil_card.wml Setelah Diisi Data

3.4.1 Select dan Option

Card wml bisa juga menampilkan fungsi select dan option.
Contoh menampilkan List (radio button), script-nya akan
seperti di bawah ini (tampil_radiobutton.wml):

Tampilan script di atas adalah seperti di bawah ini:

40 Membangun Aplikasi WAP Portal

Gambar 3.13 Tampilan Script tampil_radiobutton.wml

Apabila Ancla memilih select, maka gambar yang ditampilkan
akan seperti di bawah ini:

Gambar 3.14 Pilihan untuk Tipe Radio Button

Dasar-dasarWP.P 41

Sebagai contoh, tampilkan Multiple List (tampil_multiple.wml)
aengan script seperti'oerumt:

Tampilan untuk script di atas akan seperti berikut:

Gambar 3.15 Tampilan Script tampil_multiple.wml


Click to View FlipBook Version
Previous Book
201815Years-MagazinePages
Next Book
Portfólio