HeaderSIS.jpg

Difference between revisions of "IS480 Team wiki: 2012T2 box.us Documentation"

From IS480
Jump to navigation Jump to search
 
(45 intermediate revisions by 5 users not shown)
Line 1: Line 1:
<br>
+
<!--Navigation Bar start -->
[[Image:Teamphotowiki.jpg|centre|1150px ]]
+
{| 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" |
  
 
<font face="Century Gothic" size="2">
 
<font face="Century Gothic" size="2">
  
{| style="background-color:#ffffff; color:#000000 padding:5px 0 0 0;" width="100%" cellspacing="0" cellpadding="0" valign="top" border="0" |
+
| style="padding:0.6em;  font-size:110%; background-color:#ffffff; border-bottom:2px solid #632E00; text-align:center; " width="10%"  | <font color="#632E00"><b>HOME</b><font>
| style="padding:2 em; font-size:90%;text-align:center; background-color:#B40404; " width="10%" | [[IS480_Team_wiki:_2012T2_box.us_Home|<font color="#ffffff"><b>Home</b></font>]]
+
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;
 +
| style="padding:0.6em; font-size:110%; background-color:#ffffff; border-bottom:2px solid #632E00; text-align:center; color:#000000" width="36%" |<font color="#632E00"><b>PROJECT OVERVIEW</b><font>
 +
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;
 +
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;
 +
| style="padding:0.6em; font-size:110%; background-color:#ffffff; border-bottom:2px solid #632E00; text-align:center; color:#000000" width="36%" |<font color="#632E00"><b>PROJECT MANAGEMENT</b><font>
 +
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;
 +
| style="padding:0.6em; font-size:110%; background-color:#ffffff; border-bottom:2px solid #632E00;  text-align:center; color:#000000" width="18%" |<font color="#632E00"><b>DOCUMENTATION</b><font>
 +
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;
  
| style="padding:2 em;  font-size:90%; text-align:center; background-color:#B40404; " width="10%" | [[IS480_Team_wiki:_2012T2_box.us_Stakeholders|<font color="#ffffff"><b>Stakeholders</b></font>]]
+
|}
  
| style="padding:2 em;  font-size:90%; text-align:center; background-color:#B40404; " width="10%" | [[IS480_Team_wiki:_2012T2_box.us_Project_Overview|<font color="#ffffff"><b>Project Overview</b></font>]]
+
{| style="background-color:#FFFFFF; color:#000000 padding: 2px 0 0 0;" width="100%" cellspacing="0" cellpadding="0" valign="top" align="center" border="0" font face="Calibri" |
  
| style="padding:2 em;  font-size:90%; text-align:center; background-color:#B40404;" width="10%" | [[IS480_Team_wiki:_2012T2_box.us_Project_Management|<font color="#ffffff"><b>Project Management</b></font>]]
+
| style="padding:0 .6em;  font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" |  
 +
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</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>]]
 +
| style="border-bottom:0px solid #806517;background:none;" width="2%" | &nbsp;
  
| style="padding:2 em; font-size:90%; text-align:center; background-color:#FFBF00; " width="10%" | [[IS480_Team_wiki:_2012T2_box.us_Documentation|<font color="#ffffff"><b>Documentation</b></font>]]
+
| style="padding:0.6em; font-size:100%; background-color:#ffffff;  border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |
 +
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</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>]]
 +
| style="border-bottom:0px solid #806517; background:none;" width="2%" | &nbsp;
  
| style="padding:2 em; font-size:90%; text-align:center; background-color:#B40404; " width="10%" | [[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes|<font color="#ffffff"><b>Learning Outcomes</b></font>]]
+
| style="padding:0.6em; font-size:100%; background-color:#ffffff;  border-bottom:2px solid #806517;  text-align:left; color:#000000" width="18%" |
 +
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</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>]]
 +
| style="border-bottom:0px solid #806517; background:none;" width="2%" |&nbsp;
  
| style="padding:2 em; font-size:90%; text-align:center; background-color:#B40404; " width="10%" | [[IS480_Team_wiki:_2012T2_box.us_Useful Links|<font color="#ffffff"><b>Useful Links</b></font>]]
+
| style="padding:0.6em; font-size:100%; background-color:#ffffff;  border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |
 +
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</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>]]
 +
| style="border-bottom:0px solid #806517; background:none;" width="2%" | &nbsp;
 +
 
 +
| 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.us_Documentation#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_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]
 +
| style="border-bottom:0px solid #806517;background:none;" width="2%" | &nbsp;
 +
 
 +
| style="padding:0.6em; font-size:100%; background-color:#ffffff;  border-bottom:0px 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_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]
 +
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]
 
|}
 
