Since this project is supposed to be a part of the Instructor portal of UCWISE, it does not have a home page. The overall page is divided into 4 sections: the navigation section at the top, the preview section in the left panel, the progress bar at the bottom, and the active display section at the center.
The metadata tagging tool prototype is divided into five main stages. The user can toggle between the different stages using the metadata tagging progress bar at the bottom of the page.

The following are the five stages:

1. Bookkeeping

Although bookkeeping is not the home page, it is the first page that the user sees in our project. Bookkeeping section is a part of the metadata tagging tool that allows the user to tag their curricula with basic metadata tags. Title indicates the title of the activity (e.g. recursion quiz). This page also provides the option for editing the existing template, switching to another template and creating a new template from scratch.

2. Cognitive learning

This page is used to tag the individual questions in an activity with cognitive learning metadata. The user can choose the metadata by clicking on the metadata in the cognitive learning spectrum at the center of the page. The page also displays the smaller units with in an activity. Each of the smaller units within an activity can be tagged with cognitive learning metadata.

3. Topics

This page allows the user to tag domain specific metadata to an activity, the prototype is not implemented yet since we are still talking to the UCWISE researchers to reach final agreements on the selection of metadata to use.

4. Instructor notes

This section allows the instructors to associate notes of to-do actions on an activity.

5. Authoring

This page will be linked to the UCWISE authoring component.

What was left out and why?

• We left out the prototype design and implementation for the metadata tagging on topics, since we are still in the process of discussing with the UCWISE researchers on the selections of domain specific metadata to use.
• We did not design the interface for the Authoring page because it is beyond the scope of our project.
• We did not include the Freeform entry feature in the Bookkeeping section because of the time constraints in implementing the prototype.
• We took out the mouse over pop-ups out of the Progress Bar because they were intended to provide a preview of what is located inside each step. However, the users came up with their own names for the metadata that are intuitive to them, and we changed the names of the sections accordingly. For example, the Basic Quiz Info was changed to Bookkeeping Metadata. So we thought the pop-ups were no longer necessary.
• We replaced the Flamenco-style layout of metadata for the Instructor Notes, because the users significantly downsized the amount of metadata they needed.
• We will not be designing user interface for the New Metadata Templates page due to time constraints and our users do not consider it a priority.

Tools used:

We built our prototype using HTML, CSS, JavaScript and Adobe Photoshop. The animated progress bar was created using Adobe Photoshop and functions written in JavaScript. Many of the un-clickable buttons and input boxes were created using Adobe Photoshop to give user a realistic look of an input form while restraining the user from trespassing areas in the prototype that has not been implemented yet.