HeaderSIS.jpg

Difference between revisions of "IS480 Team wiki:2017T1 XPal Final"

From IS480
Jump to navigation Jump to search
 
(6 intermediate revisions by the same user not shown)
Line 206: Line 206:
  
 
===<div style="background: #226C9A; padding: 15px; line-height: 0.3em; text-indent: 15px;  font-size:85%; font-family:Century Gothic"><font color= #FFFFFF>Project Metrics</font></div>===
 
===<div style="background: #226C9A; padding: 15px; line-height: 0.3em; text-indent: 15px;  font-size:85%; font-family:Century Gothic"><font color= #FFFFFF>Project Metrics</font></div>===
[[Image: Final VC chart.png |left|500px|link=]][[Image: BDC 14.png ||500px|link=]][[Image: Bugmetrics.png ||500px|link=]]
+
[[Image: Final VC chart.png |left|500px|link=]][[Image: BDC 14.png ||500px|link=]][[Image: Final BM.png ||500px|link=]]
 
<br>
 
<br>
  
Line 259: Line 259:
  
 
===<div style=" font-size:85%; font-family:Century Gothic">Technical Complexity===
 
===<div style=" font-size:85%; font-family:Century Gothic">Technical Complexity===
[[Image:|center|700px|link=]]
+
[[Image: React1.png ||300px|link=]][[Image: React2.png ||300px|link=]][[Image: React3.png ||300px|link=]]
 +
[[Image: XPalAPI.png|center|500px|link=]]
  
 
==Quality of Product==
 
==Quality of Product==
Line 302: Line 303:
 
Our project is deployed to AWS, It can be found as below: <br>
 
Our project is deployed to AWS, It can be found as below: <br>
 
Public website: http://ec2-18-221-100-249.us-east-2.compute.amazonaws.com/ <br>
 
Public website: http://ec2-18-221-100-249.us-east-2.compute.amazonaws.com/ <br>
Internal website: http://ec2-52-221-236-53.ap-southeast-1.compute.amazonaws.com
+
Internal website: http://ec2-52-221-236-53.ap-southeast-1.compute.amazonaws.com/
 
<br>
 
<br>
 
<b>Note: Please ensure that you are using the latest version of Google Chrome browser & Javascript enabled to view the application.</b>
 
<b>Note: Please ensure that you are using the latest version of Google Chrome browser & Javascript enabled to view the application.</b>
Line 310: Line 311:
 
<p>
 
<p>
 
<b>Venue: </b>Ngee Ann Polytechnic/ Singapore Management University <br />
 
<b>Venue: </b>Ngee Ann Polytechnic/ Singapore Management University <br />
<b>Date: </b>6 to 8 October 2017 <br />
+
<b>Date: </b>10 to 14 November 2017 <br />
<b>Time:</b> Online <br />
+
<b>Time:</b> 12-5pm on 10 November, 9am-1pm on 13th November  <br />
<b>Duration: </b>~20 minutes per user<br />
+
<b>Duration: </b>~30 -40 minutes per user<br />
<b>Number of Participant(s):</b> 42 <br />
+
<b>Number of Participant(s):</b> 41 <br />
<b>User Test:</b> https://drive.google.com/open?id=0B8V3w304Y-GaaFdpYUpkUG9SenM here <br />
+
<b>User Test:</b> https://drive.google.com/open?id=0B3h4Zm6_a8WHQU1YbW1lQUYzTlk here <br />
 
</p>
 
</p>
 
</div>
 
</div>
Line 322: Line 323:
 
<div style="font-family: Garamond; font-size:16px">
 
<div style="font-family: Garamond; font-size:16px">
 
<ul>
 
<ul>
<li>To gather feedback on user interface and usability of the student portal, as well as its drag function</li>
+
<li>Gather feedback on the user experience of the student portal</li>
<li>To gather feedback on new user interface of public website as well as its search and filter functions</li>
+
<li>Ensure the whole process is bug-free and smooth.</li>
<li>To gather feedback on the project approval process (from submitting a project to viewing its status)</li>
+
<li>Gather feedback on the new admin functions, select featured students and change website banners.</li>
 
