Interactive Design II – Week 7

5 Comments

Session 1: As we approach mid-term it is important to keep sight on the overall goals and outcomes expected for the class. The following is a list of the upcoming exercises and projects for the rest of the semester:

Exercise 3: jQuery UI (5 points)
Assignment 3: Interactive Form (15 points)
Assignment 4: Final Template (10 points)
Final Web Application (25 points)

The final template is a component of the Final Web Application. In addition you will be required to write a final project proposal and get approval for your proposal from me before starting on your template. The proposal will include a project summary, a feature list, screen schematics, mockups, and a bid (estimated hours broken out into design, content, development, and implementation).

Exercise 3: jQuery UI
Due: Session 2, Week 8 (5 points)

Description:
Implement a minimum of five examples of jQuery UI behaviors. Build the application into a single page that includes each example in a different area of the page. Prepare the environment so that it will work with or without internet access. A zip file of the environment that includes all the necessary web files (JavaScript files, css files, html files, etc.) must be uploaded by session 2 of week 8.

Requirements:
1. Implement five or more examples of jQuery UI behaviors.
2. Examples may include show, toggle, accordion, datepicker, slider, menu, and progressbar.
3. Set up the examples to work with or with internet access on a single html page.
4. Upload a zip of your gallery application to the D2L by session 2 of Week 7.

Points Breakdown:
4 points will be awarded for properly implementing five jQuery UI behaviors.
1 points will be awarded for implementing the examples on an html page.

Relevant Resources:
jQuery
jQuery UI

Session 2: Today we will look at your jQuery Gallery exercises. Following the presentations we will continue demonstrations for the jQuery UI exercise.

5 thoughts on “Interactive Design II – Week 7”

  1. http://speckyboy.com/2010/01/20/25-tutorials-and-resources-for-learning-jquery-ui/

    This blog site had many different tutorial links on how to create JQuery UI functions and also descriptions of the understanding why to use the functions. Some of the tutorials show how to create a accordion or draggable information or using multiple themes and sliders.

    http://www.ibm.com/developerworks/library/wa-jquerythemes/

    This site has basic descriptions of JQuery UI themes and widgets.

    http://www.twospy.com/galleriffic/example-2.html

    This site has many different kinds of gallery set-ups, instead of the standard set up some of these are a little more interesting. Takes you to a new page for tutorial and code.

  2. This site goes into the different JQuery plugins that are available. The basis of the site is all about keeping the user satisfied especially when it comes to mobile apps and apps for tablets. Bootstrap for mobile is one of the most popular used today for mobile and tablet apps, it’s used for sleek performance and uses LESS CSS for the design. There are JQuery plugins for grids, manipulating favicons, building draggable layouts or plugins to have sites have a magazine style.

  3. “Using JQuery to your advantage” explains why, as designers that we should use the JQuery libraries. It allows us more time for design and less time trying to re-invent code that already works great. By using these we can make great things on the web but as designers have to be wary of third party libraries. By adding the code seen on the website it can link to JQuery and get the latest version and a link to a style sheet that formats the various controls.

  4. In this article it explains some of the new features on the latest version of JQuery 1.9. It gives the user some of the newest widgets available and shows how to enact them into a site. This site gives us a new menu widget and has some other new widgets like ‘the spinner’.

Comments are closed.