Difference between revisions of "IS480 Team wiki: 2012T2 box.us UI & Video"
(23 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
<!--Navigation Bar start --> | <!--Navigation Bar start --> | ||
+ | [[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]] | ||
+ | |||
{| style="background-color:#FFFFFF; color:#000000 padding: 0px 0 0 0;" width="100%" cellspacing="0" cellpadding="0" valign="top" align="center" border="0" font face="Calibri" | | {| style="background-color:#FFFFFF; color:#000000 padding: 0px 0 0 0;" width="100%" cellspacing="0" cellpadding="0" valign="top" align="center" border="0" font face="Calibri" | | ||
Line 22: | Line 24: | ||
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]] | *[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]] | ||
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]] | *[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]] | ||
− | | style="border-bottom: | + | | style="border-bottom:2px solid #806517;background:none;" width="2%" | |
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" | | | style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" | | ||
Line 28: | Line 30: | ||
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]] | *[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]] | ||
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]] | *[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]] | ||
− | | style="border-bottom: | + | | style="border-bottom:2px solid #806517; background:none;" width="2%" | |
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" | | | style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" | | ||
Line 34: | Line 36: | ||
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]] | *[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]] | ||
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]] | *[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]] | ||
− | | style="border-bottom: | + | | style="border-bottom:2px solid #806517; background:none;" width="2%" | |
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" | | | style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" | | ||
Line 40: | Line 42: | ||
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]] | *[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]] | ||
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]] | *[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]] | ||
− | | style="border-bottom: | + | | style="border-bottom:2px solid #806517; background:none;" width="2%" | |
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" | | | style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" | | ||
− | *[[IS480_Team_wiki:_2012T2_box. | + | *[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]] |
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]] | *[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]] | ||
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]] | *[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]] | ||
− | | style="border-bottom: | + | | style="border-bottom:2px solid #806517;background:none;" width="2%" | |
− | | style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom: | + | | style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | |
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]] | *[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]] | ||
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]] | *[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]] | ||
Line 54: | 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 219: | Line 235: | ||
|} | |} | ||
+ | '''Volunteer - Dashboard''' | ||
+ | {| | ||
+ | |- | ||
+ | |[[Image:Volunteer_Dashboard.JPG|450px]] | ||
+ | |- | ||
+ | |} | ||
'''Empact - General Account Settings''' | '''Empact - General Account Settings''' | ||
Line 279: | 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 304: | 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 328: | 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.