Difference between revisions of "IS480 Team wiki: 2012T2 box.us UI & Video"
Qyang.2010 (talk | contribs) |
|||
(21 intermediate revisions by 2 users not shown) | |||
Line 56: | Line 56: | ||
|} | |} | ||
− | |||
− | |||
+ | =<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 221: | Line 235: | ||
|} | |} | ||
+ | '''Volunteer - Dashboard''' | ||
+ | {| | ||
+ | |- | ||
+ | |[[Image:Volunteer_Dashboard.JPG|450px]] | ||
+ | |- | ||
+ | |} | ||
'''Empact - General Account Settings''' | '''Empact - General Account Settings''' | ||
Line 281: | Line 301: | ||
|} | |} | ||
+ | '''Empact - Dashboard''' | ||
+ | {| | ||
+ | |- | ||
+ | |[[Image:Dashboard_E.JPG|450px]] | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | |||
+ | '''Empact - Statistics''' | ||
+ | {| | ||
+ | |- | ||
+ | |[[Image:Stas1.JPG|350px]] | ||
+ | |[[Image:Stas2.JPG|350px]] | ||
+ | |[[Image:Stas3.JPG|350px]] | ||
+ | |- | ||
+ | |} | ||
+ | {| | ||
+ | |- | ||
+ | |[[Image:Stas4.JPG|350px]] | ||
+ | |- | ||
+ | |} | ||
Line 306: | Line 347: | ||
|} | |} | ||
+ | '''NPO - Dashboard''' | ||
+ | {| | ||
+ | |- | ||
+ | |[[Image:NPO_dash.JPG|450px]] | ||
+ | |- | ||
+ | |} | ||
− | |||
− | |||
− | |||
− | + | '''Versioning''' | |
− | We | + | 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. |
− | |||
− | |||
{| class="wikitable" style="text-align: center; height:50px" | {| class="wikitable" style="text-align: center; height:50px" | ||
Line 330: | Line 372: | ||
! scope="row" style="background:white"| | ! scope="row" style="background:white"| | ||
− | *[https://wiki.smu.edu.sg/is480/Image: | + | *[https://wiki.smu.edu.sg/is480/Image:EmpactPrototype_7Feb2013.xlsx Empact_v2] |
− | *[https://wiki.smu.edu.sg/is480/Image: | + | *[https://wiki.smu.edu.sg/is480/Image:EmpactPrototype_4Feb2013.xlsx Empact_v1] |
|style="text-align: center;"| | |style="text-align: center;"| | ||
− | *[https://wiki.smu.edu.sg/is480/Image: | + | *[https://wiki.smu.edu.sg/is480/Image:VolunteersProtype_7Feb2013.xlsx Volunteers_v2] |
− | *[https://wiki.smu.edu.sg/is480/Image: | + | *[https://wiki.smu.edu.sg/is480/Image:VolunteersProtype_4Feb2013.xlsx Volunteers_v1] |
|style="text-align: center;"| | |style="text-align: center;"| | ||
− | *[https://wiki.smu.edu.sg/is480/Image: | + | |
− | *[https://wiki.smu.edu.sg/is480/Image: | + | *[https://wiki.smu.edu.sg/is480/Image:NPOPrototype_7Feb2013.xlsx NPO_v2] |
+ | *[https://wiki.smu.edu.sg/is480/Image:NPOPrototype_4Feb2013.xlsx NPO_v1] | ||
|- | |- | ||
|} | |} | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
=<p><div class="NavHead" style="background-color:#2F55A4;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 80%;"><span style="color: White"> '''User Interface Design''' </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"> '''User Interface Design''' </span></div></p>= |
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.