</ul>
 
</ul>
 
</div>
 
</div>
Line 334: Line 335:
 
<div style="font-family: Garamond; font-size:16px">
 
<div style="font-family: Garamond; font-size:16px">
 
<ul>
 
<ul>
 +
Student:
 
<li>Login/Logout</li>
 
<li>Login/Logout</li>
 
<li>Update Profile</li>
 
<li>Update Profile</li>
Line 341: Line 343:
 
<li>View approval status of project</li>
 
<li>View approval status of project</li>
 
<li>View notification</li>
 
<li>View notification</li>
 +
</ul>
 +
<br>
 +
 +
<ul>
 +
Admin:
 +
<li>Login/Logout</li>
 +
<li>Bootstrap</li>
 +
<li>Upload new banner</li>
 +
<li>Select featured students</li>
 +
</ul>
 +
<br>
 +
 +
<ul>
 +
Faculty:
 +
<li>Login/Logout</li>
 +
<li>View notification</li>
 +
<li>Approve/reject project</li>
 
</ul>
 
</ul>
 
</div>
 
</div>
Line 355: Line 374:
 
! style="color:#ecf0f1; background-color:#07264C;" width="200pt" | Type
 
! style="color:#ecf0f1; background-color:#07264C;" width="200pt" | Type
 
! style="color:#ecf0f1; background-color:#07264C;" width="200pt" | Number of Pax
 
! style="color:#ecf0f1; background-color:#07264C;" width="200pt" | Number of Pax
 +
|-
 +
 +
|style="text-align: center;"| Student of Singapore Management University
 +
|style="text-align: center;"| 23
 
|-
 
|-
  
 
|style="text-align: center;"| Student of Ngee Ann Polytechnic  
 
|style="text-align: center;"| Student of Ngee Ann Polytechnic  
|style="text-align: center;"| 37
+
|style="text-align: center;"| 16
 
|-
 
|-
  
 
|style="text-align: center;"| Faculty of Ngee Ann Polytechnic  
 
|style="text-align: center;"| Faculty of Ngee Ann Polytechnic  
|style="text-align: center;"| 3
+
|style="text-align: center;"| 1
 
|-
 
|-
  
 
|style="text-align: center;"| Admin of Ngee Ann Polytechnic  
 
|style="text-align: center;"| Admin of Ngee Ann Polytechnic  
|style="text-align: center;"| 2
+
|style="text-align: center;"| 1
 
|}
 
|}
 
</center>
 
</center>
Line 375: Line 398:
 
<div style="font-family: Garamond; font-size:16px">
 
<div style="font-family: Garamond; font-size:16px">
 
<p>
 
<p>
Participants will complete the testing online independently, using Google Form to record their observations and thoughts. This is because it is the target users are currently having their holiday, and we are unable to conduct face-to- face testing. Task instructions will be given in the form, and participants will record their thoughts after each task. <br>
+
Participants will complete the test with us being present, but unguided, and record their observations and thoughts in a post-test Google form.
<b>User Test:</b> https://goo.gl/forms/MCeHfLdDErPEswNu1 here<br />
+
<br>
 +
<b>Student User Test:</b> https://drive.google.com/open?id=1bMPq7MBpvVD8GmK6PBB8YLAau7PFsJyPmWa_NOakNVs here<br />
 +
<b>Faculty User Test:</b> https://drive.google.com/open?id=1N_pVX4RbhQj0BLRnP0OYJW8KJ0YGhM7-T-qARx622oc here<br />
 
</p>
 
</p>
  
Line 391: Line 416:
  
 
|style="text-align: center;"| 1
 
|style="text-align: center;"| 1
|style="text-align: left;"| Participants should be able to login, complete profile without encountering any errors or re-entering any information due to misunderstanding UI.
+
|style="text-align: left;"| Users should be able to complete all tasks without guidance from the study facilitator
|style="text-align: left;"| Partially reached. 91.4% of the participants could achieve the task without any errors. 3 made mistakes such as accidentally removing information entered. 2 slips identified.
+
|style="text-align: left;"| Goal reached. 100% of the participants could achieve the task without any guidance. However, they did ask questions about the application process such as ‘how to achieve 100% completion for profile’.
 
