Web Design for Wireless Devices

James D. Keeline <James@Keeline.com>
http://www.ITeachPHP.com/
2 Monday evenings, 6:00-9:00, 01/05/2004-01/12/2004

The purpose of this class is to introduce the special considerations necessary when adapting an existing web site for access via wireless devices.  We will consider the major standards available right now: HDML and WML and note how they compare with the more familiar HTML. 

WAP (Wireless Application Protocol) is a fairly popular standard at this point though that may change in the future.  WML (Wireless Mark-up Language) is somewhat analagous to HTML but is adapted for the small screen size, limited input capabilities, and limited bandwidth available.

We will use a web-site simulator to view WML pages which emulates the screen size of a WAP phone during the first meeting. We can also look at, time and technology permitting, the concept of creating "web clipping applications" for PalmOS devices such as the Palm VII during our second meeting.

No specific textbook will be used in this class.  However, if you would like to purchase a reference, some good ones are:

Some of the web resources we will use are:

HDML References:
http://developer.openwave.com/ja/htmldoc/331h/hdmlref/
http://www.macromedia.com/v1/documents/hs4/hdml_tag_pack/hdml01.htm
http://www.macromedia.com/v1/documents/hs4/hdml_tag_pack/hdml02.htm
http://www.macromedia.com/v1/documents/hs4/hdml_tag_pack/hdml03.htm
http://www.w3.org/TR/NOTE-Submission-HDML-spec.html

HDML Tutorials
http://hotwired.lycos.com/webmonkey/99/48/index3a.html?tw=design

HDML Links
http://www3.sympatico.ca/bkeevil/handheld/
http://www.w3.org/TR/NOTE-Submission-HDML-FAQ.html

WAP, WML, WMLscript References:
http://developer.openwave.com/htmldoc/41/wmlref/front.html
http://www.w3schools.com/wap/wml_reference.asp
http://fsinfo.cs.uni-sb.de/~abe/wml11.html
http://www.wirelessdevnet.com/channels/refview.phtml?cat=wmltags

WAP, WML, WMLscript Tutorials:
http://www.wirelessdevnet.com/channels/wap/training/wml.html
http://www.zvon.org/HTMLonly/WMLTutorial/Examples/Example1/
http://www.gowansnet.com/fwh/tutorials/wml/

WAP, WML, WMLscript Links:
http://www.gelon.net/links/
http://www.wapforum.org/
http://www.epinions.com/content_6664326788

Manufacturers of HDML and WAP Devices:
http://www.wabot.com/
http://www.nokia.com/
http://www.ericsson.com/mobileinternet/

HDML and WAP utilities:
http://www.gelon.net/
http://www.onlinetools.org/tools/wap-o-matic.php

Simulators and IDEs:
http://www.w3schools.com/dotnetmobile/mobile_emulators.asp

Palm-related links:
http://www.palm.com/
http://www.palm.com/wireless/
http://www.palmos.com/dev/tech/webclipping/tutorials/tutorial_web.html
http://www.avantgo.com/

Other Wireless Technologies:
http://www.bluetooth.com/
http://www.ricochet.com/
http://www.apple.com/airport/

Additional Tutorials:
http://hotwired.lycos.com/webmonkey/
http://www.devshed.com/
http://www.phpbuilder.com/
http://www.standardio.org/article.aspx?id=36
http://www.standardio.org/wireless.aspx
http://msdn.microsoft.com/msdnmag/issues/01/06/Mobile/default.aspx

Additional Resources:
http://www.phonescoop.com/
http://www.brainbench.com/
http://www.hotscripts.com/
http://wirelessadvisor.net/

Topics for Week 1 (5 Jan 2004):

  1. Registration.
  2. What handheld devices can be connected to the Internet?
  3. What are some of the standards used to communicate to these devices?
  4. What are some of the limitations for handheld devices which require special consideration?
  5. Create some simple WML pages and view them on the WAP browser on http://www.gelon.net/.

Topics for Week 2 (12 Jan 2004):

  1. Creating PQA ("Web Clipping") applications for Palm OS devices.