HeaderSIS.jpg

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

From IS480
Jump to navigation Jump to search
 
(19 intermediate revisions by 3 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:
 
** [http://windows.microsoft.com/en-US/windows/download-shop Internet Explorer 8 and above]
 
** [https://www.google.com/intl/en/chrome/browser/ Google Chrome 22 and above]
 
** [https://www.mozilla.org/en-US/firefox/new/ Mozilla Firefox 16 and above] 
 
** [http://www.apple.com/safari/ Safari 5 and above]
 
 
* Mobile Platform Support:
 
** [http://www.apple.com/ios/ iOS 5]
 
 
=<p><div class="NavHead" style="background-color:#2F55A4;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 80%;"><span style="color: White"> '''Resources''' </span></div></p>=
 
 
* Development Environment:
 
** [http://netbeans.org/ Netbeans]
 
** [http://codebeamer.smu.edu.sg Subversion][Codebeamer SMU]
 
** [http://www.apachefriends.org/en/xampp-windows.html XAMPP-Windows]
 
 
* Back-end Development
 
** [http://www.oracle.com/technetwork/java/javase/downloads/index.html Java EE]
 
** [http://www.stripesframework.org/display/stripes/Home Strpes Framework]
 
 
* Front-end Development
 
** [http://twitter.github.com/bootstrap/ Twitter Bootstrap]
 
** [http://jquery.com/ JQuery]
 
** [http://www.w3schools.com/css/ CSS]
 
 
* Graphic Design
 
** [http://www.adobe.com/products/photoshop.html Adobe Photoshop]
 
** [http://www.adobe.com/products/illustrator.html Adobe Illustrator]
 
** Graphic Elements would be provided by the client
 
 
* Mobile Development
 
** [http://phonegap.com/ PhoneGap]
 
** [http://www.w3schools.com/html/html5_intro.asp HTML5]
 
** [http://jquerymobile.com/ jQuery Mobile]
 
 
* Deployment Server
 
** [http://www.eatj.com/ EATJ Web Hosting Solution] (JSP Server with Apache Tomcat and mySQL 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 75: 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>=
  
'''Some sneak preview of what volunteers can 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:VOLTask.jpg|300px]]
 
|[[Image:4c.jpg|300px]]
 
 
|-
 
|-
 
|-
 
|-
|[[Image:VolQnsPg.jpg|300px]]
+
|[[Image:Box-us(registration form part 3).jpg|350px]]
|[[Image:P3.jpg|300px]]
+
|[[Image:Box-us(registration form part 4).jpg|350px]]
 +
|[[Image:Box-us(registration form end).jpg|350px]]
 
|-
 
|-
 
|}
 
|}
  
'''Some sneak preview of what Empact can 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]]
 
 
|-
 
|-
 
|}
 
|}
  
'''Some sneak preview of what NPO can see'''
+
 
{|
+
'''Versioning'''
|-
+
*[https://wiki.smu.edu.sg/is480/Image:Box.us_-_Paper_Prototype_Version_1.docx Paper Prototype Version 1]
|[[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 (Archive)'''  </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"> '''Mobile Paper Prototype (Archive)'''  </span></div></p>=
Line 117: Line 99:
 
{|
 
{|
 
|-
 
|-
|[[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 156: Line 138:
 
* User Testing 3 - Expected around late March
 
* User Testing 3 - Expected around late March
  
=<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>=
 
 
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"> '''Test Plan'''  </span></div></p>=
 
  
Testing will be done at the end of every iterations with the use of test cases. It will mainly be done by the non-technical team(either the Business Analyst or the Usability Analyst) after the latest version been uploaded to the staging server. If there is any bugs found during the testing, it will be logged in the Bug Log and will be debugged later on when PM has allocated time to with the buffer time.
 
 
For each testing, it will include the current and new functions to make sure that all features are working on the latest version. These are the scenarios which will be tested:
 
 
* User Account
 
* User Profile
 
* Manage Task
 
* Task workflow
 
* Questions
 
* Search
 
* Mobile App
 
* Statistical Reporting
 
* Manage Records
 
 
 
=<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 216: 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 ]]
 
*[[Media:Meeting05 (26102012).docx |box.us - Team Meeting Minutes 2 ]]
 
*[[Media:Meeting06_(03102012).docx‎ |box.us - Team Meeting Minutes 3 ]]
 
 
! 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 ]]
 
*[[Media:Meeting08_CM_(02112012).docx |box.us - Client Meeting Minutes 3 ]]
 
 
! scope="row" style="background: white" |
 
*[[Media:Meeting03 SM (12102012).docx |box.us - Supervisor Meeting Minutes 1 ]]
 
*[[Media:Meeting07_SM_(03102012).docx |box.us - Supervisor Meeting Minutes 2 ]]
 
|-
 
 
 
|}
 
|}

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