https://wiki.smu.edu.sg/is480/api.php?action=feedcontributions&user=Wmcheong.2010&feedformat=atomIS480 - User contributions [en-gb]2024-03-29T15:24:49ZUser contributionsMediaWiki 1.33.1https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_Final&diff=138548IS480 Team wiki: 2012T2 box.us Final2013-04-22T03:36:15Z<p>Wmcheong.2010: /* Project Deliverables: */</p>
<hr />
<div>[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
</font><br />
<br />
*[http://blue.smu.edu.sg/IS480/2012-2013/Grading.html Grading Criteria]<br />
<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Progress Summary''' </span></div></p>==<br />
<br />
{|class="wikitable" style="width:1000px"<br />
!style="width:100%" | <br />
<center><h4>Final Presentation Slides: <small>''coming soon''</small></h4></center><br />
<center><h3>Deployed Site: <small>[http://www.empact.sg/act Empact ACT]</small></h3></center><br />
<center><h3>Demonstration Site: <small>[http://www.empact.sg/testact Empact ACT(Staging)]</small></h3></center><br />
<center><h5>Backup Demonstration Site: <small>[http://jenjanjam.cloudapp.net/testact/index.jsp Backup Demo Site]</small></h5></center><br />
<center><h4>Initial Proposal: <small>[[Media:Empact_v2.2_Final_Merged.pdf | Proposal]]</small></h4></center><br />
|-<br />
|}<br />
<center><br />
<h3>What Is This Project About?</h3><br />
[[Image:TopPartForWiki.png | 700px]]<br />
<p>Check out our 1 min ++ video pitch to find out what this project is about at [http://youtu.be/DCWFSOd1MH0 Youtube]</p><br />
</center><br />
<br />
===Project Highlights:===<br />
<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Managing the Great Amount of Issues being Highlighted during Deployment</b></big><br/><br />
* Ranked the Issues based on their Priority<br />
** <b>Low Priority</b>: Minor UI suggestions and issues<br />
** <b>Medium Priority</b>: UI suggestions that changes the understanding of the system<br />
** <b>High Priority</b>: Usability Catastrophe or Software Bugs<br />
* Discussed with client what were the focuses<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Volunteers did not find language in the system friendly</b></big><br/><br />
* Re-worded the language to make it more volunteer friendly, together with the client<br />
* Re-worked the design of the dashboard and menu bar<br />
** Adjusting language to make it more suitable for volunteers<br />
** Added a background<br />
* Changes were only limited to volunteer view as Empact preferred the more operational terms<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Addition of 2 functionalities</b></big><br/><br />
* <b>2 functionalities were:</b> Exporting of Task and Volunteer information & Question Notification Turn On/Off Option<br />
* Exporting of Task and Volunteer Information: <i>Iteration 11</i><br />
* Notification Turn On/Off: <i>Iteration 12</i><br />
|}<br />
<br />
===Project Challenges:===<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Gathering Requirements from Empact</b></big><br/><br />
*<i>No defined business processes</i>: New company that did not have a formal set of business process<br />
*<i>No IT expert</i>: Did not have an IT expert to help them identify the needs in the system<br />
<i><b>How we Managed</b></i><br />
* Paper prototyping: Initial paper prototyping<br />
* Showing the developed functionalities at every client meeting<br />
* Gathering volunteer feedback through User Testings<br />
* Deployment Testing<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Dealing with Changes</b></big><br/><br />
The risk of gathering feedback after the system has been developed is running the risk of it being entirely misaligned with Empact's business model. Cost of changing at the later part becomes higher also. However, it was necessary for the team to be able to accommodate to changes to build a system that Empact would really find value in.<br />
<br/><br />
<i><b>How we Managed</b></i><br />
* Decision Factors: Change Management Plan<br />
* Issue Tracking List helped us to track smaller issues and changes that were raised along the way<br />
* Prioritizing the Issues raised<br />
* Discussion based on how much value and how important would it be for Empact<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Management''' </span></div></p>==<br />
===Project Scope:===<br />
[[Image:Boxus_FinalsScope.png | 500px]]<br/><br />
<br />
{| class="wikitable sortable" style="width:700;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Change<br />
! scope="col" width="500" style="background:#810541;color:#ffffff"| Change Description<br />
|-<br />
<br />
! scope="row" style="text-align:center" | 1<br />
! scope="row" style="background-color:white" | <br />
Notification<br />
* Notification Turn On/Off<br />
|-<br />
|}<br />
<br/><br />
<br />
===Project Schedule (Plan Vs Actual):===<br />
<br />
[[Image:Boxus_PlanVsActual.png | 800px]]<br />
<br />
===Project Metrics:===<br />
<br />
====<b>BUG METRICS</b><br/>====<br />
* Bug Score: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug Metric on Google Docs]<br />
* Bug Log: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=0 Bug Log on Google Docs]<br />
* Explanation of Bug Tracking: [[IS480_Team_wiki:_2012T2_box.us_Project_Management#BUG_METRICS | Bug Metrics]]<br />
<br/><br />
[[Image:Boxus_BugMetricsFinals.png | 500px ]]<br />
{| class="wikitable" style="width:800;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Iteration<br />
! scope="col" width="20" style="background:#810541;color:#ffffff"| Bug Score<br />
! scope="col" width="300" style="background:#810541;color:#ffffff"| Any Actions Taken<br />
|-<br />
! scope="row" style="text-align:center;" | 11<br />
! scope="row" style="text-align:center;" | 31<br />
! scope="row" style="background-color:white" | <br />
Increase in Bug Score due to bugs that were recorded from User Testing 2<br />
* 2 days allocated to fix bugs from User Testing 2<br />
|-<br />
! scope="row" style="text-align:center;" | 12<br />
! scope="row" style="text-align:center;" | 16<br />
! scope="row" style="background-color:white" | <br />
New features of the system(Statistics, Dashboard and Notifications) were being released<br />
* Allow Empact to have a full picture of the entire system for testing<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
! scope="row" style="text-align:center;" | 13<br />
! scope="row" style="text-align:center;" | 58<br />
! scope="row" style="background-color:white" | <br />
More thorough testing was being performed for the UAT<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
|}<br />
<br />
====SCHEDULE METRICS====<br />
* Schedule: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule on Google Docs]<br />
[[Image:Boxus_Schedulemetricsfinals.png | 500px]]<br />
<br />
===Handing Over===<br />
<small><i>Take a look at our Handing Over Plan: [https://docs.google.com/document/d/1U5bX8Nw8Rg-HK6_Jip_wmbx0bbw2Sh7qcIJqb3Pfisw/edit Handing Over Plan on Google Docs]</i></small><br/><br />
We followed a methodical process to get the handing over completed. Our handing over plan spelt out the key information for the team and Empact to foresee and plan what would be happening in the final few iterations as we covered the remaining parts of the project. The entire phase consists of:<br />
* <b>Deployment Testing</b><br />
* <b>User Acceptance Testing</b><br />
* <b>Technical Understudy</b><br />
<br />
==== Deployment Testing ====<br />
We release 5 versions of the system on the live environment before going entering the User Acceptance Test. Our purpose for deployment testing was to determine what are the issues that would arise from using the application in the actual conditions in varied browsers and system settings. Additionally, we also collected suggestions from the users in order to make further improvements to the application. In deploying the application, we followed the following process:<br />
<br />
{|<br />
|[[Image:Boxus_Deployment_Plan.png |500px|Deployment Plan]]<br />
|}<br />
<br />
<br />
<br />
{| class="wikitable centered"<br />
! style="background:#810541;color:#ffffff" | Date<br />
! style="background:#810541;color:#ffffff" | Description<br />
! style="background:#810541;color:#ffffff" | Features Released<br />
|-<br />
<br />
|style="vertical-align:text-top"|<br />
11/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.1<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management <br />
*Questions<br />
*Feedback Form<br />
*Dashboard(NPO)<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
18/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.2<br />
|style="vertical-align:text-top"|<br />
*Dashboard (Empact, Volunteer)<br />
*Volunteer Record<br />
*Statistics<br />
*Improvements from Release 0.1<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
25/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.3<br />
|style="vertical-align:text-top"|<br />
*Notifications<br />
*Improvements from Release 0.2<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
02/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.4<br />
|style="vertical-align:text-top"|<br />
*All features released<br />
*Improvements from Release 0.3<br />
*<i>Used for User Acceptance Testing</i><br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
11/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.5<br />
|style="vertical-align:text-top"|<br />
*Final version for Final Verification<br />
*Improvements from Release 0.4<br />
*<i>Used for UAT Final Verification</i><br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
19/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 1.0<br />
|style="vertical-align:text-top"|<br />
*Final Live Version<br />
*Improvements from Release 0.5<br />
*<i>Used for UAT Final Verification</i><br />
|-<br />
|}<br />
<br />
==== User Acceptance Test ====<br />
We conducted our User Acceptance Test on <b>05/04/2013</b> at the Empact office. A final verification was made concerning all the issues and defects that were being raised during the UAT. The final verification of all the functionalities were done on the following week at <b>12/04/2013</b>.<br/><br />
*<b>Instructions Scripts</b>:We conducted the UAT by going through the business processes that the system would address and followed by the remaining functionalities. This also helps Empact to better visualize how the system has met their business requirements.<br />
*<b>Test Cases</b>: We simulated 3 stakeholders in doing up the test cases.<br />
* Test Cases (5 April 2013): <br />
# [[Media:UAT-NPO-.xls | Test Cases - NPO]]<br />
# [[Media:UAT-VOL-.xls | Test Cases - Volunteer]]<br />
# [[Media:UAT-Empact-.xls| Test Cases - Empact]]<br />
<br />
* Test Cases (12 April 2013): <br />
# [[Media:EMUAT-Final_Verification-.xls | Test Cases for UAT final verificiation]]<br />
* '''Scenario-based Instructions and Exceptional cases'''<br />
# [[Media:Scenarios-Based Instructions (Registration).docx | Registration]]<br />
# [[Media:Scenario-Based Instructions (Task).docx | Task]]<br />
# [[Media:Scenario-Based Instructions (Questions).docx | Question]]<br />
# [[Media:Execeptional Cases.docx | Exceptional Cases]]<br />
<br />
{|<br />
|[[Image:BOXUSUAT.jpg|500px|Version 2]]<br />
|}<br />
<br />
<br />
<br />
<b>Managing Defects</b><br/><br />
<br />
{|<br />
|[[Image:Dealingwith.jpg|500px|UAT Defect Lifecycle]]<br />
|}<br />
<br />
*Note: BA refers to the facilitators in the UAT test<br />
* All defects are highlighted onto a separate issue list.<br />
* The list is collated and sent to Empact to prioritise based on issues.<br />
* Bugs are fixed immediately<br />
<br />
<b>Recording Issues</b><br/><br />
Issues are recorded in a separate issue list on [https://docs.google.com/spreadsheet/ccc?key=0AkfA68G0St4NdHRXbWJlRC1sVnJpVFBUcXFlLW1pQUE#gid=0 Google Docs]<br />
<br />
==== Technical Understudy ====<br />
* We conducted a technical understudy with Empact's technical understudy (Sophie) and our client (Peter Yang)<br />
* <i>Lesson Plan</i>: [https://docs.google.com/document/d/1ThTnpcv1w_yNPwfVDFWglSYk3OpaI4CAzRl5OenLk8Y/edit?pli=1 Lesson Plan on Google Docs]<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"|Session 1<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Session 2<br />
|-<br />
<br />
|| 29 Mar 2013, 1600hrs-1800hrs<br />
|| 12 Apr 2013, 1930hrs-2145hrs<br />
|-<br />
<br />
|| Session Contents:<br />
* Application Structure<br />
* Database Structure<br />
* Flow of Login/Logout Process<br />
|| Session Contents:<br />
* Code walkthrough of Specific Scenarios that Empact requested<br />
* Question and Answer<br />
* Clarification on Session 1<br />
|-<br />
<br />
|-<br />
|}<br />
<br />
==== Handing Over Day ====<br />
<br />
{|<br />
|[[Image:Boxus_Handover_Day.jpg|500px|Handover Day]]<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Quality of product''' </span></div></p>==<br />
===Project Deliverables:===<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="100" style="background:#810541; color:#ffffff"|Stage<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Specification<br />
! scope="col" width="350" style="background:#810541; color:#ffffff"| Modules<br />
|-<br />
<br />
|rowspan="5"| Project Management<br />
|| Minutes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Minutes | Meeting Minutes]]<br />
|-<br />
<br />
|| Metrics<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug metrics], [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule]<br />
|-<br />
<br />
|| Iteration Reports<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones | Iteration Reports]]<br />
|-<br />
<br />
|| Milestones<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdHo2ZmNTSUxWcjZQTm1hbzU3VkhYQlE#gid=24 Milestones List]<br />
|-<br />
<br />
|| Issue Tracking<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdE5FSkFZTkVULWIyMm5pUnJWX0drUnc#gid=7 Issues List]<br />
|-<br />
<br />
|| Requirements<br />
|| Paper Prototypes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video | Paper Prototypes]]<br />
|-<br />
<br />
|rowspan="3"| Analysis<br />
|| Use case<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#Use_Case | Use Case Diagram]]<br />
|-<br />
<br />
|| Business Process Diagram<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Process_Analysis Process Diagrams]<br />
|-<br />
<br />
|| Screen Shots<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video#Screenshots | All Screenshots]]<br />
|-<br />
<br />
|rowspan="2"| Design<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Diagrams#Entity_Relationship_Diagram ERD Diagrams]<br />
|| [https://wiki.smu.edu.sg/is480/Image:EmpactDB1.png V1],[https://wiki.smu.edu.sg/is480/Image:Revision_52.png V2],[https://wiki.smu.edu.sg/is480/Image:Revision_62.png V3],[https://wiki.smu.edu.sg/is480/Image:Revision_128.png V4],[https://wiki.smu.edu.sg/is480/Image:Revision_258.png V5]<br />
|-<br />
<br />
|| System Architecture<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#System_Architecture | System Architecture Diagram]]<br />
|-<br />
<br />
<br />
|rowspan="3"| Usability Testing<br />
|| User Testing 1 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_1 Test Plans used]<br />
|-<br />
<br />
|| User Testing 2 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 Test Plans used]<br />
|-<br />
<br />
|| Heuristic Evaluation User Scenarios<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Heuristic_Evaluation_1| User Scenarios used]<br />
|-<br />
<br />
|rowspan="2"| Software Testing<br />
|| Integration Testing<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Integration_Testing Integration Testings]<br />
|-<br />
<br />
|| Deployment Testing<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Test_Plans#Deployment_Testing | Deployment Testing]]<br />
|-<br />
<br />
|rowspan="2"| Handover<br />
|| User Manuals<br />
|| [https://www.dropbox.com/s/baozcrgj5rcvkfm/Empact.pdf Empact Manual ] , [https://www.dropbox.com/s/9jpwusjwwvcp986/NPO.pdf NPO Manual ] , [https://www.dropbox.com/s/anrnbbwvo3m6y6l/Volunteer.pdf Volunteer Manual ]<br />
|-<br />
<br />
|| Design and Technical Specifications<br />
|| [https://www.dropbox.com/s/dmdlqqlqe11jxk7/Design%20Tech%20Spec.docx Design and Technical Specifications]<br />
|-<br />
|}<br />
<br />
===User Testing 2===<br />
{| border="0"<br />
|width="500px" padding="20px"| <br />
[[Image:Box.usUT2.jpg|480px|User Test 1]]<br />
|width="500px" padding="20px"| <br />
We conducted our 2nd user testing to try out our newly added features and at to see how users would respond to them. <br/><br />
<br />
'''Interesting Findings'''<br />
# Users thought changing email and password is inside profile<br />
<br />
'''Actions Taken'''<br />
# Success Messages to be more descriptive<br />
# Clearer images used for buttons<br />
# Login button to be near the sign up button<br />
<br/><br />
Check out our [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 User Testing 2 wiki]<br />
|-<br />
|width="500px" padding="20px"| <br />
|width="500px" padding="20px"| <br />
|}<br />
<br />
===Deployment Testing:===<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.1<br />
<br />
|-<br />
|Key Changes<br />
* Resetting of password by Empact staff for Volunteers and NPOs<br />
* Modification of Registration email to success message<br />
* Creating a modal for Adding of new questions<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.2<br />
<br />
|-<br />
|Key Changes<br />
* Remove contact person and details of NPO for the Volunteer view<br />
* Clicking on Questions in Dashboard will lead directly to the Question<br />
* Implementing statuses for NPO (Active, Inactive)<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.3<br />
<br />
|-<br />
|Key Changes<br />
* Implement message to indicate that there are no statistics to be shown<br />
* Add "%" to the scale<br />
* Feedback comments to be shown at Feedback Statistics<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.4<br />
<br />
|-<br />
|Key Changes<br />
* Fix Skillset graph at 100%<br />
* Improving filtering for Questions<br />
* Include Task Name for Exporting of Tak Info<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.5<br />
<br />
|-<br />
|Key Changes<br />
* Added Profile picture size limits<br />
* Modification to contents within some email templates<br />
<br />
|-<br />
|}<br />
<br />
===Testing:===<br />
* We conducted 3 types of testing within our system:<br />
* Find out [[IS480_Team_wiki:_2012T2_box.us_Test_Plans | more]] about the testing<br />
{|class="wikitable" style="width:1000px; align:center"<br />
!style="align:left;width:30%" | User Testing<br />
!style="align:left;width:30%" | Integration Testing<br />
!style="align:left;width:30%" | Deployment Testing<br />
<br />
|-<br />
|'' Objective:'' To collect feedback concerning usability of our application<br />
|'' Objective:'' To test the quality of our application<br />
|'' Objective:'' To collect feedback when application is being used in live environments<br />
<br />
|-<br />
|'' When:'' User Testing 1, User Testing 2<br />
|'' When:'' At the end of every iteration<br />
|'' When:'' Before the start of every deployment<br />
<br />
|-<br />
|'' How:'' Volunteers, NPOs and Empact staff would follow a given User Test cases<br />
|'' How:'' Following the integration test plan. Perform regression testing of all the functionalities<br />
|'' How:'' Following the integration test plan.<br />
<br />
|-<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Reflection''' </span></div></p>==<br />
<br />
===Team Reflection:===<br />
<br />
* Managing client expectations<br />
* Learning to collaborate more effectively in a team<br />
* Leveraging one another's strength and weaknesses<br />
* Being a good team player within the team<br />
* Learning to have fun as a team!<br />
* Our IS modules have helped to prepare us for the demands of an IT project<br />
<br />
===Individual Reflection:===<br />
<br />
<p>'''Kevin''' <br/><br />
As I review through my initial learning outcomes that I set out to learn, I felt that I have managed to meet these outcomes in the following way:<br />
* Motivating IT Project teams: Bringing together people from different walks of life together to work on an IT project has sharpened my skills in handling with people and being more cognisant of people management issues and how to deal with group cultures and team norms <br />
* Evaluating IT project ideas: FYP has taught me how to be aware of what are the current issues facing IT projects. It has taught me how to evaluate these and adopt a T-model by being able to think about what are the broad issues that are going to affect IT decisions and what are the deep issues that are specific to the issue being raised.<br />
* Time Management Skills: FYP has taught me to be aware of the time that I spend managing the team, managing my own workload within the team and juggling my workload with my other modules that I was taking in school.<br />
* Client Negotiation skills: I was able to apply the negotiation skills that I learnt from a module to achieve integrative outcomes for the client and the team, and what are the tactics that are readily available to deal with such situations.<br />
* Applied Project Management Skills: The FYP experience has been an extension of what I have learnt in Software Engineering and I was able to refine my skills in scope management, schedule management and further extend the practicality of metrics being used within a project.<br />
</p><br />
<br />
<p>'''Sherrie''' <br/><br />
I started with a very simple learning outcomes - to learn life skills that were above and beyond exams/textbook as well as to apply what my education in SMU has taught me so far. <br><br />
In my opinion, i have achieved that. However, the most valuable lesson for me was <b>learning to deal with changes</b>. In SMU, all our projects has a clear defined scope that stays constant from beginning till the end. But through this FYP, changes was probably the only constant (on top of dedicated team mates who were always there to go through each storm). Managing never ending changes was certainly not just about a "can or cannot" mindset. It really required me to understand the fundamental reasoning behind the changes requested and understanding it from a business view point. <br><br />
With regards to my education, in a bigger picture, I have been able to apply the following<br />
*Understanding and improving business processes: i was able to leverage on the knowledge I've acquired in <u>Process Modelling and Solution Blueprinting (PMSB)</u> to help out in understanding the business process of our client. In addition, I was able to give opinions on how the process could be more efficient.<br />
*Understanding how IT and business value - As I had just completed <u> Advanced Information Systems Management (AISM)</u> I was able to apply the concepts of how IT can be an enabler and contribute in adding business value to an organisation.<br />
*Presentation skills - In <u>Management Communication (MC)</u> we were taught how clear communication is essential be it verbal or presentation. I was able to apply skills I learnt from that module when communicating with clients, team mates or presentation.<br />
</p><br />
<br />
<p>'''Wai Mun''' <br/><br />
<br />
As this FYP is coming to an end, these are the few learning points that i am taking it away:<br />
*Time managment : Time management is very important as usually FYP work takes up a bulk of my time. Hence, it is very important for me to plan my time well for my other activities and my studies.<br />
*Usability learning journey : My usability learning journey is interesting and exciting as i get to know more knowledge on usability through Interaction Design and Prototyping. It is definitely a good module to take as it complements very well with FYP.<br />
</p><br />
<br />
<p>'''Jenzus''' <br/><br />
<br />
At the start, I envisioned that IS480 is a platform that will validate my IS education and sum up my journey as an IS student. Boy! I got more than what I expected and was overwhelmed by the entire journey. IS480 does not only validate my IS education; it has shown me that what I have learnt in school is just a mere reflection of what the ‘real’ world is expected from an IS business enabler. In school, we often complain and whine about the ambiguity of project/assignment requirements and the number of changes our professors/instructors love to put us through. During this project, we encountered changes from the start until the end of the project. Each change comes with its own challenges and complexity and often, it derailed us from our original plan and required some rework. I have learnt to be more appreciative of what my school has prepared and put me through. Yeow Leong has always emphasized on “Managing your client” and I finally understood why he tries to push this point across badly in classes. From this project, I have several takeaways:<br />
*Never stop learning: Initially, I thought I had the necessary skills and knowledge to handle this project. Instead, this project has given me a wakeup call. Every stage of this project, there are many challenges that were beyond my current capabilities and require me to push myself to learn more in order to meet our client’s requirements.<br />
*Understanding business requirements: In any project, it is important to understand and clarify all the project requirements from your client and translate the solution properly in terms which the client can understand. At times, there were some misunderstanding about requirements and often led to disagreements and compromises. When communicating with clients, it is important to understand their needs and their understanding of their requirements. Often, clients do not know what they really want but they will know what they don’t want. Hence, it is important to ask the right questions and uncover all ambiguity.<br />
*Team Dynamics: Team dynamics is the key to the success of this project and knowing my teammates is the best way to cultivate team dynamics. It is much easier to work and communicate with others once you get to know them personally and their working patterns. In addition, it will also result in lesser instance of conflict during project. <br />
</p><br />
<br />
<p>'''Boon Kheng''' <br/><br />
<br />
I think the IS480 project is a great experience for me as it is my first time implementing such a big solution in a team. Other than technical skills, I’ve seen how an organization like Empact progress together with the project, it seems like both the sponsor and the team work closely together to achieve goals for both parties. <br><br />
I find that this is a great collaboration as both the sponsor and us are sharing knowledge with each other, after this project, I get to know more about how a social enterprise operates and also, the sponsor Peter did feedback that he learnt a lot of technical knowledge through the project.<br><br />
I am also able to apply subjects that we‘ve learnt during curriculum put in use, such as project and process management and also see how case studies issues being showcase in real scenarios.<br />
<br />
</p><br />
<br />
<p>'''Jervenne'''<br/><br />
<br />
Throughout my FYP journey, I didnt expect to have learn so much by now. Initially I was expecting to learn more and hone my technical skills, and to learn to take on a big project in a bigger group. <br />
Not only did I achieved what I was set out for, but I'm able to see clearly how applicable IS480 is in the real world and how I can apply what I've learnt in school to this project.<br />
My other takeaways will be: managing expectations of the clients, taking feedback for usability improvements, setting priorities, and time management.<br />
Through this FYP period, I've also see the importance of managing client relationship and to educate them on their needs and wants, and also what actually can be done so they can understand better. Last but not least, I'm able to experience the full SDLC of a project and it will be greatly useful for future real-life projects.<br />
</p></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_UI_%26_Video&diff=138488IS480 Team wiki: 2012T2 box.us UI & Video2013-04-22T01:28:42Z<p>Wmcheong.2010: /* Screenshots */</p>
<hr />
<div><!--Navigation Bar start --><br />
[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
<br />
<br />
<br />
=<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>=<br />
<br />
'''Landing Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide1.JPG|350px]]<br />
|[[Image:BUSlide2.JPG|350px]]<br />
|[[Image:BUSlide3.JPG|350px]]<br />
|-<br />
|-<br />
|[[Image:BUSlide4.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Volunteer Management Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide5.JPG|350px]]<br />
|[[Image:BUSlide6.JPG|350px]]<br />
|[[Image:VolMGmt.jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''Task Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide8.JPG|350px]]<br />
|[[Image:BUSlide9.JPG|350px]]<br />
|[[Image:BUSlide10.JPG|350px]]<br />
|-<br />
|-<br />
|[[Image:BUSlide11.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Task Details Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide12.JPG|350px]]<br />
|[[Image:BUSlide13.JPG|350px]]<br />
|[[Image:BUSlide14.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Matching Volunteers'''<br />
{|<br />
|-<br />
|[[Image:BUSlide15.JPG|350px]]<br />
|[[Image:BUSlide16.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Empact Questions Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide17.JPG|350px]]<br />
|[[Image:BUSlide18.JPG|350px]]<br />
|[[Image:BUSlide19.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''NPO Questions Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide20.JPG|350px]]<br />
|[[Image:Slide21.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Volunteer Task Page'''<br />
{|<br />
|-<br />
|[[Image:Slide22.JPG|350px]]<br />
|[[Image:BUSlide23.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Dashboard'''<br />
{|<br />
|-<br />
|[[Image:Slide25.JPG|350px]]<br />
|[[Image:Slide24.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''More'''<br />
{|<br />
|-<br />
|[[Image:Slide26.JPG|350px]]<br />
|[[Image:BUSlide27.JPG|350px]]<br />
|[[Image:Slide28.JPG|350px]]<br />
|-<br />
|}<br />
<br />
=<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>=<br />
<br />
'''Log-in for ALL users (Volunteers, Empact and NPO)'''<br />
{|<br />
|-<br />
|[[Image:Box-us(sign up page).jpg|350px]]<br />
|[[Image:Box-us(log in page).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Volunteer Registration'''<br />
{|<br />
|-<br />
|[[Image:Box-us(sign up page).jpg|350px]]<br />
|[[Image:Box-us(registration form part 1).jpg|350px]]<br />
|[[Image:Box-us(registration form part 2).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Box-us(registration form part 3).jpg|350px]]<br />
|[[Image:Box-us(registration form part 4).jpg|350px]]<br />
|[[Image:Box-us(registration form end).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:Vol - General Account Settings (1).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (2).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Vol - General Account Settings (4).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Manage Tasks'''<br />
{|<br />
|-<br />
|[[Image:Vol - Manage Tasks (1).jpg|350px]]<br />
|[[Image:Vol - Manage Tasks (2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Task Feedback Form'''<br />
{|<br />
|-<br />
|[[Image:Volunteer Task Feedback Form.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Task Timesheet'''<br />
{|<br />
|-<br />
|[[Image:Volunteer_Time_sheet.jpg|350px]]<br />
|[[Image:Volunteer Edit Time sheet.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Volunteer - Consolidated Volunteer Record'''<br />
{|<br />
|-<br />
|[[Image:Consolidated Volunteer Record.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:Vol - Questions (1).jpg|350px]]<br />
|[[Image:Vol - Questions (2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''Volunteer - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:Volunteer_Dashboard.JPG|450px]]<br />
|-<br />
|}<br />
<br />
'''Empact - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:Em - GAS(1).jpg|350px]]<br />
|[[Image:Em - GAS(2).jpg|350px]]<br />
|[[Image:Em - GAS(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - GAS(4).jpg|350px]]<br />
|[[Image:Em - GAS(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage Volunteers Sign Up'''<br />
{|<br />
|-<br />
|[[Image:Em - MVSU(1).jpg|350px]]<br />
|[[Image:Em - MVSU(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage NPO'''<br />
{|<br />
|-<br />
|[[Image:Em - ANPO(1).jpg|350px]]<br />
|[[Image:Em - ANPO(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage Tasks'''<br />
{|<br />
|-<br />
|[[Image:Em - MT(1).jpg|350px]]<br />
|[[Image:Em - MT(2).jpg|350px]]<br />
|[[Image:Em - MT(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - MT(4).jpg|350px]]<br />
|[[Image:Em - MT(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Empact - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:Em - Q(1).jpg|350px]]<br />
|[[Image:Em - Q(2).jpg|350px]]<br />
|[[Image:Em - Q(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - Q(4).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''Empact - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:Dashboard_E.JPG|450px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Statistics'''<br />
{|<br />
|-<br />
|[[Image:Stas1.JPG|350px]]<br />
|[[Image:Stas2.JPG|350px]]<br />
|[[Image:Stas3.JPG|350px]]<br />
|-<br />
|}<br />
{|<br />
|-<br />
|[[Image:Stas4.JPG|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''NPO - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:NPO - GAS(1).jpg|350px]]<br />
|[[Image:NPO - GAS(2).jpg|350px]]<br />
|[[Image:NPO - GAS(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:NPO - GAS(4).jpg|350px]]<br />
|[[Image:NPO - GAS(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''NPO - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:NPO - Q(1).jpg|350px]]<br />
|[[Image:NPO - Q(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''NPO - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:NPO_dash.JPG|450px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Versioning'''<br />
<br />
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.<br />
<br />
<br />
<br />
<br />
{| class="wikitable" style="text-align: center; height:50px"<br />
|+ <br />
|-<br />
! scope="col" width="400"| Empact<br />
! scope="col" width="400" | Volunteers<br />
! scope="col" width="400" | NPO<br />
|-<br />
<br />
! scope="row" style="background:white"|<br />
*[https://wiki.smu.edu.sg/is480/Image:EmpactPrototype_7Feb2013.xlsx Empact_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:EmpactPrototype_4Feb2013.xlsx Empact_v1]<br />
<br />
<br />
|style="text-align: center;"|<br />
*[https://wiki.smu.edu.sg/is480/Image:VolunteersProtype_7Feb2013.xlsx Volunteers_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:VolunteersProtype_4Feb2013.xlsx Volunteers_v1]<br />
<br />
|style="text-align: center;"|<br />
<br />
*[https://wiki.smu.edu.sg/is480/Image:NPOPrototype_7Feb2013.xlsx NPO_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:NPOPrototype_4Feb2013.xlsx NPO_v1] <br />
|-<br />
|}<br />
<br />
=<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>=<br />
<br />
We would be doing our user interface using Bootstrap 2.2. <br />
A few key features of the BootStrap 2.2 Framework:<br />
<br />
* Responsive Desgin<br />
* Generate your custom template<br />
* Ability to compile new themes on the fly using LESS<br />
<br />
This UI framework helps us to cope with changes made by the client.<br />
<br />
[http://twitter.github.com/bootstrap/ Bootstrap]<br />
<br />
=<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>=<br />
<br />
{|<br />
|-<br />
|[[Image:V1_1.jpg|350px]]<br />
|[[Image:V1_2.jpg|350px]]<br />
|[[Image:V1_3.jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:V1_4.jpg|350px]]<br />
|[[Image:V1_5.jpg|350px]]<br />
|[[Image:V1_6.jpg|350px]]<br />
|-<br />
<br />
|-<br />
|[[Image:V1_7.jpg|350px]]<br />
|[[Image:V1_8.jpg|350px]]<br />
|[[Image:V1_9.jpg|350px]]<br />
|-<br />
<br />
|-<br />
|[[Image:V1_10.jpg|350px]]<br />
|[[Image:V1_11.jpg|350px]]<br />
|[[Image:V1_12.jpg|350px]]<br />
|-<br />
|}<br />
<br />
=<p><div class="NavHead" style="background-color:#2F55A4;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 80%;"><span style="color: White"> '''Video''' </span></div></p>=</div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:VolMGmt.jpg&diff=138487File:VolMGmt.jpg2013-04-22T01:27:50Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_Final&diff=138486IS480 Team wiki: 2012T2 box.us Final2013-04-22T01:23:08Z<p>Wmcheong.2010: /* Deployment Testing */</p>
<hr />
<div>[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
</font><br />
<br />
*[http://blue.smu.edu.sg/IS480/2012-2013/Grading.html Grading Criteria]<br />
<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Progress Summary''' </span></div></p>==<br />
<br />
{|class="wikitable" style="width:1000px"<br />
!style="width:100%" | <br />
<center><h4>Final Presentation Slides: <small>''coming soon''</small></h4></center><br />
<center><h3>Deployed Site: <small>[http://www.empact.sg/act Empact ACT]</small></h3></center><br />
<center><h3>Demonstration Site: <small>[http://www.empact.sg/testact Empact ACT(Staging)]</small></h3></center><br />
<center><h4>Initial Proposal: <small>[[Media:Empact_v2.2_Final_Merged.pdf | Proposal]]</small></h4></center><br />
|-<br />
|}<br />
<center><br />
<h3>What Is This Project About?</h3><br />
[[Image:TopPartForWiki.png | 700px]]<br />
<p>Check out our 1 min ++ video pitch to find out what this project is about at [http://youtu.be/DCWFSOd1MH0 Youtube]</p><br />
</center><br />
<br />
===Project Highlights:===<br />
<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Managing the Great Amount of Issues being Highlighted during Deployment</b></big><br/><br />
* Ranked the Issues based on their Priority<br />
** <b>Low Priority</b>: Minor UI suggestions and issues<br />
** <b>Medium Priority</b>: UI suggestions that changes the understanding of the system<br />
** <b>High Priority</b>: Usability Catastrophe or Software Bugs<br />
* Discussed with client what were the focuses<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Volunteers did not find language in the system friendly</b></big><br/><br />
* Re-worded the language to make it more volunteer friendly, together with the client<br />
* Re-worked the design of the dashboard and menu bar<br />
** Adjusting language to make it more suitable for volunteers<br />
** Added a background<br />
* Changes were only limited to volunteer view as Empact preferred the more operational terms<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Addition of 2 functionalities</b></big><br/><br />
* <b>2 functionalities were:</b> Exporting of Task and Volunteer information & Question Notification Turn On/Off Option<br />
* Exporting of Task and Volunteer Information: <i>Iteration 11</i><br />
* Notification Turn On/Off: <i>Iteration 12</i><br />
|}<br />
<br />
===Project Challenges:===<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Gathering Requirements from Empact</b></big><br/><br />
*<i>No defined business processes</i>: New company that did not have a formal set of business process<br />
*<i>No IT expert</i>: Did not have an IT expert to help them identify the needs in the system<br />
<i><b>How we Managed</b></i><br />
* Paper prototyping: Initial paper prototyping<br />
* Showing the developed functionalities at every client meeting<br />
* Gathering volunteer feedback through User Testings<br />
* Deployment Testing<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Dealing with Changes</b></big><br/><br />
The risk of gathering feedback after the system has been developed is running the risk of it being entirely misaligned with Empact's business model. Cost of changing at the later part becomes higher also. However, it was necessary for the team to be able to accommodate to changes to build a system that Empact would really find value in.<br />
<br/><br />
<i><b>How we Managed</b></i><br />
* Decision Factors: Change Management Plan<br />
* Issue Tracking List helped us to track smaller issues and changes that were raised along the way<br />
* Prioritizing the Issues raised<br />
* Discussion based on how much value and how important would it be for Empact<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Management''' </span></div></p>==<br />
===Project Scope:===<br />
[[Image:Boxus_FinalsScope.png | 500px]]<br/><br />
<br />
{| class="wikitable sortable" style="width:700;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Change<br />
! scope="col" width="500" style="background:#810541;color:#ffffff"| Change Description<br />
|-<br />
<br />
! scope="row" style="text-align:center" | 1<br />
! scope="row" style="background-color:white" | <br />
Notification<br />
* Notification Turn On/Off<br />
|-<br />
|}<br />
<br/><br />
<br />
===Project Schedule (Plan Vs Actual):===<br />
<br />
[[Image:Boxus_PlanVsActual.png | 800px]]<br />
<br />
===Project Metrics:===<br />
<br />
====<b>BUG METRICS</b><br/>====<br />
* Bug Score: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug Metric on Google Docs]<br />
* Bug Log: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=0 Bug Log on Google Docs]<br />
* Explanation of Bug Tracking: [[IS480_Team_wiki:_2012T2_box.us_Project_Management#BUG_METRICS | Bug Metrics]]<br />
<br/><br />
[[Image:Boxus_BugMetricsFinals.png | 500px ]]<br />
{| class="wikitable" style="width:800;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Iteration<br />
! scope="col" width="20" style="background:#810541;color:#ffffff"| Bug Score<br />
! scope="col" width="300" style="background:#810541;color:#ffffff"| Any Actions Taken<br />
|-<br />
! scope="row" style="text-align:center;" | 11<br />
! scope="row" style="text-align:center;" | 31<br />
! scope="row" style="background-color:white" | <br />
Increase in Bug Score due to bugs that were recorded from User Testing 2<br />
* 2 days allocated to fix bugs from User Testing 2<br />
|-<br />
! scope="row" style="text-align:center;" | 12<br />
! scope="row" style="text-align:center;" | 16<br />
! scope="row" style="background-color:white" | <br />
New features of the system(Statistics, Dashboard and Notifications) were being released<br />
* Allow Empact to have a full picture of the entire system for testing<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
! scope="row" style="text-align:center;" | 13<br />
! scope="row" style="text-align:center;" | 58<br />
! scope="row" style="background-color:white" | <br />
More thorough testing was being performed for the UAT<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
|}<br />
<br />
====SCHEDULE METRICS====<br />
* Schedule: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule on Google Docs]<br />
[[Image:Boxus_Schedulemetricsfinals.png | 500px]]<br />
<br />
===Handing Over===<br />
<small><i>Take a look at our Handing Over Plan: [https://docs.google.com/document/d/1U5bX8Nw8Rg-HK6_Jip_wmbx0bbw2Sh7qcIJqb3Pfisw/edit Handing Over Plan on Google Docs]</i></small><br/><br />
We followed a methodical process to get the handing over completed. Our handing over plan spelt out the key information for the team and Empact to foresee and plan what would be happening in the final few iterations as we covered the remaining parts of the project. The entire phase consists of:<br />
* <b>Deployment Testing</b><br />
* <b>User Acceptance Testing</b><br />
* <b>Technical Understudy</b><br />
<br />
==== Deployment Testing ====<br />
We release 4 versions of the system on the live environment before going entering the User Acceptance Test. Our purpose for deployment testing was to determine what are the issues that would arise from using the application in the actual conditions in varied browsers and system settings. Additionally, we also collected suggestions from the users in order to make further improvements to the application. In deploying the application, we followed the following process:<br />
<br />
{|<br />
|[[Image:Boxus_Deployment_Plan.png |500px|Deployment Plan]]<br />
|}<br />
<br />
<br />
<br />
{| class="wikitable centered"<br />
! style="background:#810541;color:#ffffff" | Date<br />
! style="background:#810541;color:#ffffff" | Description<br />
! style="background:#810541;color:#ffffff" | Features Released<br />
|-<br />
<br />
|style="vertical-align:text-top"|<br />
11/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.1<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management <br />
*Questions<br />
*Feedback Form<br />
*Dashboard(NPO)<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
18/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.2<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Dashboard<br />
*Statistics<br />
*Improvements from Release 0.1<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
25/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.3<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Notifications<br />
*Improvements from Release 0.2<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.4<br />
|style="vertical-align:text-top"|<br />
*All features released<br />
*Improvements from Release 0.3<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.5<br />
|style="vertical-align:text-top"|<br />
*Final version for Final Verification<br />
*Improvements from Release 0.4<br />
<br />
|-<br />
|}<br />
<br />
==== User Acceptance Test ====<br />
We conducted our User Acceptance Test on <b>05/04/2013</b> at the Empact office. A final verification was made concerning all the issues and defects that were being raised during the UAT. The final verification of all the functionalities were done on the following week at <b>12/04/2013</b>.<br/><br />
*<b>Instructions Scripts</b>:We conducted the UAT by going through the business processes that the system would address and followed by the remaining functionalities. This also helps Empact to better visualize how the system has met their business requirements.<br />
*<b>Test Cases</b>: We simulated 3 stakeholders in doing up the test cases.<br />
* Test Cases (5 April 2013): <br />
# [[Media:UAT-NPO-.xls | Test Cases - NPO]]<br />
# [[Media:UAT-VOL-.xls | Test Cases - Volunteer]]<br />
# [[Media:UAT-Empact-.xls| Test Cases - Empact]]<br />
<br />
* Test Cases (12 April 2013): <br />
# [[Media:EMUAT-Final_Verification-.xls | Test Cases for UAT final verificiation]]<br />
* '''Scenario-based Instructions and Exceptional cases'''<br />
# [[Media:Scenarios-Based Instructions (Registration).docx | Registration]]<br />
# [[Media:Scenario-Based Instructions (Task).docx | Task]]<br />
# [[Media:Scenario-Based Instructions (Questions).docx | Question]]<br />
# [[Media:Execeptional Cases.docx | Exceptional Cases]]<br />
<br />
{|<br />
|[[Image:BOXUSUAT.jpg|500px|Version 2]]<br />
|}<br />
<br />
<br />
<br />
<b>Managing Defects</b><br/><br />
<br />
{|<br />
|[[Image:Dealingwith.jpg|500px|UAT Defect Lifecycle]]<br />
|}<br />
<br />
*Note: BA refers to the facilitators in the UAT test<br />
* All defects are highlighted onto a separate issue list.<br />
* The list is collated and sent to Empact to prioritise based on issues.<br />
* Bugs are fixed immediately<br />
<br />
<b>Recording Issues</b><br/><br />
Issues are recorded in a separate issue list on [https://docs.google.com/spreadsheet/ccc?key=0AkfA68G0St4NdHRXbWJlRC1sVnJpVFBUcXFlLW1pQUE#gid=0 Google Docs]<br />
<br />
==== Technical Understudy ====<br />
* We conducted a technical understudy with Empact's technical understudy (Sophie) and our client (Peter Yang)<br />
* <i>Lesson Plan</i>: [https://docs.google.com/document/d/1ThTnpcv1w_yNPwfVDFWglSYk3OpaI4CAzRl5OenLk8Y/edit?pli=1 Lesson Plan on Google Docs]<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"|Session 1<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Session 2<br />
|-<br />
<br />
|| 29 Mar 2013, 1600hrs-1800hrs<br />
|| 12 Apr 2013, 1930hrs-2145hrs<br />
|-<br />
<br />
|| Session Contents:<br />
* Application Structure<br />
* Database Structure<br />
* Flow of Login/Logout Process<br />
|| Session Contents:<br />
* Code walkthrough of Specific Scenarios that Empact requested<br />
* Question and Answer<br />
* Clarification on Session 1<br />
|-<br />
<br />
|-<br />
|}<br />
<br />
==== Handing Over Day ====<br />
<br />
{|<br />
|[[Image:Boxus_Handover_Day.jpg|500px|Handover Day]]<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Quality of product''' </span></div></p>==<br />
===Project Deliverables:===<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="100" style="background:#810541; color:#ffffff"|Stage<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Specification<br />
! scope="col" width="350" style="background:#810541; color:#ffffff"| Modules<br />
|-<br />
<br />
|rowspan="5"| Project Management<br />
|| Minutes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Minutes | Meeting Minutes]]<br />
|-<br />
<br />
|| Metrics<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug metrics], [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule]<br />
|-<br />
<br />
|| Iteration Reports<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones | Iteration Reports]]<br />
|-<br />
<br />
|| Milestones<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdHo2ZmNTSUxWcjZQTm1hbzU3VkhYQlE#gid=24 Milestones List]<br />
|-<br />
<br />
|| Issue Tracking<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdE5FSkFZTkVULWIyMm5pUnJWX0drUnc#gid=7 Issues List]<br />
|-<br />
<br />
|| Requirements<br />
|| Paper Prototypes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video | Paper Prototypes]]<br />
|-<br />
<br />
|rowspan="3"| Analysis<br />
|| Use case<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#Use_Case | Use Case Diagram]]<br />
|-<br />
<br />
|| Business Process Diagram<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Process_Analysis Process Diagrams]<br />
|-<br />
<br />
|| Screen Shots<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video#Screenshots | All Screenshots]]<br />
|-<br />
<br />
|rowspan="2"| Design<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Diagrams#Entity_Relationship_Diagram ERD Diagrams]<br />
|| [https://wiki.smu.edu.sg/is480/Image:EmpactDB1.png V1],[https://wiki.smu.edu.sg/is480/Image:Revision_52.png V2],[https://wiki.smu.edu.sg/is480/Image:Revision_62.png V3],[https://wiki.smu.edu.sg/is480/Image:Revision_128.png V4],[https://wiki.smu.edu.sg/is480/Image:Revision_258.png V5]<br />
|-<br />
<br />
|| System Architecture<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#System_Architecture | System Architecture Diagram]]<br />
|-<br />
<br />
<br />
|rowspan="3"| Usability Testing<br />
|| User Testing 1 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_1 Test Plans used]<br />
|-<br />
<br />
|| User Testing 2 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 Test Plans used]<br />
|-<br />
<br />
|| Heuristic Evaluation User Scenarios<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Heuristic_Evaluation_1| User Scenarios used]<br />
|-<br />
<br />
|rowspan="2"| Software Testing<br />
|| Integration Testing<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Integration_Testing Integration Testings]<br />
|-<br />
<br />
|| Deployment Testing<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Test_Plans#Deployment_Testing | Deployment Testing]]<br />
|-<br />
<br />
|rowspan="3"| Handover<br />
|| User Manuals<br />
|| [https://www.dropbox.com/s/baozcrgj5rcvkfm/Empact.pdf Empact Manual ] , [https://www.dropbox.com/s/9jpwusjwwvcp986/NPO.pdf NPO Manual ] , [https://www.dropbox.com/s/anrnbbwvo3m6y6l/Volunteer.pdf Volunteer Manual ]<br />
|-<br />
<br />
|| Design and Technical Specifications<br />
|| [https://www.dropbox.com/s/dmdlqqlqe11jxk7/Design%20Tech%20Spec.docx Design and Technical Specifications]<br />
|-<br />
<br />
|| Deployment Diagram<br />
|| [[IS480_Midterm_Wiki#Deployment: | instructions]]<br />
|}<br />
<br />
===User Testing 2===<br />
{| border="0"<br />
|width="500px" padding="20px"| <br />
[[Image:Box.usUT2.jpg|480px|User Test 1]]<br />
|width="500px" padding="20px"| <br />
We conducted our 2nd user testing to try out our newly added features and at to see how users would respond to them. <br/><br />
<br />
'''Interesting Findings'''<br />
# Users thought changing email and password is inside profile<br />
<br />
'''Actions Taken'''<br />
# Success Messages to be more descriptive<br />
# Clearer images used for buttons<br />
# Login button to be near the sign up button<br />
<br/><br />
Check out our [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 User Testing 2 wiki]<br />
|-<br />
|width="500px" padding="20px"| <br />
|width="500px" padding="20px"| <br />
|}<br />
<br />
===Deployment Testing:===<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.1<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.2<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.3<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.4<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.5<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
===Testing:===<br />
* We conducted 3 types of testing within our system:<br />
* Find out [[IS480_Team_wiki:_2012T2_box.us_Test_Plans | more]] about the testing<br />
{|class="wikitable" style="width:1000px; align:center"<br />
!style="align:left;width:30%" | User Testing<br />
!style="align:left;width:30%" | Integration Testing<br />
!style="align:left;width:30%" | Deployment Testing<br />
<br />
|-<br />
|'' Objective:'' To collect feedback concerning usability of our application<br />
|'' Objective:'' To test the quality of our application<br />
|'' Objective:'' To collect feedback when application is being used in live environments<br />
<br />
|-<br />
|'' When:'' User Testing 1, User Testing 2<br />
|'' When:'' At the end of every iteration<br />
|'' When:'' Before the start of every deployment<br />
<br />
|-<br />
|'' How:'' Volunteers, NPOs and Empact staff would follow a given User Test cases<br />
|'' How:'' Following the integration test plan. Perform regression testing of all the functionalities<br />
|'' How:'' Following the integration test plan.<br />
<br />
|-<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Reflection''' </span></div></p>==<br />
<br />
===Team Reflection:===<br />
<br />
* Managing client expectations<br />
* Learning to collaborate more effectively in a team<br />
* Leveraging one another's strength and weaknesses<br />
* Being a good team player within the team<br />
* Learning to have fun as a team!<br />
* Our IS modules have helped to prepare us for the demands of an IT project<br />
<br />
===Individual Reflection:===<br />
<br />
<p>'''Kevin''' <br/><br />
As I review through my initial learning outcomes that I set out to learn, I felt that I have managed to meet these outcomes in the following way:<br />
* Motivating IT Project teams: Bringing together people from different walks of life together to work on an IT project has sharpened my skills in handling with people and being more cognisant of people management issues and how to deal with group cultures and team norms <br />
* Evaluating IT project ideas: FYP has taught me how to be aware of what are the current issues facing IT projects. It has taught me how to evaluate these and adopt a T-model by being able to think about what are the broad issues that are going to affect IT decisions and what are the deep issues that are specific to the issue being raised.<br />
* Time Management Skills: FYP has taught me to be aware of the time that I spend managing the team, managing my own workload within the team and juggling my workload with my other modules that I was taking in school.<br />
* Client Negotiation skills: I was able to apply the negotiation skills that I learnt from a module to achieve integrative outcomes for the client and the team, and what are the tactics that are readily available to deal with such situations.<br />
* Applied Project Management Skills: The FYP experience has been an extension of what I have learnt in Software Engineering and I was able to refine my skills in scope management, schedule management and further extend the practicality of metrics being used within a project.<br />
</p><br />
<br />
<p>'''Sherrie''' <br/><br />
I started with a very simple learning outcomes - to learn life skills that were above and beyond exams/textbook as well as to apply what my education in SMU has taught me so far. <br><br />
In my opinion, i have achieved that. However, the most valuable lesson for me was <b>learning to deal with changes</b>. In SMU, all our projects has a clear defined scope that stays constant from beginning till the end. But through this FYP, changes was probably the only constant (on top of dedicated team mates who were always there to go through each storm). Managing never ending changes was certainly not just about a "can or cannot" mindset. It really required me to understand the fundamental reasoning behind the changes requested and understanding it from a business view point. <br><br />
With regards to my education, in a bigger picture, I have been able to apply the following<br />
*Understanding and improving business processes: i was able to leverage on the knowledge I've acquired in <u>Process Modelling and Solution Blueprinting (PMSB)</u> to help out in understanding the business process of our client. In addition, I was able to give opinions on how the process could be more efficient.<br />
*Understanding how IT and business value - As I had just completed <u> Advanced Information Systems Management (AISM)</u> I was able to apply the concepts of how IT can be an enabler and contribute in adding business value to an organisation.<br />
*Presentation skills - In <u>Management Communication (MC)</u> we were taught how clear communication is essential be it verbal or presentation. I was able to apply skills I learnt from that module when communicating with clients, team mates or presentation.<br />
</p><br />
<br />
<p>'''Wai Mun''' <br/><br />
<br />
As this FYP is coming to an end, these are the few learning points that i am taking it away:<br />
*Time managment : Time management is very important as usually FYP work takes up a bulk of my time. Hence, it is very important for me to plan my time well for my other activities and my studies.<br />
*Usability learning journey : My usability learning journey is interesting and exciting as i get to know more knowledge on usability through Interaction Design and Prototyping. It is definitely a good module to take as it complements very well with FYP.<br />
</p><br />
<br />
<p>'''Jenzus''' <br/><br />
<br />
At the start, I envisioned that IS480 is a platform that will validate my IS education and sum up my journey as an IS student. Boy! I got more than what I expected and was overwhelmed by the entire journey. IS480 does not only validate my IS education; it has shown me that what I have learnt in school is just a mere reflection of what the ‘real’ world is expected from an IS business enabler. In school, we often complain and whine about the ambiguity of project/assignment requirements and the number of changes our professors/instructors love to put us through. During this project, we encountered changes from the start until the end of the project. Each change comes with its own challenges and complexity and often, it derailed us from our original plan and required some rework. I have learnt to be more appreciative of what my school has prepared and put me through. Yeow Leong has always emphasized on “Managing your client” and I finally understood why he tries to push this point across badly in classes. From this project, I have several takeaways:<br />
*Never stop learning: Initially, I thought I had the necessary skills and knowledge to handle this project. Instead, this project has given me a wakeup call. Every stage of this project, there are many challenges that were beyond my current capabilities and require me to push myself to learn more in order to meet our client’s requirements.<br />
*Understanding business requirements: In any project, it is important to understand and clarify all the project requirements from your client and translate the solution properly in terms which the client can understand. At times, there were some misunderstanding about requirements and often led to disagreements and compromises. When communicating with clients, it is important to understand their needs and their understanding of their requirements. Often, clients do not know what they really want but they will know what they don’t want. Hence, it is important to ask the right questions and uncover all ambiguity.<br />
*Team Dynamics: Team dynamics is the key to the success of this project and knowing my teammates is the best way to cultivate team dynamics. It is much easier to work and communicate with others once you get to know them personally and their working patterns. In addition, it will also result in lesser instance of conflict during project. <br />
</p><br />
<br />
<p>'''Boon Kheng''' <br/><br />
<br />
I think the IS480 project is a great experience for me as it is my first time implementing such a big solution in a team. Other than technical skills, I’ve seen how an organization like Empact progress together with the project, it seems like both the sponsor and the team work closely together to achieve goals for both parties. <br><br />
I find that this is a great collaboration as both the sponsor and us are sharing knowledge with each other, after this project, I get to know more about how a social enterprise operates and also, the sponsor Peter did feedback that he learnt a lot of technical knowledge through the project.<br><br />
I am also able to apply subjects that we‘ve learnt during curriculum put in use, such as project and process management and also see how case studies issues being showcase in real scenarios.<br />
<br />
</p><br />
<br />
<p>'''Jervenne'''<br/><br />
<br />
Throughout my FYP journey, I didnt expect to have learn so much by now. Initially I was expecting to learn more and hone my technical skills, and to learn to take on a big project in a bigger group. <br />
Not only did I achieved what I was set out for, but I'm able to see clearly how applicable IS480 is in the real world and how I can apply what I've learnt in school to this project.<br />
My other takeaways will be: managing expectations of the clients, taking feedback for usability improvements, setting priorities, and time management.<br />
Through this FYP period, I've also see the importance of managing client relationship and to educate them on their needs and wants, and also what actually can be done so they can understand better. Last but not least, I'm able to experience the full SDLC of a project and it will be greatly useful for future real-life projects.<br />
</p></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_Final&diff=138485IS480 Team wiki: 2012T2 box.us Final2013-04-22T01:22:53Z<p>Wmcheong.2010: /* User Acceptance Test */</p>
<hr />
<div>[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
</font><br />
<br />
*[http://blue.smu.edu.sg/IS480/2012-2013/Grading.html Grading Criteria]<br />
<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Progress Summary''' </span></div></p>==<br />
<br />
{|class="wikitable" style="width:1000px"<br />
!style="width:100%" | <br />
<center><h4>Final Presentation Slides: <small>''coming soon''</small></h4></center><br />
<center><h3>Deployed Site: <small>[http://www.empact.sg/act Empact ACT]</small></h3></center><br />
<center><h3>Demonstration Site: <small>[http://www.empact.sg/testact Empact ACT(Staging)]</small></h3></center><br />
<center><h4>Initial Proposal: <small>[[Media:Empact_v2.2_Final_Merged.pdf | Proposal]]</small></h4></center><br />
|-<br />
|}<br />
<center><br />
<h3>What Is This Project About?</h3><br />
[[Image:TopPartForWiki.png | 700px]]<br />
<p>Check out our 1 min ++ video pitch to find out what this project is about at [http://youtu.be/DCWFSOd1MH0 Youtube]</p><br />
</center><br />
<br />
===Project Highlights:===<br />
<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Managing the Great Amount of Issues being Highlighted during Deployment</b></big><br/><br />
* Ranked the Issues based on their Priority<br />
** <b>Low Priority</b>: Minor UI suggestions and issues<br />
** <b>Medium Priority</b>: UI suggestions that changes the understanding of the system<br />
** <b>High Priority</b>: Usability Catastrophe or Software Bugs<br />
* Discussed with client what were the focuses<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Volunteers did not find language in the system friendly</b></big><br/><br />
* Re-worded the language to make it more volunteer friendly, together with the client<br />
* Re-worked the design of the dashboard and menu bar<br />
** Adjusting language to make it more suitable for volunteers<br />
** Added a background<br />
* Changes were only limited to volunteer view as Empact preferred the more operational terms<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Addition of 2 functionalities</b></big><br/><br />
* <b>2 functionalities were:</b> Exporting of Task and Volunteer information & Question Notification Turn On/Off Option<br />
* Exporting of Task and Volunteer Information: <i>Iteration 11</i><br />
* Notification Turn On/Off: <i>Iteration 12</i><br />
|}<br />
<br />
===Project Challenges:===<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Gathering Requirements from Empact</b></big><br/><br />
*<i>No defined business processes</i>: New company that did not have a formal set of business process<br />
*<i>No IT expert</i>: Did not have an IT expert to help them identify the needs in the system<br />
<i><b>How we Managed</b></i><br />
* Paper prototyping: Initial paper prototyping<br />
* Showing the developed functionalities at every client meeting<br />
* Gathering volunteer feedback through User Testings<br />
* Deployment Testing<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Dealing with Changes</b></big><br/><br />
The risk of gathering feedback after the system has been developed is running the risk of it being entirely misaligned with Empact's business model. Cost of changing at the later part becomes higher also. However, it was necessary for the team to be able to accommodate to changes to build a system that Empact would really find value in.<br />
<br/><br />
<i><b>How we Managed</b></i><br />
* Decision Factors: Change Management Plan<br />
* Issue Tracking List helped us to track smaller issues and changes that were raised along the way<br />
* Prioritizing the Issues raised<br />
* Discussion based on how much value and how important would it be for Empact<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Management''' </span></div></p>==<br />
===Project Scope:===<br />
[[Image:Boxus_FinalsScope.png | 500px]]<br/><br />
<br />
{| class="wikitable sortable" style="width:700;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Change<br />
! scope="col" width="500" style="background:#810541;color:#ffffff"| Change Description<br />
|-<br />
<br />
! scope="row" style="text-align:center" | 1<br />
! scope="row" style="background-color:white" | <br />
Notification<br />
* Notification Turn On/Off<br />
|-<br />
|}<br />
<br/><br />
<br />
===Project Schedule (Plan Vs Actual):===<br />
<br />
[[Image:Boxus_PlanVsActual.png | 800px]]<br />
<br />
===Project Metrics:===<br />
<br />
====<b>BUG METRICS</b><br/>====<br />
* Bug Score: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug Metric on Google Docs]<br />
* Bug Log: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=0 Bug Log on Google Docs]<br />
* Explanation of Bug Tracking: [[IS480_Team_wiki:_2012T2_box.us_Project_Management#BUG_METRICS | Bug Metrics]]<br />
<br/><br />
[[Image:Boxus_BugMetricsFinals.png | 500px ]]<br />
{| class="wikitable" style="width:800;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Iteration<br />
! scope="col" width="20" style="background:#810541;color:#ffffff"| Bug Score<br />
! scope="col" width="300" style="background:#810541;color:#ffffff"| Any Actions Taken<br />
|-<br />
! scope="row" style="text-align:center;" | 11<br />
! scope="row" style="text-align:center;" | 31<br />
! scope="row" style="background-color:white" | <br />
Increase in Bug Score due to bugs that were recorded from User Testing 2<br />
* 2 days allocated to fix bugs from User Testing 2<br />
|-<br />
! scope="row" style="text-align:center;" | 12<br />
! scope="row" style="text-align:center;" | 16<br />
! scope="row" style="background-color:white" | <br />
New features of the system(Statistics, Dashboard and Notifications) were being released<br />
* Allow Empact to have a full picture of the entire system for testing<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
! scope="row" style="text-align:center;" | 13<br />
! scope="row" style="text-align:center;" | 58<br />
! scope="row" style="background-color:white" | <br />
More thorough testing was being performed for the UAT<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
|}<br />
<br />
====SCHEDULE METRICS====<br />
* Schedule: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule on Google Docs]<br />
[[Image:Boxus_Schedulemetricsfinals.png | 500px]]<br />
<br />
===Handing Over===<br />
<small><i>Take a look at our Handing Over Plan: [https://docs.google.com/document/d/1U5bX8Nw8Rg-HK6_Jip_wmbx0bbw2Sh7qcIJqb3Pfisw/edit Handing Over Plan on Google Docs]</i></small><br/><br />
We followed a methodical process to get the handing over completed. Our handing over plan spelt out the key information for the team and Empact to foresee and plan what would be happening in the final few iterations as we covered the remaining parts of the project. The entire phase consists of:<br />
* <b>Deployment Testing</b><br />
* <b>User Acceptance Testing</b><br />
* <b>Technical Understudy</b><br />
<br />
==== Deployment Testing ====<br />
We release 4 versions of the system on the live environment before going entering the User Acceptance Test. Our purpose for deployment testing was to determine what are the issues that would arise from using the application in the actual conditions in varied browsers and system settings. Additionally, we also collected suggestions from the users in order to make further improvements to the application. In deploying the application, we followed the following process:<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Deployment_Plan.png |500px|Deployment Plan]]<br />
|}<br />
<br />
<br />
<br />
{| class="wikitable centered"<br />
! style="background:#810541;color:#ffffff" | Date<br />
! style="background:#810541;color:#ffffff" | Description<br />
! style="background:#810541;color:#ffffff" | Features Released<br />
|-<br />
<br />
|style="vertical-align:text-top"|<br />
11/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.1<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management <br />
*Questions<br />
*Feedback Form<br />
*Dashboard(NPO)<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
18/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.2<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Dashboard<br />
*Statistics<br />
*Improvements from Release 0.1<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
25/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.3<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Notifications<br />
*Improvements from Release 0.2<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.4<br />
|style="vertical-align:text-top"|<br />
*All features released<br />
*Improvements from Release 0.3<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.5<br />
|style="vertical-align:text-top"|<br />
*Final version for Final Verification<br />
*Improvements from Release 0.4<br />
<br />
|-<br />
|}<br />
<br />
==== User Acceptance Test ====<br />
We conducted our User Acceptance Test on <b>05/04/2013</b> at the Empact office. A final verification was made concerning all the issues and defects that were being raised during the UAT. The final verification of all the functionalities were done on the following week at <b>12/04/2013</b>.<br/><br />
*<b>Instructions Scripts</b>:We conducted the UAT by going through the business processes that the system would address and followed by the remaining functionalities. This also helps Empact to better visualize how the system has met their business requirements.<br />
*<b>Test Cases</b>: We simulated 3 stakeholders in doing up the test cases.<br />
* Test Cases (5 April 2013): <br />
# [[Media:UAT-NPO-.xls | Test Cases - NPO]]<br />
# [[Media:UAT-VOL-.xls | Test Cases - Volunteer]]<br />
# [[Media:UAT-Empact-.xls| Test Cases - Empact]]<br />
<br />
* Test Cases (12 April 2013): <br />
# [[Media:EMUAT-Final_Verification-.xls | Test Cases for UAT final verificiation]]<br />
* '''Scenario-based Instructions and Exceptional cases'''<br />
# [[Media:Scenarios-Based Instructions (Registration).docx | Registration]]<br />
# [[Media:Scenario-Based Instructions (Task).docx | Task]]<br />
# [[Media:Scenario-Based Instructions (Questions).docx | Question]]<br />
# [[Media:Execeptional Cases.docx | Exceptional Cases]]<br />
<br />
{|<br />
|[[Image:BOXUSUAT.jpg|500px|Version 2]]<br />
|}<br />
<br />
<br />
<br />
<b>Managing Defects</b><br/><br />
<br />
{|<br />
|[[Image:Dealingwith.jpg|500px|UAT Defect Lifecycle]]<br />
|}<br />
<br />
*Note: BA refers to the facilitators in the UAT test<br />
* All defects are highlighted onto a separate issue list.<br />
* The list is collated and sent to Empact to prioritise based on issues.<br />
* Bugs are fixed immediately<br />
<br />
<b>Recording Issues</b><br/><br />
Issues are recorded in a separate issue list on [https://docs.google.com/spreadsheet/ccc?key=0AkfA68G0St4NdHRXbWJlRC1sVnJpVFBUcXFlLW1pQUE#gid=0 Google Docs]<br />
<br />
==== Technical Understudy ====<br />
* We conducted a technical understudy with Empact's technical understudy (Sophie) and our client (Peter Yang)<br />
* <i>Lesson Plan</i>: [https://docs.google.com/document/d/1ThTnpcv1w_yNPwfVDFWglSYk3OpaI4CAzRl5OenLk8Y/edit?pli=1 Lesson Plan on Google Docs]<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"|Session 1<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Session 2<br />
|-<br />
<br />
|| 29 Mar 2013, 1600hrs-1800hrs<br />
|| 12 Apr 2013, 1930hrs-2145hrs<br />
|-<br />
<br />
|| Session Contents:<br />
* Application Structure<br />
* Database Structure<br />
* Flow of Login/Logout Process<br />
|| Session Contents:<br />
* Code walkthrough of Specific Scenarios that Empact requested<br />
* Question and Answer<br />
* Clarification on Session 1<br />
|-<br />
<br />
|-<br />
|}<br />
<br />
==== Handing Over Day ====<br />
<br />
{|<br />
|[[Image:Boxus_Handover_Day.jpg|500px|Handover Day]]<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Quality of product''' </span></div></p>==<br />
===Project Deliverables:===<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="100" style="background:#810541; color:#ffffff"|Stage<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Specification<br />
! scope="col" width="350" style="background:#810541; color:#ffffff"| Modules<br />
|-<br />
<br />
|rowspan="5"| Project Management<br />
|| Minutes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Minutes | Meeting Minutes]]<br />
|-<br />
<br />
|| Metrics<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug metrics], [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule]<br />
|-<br />
<br />
|| Iteration Reports<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones | Iteration Reports]]<br />
|-<br />
<br />
|| Milestones<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdHo2ZmNTSUxWcjZQTm1hbzU3VkhYQlE#gid=24 Milestones List]<br />
|-<br />
<br />
|| Issue Tracking<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdE5FSkFZTkVULWIyMm5pUnJWX0drUnc#gid=7 Issues List]<br />
|-<br />
<br />
|| Requirements<br />
|| Paper Prototypes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video | Paper Prototypes]]<br />
|-<br />
<br />
|rowspan="3"| Analysis<br />
|| Use case<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#Use_Case | Use Case Diagram]]<br />
|-<br />
<br />
|| Business Process Diagram<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Process_Analysis Process Diagrams]<br />
|-<br />
<br />
|| Screen Shots<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video#Screenshots | All Screenshots]]<br />
|-<br />
<br />
|rowspan="2"| Design<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Diagrams#Entity_Relationship_Diagram ERD Diagrams]<br />
|| [https://wiki.smu.edu.sg/is480/Image:EmpactDB1.png V1],[https://wiki.smu.edu.sg/is480/Image:Revision_52.png V2],[https://wiki.smu.edu.sg/is480/Image:Revision_62.png V3],[https://wiki.smu.edu.sg/is480/Image:Revision_128.png V4],[https://wiki.smu.edu.sg/is480/Image:Revision_258.png V5]<br />
|-<br />
<br />
|| System Architecture<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#System_Architecture | System Architecture Diagram]]<br />
|-<br />
<br />
<br />
|rowspan="3"| Usability Testing<br />
|| User Testing 1 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_1 Test Plans used]<br />
|-<br />
<br />
|| User Testing 2 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 Test Plans used]<br />
|-<br />
<br />
|| Heuristic Evaluation User Scenarios<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Heuristic_Evaluation_1| User Scenarios used]<br />
|-<br />
<br />
|rowspan="2"| Software Testing<br />
|| Integration Testing<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Integration_Testing Integration Testings]<br />
|-<br />
<br />
|| Deployment Testing<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Test_Plans#Deployment_Testing | Deployment Testing]]<br />
|-<br />
<br />
|rowspan="3"| Handover<br />
|| User Manuals<br />
|| [https://www.dropbox.com/s/baozcrgj5rcvkfm/Empact.pdf Empact Manual ] , [https://www.dropbox.com/s/9jpwusjwwvcp986/NPO.pdf NPO Manual ] , [https://www.dropbox.com/s/anrnbbwvo3m6y6l/Volunteer.pdf Volunteer Manual ]<br />
|-<br />
<br />
|| Design and Technical Specifications<br />
|| [https://www.dropbox.com/s/dmdlqqlqe11jxk7/Design%20Tech%20Spec.docx Design and Technical Specifications]<br />
|-<br />
<br />
|| Deployment Diagram<br />
|| [[IS480_Midterm_Wiki#Deployment: | instructions]]<br />
|}<br />
<br />
===User Testing 2===<br />
{| border="0"<br />
|width="500px" padding="20px"| <br />
[[Image:Box.usUT2.jpg|480px|User Test 1]]<br />
|width="500px" padding="20px"| <br />
We conducted our 2nd user testing to try out our newly added features and at to see how users would respond to them. <br/><br />
<br />
'''Interesting Findings'''<br />
# Users thought changing email and password is inside profile<br />
<br />
'''Actions Taken'''<br />
# Success Messages to be more descriptive<br />
# Clearer images used for buttons<br />
# Login button to be near the sign up button<br />
<br/><br />
Check out our [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 User Testing 2 wiki]<br />
|-<br />
|width="500px" padding="20px"| <br />
|width="500px" padding="20px"| <br />
|}<br />
<br />
===Deployment Testing:===<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.1<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.2<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.3<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.4<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.5<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
===Testing:===<br />
* We conducted 3 types of testing within our system:<br />
* Find out [[IS480_Team_wiki:_2012T2_box.us_Test_Plans | more]] about the testing<br />
{|class="wikitable" style="width:1000px; align:center"<br />
!style="align:left;width:30%" | User Testing<br />
!style="align:left;width:30%" | Integration Testing<br />
!style="align:left;width:30%" | Deployment Testing<br />
<br />
|-<br />
|'' Objective:'' To collect feedback concerning usability of our application<br />
|'' Objective:'' To test the quality of our application<br />
|'' Objective:'' To collect feedback when application is being used in live environments<br />
<br />
|-<br />
|'' When:'' User Testing 1, User Testing 2<br />
|'' When:'' At the end of every iteration<br />
|'' When:'' Before the start of every deployment<br />
<br />
|-<br />
|'' How:'' Volunteers, NPOs and Empact staff would follow a given User Test cases<br />
|'' How:'' Following the integration test plan. Perform regression testing of all the functionalities<br />
|'' How:'' Following the integration test plan.<br />
<br />
|-<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Reflection''' </span></div></p>==<br />
<br />
===Team Reflection:===<br />
<br />
* Managing client expectations<br />
* Learning to collaborate more effectively in a team<br />
* Leveraging one another's strength and weaknesses<br />
* Being a good team player within the team<br />
* Learning to have fun as a team!<br />
* Our IS modules have helped to prepare us for the demands of an IT project<br />
<br />
===Individual Reflection:===<br />
<br />
<p>'''Kevin''' <br/><br />
As I review through my initial learning outcomes that I set out to learn, I felt that I have managed to meet these outcomes in the following way:<br />
* Motivating IT Project teams: Bringing together people from different walks of life together to work on an IT project has sharpened my skills in handling with people and being more cognisant of people management issues and how to deal with group cultures and team norms <br />
* Evaluating IT project ideas: FYP has taught me how to be aware of what are the current issues facing IT projects. It has taught me how to evaluate these and adopt a T-model by being able to think about what are the broad issues that are going to affect IT decisions and what are the deep issues that are specific to the issue being raised.<br />
* Time Management Skills: FYP has taught me to be aware of the time that I spend managing the team, managing my own workload within the team and juggling my workload with my other modules that I was taking in school.<br />
* Client Negotiation skills: I was able to apply the negotiation skills that I learnt from a module to achieve integrative outcomes for the client and the team, and what are the tactics that are readily available to deal with such situations.<br />
* Applied Project Management Skills: The FYP experience has been an extension of what I have learnt in Software Engineering and I was able to refine my skills in scope management, schedule management and further extend the practicality of metrics being used within a project.<br />
</p><br />
<br />
<p>'''Sherrie''' <br/><br />
I started with a very simple learning outcomes - to learn life skills that were above and beyond exams/textbook as well as to apply what my education in SMU has taught me so far. <br><br />
In my opinion, i have achieved that. However, the most valuable lesson for me was <b>learning to deal with changes</b>. In SMU, all our projects has a clear defined scope that stays constant from beginning till the end. But through this FYP, changes was probably the only constant (on top of dedicated team mates who were always there to go through each storm). Managing never ending changes was certainly not just about a "can or cannot" mindset. It really required me to understand the fundamental reasoning behind the changes requested and understanding it from a business view point. <br><br />
With regards to my education, in a bigger picture, I have been able to apply the following<br />
*Understanding and improving business processes: i was able to leverage on the knowledge I've acquired in <u>Process Modelling and Solution Blueprinting (PMSB)</u> to help out in understanding the business process of our client. In addition, I was able to give opinions on how the process could be more efficient.<br />
*Understanding how IT and business value - As I had just completed <u> Advanced Information Systems Management (AISM)</u> I was able to apply the concepts of how IT can be an enabler and contribute in adding business value to an organisation.<br />
*Presentation skills - In <u>Management Communication (MC)</u> we were taught how clear communication is essential be it verbal or presentation. I was able to apply skills I learnt from that module when communicating with clients, team mates or presentation.<br />
</p><br />
<br />
<p>'''Wai Mun''' <br/><br />
<br />
As this FYP is coming to an end, these are the few learning points that i am taking it away:<br />
*Time managment : Time management is very important as usually FYP work takes up a bulk of my time. Hence, it is very important for me to plan my time well for my other activities and my studies.<br />
*Usability learning journey : My usability learning journey is interesting and exciting as i get to know more knowledge on usability through Interaction Design and Prototyping. It is definitely a good module to take as it complements very well with FYP.<br />
</p><br />
<br />
<p>'''Jenzus''' <br/><br />
<br />
At the start, I envisioned that IS480 is a platform that will validate my IS education and sum up my journey as an IS student. Boy! I got more than what I expected and was overwhelmed by the entire journey. IS480 does not only validate my IS education; it has shown me that what I have learnt in school is just a mere reflection of what the ‘real’ world is expected from an IS business enabler. In school, we often complain and whine about the ambiguity of project/assignment requirements and the number of changes our professors/instructors love to put us through. During this project, we encountered changes from the start until the end of the project. Each change comes with its own challenges and complexity and often, it derailed us from our original plan and required some rework. I have learnt to be more appreciative of what my school has prepared and put me through. Yeow Leong has always emphasized on “Managing your client” and I finally understood why he tries to push this point across badly in classes. From this project, I have several takeaways:<br />
*Never stop learning: Initially, I thought I had the necessary skills and knowledge to handle this project. Instead, this project has given me a wakeup call. Every stage of this project, there are many challenges that were beyond my current capabilities and require me to push myself to learn more in order to meet our client’s requirements.<br />
*Understanding business requirements: In any project, it is important to understand and clarify all the project requirements from your client and translate the solution properly in terms which the client can understand. At times, there were some misunderstanding about requirements and often led to disagreements and compromises. When communicating with clients, it is important to understand their needs and their understanding of their requirements. Often, clients do not know what they really want but they will know what they don’t want. Hence, it is important to ask the right questions and uncover all ambiguity.<br />
*Team Dynamics: Team dynamics is the key to the success of this project and knowing my teammates is the best way to cultivate team dynamics. It is much easier to work and communicate with others once you get to know them personally and their working patterns. In addition, it will also result in lesser instance of conflict during project. <br />
</p><br />
<br />
<p>'''Boon Kheng''' <br/><br />
<br />
I think the IS480 project is a great experience for me as it is my first time implementing such a big solution in a team. Other than technical skills, I’ve seen how an organization like Empact progress together with the project, it seems like both the sponsor and the team work closely together to achieve goals for both parties. <br><br />
I find that this is a great collaboration as both the sponsor and us are sharing knowledge with each other, after this project, I get to know more about how a social enterprise operates and also, the sponsor Peter did feedback that he learnt a lot of technical knowledge through the project.<br><br />
I am also able to apply subjects that we‘ve learnt during curriculum put in use, such as project and process management and also see how case studies issues being showcase in real scenarios.<br />
<br />
</p><br />
<br />
<p>'''Jervenne'''<br/><br />
<br />
Throughout my FYP journey, I didnt expect to have learn so much by now. Initially I was expecting to learn more and hone my technical skills, and to learn to take on a big project in a bigger group. <br />
Not only did I achieved what I was set out for, but I'm able to see clearly how applicable IS480 is in the real world and how I can apply what I've learnt in school to this project.<br />
My other takeaways will be: managing expectations of the clients, taking feedback for usability improvements, setting priorities, and time management.<br />
Through this FYP period, I've also see the importance of managing client relationship and to educate them on their needs and wants, and also what actually can be done so they can understand better. Last but not least, I'm able to experience the full SDLC of a project and it will be greatly useful for future real-life projects.<br />
</p></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_Final&diff=138484IS480 Team wiki: 2012T2 box.us Final2013-04-22T01:22:35Z<p>Wmcheong.2010: /* Handing Over Day */</p>
<hr />
<div>[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
</font><br />
<br />
*[http://blue.smu.edu.sg/IS480/2012-2013/Grading.html Grading Criteria]<br />
<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Progress Summary''' </span></div></p>==<br />
<br />
{|class="wikitable" style="width:1000px"<br />
!style="width:100%" | <br />
<center><h4>Final Presentation Slides: <small>''coming soon''</small></h4></center><br />
<center><h3>Deployed Site: <small>[http://www.empact.sg/act Empact ACT]</small></h3></center><br />
<center><h3>Demonstration Site: <small>[http://www.empact.sg/testact Empact ACT(Staging)]</small></h3></center><br />
<center><h4>Initial Proposal: <small>[[Media:Empact_v2.2_Final_Merged.pdf | Proposal]]</small></h4></center><br />
|-<br />
|}<br />
<center><br />
<h3>What Is This Project About?</h3><br />
[[Image:TopPartForWiki.png | 700px]]<br />
<p>Check out our 1 min ++ video pitch to find out what this project is about at [http://youtu.be/DCWFSOd1MH0 Youtube]</p><br />
</center><br />
<br />
===Project Highlights:===<br />
<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Managing the Great Amount of Issues being Highlighted during Deployment</b></big><br/><br />
* Ranked the Issues based on their Priority<br />
** <b>Low Priority</b>: Minor UI suggestions and issues<br />
** <b>Medium Priority</b>: UI suggestions that changes the understanding of the system<br />
** <b>High Priority</b>: Usability Catastrophe or Software Bugs<br />
* Discussed with client what were the focuses<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Volunteers did not find language in the system friendly</b></big><br/><br />
* Re-worded the language to make it more volunteer friendly, together with the client<br />
* Re-worked the design of the dashboard and menu bar<br />
** Adjusting language to make it more suitable for volunteers<br />
** Added a background<br />
* Changes were only limited to volunteer view as Empact preferred the more operational terms<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Addition of 2 functionalities</b></big><br/><br />
* <b>2 functionalities were:</b> Exporting of Task and Volunteer information & Question Notification Turn On/Off Option<br />
* Exporting of Task and Volunteer Information: <i>Iteration 11</i><br />
* Notification Turn On/Off: <i>Iteration 12</i><br />
|}<br />
<br />
===Project Challenges:===<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Gathering Requirements from Empact</b></big><br/><br />
*<i>No defined business processes</i>: New company that did not have a formal set of business process<br />
*<i>No IT expert</i>: Did not have an IT expert to help them identify the needs in the system<br />
<i><b>How we Managed</b></i><br />
* Paper prototyping: Initial paper prototyping<br />
* Showing the developed functionalities at every client meeting<br />
* Gathering volunteer feedback through User Testings<br />
* Deployment Testing<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Dealing with Changes</b></big><br/><br />
The risk of gathering feedback after the system has been developed is running the risk of it being entirely misaligned with Empact's business model. Cost of changing at the later part becomes higher also. However, it was necessary for the team to be able to accommodate to changes to build a system that Empact would really find value in.<br />
<br/><br />
<i><b>How we Managed</b></i><br />
* Decision Factors: Change Management Plan<br />
* Issue Tracking List helped us to track smaller issues and changes that were raised along the way<br />
* Prioritizing the Issues raised<br />
* Discussion based on how much value and how important would it be for Empact<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Management''' </span></div></p>==<br />
===Project Scope:===<br />
[[Image:Boxus_FinalsScope.png | 500px]]<br/><br />
<br />
{| class="wikitable sortable" style="width:700;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Change<br />
! scope="col" width="500" style="background:#810541;color:#ffffff"| Change Description<br />
|-<br />
<br />
! scope="row" style="text-align:center" | 1<br />
! scope="row" style="background-color:white" | <br />
Notification<br />
* Notification Turn On/Off<br />
|-<br />
|}<br />
<br/><br />
<br />
===Project Schedule (Plan Vs Actual):===<br />
<br />
[[Image:Boxus_PlanVsActual.png | 800px]]<br />
<br />
===Project Metrics:===<br />
<br />
====<b>BUG METRICS</b><br/>====<br />
* Bug Score: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug Metric on Google Docs]<br />
* Bug Log: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=0 Bug Log on Google Docs]<br />
* Explanation of Bug Tracking: [[IS480_Team_wiki:_2012T2_box.us_Project_Management#BUG_METRICS | Bug Metrics]]<br />
<br/><br />
[[Image:Boxus_BugMetricsFinals.png | 500px ]]<br />
{| class="wikitable" style="width:800;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Iteration<br />
! scope="col" width="20" style="background:#810541;color:#ffffff"| Bug Score<br />
! scope="col" width="300" style="background:#810541;color:#ffffff"| Any Actions Taken<br />
|-<br />
! scope="row" style="text-align:center;" | 11<br />
! scope="row" style="text-align:center;" | 31<br />
! scope="row" style="background-color:white" | <br />
Increase in Bug Score due to bugs that were recorded from User Testing 2<br />
* 2 days allocated to fix bugs from User Testing 2<br />
|-<br />
! scope="row" style="text-align:center;" | 12<br />
! scope="row" style="text-align:center;" | 16<br />
! scope="row" style="background-color:white" | <br />
New features of the system(Statistics, Dashboard and Notifications) were being released<br />
* Allow Empact to have a full picture of the entire system for testing<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
! scope="row" style="text-align:center;" | 13<br />
! scope="row" style="text-align:center;" | 58<br />
! scope="row" style="background-color:white" | <br />
More thorough testing was being performed for the UAT<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
|}<br />
<br />
====SCHEDULE METRICS====<br />
* Schedule: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule on Google Docs]<br />
[[Image:Boxus_Schedulemetricsfinals.png | 500px]]<br />
<br />
===Handing Over===<br />
<small><i>Take a look at our Handing Over Plan: [https://docs.google.com/document/d/1U5bX8Nw8Rg-HK6_Jip_wmbx0bbw2Sh7qcIJqb3Pfisw/edit Handing Over Plan on Google Docs]</i></small><br/><br />
We followed a methodical process to get the handing over completed. Our handing over plan spelt out the key information for the team and Empact to foresee and plan what would be happening in the final few iterations as we covered the remaining parts of the project. The entire phase consists of:<br />
* <b>Deployment Testing</b><br />
* <b>User Acceptance Testing</b><br />
* <b>Technical Understudy</b><br />
<br />
==== Deployment Testing ====<br />
We release 4 versions of the system on the live environment before going entering the User Acceptance Test. Our purpose for deployment testing was to determine what are the issues that would arise from using the application in the actual conditions in varied browsers and system settings. Additionally, we also collected suggestions from the users in order to make further improvements to the application. In deploying the application, we followed the following process:<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Deployment_Plan.png |500px|Deployment Plan]]<br />
|}<br />
<br />
<br />
<br />
{| class="wikitable centered"<br />
! style="background:#810541;color:#ffffff" | Date<br />
! style="background:#810541;color:#ffffff" | Description<br />
! style="background:#810541;color:#ffffff" | Features Released<br />
|-<br />
<br />
|style="vertical-align:text-top"|<br />
11/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.1<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management <br />
*Questions<br />
*Feedback Form<br />
*Dashboard(NPO)<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
18/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.2<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Dashboard<br />
*Statistics<br />
*Improvements from Release 0.1<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
25/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.3<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Notifications<br />
*Improvements from Release 0.2<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.4<br />
|style="vertical-align:text-top"|<br />
*All features released<br />
*Improvements from Release 0.3<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.5<br />
|style="vertical-align:text-top"|<br />
*Final version for Final Verification<br />
*Improvements from Release 0.4<br />
<br />
|-<br />
|}<br />
<br />
==== User Acceptance Test ====<br />
We conducted our User Acceptance Test on <b>05/04/2013</b> at the Empact office. A final verification was made concerning all the issues and defects that were being raised during the UAT. The final verification of all the functionalities were done on the following week at <b>12/04/2013</b>.<br/><br />
*<b>Instructions Scripts</b>:We conducted the UAT by going through the business processes that the system would address and followed by the remaining functionalities. This also helps Empact to better visualize how the system has met their business requirements.<br />
*<b>Test Cases</b>: We simulated 3 stakeholders in doing up the test cases.<br />
* Test Cases (5 April 2013): <br />
# [[Media:UAT-NPO-.xls | Test Cases - NPO]]<br />
# [[Media:UAT-VOL-.xls | Test Cases - Volunteer]]<br />
# [[Media:UAT-Empact-.xls| Test Cases - Empact]]<br />
<br />
* Test Cases (12 April 2013): <br />
# [[Media:EMUAT-Final_Verification-.xls | Test Cases for UAT final verificiation]]<br />
* '''Scenario-based Instructions and Exceptional cases'''<br />
# [[Media:Scenarios-Based Instructions (Registration).docx | Registration]]<br />
# [[Media:Scenario-Based Instructions (Task).docx | Task]]<br />
# [[Media:Scenario-Based Instructions (Questions).docx | Question]]<br />
# [[Media:Execeptional Cases.docx | Exceptional Cases]]<br />
<br />
{|align="center"<br />
|[[Image:BOXUSUAT.jpg|500px|Version 2]]<br />
|}<br />
<br />
<br />
<br />
<b>Managing Defects</b><br/><br />
<br />
{|align="center"<br />
|[[Image:Dealingwith.jpg|500px|UAT Defect Lifecycle]]<br />
|}<br />
<br />
*Note: BA refers to the facilitators in the UAT test<br />
* All defects are highlighted onto a separate issue list.<br />
* The list is collated and sent to Empact to prioritise based on issues.<br />
* Bugs are fixed immediately<br />
<br />
<b>Recording Issues</b><br/><br />
Issues are recorded in a separate issue list on [https://docs.google.com/spreadsheet/ccc?key=0AkfA68G0St4NdHRXbWJlRC1sVnJpVFBUcXFlLW1pQUE#gid=0 Google Docs]<br />
<br />
==== Technical Understudy ====<br />
* We conducted a technical understudy with Empact's technical understudy (Sophie) and our client (Peter Yang)<br />
* <i>Lesson Plan</i>: [https://docs.google.com/document/d/1ThTnpcv1w_yNPwfVDFWglSYk3OpaI4CAzRl5OenLk8Y/edit?pli=1 Lesson Plan on Google Docs]<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"|Session 1<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Session 2<br />
|-<br />
<br />
|| 29 Mar 2013, 1600hrs-1800hrs<br />
|| 12 Apr 2013, 1930hrs-2145hrs<br />
|-<br />
<br />
|| Session Contents:<br />
* Application Structure<br />
* Database Structure<br />
* Flow of Login/Logout Process<br />
|| Session Contents:<br />
* Code walkthrough of Specific Scenarios that Empact requested<br />
* Question and Answer<br />
* Clarification on Session 1<br />
|-<br />
<br />
|-<br />
|}<br />
<br />
==== Handing Over Day ====<br />
<br />
{|<br />
|[[Image:Boxus_Handover_Day.jpg|500px|Handover Day]]<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Quality of product''' </span></div></p>==<br />
===Project Deliverables:===<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="100" style="background:#810541; color:#ffffff"|Stage<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Specification<br />
! scope="col" width="350" style="background:#810541; color:#ffffff"| Modules<br />
|-<br />
<br />
|rowspan="5"| Project Management<br />
|| Minutes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Minutes | Meeting Minutes]]<br />
|-<br />
<br />
|| Metrics<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug metrics], [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule]<br />
|-<br />
<br />
|| Iteration Reports<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones | Iteration Reports]]<br />
|-<br />
<br />
|| Milestones<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdHo2ZmNTSUxWcjZQTm1hbzU3VkhYQlE#gid=24 Milestones List]<br />
|-<br />
<br />
|| Issue Tracking<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdE5FSkFZTkVULWIyMm5pUnJWX0drUnc#gid=7 Issues List]<br />
|-<br />
<br />
|| Requirements<br />
|| Paper Prototypes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video | Paper Prototypes]]<br />
|-<br />
<br />
|rowspan="3"| Analysis<br />
|| Use case<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#Use_Case | Use Case Diagram]]<br />
|-<br />
<br />
|| Business Process Diagram<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Process_Analysis Process Diagrams]<br />
|-<br />
<br />
|| Screen Shots<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video#Screenshots | All Screenshots]]<br />
|-<br />
<br />
|rowspan="2"| Design<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Diagrams#Entity_Relationship_Diagram ERD Diagrams]<br />
|| [https://wiki.smu.edu.sg/is480/Image:EmpactDB1.png V1],[https://wiki.smu.edu.sg/is480/Image:Revision_52.png V2],[https://wiki.smu.edu.sg/is480/Image:Revision_62.png V3],[https://wiki.smu.edu.sg/is480/Image:Revision_128.png V4],[https://wiki.smu.edu.sg/is480/Image:Revision_258.png V5]<br />
|-<br />
<br />
|| System Architecture<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#System_Architecture | System Architecture Diagram]]<br />
|-<br />
<br />
<br />
|rowspan="3"| Usability Testing<br />
|| User Testing 1 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_1 Test Plans used]<br />
|-<br />
<br />
|| User Testing 2 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 Test Plans used]<br />
|-<br />
<br />
|| Heuristic Evaluation User Scenarios<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Heuristic_Evaluation_1| User Scenarios used]<br />
|-<br />
<br />
|rowspan="2"| Software Testing<br />
|| Integration Testing<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Integration_Testing Integration Testings]<br />
|-<br />
<br />
|| Deployment Testing<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Test_Plans#Deployment_Testing | Deployment Testing]]<br />
|-<br />
<br />
|rowspan="3"| Handover<br />
|| User Manuals<br />
|| [https://www.dropbox.com/s/baozcrgj5rcvkfm/Empact.pdf Empact Manual ] , [https://www.dropbox.com/s/9jpwusjwwvcp986/NPO.pdf NPO Manual ] , [https://www.dropbox.com/s/anrnbbwvo3m6y6l/Volunteer.pdf Volunteer Manual ]<br />
|-<br />
<br />
|| Design and Technical Specifications<br />
|| [https://www.dropbox.com/s/dmdlqqlqe11jxk7/Design%20Tech%20Spec.docx Design and Technical Specifications]<br />
|-<br />
<br />
|| Deployment Diagram<br />
|| [[IS480_Midterm_Wiki#Deployment: | instructions]]<br />
|}<br />
<br />
===User Testing 2===<br />
{| border="0"<br />
|width="500px" padding="20px"| <br />
[[Image:Box.usUT2.jpg|480px|User Test 1]]<br />
|width="500px" padding="20px"| <br />
We conducted our 2nd user testing to try out our newly added features and at to see how users would respond to them. <br/><br />
<br />
'''Interesting Findings'''<br />
# Users thought changing email and password is inside profile<br />
<br />
'''Actions Taken'''<br />
# Success Messages to be more descriptive<br />
# Clearer images used for buttons<br />
# Login button to be near the sign up button<br />
<br/><br />
Check out our [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 User Testing 2 wiki]<br />
|-<br />
|width="500px" padding="20px"| <br />
|width="500px" padding="20px"| <br />
|}<br />
<br />
===Deployment Testing:===<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.1<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.2<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.3<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.4<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.5<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
===Testing:===<br />
* We conducted 3 types of testing within our system:<br />
* Find out [[IS480_Team_wiki:_2012T2_box.us_Test_Plans | more]] about the testing<br />
{|class="wikitable" style="width:1000px; align:center"<br />
!style="align:left;width:30%" | User Testing<br />
!style="align:left;width:30%" | Integration Testing<br />
!style="align:left;width:30%" | Deployment Testing<br />
<br />
|-<br />
|'' Objective:'' To collect feedback concerning usability of our application<br />
|'' Objective:'' To test the quality of our application<br />
|'' Objective:'' To collect feedback when application is being used in live environments<br />
<br />
|-<br />
|'' When:'' User Testing 1, User Testing 2<br />
|'' When:'' At the end of every iteration<br />
|'' When:'' Before the start of every deployment<br />
<br />
|-<br />
|'' How:'' Volunteers, NPOs and Empact staff would follow a given User Test cases<br />
|'' How:'' Following the integration test plan. Perform regression testing of all the functionalities<br />
|'' How:'' Following the integration test plan.<br />
<br />
|-<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Reflection''' </span></div></p>==<br />
<br />
===Team Reflection:===<br />
<br />
* Managing client expectations<br />
* Learning to collaborate more effectively in a team<br />
* Leveraging one another's strength and weaknesses<br />
* Being a good team player within the team<br />
* Learning to have fun as a team!<br />
* Our IS modules have helped to prepare us for the demands of an IT project<br />
<br />
===Individual Reflection:===<br />
<br />
<p>'''Kevin''' <br/><br />
As I review through my initial learning outcomes that I set out to learn, I felt that I have managed to meet these outcomes in the following way:<br />
* Motivating IT Project teams: Bringing together people from different walks of life together to work on an IT project has sharpened my skills in handling with people and being more cognisant of people management issues and how to deal with group cultures and team norms <br />
* Evaluating IT project ideas: FYP has taught me how to be aware of what are the current issues facing IT projects. It has taught me how to evaluate these and adopt a T-model by being able to think about what are the broad issues that are going to affect IT decisions and what are the deep issues that are specific to the issue being raised.<br />
* Time Management Skills: FYP has taught me to be aware of the time that I spend managing the team, managing my own workload within the team and juggling my workload with my other modules that I was taking in school.<br />
* Client Negotiation skills: I was able to apply the negotiation skills that I learnt from a module to achieve integrative outcomes for the client and the team, and what are the tactics that are readily available to deal with such situations.<br />
* Applied Project Management Skills: The FYP experience has been an extension of what I have learnt in Software Engineering and I was able to refine my skills in scope management, schedule management and further extend the practicality of metrics being used within a project.<br />
</p><br />
<br />
<p>'''Sherrie''' <br/><br />
I started with a very simple learning outcomes - to learn life skills that were above and beyond exams/textbook as well as to apply what my education in SMU has taught me so far. <br><br />
In my opinion, i have achieved that. However, the most valuable lesson for me was <b>learning to deal with changes</b>. In SMU, all our projects has a clear defined scope that stays constant from beginning till the end. But through this FYP, changes was probably the only constant (on top of dedicated team mates who were always there to go through each storm). Managing never ending changes was certainly not just about a "can or cannot" mindset. It really required me to understand the fundamental reasoning behind the changes requested and understanding it from a business view point. <br><br />
With regards to my education, in a bigger picture, I have been able to apply the following<br />
*Understanding and improving business processes: i was able to leverage on the knowledge I've acquired in <u>Process Modelling and Solution Blueprinting (PMSB)</u> to help out in understanding the business process of our client. In addition, I was able to give opinions on how the process could be more efficient.<br />
*Understanding how IT and business value - As I had just completed <u> Advanced Information Systems Management (AISM)</u> I was able to apply the concepts of how IT can be an enabler and contribute in adding business value to an organisation.<br />
*Presentation skills - In <u>Management Communication (MC)</u> we were taught how clear communication is essential be it verbal or presentation. I was able to apply skills I learnt from that module when communicating with clients, team mates or presentation.<br />
</p><br />
<br />
<p>'''Wai Mun''' <br/><br />
<br />
As this FYP is coming to an end, these are the few learning points that i am taking it away:<br />
*Time managment : Time management is very important as usually FYP work takes up a bulk of my time. Hence, it is very important for me to plan my time well for my other activities and my studies.<br />
*Usability learning journey : My usability learning journey is interesting and exciting as i get to know more knowledge on usability through Interaction Design and Prototyping. It is definitely a good module to take as it complements very well with FYP.<br />
</p><br />
<br />
<p>'''Jenzus''' <br/><br />
<br />
At the start, I envisioned that IS480 is a platform that will validate my IS education and sum up my journey as an IS student. Boy! I got more than what I expected and was overwhelmed by the entire journey. IS480 does not only validate my IS education; it has shown me that what I have learnt in school is just a mere reflection of what the ‘real’ world is expected from an IS business enabler. In school, we often complain and whine about the ambiguity of project/assignment requirements and the number of changes our professors/instructors love to put us through. During this project, we encountered changes from the start until the end of the project. Each change comes with its own challenges and complexity and often, it derailed us from our original plan and required some rework. I have learnt to be more appreciative of what my school has prepared and put me through. Yeow Leong has always emphasized on “Managing your client” and I finally understood why he tries to push this point across badly in classes. From this project, I have several takeaways:<br />
*Never stop learning: Initially, I thought I had the necessary skills and knowledge to handle this project. Instead, this project has given me a wakeup call. Every stage of this project, there are many challenges that were beyond my current capabilities and require me to push myself to learn more in order to meet our client’s requirements.<br />
*Understanding business requirements: In any project, it is important to understand and clarify all the project requirements from your client and translate the solution properly in terms which the client can understand. At times, there were some misunderstanding about requirements and often led to disagreements and compromises. When communicating with clients, it is important to understand their needs and their understanding of their requirements. Often, clients do not know what they really want but they will know what they don’t want. Hence, it is important to ask the right questions and uncover all ambiguity.<br />
*Team Dynamics: Team dynamics is the key to the success of this project and knowing my teammates is the best way to cultivate team dynamics. It is much easier to work and communicate with others once you get to know them personally and their working patterns. In addition, it will also result in lesser instance of conflict during project. <br />
</p><br />
<br />
<p>'''Boon Kheng''' <br/><br />
<br />
I think the IS480 project is a great experience for me as it is my first time implementing such a big solution in a team. Other than technical skills, I’ve seen how an organization like Empact progress together with the project, it seems like both the sponsor and the team work closely together to achieve goals for both parties. <br><br />
I find that this is a great collaboration as both the sponsor and us are sharing knowledge with each other, after this project, I get to know more about how a social enterprise operates and also, the sponsor Peter did feedback that he learnt a lot of technical knowledge through the project.<br><br />
I am also able to apply subjects that we‘ve learnt during curriculum put in use, such as project and process management and also see how case studies issues being showcase in real scenarios.<br />
<br />
</p><br />
<br />
<p>'''Jervenne'''<br/><br />
<br />
Throughout my FYP journey, I didnt expect to have learn so much by now. Initially I was expecting to learn more and hone my technical skills, and to learn to take on a big project in a bigger group. <br />
Not only did I achieved what I was set out for, but I'm able to see clearly how applicable IS480 is in the real world and how I can apply what I've learnt in school to this project.<br />
My other takeaways will be: managing expectations of the clients, taking feedback for usability improvements, setting priorities, and time management.<br />
Through this FYP period, I've also see the importance of managing client relationship and to educate them on their needs and wants, and also what actually can be done so they can understand better. Last but not least, I'm able to experience the full SDLC of a project and it will be greatly useful for future real-life projects.<br />
</p></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_Final&diff=138483IS480 Team wiki: 2012T2 box.us Final2013-04-22T01:20:22Z<p>Wmcheong.2010: /* Project Deliverables: */</p>
<hr />
<div>[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
</font><br />
<br />
*[http://blue.smu.edu.sg/IS480/2012-2013/Grading.html Grading Criteria]<br />
<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Progress Summary''' </span></div></p>==<br />
<br />
{|class="wikitable" style="width:1000px"<br />
!style="width:100%" | <br />
<center><h4>Final Presentation Slides: <small>''coming soon''</small></h4></center><br />
<center><h3>Deployed Site: <small>[http://www.empact.sg/act Empact ACT]</small></h3></center><br />
<center><h3>Demonstration Site: <small>[http://www.empact.sg/testact Empact ACT(Staging)]</small></h3></center><br />
<center><h4>Initial Proposal: <small>[[Media:Empact_v2.2_Final_Merged.pdf | Proposal]]</small></h4></center><br />
|-<br />
|}<br />
<center><br />
<h3>What Is This Project About?</h3><br />
[[Image:TopPartForWiki.png | 700px]]<br />
<p>Check out our 1 min ++ video pitch to find out what this project is about at [http://youtu.be/DCWFSOd1MH0 Youtube]</p><br />
</center><br />
<br />
===Project Highlights:===<br />
<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Managing the Great Amount of Issues being Highlighted during Deployment</b></big><br/><br />
* Ranked the Issues based on their Priority<br />
** <b>Low Priority</b>: Minor UI suggestions and issues<br />
** <b>Medium Priority</b>: UI suggestions that changes the understanding of the system<br />
** <b>High Priority</b>: Usability Catastrophe or Software Bugs<br />
* Discussed with client what were the focuses<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Volunteers did not find language in the system friendly</b></big><br/><br />
* Re-worded the language to make it more volunteer friendly, together with the client<br />
* Re-worked the design of the dashboard and menu bar<br />
** Adjusting language to make it more suitable for volunteers<br />
** Added a background<br />
* Changes were only limited to volunteer view as Empact preferred the more operational terms<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Addition of 2 functionalities</b></big><br/><br />
* <b>2 functionalities were:</b> Exporting of Task and Volunteer information & Question Notification Turn On/Off Option<br />
* Exporting of Task and Volunteer Information: <i>Iteration 11</i><br />
* Notification Turn On/Off: <i>Iteration 12</i><br />
|}<br />
<br />
===Project Challenges:===<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Gathering Requirements from Empact</b></big><br/><br />
*<i>No defined business processes</i>: New company that did not have a formal set of business process<br />
*<i>No IT expert</i>: Did not have an IT expert to help them identify the needs in the system<br />
<i><b>How we Managed</b></i><br />
* Paper prototyping: Initial paper prototyping<br />
* Showing the developed functionalities at every client meeting<br />
* Gathering volunteer feedback through User Testings<br />
* Deployment Testing<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Dealing with Changes</b></big><br/><br />
The risk of gathering feedback after the system has been developed is running the risk of it being entirely misaligned with Empact's business model. Cost of changing at the later part becomes higher also. However, it was necessary for the team to be able to accommodate to changes to build a system that Empact would really find value in.<br />
<br/><br />
<i><b>How we Managed</b></i><br />
* Decision Factors: Change Management Plan<br />
* Issue Tracking List helped us to track smaller issues and changes that were raised along the way<br />
* Prioritizing the Issues raised<br />
* Discussion based on how much value and how important would it be for Empact<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Management''' </span></div></p>==<br />
===Project Scope:===<br />
[[Image:Boxus_FinalsScope.png | 500px]]<br/><br />
<br />
{| class="wikitable sortable" style="width:700;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Change<br />
! scope="col" width="500" style="background:#810541;color:#ffffff"| Change Description<br />
|-<br />
<br />
! scope="row" style="text-align:center" | 1<br />
! scope="row" style="background-color:white" | <br />
Notification<br />
* Notification Turn On/Off<br />
|-<br />
|}<br />
<br/><br />
<br />
===Project Schedule (Plan Vs Actual):===<br />
<br />
[[Image:Boxus_PlanVsActual.png | 800px]]<br />
<br />
===Project Metrics:===<br />
<br />
====<b>BUG METRICS</b><br/>====<br />
* Bug Score: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug Metric on Google Docs]<br />
* Bug Log: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=0 Bug Log on Google Docs]<br />
* Explanation of Bug Tracking: [[IS480_Team_wiki:_2012T2_box.us_Project_Management#BUG_METRICS | Bug Metrics]]<br />
<br/><br />
[[Image:Boxus_BugMetricsFinals.png | 500px ]]<br />
{| class="wikitable" style="width:800;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Iteration<br />
! scope="col" width="20" style="background:#810541;color:#ffffff"| Bug Score<br />
! scope="col" width="300" style="background:#810541;color:#ffffff"| Any Actions Taken<br />
|-<br />
! scope="row" style="text-align:center;" | 11<br />
! scope="row" style="text-align:center;" | 31<br />
! scope="row" style="background-color:white" | <br />
Increase in Bug Score due to bugs that were recorded from User Testing 2<br />
* 2 days allocated to fix bugs from User Testing 2<br />
|-<br />
! scope="row" style="text-align:center;" | 12<br />
! scope="row" style="text-align:center;" | 16<br />
! scope="row" style="background-color:white" | <br />
New features of the system(Statistics, Dashboard and Notifications) were being released<br />
* Allow Empact to have a full picture of the entire system for testing<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
! scope="row" style="text-align:center;" | 13<br />
! scope="row" style="text-align:center;" | 58<br />
! scope="row" style="background-color:white" | <br />
More thorough testing was being performed for the UAT<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
|}<br />
<br />
====SCHEDULE METRICS====<br />
* Schedule: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule on Google Docs]<br />
[[Image:Boxus_Schedulemetricsfinals.png | 500px]]<br />
<br />
===Handing Over===<br />
<small><i>Take a look at our Handing Over Plan: [https://docs.google.com/document/d/1U5bX8Nw8Rg-HK6_Jip_wmbx0bbw2Sh7qcIJqb3Pfisw/edit Handing Over Plan on Google Docs]</i></small><br/><br />
We followed a methodical process to get the handing over completed. Our handing over plan spelt out the key information for the team and Empact to foresee and plan what would be happening in the final few iterations as we covered the remaining parts of the project. The entire phase consists of:<br />
* <b>Deployment Testing</b><br />
* <b>User Acceptance Testing</b><br />
* <b>Technical Understudy</b><br />
<br />
==== Deployment Testing ====<br />
We release 4 versions of the system on the live environment before going entering the User Acceptance Test. Our purpose for deployment testing was to determine what are the issues that would arise from using the application in the actual conditions in varied browsers and system settings. Additionally, we also collected suggestions from the users in order to make further improvements to the application. In deploying the application, we followed the following process:<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Deployment_Plan.png |500px|Deployment Plan]]<br />
|}<br />
<br />
<br />
<br />
{| class="wikitable centered"<br />
! style="background:#810541;color:#ffffff" | Date<br />
! style="background:#810541;color:#ffffff" | Description<br />
! style="background:#810541;color:#ffffff" | Features Released<br />
|-<br />
<br />
|style="vertical-align:text-top"|<br />
11/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.1<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management <br />
*Questions<br />
*Feedback Form<br />
*Dashboard(NPO)<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
18/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.2<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Dashboard<br />
*Statistics<br />
*Improvements from Release 0.1<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
25/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.3<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Notifications<br />
*Improvements from Release 0.2<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.4<br />
|style="vertical-align:text-top"|<br />
*All features released<br />
*Improvements from Release 0.3<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.5<br />
|style="vertical-align:text-top"|<br />
*Final version for Final Verification<br />
*Improvements from Release 0.4<br />
<br />
|-<br />
|}<br />
<br />
==== User Acceptance Test ====<br />
We conducted our User Acceptance Test on <b>05/04/2013</b> at the Empact office. A final verification was made concerning all the issues and defects that were being raised during the UAT. The final verification of all the functionalities were done on the following week at <b>12/04/2013</b>.<br/><br />
*<b>Instructions Scripts</b>:We conducted the UAT by going through the business processes that the system would address and followed by the remaining functionalities. This also helps Empact to better visualize how the system has met their business requirements.<br />
*<b>Test Cases</b>: We simulated 3 stakeholders in doing up the test cases.<br />
* Test Cases (5 April 2013): <br />
# [[Media:UAT-NPO-.xls | Test Cases - NPO]]<br />
# [[Media:UAT-VOL-.xls | Test Cases - Volunteer]]<br />
# [[Media:UAT-Empact-.xls| Test Cases - Empact]]<br />
<br />
* Test Cases (12 April 2013): <br />
# [[Media:EMUAT-Final_Verification-.xls | Test Cases for UAT final verificiation]]<br />
* '''Scenario-based Instructions and Exceptional cases'''<br />
# [[Media:Scenarios-Based Instructions (Registration).docx | Registration]]<br />
# [[Media:Scenario-Based Instructions (Task).docx | Task]]<br />
# [[Media:Scenario-Based Instructions (Questions).docx | Question]]<br />
# [[Media:Execeptional Cases.docx | Exceptional Cases]]<br />
<br />
{|align="center"<br />
|[[Image:BOXUSUAT.jpg|500px|Version 2]]<br />
|}<br />
<br />
<br />
<br />
<b>Managing Defects</b><br/><br />
<br />
{|align="center"<br />
|[[Image:Dealingwith.jpg|500px|UAT Defect Lifecycle]]<br />
|}<br />
<br />
*Note: BA refers to the facilitators in the UAT test<br />
* All defects are highlighted onto a separate issue list.<br />
* The list is collated and sent to Empact to prioritise based on issues.<br />
* Bugs are fixed immediately<br />
<br />
<b>Recording Issues</b><br/><br />
Issues are recorded in a separate issue list on [https://docs.google.com/spreadsheet/ccc?key=0AkfA68G0St4NdHRXbWJlRC1sVnJpVFBUcXFlLW1pQUE#gid=0 Google Docs]<br />
<br />
==== Technical Understudy ====<br />
* We conducted a technical understudy with Empact's technical understudy (Sophie) and our client (Peter Yang)<br />
* <i>Lesson Plan</i>: [https://docs.google.com/document/d/1ThTnpcv1w_yNPwfVDFWglSYk3OpaI4CAzRl5OenLk8Y/edit?pli=1 Lesson Plan on Google Docs]<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"|Session 1<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Session 2<br />
|-<br />
<br />
|| 29 Mar 2013, 1600hrs-1800hrs<br />
|| 12 Apr 2013, 1930hrs-2145hrs<br />
|-<br />
<br />
|| Session Contents:<br />
* Application Structure<br />
* Database Structure<br />
* Flow of Login/Logout Process<br />
|| Session Contents:<br />
* Code walkthrough of Specific Scenarios that Empact requested<br />
* Question and Answer<br />
* Clarification on Session 1<br />
|-<br />
<br />
|-<br />
|}<br />
<br />
==== Handing Over Day ====<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Handover_Day.jpg|500px|Handover Day]]<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Quality of product''' </span></div></p>==<br />
===Project Deliverables:===<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="100" style="background:#810541; color:#ffffff"|Stage<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Specification<br />
! scope="col" width="350" style="background:#810541; color:#ffffff"| Modules<br />
|-<br />
<br />
|rowspan="5"| Project Management<br />
|| Minutes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Minutes | Meeting Minutes]]<br />
|-<br />
<br />
|| Metrics<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug metrics], [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule]<br />
|-<br />
<br />
|| Iteration Reports<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones | Iteration Reports]]<br />
|-<br />
<br />
|| Milestones<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdHo2ZmNTSUxWcjZQTm1hbzU3VkhYQlE#gid=24 Milestones List]<br />
|-<br />
<br />
|| Issue Tracking<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdE5FSkFZTkVULWIyMm5pUnJWX0drUnc#gid=7 Issues List]<br />
|-<br />
<br />
|| Requirements<br />
|| Paper Prototypes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video | Paper Prototypes]]<br />
|-<br />
<br />
|rowspan="3"| Analysis<br />
|| Use case<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#Use_Case | Use Case Diagram]]<br />
|-<br />
<br />
|| Business Process Diagram<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Process_Analysis Process Diagrams]<br />
|-<br />
<br />
|| Screen Shots<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video#Screenshots | All Screenshots]]<br />
|-<br />
<br />
|rowspan="2"| Design<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Diagrams#Entity_Relationship_Diagram ERD Diagrams]<br />
|| [https://wiki.smu.edu.sg/is480/Image:EmpactDB1.png V1],[https://wiki.smu.edu.sg/is480/Image:Revision_52.png V2],[https://wiki.smu.edu.sg/is480/Image:Revision_62.png V3],[https://wiki.smu.edu.sg/is480/Image:Revision_128.png V4],[https://wiki.smu.edu.sg/is480/Image:Revision_258.png V5]<br />
|-<br />
<br />
|| System Architecture<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#System_Architecture | System Architecture Diagram]]<br />
|-<br />
<br />
<br />
|rowspan="3"| Usability Testing<br />
|| User Testing 1 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_1 Test Plans used]<br />
|-<br />
<br />
|| User Testing 2 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 Test Plans used]<br />
|-<br />
<br />
|| Heuristic Evaluation User Scenarios<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Heuristic_Evaluation_1| User Scenarios used]<br />
|-<br />
<br />
|rowspan="2"| Software Testing<br />
|| Integration Testing<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Integration_Testing Integration Testings]<br />
|-<br />
<br />
|| Deployment Testing<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Test_Plans#Deployment_Testing | Deployment Testing]]<br />
|-<br />
<br />
|rowspan="3"| Handover<br />
|| User Manuals<br />
|| [https://www.dropbox.com/s/baozcrgj5rcvkfm/Empact.pdf Empact Manual ] , [https://www.dropbox.com/s/9jpwusjwwvcp986/NPO.pdf NPO Manual ] , [https://www.dropbox.com/s/anrnbbwvo3m6y6l/Volunteer.pdf Volunteer Manual ]<br />
|-<br />
<br />
|| Design and Technical Specifications<br />
|| [https://www.dropbox.com/s/dmdlqqlqe11jxk7/Design%20Tech%20Spec.docx Design and Technical Specifications]<br />
|-<br />
<br />
|| Deployment Diagram<br />
|| [[IS480_Midterm_Wiki#Deployment: | instructions]]<br />
|}<br />
<br />
===User Testing 2===<br />
{| border="0"<br />
|width="500px" padding="20px"| <br />
[[Image:Box.usUT2.jpg|480px|User Test 1]]<br />
|width="500px" padding="20px"| <br />
We conducted our 2nd user testing to try out our newly added features and at to see how users would respond to them. <br/><br />
<br />
'''Interesting Findings'''<br />
# Users thought changing email and password is inside profile<br />
<br />
'''Actions Taken'''<br />
# Success Messages to be more descriptive<br />
# Clearer images used for buttons<br />
# Login button to be near the sign up button<br />
<br/><br />
Check out our [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 User Testing 2 wiki]<br />
|-<br />
|width="500px" padding="20px"| <br />
|width="500px" padding="20px"| <br />
|}<br />
<br />
===Deployment Testing:===<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.1<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.2<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.3<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.4<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.5<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
===Testing:===<br />
* We conducted 3 types of testing within our system:<br />
* Find out [[IS480_Team_wiki:_2012T2_box.us_Test_Plans | more]] about the testing<br />
{|class="wikitable" style="width:1000px; align:center"<br />
!style="align:left;width:30%" | User Testing<br />
!style="align:left;width:30%" | Integration Testing<br />
!style="align:left;width:30%" | Deployment Testing<br />
<br />
|-<br />
|'' Objective:'' To collect feedback concerning usability of our application<br />
|'' Objective:'' To test the quality of our application<br />
|'' Objective:'' To collect feedback when application is being used in live environments<br />
<br />
|-<br />
|'' When:'' User Testing 1, User Testing 2<br />
|'' When:'' At the end of every iteration<br />
|'' When:'' Before the start of every deployment<br />
<br />
|-<br />
|'' How:'' Volunteers, NPOs and Empact staff would follow a given User Test cases<br />
|'' How:'' Following the integration test plan. Perform regression testing of all the functionalities<br />
|'' How:'' Following the integration test plan.<br />
<br />
|-<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Reflection''' </span></div></p>==<br />
<br />
===Team Reflection:===<br />
<br />
* Managing client expectations<br />
* Learning to collaborate more effectively in a team<br />
* Leveraging one another's strength and weaknesses<br />
* Being a good team player within the team<br />
* Learning to have fun as a team!<br />
* Our IS modules have helped to prepare us for the demands of an IT project<br />
<br />
===Individual Reflection:===<br />
<br />
<p>'''Kevin''' <br/><br />
As I review through my initial learning outcomes that I set out to learn, I felt that I have managed to meet these outcomes in the following way:<br />
* Motivating IT Project teams: Bringing together people from different walks of life together to work on an IT project has sharpened my skills in handling with people and being more cognisant of people management issues and how to deal with group cultures and team norms <br />
* Evaluating IT project ideas: FYP has taught me how to be aware of what are the current issues facing IT projects. It has taught me how to evaluate these and adopt a T-model by being able to think about what are the broad issues that are going to affect IT decisions and what are the deep issues that are specific to the issue being raised.<br />
* Time Management Skills: FYP has taught me to be aware of the time that I spend managing the team, managing my own workload within the team and juggling my workload with my other modules that I was taking in school.<br />
* Client Negotiation skills: I was able to apply the negotiation skills that I learnt from a module to achieve integrative outcomes for the client and the team, and what are the tactics that are readily available to deal with such situations.<br />
* Applied Project Management Skills: The FYP experience has been an extension of what I have learnt in Software Engineering and I was able to refine my skills in scope management, schedule management and further extend the practicality of metrics being used within a project.<br />
</p><br />
<br />
<p>'''Sherrie''' <br/><br />
I started with a very simple learning outcomes - to learn life skills that were above and beyond exams/textbook as well as to apply what my education in SMU has taught me so far. <br><br />
In my opinion, i have achieved that. However, the most valuable lesson for me was <b>learning to deal with changes</b>. In SMU, all our projects has a clear defined scope that stays constant from beginning till the end. But through this FYP, changes was probably the only constant (on top of dedicated team mates who were always there to go through each storm). Managing never ending changes was certainly not just about a "can or cannot" mindset. It really required me to understand the fundamental reasoning behind the changes requested and understanding it from a business view point. <br><br />
With regards to my education, in a bigger picture, I have been able to apply the following<br />
*Understanding and improving business processes: i was able to leverage on the knowledge I've acquired in <u>Process Modelling and Solution Blueprinting (PMSB)</u> to help out in understanding the business process of our client. In addition, I was able to give opinions on how the process could be more efficient.<br />
*Understanding how IT and business value - As I had just completed <u> Advanced Information Systems Management (AISM)</u> I was able to apply the concepts of how IT can be an enabler and contribute in adding business value to an organisation.<br />
*Presentation skills - In <u>Management Communication (MC)</u> we were taught how clear communication is essential be it verbal or presentation. I was able to apply skills I learnt from that module when communicating with clients, team mates or presentation.<br />
</p><br />
<br />
<p>'''Wai Mun''' <br/><br />
<br />
As this FYP is coming to an end, these are the few learning points that i am taking it away:<br />
*Time managment : Time management is very important as usually FYP work takes up a bulk of my time. Hence, it is very important for me to plan my time well for my other activities and my studies.<br />
*Usability learning journey : My usability learning journey is interesting and exciting as i get to know more knowledge on usability through Interaction Design and Prototyping. It is definitely a good module to take as it complements very well with FYP.<br />
</p><br />
<br />
<p>'''Jenzus''' <br/><br />
<br />
At the start, I envisioned that IS480 is a platform that will validate my IS education and sum up my journey as an IS student. Boy! I got more than what I expected and was overwhelmed by the entire journey. IS480 does not only validate my IS education; it has shown me that what I have learnt in school is just a mere reflection of what the ‘real’ world is expected from an IS business enabler. In school, we often complain and whine about the ambiguity of project/assignment requirements and the number of changes our professors/instructors love to put us through. During this project, we encountered changes from the start until the end of the project. Each change comes with its own challenges and complexity and often, it derailed us from our original plan and required some rework. I have learnt to be more appreciative of what my school has prepared and put me through. Yeow Leong has always emphasized on “Managing your client” and I finally understood why he tries to push this point across badly in classes. From this project, I have several takeaways:<br />
*Never stop learning: Initially, I thought I had the necessary skills and knowledge to handle this project. Instead, this project has given me a wakeup call. Every stage of this project, there are many challenges that were beyond my current capabilities and require me to push myself to learn more in order to meet our client’s requirements.<br />
*Understanding business requirements: In any project, it is important to understand and clarify all the project requirements from your client and translate the solution properly in terms which the client can understand. At times, there were some misunderstanding about requirements and often led to disagreements and compromises. When communicating with clients, it is important to understand their needs and their understanding of their requirements. Often, clients do not know what they really want but they will know what they don’t want. Hence, it is important to ask the right questions and uncover all ambiguity.<br />
*Team Dynamics: Team dynamics is the key to the success of this project and knowing my teammates is the best way to cultivate team dynamics. It is much easier to work and communicate with others once you get to know them personally and their working patterns. In addition, it will also result in lesser instance of conflict during project. <br />
</p><br />
<br />
<p>'''Boon Kheng''' <br/><br />
<br />
I think the IS480 project is a great experience for me as it is my first time implementing such a big solution in a team. Other than technical skills, I’ve seen how an organization like Empact progress together with the project, it seems like both the sponsor and the team work closely together to achieve goals for both parties. <br><br />
I find that this is a great collaboration as both the sponsor and us are sharing knowledge with each other, after this project, I get to know more about how a social enterprise operates and also, the sponsor Peter did feedback that he learnt a lot of technical knowledge through the project.<br><br />
I am also able to apply subjects that we‘ve learnt during curriculum put in use, such as project and process management and also see how case studies issues being showcase in real scenarios.<br />
<br />
</p><br />
<br />
<p>'''Jervenne'''<br/><br />
<br />
Throughout my FYP journey, I didnt expect to have learn so much by now. Initially I was expecting to learn more and hone my technical skills, and to learn to take on a big project in a bigger group. <br />
Not only did I achieved what I was set out for, but I'm able to see clearly how applicable IS480 is in the real world and how I can apply what I've learnt in school to this project.<br />
My other takeaways will be: managing expectations of the clients, taking feedback for usability improvements, setting priorities, and time management.<br />
Through this FYP period, I've also see the importance of managing client relationship and to educate them on their needs and wants, and also what actually can be done so they can understand better. Last but not least, I'm able to experience the full SDLC of a project and it will be greatly useful for future real-life projects.<br />
</p></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_Final&diff=138482IS480 Team wiki: 2012T2 box.us Final2013-04-22T01:17:25Z<p>Wmcheong.2010: /* Project Deliverables: */</p>
<hr />
<div>[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
</font><br />
<br />
*[http://blue.smu.edu.sg/IS480/2012-2013/Grading.html Grading Criteria]<br />
<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Progress Summary''' </span></div></p>==<br />
<br />
{|class="wikitable" style="width:1000px"<br />
!style="width:100%" | <br />
<center><h4>Final Presentation Slides: <small>''coming soon''</small></h4></center><br />
<center><h3>Deployed Site: <small>[http://www.empact.sg/act Empact ACT]</small></h3></center><br />
<center><h3>Demonstration Site: <small>[http://www.empact.sg/testact Empact ACT(Staging)]</small></h3></center><br />
<center><h4>Initial Proposal: <small>[[Media:Empact_v2.2_Final_Merged.pdf | Proposal]]</small></h4></center><br />
|-<br />
|}<br />
<center><br />
<h3>What Is This Project About?</h3><br />
[[Image:TopPartForWiki.png | 700px]]<br />
<p>Check out our 1 min ++ video pitch to find out what this project is about at [http://youtu.be/DCWFSOd1MH0 Youtube]</p><br />
</center><br />
<br />
===Project Highlights:===<br />
<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Managing the Great Amount of Issues being Highlighted during Deployment</b></big><br/><br />
* Ranked the Issues based on their Priority<br />
** <b>Low Priority</b>: Minor UI suggestions and issues<br />
** <b>Medium Priority</b>: UI suggestions that changes the understanding of the system<br />
** <b>High Priority</b>: Usability Catastrophe or Software Bugs<br />
* Discussed with client what were the focuses<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Volunteers did not find language in the system friendly</b></big><br/><br />
* Re-worded the language to make it more volunteer friendly, together with the client<br />
* Re-worked the design of the dashboard and menu bar<br />
** Adjusting language to make it more suitable for volunteers<br />
** Added a background<br />
* Changes were only limited to volunteer view as Empact preferred the more operational terms<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Addition of 2 functionalities</b></big><br/><br />
* <b>2 functionalities were:</b> Exporting of Task and Volunteer information & Question Notification Turn On/Off Option<br />
* Exporting of Task and Volunteer Information: <i>Iteration 11</i><br />
* Notification Turn On/Off: <i>Iteration 12</i><br />
|}<br />
<br />
===Project Challenges:===<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Gathering Requirements from Empact</b></big><br/><br />
*<i>No defined business processes</i>: New company that did not have a formal set of business process<br />
*<i>No IT expert</i>: Did not have an IT expert to help them identify the needs in the system<br />
<i><b>How we Managed</b></i><br />
* Paper prototyping: Initial paper prototyping<br />
* Showing the developed functionalities at every client meeting<br />
* Gathering volunteer feedback through User Testings<br />
* Deployment Testing<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Dealing with Changes</b></big><br/><br />
The risk of gathering feedback after the system has been developed is running the risk of it being entirely misaligned with Empact's business model. Cost of changing at the later part becomes higher also. However, it was necessary for the team to be able to accommodate to changes to build a system that Empact would really find value in.<br />
<br/><br />
<i><b>How we Managed</b></i><br />
* Decision Factors: Change Management Plan<br />
* Issue Tracking List helped us to track smaller issues and changes that were raised along the way<br />
* Prioritizing the Issues raised<br />
* Discussion based on how much value and how important would it be for Empact<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Management''' </span></div></p>==<br />
===Project Scope:===<br />
[[Image:Boxus_FinalsScope.png | 500px]]<br/><br />
<br />
{| class="wikitable sortable" style="width:700;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Change<br />
! scope="col" width="500" style="background:#810541;color:#ffffff"| Change Description<br />
|-<br />
<br />
! scope="row" style="text-align:center" | 1<br />
! scope="row" style="background-color:white" | <br />
Notification<br />
* Notification Turn On/Off<br />
|-<br />
|}<br />
<br/><br />
<br />
===Project Schedule (Plan Vs Actual):===<br />
<br />
[[Image:Boxus_PlanVsActual.png | 800px]]<br />
<br />
===Project Metrics:===<br />
<br />
====<b>BUG METRICS</b><br/>====<br />
* Bug Score: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug Metric on Google Docs]<br />
* Bug Log: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=0 Bug Log on Google Docs]<br />
* Explanation of Bug Tracking: [[IS480_Team_wiki:_2012T2_box.us_Project_Management#BUG_METRICS | Bug Metrics]]<br />
<br/><br />
[[Image:Boxus_BugMetricsFinals.png | 500px ]]<br />
{| class="wikitable" style="width:800;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Iteration<br />
! scope="col" width="20" style="background:#810541;color:#ffffff"| Bug Score<br />
! scope="col" width="300" style="background:#810541;color:#ffffff"| Any Actions Taken<br />
|-<br />
! scope="row" style="text-align:center;" | 11<br />
! scope="row" style="text-align:center;" | 31<br />
! scope="row" style="background-color:white" | <br />
Increase in Bug Score due to bugs that were recorded from User Testing 2<br />
* 2 days allocated to fix bugs from User Testing 2<br />
|-<br />
! scope="row" style="text-align:center;" | 12<br />
! scope="row" style="text-align:center;" | 16<br />
! scope="row" style="background-color:white" | <br />
New features of the system(Statistics, Dashboard and Notifications) were being released<br />
* Allow Empact to have a full picture of the entire system for testing<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
! scope="row" style="text-align:center;" | 13<br />
! scope="row" style="text-align:center;" | 58<br />
! scope="row" style="background-color:white" | <br />
More thorough testing was being performed for the UAT<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
|}<br />
<br />
====SCHEDULE METRICS====<br />
* Schedule: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule on Google Docs]<br />
[[Image:Boxus_Schedulemetricsfinals.png | 500px]]<br />
<br />
===Handing Over===<br />
<small><i>Take a look at our Handing Over Plan: [https://docs.google.com/document/d/1U5bX8Nw8Rg-HK6_Jip_wmbx0bbw2Sh7qcIJqb3Pfisw/edit Handing Over Plan on Google Docs]</i></small><br/><br />
We followed a methodical process to get the handing over completed. Our handing over plan spelt out the key information for the team and Empact to foresee and plan what would be happening in the final few iterations as we covered the remaining parts of the project. The entire phase consists of:<br />
* <b>Deployment Testing</b><br />
* <b>User Acceptance Testing</b><br />
* <b>Technical Understudy</b><br />
<br />
==== Deployment Testing ====<br />
We release 4 versions of the system on the live environment before going entering the User Acceptance Test. Our purpose for deployment testing was to determine what are the issues that would arise from using the application in the actual conditions in varied browsers and system settings. Additionally, we also collected suggestions from the users in order to make further improvements to the application. In deploying the application, we followed the following process:<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Deployment_Plan.png |500px|Deployment Plan]]<br />
|}<br />
<br />
<br />
<br />
{| class="wikitable centered"<br />
! style="background:#810541;color:#ffffff" | Date<br />
! style="background:#810541;color:#ffffff" | Description<br />
! style="background:#810541;color:#ffffff" | Features Released<br />
|-<br />
<br />
|style="vertical-align:text-top"|<br />
11/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.1<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management <br />
*Questions<br />
*Feedback Form<br />
*Dashboard(NPO)<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
18/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.2<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Dashboard<br />
*Statistics<br />
*Improvements from Release 0.1<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
25/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.3<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Notifications<br />
*Improvements from Release 0.2<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.4<br />
|style="vertical-align:text-top"|<br />
*All features released<br />
*Improvements from Release 0.3<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.5<br />
|style="vertical-align:text-top"|<br />
*Final version for Final Verification<br />
*Improvements from Release 0.4<br />
<br />
|-<br />
|}<br />
<br />
==== User Acceptance Test ====<br />
We conducted our User Acceptance Test on <b>05/04/2013</b> at the Empact office. A final verification was made concerning all the issues and defects that were being raised during the UAT. The final verification of all the functionalities were done on the following week at <b>12/04/2013</b>.<br/><br />
*<b>Instructions Scripts</b>:We conducted the UAT by going through the business processes that the system would address and followed by the remaining functionalities. This also helps Empact to better visualize how the system has met their business requirements.<br />
*<b>Test Cases</b>: We simulated 3 stakeholders in doing up the test cases.<br />
* Test Cases (5 April 2013): <br />
# [[Media:UAT-NPO-.xls | Test Cases - NPO]]<br />
# [[Media:UAT-VOL-.xls | Test Cases - Volunteer]]<br />
# [[Media:UAT-Empact-.xls| Test Cases - Empact]]<br />
<br />
* Test Cases (12 April 2013): <br />
# [[Media:EMUAT-Final_Verification-.xls | Test Cases for UAT final verificiation]]<br />
* '''Scenario-based Instructions and Exceptional cases'''<br />
# [[Media:Scenarios-Based Instructions (Registration).docx | Registration]]<br />
# [[Media:Scenario-Based Instructions (Task).docx | Task]]<br />
# [[Media:Scenario-Based Instructions (Questions).docx | Question]]<br />
# [[Media:Execeptional Cases.docx | Exceptional Cases]]<br />
<br />
{|align="center"<br />
|[[Image:BOXUSUAT.jpg|500px|Version 2]]<br />
|}<br />
<br />
<br />
<br />
<b>Managing Defects</b><br/><br />
<br />
{|align="center"<br />
|[[Image:Dealingwith.jpg|500px|UAT Defect Lifecycle]]<br />
|}<br />
<br />
*Note: BA refers to the facilitators in the UAT test<br />
* All defects are highlighted onto a separate issue list.<br />
* The list is collated and sent to Empact to prioritise based on issues.<br />
* Bugs are fixed immediately<br />
<br />
<b>Recording Issues</b><br/><br />
Issues are recorded in a separate issue list on [https://docs.google.com/spreadsheet/ccc?key=0AkfA68G0St4NdHRXbWJlRC1sVnJpVFBUcXFlLW1pQUE#gid=0 Google Docs]<br />
<br />
==== Technical Understudy ====<br />
* We conducted a technical understudy with Empact's technical understudy (Sophie) and our client (Peter Yang)<br />
* <i>Lesson Plan</i>: [https://docs.google.com/document/d/1ThTnpcv1w_yNPwfVDFWglSYk3OpaI4CAzRl5OenLk8Y/edit?pli=1 Lesson Plan on Google Docs]<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"|Session 1<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Session 2<br />
|-<br />
<br />
|| 29 Mar 2013, 1600hrs-1800hrs<br />
|| 12 Apr 2013, 1930hrs-2145hrs<br />
|-<br />
<br />
|| Session Contents:<br />
* Application Structure<br />
* Database Structure<br />
* Flow of Login/Logout Process<br />
|| Session Contents:<br />
* Code walkthrough of Specific Scenarios that Empact requested<br />
* Question and Answer<br />
* Clarification on Session 1<br />
|-<br />
<br />
|-<br />
|}<br />
<br />
==== Handing Over Day ====<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Handover_Day.jpg|500px|Handover Day]]<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Quality of product''' </span></div></p>==<br />
===Project Deliverables:===<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="100" style="background:#810541; color:#ffffff"|Stage<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Specification<br />
! scope="col" width="350" style="background:#810541; color:#ffffff"| Modules<br />
|-<br />
<br />
|rowspan="5"| Project Management<br />
|| Minutes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Minutes | Meeting Minutes]]<br />
|-<br />
<br />
|| Metrics<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug metrics], [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule]<br />
|-<br />
<br />
|| Iteration Reports<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones | Iteration Reports]]<br />
|-<br />
<br />
|| Milestones<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdHo2ZmNTSUxWcjZQTm1hbzU3VkhYQlE#gid=24 Milestones List]<br />
|-<br />
<br />
|| Issue Tracking<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdE5FSkFZTkVULWIyMm5pUnJWX0drUnc#gid=7 Issues List]<br />
|-<br />
<br />
|| Requirements<br />
|| Paper Prototypes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video | Paper Prototypes]]<br />
|-<br />
<br />
|rowspan="3"| Analysis<br />
|| Use case<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#Use_Case | Use Case Diagram]]<br />
|-<br />
<br />
|| Business Process Diagram<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Process_Analysis Process Diagrams]<br />
|-<br />
<br />
|| Screen Shots<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video#Screenshots | All Screenshots]]<br />
|-<br />
<br />
|rowspan="2"| Design<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Diagrams#Entity_Relationship_Diagram ERD Diagrams]<br />
|| [https://wiki.smu.edu.sg/is480/Image:EmpactDB1.png V1],[https://wiki.smu.edu.sg/is480/Image:Revision_52.png V2],[https://wiki.smu.edu.sg/is480/Image:Revision_62.png V3],[https://wiki.smu.edu.sg/is480/Image:Revision_128.png V4],[https://wiki.smu.edu.sg/is480/Image:Revision_258.png V5]<br />
|-<br />
<br />
|| System Architecture<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#System_Architecture | System Architecture Diagram]]<br />
|-<br />
<br />
<br />
|rowspan="3"| Usability Testing<br />
|| User Testing 1 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_1 Test Plans used]<br />
|-<br />
<br />
|| User Testing 2 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 Test Plans used]<br />
|-<br />
<br />
|| Heuristic Evaluation User Scenarios<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Heuristic_Evaluation_1| User Scenarios used]<br />
|-<br />
<br />
|rowspan="2"| Software Testing<br />
|| Integration Testing<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Integration_Testing Integration Testings]<br />
|-<br />
<br />
|| Deployment Testing<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Test_Plans#Deployment_Testing | Deployment Testing]]<br />
|-<br />
<br />
|rowspan="3"| Handover<br />
|| User Manuals<br />
|| [https://www.dropbox.com/s/baozcrgj5rcvkfm/Empact.pdf Empact Manual ] , [https://www.dropbox.com/s/9jpwusjwwvcp986/NPO.pdf NPO Manual ] , [https://www.dropbox.com/s/anrnbbwvo3m6y6l/Volunteer.pdf Volunteer Manual ]<br />
|-<br />
<br />
|| Design and Technical Specifications<br />
|| <br />
|-<br />
<br />
|| Deployment Diagram<br />
|| [[IS480_Midterm_Wiki#Deployment: | instructions]]<br />
|}<br />
<br />
===User Testing 2===<br />
{| border="0"<br />
|width="500px" padding="20px"| <br />
[[Image:Box.usUT2.jpg|480px|User Test 1]]<br />
|width="500px" padding="20px"| <br />
We conducted our 2nd user testing to try out our newly added features and at to see how users would respond to them. <br/><br />
<br />
'''Interesting Findings'''<br />
# Users thought changing email and password is inside profile<br />
<br />
'''Actions Taken'''<br />
# Success Messages to be more descriptive<br />
# Clearer images used for buttons<br />
# Login button to be near the sign up button<br />
<br/><br />
Check out our [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 User Testing 2 wiki]<br />
|-<br />
|width="500px" padding="20px"| <br />
|width="500px" padding="20px"| <br />
|}<br />
<br />
===Deployment Testing:===<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.1<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.2<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.3<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.4<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.5<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
===Testing:===<br />
* We conducted 3 types of testing within our system:<br />
* Find out [[IS480_Team_wiki:_2012T2_box.us_Test_Plans | more]] about the testing<br />
{|class="wikitable" style="width:1000px; align:center"<br />
!style="align:left;width:30%" | User Testing<br />
!style="align:left;width:30%" | Integration Testing<br />
!style="align:left;width:30%" | Deployment Testing<br />
<br />
|-<br />
|'' Objective:'' To collect feedback concerning usability of our application<br />
|'' Objective:'' To test the quality of our application<br />
|'' Objective:'' To collect feedback when application is being used in live environments<br />
<br />
|-<br />
|'' When:'' User Testing 1, User Testing 2<br />
|'' When:'' At the end of every iteration<br />
|'' When:'' Before the start of every deployment<br />
<br />
|-<br />
|'' How:'' Volunteers, NPOs and Empact staff would follow a given User Test cases<br />
|'' How:'' Following the integration test plan. Perform regression testing of all the functionalities<br />
|'' How:'' Following the integration test plan.<br />
<br />
|-<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Reflection''' </span></div></p>==<br />
<br />
===Team Reflection:===<br />
<br />
* Managing client expectations<br />
* Learning to collaborate more effectively in a team<br />
* Leveraging one another's strength and weaknesses<br />
* Being a good team player within the team<br />
* Learning to have fun as a team!<br />
* Our IS modules have helped to prepare us for the demands of an IT project<br />
<br />
===Individual Reflection:===<br />
<br />
<p>'''Kevin''' <br/><br />
As I review through my initial learning outcomes that I set out to learn, I felt that I have managed to meet these outcomes in the following way:<br />
* Motivating IT Project teams: Bringing together people from different walks of life together to work on an IT project has sharpened my skills in handling with people and being more cognisant of people management issues and how to deal with group cultures and team norms <br />
* Evaluating IT project ideas: FYP has taught me how to be aware of what are the current issues facing IT projects. It has taught me how to evaluate these and adopt a T-model by being able to think about what are the broad issues that are going to affect IT decisions and what are the deep issues that are specific to the issue being raised.<br />
* Time Management Skills: FYP has taught me to be aware of the time that I spend managing the team, managing my own workload within the team and juggling my workload with my other modules that I was taking in school.<br />
* Client Negotiation skills: I was able to apply the negotiation skills that I learnt from a module to achieve integrative outcomes for the client and the team, and what are the tactics that are readily available to deal with such situations.<br />
* Applied Project Management Skills: The FYP experience has been an extension of what I have learnt in Software Engineering and I was able to refine my skills in scope management, schedule management and further extend the practicality of metrics being used within a project.<br />
</p><br />
<br />
<p>'''Sherrie''' <br/><br />
I started with a very simple learning outcomes - to learn life skills that were above and beyond exams/textbook as well as to apply what my education in SMU has taught me so far. <br><br />
In my opinion, i have achieved that. However, the most valuable lesson for me was <b>learning to deal with changes</b>. In SMU, all our projects has a clear defined scope that stays constant from beginning till the end. But through this FYP, changes was probably the only constant (on top of dedicated team mates who were always there to go through each storm). Managing never ending changes was certainly not just about a "can or cannot" mindset. It really required me to understand the fundamental reasoning behind the changes requested and understanding it from a business view point. <br><br />
With regards to my education, in a bigger picture, I have been able to apply the following<br />
*Understanding and improving business processes: i was able to leverage on the knowledge I've acquired in <u>Process Modelling and Solution Blueprinting (PMSB)</u> to help out in understanding the business process of our client. In addition, I was able to give opinions on how the process could be more efficient.<br />
*Understanding how IT and business value - As I had just completed <u> Advanced Information Systems Management (AISM)</u> I was able to apply the concepts of how IT can be an enabler and contribute in adding business value to an organisation.<br />
*Presentation skills - In <u>Management Communication (MC)</u> we were taught how clear communication is essential be it verbal or presentation. I was able to apply skills I learnt from that module when communicating with clients, team mates or presentation.<br />
</p><br />
<br />
<p>'''Wai Mun''' <br/><br />
<br />
As this FYP is coming to an end, these are the few learning points that i am taking it away:<br />
*Time managment : Time management is very important as usually FYP work takes up a bulk of my time. Hence, it is very important for me to plan my time well for my other activities and my studies.<br />
*Usability learning journey : My usability learning journey is interesting and exciting as i get to know more knowledge on usability through Interaction Design and Prototyping. It is definitely a good module to take as it complements very well with FYP.<br />
</p><br />
<br />
<p>'''Jenzus''' <br/><br />
<br />
At the start, I envisioned that IS480 is a platform that will validate my IS education and sum up my journey as an IS student. Boy! I got more than what I expected and was overwhelmed by the entire journey. IS480 does not only validate my IS education; it has shown me that what I have learnt in school is just a mere reflection of what the ‘real’ world is expected from an IS business enabler. In school, we often complain and whine about the ambiguity of project/assignment requirements and the number of changes our professors/instructors love to put us through. During this project, we encountered changes from the start until the end of the project. Each change comes with its own challenges and complexity and often, it derailed us from our original plan and required some rework. I have learnt to be more appreciative of what my school has prepared and put me through. Yeow Leong has always emphasized on “Managing your client” and I finally understood why he tries to push this point across badly in classes. From this project, I have several takeaways:<br />
*Never stop learning: Initially, I thought I had the necessary skills and knowledge to handle this project. Instead, this project has given me a wakeup call. Every stage of this project, there are many challenges that were beyond my current capabilities and require me to push myself to learn more in order to meet our client’s requirements.<br />
*Understanding business requirements: In any project, it is important to understand and clarify all the project requirements from your client and translate the solution properly in terms which the client can understand. At times, there were some misunderstanding about requirements and often led to disagreements and compromises. When communicating with clients, it is important to understand their needs and their understanding of their requirements. Often, clients do not know what they really want but they will know what they don’t want. Hence, it is important to ask the right questions and uncover all ambiguity.<br />
*Team Dynamics: Team dynamics is the key to the success of this project and knowing my teammates is the best way to cultivate team dynamics. It is much easier to work and communicate with others once you get to know them personally and their working patterns. In addition, it will also result in lesser instance of conflict during project. <br />
</p><br />
<br />
<p>'''Boon Kheng''' <br/><br />
<br />
I think the IS480 project is a great experience for me as it is my first time implementing such a big solution in a team. Other than technical skills, I’ve seen how an organization like Empact progress together with the project, it seems like both the sponsor and the team work closely together to achieve goals for both parties. <br><br />
I find that this is a great collaboration as both the sponsor and us are sharing knowledge with each other, after this project, I get to know more about how a social enterprise operates and also, the sponsor Peter did feedback that he learnt a lot of technical knowledge through the project.<br><br />
I am also able to apply subjects that we‘ve learnt during curriculum put in use, such as project and process management and also see how case studies issues being showcase in real scenarios.<br />
<br />
</p><br />
<br />
<p>'''Jervenne'''<br/><br />
<br />
Throughout my FYP journey, I didnt expect to have learn so much by now. Initially I was expecting to learn more and hone my technical skills, and to learn to take on a big project in a bigger group. <br />
Not only did I achieved what I was set out for, but I'm able to see clearly how applicable IS480 is in the real world and how I can apply what I've learnt in school to this project.<br />
My other takeaways will be: managing expectations of the clients, taking feedback for usability improvements, setting priorities, and time management.<br />
Through this FYP period, I've also see the importance of managing client relationship and to educate them on their needs and wants, and also what actually can be done so they can understand better. Last but not least, I'm able to experience the full SDLC of a project and it will be greatly useful for future real-life projects.<br />
</p></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_Final&diff=138481IS480 Team wiki: 2012T2 box.us Final2013-04-22T01:17:07Z<p>Wmcheong.2010: /* Project Deliverables: */</p>
<hr />
<div>[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
</font><br />
<br />
*[http://blue.smu.edu.sg/IS480/2012-2013/Grading.html Grading Criteria]<br />
<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Progress Summary''' </span></div></p>==<br />
<br />
{|class="wikitable" style="width:1000px"<br />
!style="width:100%" | <br />
<center><h4>Final Presentation Slides: <small>''coming soon''</small></h4></center><br />
<center><h3>Deployed Site: <small>[http://www.empact.sg/act Empact ACT]</small></h3></center><br />
<center><h3>Demonstration Site: <small>[http://www.empact.sg/testact Empact ACT(Staging)]</small></h3></center><br />
<center><h4>Initial Proposal: <small>[[Media:Empact_v2.2_Final_Merged.pdf | Proposal]]</small></h4></center><br />
|-<br />
|}<br />
<center><br />
<h3>What Is This Project About?</h3><br />
[[Image:TopPartForWiki.png | 700px]]<br />
<p>Check out our 1 min ++ video pitch to find out what this project is about at [http://youtu.be/DCWFSOd1MH0 Youtube]</p><br />
</center><br />
<br />
===Project Highlights:===<br />
<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Managing the Great Amount of Issues being Highlighted during Deployment</b></big><br/><br />
* Ranked the Issues based on their Priority<br />
** <b>Low Priority</b>: Minor UI suggestions and issues<br />
** <b>Medium Priority</b>: UI suggestions that changes the understanding of the system<br />
** <b>High Priority</b>: Usability Catastrophe or Software Bugs<br />
* Discussed with client what were the focuses<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Volunteers did not find language in the system friendly</b></big><br/><br />
* Re-worded the language to make it more volunteer friendly, together with the client<br />
* Re-worked the design of the dashboard and menu bar<br />
** Adjusting language to make it more suitable for volunteers<br />
** Added a background<br />
* Changes were only limited to volunteer view as Empact preferred the more operational terms<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Addition of 2 functionalities</b></big><br/><br />
* <b>2 functionalities were:</b> Exporting of Task and Volunteer information & Question Notification Turn On/Off Option<br />
* Exporting of Task and Volunteer Information: <i>Iteration 11</i><br />
* Notification Turn On/Off: <i>Iteration 12</i><br />
|}<br />
<br />
===Project Challenges:===<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Gathering Requirements from Empact</b></big><br/><br />
*<i>No defined business processes</i>: New company that did not have a formal set of business process<br />
*<i>No IT expert</i>: Did not have an IT expert to help them identify the needs in the system<br />
<i><b>How we Managed</b></i><br />
* Paper prototyping: Initial paper prototyping<br />
* Showing the developed functionalities at every client meeting<br />
* Gathering volunteer feedback through User Testings<br />
* Deployment Testing<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Dealing with Changes</b></big><br/><br />
The risk of gathering feedback after the system has been developed is running the risk of it being entirely misaligned with Empact's business model. Cost of changing at the later part becomes higher also. However, it was necessary for the team to be able to accommodate to changes to build a system that Empact would really find value in.<br />
<br/><br />
<i><b>How we Managed</b></i><br />
* Decision Factors: Change Management Plan<br />
* Issue Tracking List helped us to track smaller issues and changes that were raised along the way<br />
* Prioritizing the Issues raised<br />
* Discussion based on how much value and how important would it be for Empact<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Management''' </span></div></p>==<br />
===Project Scope:===<br />
[[Image:Boxus_FinalsScope.png | 500px]]<br/><br />
<br />
{| class="wikitable sortable" style="width:700;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Change<br />
! scope="col" width="500" style="background:#810541;color:#ffffff"| Change Description<br />
|-<br />
<br />
! scope="row" style="text-align:center" | 1<br />
! scope="row" style="background-color:white" | <br />
Notification<br />
* Notification Turn On/Off<br />
|-<br />
|}<br />
<br/><br />
<br />
===Project Schedule (Plan Vs Actual):===<br />
<br />
[[Image:Boxus_PlanVsActual.png | 800px]]<br />
<br />
===Project Metrics:===<br />
<br />
====<b>BUG METRICS</b><br/>====<br />
* Bug Score: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug Metric on Google Docs]<br />
* Bug Log: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=0 Bug Log on Google Docs]<br />
* Explanation of Bug Tracking: [[IS480_Team_wiki:_2012T2_box.us_Project_Management#BUG_METRICS | Bug Metrics]]<br />
<br/><br />
[[Image:Boxus_BugMetricsFinals.png | 500px ]]<br />
{| class="wikitable" style="width:800;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Iteration<br />
! scope="col" width="20" style="background:#810541;color:#ffffff"| Bug Score<br />
! scope="col" width="300" style="background:#810541;color:#ffffff"| Any Actions Taken<br />
|-<br />
! scope="row" style="text-align:center;" | 11<br />
! scope="row" style="text-align:center;" | 31<br />
! scope="row" style="background-color:white" | <br />
Increase in Bug Score due to bugs that were recorded from User Testing 2<br />
* 2 days allocated to fix bugs from User Testing 2<br />
|-<br />
! scope="row" style="text-align:center;" | 12<br />
! scope="row" style="text-align:center;" | 16<br />
! scope="row" style="background-color:white" | <br />
New features of the system(Statistics, Dashboard and Notifications) were being released<br />
* Allow Empact to have a full picture of the entire system for testing<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
! scope="row" style="text-align:center;" | 13<br />
! scope="row" style="text-align:center;" | 58<br />
! scope="row" style="background-color:white" | <br />
More thorough testing was being performed for the UAT<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
|}<br />
<br />
====SCHEDULE METRICS====<br />
* Schedule: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule on Google Docs]<br />
[[Image:Boxus_Schedulemetricsfinals.png | 500px]]<br />
<br />
===Handing Over===<br />
<small><i>Take a look at our Handing Over Plan: [https://docs.google.com/document/d/1U5bX8Nw8Rg-HK6_Jip_wmbx0bbw2Sh7qcIJqb3Pfisw/edit Handing Over Plan on Google Docs]</i></small><br/><br />
We followed a methodical process to get the handing over completed. Our handing over plan spelt out the key information for the team and Empact to foresee and plan what would be happening in the final few iterations as we covered the remaining parts of the project. The entire phase consists of:<br />
* <b>Deployment Testing</b><br />
* <b>User Acceptance Testing</b><br />
* <b>Technical Understudy</b><br />
<br />
==== Deployment Testing ====<br />
We release 4 versions of the system on the live environment before going entering the User Acceptance Test. Our purpose for deployment testing was to determine what are the issues that would arise from using the application in the actual conditions in varied browsers and system settings. Additionally, we also collected suggestions from the users in order to make further improvements to the application. In deploying the application, we followed the following process:<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Deployment_Plan.png |500px|Deployment Plan]]<br />
|}<br />
<br />
<br />
<br />
{| class="wikitable centered"<br />
! style="background:#810541;color:#ffffff" | Date<br />
! style="background:#810541;color:#ffffff" | Description<br />
! style="background:#810541;color:#ffffff" | Features Released<br />
|-<br />
<br />
|style="vertical-align:text-top"|<br />
11/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.1<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management <br />
*Questions<br />
*Feedback Form<br />
*Dashboard(NPO)<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
18/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.2<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Dashboard<br />
*Statistics<br />
*Improvements from Release 0.1<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
25/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.3<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Notifications<br />
*Improvements from Release 0.2<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.4<br />
|style="vertical-align:text-top"|<br />
*All features released<br />
*Improvements from Release 0.3<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.5<br />
|style="vertical-align:text-top"|<br />
*Final version for Final Verification<br />
*Improvements from Release 0.4<br />
<br />
|-<br />
|}<br />
<br />
==== User Acceptance Test ====<br />
We conducted our User Acceptance Test on <b>05/04/2013</b> at the Empact office. A final verification was made concerning all the issues and defects that were being raised during the UAT. The final verification of all the functionalities were done on the following week at <b>12/04/2013</b>.<br/><br />
*<b>Instructions Scripts</b>:We conducted the UAT by going through the business processes that the system would address and followed by the remaining functionalities. This also helps Empact to better visualize how the system has met their business requirements.<br />
*<b>Test Cases</b>: We simulated 3 stakeholders in doing up the test cases.<br />
* Test Cases (5 April 2013): <br />
# [[Media:UAT-NPO-.xls | Test Cases - NPO]]<br />
# [[Media:UAT-VOL-.xls | Test Cases - Volunteer]]<br />
# [[Media:UAT-Empact-.xls| Test Cases - Empact]]<br />
<br />
* Test Cases (12 April 2013): <br />
# [[Media:EMUAT-Final_Verification-.xls | Test Cases for UAT final verificiation]]<br />
* '''Scenario-based Instructions and Exceptional cases'''<br />
# [[Media:Scenarios-Based Instructions (Registration).docx | Registration]]<br />
# [[Media:Scenario-Based Instructions (Task).docx | Task]]<br />
# [[Media:Scenario-Based Instructions (Questions).docx | Question]]<br />
# [[Media:Execeptional Cases.docx | Exceptional Cases]]<br />
<br />
{|align="center"<br />
|[[Image:BOXUSUAT.jpg|500px|Version 2]]<br />
|}<br />
<br />
<br />
<br />
<b>Managing Defects</b><br/><br />
<br />
{|align="center"<br />
|[[Image:Dealingwith.jpg|500px|UAT Defect Lifecycle]]<br />
|}<br />
<br />
*Note: BA refers to the facilitators in the UAT test<br />
* All defects are highlighted onto a separate issue list.<br />
* The list is collated and sent to Empact to prioritise based on issues.<br />
* Bugs are fixed immediately<br />
<br />
<b>Recording Issues</b><br/><br />
Issues are recorded in a separate issue list on [https://docs.google.com/spreadsheet/ccc?key=0AkfA68G0St4NdHRXbWJlRC1sVnJpVFBUcXFlLW1pQUE#gid=0 Google Docs]<br />
<br />
==== Technical Understudy ====<br />
* We conducted a technical understudy with Empact's technical understudy (Sophie) and our client (Peter Yang)<br />
* <i>Lesson Plan</i>: [https://docs.google.com/document/d/1ThTnpcv1w_yNPwfVDFWglSYk3OpaI4CAzRl5OenLk8Y/edit?pli=1 Lesson Plan on Google Docs]<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"|Session 1<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Session 2<br />
|-<br />
<br />
|| 29 Mar 2013, 1600hrs-1800hrs<br />
|| 12 Apr 2013, 1930hrs-2145hrs<br />
|-<br />
<br />
|| Session Contents:<br />
* Application Structure<br />
* Database Structure<br />
* Flow of Login/Logout Process<br />
|| Session Contents:<br />
* Code walkthrough of Specific Scenarios that Empact requested<br />
* Question and Answer<br />
* Clarification on Session 1<br />
|-<br />
<br />
|-<br />
|}<br />
<br />
==== Handing Over Day ====<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Handover_Day.jpg|500px|Handover Day]]<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Quality of product''' </span></div></p>==<br />
===Project Deliverables:===<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="100" style="background:#810541; color:#ffffff"|Stage<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Specification<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Modules<br />
|-<br />
<br />
|rowspan="5"| Project Management<br />
|| Minutes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Minutes | Meeting Minutes]]<br />
|-<br />
<br />
|| Metrics<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug metrics], [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule]<br />
|-<br />
<br />
|| Iteration Reports<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones | Iteration Reports]]<br />
|-<br />
<br />
|| Milestones<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdHo2ZmNTSUxWcjZQTm1hbzU3VkhYQlE#gid=24 Milestones List]<br />
|-<br />
<br />
|| Issue Tracking<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdE5FSkFZTkVULWIyMm5pUnJWX0drUnc#gid=7 Issues List]<br />
|-<br />
<br />
|| Requirements<br />
|| Paper Prototypes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video | Paper Prototypes]]<br />
|-<br />
<br />
|rowspan="3"| Analysis<br />
|| Use case<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#Use_Case | Use Case Diagram]]<br />
|-<br />
<br />
|| Business Process Diagram<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Process_Analysis Process Diagrams]<br />
|-<br />
<br />
|| Screen Shots<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video#Screenshots | All Screenshots]]<br />
|-<br />
<br />
|rowspan="2"| Design<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Diagrams#Entity_Relationship_Diagram ERD Diagrams]<br />
|| [https://wiki.smu.edu.sg/is480/Image:EmpactDB1.png V1],[https://wiki.smu.edu.sg/is480/Image:Revision_52.png V2],[https://wiki.smu.edu.sg/is480/Image:Revision_62.png V3],[https://wiki.smu.edu.sg/is480/Image:Revision_128.png V4],[https://wiki.smu.edu.sg/is480/Image:Revision_258.png V5]<br />
|-<br />
<br />
|| System Architecture<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#System_Architecture | System Architecture Diagram]]<br />
|-<br />
<br />
<br />
|rowspan="3"| Usability Testing<br />
|| User Testing 1 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_1 Test Plans used]<br />
|-<br />
<br />
|| User Testing 2 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 Test Plans used]<br />
|-<br />
<br />
|| Heuristic Evaluation User Scenarios<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Heuristic_Evaluation_1| User Scenarios used]<br />
|-<br />
<br />
|rowspan="2"| Software Testing<br />
|| Integration Testing<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Integration_Testing Integration Testings]<br />
|-<br />
<br />
|| Deployment Testing<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Test_Plans#Deployment_Testing | Deployment Testing]]<br />
|-<br />
<br />
|rowspan="3"| Handover<br />
|| User Manuals<br />
|| [https://www.dropbox.com/s/baozcrgj5rcvkfm/Empact.pdf Empact Manual ] , [https://www.dropbox.com/s/9jpwusjwwvcp986/NPO.pdf NPO Manual ] , [https://www.dropbox.com/s/anrnbbwvo3m6y6l/Volunteer.pdf Volunteer Manual ]<br />
|-<br />
<br />
|| Design and Technical Specifications<br />
|| <br />
|-<br />
<br />
|| Deployment Diagram<br />
|| [[IS480_Midterm_Wiki#Deployment: | instructions]]<br />
|}<br />
<br />
===User Testing 2===<br />
{| border="0"<br />
|width="500px" padding="20px"| <br />
[[Image:Box.usUT2.jpg|480px|User Test 1]]<br />
|width="500px" padding="20px"| <br />
We conducted our 2nd user testing to try out our newly added features and at to see how users would respond to them. <br/><br />
<br />
'''Interesting Findings'''<br />
# Users thought changing email and password is inside profile<br />
<br />
'''Actions Taken'''<br />
# Success Messages to be more descriptive<br />
# Clearer images used for buttons<br />
# Login button to be near the sign up button<br />
<br/><br />
Check out our [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 User Testing 2 wiki]<br />
|-<br />
|width="500px" padding="20px"| <br />
|width="500px" padding="20px"| <br />
|}<br />
<br />
===Deployment Testing:===<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.1<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.2<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.3<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.4<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.5<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
===Testing:===<br />
* We conducted 3 types of testing within our system:<br />
* Find out [[IS480_Team_wiki:_2012T2_box.us_Test_Plans | more]] about the testing<br />
{|class="wikitable" style="width:1000px; align:center"<br />
!style="align:left;width:30%" | User Testing<br />
!style="align:left;width:30%" | Integration Testing<br />
!style="align:left;width:30%" | Deployment Testing<br />
<br />
|-<br />
|'' Objective:'' To collect feedback concerning usability of our application<br />
|'' Objective:'' To test the quality of our application<br />
|'' Objective:'' To collect feedback when application is being used in live environments<br />
<br />
|-<br />
|'' When:'' User Testing 1, User Testing 2<br />
|'' When:'' At the end of every iteration<br />
|'' When:'' Before the start of every deployment<br />
<br />
|-<br />
|'' How:'' Volunteers, NPOs and Empact staff would follow a given User Test cases<br />
|'' How:'' Following the integration test plan. Perform regression testing of all the functionalities<br />
|'' How:'' Following the integration test plan.<br />
<br />
|-<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Reflection''' </span></div></p>==<br />
<br />
===Team Reflection:===<br />
<br />
* Managing client expectations<br />
* Learning to collaborate more effectively in a team<br />
* Leveraging one another's strength and weaknesses<br />
* Being a good team player within the team<br />
* Learning to have fun as a team!<br />
* Our IS modules have helped to prepare us for the demands of an IT project<br />
<br />
===Individual Reflection:===<br />
<br />
<p>'''Kevin''' <br/><br />
As I review through my initial learning outcomes that I set out to learn, I felt that I have managed to meet these outcomes in the following way:<br />
* Motivating IT Project teams: Bringing together people from different walks of life together to work on an IT project has sharpened my skills in handling with people and being more cognisant of people management issues and how to deal with group cultures and team norms <br />
* Evaluating IT project ideas: FYP has taught me how to be aware of what are the current issues facing IT projects. It has taught me how to evaluate these and adopt a T-model by being able to think about what are the broad issues that are going to affect IT decisions and what are the deep issues that are specific to the issue being raised.<br />
* Time Management Skills: FYP has taught me to be aware of the time that I spend managing the team, managing my own workload within the team and juggling my workload with my other modules that I was taking in school.<br />
* Client Negotiation skills: I was able to apply the negotiation skills that I learnt from a module to achieve integrative outcomes for the client and the team, and what are the tactics that are readily available to deal with such situations.<br />
* Applied Project Management Skills: The FYP experience has been an extension of what I have learnt in Software Engineering and I was able to refine my skills in scope management, schedule management and further extend the practicality of metrics being used within a project.<br />
</p><br />
<br />
<p>'''Sherrie''' <br/><br />
I started with a very simple learning outcomes - to learn life skills that were above and beyond exams/textbook as well as to apply what my education in SMU has taught me so far. <br><br />
In my opinion, i have achieved that. However, the most valuable lesson for me was <b>learning to deal with changes</b>. In SMU, all our projects has a clear defined scope that stays constant from beginning till the end. But through this FYP, changes was probably the only constant (on top of dedicated team mates who were always there to go through each storm). Managing never ending changes was certainly not just about a "can or cannot" mindset. It really required me to understand the fundamental reasoning behind the changes requested and understanding it from a business view point. <br><br />
With regards to my education, in a bigger picture, I have been able to apply the following<br />
*Understanding and improving business processes: i was able to leverage on the knowledge I've acquired in <u>Process Modelling and Solution Blueprinting (PMSB)</u> to help out in understanding the business process of our client. In addition, I was able to give opinions on how the process could be more efficient.<br />
*Understanding how IT and business value - As I had just completed <u> Advanced Information Systems Management (AISM)</u> I was able to apply the concepts of how IT can be an enabler and contribute in adding business value to an organisation.<br />
*Presentation skills - In <u>Management Communication (MC)</u> we were taught how clear communication is essential be it verbal or presentation. I was able to apply skills I learnt from that module when communicating with clients, team mates or presentation.<br />
</p><br />
<br />
<p>'''Wai Mun''' <br/><br />
<br />
As this FYP is coming to an end, these are the few learning points that i am taking it away:<br />
*Time managment : Time management is very important as usually FYP work takes up a bulk of my time. Hence, it is very important for me to plan my time well for my other activities and my studies.<br />
*Usability learning journey : My usability learning journey is interesting and exciting as i get to know more knowledge on usability through Interaction Design and Prototyping. It is definitely a good module to take as it complements very well with FYP.<br />
</p><br />
<br />
<p>'''Jenzus''' <br/><br />
<br />
At the start, I envisioned that IS480 is a platform that will validate my IS education and sum up my journey as an IS student. Boy! I got more than what I expected and was overwhelmed by the entire journey. IS480 does not only validate my IS education; it has shown me that what I have learnt in school is just a mere reflection of what the ‘real’ world is expected from an IS business enabler. In school, we often complain and whine about the ambiguity of project/assignment requirements and the number of changes our professors/instructors love to put us through. During this project, we encountered changes from the start until the end of the project. Each change comes with its own challenges and complexity and often, it derailed us from our original plan and required some rework. I have learnt to be more appreciative of what my school has prepared and put me through. Yeow Leong has always emphasized on “Managing your client” and I finally understood why he tries to push this point across badly in classes. From this project, I have several takeaways:<br />
*Never stop learning: Initially, I thought I had the necessary skills and knowledge to handle this project. Instead, this project has given me a wakeup call. Every stage of this project, there are many challenges that were beyond my current capabilities and require me to push myself to learn more in order to meet our client’s requirements.<br />
*Understanding business requirements: In any project, it is important to understand and clarify all the project requirements from your client and translate the solution properly in terms which the client can understand. At times, there were some misunderstanding about requirements and often led to disagreements and compromises. When communicating with clients, it is important to understand their needs and their understanding of their requirements. Often, clients do not know what they really want but they will know what they don’t want. Hence, it is important to ask the right questions and uncover all ambiguity.<br />
*Team Dynamics: Team dynamics is the key to the success of this project and knowing my teammates is the best way to cultivate team dynamics. It is much easier to work and communicate with others once you get to know them personally and their working patterns. In addition, it will also result in lesser instance of conflict during project. <br />
</p><br />
<br />
<p>'''Boon Kheng''' <br/><br />
<br />
I think the IS480 project is a great experience for me as it is my first time implementing such a big solution in a team. Other than technical skills, I’ve seen how an organization like Empact progress together with the project, it seems like both the sponsor and the team work closely together to achieve goals for both parties. <br><br />
I find that this is a great collaboration as both the sponsor and us are sharing knowledge with each other, after this project, I get to know more about how a social enterprise operates and also, the sponsor Peter did feedback that he learnt a lot of technical knowledge through the project.<br><br />
I am also able to apply subjects that we‘ve learnt during curriculum put in use, such as project and process management and also see how case studies issues being showcase in real scenarios.<br />
<br />
</p><br />
<br />
<p>'''Jervenne'''<br/><br />
<br />
Throughout my FYP journey, I didnt expect to have learn so much by now. Initially I was expecting to learn more and hone my technical skills, and to learn to take on a big project in a bigger group. <br />
Not only did I achieved what I was set out for, but I'm able to see clearly how applicable IS480 is in the real world and how I can apply what I've learnt in school to this project.<br />
My other takeaways will be: managing expectations of the clients, taking feedback for usability improvements, setting priorities, and time management.<br />
Through this FYP period, I've also see the importance of managing client relationship and to educate them on their needs and wants, and also what actually can be done so they can understand better. Last but not least, I'm able to experience the full SDLC of a project and it will be greatly useful for future real-life projects.<br />
</p></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_Final&diff=138480IS480 Team wiki: 2012T2 box.us Final2013-04-22T01:16:27Z<p>Wmcheong.2010: /* Project Deliverables: */</p>
<hr />
<div>[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
</font><br />
<br />
*[http://blue.smu.edu.sg/IS480/2012-2013/Grading.html Grading Criteria]<br />
<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Progress Summary''' </span></div></p>==<br />
<br />
{|class="wikitable" style="width:1000px"<br />
!style="width:100%" | <br />
<center><h4>Final Presentation Slides: <small>''coming soon''</small></h4></center><br />
<center><h3>Deployed Site: <small>[http://www.empact.sg/act Empact ACT]</small></h3></center><br />
<center><h3>Demonstration Site: <small>[http://www.empact.sg/testact Empact ACT(Staging)]</small></h3></center><br />
<center><h4>Initial Proposal: <small>[[Media:Empact_v2.2_Final_Merged.pdf | Proposal]]</small></h4></center><br />
|-<br />
|}<br />
<center><br />
<h3>What Is This Project About?</h3><br />
[[Image:TopPartForWiki.png | 700px]]<br />
<p>Check out our 1 min ++ video pitch to find out what this project is about at [http://youtu.be/DCWFSOd1MH0 Youtube]</p><br />
</center><br />
<br />
===Project Highlights:===<br />
<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Managing the Great Amount of Issues being Highlighted during Deployment</b></big><br/><br />
* Ranked the Issues based on their Priority<br />
** <b>Low Priority</b>: Minor UI suggestions and issues<br />
** <b>Medium Priority</b>: UI suggestions that changes the understanding of the system<br />
** <b>High Priority</b>: Usability Catastrophe or Software Bugs<br />
* Discussed with client what were the focuses<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Volunteers did not find language in the system friendly</b></big><br/><br />
* Re-worded the language to make it more volunteer friendly, together with the client<br />
* Re-worked the design of the dashboard and menu bar<br />
** Adjusting language to make it more suitable for volunteers<br />
** Added a background<br />
* Changes were only limited to volunteer view as Empact preferred the more operational terms<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Addition of 2 functionalities</b></big><br/><br />
* <b>2 functionalities were:</b> Exporting of Task and Volunteer information & Question Notification Turn On/Off Option<br />
* Exporting of Task and Volunteer Information: <i>Iteration 11</i><br />
* Notification Turn On/Off: <i>Iteration 12</i><br />
|}<br />
<br />
===Project Challenges:===<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Gathering Requirements from Empact</b></big><br/><br />
*<i>No defined business processes</i>: New company that did not have a formal set of business process<br />
*<i>No IT expert</i>: Did not have an IT expert to help them identify the needs in the system<br />
<i><b>How we Managed</b></i><br />
* Paper prototyping: Initial paper prototyping<br />
* Showing the developed functionalities at every client meeting<br />
* Gathering volunteer feedback through User Testings<br />
* Deployment Testing<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Dealing with Changes</b></big><br/><br />
The risk of gathering feedback after the system has been developed is running the risk of it being entirely misaligned with Empact's business model. Cost of changing at the later part becomes higher also. However, it was necessary for the team to be able to accommodate to changes to build a system that Empact would really find value in.<br />
<br/><br />
<i><b>How we Managed</b></i><br />
* Decision Factors: Change Management Plan<br />
* Issue Tracking List helped us to track smaller issues and changes that were raised along the way<br />
* Prioritizing the Issues raised<br />
* Discussion based on how much value and how important would it be for Empact<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Management''' </span></div></p>==<br />
===Project Scope:===<br />
[[Image:Boxus_FinalsScope.png | 500px]]<br/><br />
<br />
{| class="wikitable sortable" style="width:700;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Change<br />
! scope="col" width="500" style="background:#810541;color:#ffffff"| Change Description<br />
|-<br />
<br />
! scope="row" style="text-align:center" | 1<br />
! scope="row" style="background-color:white" | <br />
Notification<br />
* Notification Turn On/Off<br />
|-<br />
|}<br />
<br/><br />
<br />
===Project Schedule (Plan Vs Actual):===<br />
<br />
[[Image:Boxus_PlanVsActual.png | 800px]]<br />
<br />
===Project Metrics:===<br />
<br />
====<b>BUG METRICS</b><br/>====<br />
* Bug Score: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug Metric on Google Docs]<br />
* Bug Log: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=0 Bug Log on Google Docs]<br />
* Explanation of Bug Tracking: [[IS480_Team_wiki:_2012T2_box.us_Project_Management#BUG_METRICS | Bug Metrics]]<br />
<br/><br />
[[Image:Boxus_BugMetricsFinals.png | 500px ]]<br />
{| class="wikitable" style="width:800;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Iteration<br />
! scope="col" width="20" style="background:#810541;color:#ffffff"| Bug Score<br />
! scope="col" width="300" style="background:#810541;color:#ffffff"| Any Actions Taken<br />
|-<br />
! scope="row" style="text-align:center;" | 11<br />
! scope="row" style="text-align:center;" | 31<br />
! scope="row" style="background-color:white" | <br />
Increase in Bug Score due to bugs that were recorded from User Testing 2<br />
* 2 days allocated to fix bugs from User Testing 2<br />
|-<br />
! scope="row" style="text-align:center;" | 12<br />
! scope="row" style="text-align:center;" | 16<br />
! scope="row" style="background-color:white" | <br />
New features of the system(Statistics, Dashboard and Notifications) were being released<br />
* Allow Empact to have a full picture of the entire system for testing<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
! scope="row" style="text-align:center;" | 13<br />
! scope="row" style="text-align:center;" | 58<br />
! scope="row" style="background-color:white" | <br />
More thorough testing was being performed for the UAT<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
|}<br />
<br />
====SCHEDULE METRICS====<br />
* Schedule: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule on Google Docs]<br />
[[Image:Boxus_Schedulemetricsfinals.png | 500px]]<br />
<br />
===Handing Over===<br />
<small><i>Take a look at our Handing Over Plan: [https://docs.google.com/document/d/1U5bX8Nw8Rg-HK6_Jip_wmbx0bbw2Sh7qcIJqb3Pfisw/edit Handing Over Plan on Google Docs]</i></small><br/><br />
We followed a methodical process to get the handing over completed. Our handing over plan spelt out the key information for the team and Empact to foresee and plan what would be happening in the final few iterations as we covered the remaining parts of the project. The entire phase consists of:<br />
* <b>Deployment Testing</b><br />
* <b>User Acceptance Testing</b><br />
* <b>Technical Understudy</b><br />
<br />
==== Deployment Testing ====<br />
We release 4 versions of the system on the live environment before going entering the User Acceptance Test. Our purpose for deployment testing was to determine what are the issues that would arise from using the application in the actual conditions in varied browsers and system settings. Additionally, we also collected suggestions from the users in order to make further improvements to the application. In deploying the application, we followed the following process:<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Deployment_Plan.png |500px|Deployment Plan]]<br />
|}<br />
<br />
<br />
<br />
{| class="wikitable centered"<br />
! style="background:#810541;color:#ffffff" | Date<br />
! style="background:#810541;color:#ffffff" | Description<br />
! style="background:#810541;color:#ffffff" | Features Released<br />
|-<br />
<br />
|style="vertical-align:text-top"|<br />
11/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.1<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management <br />
*Questions<br />
*Feedback Form<br />
*Dashboard(NPO)<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
18/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.2<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Dashboard<br />
*Statistics<br />
*Improvements from Release 0.1<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
25/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.3<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Notifications<br />
*Improvements from Release 0.2<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.4<br />
|style="vertical-align:text-top"|<br />
*All features released<br />
*Improvements from Release 0.3<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.5<br />
|style="vertical-align:text-top"|<br />
*Final version for Final Verification<br />
*Improvements from Release 0.4<br />
<br />
|-<br />
|}<br />
<br />
==== User Acceptance Test ====<br />
We conducted our User Acceptance Test on <b>05/04/2013</b> at the Empact office. A final verification was made concerning all the issues and defects that were being raised during the UAT. The final verification of all the functionalities were done on the following week at <b>12/04/2013</b>.<br/><br />
*<b>Instructions Scripts</b>:We conducted the UAT by going through the business processes that the system would address and followed by the remaining functionalities. This also helps Empact to better visualize how the system has met their business requirements.<br />
*<b>Test Cases</b>: We simulated 3 stakeholders in doing up the test cases.<br />
* Test Cases (5 April 2013): <br />
# [[Media:UAT-NPO-.xls | Test Cases - NPO]]<br />
# [[Media:UAT-VOL-.xls | Test Cases - Volunteer]]<br />
# [[Media:UAT-Empact-.xls| Test Cases - Empact]]<br />
<br />
* Test Cases (12 April 2013): <br />
# [[Media:EMUAT-Final_Verification-.xls | Test Cases for UAT final verificiation]]<br />
* '''Scenario-based Instructions and Exceptional cases'''<br />
# [[Media:Scenarios-Based Instructions (Registration).docx | Registration]]<br />
# [[Media:Scenario-Based Instructions (Task).docx | Task]]<br />
# [[Media:Scenario-Based Instructions (Questions).docx | Question]]<br />
# [[Media:Execeptional Cases.docx | Exceptional Cases]]<br />
<br />
{|align="center"<br />
|[[Image:BOXUSUAT.jpg|500px|Version 2]]<br />
|}<br />
<br />
<br />
<br />
<b>Managing Defects</b><br/><br />
<br />
{|align="center"<br />
|[[Image:Dealingwith.jpg|500px|UAT Defect Lifecycle]]<br />
|}<br />
<br />
*Note: BA refers to the facilitators in the UAT test<br />
* All defects are highlighted onto a separate issue list.<br />
* The list is collated and sent to Empact to prioritise based on issues.<br />
* Bugs are fixed immediately<br />
<br />
<b>Recording Issues</b><br/><br />
Issues are recorded in a separate issue list on [https://docs.google.com/spreadsheet/ccc?key=0AkfA68G0St4NdHRXbWJlRC1sVnJpVFBUcXFlLW1pQUE#gid=0 Google Docs]<br />
<br />
==== Technical Understudy ====<br />
* We conducted a technical understudy with Empact's technical understudy (Sophie) and our client (Peter Yang)<br />
* <i>Lesson Plan</i>: [https://docs.google.com/document/d/1ThTnpcv1w_yNPwfVDFWglSYk3OpaI4CAzRl5OenLk8Y/edit?pli=1 Lesson Plan on Google Docs]<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"|Session 1<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Session 2<br />
|-<br />
<br />
|| 29 Mar 2013, 1600hrs-1800hrs<br />
|| 12 Apr 2013, 1930hrs-2145hrs<br />
|-<br />
<br />
|| Session Contents:<br />
* Application Structure<br />
* Database Structure<br />
* Flow of Login/Logout Process<br />
|| Session Contents:<br />
* Code walkthrough of Specific Scenarios that Empact requested<br />
* Question and Answer<br />
* Clarification on Session 1<br />
|-<br />
<br />
|-<br />
|}<br />
<br />
==== Handing Over Day ====<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Handover_Day.jpg|500px|Handover Day]]<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Quality of product''' </span></div></p>==<br />
===Project Deliverables:===<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="100" style="background:#810541; color:#ffffff"|Stage<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Specification<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Modules<br />
|-<br />
<br />
|rowspan="5"| Project Management<br />
|| Minutes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Minutes | Meeting Minutes]]<br />
|-<br />
<br />
|| Metrics<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug metrics], [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule]<br />
|-<br />
<br />
|| Iteration Reports<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones | Iteration Reports]]<br />
|-<br />
<br />
|| Milestones<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdHo2ZmNTSUxWcjZQTm1hbzU3VkhYQlE#gid=24 Milestones List]<br />
|-<br />
<br />
|| Issue Tracking<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdE5FSkFZTkVULWIyMm5pUnJWX0drUnc#gid=7 Issues List]<br />
|-<br />
<br />
|| Requirements<br />
|| Paper Prototypes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video | Paper Prototypes]]<br />
|-<br />
<br />
|rowspan="3"| Analysis<br />
|| Use case<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#Use_Case | Use Case Diagram]]<br />
|-<br />
<br />
|| Business Process Diagram<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Process_Analysis Process Diagrams]<br />
|-<br />
<br />
|| Screen Shots<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video#Screenshots | All Screenshots]]<br />
|-<br />
<br />
|rowspan="2"| Design<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Diagrams#Entity_Relationship_Diagram ERD Diagrams]<br />
|| [https://wiki.smu.edu.sg/is480/Image:EmpactDB1.png V1],[https://wiki.smu.edu.sg/is480/Image:Revision_52.png V2],[https://wiki.smu.edu.sg/is480/Image:Revision_62.png V3],[https://wiki.smu.edu.sg/is480/Image:Revision_128.png V4],[https://wiki.smu.edu.sg/is480/Image:Revision_258.png V5]<br />
|-<br />
<br />
|| System Architecture<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#System_Architecture | System Architecture Diagram]]<br />
|-<br />
<br />
<br />
|rowspan="3"| Usability Testing<br />
|| User Testing 1 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_1 Test Plans used]<br />
|-<br />
<br />
|| User Testing 2 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 Test Plans used]<br />
|-<br />
<br />
|| Heuristic Evaluation User Scenarios<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Heuristic_Evaluation_1| User Scenarios used]<br />
|-<br />
<br />
|rowspan="2"| Software Testing<br />
|| Integration Testing<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Integration_Testing Integration Testings]<br />
|-<br />
<br />
|| Deployment Testing<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Test_Plans#Deployment_Testing | Deployment Testing]]<br />
|-<br />
<br />
|rowspan="3"| Handover<br />
|| User Manuals<br />
|| [https://www.dropbox.com/s/baozcrgj5rcvkfm/Empact.pdf Empact Manual ] , [https://www.dropbox.com/s/9jpwusjwwvcp986/NPO.pdf NPO Manual ] , [https://www.dropbox.com/s/anrnbbwvo3m6y6l/Volunteer.pdf Volunteer Manual ]<br />
|-<br />
<br />
|| Design and Technical Specifications<br />
|| <br />
|-<br />
<br />
|| Deployment Diagram<br />
|| [[IS480_Midterm_Wiki#Deployment: | instructions]]<br />
|}<br />
<br />
===User Testing 2===<br />
{| border="0"<br />
|width="500px" padding="20px"| <br />
[[Image:Box.usUT2.jpg|480px|User Test 1]]<br />
|width="500px" padding="20px"| <br />
We conducted our 2nd user testing to try out our newly added features and at to see how users would respond to them. <br/><br />
<br />
'''Interesting Findings'''<br />
# Users thought changing email and password is inside profile<br />
<br />
'''Actions Taken'''<br />
# Success Messages to be more descriptive<br />
# Clearer images used for buttons<br />
# Login button to be near the sign up button<br />
<br/><br />
Check out our [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 User Testing 2 wiki]<br />
|-<br />
|width="500px" padding="20px"| <br />
|width="500px" padding="20px"| <br />
|}<br />
<br />
===Deployment Testing:===<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.1<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.2<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.3<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.4<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.5<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
===Testing:===<br />
* We conducted 3 types of testing within our system:<br />
* Find out [[IS480_Team_wiki:_2012T2_box.us_Test_Plans | more]] about the testing<br />
{|class="wikitable" style="width:1000px; align:center"<br />
!style="align:left;width:30%" | User Testing<br />
!style="align:left;width:30%" | Integration Testing<br />
!style="align:left;width:30%" | Deployment Testing<br />
<br />
|-<br />
|'' Objective:'' To collect feedback concerning usability of our application<br />
|'' Objective:'' To test the quality of our application<br />
|'' Objective:'' To collect feedback when application is being used in live environments<br />
<br />
|-<br />
|'' When:'' User Testing 1, User Testing 2<br />
|'' When:'' At the end of every iteration<br />
|'' When:'' Before the start of every deployment<br />
<br />
|-<br />
|'' How:'' Volunteers, NPOs and Empact staff would follow a given User Test cases<br />
|'' How:'' Following the integration test plan. Perform regression testing of all the functionalities<br />
|'' How:'' Following the integration test plan.<br />
<br />
|-<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Reflection''' </span></div></p>==<br />
<br />
===Team Reflection:===<br />
<br />
* Managing client expectations<br />
* Learning to collaborate more effectively in a team<br />
* Leveraging one another's strength and weaknesses<br />
* Being a good team player within the team<br />
* Learning to have fun as a team!<br />
* Our IS modules have helped to prepare us for the demands of an IT project<br />
<br />
===Individual Reflection:===<br />
<br />
<p>'''Kevin''' <br/><br />
As I review through my initial learning outcomes that I set out to learn, I felt that I have managed to meet these outcomes in the following way:<br />
* Motivating IT Project teams: Bringing together people from different walks of life together to work on an IT project has sharpened my skills in handling with people and being more cognisant of people management issues and how to deal with group cultures and team norms <br />
* Evaluating IT project ideas: FYP has taught me how to be aware of what are the current issues facing IT projects. It has taught me how to evaluate these and adopt a T-model by being able to think about what are the broad issues that are going to affect IT decisions and what are the deep issues that are specific to the issue being raised.<br />
* Time Management Skills: FYP has taught me to be aware of the time that I spend managing the team, managing my own workload within the team and juggling my workload with my other modules that I was taking in school.<br />
* Client Negotiation skills: I was able to apply the negotiation skills that I learnt from a module to achieve integrative outcomes for the client and the team, and what are the tactics that are readily available to deal with such situations.<br />
* Applied Project Management Skills: The FYP experience has been an extension of what I have learnt in Software Engineering and I was able to refine my skills in scope management, schedule management and further extend the practicality of metrics being used within a project.<br />
</p><br />
<br />
<p>'''Sherrie''' <br/><br />
I started with a very simple learning outcomes - to learn life skills that were above and beyond exams/textbook as well as to apply what my education in SMU has taught me so far. <br><br />
In my opinion, i have achieved that. However, the most valuable lesson for me was <b>learning to deal with changes</b>. In SMU, all our projects has a clear defined scope that stays constant from beginning till the end. But through this FYP, changes was probably the only constant (on top of dedicated team mates who were always there to go through each storm). Managing never ending changes was certainly not just about a "can or cannot" mindset. It really required me to understand the fundamental reasoning behind the changes requested and understanding it from a business view point. <br><br />
With regards to my education, in a bigger picture, I have been able to apply the following<br />
*Understanding and improving business processes: i was able to leverage on the knowledge I've acquired in <u>Process Modelling and Solution Blueprinting (PMSB)</u> to help out in understanding the business process of our client. In addition, I was able to give opinions on how the process could be more efficient.<br />
*Understanding how IT and business value - As I had just completed <u> Advanced Information Systems Management (AISM)</u> I was able to apply the concepts of how IT can be an enabler and contribute in adding business value to an organisation.<br />
*Presentation skills - In <u>Management Communication (MC)</u> we were taught how clear communication is essential be it verbal or presentation. I was able to apply skills I learnt from that module when communicating with clients, team mates or presentation.<br />
</p><br />
<br />
<p>'''Wai Mun''' <br/><br />
<br />
As this FYP is coming to an end, these are the few learning points that i am taking it away:<br />
*Time managment : Time management is very important as usually FYP work takes up a bulk of my time. Hence, it is very important for me to plan my time well for my other activities and my studies.<br />
*Usability learning journey : My usability learning journey is interesting and exciting as i get to know more knowledge on usability through Interaction Design and Prototyping. It is definitely a good module to take as it complements very well with FYP.<br />
</p><br />
<br />
<p>'''Jenzus''' <br/><br />
<br />
At the start, I envisioned that IS480 is a platform that will validate my IS education and sum up my journey as an IS student. Boy! I got more than what I expected and was overwhelmed by the entire journey. IS480 does not only validate my IS education; it has shown me that what I have learnt in school is just a mere reflection of what the ‘real’ world is expected from an IS business enabler. In school, we often complain and whine about the ambiguity of project/assignment requirements and the number of changes our professors/instructors love to put us through. During this project, we encountered changes from the start until the end of the project. Each change comes with its own challenges and complexity and often, it derailed us from our original plan and required some rework. I have learnt to be more appreciative of what my school has prepared and put me through. Yeow Leong has always emphasized on “Managing your client” and I finally understood why he tries to push this point across badly in classes. From this project, I have several takeaways:<br />
*Never stop learning: Initially, I thought I had the necessary skills and knowledge to handle this project. Instead, this project has given me a wakeup call. Every stage of this project, there are many challenges that were beyond my current capabilities and require me to push myself to learn more in order to meet our client’s requirements.<br />
*Understanding business requirements: In any project, it is important to understand and clarify all the project requirements from your client and translate the solution properly in terms which the client can understand. At times, there were some misunderstanding about requirements and often led to disagreements and compromises. When communicating with clients, it is important to understand their needs and their understanding of their requirements. Often, clients do not know what they really want but they will know what they don’t want. Hence, it is important to ask the right questions and uncover all ambiguity.<br />
*Team Dynamics: Team dynamics is the key to the success of this project and knowing my teammates is the best way to cultivate team dynamics. It is much easier to work and communicate with others once you get to know them personally and their working patterns. In addition, it will also result in lesser instance of conflict during project. <br />
</p><br />
<br />
<p>'''Boon Kheng''' <br/><br />
<br />
I think the IS480 project is a great experience for me as it is my first time implementing such a big solution in a team. Other than technical skills, I’ve seen how an organization like Empact progress together with the project, it seems like both the sponsor and the team work closely together to achieve goals for both parties. <br><br />
I find that this is a great collaboration as both the sponsor and us are sharing knowledge with each other, after this project, I get to know more about how a social enterprise operates and also, the sponsor Peter did feedback that he learnt a lot of technical knowledge through the project.<br><br />
I am also able to apply subjects that we‘ve learnt during curriculum put in use, such as project and process management and also see how case studies issues being showcase in real scenarios.<br />
<br />
</p><br />
<br />
<p>'''Jervenne'''<br/><br />
<br />
Throughout my FYP journey, I didnt expect to have learn so much by now. Initially I was expecting to learn more and hone my technical skills, and to learn to take on a big project in a bigger group. <br />
Not only did I achieved what I was set out for, but I'm able to see clearly how applicable IS480 is in the real world and how I can apply what I've learnt in school to this project.<br />
My other takeaways will be: managing expectations of the clients, taking feedback for usability improvements, setting priorities, and time management.<br />
Through this FYP period, I've also see the importance of managing client relationship and to educate them on their needs and wants, and also what actually can be done so they can understand better. Last but not least, I'm able to experience the full SDLC of a project and it will be greatly useful for future real-life projects.<br />
</p></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_Final&diff=138479IS480 Team wiki: 2012T2 box.us Final2013-04-22T01:15:50Z<p>Wmcheong.2010: /* Project Deliverables: */</p>
<hr />
<div>[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
</font><br />
<br />
*[http://blue.smu.edu.sg/IS480/2012-2013/Grading.html Grading Criteria]<br />
<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Progress Summary''' </span></div></p>==<br />
<br />
{|class="wikitable" style="width:1000px"<br />
!style="width:100%" | <br />
<center><h4>Final Presentation Slides: <small>''coming soon''</small></h4></center><br />
<center><h3>Deployed Site: <small>[http://www.empact.sg/act Empact ACT]</small></h3></center><br />
<center><h3>Demonstration Site: <small>[http://www.empact.sg/testact Empact ACT(Staging)]</small></h3></center><br />
<center><h4>Initial Proposal: <small>[[Media:Empact_v2.2_Final_Merged.pdf | Proposal]]</small></h4></center><br />
|-<br />
|}<br />
<center><br />
<h3>What Is This Project About?</h3><br />
[[Image:TopPartForWiki.png | 700px]]<br />
<p>Check out our 1 min ++ video pitch to find out what this project is about at [http://youtu.be/DCWFSOd1MH0 Youtube]</p><br />
</center><br />
<br />
===Project Highlights:===<br />
<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Managing the Great Amount of Issues being Highlighted during Deployment</b></big><br/><br />
* Ranked the Issues based on their Priority<br />
** <b>Low Priority</b>: Minor UI suggestions and issues<br />
** <b>Medium Priority</b>: UI suggestions that changes the understanding of the system<br />
** <b>High Priority</b>: Usability Catastrophe or Software Bugs<br />
* Discussed with client what were the focuses<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Volunteers did not find language in the system friendly</b></big><br/><br />
* Re-worded the language to make it more volunteer friendly, together with the client<br />
* Re-worked the design of the dashboard and menu bar<br />
** Adjusting language to make it more suitable for volunteers<br />
** Added a background<br />
* Changes were only limited to volunteer view as Empact preferred the more operational terms<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Addition of 2 functionalities</b></big><br/><br />
* <b>2 functionalities were:</b> Exporting of Task and Volunteer information & Question Notification Turn On/Off Option<br />
* Exporting of Task and Volunteer Information: <i>Iteration 11</i><br />
* Notification Turn On/Off: <i>Iteration 12</i><br />
|}<br />
<br />
===Project Challenges:===<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Gathering Requirements from Empact</b></big><br/><br />
*<i>No defined business processes</i>: New company that did not have a formal set of business process<br />
*<i>No IT expert</i>: Did not have an IT expert to help them identify the needs in the system<br />
<i><b>How we Managed</b></i><br />
* Paper prototyping: Initial paper prototyping<br />
* Showing the developed functionalities at every client meeting<br />
* Gathering volunteer feedback through User Testings<br />
* Deployment Testing<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Dealing with Changes</b></big><br/><br />
The risk of gathering feedback after the system has been developed is running the risk of it being entirely misaligned with Empact's business model. Cost of changing at the later part becomes higher also. However, it was necessary for the team to be able to accommodate to changes to build a system that Empact would really find value in.<br />
<br/><br />
<i><b>How we Managed</b></i><br />
* Decision Factors: Change Management Plan<br />
* Issue Tracking List helped us to track smaller issues and changes that were raised along the way<br />
* Prioritizing the Issues raised<br />
* Discussion based on how much value and how important would it be for Empact<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Management''' </span></div></p>==<br />
===Project Scope:===<br />
[[Image:Boxus_FinalsScope.png | 500px]]<br/><br />
<br />
{| class="wikitable sortable" style="width:700;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Change<br />
! scope="col" width="500" style="background:#810541;color:#ffffff"| Change Description<br />
|-<br />
<br />
! scope="row" style="text-align:center" | 1<br />
! scope="row" style="background-color:white" | <br />
Notification<br />
* Notification Turn On/Off<br />
|-<br />
|}<br />
<br/><br />
<br />
===Project Schedule (Plan Vs Actual):===<br />
<br />
[[Image:Boxus_PlanVsActual.png | 800px]]<br />
<br />
===Project Metrics:===<br />
<br />
====<b>BUG METRICS</b><br/>====<br />
* Bug Score: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug Metric on Google Docs]<br />
* Bug Log: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=0 Bug Log on Google Docs]<br />
* Explanation of Bug Tracking: [[IS480_Team_wiki:_2012T2_box.us_Project_Management#BUG_METRICS | Bug Metrics]]<br />
<br/><br />
[[Image:Boxus_BugMetricsFinals.png | 500px ]]<br />
{| class="wikitable" style="width:800;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Iteration<br />
! scope="col" width="20" style="background:#810541;color:#ffffff"| Bug Score<br />
! scope="col" width="300" style="background:#810541;color:#ffffff"| Any Actions Taken<br />
|-<br />
! scope="row" style="text-align:center;" | 11<br />
! scope="row" style="text-align:center;" | 31<br />
! scope="row" style="background-color:white" | <br />
Increase in Bug Score due to bugs that were recorded from User Testing 2<br />
* 2 days allocated to fix bugs from User Testing 2<br />
|-<br />
! scope="row" style="text-align:center;" | 12<br />
! scope="row" style="text-align:center;" | 16<br />
! scope="row" style="background-color:white" | <br />
New features of the system(Statistics, Dashboard and Notifications) were being released<br />
* Allow Empact to have a full picture of the entire system for testing<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
! scope="row" style="text-align:center;" | 13<br />
! scope="row" style="text-align:center;" | 58<br />
! scope="row" style="background-color:white" | <br />
More thorough testing was being performed for the UAT<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
|}<br />
<br />
====SCHEDULE METRICS====<br />
* Schedule: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule on Google Docs]<br />
[[Image:Boxus_Schedulemetricsfinals.png | 500px]]<br />
<br />
===Handing Over===<br />
<small><i>Take a look at our Handing Over Plan: [https://docs.google.com/document/d/1U5bX8Nw8Rg-HK6_Jip_wmbx0bbw2Sh7qcIJqb3Pfisw/edit Handing Over Plan on Google Docs]</i></small><br/><br />
We followed a methodical process to get the handing over completed. Our handing over plan spelt out the key information for the team and Empact to foresee and plan what would be happening in the final few iterations as we covered the remaining parts of the project. The entire phase consists of:<br />
* <b>Deployment Testing</b><br />
* <b>User Acceptance Testing</b><br />
* <b>Technical Understudy</b><br />
<br />
==== Deployment Testing ====<br />
We release 4 versions of the system on the live environment before going entering the User Acceptance Test. Our purpose for deployment testing was to determine what are the issues that would arise from using the application in the actual conditions in varied browsers and system settings. Additionally, we also collected suggestions from the users in order to make further improvements to the application. In deploying the application, we followed the following process:<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Deployment_Plan.png |500px|Deployment Plan]]<br />
|}<br />
<br />
<br />
<br />
{| class="wikitable centered"<br />
! style="background:#810541;color:#ffffff" | Date<br />
! style="background:#810541;color:#ffffff" | Description<br />
! style="background:#810541;color:#ffffff" | Features Released<br />
|-<br />
<br />
|style="vertical-align:text-top"|<br />
11/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.1<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management <br />
*Questions<br />
*Feedback Form<br />
*Dashboard(NPO)<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
18/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.2<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Dashboard<br />
*Statistics<br />
*Improvements from Release 0.1<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
25/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.3<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Notifications<br />
*Improvements from Release 0.2<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.4<br />
|style="vertical-align:text-top"|<br />
*All features released<br />
*Improvements from Release 0.3<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.5<br />
|style="vertical-align:text-top"|<br />
*Final version for Final Verification<br />
*Improvements from Release 0.4<br />
<br />
|-<br />
|}<br />
<br />
==== User Acceptance Test ====<br />
We conducted our User Acceptance Test on <b>05/04/2013</b> at the Empact office. A final verification was made concerning all the issues and defects that were being raised during the UAT. The final verification of all the functionalities were done on the following week at <b>12/04/2013</b>.<br/><br />
*<b>Instructions Scripts</b>:We conducted the UAT by going through the business processes that the system would address and followed by the remaining functionalities. This also helps Empact to better visualize how the system has met their business requirements.<br />
*<b>Test Cases</b>: We simulated 3 stakeholders in doing up the test cases.<br />
* Test Cases (5 April 2013): <br />
# [[Media:UAT-NPO-.xls | Test Cases - NPO]]<br />
# [[Media:UAT-VOL-.xls | Test Cases - Volunteer]]<br />
# [[Media:UAT-Empact-.xls| Test Cases - Empact]]<br />
<br />
* Test Cases (12 April 2013): <br />
# [[Media:EMUAT-Final_Verification-.xls | Test Cases for UAT final verificiation]]<br />
* '''Scenario-based Instructions and Exceptional cases'''<br />
# [[Media:Scenarios-Based Instructions (Registration).docx | Registration]]<br />
# [[Media:Scenario-Based Instructions (Task).docx | Task]]<br />
# [[Media:Scenario-Based Instructions (Questions).docx | Question]]<br />
# [[Media:Execeptional Cases.docx | Exceptional Cases]]<br />
<br />
{|align="center"<br />
|[[Image:BOXUSUAT.jpg|500px|Version 2]]<br />
|}<br />
<br />
<br />
<br />
<b>Managing Defects</b><br/><br />
<br />
{|align="center"<br />
|[[Image:Dealingwith.jpg|500px|UAT Defect Lifecycle]]<br />
|}<br />
<br />
*Note: BA refers to the facilitators in the UAT test<br />
* All defects are highlighted onto a separate issue list.<br />
* The list is collated and sent to Empact to prioritise based on issues.<br />
* Bugs are fixed immediately<br />
<br />
<b>Recording Issues</b><br/><br />
Issues are recorded in a separate issue list on [https://docs.google.com/spreadsheet/ccc?key=0AkfA68G0St4NdHRXbWJlRC1sVnJpVFBUcXFlLW1pQUE#gid=0 Google Docs]<br />
<br />
==== Technical Understudy ====<br />
* We conducted a technical understudy with Empact's technical understudy (Sophie) and our client (Peter Yang)<br />
* <i>Lesson Plan</i>: [https://docs.google.com/document/d/1ThTnpcv1w_yNPwfVDFWglSYk3OpaI4CAzRl5OenLk8Y/edit?pli=1 Lesson Plan on Google Docs]<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"|Session 1<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Session 2<br />
|-<br />
<br />
|| 29 Mar 2013, 1600hrs-1800hrs<br />
|| 12 Apr 2013, 1930hrs-2145hrs<br />
|-<br />
<br />
|| Session Contents:<br />
* Application Structure<br />
* Database Structure<br />
* Flow of Login/Logout Process<br />
|| Session Contents:<br />
* Code walkthrough of Specific Scenarios that Empact requested<br />
* Question and Answer<br />
* Clarification on Session 1<br />
|-<br />
<br />
|-<br />
|}<br />
<br />
==== Handing Over Day ====<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Handover_Day.jpg|500px|Handover Day]]<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Quality of product''' </span></div></p>==<br />
===Project Deliverables:===<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="100" style="background:#810541; color:#ffffff"|Stage<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Specification<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Modules<br />
|-<br />
<br />
|rowspan="5"| Project Management<br />
|| Minutes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Minutes | Meeting Minutes]]<br />
|-<br />
<br />
|| Metrics<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug metrics], [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule]<br />
|-<br />
<br />
|| Iteration Reports<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones | Iteration Reports]]<br />
|-<br />
<br />
|| Milestones<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdHo2ZmNTSUxWcjZQTm1hbzU3VkhYQlE#gid=24 Milestones List]<br />
|-<br />
<br />
|| Issue Tracking<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdE5FSkFZTkVULWIyMm5pUnJWX0drUnc#gid=7 Issues List]<br />
|-<br />
<br />
|| Requirements<br />
|| Paper Prototypes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video | Paper Prototypes]]<br />
|-<br />
<br />
|rowspan="3"| Analysis<br />
|| Use case<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#Use_Case | Use Case Diagram]]<br />
|-<br />
<br />
|| Business Process Diagram<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Process_Analysis Process Diagrams]<br />
|-<br />
<br />
|| Screen Shots<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video#Screenshots | All Screenshots]]<br />
|-<br />
<br />
|rowspan="2"| Design<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Diagrams#Entity_Relationship_Diagram ERD Diagrams]<br />
|| [https://wiki.smu.edu.sg/is480/Image:EmpactDB1.png V1],[https://wiki.smu.edu.sg/is480/Image:Revision_52.png V2],[https://wiki.smu.edu.sg/is480/Image:Revision_62.png V3],[https://wiki.smu.edu.sg/is480/Image:Revision_128.png V4],[https://wiki.smu.edu.sg/is480/Image:Revision_258.png V5]<br />
|-<br />
<br />
|| System Architecture<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#System_Architecture | System Architecture Diagram]]<br />
|-<br />
<br />
<br />
|rowspan="3"| Usability Testing<br />
|| User Testing 1 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_1 Test Plans used]<br />
|-<br />
<br />
|| User Testing 2 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 Test Plans used]<br />
|-<br />
<br />
|| Heuristic Evaluation User Scenarios<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Heuristic_Evaluation_1| User Scenarios used]<br />
|-<br />
<br />
|rowspan="2"| Software Testing<br />
|| Integration Testing<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Integration_Testing Integration Testings]<br />
|-<br />
<br />
|| Deployment Testing<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Test_Plans#Deployment_Testing | Deployment Testing]]<br />
|-<br />
<br />
|rowspan="3"| Handover<br />
|| User Manuals<br />
|| [https://www.dropbox.com/s/baozcrgj5rcvkfm/Empact.pdf | Empact Manual ] , [https://www.dropbox.com/s/9jpwusjwwvcp986/NPO.pdf | NPO Manual ] , [https://www.dropbox.com/s/anrnbbwvo3m6y6l/Volunteer.pdf | Volunteer Manual ]<br />
|-<br />
<br />
|| Design and Technical Specifications<br />
|| <br />
|-<br />
<br />
|| Deployment Diagram<br />
|| [[IS480_Midterm_Wiki#Deployment: | instructions]]<br />
|}<br />
<br />
===User Testing 2===<br />
{| border="0"<br />
|width="500px" padding="20px"| <br />
[[Image:Box.usUT2.jpg|480px|User Test 1]]<br />
|width="500px" padding="20px"| <br />
We conducted our 2nd user testing to try out our newly added features and at to see how users would respond to them. <br/><br />
<br />
'''Interesting Findings'''<br />
# Users thought changing email and password is inside profile<br />
<br />
'''Actions Taken'''<br />
# Success Messages to be more descriptive<br />
# Clearer images used for buttons<br />
# Login button to be near the sign up button<br />
<br/><br />
Check out our [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 User Testing 2 wiki]<br />
|-<br />
|width="500px" padding="20px"| <br />
|width="500px" padding="20px"| <br />
|}<br />
<br />
===Deployment Testing:===<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.1<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.2<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.3<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.4<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.5<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
===Testing:===<br />
* We conducted 3 types of testing within our system:<br />
* Find out [[IS480_Team_wiki:_2012T2_box.us_Test_Plans | more]] about the testing<br />
{|class="wikitable" style="width:1000px; align:center"<br />
!style="align:left;width:30%" | User Testing<br />
!style="align:left;width:30%" | Integration Testing<br />
!style="align:left;width:30%" | Deployment Testing<br />
<br />
|-<br />
|'' Objective:'' To collect feedback concerning usability of our application<br />
|'' Objective:'' To test the quality of our application<br />
|'' Objective:'' To collect feedback when application is being used in live environments<br />
<br />
|-<br />
|'' When:'' User Testing 1, User Testing 2<br />
|'' When:'' At the end of every iteration<br />
|'' When:'' Before the start of every deployment<br />
<br />
|-<br />
|'' How:'' Volunteers, NPOs and Empact staff would follow a given User Test cases<br />
|'' How:'' Following the integration test plan. Perform regression testing of all the functionalities<br />
|'' How:'' Following the integration test plan.<br />
<br />
|-<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Reflection''' </span></div></p>==<br />
<br />
===Team Reflection:===<br />
<br />
* Managing client expectations<br />
* Learning to collaborate more effectively in a team<br />
* Leveraging one another's strength and weaknesses<br />
* Being a good team player within the team<br />
* Learning to have fun as a team!<br />
* Our IS modules have helped to prepare us for the demands of an IT project<br />
<br />
===Individual Reflection:===<br />
<br />
<p>'''Kevin''' <br/><br />
As I review through my initial learning outcomes that I set out to learn, I felt that I have managed to meet these outcomes in the following way:<br />
* Motivating IT Project teams: Bringing together people from different walks of life together to work on an IT project has sharpened my skills in handling with people and being more cognisant of people management issues and how to deal with group cultures and team norms <br />
* Evaluating IT project ideas: FYP has taught me how to be aware of what are the current issues facing IT projects. It has taught me how to evaluate these and adopt a T-model by being able to think about what are the broad issues that are going to affect IT decisions and what are the deep issues that are specific to the issue being raised.<br />
* Time Management Skills: FYP has taught me to be aware of the time that I spend managing the team, managing my own workload within the team and juggling my workload with my other modules that I was taking in school.<br />
* Client Negotiation skills: I was able to apply the negotiation skills that I learnt from a module to achieve integrative outcomes for the client and the team, and what are the tactics that are readily available to deal with such situations.<br />
* Applied Project Management Skills: The FYP experience has been an extension of what I have learnt in Software Engineering and I was able to refine my skills in scope management, schedule management and further extend the practicality of metrics being used within a project.<br />
</p><br />
<br />
<p>'''Sherrie''' <br/><br />
I started with a very simple learning outcomes - to learn life skills that were above and beyond exams/textbook as well as to apply what my education in SMU has taught me so far. <br><br />
In my opinion, i have achieved that. However, the most valuable lesson for me was <b>learning to deal with changes</b>. In SMU, all our projects has a clear defined scope that stays constant from beginning till the end. But through this FYP, changes was probably the only constant (on top of dedicated team mates who were always there to go through each storm). Managing never ending changes was certainly not just about a "can or cannot" mindset. It really required me to understand the fundamental reasoning behind the changes requested and understanding it from a business view point. <br><br />
With regards to my education, in a bigger picture, I have been able to apply the following<br />
*Understanding and improving business processes: i was able to leverage on the knowledge I've acquired in <u>Process Modelling and Solution Blueprinting (PMSB)</u> to help out in understanding the business process of our client. In addition, I was able to give opinions on how the process could be more efficient.<br />
*Understanding how IT and business value - As I had just completed <u> Advanced Information Systems Management (AISM)</u> I was able to apply the concepts of how IT can be an enabler and contribute in adding business value to an organisation.<br />
*Presentation skills - In <u>Management Communication (MC)</u> we were taught how clear communication is essential be it verbal or presentation. I was able to apply skills I learnt from that module when communicating with clients, team mates or presentation.<br />
</p><br />
<br />
<p>'''Wai Mun''' <br/><br />
<br />
As this FYP is coming to an end, these are the few learning points that i am taking it away:<br />
*Time managment : Time management is very important as usually FYP work takes up a bulk of my time. Hence, it is very important for me to plan my time well for my other activities and my studies.<br />
*Usability learning journey : My usability learning journey is interesting and exciting as i get to know more knowledge on usability through Interaction Design and Prototyping. It is definitely a good module to take as it complements very well with FYP.<br />
</p><br />
<br />
<p>'''Jenzus''' <br/><br />
<br />
At the start, I envisioned that IS480 is a platform that will validate my IS education and sum up my journey as an IS student. Boy! I got more than what I expected and was overwhelmed by the entire journey. IS480 does not only validate my IS education; it has shown me that what I have learnt in school is just a mere reflection of what the ‘real’ world is expected from an IS business enabler. In school, we often complain and whine about the ambiguity of project/assignment requirements and the number of changes our professors/instructors love to put us through. During this project, we encountered changes from the start until the end of the project. Each change comes with its own challenges and complexity and often, it derailed us from our original plan and required some rework. I have learnt to be more appreciative of what my school has prepared and put me through. Yeow Leong has always emphasized on “Managing your client” and I finally understood why he tries to push this point across badly in classes. From this project, I have several takeaways:<br />
*Never stop learning: Initially, I thought I had the necessary skills and knowledge to handle this project. Instead, this project has given me a wakeup call. Every stage of this project, there are many challenges that were beyond my current capabilities and require me to push myself to learn more in order to meet our client’s requirements.<br />
*Understanding business requirements: In any project, it is important to understand and clarify all the project requirements from your client and translate the solution properly in terms which the client can understand. At times, there were some misunderstanding about requirements and often led to disagreements and compromises. When communicating with clients, it is important to understand their needs and their understanding of their requirements. Often, clients do not know what they really want but they will know what they don’t want. Hence, it is important to ask the right questions and uncover all ambiguity.<br />
*Team Dynamics: Team dynamics is the key to the success of this project and knowing my teammates is the best way to cultivate team dynamics. It is much easier to work and communicate with others once you get to know them personally and their working patterns. In addition, it will also result in lesser instance of conflict during project. <br />
</p><br />
<br />
<p>'''Boon Kheng''' <br/><br />
<br />
I think the IS480 project is a great experience for me as it is my first time implementing such a big solution in a team. Other than technical skills, I’ve seen how an organization like Empact progress together with the project, it seems like both the sponsor and the team work closely together to achieve goals for both parties. <br><br />
I find that this is a great collaboration as both the sponsor and us are sharing knowledge with each other, after this project, I get to know more about how a social enterprise operates and also, the sponsor Peter did feedback that he learnt a lot of technical knowledge through the project.<br><br />
I am also able to apply subjects that we‘ve learnt during curriculum put in use, such as project and process management and also see how case studies issues being showcase in real scenarios.<br />
<br />
</p><br />
<br />
<p>'''Jervenne'''<br/><br />
<br />
Throughout my FYP journey, I didnt expect to have learn so much by now. Initially I was expecting to learn more and hone my technical skills, and to learn to take on a big project in a bigger group. <br />
Not only did I achieved what I was set out for, but I'm able to see clearly how applicable IS480 is in the real world and how I can apply what I've learnt in school to this project.<br />
My other takeaways will be: managing expectations of the clients, taking feedback for usability improvements, setting priorities, and time management.<br />
Through this FYP period, I've also see the importance of managing client relationship and to educate them on their needs and wants, and also what actually can be done so they can understand better. Last but not least, I'm able to experience the full SDLC of a project and it will be greatly useful for future real-life projects.<br />
</p></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_Final&diff=138478IS480 Team wiki: 2012T2 box.us Final2013-04-22T01:15:28Z<p>Wmcheong.2010: /* Project Deliverables: */</p>
<hr />
<div>[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
</font><br />
<br />
*[http://blue.smu.edu.sg/IS480/2012-2013/Grading.html Grading Criteria]<br />
<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Progress Summary''' </span></div></p>==<br />
<br />
{|class="wikitable" style="width:1000px"<br />
!style="width:100%" | <br />
<center><h4>Final Presentation Slides: <small>''coming soon''</small></h4></center><br />
<center><h3>Deployed Site: <small>[http://www.empact.sg/act Empact ACT]</small></h3></center><br />
<center><h3>Demonstration Site: <small>[http://www.empact.sg/testact Empact ACT(Staging)]</small></h3></center><br />
<center><h4>Initial Proposal: <small>[[Media:Empact_v2.2_Final_Merged.pdf | Proposal]]</small></h4></center><br />
|-<br />
|}<br />
<center><br />
<h3>What Is This Project About?</h3><br />
[[Image:TopPartForWiki.png | 700px]]<br />
<p>Check out our 1 min ++ video pitch to find out what this project is about at [http://youtu.be/DCWFSOd1MH0 Youtube]</p><br />
</center><br />
<br />
===Project Highlights:===<br />
<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Managing the Great Amount of Issues being Highlighted during Deployment</b></big><br/><br />
* Ranked the Issues based on their Priority<br />
** <b>Low Priority</b>: Minor UI suggestions and issues<br />
** <b>Medium Priority</b>: UI suggestions that changes the understanding of the system<br />
** <b>High Priority</b>: Usability Catastrophe or Software Bugs<br />
* Discussed with client what were the focuses<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Volunteers did not find language in the system friendly</b></big><br/><br />
* Re-worded the language to make it more volunteer friendly, together with the client<br />
* Re-worked the design of the dashboard and menu bar<br />
** Adjusting language to make it more suitable for volunteers<br />
** Added a background<br />
* Changes were only limited to volunteer view as Empact preferred the more operational terms<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Addition of 2 functionalities</b></big><br/><br />
* <b>2 functionalities were:</b> Exporting of Task and Volunteer information & Question Notification Turn On/Off Option<br />
* Exporting of Task and Volunteer Information: <i>Iteration 11</i><br />
* Notification Turn On/Off: <i>Iteration 12</i><br />
|}<br />
<br />
===Project Challenges:===<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Gathering Requirements from Empact</b></big><br/><br />
*<i>No defined business processes</i>: New company that did not have a formal set of business process<br />
*<i>No IT expert</i>: Did not have an IT expert to help them identify the needs in the system<br />
<i><b>How we Managed</b></i><br />
* Paper prototyping: Initial paper prototyping<br />
* Showing the developed functionalities at every client meeting<br />
* Gathering volunteer feedback through User Testings<br />
* Deployment Testing<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Dealing with Changes</b></big><br/><br />
The risk of gathering feedback after the system has been developed is running the risk of it being entirely misaligned with Empact's business model. Cost of changing at the later part becomes higher also. However, it was necessary for the team to be able to accommodate to changes to build a system that Empact would really find value in.<br />
<br/><br />
<i><b>How we Managed</b></i><br />
* Decision Factors: Change Management Plan<br />
* Issue Tracking List helped us to track smaller issues and changes that were raised along the way<br />
* Prioritizing the Issues raised<br />
* Discussion based on how much value and how important would it be for Empact<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Management''' </span></div></p>==<br />
===Project Scope:===<br />
[[Image:Boxus_FinalsScope.png | 500px]]<br/><br />
<br />
{| class="wikitable sortable" style="width:700;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Change<br />
! scope="col" width="500" style="background:#810541;color:#ffffff"| Change Description<br />
|-<br />
<br />
! scope="row" style="text-align:center" | 1<br />
! scope="row" style="background-color:white" | <br />
Notification<br />
* Notification Turn On/Off<br />
|-<br />
|}<br />
<br/><br />
<br />
===Project Schedule (Plan Vs Actual):===<br />
<br />
[[Image:Boxus_PlanVsActual.png | 800px]]<br />
<br />
===Project Metrics:===<br />
<br />
====<b>BUG METRICS</b><br/>====<br />
* Bug Score: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug Metric on Google Docs]<br />
* Bug Log: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=0 Bug Log on Google Docs]<br />
* Explanation of Bug Tracking: [[IS480_Team_wiki:_2012T2_box.us_Project_Management#BUG_METRICS | Bug Metrics]]<br />
<br/><br />
[[Image:Boxus_BugMetricsFinals.png | 500px ]]<br />
{| class="wikitable" style="width:800;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Iteration<br />
! scope="col" width="20" style="background:#810541;color:#ffffff"| Bug Score<br />
! scope="col" width="300" style="background:#810541;color:#ffffff"| Any Actions Taken<br />
|-<br />
! scope="row" style="text-align:center;" | 11<br />
! scope="row" style="text-align:center;" | 31<br />
! scope="row" style="background-color:white" | <br />
Increase in Bug Score due to bugs that were recorded from User Testing 2<br />
* 2 days allocated to fix bugs from User Testing 2<br />
|-<br />
! scope="row" style="text-align:center;" | 12<br />
! scope="row" style="text-align:center;" | 16<br />
! scope="row" style="background-color:white" | <br />
New features of the system(Statistics, Dashboard and Notifications) were being released<br />
* Allow Empact to have a full picture of the entire system for testing<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
! scope="row" style="text-align:center;" | 13<br />
! scope="row" style="text-align:center;" | 58<br />
! scope="row" style="background-color:white" | <br />
More thorough testing was being performed for the UAT<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
|}<br />
<br />
====SCHEDULE METRICS====<br />
* Schedule: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule on Google Docs]<br />
[[Image:Boxus_Schedulemetricsfinals.png | 500px]]<br />
<br />
===Handing Over===<br />
<small><i>Take a look at our Handing Over Plan: [https://docs.google.com/document/d/1U5bX8Nw8Rg-HK6_Jip_wmbx0bbw2Sh7qcIJqb3Pfisw/edit Handing Over Plan on Google Docs]</i></small><br/><br />
We followed a methodical process to get the handing over completed. Our handing over plan spelt out the key information for the team and Empact to foresee and plan what would be happening in the final few iterations as we covered the remaining parts of the project. The entire phase consists of:<br />
* <b>Deployment Testing</b><br />
* <b>User Acceptance Testing</b><br />
* <b>Technical Understudy</b><br />
<br />
==== Deployment Testing ====<br />
We release 4 versions of the system on the live environment before going entering the User Acceptance Test. Our purpose for deployment testing was to determine what are the issues that would arise from using the application in the actual conditions in varied browsers and system settings. Additionally, we also collected suggestions from the users in order to make further improvements to the application. In deploying the application, we followed the following process:<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Deployment_Plan.png |500px|Deployment Plan]]<br />
|}<br />
<br />
<br />
<br />
{| class="wikitable centered"<br />
! style="background:#810541;color:#ffffff" | Date<br />
! style="background:#810541;color:#ffffff" | Description<br />
! style="background:#810541;color:#ffffff" | Features Released<br />
|-<br />
<br />
|style="vertical-align:text-top"|<br />
11/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.1<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management <br />
*Questions<br />
*Feedback Form<br />
*Dashboard(NPO)<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
18/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.2<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Dashboard<br />
*Statistics<br />
*Improvements from Release 0.1<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
25/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.3<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Notifications<br />
*Improvements from Release 0.2<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.4<br />
|style="vertical-align:text-top"|<br />
*All features released<br />
*Improvements from Release 0.3<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.5<br />
|style="vertical-align:text-top"|<br />
*Final version for Final Verification<br />
*Improvements from Release 0.4<br />
<br />
|-<br />
|}<br />
<br />
==== User Acceptance Test ====<br />
We conducted our User Acceptance Test on <b>05/04/2013</b> at the Empact office. A final verification was made concerning all the issues and defects that were being raised during the UAT. The final verification of all the functionalities were done on the following week at <b>12/04/2013</b>.<br/><br />
*<b>Instructions Scripts</b>:We conducted the UAT by going through the business processes that the system would address and followed by the remaining functionalities. This also helps Empact to better visualize how the system has met their business requirements.<br />
*<b>Test Cases</b>: We simulated 3 stakeholders in doing up the test cases.<br />
* Test Cases (5 April 2013): <br />
# [[Media:UAT-NPO-.xls | Test Cases - NPO]]<br />
# [[Media:UAT-VOL-.xls | Test Cases - Volunteer]]<br />
# [[Media:UAT-Empact-.xls| Test Cases - Empact]]<br />
<br />
* Test Cases (12 April 2013): <br />
# [[Media:EMUAT-Final_Verification-.xls | Test Cases for UAT final verificiation]]<br />
* '''Scenario-based Instructions and Exceptional cases'''<br />
# [[Media:Scenarios-Based Instructions (Registration).docx | Registration]]<br />
# [[Media:Scenario-Based Instructions (Task).docx | Task]]<br />
# [[Media:Scenario-Based Instructions (Questions).docx | Question]]<br />
# [[Media:Execeptional Cases.docx | Exceptional Cases]]<br />
<br />
{|align="center"<br />
|[[Image:BOXUSUAT.jpg|500px|Version 2]]<br />
|}<br />
<br />
<br />
<br />
<b>Managing Defects</b><br/><br />
<br />
{|align="center"<br />
|[[Image:Dealingwith.jpg|500px|UAT Defect Lifecycle]]<br />
|}<br />
<br />
*Note: BA refers to the facilitators in the UAT test<br />
* All defects are highlighted onto a separate issue list.<br />
* The list is collated and sent to Empact to prioritise based on issues.<br />
* Bugs are fixed immediately<br />
<br />
<b>Recording Issues</b><br/><br />
Issues are recorded in a separate issue list on [https://docs.google.com/spreadsheet/ccc?key=0AkfA68G0St4NdHRXbWJlRC1sVnJpVFBUcXFlLW1pQUE#gid=0 Google Docs]<br />
<br />
==== Technical Understudy ====<br />
* We conducted a technical understudy with Empact's technical understudy (Sophie) and our client (Peter Yang)<br />
* <i>Lesson Plan</i>: [https://docs.google.com/document/d/1ThTnpcv1w_yNPwfVDFWglSYk3OpaI4CAzRl5OenLk8Y/edit?pli=1 Lesson Plan on Google Docs]<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"|Session 1<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Session 2<br />
|-<br />
<br />
|| 29 Mar 2013, 1600hrs-1800hrs<br />
|| 12 Apr 2013, 1930hrs-2145hrs<br />
|-<br />
<br />
|| Session Contents:<br />
* Application Structure<br />
* Database Structure<br />
* Flow of Login/Logout Process<br />
|| Session Contents:<br />
* Code walkthrough of Specific Scenarios that Empact requested<br />
* Question and Answer<br />
* Clarification on Session 1<br />
|-<br />
<br />
|-<br />
|}<br />
<br />
==== Handing Over Day ====<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Handover_Day.jpg|500px|Handover Day]]<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Quality of product''' </span></div></p>==<br />
===Project Deliverables:===<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="100" style="background:#810541; color:#ffffff"|Stage<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Specification<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Modules<br />
|-<br />
<br />
|rowspan="5"| Project Management<br />
|| Minutes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Minutes | Meeting Minutes]]<br />
|-<br />
<br />
|| Metrics<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug metrics], [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule]<br />
|-<br />
<br />
|| Iteration Reports<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones | Iteration Reports]]<br />
|-<br />
<br />
|| Milestones<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdHo2ZmNTSUxWcjZQTm1hbzU3VkhYQlE#gid=24 Milestones List]<br />
|-<br />
<br />
|| Issue Tracking<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdE5FSkFZTkVULWIyMm5pUnJWX0drUnc#gid=7 Issues List]<br />
|-<br />
<br />
|| Requirements<br />
|| Paper Prototypes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video | Paper Prototypes]]<br />
|-<br />
<br />
|rowspan="3"| Analysis<br />
|| Use case<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#Use_Case | Use Case Diagram]]<br />
|-<br />
<br />
|| Business Process Diagram<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Process_Analysis Process Diagrams]<br />
|-<br />
<br />
|| Screen Shots<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video#Screenshots | All Screenshots]]<br />
|-<br />
<br />
|rowspan="2"| Design<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Diagrams#Entity_Relationship_Diagram ERD Diagrams]<br />
|| [https://wiki.smu.edu.sg/is480/Image:EmpactDB1.png V1],[https://wiki.smu.edu.sg/is480/Image:Revision_52.png V2],[https://wiki.smu.edu.sg/is480/Image:Revision_62.png V3],[https://wiki.smu.edu.sg/is480/Image:Revision_128.png V4],[https://wiki.smu.edu.sg/is480/Image:Revision_258.png V5]<br />
|-<br />
<br />
|| System Architecture<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#System_Architecture | System Architecture Diagram]]<br />
|-<br />
<br />
<br />
|rowspan="3"| Usability Testing<br />
|| User Testing 1 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_1 Test Plans used]<br />
|-<br />
<br />
|| User Testing 2 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 Test Plans used]<br />
|-<br />
<br />
|| Heuristic Evaluation User Scenarios<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Heuristic_Evaluation_1| User Scenarios used]<br />
|-<br />
<br />
|rowspan="2"| Software Testing<br />
|| Integration Testing<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Integration_Testing Integration Testings]<br />
|-<br />
<br />
|| Deployment Testing<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Test_Plans#Deployment_Testing | Deployment Testing]]<br />
|-<br />
<br />
|rowspan="3"| Handover<br />
|| User Manuals<br />
|| [[https://www.dropbox.com/s/baozcrgj5rcvkfm/Empact.pdf | Empact Manual ]] , [[https://www.dropbox.com/s/9jpwusjwwvcp986/NPO.pdf | NPO Manual ]] , [[https://www.dropbox.com/s/anrnbbwvo3m6y6l/Volunteer.pdf | Volunteer Manual ]]<br />
|-<br />
<br />
|| Design and Technical Specifications<br />
|| <br />
|-<br />
<br />
|| Deployment Diagram<br />
|| [[IS480_Midterm_Wiki#Deployment: | instructions]]<br />
|}<br />
<br />
===User Testing 2===<br />
{| border="0"<br />
|width="500px" padding="20px"| <br />
[[Image:Box.usUT2.jpg|480px|User Test 1]]<br />
|width="500px" padding="20px"| <br />
We conducted our 2nd user testing to try out our newly added features and at to see how users would respond to them. <br/><br />
<br />
'''Interesting Findings'''<br />
# Users thought changing email and password is inside profile<br />
<br />
'''Actions Taken'''<br />
# Success Messages to be more descriptive<br />
# Clearer images used for buttons<br />
# Login button to be near the sign up button<br />
<br/><br />
Check out our [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 User Testing 2 wiki]<br />
|-<br />
|width="500px" padding="20px"| <br />
|width="500px" padding="20px"| <br />
|}<br />
<br />
===Deployment Testing:===<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.1<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.2<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.3<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.4<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.5<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
===Testing:===<br />
* We conducted 3 types of testing within our system:<br />
* Find out [[IS480_Team_wiki:_2012T2_box.us_Test_Plans | more]] about the testing<br />
{|class="wikitable" style="width:1000px; align:center"<br />
!style="align:left;width:30%" | User Testing<br />
!style="align:left;width:30%" | Integration Testing<br />
!style="align:left;width:30%" | Deployment Testing<br />
<br />
|-<br />
|'' Objective:'' To collect feedback concerning usability of our application<br />
|'' Objective:'' To test the quality of our application<br />
|'' Objective:'' To collect feedback when application is being used in live environments<br />
<br />
|-<br />
|'' When:'' User Testing 1, User Testing 2<br />
|'' When:'' At the end of every iteration<br />
|'' When:'' Before the start of every deployment<br />
<br />
|-<br />
|'' How:'' Volunteers, NPOs and Empact staff would follow a given User Test cases<br />
|'' How:'' Following the integration test plan. Perform regression testing of all the functionalities<br />
|'' How:'' Following the integration test plan.<br />
<br />
|-<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Reflection''' </span></div></p>==<br />
<br />
===Team Reflection:===<br />
<br />
* Managing client expectations<br />
* Learning to collaborate more effectively in a team<br />
* Leveraging one another's strength and weaknesses<br />
* Being a good team player within the team<br />
* Learning to have fun as a team!<br />
* Our IS modules have helped to prepare us for the demands of an IT project<br />
<br />
===Individual Reflection:===<br />
<br />
<p>'''Kevin''' <br/><br />
As I review through my initial learning outcomes that I set out to learn, I felt that I have managed to meet these outcomes in the following way:<br />
* Motivating IT Project teams: Bringing together people from different walks of life together to work on an IT project has sharpened my skills in handling with people and being more cognisant of people management issues and how to deal with group cultures and team norms <br />
* Evaluating IT project ideas: FYP has taught me how to be aware of what are the current issues facing IT projects. It has taught me how to evaluate these and adopt a T-model by being able to think about what are the broad issues that are going to affect IT decisions and what are the deep issues that are specific to the issue being raised.<br />
* Time Management Skills: FYP has taught me to be aware of the time that I spend managing the team, managing my own workload within the team and juggling my workload with my other modules that I was taking in school.<br />
* Client Negotiation skills: I was able to apply the negotiation skills that I learnt from a module to achieve integrative outcomes for the client and the team, and what are the tactics that are readily available to deal with such situations.<br />
* Applied Project Management Skills: The FYP experience has been an extension of what I have learnt in Software Engineering and I was able to refine my skills in scope management, schedule management and further extend the practicality of metrics being used within a project.<br />
</p><br />
<br />
<p>'''Sherrie''' <br/><br />
I started with a very simple learning outcomes - to learn life skills that were above and beyond exams/textbook as well as to apply what my education in SMU has taught me so far. <br><br />
In my opinion, i have achieved that. However, the most valuable lesson for me was <b>learning to deal with changes</b>. In SMU, all our projects has a clear defined scope that stays constant from beginning till the end. But through this FYP, changes was probably the only constant (on top of dedicated team mates who were always there to go through each storm). Managing never ending changes was certainly not just about a "can or cannot" mindset. It really required me to understand the fundamental reasoning behind the changes requested and understanding it from a business view point. <br><br />
With regards to my education, in a bigger picture, I have been able to apply the following<br />
*Understanding and improving business processes: i was able to leverage on the knowledge I've acquired in <u>Process Modelling and Solution Blueprinting (PMSB)</u> to help out in understanding the business process of our client. In addition, I was able to give opinions on how the process could be more efficient.<br />
*Understanding how IT and business value - As I had just completed <u> Advanced Information Systems Management (AISM)</u> I was able to apply the concepts of how IT can be an enabler and contribute in adding business value to an organisation.<br />
*Presentation skills - In <u>Management Communication (MC)</u> we were taught how clear communication is essential be it verbal or presentation. I was able to apply skills I learnt from that module when communicating with clients, team mates or presentation.<br />
</p><br />
<br />
<p>'''Wai Mun''' <br/><br />
<br />
As this FYP is coming to an end, these are the few learning points that i am taking it away:<br />
*Time managment : Time management is very important as usually FYP work takes up a bulk of my time. Hence, it is very important for me to plan my time well for my other activities and my studies.<br />
*Usability learning journey : My usability learning journey is interesting and exciting as i get to know more knowledge on usability through Interaction Design and Prototyping. It is definitely a good module to take as it complements very well with FYP.<br />
</p><br />
<br />
<p>'''Jenzus''' <br/><br />
<br />
At the start, I envisioned that IS480 is a platform that will validate my IS education and sum up my journey as an IS student. Boy! I got more than what I expected and was overwhelmed by the entire journey. IS480 does not only validate my IS education; it has shown me that what I have learnt in school is just a mere reflection of what the ‘real’ world is expected from an IS business enabler. In school, we often complain and whine about the ambiguity of project/assignment requirements and the number of changes our professors/instructors love to put us through. During this project, we encountered changes from the start until the end of the project. Each change comes with its own challenges and complexity and often, it derailed us from our original plan and required some rework. I have learnt to be more appreciative of what my school has prepared and put me through. Yeow Leong has always emphasized on “Managing your client” and I finally understood why he tries to push this point across badly in classes. From this project, I have several takeaways:<br />
*Never stop learning: Initially, I thought I had the necessary skills and knowledge to handle this project. Instead, this project has given me a wakeup call. Every stage of this project, there are many challenges that were beyond my current capabilities and require me to push myself to learn more in order to meet our client’s requirements.<br />
*Understanding business requirements: In any project, it is important to understand and clarify all the project requirements from your client and translate the solution properly in terms which the client can understand. At times, there were some misunderstanding about requirements and often led to disagreements and compromises. When communicating with clients, it is important to understand their needs and their understanding of their requirements. Often, clients do not know what they really want but they will know what they don’t want. Hence, it is important to ask the right questions and uncover all ambiguity.<br />
*Team Dynamics: Team dynamics is the key to the success of this project and knowing my teammates is the best way to cultivate team dynamics. It is much easier to work and communicate with others once you get to know them personally and their working patterns. In addition, it will also result in lesser instance of conflict during project. <br />
</p><br />
<br />
<p>'''Boon Kheng''' <br/><br />
<br />
I think the IS480 project is a great experience for me as it is my first time implementing such a big solution in a team. Other than technical skills, I’ve seen how an organization like Empact progress together with the project, it seems like both the sponsor and the team work closely together to achieve goals for both parties. <br><br />
I find that this is a great collaboration as both the sponsor and us are sharing knowledge with each other, after this project, I get to know more about how a social enterprise operates and also, the sponsor Peter did feedback that he learnt a lot of technical knowledge through the project.<br><br />
I am also able to apply subjects that we‘ve learnt during curriculum put in use, such as project and process management and also see how case studies issues being showcase in real scenarios.<br />
<br />
</p><br />
<br />
<p>'''Jervenne'''<br/><br />
<br />
Throughout my FYP journey, I didnt expect to have learn so much by now. Initially I was expecting to learn more and hone my technical skills, and to learn to take on a big project in a bigger group. <br />
Not only did I achieved what I was set out for, but I'm able to see clearly how applicable IS480 is in the real world and how I can apply what I've learnt in school to this project.<br />
My other takeaways will be: managing expectations of the clients, taking feedback for usability improvements, setting priorities, and time management.<br />
Through this FYP period, I've also see the importance of managing client relationship and to educate them on their needs and wants, and also what actually can be done so they can understand better. Last but not least, I'm able to experience the full SDLC of a project and it will be greatly useful for future real-life projects.<br />
</p></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_Final&diff=138476IS480 Team wiki: 2012T2 box.us Final2013-04-22T01:11:48Z<p>Wmcheong.2010: /* Project Deliverables: */</p>
<hr />
<div>[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
</font><br />
<br />
*[http://blue.smu.edu.sg/IS480/2012-2013/Grading.html Grading Criteria]<br />
<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Progress Summary''' </span></div></p>==<br />
<br />
{|class="wikitable" style="width:1000px"<br />
!style="width:100%" | <br />
<center><h4>Final Presentation Slides: <small>''coming soon''</small></h4></center><br />
<center><h3>Deployed Site: <small>[http://www.empact.sg/act Empact ACT]</small></h3></center><br />
<center><h3>Demonstration Site: <small>[http://www.empact.sg/testact Empact ACT(Staging)]</small></h3></center><br />
<center><h4>Initial Proposal: <small>[[Media:Empact_v2.2_Final_Merged.pdf | Proposal]]</small></h4></center><br />
|-<br />
|}<br />
<center><br />
<h3>What Is This Project About?</h3><br />
[[Image:TopPartForWiki.png | 700px]]<br />
<p>Check out our 1 min ++ video pitch to find out what this project is about at [http://youtu.be/DCWFSOd1MH0 Youtube]</p><br />
</center><br />
<br />
===Project Highlights:===<br />
<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Managing the Great Amount of Issues being Highlighted during Deployment</b></big><br/><br />
* Ranked the Issues based on their Priority<br />
** <b>Low Priority</b>: Minor UI suggestions and issues<br />
** <b>Medium Priority</b>: UI suggestions that changes the understanding of the system<br />
** <b>High Priority</b>: Usability Catastrophe or Software Bugs<br />
* Discussed with client what were the focuses<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Volunteers did not find language in the system friendly</b></big><br/><br />
* Re-worded the language to make it more volunteer friendly, together with the client<br />
* Re-worked the design of the dashboard and menu bar<br />
** Adjusting language to make it more suitable for volunteers<br />
** Added a background<br />
* Changes were only limited to volunteer view as Empact preferred the more operational terms<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Addition of 2 functionalities</b></big><br/><br />
* <b>2 functionalities were:</b> Exporting of Task and Volunteer information & Question Notification Turn On/Off Option<br />
* Exporting of Task and Volunteer Information: <i>Iteration 11</i><br />
* Notification Turn On/Off: <i>Iteration 12</i><br />
|}<br />
<br />
===Project Challenges:===<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Gathering Requirements from Empact</b></big><br/><br />
*<i>No defined business processes</i>: New company that did not have a formal set of business process<br />
*<i>No IT expert</i>: Did not have an IT expert to help them identify the needs in the system<br />
<i><b>How we Managed</b></i><br />
* Paper prototyping: Initial paper prototyping<br />
* Showing the developed functionalities at every client meeting<br />
* Gathering volunteer feedback through User Testings<br />
* Deployment Testing<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Dealing with Changes</b></big><br/><br />
The risk of gathering feedback after the system has been developed is running the risk of it being entirely misaligned with Empact's business model. Cost of changing at the later part becomes higher also. However, it was necessary for the team to be able to accommodate to changes to build a system that Empact would really find value in.<br />
<br/><br />
<i><b>How we Managed</b></i><br />
* Decision Factors: Change Management Plan<br />
* Issue Tracking List helped us to track smaller issues and changes that were raised along the way<br />
* Prioritizing the Issues raised<br />
* Discussion based on how much value and how important would it be for Empact<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Management''' </span></div></p>==<br />
===Project Scope:===<br />
[[Image:Boxus_FinalsScope.png | 500px]]<br/><br />
<br />
{| class="wikitable sortable" style="width:700;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Change<br />
! scope="col" width="500" style="background:#810541;color:#ffffff"| Change Description<br />
|-<br />
<br />
! scope="row" style="text-align:center" | 1<br />
! scope="row" style="background-color:white" | <br />
Notification<br />
* Notification Turn On/Off<br />
|-<br />
|}<br />
<br/><br />
<br />
===Project Schedule (Plan Vs Actual):===<br />
<br />
[[Image:Boxus_PlanVsActual.png | 800px]]<br />
<br />
===Project Metrics:===<br />
<br />
====<b>BUG METRICS</b><br/>====<br />
* Bug Score: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug Metric on Google Docs]<br />
* Bug Log: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=0 Bug Log on Google Docs]<br />
* Explanation of Bug Tracking: [[IS480_Team_wiki:_2012T2_box.us_Project_Management#BUG_METRICS | Bug Metrics]]<br />
<br/><br />
[[Image:Boxus_BugMetricsFinals.png | 500px ]]<br />
{| class="wikitable" style="width:800;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Iteration<br />
! scope="col" width="20" style="background:#810541;color:#ffffff"| Bug Score<br />
! scope="col" width="300" style="background:#810541;color:#ffffff"| Any Actions Taken<br />
|-<br />
! scope="row" style="text-align:center;" | 11<br />
! scope="row" style="text-align:center;" | 31<br />
! scope="row" style="background-color:white" | <br />
Increase in Bug Score due to bugs that were recorded from User Testing 2<br />
* 2 days allocated to fix bugs from User Testing 2<br />
|-<br />
! scope="row" style="text-align:center;" | 12<br />
! scope="row" style="text-align:center;" | 16<br />
! scope="row" style="background-color:white" | <br />
New features of the system(Statistics, Dashboard and Notifications) were being released<br />
* Allow Empact to have a full picture of the entire system for testing<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
! scope="row" style="text-align:center;" | 13<br />
! scope="row" style="text-align:center;" | 58<br />
! scope="row" style="background-color:white" | <br />
More thorough testing was being performed for the UAT<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
|}<br />
<br />
====SCHEDULE METRICS====<br />
* Schedule: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule on Google Docs]<br />
[[Image:Boxus_Schedulemetricsfinals.png | 500px]]<br />
<br />
===Handing Over===<br />
<small><i>Take a look at our Handing Over Plan: [https://docs.google.com/document/d/1U5bX8Nw8Rg-HK6_Jip_wmbx0bbw2Sh7qcIJqb3Pfisw/edit Handing Over Plan on Google Docs]</i></small><br/><br />
We followed a methodical process to get the handing over completed. Our handing over plan spelt out the key information for the team and Empact to foresee and plan what would be happening in the final few iterations as we covered the remaining parts of the project. The entire phase consists of:<br />
* <b>Deployment Testing</b><br />
* <b>User Acceptance Testing</b><br />
* <b>Technical Understudy</b><br />
<br />
==== Deployment Testing ====<br />
We release 4 versions of the system on the live environment before going entering the User Acceptance Test. Our purpose for deployment testing was to determine what are the issues that would arise from using the application in the actual conditions in varied browsers and system settings. Additionally, we also collected suggestions from the users in order to make further improvements to the application. In deploying the application, we followed the following process:<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Deployment_Plan.png |500px|Deployment Plan]]<br />
|}<br />
<br />
<br />
<br />
{| class="wikitable centered"<br />
! style="background:#810541;color:#ffffff" | Date<br />
! style="background:#810541;color:#ffffff" | Description<br />
! style="background:#810541;color:#ffffff" | Features Released<br />
|-<br />
<br />
|style="vertical-align:text-top"|<br />
11/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.1<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management <br />
*Questions<br />
*Feedback Form<br />
*Dashboard(NPO)<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
18/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.2<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Dashboard<br />
*Statistics<br />
*Improvements from Release 0.1<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
25/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.3<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Notifications<br />
*Improvements from Release 0.2<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.4<br />
|style="vertical-align:text-top"|<br />
*All features released<br />
*Improvements from Release 0.3<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.5<br />
|style="vertical-align:text-top"|<br />
*Final version for Final Verification<br />
*Improvements from Release 0.4<br />
<br />
|-<br />
|}<br />
<br />
==== User Acceptance Test ====<br />
We conducted our User Acceptance Test on <b>05/04/2013</b> at the Empact office. A final verification was made concerning all the issues and defects that were being raised during the UAT. The final verification of all the functionalities were done on the following week at <b>12/04/2013</b>.<br/><br />
*<b>Instructions Scripts</b>:We conducted the UAT by going through the business processes that the system would address and followed by the remaining functionalities. This also helps Empact to better visualize how the system has met their business requirements.<br />
*<b>Test Cases</b>: We simulated 3 stakeholders in doing up the test cases.<br />
* Test Cases (5 April 2013): <br />
# [[Media:UAT-NPO-.xls | Test Cases - NPO]]<br />
# [[Media:UAT-VOL-.xls | Test Cases - Volunteer]]<br />
# [[Media:UAT-Empact-.xls| Test Cases - Empact]]<br />
<br />
* Test Cases (12 April 2013): <br />
# [[Media:EMUAT-Final_Verification-.xls | Test Cases for UAT final verificiation]]<br />
* '''Scenario-based Instructions and Exceptional cases'''<br />
# [[Media:Scenarios-Based Instructions (Registration).docx | Registration]]<br />
# [[Media:Scenario-Based Instructions (Task).docx | Task]]<br />
# [[Media:Scenario-Based Instructions (Questions).docx | Question]]<br />
# [[Media:Execeptional Cases.docx | Exceptional Cases]]<br />
<br />
{|align="center"<br />
|[[Image:BOXUSUAT.jpg|500px|Version 2]]<br />
|}<br />
<br />
<br />
<br />
<b>Managing Defects</b><br/><br />
<br />
{|align="center"<br />
|[[Image:Dealingwith.jpg|500px|UAT Defect Lifecycle]]<br />
|}<br />
<br />
*Note: BA refers to the facilitators in the UAT test<br />
* All defects are highlighted onto a separate issue list.<br />
* The list is collated and sent to Empact to prioritise based on issues.<br />
* Bugs are fixed immediately<br />
<br />
<b>Recording Issues</b><br/><br />
Issues are recorded in a separate issue list on [https://docs.google.com/spreadsheet/ccc?key=0AkfA68G0St4NdHRXbWJlRC1sVnJpVFBUcXFlLW1pQUE#gid=0 Google Docs]<br />
<br />
==== Technical Understudy ====<br />
* We conducted a technical understudy with Empact's technical understudy (Sophie) and our client (Peter Yang)<br />
* <i>Lesson Plan</i>: [https://docs.google.com/document/d/1ThTnpcv1w_yNPwfVDFWglSYk3OpaI4CAzRl5OenLk8Y/edit?pli=1 Lesson Plan on Google Docs]<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"|Session 1<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Session 2<br />
|-<br />
<br />
|| 29 Mar 2013, 1600hrs-1800hrs<br />
|| 12 Apr 2013, 1930hrs-2145hrs<br />
|-<br />
<br />
|| Session Contents:<br />
* Application Structure<br />
* Database Structure<br />
* Flow of Login/Logout Process<br />
|| Session Contents:<br />
* Code walkthrough of Specific Scenarios that Empact requested<br />
* Question and Answer<br />
* Clarification on Session 1<br />
|-<br />
<br />
|-<br />
|}<br />
<br />
==== Handing Over Day ====<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Handover_Day.jpg|500px|Handover Day]]<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Quality of product''' </span></div></p>==<br />
===Project Deliverables:===<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="100" style="background:#810541; color:#ffffff"|Stage<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Specification<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Modules<br />
|-<br />
<br />
|rowspan="5"| Project Management<br />
|| Minutes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Minutes | Meeting Minutes]]<br />
|-<br />
<br />
|| Metrics<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug metrics], [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule]<br />
|-<br />
<br />
|| Iteration Reports<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones | Iteration Reports]]<br />
|-<br />
<br />
|| Milestones<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdHo2ZmNTSUxWcjZQTm1hbzU3VkhYQlE#gid=24 Milestones List]<br />
|-<br />
<br />
|| Issue Tracking<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdE5FSkFZTkVULWIyMm5pUnJWX0drUnc#gid=7 Issues List]<br />
|-<br />
<br />
|| Requirements<br />
|| Paper Prototypes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video | Paper Prototypes]]<br />
|-<br />
<br />
|rowspan="3"| Analysis<br />
|| Use case<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#Use_Case | Use Case Diagram]]<br />
|-<br />
<br />
|| Business Process Diagram<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Process_Analysis Process Diagrams]<br />
|-<br />
<br />
|| Screen Shots<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video#Screenshots | All Screenshots]]<br />
|-<br />
<br />
|rowspan="2"| Design<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Diagrams#Entity_Relationship_Diagram ERD Diagrams]<br />
|| [https://wiki.smu.edu.sg/is480/Image:EmpactDB1.png V1],[https://wiki.smu.edu.sg/is480/Image:Revision_52.png V2],[https://wiki.smu.edu.sg/is480/Image:Revision_62.png V3],[https://wiki.smu.edu.sg/is480/Image:Revision_128.png V4],[https://wiki.smu.edu.sg/is480/Image:Revision_258.png V5]<br />
|-<br />
<br />
|| System Architecture<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#System_Architecture | System Architecture Diagram]]<br />
|-<br />
<br />
<br />
|rowspan="3"| Usability Testing<br />
|| User Testing 1 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_1 Test Plans used]<br />
|-<br />
<br />
|| User Testing 2 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 Test Plans used]<br />
|-<br />
<br />
|| Heuristic Evaluation User Scenarios<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Heuristic_Evaluation_1| User Scenarios used]<br />
|-<br />
<br />
|rowspan="2"| Software Testing<br />
|| Integration Testing<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Integration_Testing Integration Testings]<br />
|-<br />
<br />
|| Deployment Testing<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Test_Plans#Deployment_Testing | Deployment Testing]]<br />
|-<br />
<br />
|rowspan="3"| Handover<br />
|| User Manuals<br />
|| <br />
|-<br />
<br />
|| Design and Technical Specifications<br />
|| <br />
|-<br />
<br />
|| Deployment Diagram<br />
|| [[IS480_Midterm_Wiki#Deployment: | instructions]]<br />
|}<br />
<br />
===User Testing 2===<br />
{| border="0"<br />
|width="500px" padding="20px"| <br />
[[Image:Box.usUT2.jpg|480px|User Test 1]]<br />
|width="500px" padding="20px"| <br />
We conducted our 2nd user testing to try out our newly added features and at to see how users would respond to them. <br/><br />
<br />
'''Interesting Findings'''<br />
# Users thought changing email and password is inside profile<br />
<br />
'''Actions Taken'''<br />
# Success Messages to be more descriptive<br />
# Clearer images used for buttons<br />
# Login button to be near the sign up button<br />
<br/><br />
Check out our [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 User Testing 2 wiki]<br />
|-<br />
|width="500px" padding="20px"| <br />
|width="500px" padding="20px"| <br />
|}<br />
<br />
===Deployment Testing:===<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.1<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.2<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.3<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.4<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.5<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
===Testing:===<br />
<br />
{|class="wikitable" style="width:1000px; align:center"<br />
!style="align:left;width:30%" | User Testing<br />
!style="align:left;width:30%" | Integration Testing<br />
!style="align:left;width:30%" | Deployment Testing<br />
<br />
|-<br />
|'' Objective:'' To collect feedback concerning usability of our application<br />
|'' Objective:'' To test the quality of our application<br />
|'' Objective:'' To collect feedback when application is being used in live environments<br />
<br />
|-<br />
|'' When:'' User Testing 1, User Testing 2<br />
|'' When:'' At the end of every iteration<br />
|'' When:'' Before the start of every deployment<br />
<br />
|-<br />
|'' How:'' Volunteers, NPOs and Empact staff would follow a given User Test cases<br />
|'' How:'' Following the integration test plan. Perform regression testing of all the functionalities<br />
|'' How:'' Following the integration test plan.<br />
<br />
|-<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Reflection''' </span></div></p>==<br />
<br />
===Team Reflection:===<br />
<br />
* Managing client expectations<br />
* Learning to collaborate more effectively in a team<br />
* Leveraging one another's strength and weaknesses<br />
* Being a good team player within the team<br />
* Learning to have fun as a team!<br />
* Our IS modules have helped to prepare us for the demands of an IT project<br />
<br />
===Individual Reflection:===<br />
<br />
<p>'''Kevin''' <br/><br />
As I review through my initial learning outcomes that I set out to learn, I felt that I have managed to meet these outcomes in the following way:<br />
* Motivating IT Project teams: Bringing together people from different walks of life together to work on an IT project has sharpened my skills in handling with people and being more cognisant of people management issues and how to deal with group cultures and team norms <br />
* Evaluating IT project ideas: FYP has taught me how to be aware of what are the current issues facing IT projects. It has taught me how to evaluate these and adopt a T-model by being able to think about what are the broad issues that are going to affect IT decisions and what are the deep issues that are specific to the issue being raised.<br />
* Time Management Skills: FYP has taught me to be aware of the time that I spend managing the team, managing my own workload within the team and juggling my workload with my other modules that I was taking in school.<br />
* Client Negotiation skills: I was able to apply the negotiation skills that I learnt from a module to achieve integrative outcomes for the client and the team, and what are the tactics that are readily available to deal with such situations.<br />
* Applied Project Management Skills: The FYP experience has been an extension of what I have learnt in Software Engineering and I was able to refine my skills in scope management, schedule management and further extend the practicality of metrics being used within a project.<br />
</p><br />
<br />
<p>'''Sherrie''' <br/><br />
I started with a very simple learning outcomes - to learn life skills that were above and beyond exams/textbook as well as to apply what my education in SMU has taught me so far. <br><br />
In my opinion, i have achieved that. However, the most valuable lesson for me was <b>learning to deal with changes</b>. In SMU, all our projects has a clear defined scope that stays constant from beginning till the end. But through this FYP, changes was probably the only constant (on top of dedicated team mates who were always there to go through each storm). Managing never ending changes was certainly not just about a "can or cannot" mindset. It really required me to understand the fundamental reasoning behind the changes requested and understanding it from a business view point. <br><br />
With regards to my education, in a bigger picture, I have been able to apply the following<br />
*Understanding and improving business processes: i was able to leverage on the knowledge I've acquired in <u>Process Modelling and Solution Blueprinting (PMSB)</u> to help out in understanding the business process of our client. In addition, I was able to give opinions on how the process could be more efficient.<br />
*Understanding how IT and business value - As I had just completed <u> Advanced Information Systems Management (AISM)</u> I was able to apply the concepts of how IT can be an enabler and contribute in adding business value to an organisation.<br />
*Presentation skills - In <u>Management Communication (MC)</u> we were taught how clear communication is essential be it verbal or presentation. I was able to apply skills I learnt from that module when communicating with clients, team mates or presentation.<br />
</p><br />
<br />
<p>'''Wai Mun''' <br/><br />
<br />
As this FYP is coming to an end, these are the few learning points that i am taking it away:<br />
*Time managment : Time management is very important as usually FYP work takes up a bulk of my time. Hence, it is very important for me to plan my time well for my other activities and my studies.<br />
*Usability learning journey : My usability learning journey is interesting and exciting as i get to know more knowledge on usability through Interaction Design and Prototyping. It is definitely a good module to take as it complements very well with FYP.<br />
</p><br />
<br />
<p>'''Jenzus''' <br/><br />
<br />
At the start, I envisioned that IS480 is a platform that will validate my IS education and sum up my journey as an IS student. Boy! I got more than what I expected and was overwhelmed by the entire journey. IS480 does not only validate my IS education; it has shown me that what I have learnt in school is just a mere reflection of what the ‘real’ world is expected from an IS business enabler. In school, we often complain and whine about the ambiguity of project/assignment requirements and the number of changes our professors/instructors love to put us through. During this project, we encountered changes from the start until the end of the project. Each change comes with its own challenges and complexity and often, it derailed us from our original plan and required some rework. I have learnt to be more appreciative of what my school has prepared and put me through. Yeow Leong has always emphasized on “Managing your client” and I finally understood why he tries to push this point across badly in classes. From this project, I have several takeaways:<br />
*Never stop learning: Initially, I thought I had the necessary skills and knowledge to handle this project. Instead, this project has given me a wakeup call. Every stage of this project, there are many challenges that were beyond my current capabilities and require me to push myself to learn more in order to meet our client’s requirements.<br />
*Understanding business requirements: In any project, it is important to understand and clarify all the project requirements from your client and translate the solution properly in terms which the client can understand. At times, there were some misunderstanding about requirements and often led to disagreements and compromises. When communicating with clients, it is important to understand their needs and their understanding of their requirements. Often, clients do not know what they really want but they will know what they don’t want. Hence, it is important to ask the right questions and uncover all ambiguity.<br />
*Team Dynamics: Team dynamics is the key to the success of this project and knowing my teammates is the best way to cultivate team dynamics. It is much easier to work and communicate with others once you get to know them personally and their working patterns. In addition, it will also result in lesser instance of conflict during project. <br />
</p><br />
<br />
<p>'''Boon Kheng''' <br/><br />
<br />
I think the IS480 project is a great experience for me as it is my first time implementing such a big solution in a team. Other than technical skills, I’ve seen how an organization like Empact progress together with the project, it seems like both the sponsor and the team work closely together to achieve goals for both parties. <br><br />
I find that this is a great collaboration as both the sponsor and us are sharing knowledge with each other, after this project, I get to know more about how a social enterprise operates and also, the sponsor Peter did feedback that he learnt a lot of technical knowledge through the project.<br><br />
I am also able to apply subjects that we‘ve learnt during curriculum put in use, such as project and process management and also see how case studies issues being showcase in real scenarios.<br />
<br />
</p><br />
<br />
<p>'''Jervenne'''<br/><br />
<br />
Throughout my FYP journey, I didnt expect to have learn so much by now. Initially I was expecting to learn more and hone my technical skills, and to learn to take on a big project in a bigger group. <br />
Not only did I achieved what I was set out for, but I'm able to see clearly how applicable IS480 is in the real world and how I can apply what I've learnt in school to this project.<br />
My other takeaways will be: managing expectations of the clients, taking feedback for usability improvements, setting priorities, and time management.<br />
Through this FYP period, I've also see the importance of managing client relationship and to educate them on their needs and wants, and also what actually can be done so they can understand better. Last but not least, I'm able to experience the full SDLC of a project and it will be greatly useful for future real-life projects.<br />
</p></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_UI_%26_Video&diff=138281IS480 Team wiki: 2012T2 box.us UI & Video2013-04-21T15:22:31Z<p>Wmcheong.2010: /* Screenshots */</p>
<hr />
<div><!--Navigation Bar start --><br />
[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
<br />
<br />
<br />
=<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>=<br />
<br />
'''Landing Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide1.JPG|350px]]<br />
|[[Image:BUSlide2.JPG|350px]]<br />
|[[Image:BUSlide3.JPG|350px]]<br />
|-<br />
|-<br />
|[[Image:BUSlide4.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Volunteer Management Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide5.JPG|350px]]<br />
|[[Image:BUSlide6.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Task Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide8.JPG|350px]]<br />
|[[Image:BUSlide9.JPG|350px]]<br />
|[[Image:BUSlide10.JPG|350px]]<br />
|-<br />
|-<br />
|[[Image:BUSlide11.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Task Details Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide12.JPG|350px]]<br />
|[[Image:BUSlide13.JPG|350px]]<br />
|[[Image:BUSlide14.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Matching Volunteers'''<br />
{|<br />
|-<br />
|[[Image:BUSlide15.JPG|350px]]<br />
|[[Image:BUSlide16.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Empact Questions Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide17.JPG|350px]]<br />
|[[Image:BUSlide18.JPG|350px]]<br />
|[[Image:BUSlide19.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''NPO Questions Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide20.JPG|350px]]<br />
|[[Image:Slide21.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Volunteer Task Page'''<br />
{|<br />
|-<br />
|[[Image:Slide22.JPG|350px]]<br />
|[[Image:BUSlide23.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Dashboard'''<br />
{|<br />
|-<br />
|[[Image:Slide25.JPG|350px]]<br />
|[[Image:Slide24.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''More'''<br />
{|<br />
|-<br />
|[[Image:Slide26.JPG|350px]]<br />
|[[Image:BUSlide27.JPG|350px]]<br />
|[[Image:Slide28.JPG|350px]]<br />
|-<br />
|}<br />
<br />
=<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>=<br />
<br />
'''Log-in for ALL users (Volunteers, Empact and NPO)'''<br />
{|<br />
|-<br />
|[[Image:Box-us(sign up page).jpg|350px]]<br />
|[[Image:Box-us(log in page).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Volunteer Registration'''<br />
{|<br />
|-<br />
|[[Image:Box-us(sign up page).jpg|350px]]<br />
|[[Image:Box-us(registration form part 1).jpg|350px]]<br />
|[[Image:Box-us(registration form part 2).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Box-us(registration form part 3).jpg|350px]]<br />
|[[Image:Box-us(registration form part 4).jpg|350px]]<br />
|[[Image:Box-us(registration form end).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:Vol - General Account Settings (1).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (2).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Vol - General Account Settings (4).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Manage Tasks'''<br />
{|<br />
|-<br />
|[[Image:Vol - Manage Tasks (1).jpg|350px]]<br />
|[[Image:Vol - Manage Tasks (2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Task Feedback Form'''<br />
{|<br />
|-<br />
|[[Image:Volunteer Task Feedback Form.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Task Timesheet'''<br />
{|<br />
|-<br />
|[[Image:Volunteer_Time_sheet.jpg|350px]]<br />
|[[Image:Volunteer Edit Time sheet.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Volunteer - Consolidated Volunteer Record'''<br />
{|<br />
|-<br />
|[[Image:Consolidated Volunteer Record.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:Vol - Questions (1).jpg|350px]]<br />
|[[Image:Vol - Questions (2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''Volunteer - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:Volunteer_Dashboard.JPG|450px]]<br />
|-<br />
|}<br />
<br />
'''Empact - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:Em - GAS(1).jpg|350px]]<br />
|[[Image:Em - GAS(2).jpg|350px]]<br />
|[[Image:Em - GAS(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - GAS(4).jpg|350px]]<br />
|[[Image:Em - GAS(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage Volunteers Sign Up'''<br />
{|<br />
|-<br />
|[[Image:Em - MVSU(1).jpg|350px]]<br />
|[[Image:Em - MVSU(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage NPO'''<br />
{|<br />
|-<br />
|[[Image:Em - ANPO(1).jpg|350px]]<br />
|[[Image:Em - ANPO(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage Tasks'''<br />
{|<br />
|-<br />
|[[Image:Em - MT(1).jpg|350px]]<br />
|[[Image:Em - MT(2).jpg|350px]]<br />
|[[Image:Em - MT(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - MT(4).jpg|350px]]<br />
|[[Image:Em - MT(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Empact - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:Em - Q(1).jpg|350px]]<br />
|[[Image:Em - Q(2).jpg|350px]]<br />
|[[Image:Em - Q(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - Q(4).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''Empact - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:Dashboard_E.JPG|450px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Statistics'''<br />
{|<br />
|-<br />
|[[Image:Stas1.JPG|350px]]<br />
|[[Image:Stas2.JPG|350px]]<br />
|[[Image:Stas3.JPG|350px]]<br />
|-<br />
|}<br />
{|<br />
|-<br />
|[[Image:Stas4.JPG|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''NPO - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:NPO - GAS(1).jpg|350px]]<br />
|[[Image:NPO - GAS(2).jpg|350px]]<br />
|[[Image:NPO - GAS(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:NPO - GAS(4).jpg|350px]]<br />
|[[Image:NPO - GAS(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''NPO - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:NPO - Q(1).jpg|350px]]<br />
|[[Image:NPO - Q(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''NPO - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:NPO_dash.JPG|450px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Versioning'''<br />
<br />
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.<br />
<br />
<br />
<br />
<br />
{| class="wikitable" style="text-align: center; height:50px"<br />
|+ <br />
|-<br />
! scope="col" width="400"| Empact<br />
! scope="col" width="400" | Volunteers<br />
! scope="col" width="400" | NPO<br />
|-<br />
<br />
! scope="row" style="background:white"|<br />
*[https://wiki.smu.edu.sg/is480/Image:EmpactPrototype_7Feb2013.xlsx Empact_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:EmpactPrototype_4Feb2013.xlsx Empact_v1]<br />
<br />
<br />
|style="text-align: center;"|<br />
*[https://wiki.smu.edu.sg/is480/Image:VolunteersProtype_7Feb2013.xlsx Volunteers_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:VolunteersProtype_4Feb2013.xlsx Volunteers_v1]<br />
<br />
|style="text-align: center;"|<br />
<br />
*[https://wiki.smu.edu.sg/is480/Image:NPOPrototype_7Feb2013.xlsx NPO_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:NPOPrototype_4Feb2013.xlsx NPO_v1] <br />
|-<br />
|}<br />
<br />
=<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>=<br />
<br />
We would be doing our user interface using Bootstrap 2.2. <br />
A few key features of the BootStrap 2.2 Framework:<br />
<br />
* Responsive Desgin<br />
* Generate your custom template<br />
* Ability to compile new themes on the fly using LESS<br />
<br />
This UI framework helps us to cope with changes made by the client.<br />
<br />
[http://twitter.github.com/bootstrap/ Bootstrap]<br />
<br />
=<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>=<br />
<br />
{|<br />
|-<br />
|[[Image:V1_1.jpg|350px]]<br />
|[[Image:V1_2.jpg|350px]]<br />
|[[Image:V1_3.jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:V1_4.jpg|350px]]<br />
|[[Image:V1_5.jpg|350px]]<br />
|[[Image:V1_6.jpg|350px]]<br />
|-<br />
<br />
|-<br />
|[[Image:V1_7.jpg|350px]]<br />
|[[Image:V1_8.jpg|350px]]<br />
|[[Image:V1_9.jpg|350px]]<br />
|-<br />
<br />
|-<br />
|[[Image:V1_10.jpg|350px]]<br />
|[[Image:V1_11.jpg|350px]]<br />
|[[Image:V1_12.jpg|350px]]<br />
|-<br />
|}<br />
<br />
=<p><div class="NavHead" style="background-color:#2F55A4;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 80%;"><span style="color: White"> '''Video''' </span></div></p>=</div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:Slide28.JPG&diff=138280File:Slide28.JPG2013-04-21T15:22:22Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:BUSlide27.JPG&diff=138279File:BUSlide27.JPG2013-04-21T15:22:06Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:Slide26.JPG&diff=138278File:Slide26.JPG2013-04-21T15:20:24Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:Slide24.JPG&diff=138277File:Slide24.JPG2013-04-21T15:20:10Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:Slide25.JPG&diff=138276File:Slide25.JPG2013-04-21T15:19:55Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_UI_%26_Video&diff=138275IS480 Team wiki: 2012T2 box.us UI & Video2013-04-21T15:19:09Z<p>Wmcheong.2010: /* Screenshots */</p>
<hr />
<div><!--Navigation Bar start --><br />
[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
<br />
<br />
<br />
=<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>=<br />
<br />
'''Landing Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide1.JPG|350px]]<br />
|[[Image:BUSlide2.JPG|350px]]<br />
|[[Image:BUSlide3.JPG|350px]]<br />
|-<br />
|-<br />
|[[Image:BUSlide4.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Volunteer Management Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide5.JPG|350px]]<br />
|[[Image:BUSlide6.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Task Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide8.JPG|350px]]<br />
|[[Image:BUSlide9.JPG|350px]]<br />
|[[Image:BUSlide10.JPG|350px]]<br />
|-<br />
|-<br />
|[[Image:BUSlide11.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Task Details Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide12.JPG|350px]]<br />
|[[Image:BUSlide13.JPG|350px]]<br />
|[[Image:BUSlide14.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Matching Volunteers'''<br />
{|<br />
|-<br />
|[[Image:BUSlide15.JPG|350px]]<br />
|[[Image:BUSlide16.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Empact Questions Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide17.JPG|350px]]<br />
|[[Image:BUSlide18.JPG|350px]]<br />
|[[Image:BUSlide19.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''NPO Questions Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide20.JPG|350px]]<br />
|[[Image:Slide21.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Volunteer Task Page'''<br />
{|<br />
|-<br />
|[[Image:Slide22.JPG|350px]]<br />
|[[Image:BUSlide23.JPG|350px]]<br />
|-<br />
|}<br />
<br />
=<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>=<br />
<br />
'''Log-in for ALL users (Volunteers, Empact and NPO)'''<br />
{|<br />
|-<br />
|[[Image:Box-us(sign up page).jpg|350px]]<br />
|[[Image:Box-us(log in page).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Volunteer Registration'''<br />
{|<br />
|-<br />
|[[Image:Box-us(sign up page).jpg|350px]]<br />
|[[Image:Box-us(registration form part 1).jpg|350px]]<br />
|[[Image:Box-us(registration form part 2).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Box-us(registration form part 3).jpg|350px]]<br />
|[[Image:Box-us(registration form part 4).jpg|350px]]<br />
|[[Image:Box-us(registration form end).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:Vol - General Account Settings (1).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (2).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Vol - General Account Settings (4).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Manage Tasks'''<br />
{|<br />
|-<br />
|[[Image:Vol - Manage Tasks (1).jpg|350px]]<br />
|[[Image:Vol - Manage Tasks (2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Task Feedback Form'''<br />
{|<br />
|-<br />
|[[Image:Volunteer Task Feedback Form.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Task Timesheet'''<br />
{|<br />
|-<br />
|[[Image:Volunteer_Time_sheet.jpg|350px]]<br />
|[[Image:Volunteer Edit Time sheet.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Volunteer - Consolidated Volunteer Record'''<br />
{|<br />
|-<br />
|[[Image:Consolidated Volunteer Record.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:Vol - Questions (1).jpg|350px]]<br />
|[[Image:Vol - Questions (2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''Volunteer - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:Volunteer_Dashboard.JPG|450px]]<br />
|-<br />
|}<br />
<br />
'''Empact - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:Em - GAS(1).jpg|350px]]<br />
|[[Image:Em - GAS(2).jpg|350px]]<br />
|[[Image:Em - GAS(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - GAS(4).jpg|350px]]<br />
|[[Image:Em - GAS(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage Volunteers Sign Up'''<br />
{|<br />
|-<br />
|[[Image:Em - MVSU(1).jpg|350px]]<br />
|[[Image:Em - MVSU(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage NPO'''<br />
{|<br />
|-<br />
|[[Image:Em - ANPO(1).jpg|350px]]<br />
|[[Image:Em - ANPO(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage Tasks'''<br />
{|<br />
|-<br />
|[[Image:Em - MT(1).jpg|350px]]<br />
|[[Image:Em - MT(2).jpg|350px]]<br />
|[[Image:Em - MT(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - MT(4).jpg|350px]]<br />
|[[Image:Em - MT(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Empact - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:Em - Q(1).jpg|350px]]<br />
|[[Image:Em - Q(2).jpg|350px]]<br />
|[[Image:Em - Q(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - Q(4).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''Empact - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:Dashboard_E.JPG|450px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Statistics'''<br />
{|<br />
|-<br />
|[[Image:Stas1.JPG|350px]]<br />
|[[Image:Stas2.JPG|350px]]<br />
|[[Image:Stas3.JPG|350px]]<br />
|-<br />
|}<br />
{|<br />
|-<br />
|[[Image:Stas4.JPG|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''NPO - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:NPO - GAS(1).jpg|350px]]<br />
|[[Image:NPO - GAS(2).jpg|350px]]<br />
|[[Image:NPO - GAS(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:NPO - GAS(4).jpg|350px]]<br />
|[[Image:NPO - GAS(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''NPO - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:NPO - Q(1).jpg|350px]]<br />
|[[Image:NPO - Q(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''NPO - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:NPO_dash.JPG|450px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Versioning'''<br />
<br />
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.<br />
<br />
<br />
<br />
<br />
{| class="wikitable" style="text-align: center; height:50px"<br />
|+ <br />
|-<br />
! scope="col" width="400"| Empact<br />
! scope="col" width="400" | Volunteers<br />
! scope="col" width="400" | NPO<br />
|-<br />
<br />
! scope="row" style="background:white"|<br />
*[https://wiki.smu.edu.sg/is480/Image:EmpactPrototype_7Feb2013.xlsx Empact_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:EmpactPrototype_4Feb2013.xlsx Empact_v1]<br />
<br />
<br />
|style="text-align: center;"|<br />
*[https://wiki.smu.edu.sg/is480/Image:VolunteersProtype_7Feb2013.xlsx Volunteers_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:VolunteersProtype_4Feb2013.xlsx Volunteers_v1]<br />
<br />
|style="text-align: center;"|<br />
<br />
*[https://wiki.smu.edu.sg/is480/Image:NPOPrototype_7Feb2013.xlsx NPO_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:NPOPrototype_4Feb2013.xlsx NPO_v1] <br />
|-<br />
|}<br />
<br />
=<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>=<br />
<br />
We would be doing our user interface using Bootstrap 2.2. <br />
A few key features of the BootStrap 2.2 Framework:<br />
<br />
* Responsive Desgin<br />
* Generate your custom template<br />
* Ability to compile new themes on the fly using LESS<br />
<br />
This UI framework helps us to cope with changes made by the client.<br />
<br />
[http://twitter.github.com/bootstrap/ Bootstrap]<br />
<br />
=<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>=<br />
<br />
{|<br />
|-<br />
|[[Image:V1_1.jpg|350px]]<br />
|[[Image:V1_2.jpg|350px]]<br />
|[[Image:V1_3.jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:V1_4.jpg|350px]]<br />
|[[Image:V1_5.jpg|350px]]<br />
|[[Image:V1_6.jpg|350px]]<br />
|-<br />
<br />
|-<br />
|[[Image:V1_7.jpg|350px]]<br />
|[[Image:V1_8.jpg|350px]]<br />
|[[Image:V1_9.jpg|350px]]<br />
|-<br />
<br />
|-<br />
|[[Image:V1_10.jpg|350px]]<br />
|[[Image:V1_11.jpg|350px]]<br />
|[[Image:V1_12.jpg|350px]]<br />
|-<br />
|}<br />
<br />
=<p><div class="NavHead" style="background-color:#2F55A4;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 80%;"><span style="color: White"> '''Video''' </span></div></p>=</div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:BUSlide23.JPG&diff=138274File:BUSlide23.JPG2013-04-21T15:18:45Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:Slide22.JPG&diff=138273File:Slide22.JPG2013-04-21T15:18:25Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:Slide21.JPG&diff=138272File:Slide21.JPG2013-04-21T15:17:32Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:BUSlide20.JPG&diff=138271File:BUSlide20.JPG2013-04-21T15:17:05Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_UI_%26_Video&diff=138270IS480 Team wiki: 2012T2 box.us UI & Video2013-04-21T15:16:06Z<p>Wmcheong.2010: /* Screenshots */</p>
<hr />
<div><!--Navigation Bar start --><br />
[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
<br />
<br />
<br />
=<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>=<br />
<br />
'''Landing Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide1.JPG|350px]]<br />
|[[Image:BUSlide2.JPG|350px]]<br />
|[[Image:BUSlide3.JPG|350px]]<br />
|-<br />
|-<br />
|[[Image:BUSlide4.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Volunteer Management Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide5.JPG|350px]]<br />
|[[Image:BUSlide6.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Task Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide8.JPG|350px]]<br />
|[[Image:BUSlide9.JPG|350px]]<br />
|[[Image:BUSlide10.JPG|350px]]<br />
|-<br />
|-<br />
|[[Image:BUSlide11.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Task Details Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide12.JPG|350px]]<br />
|[[Image:BUSlide13.JPG|350px]]<br />
|[[Image:BUSlide14.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Matching Volunteers'''<br />
{|<br />
|-<br />
|[[Image:BUSlide15.JPG|350px]]<br />
|[[Image:BUSlide16.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Empact Questions Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide17.JPG|350px]]<br />
|[[Image:BUSlide18.JPG|350px]]<br />
|[[Image:BUSlide19.JPG|350px]]<br />
|-<br />
|}<br />
<br />
=<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>=<br />
<br />
'''Log-in for ALL users (Volunteers, Empact and NPO)'''<br />
{|<br />
|-<br />
|[[Image:Box-us(sign up page).jpg|350px]]<br />
|[[Image:Box-us(log in page).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Volunteer Registration'''<br />
{|<br />
|-<br />
|[[Image:Box-us(sign up page).jpg|350px]]<br />
|[[Image:Box-us(registration form part 1).jpg|350px]]<br />
|[[Image:Box-us(registration form part 2).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Box-us(registration form part 3).jpg|350px]]<br />
|[[Image:Box-us(registration form part 4).jpg|350px]]<br />
|[[Image:Box-us(registration form end).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:Vol - General Account Settings (1).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (2).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Vol - General Account Settings (4).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Manage Tasks'''<br />
{|<br />
|-<br />
|[[Image:Vol - Manage Tasks (1).jpg|350px]]<br />
|[[Image:Vol - Manage Tasks (2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Task Feedback Form'''<br />
{|<br />
|-<br />
|[[Image:Volunteer Task Feedback Form.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Task Timesheet'''<br />
{|<br />
|-<br />
|[[Image:Volunteer_Time_sheet.jpg|350px]]<br />
|[[Image:Volunteer Edit Time sheet.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Volunteer - Consolidated Volunteer Record'''<br />
{|<br />
|-<br />
|[[Image:Consolidated Volunteer Record.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:Vol - Questions (1).jpg|350px]]<br />
|[[Image:Vol - Questions (2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''Volunteer - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:Volunteer_Dashboard.JPG|450px]]<br />
|-<br />
|}<br />
<br />
'''Empact - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:Em - GAS(1).jpg|350px]]<br />
|[[Image:Em - GAS(2).jpg|350px]]<br />
|[[Image:Em - GAS(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - GAS(4).jpg|350px]]<br />
|[[Image:Em - GAS(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage Volunteers Sign Up'''<br />
{|<br />
|-<br />
|[[Image:Em - MVSU(1).jpg|350px]]<br />
|[[Image:Em - MVSU(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage NPO'''<br />
{|<br />
|-<br />
|[[Image:Em - ANPO(1).jpg|350px]]<br />
|[[Image:Em - ANPO(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage Tasks'''<br />
{|<br />
|-<br />
|[[Image:Em - MT(1).jpg|350px]]<br />
|[[Image:Em - MT(2).jpg|350px]]<br />
|[[Image:Em - MT(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - MT(4).jpg|350px]]<br />
|[[Image:Em - MT(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Empact - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:Em - Q(1).jpg|350px]]<br />
|[[Image:Em - Q(2).jpg|350px]]<br />
|[[Image:Em - Q(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - Q(4).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''Empact - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:Dashboard_E.JPG|450px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Statistics'''<br />
{|<br />
|-<br />
|[[Image:Stas1.JPG|350px]]<br />
|[[Image:Stas2.JPG|350px]]<br />
|[[Image:Stas3.JPG|350px]]<br />
|-<br />
|}<br />
{|<br />
|-<br />
|[[Image:Stas4.JPG|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''NPO - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:NPO - GAS(1).jpg|350px]]<br />
|[[Image:NPO - GAS(2).jpg|350px]]<br />
|[[Image:NPO - GAS(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:NPO - GAS(4).jpg|350px]]<br />
|[[Image:NPO - GAS(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''NPO - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:NPO - Q(1).jpg|350px]]<br />
|[[Image:NPO - Q(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''NPO - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:NPO_dash.JPG|450px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Versioning'''<br />
<br />
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.<br />
<br />
<br />
<br />
<br />
{| class="wikitable" style="text-align: center; height:50px"<br />
|+ <br />
|-<br />
! scope="col" width="400"| Empact<br />
! scope="col" width="400" | Volunteers<br />
! scope="col" width="400" | NPO<br />
|-<br />
<br />
! scope="row" style="background:white"|<br />
*[https://wiki.smu.edu.sg/is480/Image:EmpactPrototype_7Feb2013.xlsx Empact_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:EmpactPrototype_4Feb2013.xlsx Empact_v1]<br />
<br />
<br />
|style="text-align: center;"|<br />
*[https://wiki.smu.edu.sg/is480/Image:VolunteersProtype_7Feb2013.xlsx Volunteers_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:VolunteersProtype_4Feb2013.xlsx Volunteers_v1]<br />
<br />
|style="text-align: center;"|<br />
<br />
*[https://wiki.smu.edu.sg/is480/Image:NPOPrototype_7Feb2013.xlsx NPO_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:NPOPrototype_4Feb2013.xlsx NPO_v1] <br />
|-<br />
|}<br />
<br />
=<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>=<br />
<br />
We would be doing our user interface using Bootstrap 2.2. <br />
A few key features of the BootStrap 2.2 Framework:<br />
<br />
* Responsive Desgin<br />
* Generate your custom template<br />
* Ability to compile new themes on the fly using LESS<br />
<br />
This UI framework helps us to cope with changes made by the client.<br />
<br />
[http://twitter.github.com/bootstrap/ Bootstrap]<br />
<br />
=<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>=<br />
<br />
{|<br />
|-<br />
|[[Image:V1_1.jpg|350px]]<br />
|[[Image:V1_2.jpg|350px]]<br />
|[[Image:V1_3.jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:V1_4.jpg|350px]]<br />
|[[Image:V1_5.jpg|350px]]<br />
|[[Image:V1_6.jpg|350px]]<br />
|-<br />
<br />
|-<br />
|[[Image:V1_7.jpg|350px]]<br />
|[[Image:V1_8.jpg|350px]]<br />
|[[Image:V1_9.jpg|350px]]<br />
|-<br />
<br />
|-<br />
|[[Image:V1_10.jpg|350px]]<br />
|[[Image:V1_11.jpg|350px]]<br />
|[[Image:V1_12.jpg|350px]]<br />
|-<br />
|}<br />
<br />
=<p><div class="NavHead" style="background-color:#2F55A4;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 80%;"><span style="color: White"> '''Video''' </span></div></p>=</div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:BUSlide19.JPG&diff=138269File:BUSlide19.JPG2013-04-21T15:15:40Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:BUSlide18.JPG&diff=138268File:BUSlide18.JPG2013-04-21T15:15:17Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:BUSlide17.JPG&diff=138267File:BUSlide17.JPG2013-04-21T15:14:34Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_UI_%26_Video&diff=138266IS480 Team wiki: 2012T2 box.us UI & Video2013-04-21T15:13:55Z<p>Wmcheong.2010: /* Screenshots */</p>
<hr />
<div><!--Navigation Bar start --><br />
[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
<br />
<br />
<br />
=<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>=<br />
<br />
'''Landing Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide1.JPG|350px]]<br />
|[[Image:BUSlide2.JPG|350px]]<br />
|[[Image:BUSlide3.JPG|350px]]<br />
|-<br />
|-<br />
|[[Image:BUSlide4.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Volunteer Management Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide5.JPG|350px]]<br />
|[[Image:BUSlide6.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Task Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide8.JPG|350px]]<br />
|[[Image:BUSlide9.JPG|350px]]<br />
|[[Image:BUSlide10.JPG|350px]]<br />
|-<br />
|-<br />
|[[Image:BUSlide11.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Task Details Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide12.JPG|350px]]<br />
|[[Image:BUSlide13.JPG|350px]]<br />
|[[Image:BUSlide14.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Matching Volunteers'''<br />
{|<br />
|-<br />
|[[Image:BUSlide15.JPG|350px]]<br />
|[[Image:BUSlide16.JPG|350px]]<br />
|-<br />
|}<br />
<br />
=<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>=<br />
<br />
'''Log-in for ALL users (Volunteers, Empact and NPO)'''<br />
{|<br />
|-<br />
|[[Image:Box-us(sign up page).jpg|350px]]<br />
|[[Image:Box-us(log in page).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Volunteer Registration'''<br />
{|<br />
|-<br />
|[[Image:Box-us(sign up page).jpg|350px]]<br />
|[[Image:Box-us(registration form part 1).jpg|350px]]<br />
|[[Image:Box-us(registration form part 2).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Box-us(registration form part 3).jpg|350px]]<br />
|[[Image:Box-us(registration form part 4).jpg|350px]]<br />
|[[Image:Box-us(registration form end).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:Vol - General Account Settings (1).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (2).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Vol - General Account Settings (4).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Manage Tasks'''<br />
{|<br />
|-<br />
|[[Image:Vol - Manage Tasks (1).jpg|350px]]<br />
|[[Image:Vol - Manage Tasks (2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Task Feedback Form'''<br />
{|<br />
|-<br />
|[[Image:Volunteer Task Feedback Form.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Task Timesheet'''<br />
{|<br />
|-<br />
|[[Image:Volunteer_Time_sheet.jpg|350px]]<br />
|[[Image:Volunteer Edit Time sheet.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Volunteer - Consolidated Volunteer Record'''<br />
{|<br />
|-<br />
|[[Image:Consolidated Volunteer Record.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:Vol - Questions (1).jpg|350px]]<br />
|[[Image:Vol - Questions (2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''Volunteer - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:Volunteer_Dashboard.JPG|450px]]<br />
|-<br />
|}<br />
<br />
'''Empact - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:Em - GAS(1).jpg|350px]]<br />
|[[Image:Em - GAS(2).jpg|350px]]<br />
|[[Image:Em - GAS(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - GAS(4).jpg|350px]]<br />
|[[Image:Em - GAS(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage Volunteers Sign Up'''<br />
{|<br />
|-<br />
|[[Image:Em - MVSU(1).jpg|350px]]<br />
|[[Image:Em - MVSU(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage NPO'''<br />
{|<br />
|-<br />
|[[Image:Em - ANPO(1).jpg|350px]]<br />
|[[Image:Em - ANPO(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage Tasks'''<br />
{|<br />
|-<br />
|[[Image:Em - MT(1).jpg|350px]]<br />
|[[Image:Em - MT(2).jpg|350px]]<br />
|[[Image:Em - MT(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - MT(4).jpg|350px]]<br />
|[[Image:Em - MT(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Empact - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:Em - Q(1).jpg|350px]]<br />
|[[Image:Em - Q(2).jpg|350px]]<br />
|[[Image:Em - Q(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - Q(4).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''Empact - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:Dashboard_E.JPG|450px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Statistics'''<br />
{|<br />
|-<br />
|[[Image:Stas1.JPG|350px]]<br />
|[[Image:Stas2.JPG|350px]]<br />
|[[Image:Stas3.JPG|350px]]<br />
|-<br />
|}<br />
{|<br />
|-<br />
|[[Image:Stas4.JPG|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''NPO - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:NPO - GAS(1).jpg|350px]]<br />
|[[Image:NPO - GAS(2).jpg|350px]]<br />
|[[Image:NPO - GAS(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:NPO - GAS(4).jpg|350px]]<br />
|[[Image:NPO - GAS(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''NPO - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:NPO - Q(1).jpg|350px]]<br />
|[[Image:NPO - Q(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''NPO - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:NPO_dash.JPG|450px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Versioning'''<br />
<br />
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.<br />
<br />
<br />
<br />
<br />
{| class="wikitable" style="text-align: center; height:50px"<br />
|+ <br />
|-<br />
! scope="col" width="400"| Empact<br />
! scope="col" width="400" | Volunteers<br />
! scope="col" width="400" | NPO<br />
|-<br />
<br />
! scope="row" style="background:white"|<br />
*[https://wiki.smu.edu.sg/is480/Image:EmpactPrototype_7Feb2013.xlsx Empact_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:EmpactPrototype_4Feb2013.xlsx Empact_v1]<br />
<br />
<br />
|style="text-align: center;"|<br />
*[https://wiki.smu.edu.sg/is480/Image:VolunteersProtype_7Feb2013.xlsx Volunteers_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:VolunteersProtype_4Feb2013.xlsx Volunteers_v1]<br />
<br />
|style="text-align: center;"|<br />
<br />
*[https://wiki.smu.edu.sg/is480/Image:NPOPrototype_7Feb2013.xlsx NPO_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:NPOPrototype_4Feb2013.xlsx NPO_v1] <br />
|-<br />
|}<br />
<br />
=<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>=<br />
<br />
We would be doing our user interface using Bootstrap 2.2. <br />
A few key features of the BootStrap 2.2 Framework:<br />
<br />
* Responsive Desgin<br />
* Generate your custom template<br />
* Ability to compile new themes on the fly using LESS<br />
<br />
This UI framework helps us to cope with changes made by the client.<br />
<br />
[http://twitter.github.com/bootstrap/ Bootstrap]<br />
<br />
=<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>=<br />
<br />
{|<br />
|-<br />
|[[Image:V1_1.jpg|350px]]<br />
|[[Image:V1_2.jpg|350px]]<br />
|[[Image:V1_3.jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:V1_4.jpg|350px]]<br />
|[[Image:V1_5.jpg|350px]]<br />
|[[Image:V1_6.jpg|350px]]<br />
|-<br />
<br />
|-<br />
|[[Image:V1_7.jpg|350px]]<br />
|[[Image:V1_8.jpg|350px]]<br />
|[[Image:V1_9.jpg|350px]]<br />
|-<br />
<br />
|-<br />
|[[Image:V1_10.jpg|350px]]<br />
|[[Image:V1_11.jpg|350px]]<br />
|[[Image:V1_12.jpg|350px]]<br />
|-<br />
|}<br />
<br />
=<p><div class="NavHead" style="background-color:#2F55A4;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 80%;"><span style="color: White"> '''Video''' </span></div></p>=</div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:BUSlide16.JPG&diff=138265File:BUSlide16.JPG2013-04-21T15:13:39Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_UI_%26_Video&diff=138264IS480 Team wiki: 2012T2 box.us UI & Video2013-04-21T15:12:24Z<p>Wmcheong.2010: /* Screenshots */</p>
<hr />
<div><!--Navigation Bar start --><br />
[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
<br />
<br />
<br />
=<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>=<br />
<br />
'''Landing Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide1.JPG|350px]]<br />
|[[Image:BUSlide2.JPG|350px]]<br />
|[[Image:BUSlide3.JPG|350px]]<br />
|-<br />
|-<br />
|[[Image:BUSlide4.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Volunteer Management Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide5.JPG|350px]]<br />
|[[Image:BUSlide6.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Task Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide8.JPG|350px]]<br />
|[[Image:BUSlide9.JPG|350px]]<br />
|[[Image:BUSlide10.JPG|350px]]<br />
|-<br />
|-<br />
|[[Image:BUSlide11.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Task Details Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide12.JPG|350px]]<br />
|[[Image:BUSlide13.JPG|350px]]<br />
|[[Image:BUSlide14.JPG|350px]]<br />
|-<br />
|}<br />
<br />
=<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>=<br />
<br />
'''Log-in for ALL users (Volunteers, Empact and NPO)'''<br />
{|<br />
|-<br />
|[[Image:Box-us(sign up page).jpg|350px]]<br />
|[[Image:Box-us(log in page).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Volunteer Registration'''<br />
{|<br />
|-<br />
|[[Image:Box-us(sign up page).jpg|350px]]<br />
|[[Image:Box-us(registration form part 1).jpg|350px]]<br />
|[[Image:Box-us(registration form part 2).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Box-us(registration form part 3).jpg|350px]]<br />
|[[Image:Box-us(registration form part 4).jpg|350px]]<br />
|[[Image:Box-us(registration form end).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:Vol - General Account Settings (1).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (2).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Vol - General Account Settings (4).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Manage Tasks'''<br />
{|<br />
|-<br />
|[[Image:Vol - Manage Tasks (1).jpg|350px]]<br />
|[[Image:Vol - Manage Tasks (2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Task Feedback Form'''<br />
{|<br />
|-<br />
|[[Image:Volunteer Task Feedback Form.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Task Timesheet'''<br />
{|<br />
|-<br />
|[[Image:Volunteer_Time_sheet.jpg|350px]]<br />
|[[Image:Volunteer Edit Time sheet.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Volunteer - Consolidated Volunteer Record'''<br />
{|<br />
|-<br />
|[[Image:Consolidated Volunteer Record.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:Vol - Questions (1).jpg|350px]]<br />
|[[Image:Vol - Questions (2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''Volunteer - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:Volunteer_Dashboard.JPG|450px]]<br />
|-<br />
|}<br />
<br />
'''Empact - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:Em - GAS(1).jpg|350px]]<br />
|[[Image:Em - GAS(2).jpg|350px]]<br />
|[[Image:Em - GAS(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - GAS(4).jpg|350px]]<br />
|[[Image:Em - GAS(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage Volunteers Sign Up'''<br />
{|<br />
|-<br />
|[[Image:Em - MVSU(1).jpg|350px]]<br />
|[[Image:Em - MVSU(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage NPO'''<br />
{|<br />
|-<br />
|[[Image:Em - ANPO(1).jpg|350px]]<br />
|[[Image:Em - ANPO(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage Tasks'''<br />
{|<br />
|-<br />
|[[Image:Em - MT(1).jpg|350px]]<br />
|[[Image:Em - MT(2).jpg|350px]]<br />
|[[Image:Em - MT(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - MT(4).jpg|350px]]<br />
|[[Image:Em - MT(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Empact - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:Em - Q(1).jpg|350px]]<br />
|[[Image:Em - Q(2).jpg|350px]]<br />
|[[Image:Em - Q(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - Q(4).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''Empact - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:Dashboard_E.JPG|450px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Statistics'''<br />
{|<br />
|-<br />
|[[Image:Stas1.JPG|350px]]<br />
|[[Image:Stas2.JPG|350px]]<br />
|[[Image:Stas3.JPG|350px]]<br />
|-<br />
|}<br />
{|<br />
|-<br />
|[[Image:Stas4.JPG|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''NPO - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:NPO - GAS(1).jpg|350px]]<br />
|[[Image:NPO - GAS(2).jpg|350px]]<br />
|[[Image:NPO - GAS(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:NPO - GAS(4).jpg|350px]]<br />
|[[Image:NPO - GAS(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''NPO - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:NPO - Q(1).jpg|350px]]<br />
|[[Image:NPO - Q(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''NPO - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:NPO_dash.JPG|450px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Versioning'''<br />
<br />
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.<br />
<br />
<br />
<br />
<br />
{| class="wikitable" style="text-align: center; height:50px"<br />
|+ <br />
|-<br />
! scope="col" width="400"| Empact<br />
! scope="col" width="400" | Volunteers<br />
! scope="col" width="400" | NPO<br />
|-<br />
<br />
! scope="row" style="background:white"|<br />
*[https://wiki.smu.edu.sg/is480/Image:EmpactPrototype_7Feb2013.xlsx Empact_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:EmpactPrototype_4Feb2013.xlsx Empact_v1]<br />
<br />
<br />
|style="text-align: center;"|<br />
*[https://wiki.smu.edu.sg/is480/Image:VolunteersProtype_7Feb2013.xlsx Volunteers_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:VolunteersProtype_4Feb2013.xlsx Volunteers_v1]<br />
<br />
|style="text-align: center;"|<br />
<br />
*[https://wiki.smu.edu.sg/is480/Image:NPOPrototype_7Feb2013.xlsx NPO_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:NPOPrototype_4Feb2013.xlsx NPO_v1] <br />
|-<br />
|}<br />
<br />
=<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>=<br />
<br />
We would be doing our user interface using Bootstrap 2.2. <br />
A few key features of the BootStrap 2.2 Framework:<br />
<br />
* Responsive Desgin<br />
* Generate your custom template<br />
* Ability to compile new themes on the fly using LESS<br />
<br />
This UI framework helps us to cope with changes made by the client.<br />
<br />
[http://twitter.github.com/bootstrap/ Bootstrap]<br />
<br />
=<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>=<br />
<br />
{|<br />
|-<br />
|[[Image:V1_1.jpg|350px]]<br />
|[[Image:V1_2.jpg|350px]]<br />
|[[Image:V1_3.jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:V1_4.jpg|350px]]<br />
|[[Image:V1_5.jpg|350px]]<br />
|[[Image:V1_6.jpg|350px]]<br />
|-<br />
<br />
|-<br />
|[[Image:V1_7.jpg|350px]]<br />
|[[Image:V1_8.jpg|350px]]<br />
|[[Image:V1_9.jpg|350px]]<br />
|-<br />
<br />
|-<br />
|[[Image:V1_10.jpg|350px]]<br />
|[[Image:V1_11.jpg|350px]]<br />
|[[Image:V1_12.jpg|350px]]<br />
|-<br />
|}<br />
<br />
=<p><div class="NavHead" style="background-color:#2F55A4;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 80%;"><span style="color: White"> '''Video''' </span></div></p>=</div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:BUSlide15.JPG&diff=138263File:BUSlide15.JPG2013-04-21T15:12:15Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:BUSlide14.JPG&diff=138262File:BUSlide14.JPG2013-04-21T15:11:48Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:BUSlide13.JPG&diff=138261File:BUSlide13.JPG2013-04-21T15:11:29Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:BUSlide12.JPG&diff=138260File:BUSlide12.JPG2013-04-21T15:11:08Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_UI_%26_Video&diff=138259IS480 Team wiki: 2012T2 box.us UI & Video2013-04-21T15:09:34Z<p>Wmcheong.2010: /* Screenshots */</p>
<hr />
<div><!--Navigation Bar start --><br />
[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
<br />
<br />
<br />
=<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>=<br />
<br />
'''Landing Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide1.JPG|350px]]<br />
|[[Image:BUSlide2.JPG|350px]]<br />
|[[Image:BUSlide3.JPG|350px]]<br />
|-<br />
|-<br />
|[[Image:BUSlide4.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Volunteer Management Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide5.JPG|350px]]<br />
|[[Image:BUSlide6.JPG|350px]]<br />
|-<br />
|}<br />
<br />
'''Task Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide8.JPG|350px]]<br />
|[[Image:BUSlide9.JPG|350px]]<br />
|[[Image:BUSlide10.JPG|350px]]<br />
|-<br />
|-<br />
|[[Image:BUSlide11.JPG|350px]]<br />
|-<br />
|}<br />
<br />
=<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>=<br />
<br />
'''Log-in for ALL users (Volunteers, Empact and NPO)'''<br />
{|<br />
|-<br />
|[[Image:Box-us(sign up page).jpg|350px]]<br />
|[[Image:Box-us(log in page).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Volunteer Registration'''<br />
{|<br />
|-<br />
|[[Image:Box-us(sign up page).jpg|350px]]<br />
|[[Image:Box-us(registration form part 1).jpg|350px]]<br />
|[[Image:Box-us(registration form part 2).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Box-us(registration form part 3).jpg|350px]]<br />
|[[Image:Box-us(registration form part 4).jpg|350px]]<br />
|[[Image:Box-us(registration form end).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:Vol - General Account Settings (1).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (2).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Vol - General Account Settings (4).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Manage Tasks'''<br />
{|<br />
|-<br />
|[[Image:Vol - Manage Tasks (1).jpg|350px]]<br />
|[[Image:Vol - Manage Tasks (2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Task Feedback Form'''<br />
{|<br />
|-<br />
|[[Image:Volunteer Task Feedback Form.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Task Timesheet'''<br />
{|<br />
|-<br />
|[[Image:Volunteer_Time_sheet.jpg|350px]]<br />
|[[Image:Volunteer Edit Time sheet.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Volunteer - Consolidated Volunteer Record'''<br />
{|<br />
|-<br />
|[[Image:Consolidated Volunteer Record.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:Vol - Questions (1).jpg|350px]]<br />
|[[Image:Vol - Questions (2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''Volunteer - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:Volunteer_Dashboard.JPG|450px]]<br />
|-<br />
|}<br />
<br />
'''Empact - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:Em - GAS(1).jpg|350px]]<br />
|[[Image:Em - GAS(2).jpg|350px]]<br />
|[[Image:Em - GAS(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - GAS(4).jpg|350px]]<br />
|[[Image:Em - GAS(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage Volunteers Sign Up'''<br />
{|<br />
|-<br />
|[[Image:Em - MVSU(1).jpg|350px]]<br />
|[[Image:Em - MVSU(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage NPO'''<br />
{|<br />
|-<br />
|[[Image:Em - ANPO(1).jpg|350px]]<br />
|[[Image:Em - ANPO(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage Tasks'''<br />
{|<br />
|-<br />
|[[Image:Em - MT(1).jpg|350px]]<br />
|[[Image:Em - MT(2).jpg|350px]]<br />
|[[Image:Em - MT(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - MT(4).jpg|350px]]<br />
|[[Image:Em - MT(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Empact - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:Em - Q(1).jpg|350px]]<br />
|[[Image:Em - Q(2).jpg|350px]]<br />
|[[Image:Em - Q(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - Q(4).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''Empact - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:Dashboard_E.JPG|450px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Statistics'''<br />
{|<br />
|-<br />
|[[Image:Stas1.JPG|350px]]<br />
|[[Image:Stas2.JPG|350px]]<br />
|[[Image:Stas3.JPG|350px]]<br />
|-<br />
|}<br />
{|<br />
|-<br />
|[[Image:Stas4.JPG|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''NPO - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:NPO - GAS(1).jpg|350px]]<br />
|[[Image:NPO - GAS(2).jpg|350px]]<br />
|[[Image:NPO - GAS(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:NPO - GAS(4).jpg|350px]]<br />
|[[Image:NPO - GAS(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''NPO - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:NPO - Q(1).jpg|350px]]<br />
|[[Image:NPO - Q(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''NPO - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:NPO_dash.JPG|450px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Versioning'''<br />
<br />
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.<br />
<br />
<br />
<br />
<br />
{| class="wikitable" style="text-align: center; height:50px"<br />
|+ <br />
|-<br />
! scope="col" width="400"| Empact<br />
! scope="col" width="400" | Volunteers<br />
! scope="col" width="400" | NPO<br />
|-<br />
<br />
! scope="row" style="background:white"|<br />
*[https://wiki.smu.edu.sg/is480/Image:EmpactPrototype_7Feb2013.xlsx Empact_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:EmpactPrototype_4Feb2013.xlsx Empact_v1]<br />
<br />
<br />
|style="text-align: center;"|<br />
*[https://wiki.smu.edu.sg/is480/Image:VolunteersProtype_7Feb2013.xlsx Volunteers_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:VolunteersProtype_4Feb2013.xlsx Volunteers_v1]<br />
<br />
|style="text-align: center;"|<br />
<br />
*[https://wiki.smu.edu.sg/is480/Image:NPOPrototype_7Feb2013.xlsx NPO_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:NPOPrototype_4Feb2013.xlsx NPO_v1] <br />
|-<br />
|}<br />
<br />
=<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>=<br />
<br />
We would be doing our user interface using Bootstrap 2.2. <br />
A few key features of the BootStrap 2.2 Framework:<br />
<br />
* Responsive Desgin<br />
* Generate your custom template<br />
* Ability to compile new themes on the fly using LESS<br />
<br />
This UI framework helps us to cope with changes made by the client.<br />
<br />
[http://twitter.github.com/bootstrap/ Bootstrap]<br />
<br />
=<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>=<br />
<br />
{|<br />
|-<br />
|[[Image:V1_1.jpg|350px]]<br />
|[[Image:V1_2.jpg|350px]]<br />
|[[Image:V1_3.jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:V1_4.jpg|350px]]<br />
|[[Image:V1_5.jpg|350px]]<br />
|[[Image:V1_6.jpg|350px]]<br />
|-<br />
<br />
|-<br />
|[[Image:V1_7.jpg|350px]]<br />
|[[Image:V1_8.jpg|350px]]<br />
|[[Image:V1_9.jpg|350px]]<br />
|-<br />
<br />
|-<br />
|[[Image:V1_10.jpg|350px]]<br />
|[[Image:V1_11.jpg|350px]]<br />
|[[Image:V1_12.jpg|350px]]<br />
|-<br />
|}<br />
<br />
=<p><div class="NavHead" style="background-color:#2F55A4;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 80%;"><span style="color: White"> '''Video''' </span></div></p>=</div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:BUSlide11.JPG&diff=138258File:BUSlide11.JPG2013-04-21T15:09:24Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:BUSlide10.JPG&diff=138257File:BUSlide10.JPG2013-04-21T15:09:04Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:BUSlide9.JPG&diff=138256File:BUSlide9.JPG2013-04-21T15:08:44Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:BUSlide8.JPG&diff=138255File:BUSlide8.JPG2013-04-21T15:08:23Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:BUSlide6.JPG&diff=138253File:BUSlide6.JPG2013-04-21T15:07:29Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:BUSlide5.JPG&diff=138252File:BUSlide5.JPG2013-04-21T15:06:57Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_UI_%26_Video&diff=138249IS480 Team wiki: 2012T2 box.us UI & Video2013-04-21T14:33:17Z<p>Wmcheong.2010: /* Screenshots */</p>
<hr />
<div><!--Navigation Bar start --><br />
[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
<br />
<br />
<br />
=<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>=<br />
<br />
'''Landing Page'''<br />
{|<br />
|-<br />
|[[Image:BUSlide1.JPG|350px]]<br />
|[[Image:BUSlide2.JPG|350px]]<br />
|[[Image:BUSlide3.JPG|350px]]<br />
|-<br />
|-<br />
|[[Image:BUSlide4.JPG|350px]]<br />
|-<br />
|}<br />
<br />
=<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>=<br />
<br />
'''Log-in for ALL users (Volunteers, Empact and NPO)'''<br />
{|<br />
|-<br />
|[[Image:Box-us(sign up page).jpg|350px]]<br />
|[[Image:Box-us(log in page).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Volunteer Registration'''<br />
{|<br />
|-<br />
|[[Image:Box-us(sign up page).jpg|350px]]<br />
|[[Image:Box-us(registration form part 1).jpg|350px]]<br />
|[[Image:Box-us(registration form part 2).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Box-us(registration form part 3).jpg|350px]]<br />
|[[Image:Box-us(registration form part 4).jpg|350px]]<br />
|[[Image:Box-us(registration form end).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:Vol - General Account Settings (1).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (2).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Vol - General Account Settings (4).jpg|350px]]<br />
|[[Image:Vol - General Account Settings (5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Manage Tasks'''<br />
{|<br />
|-<br />
|[[Image:Vol - Manage Tasks (1).jpg|350px]]<br />
|[[Image:Vol - Manage Tasks (2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Task Feedback Form'''<br />
{|<br />
|-<br />
|[[Image:Volunteer Task Feedback Form.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Task Timesheet'''<br />
{|<br />
|-<br />
|[[Image:Volunteer_Time_sheet.jpg|350px]]<br />
|[[Image:Volunteer Edit Time sheet.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Volunteer - Consolidated Volunteer Record'''<br />
{|<br />
|-<br />
|[[Image:Consolidated Volunteer Record.jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Volunteer - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:Vol - Questions (1).jpg|350px]]<br />
|[[Image:Vol - Questions (2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''Volunteer - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:Volunteer_Dashboard.JPG|450px]]<br />
|-<br />
|}<br />
<br />
'''Empact - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:Em - GAS(1).jpg|350px]]<br />
|[[Image:Em - GAS(2).jpg|350px]]<br />
|[[Image:Em - GAS(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - GAS(4).jpg|350px]]<br />
|[[Image:Em - GAS(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage Volunteers Sign Up'''<br />
{|<br />
|-<br />
|[[Image:Em - MVSU(1).jpg|350px]]<br />
|[[Image:Em - MVSU(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage NPO'''<br />
{|<br />
|-<br />
|[[Image:Em - ANPO(1).jpg|350px]]<br />
|[[Image:Em - ANPO(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Manage Tasks'''<br />
{|<br />
|-<br />
|[[Image:Em - MT(1).jpg|350px]]<br />
|[[Image:Em - MT(2).jpg|350px]]<br />
|[[Image:Em - MT(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - MT(4).jpg|350px]]<br />
|[[Image:Em - MT(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Empact - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:Em - Q(1).jpg|350px]]<br />
|[[Image:Em - Q(2).jpg|350px]]<br />
|[[Image:Em - Q(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:Em - Q(4).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''Empact - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:Dashboard_E.JPG|450px]]<br />
|-<br />
|}<br />
<br />
<br />
'''Empact - Statistics'''<br />
{|<br />
|-<br />
|[[Image:Stas1.JPG|350px]]<br />
|[[Image:Stas2.JPG|350px]]<br />
|[[Image:Stas3.JPG|350px]]<br />
|-<br />
|}<br />
{|<br />
|-<br />
|[[Image:Stas4.JPG|350px]]<br />
|-<br />
|}<br />
<br />
<br />
'''NPO - General Account Settings'''<br />
{|<br />
|-<br />
|[[Image:NPO - GAS(1).jpg|350px]]<br />
|[[Image:NPO - GAS(2).jpg|350px]]<br />
|[[Image:NPO - GAS(3).jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:NPO - GAS(4).jpg|350px]]<br />
|[[Image:NPO - GAS(5).jpg|350px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''NPO - Manage Questions'''<br />
{|<br />
|-<br />
|[[Image:NPO - Q(1).jpg|350px]]<br />
|[[Image:NPO - Q(2).jpg|350px]]<br />
|-<br />
|}<br />
<br />
'''NPO - Dashboard'''<br />
{|<br />
|-<br />
|[[Image:NPO_dash.JPG|450px]]<br />
|-<br />
|}<br />
<br />
<br />
<br />
'''Versioning'''<br />
<br />
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.<br />
<br />
<br />
<br />
<br />
{| class="wikitable" style="text-align: center; height:50px"<br />
|+ <br />
|-<br />
! scope="col" width="400"| Empact<br />
! scope="col" width="400" | Volunteers<br />
! scope="col" width="400" | NPO<br />
|-<br />
<br />
! scope="row" style="background:white"|<br />
*[https://wiki.smu.edu.sg/is480/Image:EmpactPrototype_7Feb2013.xlsx Empact_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:EmpactPrototype_4Feb2013.xlsx Empact_v1]<br />
<br />
<br />
|style="text-align: center;"|<br />
*[https://wiki.smu.edu.sg/is480/Image:VolunteersProtype_7Feb2013.xlsx Volunteers_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:VolunteersProtype_4Feb2013.xlsx Volunteers_v1]<br />
<br />
|style="text-align: center;"|<br />
<br />
*[https://wiki.smu.edu.sg/is480/Image:NPOPrototype_7Feb2013.xlsx NPO_v2]<br />
*[https://wiki.smu.edu.sg/is480/Image:NPOPrototype_4Feb2013.xlsx NPO_v1] <br />
|-<br />
|}<br />
<br />
=<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>=<br />
<br />
We would be doing our user interface using Bootstrap 2.2. <br />
A few key features of the BootStrap 2.2 Framework:<br />
<br />
* Responsive Desgin<br />
* Generate your custom template<br />
* Ability to compile new themes on the fly using LESS<br />
<br />
This UI framework helps us to cope with changes made by the client.<br />
<br />
[http://twitter.github.com/bootstrap/ Bootstrap]<br />
<br />
=<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>=<br />
<br />
{|<br />
|-<br />
|[[Image:V1_1.jpg|350px]]<br />
|[[Image:V1_2.jpg|350px]]<br />
|[[Image:V1_3.jpg|350px]]<br />
|-<br />
|-<br />
|[[Image:V1_4.jpg|350px]]<br />
|[[Image:V1_5.jpg|350px]]<br />
|[[Image:V1_6.jpg|350px]]<br />
|-<br />
<br />
|-<br />
|[[Image:V1_7.jpg|350px]]<br />
|[[Image:V1_8.jpg|350px]]<br />
|[[Image:V1_9.jpg|350px]]<br />
|-<br />
<br />
|-<br />
|[[Image:V1_10.jpg|350px]]<br />
|[[Image:V1_11.jpg|350px]]<br />
|[[Image:V1_12.jpg|350px]]<br />
|-<br />
|}<br />
<br />
=<p><div class="NavHead" style="background-color:#2F55A4;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 80%;"><span style="color: White"> '''Video''' </span></div></p>=</div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:BUSlide4.JPG&diff=138248File:BUSlide4.JPG2013-04-21T14:33:01Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:BUSlide3.JPG&diff=138247File:BUSlide3.JPG2013-04-21T14:32:32Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:BUSlide2.JPG&diff=138246File:BUSlide2.JPG2013-04-21T14:32:08Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=File:BUSlide1.JPG&diff=138245File:BUSlide1.JPG2013-04-21T14:31:46Z<p>Wmcheong.2010: </p>
<hr />
<div></div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_Final&diff=138204IS480 Team wiki: 2012T2 box.us Final2013-04-21T12:15:22Z<p>Wmcheong.2010: /* User Acceptance Test */</p>
<hr />
<div>[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
</font><br />
<br />
*[http://blue.smu.edu.sg/IS480/2012-2013/Grading.html Grading Criteria]<br />
<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Progress Summary''' </span></div></p>==<br />
<br />
<center><br />
<h3>What Is This Project About?</h3><br />
[[Image:TopPartForWiki.png | 700px]]<br />
<p>Check out our 1 min ++ video pitch to find out what this project is about at [http://youtu.be/DCWFSOd1MH0 Youtube]</p><br />
</center><br />
<br />
==<p><div class="NavHead" style=";-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: black"> '''Quick Links''' </span></div></p>==<br />
<br />
{|class="wikitable" style="width:1000px"<br />
!style="width:100%" | <br />
<center><h4>Final Presentation Slides: <small>''coming soon''</small></h4></center><br />
<center><h3>Deployed Site: <small>[http://www.empact.sg/act Empact ACT]</small></h3></center><br />
<center><h3>Demonstration Site: <small>[http://www.empact.sg/testact Empact ACT(Staging)]</small></h3></center><br />
<center><h4>Initial Proposal: <small>[[Media:Empact_v2.2_Final_Merged.pdf | Proposal]]</small></h4></center><br />
|-<br />
|}<br />
<br />
<br />
<br />
<br />
<br />
===Project Highlights:===<br />
<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Managing the Great Amount of Issues being Highlighted during Deployment</b></big><br/><br />
* Ranked the Issues based on their Priority<br />
** <b>Low Priority</b>: Minor UI suggestions and issues<br />
** <b>Medium Priority</b>: UI suggestions that changes the understanding of the system<br />
** <b>High Priority</b>: Usability Catastrophe or Software Bugs<br />
* Discussed with client what were the focuses<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Volunteers did not find language in the system friendly</b></big><br/><br />
* Re-worded the language to make it more volunteer friendly, together with the client<br />
* Re-worked the design of the dashboard and menu bar<br />
** Adjusting language to make it more suitable for volunteers<br />
** Added a background<br />
* Changes were only limited to volunteer view as Empact preferred the more operational terms<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Addition of 2 functionalities</b></big><br/><br />
* <b>2 functionalities were:</b> Exporting of Task and Volunteer information & Question Notification Turn On/Off Option<br />
* Exporting of Task and Volunteer Information: <i>Iteration 11</i><br />
* Notification Turn On/Off: <i>Iteration 12</i><br />
|}<br />
<br />
===Project Challenges:===<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Gathering Requirements from Empact</b></big><br/><br />
*<i>No defined business processes</i>: New company that did not have a formal set of business process<br />
*<i>No IT expert</i>: Did not have an IT expert to help them identify the needs in the system<br />
<i><b>How we Managed</b></i><br />
* Paper prototyping: Initial paper prototyping<br />
* Showing the developed functionalities at every client meeting<br />
* Gathering volunteer feedback through User Testings<br />
* Deployment Testing<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Dealing with Changes</b></big><br/><br />
The risk of gathering feedback after the system has been developed is running the risk of it being entirely misaligned with Empact's business model. Cost of changing at the later part becomes higher also. However, it was necessary for the team to be able to accommodate to changes to build a system that Empact would really find value in.<br />
<br/><br />
<i><b>How we Managed</b></i><br />
* Decision Factors: Change Management Plan<br />
* Issue Tracking List helped us to track smaller issues and changes that were raised along the way<br />
* Prioritizing the Issues raised<br />
* Discussion based on how much value and how important would it be for Empact<br />
|}<br />
<br />
<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Management''' </span></div></p>==<br />
===Project Scope:===<br />
[[Image:Boxus_FinalsScope.png | 500px]]<br/><br />
<br />
{| class="wikitable sortable" style="width:700;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Change<br />
! scope="col" width="500" style="background:#810541;color:#ffffff"| Change Description<br />
|-<br />
<br />
! scope="row" style="text-align:center" | 1<br />
! scope="row" style="background-color:white" | <br />
Notification<br />
* Notification Turn On/Off<br />
|-<br />
|}<br />
<br/><br />
<br />
===Project Schedule (Plan Vs Actual):===<br />
<br />
[[Image:Boxus_PlanVsActual.png | 800px]]<br />
<br />
===Project Metrics:===<br />
<br />
====<b>BUG METRICS</b><br/>====<br />
* Bug Score: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug Metric on Google Docs]<br />
* Bug Log: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=0 Bug Log on Google Docs]<br />
* Explanation of Bug Tracking: [[IS480_Team_wiki:_2012T2_box.us_Project_Management#BUG_METRICS | Bug Metrics]]<br />
<br/><br />
[[Image:Boxus_BugMetricsFinals.png | 500px ]]<br />
{| class="wikitable" style="width:800;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Iteration<br />
! scope="col" width="20" style="background:#810541;color:#ffffff"| Bug Score<br />
! scope="col" width="300" style="background:#810541;color:#ffffff"| Any Actions Taken<br />
|-<br />
! scope="row" style="text-align:center;" | 11<br />
! scope="row" style="text-align:center;" | 31<br />
! scope="row" style="background-color:white" | <br />
Increase in Bug Score due to bugs that were recorded from User Testing 2<br />
* 2 days allocated to fix bugs from User Testing 2<br />
|-<br />
! scope="row" style="text-align:center;" | 12<br />
! scope="row" style="text-align:center;" | 16<br />
! scope="row" style="background-color:white" | <br />
New features of the system(Statistics, Dashboard and Notifications) were being released<br />
* Allow Empact to have a full picture of the entire system for testing<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
! scope="row" style="text-align:center;" | 13<br />
! scope="row" style="text-align:center;" | 58<br />
! scope="row" style="background-color:white" | <br />
More thorough testing was being performed for the UAT<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
|}<br />
<br />
====SCHEDULE METRICS====<br />
* Schedule: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule on Google Docs]<br />
[[Image:Boxus_Schedulemetricsfinals.png | 500px]]<br />
<br />
===Handing Over===<br />
<small><i>Take a look at our Handing Over Plan: [https://docs.google.com/document/d/1U5bX8Nw8Rg-HK6_Jip_wmbx0bbw2Sh7qcIJqb3Pfisw/edit Handing Over Plan on Google Docs]</i></small><br/><br />
We followed a methodical process to get the handing over completed. Our handing over plan spelt out the key information for the team and Empact to foresee and plan what would be happening in the final few iterations as we covered the remaining parts of the project. The entire phase consists of:<br />
* <b>Deployment Testing</b><br />
* <b>User Acceptance Testing</b><br />
* <b>Technical Understudy</b><br />
<br />
==== Deployment Testing ====<br />
We release 4 versions of the system on the live environment before going entering the User Acceptance Test. Our purpose for deployment testing was to determine what are the issues that would arise from using the application in the actual conditions in varied browsers and system settings. Additionally, we also collected suggestions from the users in order to make further improvements to the application. In deploying the application, we followed the following process:<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Deployment_Plan.png |500px|Deployment Plan]]<br />
|}<br />
<br />
<br />
<br />
{| class="wikitable centered"<br />
! style="background:#810541;color:#ffffff" | Date<br />
! style="background:#810541;color:#ffffff" | Description<br />
! style="background:#810541;color:#ffffff" | Features Released<br />
|-<br />
<br />
|style="vertical-align:text-top"|<br />
11/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.1<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management <br />
*Questions<br />
*Feedback Form<br />
*Dashboard(NPO)<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
18/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.2<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Dashboard<br />
*Statistics<br />
*Improvements from Release 0.1<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
25/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.3<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Notifications<br />
*Improvements from Release 0.2<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.4<br />
|style="vertical-align:text-top"|<br />
*All features released<br />
*Improvements from Release 0.3<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.5<br />
|style="vertical-align:text-top"|<br />
*Final version for Final Verification<br />
*Improvements from Release 0.4<br />
<br />
|-<br />
|}<br />
<br />
==== User Acceptance Test ====<br />
We conducted our User Acceptance Test on <b>05/04/2013</b> at the Empact office. A final verification was made concerning all the issues and defects that were being raised during the UAT. The final verification of all the functionalities were done on the following week at <b>12/04/2013</b>.<br/><br />
*<b>Instructions Scripts</b>:We conducted the UAT by going through the business processes that the system would address and followed by the remaining functionalities. This also helps Empact to better visualize how the system has met their business requirements.<br />
*<b>Test Cases</b>: We simulated 3 stakeholders in doing up the test cases.<br />
* Test Cases (5 April 2013): <br />
# [[Media:UAT-NPO-.xls | Test Cases - NPO]]<br />
# [[Media:UAT-VOL-.xls | Test Cases - Volunteer]]<br />
# [[Media:UAT-Empact-.xls| Test Cases - Empact]]<br />
<br />
* Test Cases (12 April 2013): <br />
# [[Media:EMUAT-Final_Verification-.xls | Test Cases for UAT final verificiation]]<br />
* '''Scenario-based Instructions and Exceptional cases'''<br />
# [[Media:Scenarios-Based Instructions (Registration).docx | Registration]]<br />
# [[Media:Scenario-Based Instructions (Task).docx | Task]]<br />
# [[Media:Scenario-Based Instructions (Questions).docx | Question]]<br />
# [[Media:Execeptional Cases.docx | Exceptional Cases]]<br />
<br />
{|align="center"<br />
|[[Image:BOXUSUAT.jpg|500px|Version 2]]<br />
|}<br />
<br />
<br />
<br />
<b>Managing Defects</b><br/><br />
<br />
{|align="center"<br />
|[[Image:Dealingwith.jpg|500px|UAT Defect Lifecycle]]<br />
|}<br />
<br />
*Note: BA refers to the facilitators in the UAT test<br />
* All defects are highlighted onto a separate issue list.<br />
* The list is collated and sent to Empact to prioritise based on issues.<br />
* Bugs are fixed immediately<br />
<br />
<b>Recording Issues</b><br/><br />
Issues are recorded in a separate issue list on [https://docs.google.com/spreadsheet/ccc?key=0AkfA68G0St4NdHRXbWJlRC1sVnJpVFBUcXFlLW1pQUE#gid=0 Google Docs]<br />
<br />
==== Technical Understudy ====<br />
* We conducted a technical understudy with Empact's technical understudy (Sophie) and our client (Peter Yang)<br />
* <i>Lesson Plan</i>: [https://docs.google.com/document/d/1ThTnpcv1w_yNPwfVDFWglSYk3OpaI4CAzRl5OenLk8Y/edit?pli=1 Lesson Plan on Google Docs]<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"|Session 1<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Session 2<br />
|-<br />
<br />
|| 29 Mar 2013, 1600hrs-1800hrs<br />
|| 12 Apr 2013, 1930hrs-2145hrs<br />
|-<br />
<br />
|| Session Contents:<br />
* Application Structure<br />
* Database Structure<br />
* Flow of Login/Logout Process<br />
|| Session Contents:<br />
* Code walkthrough of Specific Scenarios that Empact requested<br />
* Question and Answer<br />
* Clarification on Session 1<br />
|-<br />
<br />
|-<br />
|}<br />
<br />
==== Handing Over Day ====<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Handover_Day.jpg|500px|Handover Day]]<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Quality of product''' </span></div></p>==<br />
===Project Deliverables:===<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="100" style="background:#810541; color:#ffffff"|Stage<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Specification<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Modules<br />
|-<br />
<br />
|rowspan="5"| Project Management<br />
|| Minutes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Minutes | Meeting Minutes]]<br />
|-<br />
<br />
|| Metrics<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug metrics], [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule]<br />
|-<br />
<br />
|| Iteration Reports<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones | Iteration Reports]]<br />
|-<br />
<br />
|| Milestones<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdHo2ZmNTSUxWcjZQTm1hbzU3VkhYQlE#gid=24 Milestones List]<br />
|-<br />
<br />
|| Issue Tracking<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdE5FSkFZTkVULWIyMm5pUnJWX0drUnc#gid=7 Issues List]<br />
|-<br />
<br />
|| Requirements<br />
|| Paper Prototypes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video | Paper Prototypes]]<br />
|-<br />
<br />
|rowspan="3"| Analysis<br />
|| Use case<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#Use_Case | Use Case Diagram]]<br />
|-<br />
<br />
|| Business Process Diagram<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Process_Analysis Process Diagrams]<br />
|-<br />
<br />
|| Screen Shots<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video#Screenshots | All Screenshots]]<br />
|-<br />
<br />
|rowspan="2"| Design<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Diagrams#Entity_Relationship_Diagram ERD Diagrams]<br />
|| [https://wiki.smu.edu.sg/is480/Image:EmpactDB1.png V1],[https://wiki.smu.edu.sg/is480/Image:Revision_52.png V2],[https://wiki.smu.edu.sg/is480/Image:Revision_62.png V3],[https://wiki.smu.edu.sg/is480/Image:Revision_128.png V4],[https://wiki.smu.edu.sg/is480/Image:Revision_258.png V5]<br />
|-<br />
<br />
|| System Architecture<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#System_Architecture | System Architecture Diagram]]<br />
|-<br />
<br />
<br />
|rowspan="3"| Usability Testing<br />
|| User Testing 1 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_1 Test Plans used]<br />
|-<br />
<br />
|| User Testing 2 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 Test Plans used]<br />
|-<br />
<br />
|| Heuristic Evaluation User Scenarios<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Heuristic_Evaluation_1| User Scenarios used]<br />
|-<br />
<br />
|rowspan="2"| Software Testing<br />
|| Integration Testing<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Integration_Testing Integration Testings]<br />
|-<br />
<br />
|| Deployment Testing<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Test_Plans#Deployment_Testing | Deployment Testing]]<br />
|-<br />
<br />
|rowspan="4"| Handover<br />
|| User Manuals<br />
|| <br />
|-<br />
<br />
|| Design and Technical Specifications<br />
|| <br />
|-<br />
<br />
|| Code<br />
|| <br />
|-<br />
<br />
|| Deployment Diagram<br />
|| [[IS480_Midterm_Wiki#Deployment: | instructions]]<br />
|}<br />
<br />
===User Testing 2===<br />
{| border="0"<br />
|width="500px" padding="20px"| <br />
[[Image:Box.usUT2.jpg|480px|User Test 1]]<br />
|width="500px" padding="20px"| <br />
We conducted our 2nd user testing to try out our newly added features and at to see how users would respond to them. <br/><br />
<br />
'''Interesting Findings'''<br />
# Users thought changing email and password is inside profile<br />
<br />
'''Actions Taken'''<br />
# Success Messages to be more descriptive<br />
# Clearer images used for buttons<br />
# Login button to be near the sign up button<br />
<br/><br />
Check out our [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 User Testing 2 wiki]<br />
|-<br />
|width="500px" padding="20px"| <br />
|width="500px" padding="20px"| <br />
|}<br />
<br />
===Deployment Testing:===<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.1<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.2<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.3<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.4<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.5<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
===Testing:===<br />
<br />
{|class="wikitable" style="width:1000px; align:center"<br />
!style="align:left;width:30%" | User Testing<br />
!style="align:left;width:30%" | Integration Testing<br />
!style="align:left;width:30%" | Deployment Testing<br />
<br />
|-<br />
|'' Objective:'' To collect feedback concerning usability of our application<br />
|'' Objective:'' To test the quality of our application<br />
|'' Objective:'' To collect feedback when application is being used in live environments<br />
<br />
|-<br />
|'' When:'' User Testing 1, User Testing 2<br />
|'' When:'' At the end of every iteration<br />
|'' When:'' Before the start of every deployment<br />
<br />
|-<br />
|'' How:'' Volunteers, NPOs and Empact staff would follow a given User Test cases<br />
|'' How:'' Following the integration test plan. Perform regression testing of all the functionalities<br />
|'' How:'' Following the integration test plan.<br />
<br />
|-<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Reflection''' </span></div></p>==<br />
<br />
===Team Reflection:===<br />
<br />
* Managing client expectations<br />
* Learning to collaborate more effectively in a team<br />
* Leveraging one another's strength and weaknesses<br />
* Being a good team player within the team<br />
* Learning to have fun as a team!<br />
* Our IS modules have helped to prepare us for the demands of an IT project<br />
<br />
===Individual Reflection:===<br />
<br />
<p>'''Kevin''' <br/><br />
As I review through my initial learning outcomes that I set out to learn, I felt that I have managed to meet these outcomes in the following way:<br />
* Motivating IT Project teams: Bringing together people from different walks of life together to work on an IT project has sharpened my skills in handling with people and being more cognisant of people management issues and how to deal with group cultures and team norms <br />
* Evaluating IT project ideas: FYP has taught me how to be aware of what are the current issues facing IT projects. It has taught me how to evaluate these and adopt a T-model by being able to think about what are the broad issues that are going to affect IT decisions and what are the deep issues that are specific to the issue being raised.<br />
* Time Management Skills: FYP has taught me to be aware of the time that I spend managing the team, managing my own workload within the team and juggling my workload with my other modules that I was taking in school.<br />
* Client Negotiation skills: I was able to apply the negotiation skills that I learnt from a module to achieve integrative outcomes for the client and the team, and what are the tactics that are readily available to deal with such situations.<br />
* Applied Project Management Skills: The FYP experience has been an extension of what I have learnt in Software Engineering and I was able to refine my skills in scope management, schedule management and further extend the practicality of metrics being used within a project.<br />
</p><br />
<br />
<p>'''Sherrie''' <br/><br />
I started with a very simple learning outcomes - to learn life skills that were above and beyond exams/textbook as well as to apply what my education in SMU has taught me so far. <br><br />
In my opinion, i have achieved that. However, the most valuable lesson for me was <b>learning to deal with changes</b>. In SMU, all our projects has a clear defined scope that stays constant from beginning till the end. But through this FYP, changes was probably the only constant (on top of dedicated team mates who were always there to go through each storm). Managing never ending changes was certainly not just about a "can or cannot" mindset. It really required me to understand the fundamental reasoning behind the changes requested and understanding it from a business view point. <br><br />
With regards to my education, in a bigger picture, I have been able to apply the following<br />
*Understanding and improving business processes: i was able to leverage on the knowledge I've acquired in <u>Process Modelling and Solution Blueprinting (PMSB)</u> to help out in understanding the business process of our client. In addition, I was able to give opinions on how the process could be more efficient.<br />
*Understanding how IT and business value - As I had just completed <u> Advanced Information Systems Management (AISM)</u> I was able to apply the concepts of how IT can be an enabler and contribute in adding business value to an organisation.<br />
*Presentation skills - In <u>Management Communication (MC)</u> we were taught how clear communication is essential be it verbal or presentation. I was able to apply skills I learnt from that module when communicating with clients, team mates or presentation.<br />
</p><br />
<br />
<p>'''Wai Mun''' <br/><br />
<br />
As this FYP is coming to an end, these are the few learning points that i am taking it away:<br />
*Time managment : Time management is very important as usually FYP work takes up a bulk of my time. Hence, it is very important for me to plan my time well for my other activities and my studies.<br />
*Usability learning journey : My usability learning journey is interesting and exciting as i get to know more knowledge on usability through Interaction Design and Prototyping. It is definitely a good module to take as it complements very well with FYP.<br />
</p><br />
<br />
<p>'''Jenzus''' <br/><br />
<br />
At the start, I envisioned that IS480 is a platform that will validate my IS education and sum up my journey as an IS student. Boy! I got more than what I expected and was overwhelmed by the entire journey. IS480 does not only validate my IS education; it has shown me that what I have learnt in school is just a mere reflection of what the ‘real’ world is expected from an IS business enabler. In school, we often complain and whine about the ambiguity of project/assignment requirements and the number of changes our professors/instructors love to put us through. During this project, we encountered changes from the start until the end of the project. Each change comes with its own challenges and complexity and often, it derailed us from our original plan and required some rework. I have learnt to be more appreciative of what my school has prepared and put me through. Yeow Leong has always emphasized on “Managing your client” and I finally understood why he tries to push this point across badly in classes. From this project, I have several takeaways:<br />
*Never stop learning: Initially, I thought I had the necessary skills and knowledge to handle this project. Instead, this project has given me a wakeup call. Every stage of this project, there are many challenges that were beyond my current capabilities and require me to push myself to learn more in order to meet our client’s requirements.<br />
*Understanding business requirements: In any project, it is important to understand and clarify all the project requirements from your client and translate the solution properly in terms which the client can understand. At times, there were some misunderstanding about requirements and often led to disagreements and compromises. When communicating with clients, it is important to understand their needs and their understanding of their requirements. Often, clients do not know what they really want but they will know what they don’t want. Hence, it is important to ask the right questions and uncover all ambiguity.<br />
*Team Dynamics: Team dynamics is the key to the success of this project and knowing my teammates is the best way to cultivate team dynamics. It is much easier to work and communicate with others once you get to know them personally and their working patterns. In addition, it will also result in lesser instance of conflict during project. <br />
</p><br />
<br />
<p>'''Boon Kheng''' <br/><br />
<br />
I think the IS480 project is a great experience for me as it is my first time implementing such a big solution in a team. <br />
Other than technical skills, I’ve seen how an organization like Empact progress together with the project, it seems like both the sponsor and the team work closely together to achieve goals for both parties.<br />
During the project, I am also able to apply subjects that we‘ve learnt during curriculum put in use, such as project and process management.<br />
</p><br />
<br />
<p>'''Jervenne'''<br/><br />
<br />
As FYP as come to the end, I didnt expect to have learn so much by now. Initially I was expecting to learn more and hone my technical skills, and to learn to take on a big project in a bigger group. <br />
Not only did I achieved what I was set out for, but I'm able to see clearly how applicable IS480 is in the real world and how I can apply what I've learnt in school to this project.<br />
My other takeaways will be: managing expectations of the clients, taking feedback for usability improvements, setting priorities, and time management.<br />
Through this FYP period, I've also see the importance of managing client relationship and to educate them on their needs and wants, and also what actually can be done so they can understand better. Last but not least, I'm able to experience the full SDLC of a project and it will be greatly useful for future real-life projects.<br />
</p><br />
<br />
===Sponsor Comment:===<br />
Sometimes, the client writes a report to feedback on the system; this sponsor report can be included or linked from here.</div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_Final&diff=138202IS480 Team wiki: 2012T2 box.us Final2013-04-21T12:14:52Z<p>Wmcheong.2010: /* User Acceptance Test */</p>
<hr />
<div>[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
</font><br />
<br />
*[http://blue.smu.edu.sg/IS480/2012-2013/Grading.html Grading Criteria]<br />
<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Progress Summary''' </span></div></p>==<br />
<br />
<center><br />
<h3>What Is This Project About?</h3><br />
[[Image:TopPartForWiki.png | 700px]]<br />
<p>Check out our 1 min ++ video pitch to find out what this project is about at [http://youtu.be/DCWFSOd1MH0 Youtube]</p><br />
</center><br />
<br />
==<p><div class="NavHead" style=";-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: black"> '''Quick Links''' </span></div></p>==<br />
<br />
{|class="wikitable" style="width:1000px"<br />
!style="width:100%" | <br />
<center><h4>Final Presentation Slides: <small>''coming soon''</small></h4></center><br />
<center><h3>Deployed Site: <small>[http://www.empact.sg/act Empact ACT]</small></h3></center><br />
<center><h3>Demonstration Site: <small>[http://www.empact.sg/testact Empact ACT(Staging)]</small></h3></center><br />
<center><h4>Initial Proposal: <small>[[Media:Empact_v2.2_Final_Merged.pdf | Proposal]]</small></h4></center><br />
|-<br />
|}<br />
<br />
<br />
<br />
<br />
<br />
===Project Highlights:===<br />
<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Managing the Great Amount of Issues being Highlighted during Deployment</b></big><br/><br />
* Ranked the Issues based on their Priority<br />
** <b>Low Priority</b>: Minor UI suggestions and issues<br />
** <b>Medium Priority</b>: UI suggestions that changes the understanding of the system<br />
** <b>High Priority</b>: Usability Catastrophe or Software Bugs<br />
* Discussed with client what were the focuses<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Volunteers did not find language in the system friendly</b></big><br/><br />
* Re-worded the language to make it more volunteer friendly, together with the client<br />
* Re-worked the design of the dashboard and menu bar<br />
** Adjusting language to make it more suitable for volunteers<br />
** Added a background<br />
* Changes were only limited to volunteer view as Empact preferred the more operational terms<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Addition of 2 functionalities</b></big><br/><br />
* <b>2 functionalities were:</b> Exporting of Task and Volunteer information & Question Notification Turn On/Off Option<br />
* Exporting of Task and Volunteer Information: <i>Iteration 11</i><br />
* Notification Turn On/Off: <i>Iteration 12</i><br />
|}<br />
<br />
===Project Challenges:===<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Gathering Requirements from Empact</b></big><br/><br />
*<i>No defined business processes</i>: New company that did not have a formal set of business process<br />
*<i>No IT expert</i>: Did not have an IT expert to help them identify the needs in the system<br />
<i><b>How we Managed</b></i><br />
* Paper prototyping: Initial paper prototyping<br />
* Showing the developed functionalities at every client meeting<br />
* Gathering volunteer feedback through User Testings<br />
* Deployment Testing<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Dealing with Changes</b></big><br/><br />
The risk of gathering feedback after the system has been developed is running the risk of it being entirely misaligned with Empact's business model. Cost of changing at the later part becomes higher also. However, it was necessary for the team to be able to accommodate to changes to build a system that Empact would really find value in.<br />
<br/><br />
<i><b>How we Managed</b></i><br />
* Decision Factors: Change Management Plan<br />
* Issue Tracking List helped us to track smaller issues and changes that were raised along the way<br />
* Prioritizing the Issues raised<br />
* Discussion based on how much value and how important would it be for Empact<br />
|}<br />
<br />
<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Management''' </span></div></p>==<br />
===Project Scope:===<br />
[[Image:Boxus_FinalsScope.png | 500px]]<br/><br />
<br />
{| class="wikitable sortable" style="width:700;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Change<br />
! scope="col" width="500" style="background:#810541;color:#ffffff"| Change Description<br />
|-<br />
<br />
! scope="row" style="text-align:center" | 1<br />
! scope="row" style="background-color:white" | <br />
Notification<br />
* Notification Turn On/Off<br />
|-<br />
|}<br />
<br/><br />
<br />
===Project Schedule (Plan Vs Actual):===<br />
<br />
[[Image:Boxus_PlanVsActual.png | 800px]]<br />
<br />
===Project Metrics:===<br />
<br />
====<b>BUG METRICS</b><br/>====<br />
* Bug Score: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug Metric on Google Docs]<br />
* Bug Log: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=0 Bug Log on Google Docs]<br />
* Explanation of Bug Tracking: [[IS480_Team_wiki:_2012T2_box.us_Project_Management#BUG_METRICS | Bug Metrics]]<br />
<br/><br />
[[Image:Boxus_BugMetricsFinals.png | 500px ]]<br />
{| class="wikitable" style="width:800;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Iteration<br />
! scope="col" width="20" style="background:#810541;color:#ffffff"| Bug Score<br />
! scope="col" width="300" style="background:#810541;color:#ffffff"| Any Actions Taken<br />
|-<br />
! scope="row" style="text-align:center;" | 11<br />
! scope="row" style="text-align:center;" | 31<br />
! scope="row" style="background-color:white" | <br />
Increase in Bug Score due to bugs that were recorded from User Testing 2<br />
* 2 days allocated to fix bugs from User Testing 2<br />
|-<br />
! scope="row" style="text-align:center;" | 12<br />
! scope="row" style="text-align:center;" | 16<br />
! scope="row" style="background-color:white" | <br />
New features of the system(Statistics, Dashboard and Notifications) were being released<br />
* Allow Empact to have a full picture of the entire system for testing<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
! scope="row" style="text-align:center;" | 13<br />
! scope="row" style="text-align:center;" | 58<br />
! scope="row" style="background-color:white" | <br />
More thorough testing was being performed for the UAT<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
|}<br />
<br />
====SCHEDULE METRICS====<br />
* Schedule: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule on Google Docs]<br />
[[Image:Boxus_Schedulemetricsfinals.png | 500px]]<br />
<br />
===Handing Over===<br />
<small><i>Take a look at our Handing Over Plan: [https://docs.google.com/document/d/1U5bX8Nw8Rg-HK6_Jip_wmbx0bbw2Sh7qcIJqb3Pfisw/edit Handing Over Plan on Google Docs]</i></small><br/><br />
We followed a methodical process to get the handing over completed. Our handing over plan spelt out the key information for the team and Empact to foresee and plan what would be happening in the final few iterations as we covered the remaining parts of the project. The entire phase consists of:<br />
* <b>Deployment Testing</b><br />
* <b>User Acceptance Testing</b><br />
* <b>Technical Understudy</b><br />
<br />
==== Deployment Testing ====<br />
We release 4 versions of the system on the live environment before going entering the User Acceptance Test. Our purpose for deployment testing was to determine what are the issues that would arise from using the application in the actual conditions in varied browsers and system settings. Additionally, we also collected suggestions from the users in order to make further improvements to the application. In deploying the application, we followed the following process:<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Deployment_Plan.png |500px|Deployment Plan]]<br />
|}<br />
<br />
<br />
<br />
{| class="wikitable centered"<br />
! style="background:#810541;color:#ffffff" | Date<br />
! style="background:#810541;color:#ffffff" | Description<br />
! style="background:#810541;color:#ffffff" | Features Released<br />
|-<br />
<br />
|style="vertical-align:text-top"|<br />
11/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.1<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management <br />
*Questions<br />
*Feedback Form<br />
*Dashboard(NPO)<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
18/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.2<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Dashboard<br />
*Statistics<br />
*Improvements from Release 0.1<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
25/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.3<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Notifications<br />
*Improvements from Release 0.2<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.4<br />
|style="vertical-align:text-top"|<br />
*All features released<br />
*Improvements from Release 0.3<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.5<br />
|style="vertical-align:text-top"|<br />
*Final version for Final Verification<br />
*Improvements from Release 0.4<br />
<br />
|-<br />
|}<br />
<br />
==== User Acceptance Test ====<br />
We conducted our User Acceptance Test on <b>05/04/2013</b> at the Empact office. A final verification was made concerning all the issues and defects that were being raised during the UAT. The final verification of all the functionalities were done on the following week at <b>12/04/2013</b>.<br/><br />
*<b>Instructions Scripts</b>:We conducted the UAT by going through the business processes that the system would address and followed by the remaining functionalities. This also helps Empact to better visualize how the system has met their business requirements.<br />
*<b>Test Cases</b>: We simulated 3 stakeholders in doing up the test cases.<br />
* Test Cases (5 April 2013): <br />
# [[Media:UAT-NPO-.xls | Test Cases - NPO]]<br />
# [[Media:UAT-VOL-.xls | Test Cases - Volunteer]]<br />
# [[Media:UAT-Empact-.xls| Test Cases - Empact]]<br />
<br />
* Test Cases (12 April 2013): <br />
# [[Media:EMUAT-Final_Verification-.xls | Test Cases for UAT final verificiation]]<br />
<br />
* Scenario-based Instructions and Exceptional cases<br />
# [[Media:Scenarios-Based Instructions (Registration).docx | Registration]]<br />
# [[Media:Scenario-Based Instructions (Task).docx | Task]]<br />
# [[Media:Scenario-Based Instructions (Questions).docx | Question]]<br />
# [[Media:Execeptional Cases.docx | Exceptional Cases]]<br />
<br />
{|align="center"<br />
|[[Image:BOXUSUAT.jpg|500px|Version 2]]<br />
|}<br />
<br />
<br />
<br />
<b>Managing Defects</b><br/><br />
<br />
{|align="center"<br />
|[[Image:Dealingwith.jpg|500px|UAT Defect Lifecycle]]<br />
|}<br />
<br />
*Note: BA refers to the facilitators in the UAT test<br />
* All defects are highlighted onto a separate issue list.<br />
* The list is collated and sent to Empact to prioritise based on issues.<br />
* Bugs are fixed immediately<br />
<br />
<b>Recording Issues</b><br/><br />
Issues are recorded in a separate issue list on [https://docs.google.com/spreadsheet/ccc?key=0AkfA68G0St4NdHRXbWJlRC1sVnJpVFBUcXFlLW1pQUE#gid=0 Google Docs]<br />
<br />
==== Technical Understudy ====<br />
* We conducted a technical understudy with Empact's technical understudy (Sophie) and our client (Peter Yang)<br />
* <i>Lesson Plan</i>: [https://docs.google.com/document/d/1ThTnpcv1w_yNPwfVDFWglSYk3OpaI4CAzRl5OenLk8Y/edit?pli=1 Lesson Plan on Google Docs]<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"|Session 1<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Session 2<br />
|-<br />
<br />
|| 29 Mar 2013, 1600hrs-1800hrs<br />
|| 12 Apr 2013, 1930hrs-2145hrs<br />
|-<br />
<br />
|| Session Contents:<br />
* Application Structure<br />
* Database Structure<br />
* Flow of Login/Logout Process<br />
|| Session Contents:<br />
* Code walkthrough of Specific Scenarios that Empact requested<br />
* Question and Answer<br />
* Clarification on Session 1<br />
|-<br />
<br />
|-<br />
|}<br />
<br />
==== Handing Over Day ====<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Handover_Day.jpg|500px|Handover Day]]<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Quality of product''' </span></div></p>==<br />
===Project Deliverables:===<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="100" style="background:#810541; color:#ffffff"|Stage<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Specification<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Modules<br />
|-<br />
<br />
|rowspan="5"| Project Management<br />
|| Minutes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Minutes | Meeting Minutes]]<br />
|-<br />
<br />
|| Metrics<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug metrics], [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule]<br />
|-<br />
<br />
|| Iteration Reports<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones | Iteration Reports]]<br />
|-<br />
<br />
|| Milestones<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdHo2ZmNTSUxWcjZQTm1hbzU3VkhYQlE#gid=24 Milestones List]<br />
|-<br />
<br />
|| Issue Tracking<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdE5FSkFZTkVULWIyMm5pUnJWX0drUnc#gid=7 Issues List]<br />
|-<br />
<br />
|| Requirements<br />
|| Paper Prototypes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video | Paper Prototypes]]<br />
|-<br />
<br />
|rowspan="3"| Analysis<br />
|| Use case<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#Use_Case | Use Case Diagram]]<br />
|-<br />
<br />
|| Business Process Diagram<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Process_Analysis Process Diagrams]<br />
|-<br />
<br />
|| Screen Shots<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video#Screenshots | All Screenshots]]<br />
|-<br />
<br />
|rowspan="2"| Design<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Diagrams#Entity_Relationship_Diagram ERD Diagrams]<br />
|| [https://wiki.smu.edu.sg/is480/Image:EmpactDB1.png V1],[https://wiki.smu.edu.sg/is480/Image:Revision_52.png V2],[https://wiki.smu.edu.sg/is480/Image:Revision_62.png V3],[https://wiki.smu.edu.sg/is480/Image:Revision_128.png V4],[https://wiki.smu.edu.sg/is480/Image:Revision_258.png V5]<br />
|-<br />
<br />
|| System Architecture<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#System_Architecture | System Architecture Diagram]]<br />
|-<br />
<br />
<br />
|rowspan="3"| Usability Testing<br />
|| User Testing 1 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_1 Test Plans used]<br />
|-<br />
<br />
|| User Testing 2 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 Test Plans used]<br />
|-<br />
<br />
|| Heuristic Evaluation User Scenarios<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Heuristic_Evaluation_1| User Scenarios used]<br />
|-<br />
<br />
|rowspan="2"| Software Testing<br />
|| Integration Testing<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Integration_Testing Integration Testings]<br />
|-<br />
<br />
|| Deployment Testing<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Test_Plans#Deployment_Testing | Deployment Testing]]<br />
|-<br />
<br />
|rowspan="4"| Handover<br />
|| User Manuals<br />
|| <br />
|-<br />
<br />
|| Design and Technical Specifications<br />
|| <br />
|-<br />
<br />
|| Code<br />
|| <br />
|-<br />
<br />
|| Deployment Diagram<br />
|| [[IS480_Midterm_Wiki#Deployment: | instructions]]<br />
|}<br />
<br />
===User Testing 2===<br />
{| border="0"<br />
|width="500px" padding="20px"| <br />
[[Image:Box.usUT2.jpg|480px|User Test 1]]<br />
|width="500px" padding="20px"| <br />
We conducted our 2nd user testing to try out our newly added features and at to see how users would respond to them. <br/><br />
<br />
'''Interesting Findings'''<br />
# Users thought changing email and password is inside profile<br />
<br />
'''Actions Taken'''<br />
# Success Messages to be more descriptive<br />
# Clearer images used for buttons<br />
# Login button to be near the sign up button<br />
<br/><br />
Check out our [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 User Testing 2 wiki]<br />
|-<br />
|width="500px" padding="20px"| <br />
|width="500px" padding="20px"| <br />
|}<br />
<br />
===Deployment Testing:===<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.1<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.2<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.3<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.4<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.5<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
===Testing:===<br />
<br />
{|class="wikitable" style="width:1000px; align:center"<br />
!style="align:left;width:30%" | User Testing<br />
!style="align:left;width:30%" | Integration Testing<br />
!style="align:left;width:30%" | Deployment Testing<br />
<br />
|-<br />
|'' Objective:'' To collect feedback concerning usability of our application<br />
|'' Objective:'' To test the quality of our application<br />
|'' Objective:'' To collect feedback when application is being used in live environments<br />
<br />
|-<br />
|'' When:'' User Testing 1, User Testing 2<br />
|'' When:'' At the end of every iteration<br />
|'' When:'' Before the start of every deployment<br />
<br />
|-<br />
|'' How:'' Volunteers, NPOs and Empact staff would follow a given User Test cases<br />
|'' How:'' Following the integration test plan. Perform regression testing of all the functionalities<br />
|'' How:'' Following the integration test plan.<br />
<br />
|-<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Reflection''' </span></div></p>==<br />
<br />
===Team Reflection:===<br />
<br />
* Managing client expectations<br />
* Learning to collaborate more effectively in a team<br />
* Leveraging one another's strength and weaknesses<br />
* Being a good team player within the team<br />
* Learning to have fun as a team!<br />
* Our IS modules have helped to prepare us for the demands of an IT project<br />
<br />
===Individual Reflection:===<br />
<br />
<p>'''Kevin''' <br/><br />
As I review through my initial learning outcomes that I set out to learn, I felt that I have managed to meet these outcomes in the following way:<br />
* Motivating IT Project teams: Bringing together people from different walks of life together to work on an IT project has sharpened my skills in handling with people and being more cognisant of people management issues and how to deal with group cultures and team norms <br />
* Evaluating IT project ideas: FYP has taught me how to be aware of what are the current issues facing IT projects. It has taught me how to evaluate these and adopt a T-model by being able to think about what are the broad issues that are going to affect IT decisions and what are the deep issues that are specific to the issue being raised.<br />
* Time Management Skills: FYP has taught me to be aware of the time that I spend managing the team, managing my own workload within the team and juggling my workload with my other modules that I was taking in school.<br />
* Client Negotiation skills: I was able to apply the negotiation skills that I learnt from a module to achieve integrative outcomes for the client and the team, and what are the tactics that are readily available to deal with such situations.<br />
* Applied Project Management Skills: The FYP experience has been an extension of what I have learnt in Software Engineering and I was able to refine my skills in scope management, schedule management and further extend the practicality of metrics being used within a project.<br />
</p><br />
<br />
<p>'''Sherrie''' <br/><br />
I started with a very simple learning outcomes - to learn life skills that were above and beyond exams/textbook as well as to apply what my education in SMU has taught me so far. <br><br />
In my opinion, i have achieved that. However, the most valuable lesson for me was <b>learning to deal with changes</b>. In SMU, all our projects has a clear defined scope that stays constant from beginning till the end. But through this FYP, changes was probably the only constant (on top of dedicated team mates who were always there to go through each storm). Managing never ending changes was certainly not just about a "can or cannot" mindset. It really required me to understand the fundamental reasoning behind the changes requested and understanding it from a business view point. <br><br />
With regards to my education, in a bigger picture, I have been able to apply the following<br />
*Understanding and improving business processes: i was able to leverage on the knowledge I've acquired in <u>Process Modelling and Solution Blueprinting (PMSB)</u> to help out in understanding the business process of our client. In addition, I was able to give opinions on how the process could be more efficient.<br />
*Understanding how IT and business value - As I had just completed <u> Advanced Information Systems Management (AISM)</u> I was able to apply the concepts of how IT can be an enabler and contribute in adding business value to an organisation.<br />
*Presentation skills - In <u>Management Communication (MC)</u> we were taught how clear communication is essential be it verbal or presentation. I was able to apply skills I learnt from that module when communicating with clients, team mates or presentation.<br />
</p><br />
<br />
<p>'''Wai Mun''' <br/><br />
<br />
As this FYP is coming to an end, these are the few learning points that i am taking it away:<br />
*Time managment : Time management is very important as usually FYP work takes up a bulk of my time. Hence, it is very important for me to plan my time well for my other activities and my studies.<br />
*Usability learning journey : My usability learning journey is interesting and exciting as i get to know more knowledge on usability through Interaction Design and Prototyping. It is definitely a good module to take as it complements very well with FYP.<br />
</p><br />
<br />
<p>'''Jenzus''' <br/><br />
<br />
At the start, I envisioned that IS480 is a platform that will validate my IS education and sum up my journey as an IS student. Boy! I got more than what I expected and was overwhelmed by the entire journey. IS480 does not only validate my IS education; it has shown me that what I have learnt in school is just a mere reflection of what the ‘real’ world is expected from an IS business enabler. In school, we often complain and whine about the ambiguity of project/assignment requirements and the number of changes our professors/instructors love to put us through. During this project, we encountered changes from the start until the end of the project. Each change comes with its own challenges and complexity and often, it derailed us from our original plan and required some rework. I have learnt to be more appreciative of what my school has prepared and put me through. Yeow Leong has always emphasized on “Managing your client” and I finally understood why he tries to push this point across badly in classes. From this project, I have several takeaways:<br />
*Never stop learning: Initially, I thought I had the necessary skills and knowledge to handle this project. Instead, this project has given me a wakeup call. Every stage of this project, there are many challenges that were beyond my current capabilities and require me to push myself to learn more in order to meet our client’s requirements.<br />
*Understanding business requirements: In any project, it is important to understand and clarify all the project requirements from your client and translate the solution properly in terms which the client can understand. At times, there were some misunderstanding about requirements and often led to disagreements and compromises. When communicating with clients, it is important to understand their needs and their understanding of their requirements. Often, clients do not know what they really want but they will know what they don’t want. Hence, it is important to ask the right questions and uncover all ambiguity.<br />
*Team Dynamics: Team dynamics is the key to the success of this project and knowing my teammates is the best way to cultivate team dynamics. It is much easier to work and communicate with others once you get to know them personally and their working patterns. In addition, it will also result in lesser instance of conflict during project. <br />
</p><br />
<br />
<p>'''Boon Kheng''' <br/><br />
<br />
I think the IS480 project is a great experience for me as it is my first time implementing such a big solution in a team. <br />
Other than technical skills, I’ve seen how an organization like Empact progress together with the project, it seems like both the sponsor and the team work closely together to achieve goals for both parties.<br />
During the project, I am also able to apply subjects that we‘ve learnt during curriculum put in use, such as project and process management.<br />
</p><br />
<br />
<p>'''Jervenne'''<br/><br />
<br />
As FYP as come to the end, I didnt expect to have learn so much by now. Initially I was expecting to learn more and hone my technical skills, and to learn to take on a big project in a bigger group. <br />
Not only did I achieved what I was set out for, but I'm able to see clearly how applicable IS480 is in the real world and how I can apply what I've learnt in school to this project.<br />
My other takeaways will be: managing expectations of the clients, taking feedback for usability improvements, setting priorities, and time management.<br />
Through this FYP period, I've also see the importance of managing client relationship and to educate them on their needs and wants, and also what actually can be done so they can understand better. Last but not least, I'm able to experience the full SDLC of a project and it will be greatly useful for future real-life projects.<br />
</p><br />
<br />
===Sponsor Comment:===<br />
Sometimes, the client writes a report to feedback on the system; this sponsor report can be included or linked from here.</div>Wmcheong.2010https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T2_box.us_Final&diff=138198IS480 Team wiki: 2012T2 box.us Final2013-04-21T12:13:04Z<p>Wmcheong.2010: /* User Acceptance Test */</p>
<hr />
<div>[[Image:Boxus_Logo_PNG_Small.png|150px| centre | degree=90 ]]<br />
<br />
{| 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" |<br />
<br />
<font face="Century Gothic" size="2"><br />
<br />
| 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><br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Updates'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Events''' </font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us | <font color="#385385" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Description |<font color="#385385" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Process_Analysis |<font color="#385385" face="">'''Process Analysis'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#System_Description |<font color="#385385" face="">'''System Description'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Team_Charter |<font color="#385385" face="">'''Team Charter '''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Overview#Project_Scope |<font color="#385385" face="">'''Project Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones |<font color="#385385" face="">'''Schedule & Milestones'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="18%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Metrics |<font color="#385385" face="">'''Metrics'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Risk_Management |<font color="#385385" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Project_Management#Change_Management |<font color="#385385" face="">'''Change Management'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T2_box.us_Minutes |<font color="#385385" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Diagrams |<font color="#385385" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_UI_&_Video |<font color="#385385" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="25%" | <br />
*[[IS480_Team_wiki:_2012T2_box.us_Test_Plans |<font color="#385385" face="">'''Testing'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Useful_Links |<font color="#385385" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T2_box.us_Learning_Outcomes |<font color="#385385" face="">'''Learning Outcomes'''</font>]]<br />
|}<br />
</font><br />
<br />
*[http://blue.smu.edu.sg/IS480/2012-2013/Grading.html Grading Criteria]<br />
<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Progress Summary''' </span></div></p>==<br />
<br />
<center><br />
<h3>What Is This Project About?</h3><br />
[[Image:TopPartForWiki.png | 700px]]<br />
<p>Check out our 1 min ++ video pitch to find out what this project is about at [http://youtu.be/DCWFSOd1MH0 Youtube]</p><br />
</center><br />
<br />
==<p><div class="NavHead" style=";-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: black"> '''Quick Links''' </span></div></p>==<br />
<br />
{|class="wikitable" style="width:1000px"<br />
!style="width:100%" | <br />
<center><h4>Final Presentation Slides: <small>''coming soon''</small></h4></center><br />
<center><h3>Deployed Site: <small>[http://www.empact.sg/act Empact ACT]</small></h3></center><br />
<center><h3>Demonstration Site: <small>[http://www.empact.sg/testact Empact ACT(Staging)]</small></h3></center><br />
<center><h4>Initial Proposal: <small>[[Media:Empact_v2.2_Final_Merged.pdf | Proposal]]</small></h4></center><br />
|-<br />
|}<br />
<br />
<br />
<br />
<br />
<br />
===Project Highlights:===<br />
<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Managing the Great Amount of Issues being Highlighted during Deployment</b></big><br/><br />
* Ranked the Issues based on their Priority<br />
** <b>Low Priority</b>: Minor UI suggestions and issues<br />
** <b>Medium Priority</b>: UI suggestions that changes the understanding of the system<br />
** <b>High Priority</b>: Usability Catastrophe or Software Bugs<br />
* Discussed with client what were the focuses<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Volunteers did not find language in the system friendly</b></big><br/><br />
* Re-worded the language to make it more volunteer friendly, together with the client<br />
* Re-worked the design of the dashboard and menu bar<br />
** Adjusting language to make it more suitable for volunteers<br />
** Added a background<br />
* Changes were only limited to volunteer view as Empact preferred the more operational terms<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Addition of 2 functionalities</b></big><br/><br />
* <b>2 functionalities were:</b> Exporting of Task and Volunteer information & Question Notification Turn On/Off Option<br />
* Exporting of Task and Volunteer Information: <i>Iteration 11</i><br />
* Notification Turn On/Off: <i>Iteration 12</i><br />
|}<br />
<br />
===Project Challenges:===<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Gathering Requirements from Empact</b></big><br/><br />
*<i>No defined business processes</i>: New company that did not have a formal set of business process<br />
*<i>No IT expert</i>: Did not have an IT expert to help them identify the needs in the system<br />
<i><b>How we Managed</b></i><br />
* Paper prototyping: Initial paper prototyping<br />
* Showing the developed functionalities at every client meeting<br />
* Gathering volunteer feedback through User Testings<br />
* Deployment Testing<br />
|}<br />
{| cellpadding="10" style="border: 3px solid #222222; text-align: center; height:50px"<br />
|scope="row" width="800" style="text-align: left; background: #FFFFFB"|<br />
<big><b>Dealing with Changes</b></big><br/><br />
The risk of gathering feedback after the system has been developed is running the risk of it being entirely misaligned with Empact's business model. Cost of changing at the later part becomes higher also. However, it was necessary for the team to be able to accommodate to changes to build a system that Empact would really find value in.<br />
<br/><br />
<i><b>How we Managed</b></i><br />
* Decision Factors: Change Management Plan<br />
* Issue Tracking List helped us to track smaller issues and changes that were raised along the way<br />
* Prioritizing the Issues raised<br />
* Discussion based on how much value and how important would it be for Empact<br />
|}<br />
<br />
<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Project Management''' </span></div></p>==<br />
===Project Scope:===<br />
[[Image:Boxus_FinalsScope.png | 500px]]<br/><br />
<br />
{| class="wikitable sortable" style="width:700;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Change<br />
! scope="col" width="500" style="background:#810541;color:#ffffff"| Change Description<br />
|-<br />
<br />
! scope="row" style="text-align:center" | 1<br />
! scope="row" style="background-color:white" | <br />
Notification<br />
* Notification Turn On/Off<br />
|-<br />
|}<br />
<br/><br />
<br />
===Project Schedule (Plan Vs Actual):===<br />
<br />
[[Image:Boxus_PlanVsActual.png | 800px]]<br />
<br />
===Project Metrics:===<br />
<br />
====<b>BUG METRICS</b><br/>====<br />
* Bug Score: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug Metric on Google Docs]<br />
* Bug Log: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=0 Bug Log on Google Docs]<br />
* Explanation of Bug Tracking: [[IS480_Team_wiki:_2012T2_box.us_Project_Management#BUG_METRICS | Bug Metrics]]<br />
<br/><br />
[[Image:Boxus_BugMetricsFinals.png | 500px ]]<br />
{| class="wikitable" style="width:800;text-align:left"<br />
|+ <br />
|-<br />
! scope="col" width="10" style="background:#810541;color:#ffffff"| Iteration<br />
! scope="col" width="20" style="background:#810541;color:#ffffff"| Bug Score<br />
! scope="col" width="300" style="background:#810541;color:#ffffff"| Any Actions Taken<br />
|-<br />
! scope="row" style="text-align:center;" | 11<br />
! scope="row" style="text-align:center;" | 31<br />
! scope="row" style="background-color:white" | <br />
Increase in Bug Score due to bugs that were recorded from User Testing 2<br />
* 2 days allocated to fix bugs from User Testing 2<br />
|-<br />
! scope="row" style="text-align:center;" | 12<br />
! scope="row" style="text-align:center;" | 16<br />
! scope="row" style="background-color:white" | <br />
New features of the system(Statistics, Dashboard and Notifications) were being released<br />
* Allow Empact to have a full picture of the entire system for testing<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
! scope="row" style="text-align:center;" | 13<br />
! scope="row" style="text-align:center;" | 58<br />
! scope="row" style="background-color:white" | <br />
More thorough testing was being performed for the UAT<br />
* Resulted in an overall increase in bugs being reported<br />
* Scheduled additional time during bug fixing to fix up bugs within the system<br />
* All bugs were fixed by the end of the iteration<br />
|-<br />
|}<br />
<br />
====SCHEDULE METRICS====<br />
* Schedule: [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule on Google Docs]<br />
[[Image:Boxus_Schedulemetricsfinals.png | 500px]]<br />
<br />
===Handing Over===<br />
<small><i>Take a look at our Handing Over Plan: [https://docs.google.com/document/d/1U5bX8Nw8Rg-HK6_Jip_wmbx0bbw2Sh7qcIJqb3Pfisw/edit Handing Over Plan on Google Docs]</i></small><br/><br />
We followed a methodical process to get the handing over completed. Our handing over plan spelt out the key information for the team and Empact to foresee and plan what would be happening in the final few iterations as we covered the remaining parts of the project. The entire phase consists of:<br />
* <b>Deployment Testing</b><br />
* <b>User Acceptance Testing</b><br />
* <b>Technical Understudy</b><br />
<br />
==== Deployment Testing ====<br />
We release 4 versions of the system on the live environment before going entering the User Acceptance Test. Our purpose for deployment testing was to determine what are the issues that would arise from using the application in the actual conditions in varied browsers and system settings. Additionally, we also collected suggestions from the users in order to make further improvements to the application. In deploying the application, we followed the following process:<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Deployment_Plan.png |500px|Deployment Plan]]<br />
|}<br />
<br />
<br />
<br />
{| class="wikitable centered"<br />
! style="background:#810541;color:#ffffff" | Date<br />
! style="background:#810541;color:#ffffff" | Description<br />
! style="background:#810541;color:#ffffff" | Features Released<br />
|-<br />
<br />
|style="vertical-align:text-top"|<br />
11/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.1<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management <br />
*Questions<br />
*Feedback Form<br />
*Dashboard(NPO)<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
18/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.2<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Dashboard<br />
*Statistics<br />
*Improvements from Release 0.1<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
25/03/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.3<br />
|style="vertical-align:text-top"|<br />
*Task Management<br />
*User Management(partial) <br />
*Questions<br />
*Notifications<br />
*Improvements from Release 0.2<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.4<br />
|style="vertical-align:text-top"|<br />
*All features released<br />
*Improvements from Release 0.3<br />
<br />
|-<br />
|style="vertical-align:text-top"|<br />
04/04/2013<br />
|style="vertical-align:text-top"|<br />
Release 0.5<br />
|style="vertical-align:text-top"|<br />
*Final version for Final Verification<br />
*Improvements from Release 0.4<br />
<br />
|-<br />
|}<br />
<br />
==== User Acceptance Test ====<br />
We conducted our User Acceptance Test on <b>05/04/2013</b> at the Empact office. A final verification was made concerning all the issues and defects that were being raised during the UAT. The final verification of all the functionalities were done on the following week at <b>12/04/2013</b>.<br/><br />
*<b>Instructions Scripts</b>:We conducted the UAT by going through the business processes that the system would address and followed by the remaining functionalities. This also helps Empact to better visualize how the system has met their business requirements.<br />
*<b>Test Cases</b>: We simulated 3 stakeholders in doing up the test cases.<br />
* Test Cases (5 April 2013): <br />
# [[Media:UAT-NPO-.xls | Test Cases - NPO]]<br />
# [[Media:UAT-VOL-.xls | Test Cases - Volunteer]]<br />
# [[Media:UAT-Empact-.xls| Test Cases - Empact]]<br />
<br />
* Test Cases (12 April 2013): <br />
# [[Media:EMUAT-Final_Verification-.xls | Test Cases for UAT final verificiation]]<br />
<br />
{|align="center"<br />
|[[Image:BOXUSUAT.jpg|500px|Version 2]]<br />
|}<br />
<br />
<br />
<br />
<b>Managing Defects</b><br/><br />
<br />
{|align="center"<br />
|[[Image:Dealingwith.jpg|500px|UAT Defect Lifecycle]]<br />
|}<br />
<br />
*Note: BA refers to the facilitators in the UAT test<br />
* All defects are highlighted onto a separate issue list.<br />
* The list is collated and sent to Empact to prioritise based on issues.<br />
* Bugs are fixed immediately<br />
<br />
<b>Recording Issues</b><br/><br />
Issues are recorded in a separate issue list on [https://docs.google.com/spreadsheet/ccc?key=0AkfA68G0St4NdHRXbWJlRC1sVnJpVFBUcXFlLW1pQUE#gid=0 Google Docs]<br />
<br />
==== Technical Understudy ====<br />
* We conducted a technical understudy with Empact's technical understudy (Sophie) and our client (Peter Yang)<br />
* <i>Lesson Plan</i>: [https://docs.google.com/document/d/1ThTnpcv1w_yNPwfVDFWglSYk3OpaI4CAzRl5OenLk8Y/edit?pli=1 Lesson Plan on Google Docs]<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"|Session 1<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Session 2<br />
|-<br />
<br />
|| 29 Mar 2013, 1600hrs-1800hrs<br />
|| 12 Apr 2013, 1930hrs-2145hrs<br />
|-<br />
<br />
|| Session Contents:<br />
* Application Structure<br />
* Database Structure<br />
* Flow of Login/Logout Process<br />
|| Session Contents:<br />
* Code walkthrough of Specific Scenarios that Empact requested<br />
* Question and Answer<br />
* Clarification on Session 1<br />
|-<br />
<br />
|-<br />
|}<br />
<br />
==== Handing Over Day ====<br />
<br />
{|align="center"<br />
|[[Image:Boxus_Handover_Day.jpg|500px|Handover Day]]<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Quality of product''' </span></div></p>==<br />
===Project Deliverables:===<br />
<br />
{| class="wikitable" <br />
|+ <br />
|-<br />
! scope="col" width="100" style="background:#810541; color:#ffffff"|Stage<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Specification<br />
! scope="col" width="300" style="background:#810541; color:#ffffff"| Modules<br />
|-<br />
<br />
|rowspan="5"| Project Management<br />
|| Minutes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Minutes | Meeting Minutes]]<br />
|-<br />
<br />
|| Metrics<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdFh6eXB3VmtpYmljVGN2Y19oajdtRWc#gid=3 Bug metrics], [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdGVRWVhPUGN5N0pwYmIwSndOWmIzQUE#gid=16 Schedule]<br />
|-<br />
<br />
|| Iteration Reports<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Project_Management#Schedule_.26_Milestones | Iteration Reports]]<br />
|-<br />
<br />
|| Milestones<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdHo2ZmNTSUxWcjZQTm1hbzU3VkhYQlE#gid=24 Milestones List]<br />
|-<br />
<br />
|| Issue Tracking<br />
|| [https://docs.google.com/spreadsheet/ccc?key=0AsGBoq64IRhgdE5FSkFZTkVULWIyMm5pUnJWX0drUnc#gid=7 Issues List]<br />
|-<br />
<br />
|| Requirements<br />
|| Paper Prototypes<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video | Paper Prototypes]]<br />
|-<br />
<br />
|rowspan="3"| Analysis<br />
|| Use case<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#Use_Case | Use Case Diagram]]<br />
|-<br />
<br />
|| Business Process Diagram<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Process_Analysis Process Diagrams]<br />
|-<br />
<br />
|| Screen Shots<br />
|| [[IS480_Team_wiki:_2012T2_box.us_UI_%26_Video#Screenshots | All Screenshots]]<br />
|-<br />
<br />
|rowspan="2"| Design<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Diagrams#Entity_Relationship_Diagram ERD Diagrams]<br />
|| [https://wiki.smu.edu.sg/is480/Image:EmpactDB1.png V1],[https://wiki.smu.edu.sg/is480/Image:Revision_52.png V2],[https://wiki.smu.edu.sg/is480/Image:Revision_62.png V3],[https://wiki.smu.edu.sg/is480/Image:Revision_128.png V4],[https://wiki.smu.edu.sg/is480/Image:Revision_258.png V5]<br />
|-<br />
<br />
|| System Architecture<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Diagrams#System_Architecture | System Architecture Diagram]]<br />
|-<br />
<br />
<br />
|rowspan="3"| Usability Testing<br />
|| User Testing 1 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_1 Test Plans used]<br />
|-<br />
<br />
|| User Testing 2 Test Plans<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 Test Plans used]<br />
|-<br />
<br />
|| Heuristic Evaluation User Scenarios<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Heuristic_Evaluation_1| User Scenarios used]<br />
|-<br />
<br />
|rowspan="2"| Software Testing<br />
|| Integration Testing<br />
|| [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#Integration_Testing Integration Testings]<br />
|-<br />
<br />
|| Deployment Testing<br />
|| [[IS480_Team_wiki:_2012T2_box.us_Test_Plans#Deployment_Testing | Deployment Testing]]<br />
|-<br />
<br />
|rowspan="4"| Handover<br />
|| User Manuals<br />
|| <br />
|-<br />
<br />
|| Design and Technical Specifications<br />
|| <br />
|-<br />
<br />
|| Code<br />
|| <br />
|-<br />
<br />
|| Deployment Diagram<br />
|| [[IS480_Midterm_Wiki#Deployment: | instructions]]<br />
|}<br />
<br />
===User Testing 2===<br />
{| border="0"<br />
|width="500px" padding="20px"| <br />
[[Image:Box.usUT2.jpg|480px|User Test 1]]<br />
|width="500px" padding="20px"| <br />
We conducted our 2nd user testing to try out our newly added features and at to see how users would respond to them. <br/><br />
<br />
'''Interesting Findings'''<br />
# Users thought changing email and password is inside profile<br />
<br />
'''Actions Taken'''<br />
# Success Messages to be more descriptive<br />
# Clearer images used for buttons<br />
# Login button to be near the sign up button<br />
<br/><br />
Check out our [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_box.us_Test_Plans#User_Test_2 User Testing 2 wiki]<br />
|-<br />
|width="500px" padding="20px"| <br />
|width="500px" padding="20px"| <br />
|}<br />
<br />
===Deployment Testing:===<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.1<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.2<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.3<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.4<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
{|class="wikitable" style="width:500px; align:center"<br />
!style="align:left;width:50%" | Release 0.5<br />
<br />
|-<br />
|Key Changes<br />
<br />
<br />
|-<br />
|Feedback Collected<br />
<br />
<br />
|-<br />
|}<br />
<br />
===Testing:===<br />
<br />
{|class="wikitable" style="width:1000px; align:center"<br />
!style="align:left;width:30%" | User Testing<br />
!style="align:left;width:30%" | Integration Testing<br />
!style="align:left;width:30%" | Deployment Testing<br />
<br />
|-<br />
|'' Objective:'' To collect feedback concerning usability of our application<br />
|'' Objective:'' To test the quality of our application<br />
|'' Objective:'' To collect feedback when application is being used in live environments<br />
<br />
|-<br />
|'' When:'' User Testing 1, User Testing 2<br />
|'' When:'' At the end of every iteration<br />
|'' When:'' Before the start of every deployment<br />
<br />
|-<br />
|'' How:'' Volunteers, NPOs and Empact staff would follow a given User Test cases<br />
|'' How:'' Following the integration test plan. Perform regression testing of all the functionalities<br />
|'' How:'' Following the integration test plan.<br />
<br />
|-<br />
|}<br />
<br />
==<p><div class="NavHead" style="background-color:#810541;-moz-border-radius:4px; text-align: left; padding: 5px; font-size: 12pt;"><span style="color: White"> '''Reflection''' </span></div></p>==<br />
<br />
===Team Reflection:===<br />
<br />
* Managing client expectations<br />
* Learning to collaborate more effectively in a team<br />
* Leveraging one another's strength and weaknesses<br />
* Being a good team player within the team<br />
* Learning to have fun as a team!<br />
* Our IS modules have helped to prepare us for the demands of an IT project<br />
<br />
===Individual Reflection:===<br />
<br />
<p>'''Kevin''' <br/><br />
As I review through my initial learning outcomes that I set out to learn, I felt that I have managed to meet these outcomes in the following way:<br />
* Motivating IT Project teams: Bringing together people from different walks of life together to work on an IT project has sharpened my skills in handling with people and being more cognisant of people management issues and how to deal with group cultures and team norms <br />
* Evaluating IT project ideas: FYP has taught me how to be aware of what are the current issues facing IT projects. It has taught me how to evaluate these and adopt a T-model by being able to think about what are the broad issues that are going to affect IT decisions and what are the deep issues that are specific to the issue being raised.<br />
* Time Management Skills: FYP has taught me to be aware of the time that I spend managing the team, managing my own workload within the team and juggling my workload with my other modules that I was taking in school.<br />
* Client Negotiation skills: I was able to apply the negotiation skills that I learnt from a module to achieve integrative outcomes for the client and the team, and what are the tactics that are readily available to deal with such situations.<br />
* Applied Project Management Skills: The FYP experience has been an extension of what I have learnt in Software Engineering and I was able to refine my skills in scope management, schedule management and further extend the practicality of metrics being used within a project.<br />
</p><br />
<br />
<p>'''Sherrie''' <br/><br />
I started with a very simple learning outcomes - to learn life skills that were above and beyond exams/textbook as well as to apply what my education in SMU has taught me so far. <br><br />
In my opinion, i have achieved that. However, the most valuable lesson for me was <b>learning to deal with changes</b>. In SMU, all our projects has a clear defined scope that stays constant from beginning till the end. But through this FYP, changes was probably the only constant (on top of dedicated team mates who were always there to go through each storm). Managing never ending changes was certainly not just about a "can or cannot" mindset. It really required me to understand the fundamental reasoning behind the changes requested and understanding it from a business view point. <br><br />
With regards to my education, in a bigger picture, I have been able to apply the following<br />
*Understanding and improving business processes: i was able to leverage on the knowledge I've acquired in <u>Process Modelling and Solution Blueprinting (PMSB)</u> to help out in understanding the business process of our client. In addition, I was able to give opinions on how the process could be more efficient.<br />
*Understanding how IT and business value - As I had just completed <u> Advanced Information Systems Management (AISM)</u> I was able to apply the concepts of how IT can be an enabler and contribute in adding business value to an organisation.<br />
*Presentation skills - In <u>Management Communication (MC)</u> we were taught how clear communication is essential be it verbal or presentation. I was able to apply skills I learnt from that module when communicating with clients, team mates or presentation.<br />
</p><br />
<br />
<p>'''Wai Mun''' <br/><br />
<br />
As this FYP is coming to an end, these are the few learning points that i am taking it away:<br />
*Time managment : Time management is very important as usually FYP work takes up a bulk of my time. Hence, it is very important for me to plan my time well for my other activities and my studies.<br />
*Usability learning journey : My usability learning journey is interesting and exciting as i get to know more knowledge on usability through Interaction Design and Prototyping. It is definitely a good module to take as it complements very well with FYP.<br />
</p><br />
<br />
<p>'''Jenzus''' <br/><br />
<br />
At the start, I envisioned that IS480 is a platform that will validate my IS education and sum up my journey as an IS student. Boy! I got more than what I expected and was overwhelmed by the entire journey. IS480 does not only validate my IS education; it has shown me that what I have learnt in school is just a mere reflection of what the ‘real’ world is expected from an IS business enabler. In school, we often complain and whine about the ambiguity of project/assignment requirements and the number of changes our professors/instructors love to put us through. During this project, we encountered changes from the start until the end of the project. Each change comes with its own challenges and complexity and often, it derailed us from our original plan and required some rework. I have learnt to be more appreciative of what my school has prepared and put me through. Yeow Leong has always emphasized on “Managing your client” and I finally understood why he tries to push this point across badly in classes. From this project, I have several takeaways:<br />
*Never stop learning: Initially, I thought I had the necessary skills and knowledge to handle this project. Instead, this project has given me a wakeup call. Every stage of this project, there are many challenges that were beyond my current capabilities and require me to push myself to learn more in order to meet our client’s requirements.<br />
*Understanding business requirements: In any project, it is important to understand and clarify all the project requirements from your client and translate the solution properly in terms which the client can understand. At times, there were some misunderstanding about requirements and often led to disagreements and compromises. When communicating with clients, it is important to understand their needs and their understanding of their requirements. Often, clients do not know what they really want but they will know what they don’t want. Hence, it is important to ask the right questions and uncover all ambiguity.<br />
*Team Dynamics: Team dynamics is the key to the success of this project and knowing my teammates is the best way to cultivate team dynamics. It is much easier to work and communicate with others once you get to know them personally and their working patterns. In addition, it will also result in lesser instance of conflict during project. <br />
</p><br />
<br />
<p>'''Boon Kheng''' <br/><br />
<br />
I think the IS480 project is a great experience for me as it is my first time implementing such a big solution in a team. <br />
Other than technical skills, I’ve seen how an organization like Empact progress together with the project, it seems like both the sponsor and the team work closely together to achieve goals for both parties.<br />
During the project, I am also able to apply subjects that we‘ve learnt during curriculum put in use, such as project and process management.<br />
</p><br />
<br />
<p>'''Jervenne'''<br/><br />
<br />
As FYP as come to the end, I didnt expect to have learn so much by now. Initially I was expecting to learn more and hone my technical skills, and to learn to take on a big project in a bigger group. <br />
Not only did I achieved what I was set out for, but I'm able to see clearly how applicable IS480 is in the real world and how I can apply what I've learnt in school to this project.<br />
My other takeaways will be: managing expectations of the clients, taking feedback for usability improvements, setting priorities, and time management.<br />
Through this FYP period, I've also see the importance of managing client relationship and to educate them on their needs and wants, and also what actually can be done so they can understand better. Last but not least, I'm able to experience the full SDLC of a project and it will be greatly useful for future real-life projects.<br />
</p><br />
<br />
===Sponsor Comment:===<br />
Sometimes, the client writes a report to feedback on the system; this sponsor report can be included or linked from here.</div>Wmcheong.2010