HeaderSIS.jpg

Difference between revisions of "IS480 Team wiki: 2015T1 Team Big Hero 5 Final Wiki"

From IS480
Jump to navigation Jump to search
 
(34 intermediate revisions by 3 users not shown)
Line 32: Line 32:
 
{| class="wikitable" style="background-color:#FFFFFF;"
 
{| class="wikitable" style="background-color:#FFFFFF;"
 
|-
 
|-
! style="color:white; background-color:#B22222;" | Midterm Slides
+
! style="color:white; background-color:#B22222;" | Final Slides
 
! style="color:white; background-color:#B22222;" | Merchant
 
! style="color:white; background-color:#B22222;" | Merchant
 
! style="color:white; background-color:#B22222;" | Customer
 
! style="color:white; background-color:#B22222;" | Customer
 +
! style="color:white; background-color:#B22222;" | Admin
 
|-
 
|-
| [[Image:bh5slides.png|130px|link=https://www.dropbox.com/s/ifbsnidf6ujt1mg/Dinggo%20-%20Midterm.pdf?dl=0]]
+
| [[Image:bh5slides.png|130px| link=File:bh5finalslides.pdf|130px|thumb|center  ]]
 +
 
 
| [[Image:bh5merchantlink.png|130px|link=http://merchant-elefork.rhcloud.com/]]
 
| [[Image:bh5merchantlink.png|130px|link=http://merchant-elefork.rhcloud.com/]]
 
| [[Image:bh5customerlink.png|130px|link=http://dg-elefork.rhcloud.com/]]
 
| [[Image:bh5customerlink.png|130px|link=http://dg-elefork.rhcloud.com/]]
 +
| [[Image:bh5adminlink.png|130px|link=http://merchant-elefork.rhcloud.com/DingGoAdminLogin.jsp]]
 
|-
 
|-
 
|}
 
|}
 
</div></center>
 
</div></center>
 
==<div style="background: #fff536; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:18px; font-family:helvetica"><font color= #2d393b>Project Highlights</font></div>==
 
==<div style="background: #fff536; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:18px; font-family:helvetica"><font color= #2d393b>Project Highlights</font></div>==
[[Image:bh5progress.png|1000px]]
+
[[Image:bh5progressfinal.png|1000px]]
*Took 3 days after acceptance test to make changes to our database
+
 
*Teammates are doing IDP, so the work load is high
+
*Teammates are doing IDP this sem, so the work load is high
*Change of the requirements: previously only need customer side to be mobile optimized, but now we work on both customer and merchant sides
+
*Able to add four new functions
*Separate merchant and customer interface
+
**Generate PDF as voucher
*Took 3 weeks to redesign UI after acceptance test
+
**Scan QR code to redeem
*Completed 3 UATs thus far
+
**Search deal by keywords
*So for 5 merchant tested our app and two of them used our app for real deals
+
**Customer review deals
  
 
==<div style="background: #fff536; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:18px; font-family:helvetica"><font color= #2d393b>Project Challenges:</font></div>==
 
==<div style="background: #fff536; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:18px; font-family:helvetica"><font color= #2d393b>Project Challenges:</font></div>==
 
<br>
 
<br>
 
+
*We need to integrate two applications - Merchant and Customer
 
+
*Learning the new database took us quite some time
 +
*While number of merchants is limited, it is hard for us to gather more feedback to improve on usability of the merchant side
 +
*Since DingGo is a start up company, the requirements can change along time. We need to react fast to adapt the changes.
  
 
==<div style="background: #fff536; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:18px; font-family:helvetica"><font color= #2d393b>Project Achievements</font></div>==
 
==<div style="background: #fff536; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:18px; font-family:helvetica"><font color= #2d393b>Project Achievements</font></div>==
 
+
[[Image:bh5finalachievement.png|1000px]]
  
 
=Project Management=
 
=Project Management=
Line 65: Line 70:
 
==<div style="background: #dbe3bf; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:18px; font-family:helvetica"><font color= #2d393b>Project Timeline</font></div>==
 
==<div style="background: #dbe3bf; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:18px; font-family:helvetica"><font color= #2d393b>Project Timeline</font></div>==
 
===Actual timeline===
 
===Actual timeline===
 +
[[Image:bh5finaltimeline.png|1100px]]
 +
===Planned timeline===
 
[[Image:actualtimelinenew.png|1100px]]
 
[[Image:actualtimelinenew.png|1100px]]
===Planned timeline===
 
[[Image:plannedtimelinenew.png|1100px]]
 
  
 
==<div style="background: #dbe3bf; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:18px; font-family:helvetica"><font color= #2d393b>Project Schedule Metrics</font></div>==
 
==<div style="background: #dbe3bf; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:18px; font-family:helvetica"><font color= #2d393b>Project Schedule Metrics</font></div>==
 
<br>[[Image:SMplan.png|center|800px]]
 
<br>[[Image:SMplan.png|center|800px]]
<br>[[Image:sm.png|center|500px]]
+
<br>[[Image:bh5fianlSM.png|center|500px]]
<br>[[Image:Workinghours.png|center|500px]]
+
<br>[[Image:bh5finalworkinghours.png|center|500px]]
  
 
==<div style="background: #dbe3bf; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:18px; font-family:helvetica"><font color= #2d393b>Project Bugs Metrics</font></div>==
 
==<div style="background: #dbe3bf; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:18px; font-family:helvetica"><font color= #2d393b>Project Bugs Metrics</font></div>==
 
<br>[[Image:BMplan.png|center|800px]]
 
<br>[[Image:BMplan.png|center|800px]]
<br>[[Image:Bm.png|center|500px]]
+
<br>[[Image:bh5finalM.png|center|500px]]
 +
 
 +
==<div style="background: #c8cffa; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:18px; font-family:helvetica"><font color= #2d393b>Project handover plan</font></div>==
 +
[[File:bh5handover.png|800px]]
  
 
==<div style="background: #c8cffa; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:18px; font-family:helvetica"><font color= #2d393b>Technical Complexity</font></div>==
 
==<div style="background: #c8cffa; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:18px; font-family:helvetica"><font color= #2d393b>Technical Complexity</font></div>==
[[File:bh5techcomplexity.png|800px]]
+
[[File:bh5finalcomplexity.png|800px]]
  
 
=Quality of Product=
 
=Quality of Product=
Line 104: Line 112:
 
|-
 
|-
  
|rowspan="2"| Analysis
+
|rowspan="3"| Analysis
 
|style="text-align:center" | Use cases
 
|style="text-align:center" | Use cases
 
|style="text-align:center" | [[IS480_Team_wiki:_2015T1 Team Big Hero 5 Project Documentation|'''Use Case''']]
 
|style="text-align:center" | [[IS480_Team_wiki:_2015T1 Team Big Hero 5 Project Documentation|'''Use Case''']]
Line 111: Line 119:
 
|style="text-align:center" | System Architecture
 
|style="text-align:center" | System Architecture
 
|style="text-align:center" | [[IS480_Team_wiki:__2015T1 Team Big Hero 5 Architecture|'''Architecture Diagram''']]
 
|style="text-align:center" | [[IS480_Team_wiki:__2015T1 Team Big Hero 5 Architecture|'''Architecture Diagram''']]
 +
|-
 +
|style="text-align:center" | ER diagram
 +
|style="text-align:center" | [[https://www.dropbox.com/s/w2jtobyaj88r8b9/ER%20Modelling_updated.png?dl=0|'''ER Diagram''']]
 
|-
 
|-
  
Line 119: Line 130:
 
|-
 
|-
 
|}
 
|}
 +
 +
==<div style="background: #c8cffa; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:18px; font-family:helvetica"><font color= #2d393b>Quality</font></div>==
 +
Our application focus on the usability:
 +
*It is mobile optimized
 +
*You can surf the site using any devices and any browsers
 +
For customers:
 +
*user can generate PDF version of the voucher
 +
*customer can choose to review the restaurant and view the historical comments from other customers
 +
*there is quick link on deal detail page for easier searching purpose
 +
*share deal with friends on social media (Fackbook, WhatsApp) by one click
 +
For merchants:
 +
*can choose to redeem the reservation by keying in confirmation ID or scanning QR code
 +
*data analysis for merchant to track the deal performance
 +
*can manage deal template when pushing deal and save the most useful deal template
  
 
==<div style="background: #c8cffa; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:18px; font-family:helvetica"><font color= #2d393b>Testing</font></div>==
 
==<div style="background: #c8cffa; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:18px; font-family:helvetica"><font color= #2d393b>Testing</font></div>==
Line 127: Line 152:
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 
[[Image:UAT3 icon.png|120px|link=IS480_Team_wiki:_2015T1 Team Big Hero 5 User Testing 3]]
 
[[Image:UAT3 icon.png|120px|link=IS480_Team_wiki:_2015T1 Team Big Hero 5 User Testing 3]]
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 +
[[Image:UAT4 icon.png|120px|link=IS480_Team_wiki:_2015T1 Team Big Hero 5 User Testing 4]]
  
 
</center>
 
</center>
  
 
=Reflection=
 
=Reflection=
 +
==<div style="background: #c8cffa; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:18px; font-family:helvetica"><font color= #2d393b>Team Reflection</font></div>==
 +
Working as a team requires everyone's efforts and responsibility. Team makes every member stronger than one individual, and at the same time, each individual contributes the team and bring a team to a new level.
 +
All for one.
 +
One for all.
 +
 +
==<div style="background: #c8cffa; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:18px; font-family:helvetica"><font color= #2d393b>Individual Reflection</font></div>==
 
[[File:bh5xueying.png|100px]]<br>
 
[[File:bh5xueying.png|100px]]<br>
 
<b>Xia Xueying<br>
 
<b>Xia Xueying<br>
 
Project Manager & Quality Assurance Analyst</b>
 
Project Manager & Quality Assurance Analyst</b>
 
<br>
 
<br>
As a project manager, I leant how to communicate with different parties and align the requirement with our product delivered. There are lots of function changes since acceptance test. I need to take into account both the sponsor's requirements and balance the workload of our team members'to ensure we are on the track and the quality of the application.
+
As a project manager, I learnt the importance of good time management and resource planning. Through out the project, I also learnt how to manage our stakeholders effectively and to be adaptable and realistic to changes that were presented to our team. It has also help to hone my communication skills which will be helpful for future projects. It has enabled me to approach the project from a larger perspective and to truly empathize with our sponsor's problems.  
As a QA, I need to test every details of our functions and came up with corner cases to enhance the quality of the application.
 
 
<br>[[File:bh5yiyi.png|100px]]<br>
 
<br>[[File:bh5yiyi.png|100px]]<br>
 
<b>Wang Yiyi<br>
 
<b>Wang Yiyi<br>
 
UI Developer & Business Analyst</b>
 
UI Developer & Business Analyst</b>
 
<br>
 
<br>
After acceptance test, I have changed the UI design twice and apply CSS, JS skills smoothly to meet sponsor’s requirement. UI elements are familiar to me now, thus I can make major or minor adjustment to achieve user-friendly as well as aesthetic needs. I also realized the feedbacks provided by users are most precious advice for UI developers. We made a lot of improvements according to real users’ feedbacks. Besides, as the business analyst, I need to gather requirements from sponsor and users and translate them into business requirement to help all team members especially coders understand needs clearly.
+
As a UI designer, I learned how to design and develop UI using CSS, Java Script and so on. I also learned to work closely with real users to improve usability and aesthetics of the application. Many feedbacks from users and merchants during UAT can help me develop a better UI design. Also I learned to work with team mates closely to make sure the continuity and unity of codes and UI. As the business analyst, I learned to better gather and analyse requirements from sponsor to help the team understand the sponsor’s business model and requirements.
 
<br>
 
<br>
 
<br>[[File:bh5yiming.png|100px]]<br>
 
<br>[[File:bh5yiming.png|100px]]<br>
Line 147: Line 179:
 
Lead Developer & Technical Analyst</b>
 
Lead Developer & Technical Analyst</b>
 
<br>
 
<br>
For back-end development, I feel like it's not only about coding but rather considering the real case and usability. It's also important to adopt suggestions from user, so that we take the chance to integrate some new technology tricks like Ajax to make our application more user-friendly. I picked up a lot of JavaScript knowledge along the way as well, and it's necessary to communicate with front-end developer to make sure all the error messages are displayed correctly.
+
Between midterm and final, I have learned a lot about the technologies such as javascript and Jquery. Besides the technologies, I've also leaned a lot about stakeholder management, the importance of efficient communication, and the importance of user testing, as the users usually think more than us.
 
<br>
 
<br>
 
<br>[[File:bh5xinge.png|100px]]<br>
 
<br>[[File:bh5xinge.png|100px]]<br>
Line 153: Line 185:
 
Backend Developer & UI Developer</b>
 
Backend Developer & UI Developer</b>
 
<br>
 
<br>
From the acceptance till now, as my role changed from Back-end Developer & PM Assistant to Back-end Developer and Front-end Developer, I learnt a lot about the UI design and developing. I am more familiar with CSS and JavaScript now. As I focus more on the mobile optimization, I learn more about the how to make our web application response effectively for different kinds of devices. Moreover, as we are using the bootstrap framework, I explored on how to use different elements. In addition, the feedback from the real users gave me ideas about how to make our application more user friendly.  
+
As a developer deals with both front end and backend, I have learned a lot about how to bridge between UI and back end. Moreover, I learned a lot about how to make our application responsive to work perfectly on both computer and mobile devices. In order to improve the usability of our application, the feedback from the 4 UAT helped us a lot. Besides, during this project, I also learnt a lot about working with others.
 
<br>
 
<br>
 
<br>[[File:bh5jiahang.png|100px]]<br>
 
<br>[[File:bh5jiahang.png|100px]]<br>
Line 159: Line 191:
 
Developer & PM Assistant </b>
 
Developer & PM Assistant </b>
 
<br>
 
<br>
From the acceptance test till now, I am getting more familiar with parse database from how to send emails to how to use pointer columns. Moreover, I tried to figure out more circumstances in managing deal templates. For example, a template can be generated from history or saved by merchant. So if the merchant has saved that template already, I need to pick it out from historical templates. Another situation is when the merchant pushes out a deal without using any template, but that deal is actually corresponding to one saved template, I will consider the merchant pushed out that deal by using that template. Creating diagrams and main page pictures also helped with my designing skill and I can consolidate UAT results more efficiently and accurately now.
+
From the miterm till now, I have learnt how to create pdf using itext library and how to generate QR code. Moreover, I have also got familiar with Facebook and Whatsapp web services such as share to facebook and whatsapp. Besides what have been mentioned above, I have trained my skill in directing video and creating script for pitch video and final demonstration.
 
<br>
 
<br>

Latest revision as of 11:08, 25 November 2015

Final wiki link.png

HOME

 

ABOUT US

 

PROJECT OVERVIEW

 

PROJECT MANAGEMENT

 

DOCUMENTATION

 


Project Progress Summary

Final Slides Merchant Customer Admin
Bh5slides.png
Bh5merchantlink.png Bh5customerlink.png Bh5adminlink.png

Project Highlights

Bh5progressfinal.png

  • Teammates are doing IDP this sem, so the work load is high
  • Able to add four new functions
    • Generate PDF as voucher
    • Scan QR code to redeem
    • Search deal by keywords
    • Customer review deals

Project Challenges:


  • We need to integrate two applications - Merchant and Customer
  • Learning the new database took us quite some time
  • While number of merchants is limited, it is hard for us to gather more feedback to improve on usability of the merchant side
  • Since DingGo is a start up company, the requirements can change along time. We need to react fast to adapt the changes.

Project Achievements

Bh5finalachievement.png

Project Management

Project Timeline

Actual timeline

Bh5finaltimeline.png

Planned timeline

Actualtimelinenew.png

Project Schedule Metrics


SMplan.png


Bh5fianlSM.png


Bh5finalworkinghours.png

Project Bugs Metrics


BMplan.png


Bh5finalM.png

Project handover plan

Bh5handover.png

Technical Complexity

Bh5finalcomplexity.png

Quality of Product

Project Deliverables

Stage Specification Links
Project Management Meeting Minutes Meeting Minutes
Schedule Metrics Schedule Metrics
Bug Metrics Bug Metrics
Analysis Use cases Use Case
System Architecture Architecture Diagram
ER diagram [ER Diagram]
Testing User test plan User testing

Quality

Our application focus on the usability:

  • It is mobile optimized
  • You can surf the site using any devices and any browsers

For customers:

  • user can generate PDF version of the voucher
  • customer can choose to review the restaurant and view the historical comments from other customers
  • there is quick link on deal detail page for easier searching purpose
  • share deal with friends on social media (Fackbook, WhatsApp) by one click

For merchants:

  • can choose to redeem the reservation by keying in confirmation ID or scanning QR code
  • data analysis for merchant to track the deal performance
  • can manage deal template when pushing deal and save the most useful deal template

Testing

UAT1 icon.png       UAT2 icon.png       UAT3 icon.png       UAT4 icon.png

Reflection

Team Reflection

Working as a team requires everyone's efforts and responsibility. Team makes every member stronger than one individual, and at the same time, each individual contributes the team and bring a team to a new level. All for one. One for all.

Individual Reflection

Bh5xueying.png
Xia Xueying
Project Manager & Quality Assurance Analyst

As a project manager, I learnt the importance of good time management and resource planning. Through out the project, I also learnt how to manage our stakeholders effectively and to be adaptable and realistic to changes that were presented to our team. It has also help to hone my communication skills which will be helpful for future projects. It has enabled me to approach the project from a larger perspective and to truly empathize with our sponsor's problems.
Bh5yiyi.png
Wang Yiyi
UI Developer & Business Analyst

As a UI designer, I learned how to design and develop UI using CSS, Java Script and so on. I also learned to work closely with real users to improve usability and aesthetics of the application. Many feedbacks from users and merchants during UAT can help me develop a better UI design. Also I learned to work with team mates closely to make sure the continuity and unity of codes and UI. As the business analyst, I learned to better gather and analyse requirements from sponsor to help the team understand the sponsor’s business model and requirements.

Bh5yiming.png
Gao Yiming
Lead Developer & Technical Analyst

Between midterm and final, I have learned a lot about the technologies such as javascript and Jquery. Besides the technologies, I've also leaned a lot about stakeholder management, the importance of efficient communication, and the importance of user testing, as the users usually think more than us.

Bh5xinge.png
Cao Xinge
Backend Developer & UI Developer

As a developer deals with both front end and backend, I have learned a lot about how to bridge between UI and back end. Moreover, I learned a lot about how to make our application responsive to work perfectly on both computer and mobile devices. In order to improve the usability of our application, the feedback from the 4 UAT helped us a lot. Besides, during this project, I also learnt a lot about working with others.

Bh5jiahang.png
Zhang Jiahang
Developer & PM Assistant

From the miterm till now, I have learnt how to create pdf using itext library and how to generate QR code. Moreover, I have also got familiar with Facebook and Whatsapp web services such as share to facebook and whatsapp. Besides what have been mentioned above, I have trained my skill in directing video and creating script for pitch video and final demonstration.