|-
 
|-
  
 
|style="text-align: center;"| 2
 
|style="text-align: center;"| 2
|style="text-align: left;"| Participants should be able to drag and re-order components of their portfolio.
+
|style="text-align: left;"| Users should find it easy to complete profile and add a project
|style="text-align: left;"| Goal reached. 100% of participants were able to complete the tasks within the 1 minute targeted time.
+
|style="text-align: left;"| Goal reached. We received an average rating of 8.25 out of 10 and 8.6 out of 10 respectively when asked to rate the ease of creating a profile and project.
 
|-
 
|-
  
 
|style="text-align: center;"| 3
 
|style="text-align: center;"| 3
|style="text-align: left;"| Participants should be able to upload a project of their own and view its status.
+
|style="text-align: left;"| Users should easily be able to view their project and portfolio pages. They should be able to find their portfolio within 2 minutes.
|style="text-align: left;"| Goal reached.
+
|style="text-align: left;"| Partially reached. 10% of participants took longer than 2 minutes to complete the task.
 +
|}
 +
</center>
 +
 
 +
<br>
 +
<center>
 +
{| class="wikitable" style="font-family:Garamond; background-color:#FFFFFF; width: 1000px;" align="center"
 +
|-
 +
! style="color:white; background-color:#07264C;" colspan="3" | Faculty
 +
|-
 +
! style="color:#ecf0f1; background-color:#07264C;" width="100pt" | S/N
 +
! style="color:#ecf0f1; background-color:#07264C;" width="400pt" | Study Goals
 +
! style="color:#ecf0f1; background-color:#07264C;" width="500pt" | Reached/Not Reached?
 
|-
 
|-
  
|style="text-align: center;"| 4
+
|style="text-align: center;"| 1
|style="text-align: left;"| Participants should be able find their portfolio page on the public site within 2 minutes (accounting for server response time).
+
|style="text-align: left;"| Users should be able to all tasks without guidance from the study facilitator
|style="text-align: left;"| Partially reached. Average time taken to find portfolio: 2.2 minutes. 20% of the participants took longer than 2 minutes to complete the task.
+
|style="text-align: left;"| Goal reached. The participant could complete the tasks without any guidance.
 +
|-
 +
 
 +
|style="text-align: center;"| 2
 +
|style="text-align: left;"| Users should find it easy to view the notifications.
 +
|style="text-align: left;"| Goal reached. We received a rating of 8 when asked to rate the ease of viewing notifications.
 +
|-
 +
 
 +
 
 +
|style="text-align: center;"| 3
 +
|style="text-align: left;"| Users should find it easy to find and approve a project
 +
|style="text-align: left;"| Goal reached. We received a rating of 7 when asked to rate the ease of approving a project.
 
|}
 
|}
 
</center>
 
</center>
Line 415: Line 463:
 
{| class="wikitable" style="font-family:Garamond; background-color:#FFFFFF; width: 1000px;" align="center"
 
{| class="wikitable" style="font-family:Garamond; background-color:#FFFFFF; width: 1000px;" align="center"
 
|-
 
|-
! style="color:white; background-color:#07264C;" colspan="3" | Faculty
+
! style="color:white; background-color:#07264C;" colspan="3" | Admin
 
|-
 
|-
 
! style="color:#ecf0f1; background-color:#07264C;" width="100pt" | S/N
 
! style="color:#ecf0f1; background-color:#07264C;" width="100pt" | S/N
Line 423: Line 471:
  
 
|style="text-align: center;"| 1
 
|style="text-align: center;"| 1
|style="text-align: left;"| Participants should be able to login and approve/reject project within 5 minutes.
+
|style="text-align: left;"| Users should be able to all tasks without guidance from the study facilitator
|style="text-align: left;"| Goal reached.
+
|style="text-align: left;"| Goal reached. The participant could complete the task without any guidance.  
 
|-
 
|-
  
 
|style="text-align: center;"| 2
 
|style="text-align: center;"| 2
|style="text-align: left;"| Participants should be able to add comments on project when reviewing.
+
|style="text-align: left;"| All users should be able to complete all tasks without meeting any app-related errors
|style="text-align: left;"| Goal reached. However, 33.33% of the participants mentioned that they didn’t know what was the remark for due to bad naming.
+
|style="text-align: left;"| Goal reached.
 +
|-
 +
 
 +
 
 +
|style="text-align: center;"| 3
 +
|style="text-align: left;"| Users should find it easy to replace the banner images and select featured students.
 +
|style="text-align: left;"| Goal reached. We received a rating of 9 and 7 respectively when asked to rate the ease of uploading a new banner and selecting new featured students.
 
|}
 
|}
 
 
</center>
 
