Download - CIS 375—Web App Dev II
2
Introduction to WAP WAP ________________________ is an application
communication protocol that uses a ______ Browser in handheld devices, such as digital _____________.
WAP uses the wireless markup language (WML), not ______, and is defined as an XML 1.0 application.
WAP is published by the WAP ______, founded in 1997 by Ericsson, Motorola, Nokia, and Unwired Planet.
The Micro Browser interprets WML and a reduced version of JavaScript called ___________.
WML is used to create pages (called ______) that are constructed as a set of CARDS.
3
WAP Basics WML is mostly about ______, since other content
would be to slow to deliver. The use of tables and images is strongly
restricted. A WML DECK (page) is downloaded to a mobile
phone from a _____ server. The CARDS in the DECK are related to each other
via links, using only the phone’s __________. Only one card is displayed at a time. Each card element has an id and a ______. WML can use text formatting elements such as b, i,
and u. It can also use the table, tr, and td elements.
4
WML Formatting<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN" "http://www.wapforum.org/DTD/wml13.dtd"> <wml>
<card id="no1" title="Card 1"> <p><b>Hello<br/>World!</b></p>
</card> <card id="no2" title="Card 2"><p>
<table columns="2"> <tr>
<td>Cell 1</td> <td>Cell 2</td>
</tr> </table>
</p></card>
</wml>
5
WML Links and Images The <anchor> tag creates a link that can do
one of three tasks: <go> <prev> <__________>
<anchor>
Next page
<go href="test.wml"/>
</anchor>
The <a> tag is the same as the __________ tag with the <go> task.
The <img> tag can be used to display images with the file extension _______ only.
6
Example of Links and Images
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML
1.3//EN" "http://www.wapforum.org/DTD/wml13.dtd"> <wml>
<card id="no1" title="A Tag"><p> <a href="#no2">See the man</a></p>
</card>
<card id="no2" title="Image"> <p> This is an image <img src="man.wbmp"
alt="stickman" /> in a paragraph</p>
</card></wml>
7
WML Input A WML card can accept input from a user.
Name: <input name="Name" size="15"/><br/> Age: <input name="Age" size="15" format="*N"/><br/>Sex: <input name="Sex" size="15"/>
The user can also select _______ from a list.<select><option value="htm">HTML Tutorial</option><option value="xml">XML Tutorial</option><option value="wap">WAP Tutorial</option></select>
The user can display a ________.<fieldset title="CD Info">Title: <input name="title" type="text"/><br/>Prize: <input name="prize" type="text"/></fieldset>
8
WML Tasks Go to new card<anchor> Go To Test <go href="test.wml"/> </anchor>
Go to a previous card:<anchor>Previous Page<prev/>
</anchor>
Refresh the page and set a variable: <anchor> Refresh this page <go href="thispage.wml"/> <refresh> <setvar name=“x” value="30"/> </refresh></anchor>
Noop (no operation)—overrides deck-level elements
<do name="back" type="prev" label="Back">
<noop/> </do>
9
WML Timer A WML card can use a timer function
(time units are in _____ of a second).<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN"
"http://www.wapforum.org/DTD/wml13.dtd">
<wml>
<card ontimer = "test.wml">
<timer value="30"/>
<p>This message will last 3 seconds!</p>
</card>
</wml>
10
WML Variables When a user switches from card to card, data
can be stored in variables (which are _____ sensitive).
<card id="card1">
<select name="schoolname">
<option value="HTML">HTML Tutorial</option>
<option value="XML">XML Tutorial</option>
</select>
</card>
<card id="card2">
<p>You selected: $(schoolname)</p>
</card>
You can also use the <setvar> tag:<setvar name="i" value="500"/>
11
Example<?xml version="1.0"
encoding="utf-8"?> <!DOCTYPE wml PUBLIC
"-//WAPFORUM//DTD WML 1.3//EN" "http://www.wapforum.org/DTD/wml13.dtd">
<wml><card id="card1"
title="Tutorial"><do type="accept“
label="Answer"> <go href="#card2"/></do>
<p><select name="name">
<option value="HTML">
HTML Tutorial</option>
<option value="XML">
XML Tutorial</option>
<option value="WAP"> WAP Tutorial
</option></select>
</p></card><card id="card2”
title="Answer"><p>You selected: $(name)</p>
</card></wml>
12
Links WML validator:http://www.w3schools.com/wap/wml_validate.asp Demos:http://www.w3schools.com/wap/tryit_wap.asp?file=demo_helloworld.wml
Reference:http://www.w3schools.com/wap/wml_reference.asp Nokia Mobile Internet Toolkit:http://www.forum.nokia.com/main/
1,6566,1_1_30,00.html (used for examples in this presentation)
The “Wapalizer”: http://www.gelon.net/ (???)