CIS 375—Web App Dev II

CIS 375—Web App Dev II

WAP

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/ (???)