</center>
  
Line 445: Line 498:
  
 
|-
 
|-
| Complete Profile
+
| General
| Users mistook the ‘remove’ button of each component to be a ‘submit’ / ‘save’ button
+
| Portal and public side was fast and nice to use.
| Floating update button at the bottom
+
| nil
  
 
|-
 
|-
| Complete Profile
+
| Complete Profile & Upload Project
| The interface when adding the education is not intuitive (not enough hints/information to begin).
+
| Terminology used is common and easy to understand.
| Add "Click to add" button
+
| nil
 
 
|-
 
| Complete Profile
 
| When adding more than 1 education, the most recent one should be added to the top (easier to see and no need to scroll up just to press the (+) button if screen too small)
 
|The latest one should be at the top. Push the old one down.
 
 
 
|-
 
| Complete Profile
 
| In the Education section, the 'start' and 'end' are too far away from the input fields; makes the page feel very empty.
 
| Align closer
 
 
 
|-
 
| Complete Profile
 
| Users would like a preview of the entire profile after the user updates the profile (so that the user can preview what it will look like and edit accordingly)
 
| Add preview button
 
  
 
|-
 
|-
 
| Upload Project
 
| Upload Project
| Users did not know that they can add multiple project images.
+
| Whenever the application is loading, it still shows the "cancel" button (pop-up box).  
| List images as a thumbnail concept whereby users can see all photos and click on any if needed.
+
| Make the cancel button unclick-able
 
 
|-
 
| Upload Project
 
| Error messages were vague; we told users which component had the error but not the exact error.
 
| Show specific error message
 
  
 
|-
 
|-
 
| Drag & Re-Order
 
| Drag & Re-Order
| Users didn't know what they could drag the components around.
+
| When rearranging profile, the cancel button still shows after saving it.
| Add hint text
+
| Remove cancel button after saving
  
 
|-
 
|-
| View Portfolio on Public Site
+
| Complete Profile
| Last page is not shown on pages that list students and projects. E.g. Users have to keep clicking next, can’t see how many pages there are in total.
+
| When rearranging profile, the cancel button still shows after saving it.
| Single and double arrow to jump to front and last page
+
| Remove cancel button after saving
 
 
|-
 
| View Portfolio on Public Site
 
| Users found the filter button not obvious enough. They want to be able to select multiple filters.
 
| Change the color and size of the buttons to make it obvious
 
 
 
|-
 
| View Portfolio on Public Site
 
| Portfolios should be arranged in alphabetical order.
 
| Sort the student name by alphabetical order instead of date
 
 
|}
 
|}
 
</div>
 
</div>

Latest revision as of 10:49, 16 November 2017

XPALLogo Revamp.jpg



ClebsHome.png HOME

ClebsAboutUS.png THE TEAM

ClebsProjectOverview.png PROJECT OVERVIEW

ClebsProjectManagement.png PROJECT MANAGEMENT

ClebsDocumentation.png DOCUMENTATION

 


Project Progress Summary

Xpal last progress.png

Project Management

Project Schedule (Plan vs. Actual)

Planned Project Schedule

Milestone V3 Version 2.jpg

