• WML works like a shuffling a deck of cards. All of the pages (cards) are in one document (the deck) and as the user clicks through them (shuffles) they see the next page (card).
• In this exercise we will have 1 document (.wml) which will contain 3 pages (cards).
• The directions on the exercise page will help you set the tags and their attributes.
• Use the xhtml elements that you have used before for the text fields, dropdowns and text, including <input />, <select> and <br /> tags.
• Remember to use a # before your id names with your href="" because our links are within this document (like anchor links).
  For example: href="#information"
• Once you create the file, use the WML emulator to run and test it (Start -> Programs -> CG Applications -> Openwave SDK 6.2.2 -> Openwave SDK 6.2.2 HTTP).
• You will need to load your file in the WML emulator to see it (File -> Open -> browse to your file and select "Open").
• Your file will load within the phone. You will need to use a combination of the phone's navigational buttons and your mouse to navigate through your cards.

Instructions

Create a WML file with the following cards and test them using the mobile emulators located in the lab. If you are unable to locate the emulators in the laboratory, download and install the Openwave emulator from Openwave Systems Inc.

• First card
  • id="information" and title="information"
  • Should ask the user for this information:
    • Their name (entered into a text box)
    • Their favorite color (selected from a list of 5 colors)
    • Their favorite pet/animal (selected from a list of 3 animals)
       
• Second card
  • id="display" and title="display"
  • Should read and then display the information that the user has just entered or selected in a message
  • Example:
    • Thank you for the information George Washington!
      The color green is a nice color, and I like elephants, too.
  • The second card should then provide a link with the text, "click to finish" which takes the user to the third and final card
     
• Third card
  • id="final" and title="final"
  • Should contain a message thanking the user for entering their information and provide a link back to the beginning card.
     
• This file will not work if saved on the desktop. Save it to your H drive in your www folder. Make sure the directory structure you save it in does not have any spaces or special characters.
   
• Test your wml file using the emulators in the lab. Do not use file > open. In the address bar, type:
  http://web.ics.purdue.edu/~YourCareerAcctLogin/...
  For instance, if mine were saved in www/cgt141/ec18/index.wml then I would type:
  http://web.ics.purdue.edu/~rjglotzbach/cgt141/ec18/index.wml