|}
  
 
{| style="text-align: center; width: 100%;"
 
{| style="text-align: center; width: 100%;"
 
|-
 
|-
 
=<p><div class="NavHead" style="background-color:#2F55A4;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 80%;"><span style="color: White"> '''Platforms Supported''' </span></div></p>=
 
 
* Browser Support: Internet Explorer 8 and Above, Chrome 10, FireFox 4, Safari 4 ([http://html5test.com/ Test Your Browser for HTML 5 Compatibility])
 
 
* Development Tools:
 
**NetBeans IDE: For Java Development
 
**Subversion: SMU's Codebeamer
 
 
* Server Language Language
 
** JSP
 
** Stripes Framework
 
** MySQL
 
 
* Client-Side Scripting
 
** Graphic Elements would be provided by the client
 
** JQuery
 
** HTML
 
 
* Mobile Development
 
** PhoneGap with Netbeans
 
** HTML5 Development
 
 
* Deployment Server
 
** JSP Server with Apache and Tomcat Support
 
 
 
  
 
=<p><div class="NavHead" style="background-color:#2F55A4;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 80%;"><span style="color: White"> '''Use Case''' </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"> '''Use Case''' </span></div></p>=
Line 62: Line 69:
 
=<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>=
  
'''What volunteers see'''
+
'''Our updated Registration for Volunteers'''
 
{|
 
{|
 
|-
 
|-
|[[Image:VolunteerSignUp.jpg|300px]]
+
|[[Image:Box-us(sign up page).jpg|350px]]
|[[Image:1b.jpg|300px]]
+
|[[Image:Box-us(registration form part 1).jpg|350px]]
|[[Image:2a.jpg|300px]]
+
|[[Image:Box-us(registration form part 2).jpg|350px]]
 
|-
 
|-
 
|-
 
|-
|[[Image:VolReqTask.jpg|300px]]
+
|[[Image:Box-us(registration form part 3).jpg|350px]]
|[[Image:VOLTask.jpg|300px]]
+
|[[Image:Box-us(registration form part 4).jpg|350px]]
|[[Image:4c.jpg|300px]]
+
|[[Image:Box-us(registration form end).jpg|350px]]
|-
 
|-
 
|[[Image:VolQnsPg.jpg|300px]]
 
|[[Image:P3.jpg|300px]]
 
 
|-
 
|-
 
|}
 
|}
  
'''What Empact see'''
+
'''Log-in for users'''
 
{|
 
{|
 
|-
 
|-
|[[Image:EmpactSee.jpg|300px]]
+
|[[Image:Box-us(sign up page).jpg|350px]]
|[[Image:TaskApproval.jpg|300px]]
+
|[[Image:Box-us(log in page).jpg|350px]]
|[[Image:EmpactViewTask.jpg|300px]]
 
|-
 
|-
 
|[[Image:EmpactQuestions.jpg|300px]]
 
|[[Image:Stastics.jpg|300px]]
 
 
|-
 
|-
 
|}
 
|}
  
'''What NPO see'''
 
{|
 
|-
 
|[[Image:NPO.jpg|300px]]
 
|-
 
|}
 
  
=<p><div class="NavHead" style="background-color:#2F55A4;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 80%;"><span style="color: White"> '''Mobile Paper Prototype'''  </span></div></p>=
+
'''Versioning'''
 +
*[https://wiki.smu.edu.sg/is480/Image:Box.us_-_Paper_Prototype_Version_1.docx Paper Prototype Version 1]
 +
 
 +
=<p><div class="NavHead" style="background-color:#2F55A4;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 80%;"><span style="color: White"> '''Mobile Paper Prototype (Archive)'''  </span></div></p>=
  
 
{|
 
{|
 
|-
 
|-
|[[Image:V1_1.jpg|300px]]
+
|[[Image:V1_1.jpg|350px]]
|[[Image:V1_2.jpg|300px]]
+
|[[Image:V1_2.jpg|350px]]
|[[Image:V1_3.jpg|300px]]
+
|[[Image:V1_3.jpg|350px]]
 
|-
 
|-
 
|-
 
|-
|[[Image:V1_4.jpg|300px]]
+
|[[Image:V1_4.jpg|350px]]
|[[Image:V1_5.jpg|300px]]
+
|[[Image:V1_5.jpg|350px]]
|[[Image:V1_6.jpg|300px]]
+
|[[Image:V1_6.jpg|350px]]
 
|-
 
|-
  
 
|-
 
|-
|[[Image:V1_7.jpg|300px]]
+
|[[Image:V1_7.jpg|350px]]
|[[Image:V1_8.jpg|300px]]
+
|[[Image:V1_8.jpg|350px]]
|[[Image:V1_9.jpg|300px]]
+
|[[Image:V1_9.jpg|350px]]
 
|-
 
|-
  
 
|-
 
|-
|[[Image:V1_10.jpg|300px]]
+
|[[Image:V1_10.jpg|350px]]
|[[Image:V1_11.jpg|300px]]
+
|[[Image:V1_11.jpg|350px]]
|[[Image:V1_12.jpg|300px]]
+
|[[Image:V1_12.jpg|350px]]
 
|-
 
|-
 
|}
 
|}
Line 137: Line 132:
  
 
=<p><div class="NavHead" style="background-color:#2F55A4;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 80%;"><span style="color: White"> '''System Deployment'''  </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"> '''System Deployment'''  </span></div></p>=
 +
The WAR file would be deployed onto the server before every release in order for the client to review the web application. There are altogether 3 different User Testing sessions for the team to collect feedback about the system and how can the system be improved in order to provide Empact with the objective of meeting their business goals.
  
=<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>=
+
* User Testing 1 - Expected around early January
 +
* User Testing 2 - Expected around late February
 +
* User Testing 3 - Expected around late March
  
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.
 
 
[http://twitter.github.com/bootstrap/ Bootstrap]
 
  
 
=<p><div class="NavHead" style="background-color:#2F55A4;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 80%;"><span style="color: White"> '''Deliverables'''  </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"> '''Deliverables'''  </span></div></p>=
Line 167: Line 156:
 
*[https://wiki.smu.edu.sg/is480/Image:Empact_v2.1.pdf Proposal v2.0]
 
*[https://wiki.smu.edu.sg/is480/Image:Empact_v2.1.pdf Proposal v2.0]
 
*[https://wiki.smu.edu.sg/is480/Image:Empact_v2.2_Final_Merged.pdf‎ Proposal v2.2 (Final)]
 
*[https://wiki.smu.edu.sg/is480/Image:Empact_v2.2_Final_Merged.pdf‎ Proposal v2.2 (Final)]
 +
 +
! scope="row" style="background:white" |
 +
*[[Media:Accpt Final Slides v4.pdf|Acceptance Presentation slides ]]
  
  
Line 179: Line 171:
 
|style="text-align: left;"|  
 
|style="text-align: left;"|  
 
|-
 
|-
|}
 
 
=<p><div class="NavHead" style="background-color:#2F55A4;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 80%;"><span style="color: White"> '''Minutes'''  </span></div></p>=
 
 
{| class="wikitable sortable" style="text-align: left; width:1000"
 
|+
 
|-
 
! scope="col"  width="200"| Team Meeting Minutes
 
! scope="col" width="200" | Client Meeting Minutes
 
! scope="col" width="200" | Supervisor Meeting Minutes
 
|-
 
 
! scope="row" style="background: white" |
 
*[[Media:Meeting01_(05092012).docx‎ |box.us - Team Meeting Minutes 1 ]]
 
 
! scope="row" style="background: white" |
 
*[[Media:Meeting02 CM (09102012).docx |box.us - Client Meeting Minutes 1 ]]
 
*[[Media:Meeting04 CM (21102012).docx |box.us - Client Meeting Minutes 2 ]]
 
 
! scope="row" style="background: white" |
 
*[[Media:Meeting03 SM (12102012).docx |box.us - Supervisor Meeting Minutes 1 ]]
 
 
|-
 
 
 
|}
 
|}

Latest revision as of 18:17, 31 January 2013

HOME   PROJECT OVERVIEW     PROJECT MANAGEMENT   DOCUMENTATION  
         

Empact use case v1.1.jpg


UseCaseScenario.jpg

File:Empact use case scenario v1.0.docx

Our updated Registration for Volunteers

Box-us(sign up page).jpg Box-us(registration form part 1).jpg Box-us(registration form part 2).jpg
Box-us(registration form part 3).jpg Box-us(registration form part 4).jpg Box-us(registration form end).jpg

Log-in for users

Box-us(sign up page).jpg Box-us(log in page).jpg


Versioning

V1 1.jpg V1 2.jpg V1 3.jpg
V1 4.jpg V1 5.jpg V1 6.jpg
V1 7.jpg V1 8.jpg V1 9.jpg
V1 10.jpg V1 11.jpg V1 12.jpg

EmpactDB1.png

Technical Diagram1.jpg

The WAR file would be deployed onto the server before every release in order for the client to review the web application. There are altogether 3 different User Testing sessions for the team to collect feedback about the system and how can the system be improved in order to provide Empact with the objective of meeting their business goals.

  • User Testing 1 - Expected around early January
  • User Testing 2 - Expected around late February
  • User Testing 3 - Expected around late March


Proposal Acceptance Presentation Mid-Terms Presentation Final Presentation Poster Day