Acutal Project Schedule

Xpal schedule midterms.jpg

Change Management


Change Log
Iteration No. Date Category Change Description Reason for Request Accept/Reject Priority Status of Request
4 1 July 2017 Backend & Frontend Change from Java Script to React To adapt to future needs such as customisation of platform Accept High Closed
4 1 July 2017 Backend & Frontend Change of wireframing Client's request Accept Medium Closed
5 10 July 2017 Backend & Frontend Update relevant database fields Standardisation Accept Low Closed
7 7 August 2017 Backend & Frontend Add hobby field into student table. name of hobby in table = hobbies UAT takeaway Accept Low Closed
7 7 August 2017 Backend & Frontend Remove username from student table Email is good enough. Accept Low Closed
7 7 August 2017 Backend & Frontend Remove class id from student table Unnecessary Accept Low Closed
7 7 August 2017 Backend & Frontend Increase the years range for input on front end side Some inputs may require years in the future. E.g Education/Experience may end sometime in the future Accept Low Closed
7 12 August 2017 Backend & Frontend Remove predictive dashboard analysis Client claim unnecessary. Accept Low Closed
8 24 August 2017 Backend & Frontend Add comment/feedback function for faculty members to input when reviewing projects Client's request Accept Medium Closed
9 4 Sep 2017 Backend & Frontend Remove export project functionality Unnecessary Accept Low Closed
12 16 Oct 2017 Backend & Frontend Added student featuring function on public website Midterm's takeaway Accept Medium Closed
12 20 Oct 2017 Backend & Frontend Added preview portfolio function for students Sponsor's request Accept Low Closed
13 24 Oct 2017 Backend & Frontend Admin able to change banner on public site Enhance scalability Accept Low Closed
14 14 Nov 2017 Backend & Frontend Change in deployment plan Sponsor's request Accept High Open

Project Metrics

Final VC chart.png
BDC 14.pngFinal BM.png


Project Risks

To view past risks that the team may have/may not been affected by, please visit: IS480 Team wiki: 2017T1 X-Pal PROJECT PLANNING RISK

Current Risks that may affect the team:
S/N Risk Type Risk Description Consequences Likelihood Impact Level Mitigation
1 Stakeholder Management Risk Unable to contact sponsor frequently due to the hectic of sponsor' schedule Hinder the progress of project development High Medium Fix a day on every meet with sponsor so that we can meet up if needed
2 Dependency Risk Heavily depends on client on providing testers Hinder the progress of project development High High Liaise with sponsor and stress on the importance on meeting our x factor
3 Project Management Risk Additional project scope from the sponsors Hinder the completion of project Medium Medium As of now, most of the plans have been finalised. In the event that there are changes to the scope, Project Manager should evaluate and decide as a team whether to take up the change request and inform the sponsors of the team's decision. Team has to manage the expectations of the sponsors and ensure that we can deliver what we aim to

Technical Overview

Xpal aa.png

Technical Complexity

React1.pngReact2.pngReact3.png

XPalAPI.png

Quality of Product

Intermediate Deliverables

Stage Specifications Work Product(s)
Project Management Minutes There are 3 types of minutes being maintained: Client Minutes, Supervisor Minutes and Internal Minutes. Our minutes can be found here: Minutes
Metrics We maintain 3 types of metrics to monitor our progress: Sprint Velocity, Scrum Burn down Chart, Bug Metrics. Our metrics can be viewed here: Metrics
Change Management Whenever changes are being made, the team will deliberate and decide on the severity and importance before coming to a group decision of accepting or dropping the change. Our changes can be viewed here: Change Metrics
Risk Management We have a risk metrics in place to keep track of the risks that may disrupt the success of our project as well as our mitigation. Our risks and mitigation can be viewed here Risk Metrics
Sprint Backlog To look for the breakdown of tasks completed at each sprint, our Sprint Backlog can be viewed here: Sprint Backlog
Testing User test plan Every sprint, the QA team will conduct an integration and regression testing to ensure that the app is still working fine after the new implementations and to look for more corner cases in order to make the app more stable.

