...

The Gallery tool provides six main functions at this time:the following functions:

1. Display setup help text when no collections exist.
2. Navigate to an image-collection.
3. View and edit metadata associated with an image-collection. (deferred)
4. View the image-collection as an array of thumbnails.
5. Set the sort order of thumbnails based on title.
6. View an image full sized, perhaps in a pop-up window.
7. View the image-collection sequentially (manual), perhaps in a pop-up window.
8. View the image-collecton by playing it (auotmatic).

...

The application is considered to have two three main states:

1. Show setup help text
2. Gallery View (and navigation)
3. Image View (and sequencing)

transitions are navigation or selection clicks:Image Removed

Image Added

Gallery Tool Services

Traditional Sakai tool design calls for the creation of an application service that encapsulates the business logic. A simple gallery service is proposed that would be layered over the Content Hosting service.

...

1. Get an ordered list of Image's. done
2. Get the nth Image. done
3. Get collection id. done
4. Get collection name. done
5. Get an Image by id.
6. Get representative Image id (defaults to first image)
7. Set representative Image id (deferred)
8. Get next nth Image. doneGet previous

Image

Image

The Image object extends ContentResource. It must provide the following capabilites:

1. Get image id. done
2. Get image name. done
3. Get image description. done
4. Get image URL. done
5. Get type (maybe)

UI Wireframes

See Gallery Views for snapshots of the Gallery Tool as implemented.Image Removed
Image Removed
Image Removed
Image Removed
Individual_Image_-_Edit.jpg
Image Removed
 
 
 

First Visit Wireframe

Image Added
Image Added

Please find attached a visual design mock up (gif file) reflecting the look for the Gallery help/Start page that the design team wants to move forward with.

Please login to nightly and go to the resources tool and click an any of the"Add" links in the "Actions "column of the table. The view will change to "resources > Add Item(s)
We emulated the style from this page. There are however some typographical changes.

In my comp all of the headings are bold and dark grey. The Getting Started heading is 14px and the The To add a collection and Ideas for organizing your images into collections headings are 13px.

The grey box, that lies behind the 13px headings is a paragraph selector with a class property value "discTria".

Gallery Select Wireframe

Gallery 1a: Default View

Image Added

Gallery 1b: Selected View

Image Added

Image Sequencing Wireframe

Image Added

Student First Visit

Image Added