Lab 2: "Visit Philly" Mobile App

The purpose of this lab is to practice writing basic jQueryMobile pages. The finished page will look like this:

Art Museum Ticket Reservation

Lab 2 Resources

  1. Resource.txt
  2. http://www.w3schools.com/html/default.asp
  3. http://www.w3schools.com/css/default.asp/a>
  4. http://www.w3schools.com/jquerymobile/default.asp
  5. http://demos.jquerymobile.com/1.4.0/

Exercises for Today:

  1. Create a folder caled VisitPhilly. In that folder, create an empty web page "index.html"
    2. Create an empty page
  2. Include the jquery, jquerymobile links
    3. jqeurymobile files
  3. Add the main page
    4. main page
  4. Add the museum pag
    5. Museum page
  5. Add the theme to the page, header, footer
    6. theme
  6. Add "Back" button to the museum page (insert this into the header section)
    7. back_button
  7. Add the 3rd page: Ticket reservation for independece hall.
    8. theme
  8. Add form to the reservation page (replace the content)
    9. form
  9. Add time select (insert into the form)
    10. select time
  10. Open your "index.html" file in a browser, observe if the pages, lists, and back buttons display correctly.
  11. Upload your folder "VisitPhilly" to the web server, and observe the pages on a mobile device.

Extra Credit: Add more topics

Use your imagination and add two sections to your app. Please refer to "http://www.tripadvisor.com" and "http://www.visitphilly.com". You may add "Plan your trip", "Restaurants", "Philadelphia Today" etc.