GDES 51

Project 3 Description: Jquery Mobile App

Back to GDES 51 Home»

Project Description

  • Create a simple mobile site and mobile application promoting a restaurant or store using jquery mobile and phonegap. You can do a site on another subject if you clear it with the instuctor beforehand.
  • The restaurant can be real or fictitious.
  • You do not need to provide e-commerce functionality, but you should present a list of food items or products.
  • You can code the site using any editor you wish.
  • You should perform many of the common steps involved in interactive design, if applicable, like:
    • Research on the client, topic, and similar products
    • Gather content
    • Information Architecture (organize the content)
    • Sketching of potential designs
    • Wireframes
    • PSD mockups
    • Prototype using jquery mobile

To Do

  • Decide on a subject
  • Do an inventory of assets/content
  • Organize and prioritize the content
  • Create sketches
  • Refine the design
  • Create wireframes in your app of choice for at least 7 screens
  • Create a prototype version of the app and do informal testing
  • Add art direction for your final version
  • Refer to the book Jquery Mobile Web Development Essentials for tips
  • See the GDES 51 main page for due dates

Minimum Requirements

  • Turn in exploratory sketches
    • At least 8 sketches trying out different ideas
  • Turn in wireframes
    • At least 1 wireframe for each screen type/layout
  • 3 screen layouts minimum
  • 7 total screens minimum
  • At least 5 product images shown
  • Use jquery mobile to create the site and app
  • Create and use a custom jquery mobile theme using themeroller.
  • Turn in a web version and an app. They can be identical.
  • Output an app from your html project using Phonegap (Adobe Phonegap Build)
    • Test the app on an android device(a device will be available for use if necessary)
    • Demonstrate the final version of the app on an android device.

Point Breakdown

  • 10 points - Sketches
  • 10 points - Wireframes
  • 25 points - Final version requirements
  • 25 points - Final version execution and Design