Deployment

Our project is deployed to AWS, It can be found as below:
Public website: http://ec2-18-221-100-249.us-east-2.compute.amazonaws.com/
Internal website: http://ec2-52-221-236-53.ap-southeast-1.compute.amazonaws.com/
Note: Please ensure that you are using the latest version of Google Chrome browser & Javascript enabled to view the application.

Testing

Venue: Ngee Ann Polytechnic/ Singapore Management University 
Date: 10 to 14 November 2017 
Time: 12-5pm on 10 November, 9am-1pm on 13th November
Duration: ~30 -40 minutes per user
Number of Participant(s): 41 
User Test: https://drive.google.com/open?id=0B3h4Zm6_a8WHQU1YbW1lQUYzTlk here


Objective 

  • Gather feedback on the user experience of the student portal
  • Ensure the whole process is bug-free and smooth.
  • Gather feedback on the new admin functions, select featured students and change website banners.



Scope 

    Student:
  • Login/Logout
  • Update Profile
  • Drag and re-order profile components
  • Upload Project
  • Search and Filter for student in public interface
  • View approval status of project
  • View notification


    Admin:
  • Login/Logout
  • Bootstrap
  • Upload new banner
  • Select featured students


    Faculty:
  • Login/Logout
  • View notification
  • Approve/reject project



Profile of participants 

Type Number of Pax
Student of Singapore Management University 23
Student of Ngee Ann Polytechnic 16
Faculty of Ngee Ann Polytechnic 1
Admin of Ngee Ann Polytechnic 1



Procedures 

Participants will complete the test with us being present, but unguided, and record their observations and thoughts in a post-test Google form.
Student User Test: https://drive.google.com/open?id=1bMPq7MBpvVD8GmK6PBB8YLAau7PFsJyPmWa_NOakNVs here
Faculty User Test: https://drive.google.com/open?id=1N_pVX4RbhQj0BLRnP0OYJW8KJ0YGhM7-T-qARx622oc here


Student
S/N Study Goals Reached/Not Reached?
1 Users should be able to complete all tasks without guidance from the study facilitator Goal reached. 100% of the participants could achieve the task without any guidance. However, they did ask questions about the application process such as ‘how to achieve 100% completion for profile’.
2 Users should find it easy to complete profile and add a project Goal reached. We received an average rating of 8.25 out of 10 and 8.6 out of 10 respectively when asked to rate the ease of creating a profile and project.
3 Users should easily be able to view their project and portfolio pages. They should be able to find their portfolio within 2 minutes. Partially reached. 10% of participants took longer than 2 minutes to complete the task.


Faculty
S/N Study Goals Reached/Not Reached?
1 Users should be able to all tasks without guidance from the study facilitator Goal reached. The participant could complete the tasks without any guidance.
2 Users should find it easy to view the notifications. Goal reached. We received a rating of 8 when asked to rate the ease of viewing notifications.
3 Users should find it easy to find and approve a project Goal reached. We received a rating of 7 when asked to rate the ease of approving a project.


Admin
S/N Study Goals Reached/Not Reached?
1 Users should be able to all tasks without guidance from the study facilitator Goal reached. The participant could complete the task without any guidance.
2 All users should be able to complete all tasks without meeting any app-related errors Goal reached.
3 Users should find it easy to replace the banner images and select featured students. Goal reached. We received a rating of 9 and 7 respectively when asked to rate the ease of uploading a new banner and selecting new featured students.



Key Findings 

Functions User's comment Changes to be made
General Portal and public side was fast and nice to use. nil
Complete Profile & Upload Project Terminology used is common and easy to understand. nil
Upload Project Whenever the application is loading, it still shows the "cancel" button (pop-up box). Make the cancel button unclick-able
Drag & Re-Order When rearranging profile, the cancel button still shows after saving it. Remove cancel button after saving
Complete Profile When rearranging profile, the cancel button still shows after saving it. Remove cancel button after saving



Reflection

Individual Reflections

Xpal reflection2.png
Xpal reflection1.png