Difference between revisions of "IS480 Team wiki: 2012T2 CHARIS/Final"
(→UT 5) |
|||
(43 intermediate revisions by 2 users not shown) | |||
Line 4: | Line 4: | ||
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px" | {| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px" | ||
|scope="row" width="1000" style="text-align: left; background: #555555"| | |scope="row" width="1000" style="text-align: left; background: #555555"| | ||
− | <font size = 5 color = "white"> Download our [[Media: | + | <font size = 5 color = "white"> Download our [[Media:CHARIS_FinalPPT.pdf |<font color = "hotpink">Final Presentation Slides</font>]] |
<br><br> Visit our [http://106.187.95.45:8888 <font color = "hotpink">Staging Site</font>] or our [http://livingnet.beaconheights.com.sg <font color = "hotpink">Live Site</font>]! </font> | <br><br> Visit our [http://106.187.95.45:8888 <font color = "hotpink">Staging Site</font>] or our [http://livingnet.beaconheights.com.sg <font color = "hotpink">Live Site</font>]! </font> | ||
|} | |} | ||
Line 70: | Line 70: | ||
<br/> | <br/> | ||
=====<div style=" background: #999999; padding: 12px; font-weight: bold; line-height: 0.5em"><font color= black size = 3>Functionality Swap</font></div>===== | =====<div style=" background: #999999; padding: 12px; font-weight: bold; line-height: 0.5em"><font color= black size = 3>Functionality Swap</font></div>===== | ||
+ | <font size = "4">Implemented a facility booking payment system in place of a taxi booking system. This was agreed upon with the sponsor at our 12th iteration, as it will add the greatest value to what we have in place so far.</font> | ||
+ | {| | ||
+ | |<br>[[Image:CHARIS_Swap1.png |left]] | ||
+ | |- | ||
+ | |<br>[[Image:CHARIS_Swap2.png |left]] | ||
+ | |} | ||
====<div style=" border-bottom: 1px dotted; background: #FFFFFF; padding: 12px; font-weight: bold; line-height: 0.5em"><font color= black size = 4>Project Achievements</font></div>==== | ====<div style=" border-bottom: 1px dotted; background: #FFFFFF; padding: 12px; font-weight: bold; line-height: 0.5em"><font color= black size = 4>Project Achievements</font></div>==== | ||
Line 90: | Line 96: | ||
====<div style=" border-bottom: 1px dotted; background: #FFFFFF; padding: 12px; font-weight: bold; line-height: 0.5em"><font color= black size = 4>Project Challenges</font></div>==== | ====<div style=" border-bottom: 1px dotted; background: #FFFFFF; padding: 12px; font-weight: bold; line-height: 0.5em"><font color= black size = 4>Project Challenges</font></div>==== | ||
+ | |||
+ | {| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:300px | ||
+ | |||
+ | |scope="row" width="600" height="200" style="text-align: left; background: #e8e8e8"| | ||
+ | <font size = 4> '''Aligning deployment with sponsor's business processes'''<br> </font><br> | ||
+ | <font size = 3> | ||
+ | * Many levels of checks and approvals required before deployment is able to be carried out | ||
+ | * Logistics and training requirements was also a challenge as we needed to ensure that our key stakeholders such as the managing agent is able to use our application | ||
+ | * Needed to balance between increasing usage of application through marketing means agreeable with our stakeholders at the condominium | ||
+ | |} | ||
===<div style="background: #43A694; padding: 12px; font-weight: bold; line-height: 0.5em"><font color= black size = 5>Project Management</font></div>=== | ===<div style="background: #43A694; padding: 12px; font-weight: bold; line-height: 0.5em"><font color= black size = 5>Project Management</font></div>=== | ||
Line 99: | Line 115: | ||
[[Image:CHARIS_Timeline_v6a.png|800px]] | [[Image:CHARIS_Timeline_v6a.png|800px]] | ||
− | ====<div style=" border-bottom: 1px dotted; background: #FFFFFF; padding: 12px; font-weight: bold; line-height: 0.5em"><font color= black size = 4>Project Schedule (MidTerm to Finals Plan vs Actual)</font></div>==== | + | =====<div style=" border-bottom: 1px dotted; background: #FFFFFF; padding: 12px; font-weight: bold; line-height: 0.5em"><font color= black size = 4>Project Schedule (MidTerm to Finals Plan vs Actual)</font></div>===== |
Line 133: | Line 149: | ||
Note: No coding was done in iteration 1, 2 and 3, hence, there were no bugs reported. | Note: No coding was done in iteration 1, 2 and 3, hence, there were no bugs reported. | ||
− | ====Technical Complexity==== | + | ====<div style=" border-bottom: 1px dotted; background: #FFFFFF; padding: 12px; font-weight: bold; line-height: 0.5em"><font color= black size = 4>Technical Complexity</font></div>==== |
{| class="wikitable" style="text-align: left; height:50px" | {| class="wikitable" style="text-align: left; height:50px" | ||
Line 143: | Line 159: | ||
[[Image:Charis_Responsive_2.png|600px]] | [[Image:Charis_Responsive_2.png|600px]] | ||
|- | |- | ||
− | + | ! scope="col" width="350" style="background:#006633; color:#ffffff"| Mobile optimization and responsive design | |
− | ! scope="col" width="350" style="background:#006633; color:#ffffff"| | ||
|- | |- | ||
− | + | |[[Image:Charis_Optimize_1.png|600px]]<br> | |
+ | [[Image:Charis_Optimize_2.png|600px]]<br> | ||
+ | [[Image:Charis_Optimize_3.png|600px]]<br> | ||
+ | [[Image:Charis_Optimize_4.png|600px]]<br> | ||
|- | |- | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
|} | |} | ||
Line 229: | Line 236: | ||
|style="text-align: left;"| | |style="text-align: left;"| | ||
*[[Media:CHARIS_TestPlan_(1).pdf|Test Plan V1]] | *[[Media:CHARIS_TestPlan_(1).pdf|Test Plan V1]] | ||
− | *[[Media:CHARIS_TestPlan_( | + | *[[Media:CHARIS_TestPlan_(2a).pdf|Test Plan V2]] |
+ | *[[Media:CHARIS_TestPlan_(3).pdf|Test Plan V3]] | ||
|- | |- | ||
|style="text-align: center;background: #94cd58"| Supporting Documents | |style="text-align: center;background: #94cd58"| Supporting Documents | ||
|style="text-align: left;"| | |style="text-align: left;"| | ||
− | *[[Media:CHARIS_UAT_EVALUATORS.pdf |Evaluator's Sheet]] | + | *[[Media:CHARIS_UAT_EVALUATORS.pdf |Evaluator's Sheet - UT 2,3,4]] |
− | *[[Media:CHARIS_UAT_PARTICIPANTS.pdf |Participant's Sheet]] | + | *[[Media:CHARIS_UAT_PARTICIPANTS.pdf |Participant's Sheet - UT 2,3,4]] |
+ | *[[Media:CHARIS_UAT5_EVALUATORS.pdf |Evaluator's Sheet - UT 5]] | ||
+ | *[[Media:CHARIS_UAT5_PARTICIPANTS.pdf |Participant's Sheet - UT 5]] | ||
+ | *[[Media:CHARIS_UAT5_SCENARIOS.pdf |Scenarios for SBT- UT 5]] | ||
*[http://goo.gl/QCwtq UT Participant List] | *[http://goo.gl/QCwtq UT Participant List] | ||
Line 242: | Line 253: | ||
====<div style=" border-bottom: 1px dotted; background: #FFFFFF; padding: 12px; font-weight: bold; line-height: 0.5em"><font color= black size = 4>Quality</font></div>==== | ====<div style=" border-bottom: 1px dotted; background: #FFFFFF; padding: 12px; font-weight: bold; line-height: 0.5em"><font color= black size = 4>Quality</font></div>==== | ||
+ | |||
+ | For project quality, we optimized the performance of our web application by optimizing our data-fetching strategies | ||
+ | |||
+ | [[Image:CHARIShibpic1.png|800px]] | ||
+ | |||
+ | |||
+ | [[Image:CHARIShibpic2.png|800px]] | ||
+ | |||
+ | {| style="border: 1px solid; text-align: left; width:1000px; background:white" | ||
+ | |+ | ||
+ | |- scope = "row" style = "background:orange; line-height:2.0em; text-align:center" | | ||
+ | ![[Media:CHARIS_LOADTEST.pdf |Load Testing Results]] | ||
+ | |} | ||
====<div style=" border-bottom: 1px dotted; background: #FFFFFF; padding: 12px; font-weight: bold; line-height: 0.5em"><font color= black size = 4>Deployment</font></div>==== | ====<div style=" border-bottom: 1px dotted; background: #FFFFFF; padding: 12px; font-weight: bold; line-height: 0.5em"><font color= black size = 4>Deployment</font></div>==== | ||
+ | |||
+ | |||
+ | '''Application Launch''' | ||
+ | |||
+ | On the 23rd March 2013, we launched and deployed our application - [http://livingnet.beaconheights.com.sg LivingNet] | ||
+ | |||
+ | In order to achieve our objectives of adding value to our sponsors through a high usage rate of our application by the condo residents, we adopted a very methodological and reiterative approach towards our Deployment Strategy. This involved a 5 step process which is currently still ongoing. | ||
+ | |||
+ | [[Image:Charis_DeploymentStrategy.png|800px]] | ||
+ | |||
+ | '''Step 1: Sponsor Approval''' | ||
+ | |||
+ | This step involves establishing an approval process to ensure the sponsor is kept abreast of our deployment developments and can advise and give inputs to our project. | ||
+ | |||
+ | |||
+ | |||
+ | '''Step 2: Training''' | ||
+ | |||
+ | Training for users, especially the administrators is essential step to have before actual launch. Hence we conducted two training sessions for Daud,the condo's managing agent. | ||
+ | |||
+ | |||
+ | |||
+ | '''Step 3: Marketing''' | ||
+ | |||
+ | In order to ensure residents sign up for the application, they first need to be aware of our launch hence we made use of three main marketing collateral, namely Email, Circulars and Posters/Standees. | ||
+ | |||
+ | [[Image:Charis_Standee.png|90px]][[Image:Charis_Lobby_Poster.png|180px]] | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | '''Step 4: Actual Deployment of LivingNet''' | ||
+ | |||
+ | We went live on the 23rd of March 2013 where our app was deployed on the main site. We also had an introductory session held at the function room of the condo to guide any residents who came down to sign up for the application. We also sent out emails and circulars with temporary usernames and passwords to incentivise residents to sign up quickly. | ||
+ | |||
+ | [[Image:Charis_Launch1.png|500px]] | ||
+ | |||
+ | |||
+ | '''Step 5: Feedback & Update''' | ||
+ | |||
+ | It was essential for us to obtain any feedback and update the application as soon as possible to ensure users maintained high levels of satisfaction with the application. Hence we held a Feedback and Enquiry Session on the 30th March, one week after our launch to obtain the feedback of our residents. We obtained a lot of valuable feedback and recommendations as well as received feedback on the desire for the application to provide a community platform for residents to interact with one another. We already have that function in our application but it is still pending approval of our sponsors due to logistics reasons. | ||
+ | |||
+ | [[Image:Charis_Launch2.png|500px]] | ||
+ | |||
+ | |||
+ | '''Separate Development Site''' | ||
+ | |||
+ | |||
+ | As we are constantly maintaining a live, deployed site, we have to create a separate developmental site for us to test new functionalities. You can use the dummy accounts shown below to try out our app on the developmental site. However, do not that we are constantly deploying new code and testing new functions. If you do encounter any issues/problems feel free to email us at helpdesk@beaconheights.com.sg and we will get back to you as soon as possible. | ||
+ | <br> | ||
+ | {| class="wikitable" style="border: 1px solid;text-align: center; height:150px" | ||
+ | |+ | ||
+ | |- | ||
+ | ! scope="col" width="100" style="background-color:#a75c9d"| <font color="#ffffff">Account Type</font> | ||
+ | ! scope="col" width="150" style="background-color:#a75c9d"| <font color="#ffffff">Username</font> | ||
+ | ! scope="col" width="300" style="background-color:#a75c9d"| <font color="#ffffff">Password</font> | ||
+ | |- | ||
+ | |||
+ | ! style="background: orange"|Normal User Account | ||
+ | |style="text-align: center;background: #94cd58"|trial | ||
+ | |style="text-align: center;background: #94cd58"|password | ||
+ | |- | ||
+ | |||
+ | ! style="background: orange"|Admin User Account | ||
+ | |style="text-align: center;background: #94cd58"|admin | ||
+ | |style="text-align: center;background: #94cd58"|password | ||
+ | |- | ||
+ | |} | ||
+ | [http://livingnet.beaconheights.com.sg:8888 Login to our app now] | ||
+ | |||
+ | <br> | ||
+ | {| style="border: 0px solid; text-align: left; width:400px; background:white" | ||
+ | ! [[Image:CHARIS_Acceptance_deployment_diag.jpg|360x500px|thumb|Deployment Diagram (pre-acceptance)]] | ||
+ | ! [[Image:CHARIS_Midterm_deployment_diag.jpg|360x500px|thumb|Deployment Diagram (pre-Midterm and Current)]] | ||
+ | |} | ||
====<div style=" border-bottom: 1px dotted; background: #FFFFFF; padding: 12px; font-weight: bold; line-height: 0.5em"><font color= black size = 4>Testing</font></div>==== | ====<div style=" border-bottom: 1px dotted; background: #FFFFFF; padding: 12px; font-weight: bold; line-height: 0.5em"><font color= black size = 4>Testing</font></div>==== | ||
Line 282: | Line 382: | ||
|- | |- | ||
! scope="row" | Verbal feedback | ! scope="row" | Verbal feedback | ||
− | |||
− | |||
|} | |} | ||
|} | |} | ||
Line 412: | Line 510: | ||
! | ! | ||
− | {| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px; width: | + | {| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px; width: 520px" |
|scope="row" width=500px" style="text-align: left; background: #add583"| | |scope="row" width=500px" style="text-align: left; background: #add583"| | ||
<font size = 3>'''Participant Demographic</font> | <font size = 3>'''Participant Demographic</font> | ||
---- | ---- | ||
− | ''' Number of Participants:''' 14<br> | + | ''' Number of Participants:''' 14 (7 for each type of testing)<br> |
''' Participant: ''' Students<br> | ''' Participant: ''' Students<br> | ||
''' Persona: ''' <li> Different levels of tech-savvyness<li> Mostly condominium residents | ''' Persona: ''' <li> Different levels of tech-savvyness<li> Mostly condominium residents | ||
Line 423: | Line 521: | ||
''' Needs: ''' <li> Convenient outlet to book facilities <li> Channel for feedback to the managing agent | ''' Needs: ''' <li> Convenient outlet to book facilities <li> Channel for feedback to the managing agent | ||
|} | |} | ||
− | ! [[Image:UT4.png| | + | ! [[Image:UT4.png |400x480px |thumb|Implemented Scenario-based testing]] |
|} | |} | ||
− | {| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px; width: | + | {| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px; width: 1000px" |
− | | [[Image:UT4Comparison.png | + | | [[Image:UT4Comparison.png]] |
− | |scope="row" width=500px" style="text-align: left; background: # | + | |scope="row" width=500px" style="text-align: left; background: #E8E8E8"| |
− | Implemented scenario based testing based on the advice provided by Prof Richard during our midterm review. Scenario-based testing has enabled us to pick up the nuances of usability issues that would not be as noticable if we were to soley focus on task-based testing | + | <font size = "3">Implemented scenario based testing based on the advice provided by Prof Richard during our midterm review. Scenario-based testing has enabled us to pick up the nuances of usability issues that would not be as noticable if we were to soley focus on task-based testing</font> |
|} | |} | ||
Line 445: | Line 543: | ||
{| style="border: 1px solid; text-align: left; width:1000px; background:white" | {| style="border: 1px solid; text-align: left; width:1000px; background:white" | ||
|+ | |+ | ||
− | |- scope = "row" style = "background:orange; line-height:2.0em; text-align: | + | |- scope = "row" style = "background:orange; line-height:2.0em; text-align:left" | |
− | + | |colspan = "2" | <font size = 4>'''Better navigation and forum-style enquiries'''</font> | |
+ | |- scope = "row" style = "background:#E8E8E8; line-height:2.0em; text-align:left;" | | ||
+ | |colspan = "2" | Improved Navigation | ||
+ | |- | ||
+ | | style = "border-bottom:2px solid" |<font size = "4"> <center>Shifted enquiries to become a standalone link in the navigation bar as some users had troubles finding where it was<br> ----></center></font> | ||
+ | | style = "border-bottom:2px solid" | [[Image:UT5A.png | 420px |center]]<br> | ||
+ | |- | ||
+ | | style = "border-bottom:2px solid" |[[Image:UT5B.png | 420px |center]] | ||
+ | |style = "border-bottom:2px solid" |<font size = "4"> <center>Made joyride activation button more obvious as some users were notice the presence of the functionality<br> <----</center></font> | ||
+ | |- | ||
+ | |style = "border-bottom:2px solid" |<font size = "4"> <center>Auto redirect admin users to the admin portal upon login, so as to reduce the number of clicks required for administrator to navigate themselves<br> ----></center></font> | ||
+ | |style = "border-bottom:2px solid" | [[Image:UT5C.png | 420px |center]] | ||
+ | |- scope = "row" style = "background:#E8E8E8; line-height:2.0em; text-align:left" | | ||
+ | |colspan = "2" | Forum Style Enquiry | ||
|- | |- | ||
− | + | | [[Image:UT5D.png | 420px |center]] | |
+ | | <font size = "4"> <center>Changed the style of enquiries as previously users had to submit more than 1 enquiry if after the first reply, they do not receive a satisfactory answer. Now users are able to see a conversation thread with the admin<br> <----</center></font> | ||
|} | |} | ||
Line 475: | Line 587: | ||
====<div style=" border-bottom: 1px dotted; background: #FFFFFF; padding: 12px; font-weight: bold; line-height: 0.5em"><font color= black size = 4>Sponsor Comments</font></div>==== | ====<div style=" border-bottom: 1px dotted; background: #FFFFFF; padding: 12px; font-weight: bold; line-height: 0.5em"><font color= black size = 4>Sponsor Comments</font></div>==== | ||
− | [[ernest.png]] "I believe the team had superseded our initial expectations of the project deployment and impressed the residents on the project delivery. They managed the application deployment process very efficently and managed the enquiries of the support staff and live users" | + | <div align = "center"> |
+ | {| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px; width: 1000px" | ||
+ | |scope="row" width=500px" style="text-align: left; background: #FFCC66"| | ||
+ | <font size = "5"> '''Ernest Cai, Management Associate, Maybank-Kim Eng'''</font> | ||
+ | |} | ||
+ | |||
+ | {|cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px; width: 1000px" | ||
+ | |scope="row" width=500px" style="text-align: left; background: #FFCC66"|[[Image:ernest.png|150px|left]] | ||
+ | |scope="row" width=500px" style="text-align: left; background: #FFCC66"|<font size = "4"><center>''"I believe the team had superseded our initial expectations of the project deployment and impressed the residents on the project delivery. They have managed the application deployment process very efficently and have also managed the enquiries of the support staff and live users professionally."''</center> | ||
+ | |} |
Latest revision as of 09:16, 17 April 2013
Project Progress Summary
Download our Final Presentation Slides
|
We are at our final(16th) iteration!
|
Project Highlights
Scope Completion
We have completed all of the functionalities as agreed upon with our client, as seen in our scope diagram below as well as our priority circle.
LivingNet Launch Events
Functionality Swap
Implemented a facility booking payment system in place of a taxi booking system. This was agreed upon with the sponsor at our 12th iteration, as it will add the greatest value to what we have in place so far.
Project Achievements
Project Challenges
Aligning deployment with sponsor's business processes
|
Project Management
Project Schedule
Project Schedule (MidTerm to Finals Plan vs Actual)
Project Metrics
Velocity Metric
Velocity Score Metric
Iteration Velocity Progress
Team Strength: represents the relative man hours available for development.
Score: represents the number of points we completed coding in the iteration.
Baseline Velocity: represents the speed of our progress, and is measured by taking the average of the previous 3 iterations.
Bug Metric
Note: No coding was done in iteration 1, 2 and 3, hence, there were no bugs reported.
Technical Complexity
Mobile optimization and responsive design |
---|
Mobile optimization and responsive design |
Project Quality
Project Deliverables
Stage | Specification | Modules |
---|---|---|
Project Management | Minutes | |
Metrics | ||
Schedule | ||
Requirements | Story Cards | |
Research Gathering | ||
Wireframes and Mockups | ||
Change Log | ||
Analysis | Use Case | |
Design | Deployment Diagram | |
Testing | User Test Plan | |
Supporting Documents |
Quality
For project quality, we optimized the performance of our web application by optimizing our data-fetching strategies
Load Testing Results |
---|
Deployment
Application Launch
On the 23rd March 2013, we launched and deployed our application - LivingNet
In order to achieve our objectives of adding value to our sponsors through a high usage rate of our application by the condo residents, we adopted a very methodological and reiterative approach towards our Deployment Strategy. This involved a 5 step process which is currently still ongoing.
Step 1: Sponsor Approval
This step involves establishing an approval process to ensure the sponsor is kept abreast of our deployment developments and can advise and give inputs to our project.
Step 2: Training
Training for users, especially the administrators is essential step to have before actual launch. Hence we conducted two training sessions for Daud,the condo's managing agent.
Step 3: Marketing
In order to ensure residents sign up for the application, they first need to be aware of our launch hence we made use of three main marketing collateral, namely Email, Circulars and Posters/Standees.
Step 4: Actual Deployment of LivingNet
We went live on the 23rd of March 2013 where our app was deployed on the main site. We also had an introductory session held at the function room of the condo to guide any residents who came down to sign up for the application. We also sent out emails and circulars with temporary usernames and passwords to incentivise residents to sign up quickly.
Step 5: Feedback & Update
It was essential for us to obtain any feedback and update the application as soon as possible to ensure users maintained high levels of satisfaction with the application. Hence we held a Feedback and Enquiry Session on the 30th March, one week after our launch to obtain the feedback of our residents. We obtained a lot of valuable feedback and recommendations as well as received feedback on the desire for the application to provide a community platform for residents to interact with one another. We already have that function in our application but it is still pending approval of our sponsors due to logistics reasons.
Separate Development Site
As we are constantly maintaining a live, deployed site, we have to create a separate developmental site for us to test new functionalities. You can use the dummy accounts shown below to try out our app on the developmental site. However, do not that we are constantly deploying new code and testing new functions. If you do encounter any issues/problems feel free to email us at helpdesk@beaconheights.com.sg and we will get back to you as soon as possible.
Account Type | Username | Password |
---|---|---|
Normal User Account | trial | password |
Admin User Account | admin | password |
Testing
|
|
---|
UT 2
Focus Session with Managing Agent
|
---|
UT 2 Results
View Results |
---|
Improvements Made
View Improvements Made |
---|
UT 3
User Testing with Participants from SMU
|
---|
UT 3 Student Testing Results
View Results |
---|
Improvements Made
View Improvements Made |
---|
UT 4
UT with condo residents
|
---|
UT 4 Resident Testing Results
View Results |
---|
Improvements Made
View Improvements Made |
---|
UT 5
UT with participants from SMU
|
---|
UT 5 SMU Participants Testing Results
View Results |
---|
Improvements Made
Better navigation and forum-style enquiries | |
Improved Navigation | |
----> |
|
<---- | |
----> |
|
Forum Style Enquiry | |
<---- |
Reflection
Team ReflectionBiggest Takeaway: The importance of Stakeholder Management
|
Individual Reflection
Sponsor Comments
Ernest Cai, Management Associate, Maybank-Kim Eng |