Difference between revisions of "IS480 Team wiki: 2012T2 box.us UI & Video"
(10 intermediate revisions by 2 users not shown) | |||
Line 57: | Line 57: | ||
+ | |||
+ | =<p><div class="NavHead" style="background-color:#2F55A4;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 80%;"><span style="color: White"> '''Screenshots''' </span></div></p>= | ||
+ | |||
+ | '''Landing Page''' | ||
+ | {| | ||
+ | |- | ||
+ | |[[Image:BUSlide1.JPG|350px]] | ||
+ | |[[Image:BUSlide2.JPG|350px]] | ||
+ | |[[Image:BUSlide3.JPG|350px]] | ||
+ | |- | ||
+ | |- | ||
+ | |[[Image:BUSlide4.JPG|350px]] | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | '''Volunteer Management Page''' | ||
+ | {| | ||
+ | |- | ||
+ | |[[Image:BUSlide5.JPG|350px]] | ||
+ | |[[Image:BUSlide6.JPG|350px]] | ||
+ | |[[Image:VolMGmt.jpg|350px]] | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | '''Task Page''' | ||
+ | {| | ||
+ | |- | ||
+ | |[[Image:BUSlide8.JPG|350px]] | ||
+ | |[[Image:BUSlide9.JPG|350px]] | ||
+ | |[[Image:BUSlide10.JPG|350px]] | ||
+ | |- | ||
+ | |- | ||
+ | |[[Image:BUSlide11.JPG|350px]] | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | '''Task Details Page''' | ||
+ | {| | ||
+ | |- | ||
+ | |[[Image:BUSlide12.JPG|350px]] | ||
+ | |[[Image:BUSlide13.JPG|350px]] | ||
+ | |[[Image:BUSlide14.JPG|350px]] | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | '''Matching Volunteers''' | ||
+ | {| | ||
+ | |- | ||
+ | |[[Image:BUSlide15.JPG|350px]] | ||
+ | |[[Image:BUSlide16.JPG|350px]] | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | '''Empact Questions Page''' | ||
+ | {| | ||
+ | |- | ||
+ | |[[Image:BUSlide17.JPG|350px]] | ||
+ | |[[Image:BUSlide18.JPG|350px]] | ||
+ | |[[Image:BUSlide19.JPG|350px]] | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | '''NPO Questions Page''' | ||
+ | {| | ||
+ | |- | ||
+ | |[[Image:BUSlide20.JPG|350px]] | ||
+ | |[[Image:Slide21.JPG|350px]] | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | '''Volunteer Task Page''' | ||
+ | {| | ||
+ | |- | ||
+ | |[[Image:Slide22.JPG|350px]] | ||
+ | |[[Image:BUSlide23.JPG|350px]] | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | '''Dashboard''' | ||
+ | {| | ||
+ | |- | ||
+ | |[[Image:Slide25.JPG|350px]] | ||
+ | |[[Image:Slide24.JPG|350px]] | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | '''More''' | ||
+ | {| | ||
+ | |- | ||
+ | |[[Image:Slide26.JPG|350px]] | ||
+ | |[[Image:BUSlide27.JPG|350px]] | ||
+ | |[[Image:Slide28.JPG|350px]] | ||
+ | |- | ||
+ | |} | ||
=<p><div class="NavHead" style="background-color:#2F55A4;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 80%;"><span style="color: White"> '''Web Application Prototype''' </span></div></p>= | =<p><div class="NavHead" style="background-color:#2F55A4;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 80%;"><span style="color: White"> '''Web Application Prototype''' </span></div></p>= | ||
Line 218: | Line 312: | ||
{| | {| | ||
|- | |- | ||
− | |[[Image:Stas1.JPG| | + | |[[Image:Stas1.JPG|350px]] |
− | |[[Image:Stas2.JPG| | + | |[[Image:Stas2.JPG|350px]] |
− | |[[Image:Stas3.JPG| | + | |[[Image:Stas3.JPG|350px]] |
− | |[[Image:Stas4.JPG| | + | |- |
+ | |} | ||
+ | {| | ||
+ | |- | ||
+ | |[[Image:Stas4.JPG|350px]] | ||
|- | |- | ||
|} | |} | ||
− | |||
Latest revision as of 09:28, 22 April 2013
HOME | PROJECT OVERVIEW | PROJECT MANAGEMENT | DOCUMENTATION |
Contents
Screenshots
Landing Page
Volunteer Management Page
Task Page
Task Details Page
Matching Volunteers
Empact Questions Page
NPO Questions Page
Volunteer Task Page
Dashboard
More
Web Application Prototype
Log-in for ALL users (Volunteers, Empact and NPO)
Volunteer - Volunteer Registration
Volunteer - General Account Settings
Volunteer - Manage Tasks
Volunteer - Task Feedback Form
Volunteer - Task Timesheet
Volunteer - Consolidated Volunteer Record
Volunteer - Manage Questions
Volunteer - Dashboard
Empact - General Account Settings
Empact - Manage Volunteers Sign Up
Empact - Manage NPO
Empact - Manage Tasks
Empact - Manage Questions
Empact - Dashboard
Empact - Statistics
NPO - General Account Settings
NPO - Manage Questions
NPO - Dashboard
Versioning
We have decided to put our paper prototypes in the excel file as it is a better way to look at the versioning of the paper prototypes and looking at the comments given.
Empact | Volunteers | NPO |
---|---|---|
|
User Interface Design
We would be doing our user interface using Bootstrap 2.2. A few key features of the BootStrap 2.2 Framework:
- Responsive Desgin
- Generate your custom template
- Ability to compile new themes on the fly using LESS
This UI framework helps us to cope with changes made by the client.