1 / 12

CIS 375—Web App Dev II

CIS 375—Web App Dev II. WAP. Introduction to WAP. WAP ________________________ is an application communication protocol that uses a ______ Browser in handheld devices, such as digital _____________.

evonne
Download Presentation

CIS 375—Web App Dev II

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 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. 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 (nooperation)—overrides deck-level elements <do name="back" type="prev" label="Back"> <noop/> </do> WML Tasks

  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. <?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> Example

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

More Related