0   wk 1  wk 2   wk 3   wk 4  wk 5   wk 6   wk 7   wk 8   Assignments

JQuery UI

IST:541 Term 5

Week 3 Objectives

Focus this week is on the accordion and the tabs widgets.  
Applying the Segmenting Principle of Multimedia Learning, presenting information in chunks.  
​We will be using the job aid file created in Week 2.

List of Content

1. Procedural job aid page
2. Create a job aid using jQuery UI and iQuery UI Themes
3. Tab Widgets Tutorial
4. Accordion Widgets Tutorial

Screenshot of CSUMB Calendar.pdf (Lara, 2016)

​​Week 3.  Assignments.
Creating a Job Aid using jQuery UI.

Lab 2.  Tab Widgets Tutorial.  Lab2.  Job Aid.
http://itcdland.csumb.edu/~dpayne/ist541/ist541/jobaid/index.html

Lab 2.  Accordion Widgets Tutorial.
http://itcdland.csumb.edu/~dpayne/jobaid/index_accordion.html

Screenshot

Lab 2.  Tab Widgets Tutorial-
http://itcdland.csumb.edu/~dpayne/jobaid/index_tabs.html

Lab 2.  Engine Oil Fluid Level Check:   Accordion
​http://itcdland.csumb.edu/~dpayne/ist541/ist541/jobaid1/index_accordion.html

Lab 2.  Engine Oil Fluid Levels Check:  Accordion
http://itcdland.csumb.edu/~dpayne/ist541/ist541/lab1/index.html

Lab 2.  Engine Oil Fluid Levels Check: Tabs.
http://itcdland.csumb.edu/~dpayne/jobaid/index_tabs.html

Week 3.  Topics- jQuery UI and iQuery UI Themes.

jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library.  
By default, jQuery UI widgets come with a gray color.