Date Time Picker Storyboard - Selecting Opening Date and Time - Tabbed Timepicker
Deprecated Version
Please note: This storyboard shows an old version of the date and time picker, and does not reflect the current design for the date or time picker.
Omnigraffle file for this storyboard: DatePickerPaperPrototype5Tabbed.graffle.zip and a design iteration on this same storyboard, but without tabs (not pictured on this page): DatePickerPaperPrototype6Separate.graffle.zip
Professor George McFadden of Journalism is entering is assignments for the year into the bSpace learning management system. He has already provided descriptions for some assignments on the site. He has just finished writing up the first assignment of the semester and is ready to enter it. The assignment should open on August 3rd at 10:50am when class starts.
> George logs into Sakai and opens the Assignments tool.
> George clicks on Add at the top left to add a new assignment.
> George enters the title "Yellow Journalism".
> George clicks on the "Open on" text box. A calendar pops up.
> George mouses over the number 3 in the calendar, and the box around it highlights in light blue.
> George clicks on 3, and the calendar disappears. The chosen date appears in the "Open on" textbox.
> George now clicks on the "Open at" field to select the time the assignment will be visible to his students. The time picker appears.
> George would like to open the assignment up to students at 10:50 AM, just before his class at 11. He mouses over the number 10 in the hour section of the time picker and it is highlighted in light blue.
> George clicks on the number 10 and he can see that it is selected because it has a dark blue background.
> George mouses over the number 50 in the minutes section of the time picker and it is highlighted in light blue.
> George clicks on the number 50 and can see that it is selected because it has a dark blue background.
> George mouses over 'am' in the am/pm section and it is higlighted in light blue.
> George clicks on 'am' and it is selected, with a dark blue background.
> The time picker closes one second after the third selection is made, or if user clicks outside time picker or on 'close x.'
