IS480 Team wiki: 2016T2 Team VI Final Wiki

From IS480
Jump to navigation Jump to search
Team VI Logo.PNG











Final Wiki


Deployment Link

: here


  • Username: branchmanager@email.com
  • Password: branchmanager
  • Final Slides

    Project Highlights

  • Conducted 3 user testings.
  • Renamed Gamification Module to Treasure Chest Module, which involves a pirate themed banking system for students to redeem points and exchange for gifts. The banking system also serves to inculcate the values of saving among the students.
  • Site went live and has been deployed to the enrichment center since 10 Feb.
  • As of 10 Apr, we achieved 13 active parent users.


    About our Project

    Our team aims to provide a web-based student monitoring system and business analysis tool for an enrichment centre, Explore and Learn Pte Ltd. Our project also aims to engage the students through gamification and encourage learning.

    Summary of Project Progress

    Team VI Iteration Completion.png

    Project Status

    Project Schedule

    Planned For Mid Terms
    Team VI Project Schedule.png Actualschedule.png
    Team VI Timeline Finals.png

    Project Scope

    For Acceptance For MidTerms
    Team VI Project Scope Before.png Team VI Scope 4.0.png
    Team VI Scope Finals.png

    The full Change Management Log can be found here.


    Schedule Metric

    Team VI Schedule Metrics Graph.png

    Highlights of Schedule Metrics

    Iteration Planned (Days) Actual (Days) SM Score Action Status
    14 18 78% Underestimated time required, PM to re-estimate tasks for future iterations. Delayed due to bugs found. Team was unfamiliar with QR code scanning and email notification. Reduced 4 Days of Finals Break Completed
    14 20 70% Underestimated time required, PM to re-estimate tasks for future iterations. Delayed due to the database changes required to mimic the business rules, wherey timeslot is not course unique and a teacher is able to teach more than 1 courses at the same time. Use 6 buffer days. Completed

    Bug Metrics

    Bug Metrics Bug Count by Category
    Team Vi Bug Score Per Iteration.png
    Team VI Bug Count By Category.png

    Highlights of Bug Metrics

    Iteration Bug Score Number of Issues Summary of Bugs and Issues Action Taken
    20 Low Impact Bugs & 2 High Impact Bugs Most bugs are due to validation errors. Developers stopped all current development and resolve the bugs.

    Project Risks

    Category Description Likelihood Impact Mitigation Mitigated
    Client Management Changing functional requirements High High Project Manager adjusts schedule according to the client's requiremtns and apply change management controls. Developers to update the PM if the changes in requirements affact the project schedule. Mitigated successfully
    Client Management Hard to get real users to test our application Medium High PM scheduled team members to go down to the centre at different times and conduct testing with the users. Mitigated successfully

    Technical Complexity

    Technical Complexity 1: Rescheduling

    Team VI Technical Complexity 1.png
    Team VI Technical Complexity 2.png
    Team VI Technical Complexity 3.png

    We choose 'FullCalendar.io' frontend library for the rendering of our schedules and classes. However, for the need of temporarily rescheduling as our business requirement stated, recursive rendering method in FullCalender.io has limitations in fulfilling that. For example, we need to allow a student who only wishes to temporary reschedule one of his lesson to another time slot, the student will be shifted to another schedule completely if we were to use the recursively rendering method. 

    Hence, the team has came up with our own methods of adding a sub layer of relationship into the schedule, which we named it as schedule events that are associated to a particular schedule. These schedule events are recursively created at the moment of the schedule creation and the students are associated to schedule events instead, and each schedule event id will be unique. In this case, the temporary rescheduling of classes for student is thus possible.

    Technical Complexity 2: Geolocation Encoding

    Team VI Technical Complexity Map.png

    Our client desire a way to easily view the result of the marketing campaigns they have organised. Hence we propose to render each individual sign up on the map to give an intuitive way of understanding the coverage on each campaign over the island. Moreover, calculate the signup rate of all the students against the target number which is to show the effectiveness of each campaign organised

    We decide to use google map API for the geolocation encoding as well as maplace.js to embed an interactive google map view in our map. We also learn to use the d3.js in creating a graph that will change along with the map in rendering of the data points of student sign up for each campaign. This require a proper setting up of an google application on google developer console as well as prepare the data into suitable format for a successful display on the web page.


    Type Description Documentation
    Requirement Gathering Market Research Market Research
    Project Management Minutes, Metrics, Risks, Change

    Meeting Minutes
    Schedule & Effort Metrics
    Bug Metrics
    Risk Management
    Change Management

    Analysis and Design Use Case, ER Diagram Use Case & ER Diagram
    Analysis and Design Architectural Diagram, Technology and Tools Used Architectural Diagram & Technology and Tools Used
    Testing User Test Plan Test Plan
    Handover User Guide User Guide


    User Testing 1


    • Gather feedback regarding the user interface from existing users
    • Identify usability issues based on observations
    • Improve web application based on user testing results
    • Identify potential bugs that was not found during testing phase

    Users: Wong Bing Xiang (Sponsor), Teacher
    Venue: Upper Thomson
    Date: 26/10/2015
    Duration: 25 Minutes / User

    Find out more about our User Testing 1 here

    User Testing 2


    • Gather feedback from students in SMU
    • Identify usability issues based on observations
    • Improve web application based on user testing results
    • Identify potential bugs that was not found during testing phase
    • Testing of functionality

    Users: 15 SMU Students, 4 IT Consultant, 1 Digital Marketing Consultant
    Venue: SMU , FYP Labs, Starbucks at Parkway
    Date: 4,5,6 Feb 2016
    Duration: 20 Minutes / User Participants Demographics:

  • 10 Actual Parents from the center
  • Find out more about our User Testing 2 here

    User Testing 3


    • Gather feedback from live users in Explore & Learn
    • Identify usability issues based on observations
    • Improve web application based on user testing results
    • Identify potential bugs that was not found during testing phase
    • Testing of functionality

    Users: 1 Branch Manager, 2 Teachers, 15 Actual Students, 10 Parents
    Venue: Explore & Learn Center
    Date: 6,7 April 2016
    Duration: 20 Minutes / User

    Scope of User Testing 3

    • Branch Manager to successfully create a Parent and Student.
    • Branch Manager to create a schedule, and assign the student into a class
    • Branch Manager to create a marketing campaign
    • Branch Manager to view analysis of student
    • Student To redeem a gift from the redemption portal
    • Teacher to mark the attendance of a student using the QR code
    • Teacher to create a feedback for the student
    • Parents to edit their own and child's information/li>
    • Parents to successfully receive an SMS, Email when their children has attended lesson
    • Parents to view the feedback given to their children by their teachers
    • Parents to view the performance over time analysis of their children results

    User Testing 3 Focus Group:

    • Branch Manager
    • Parent
    • Teacher
    • Students

    User Testing 3 Results:

      Likes Dislikes
      User Interface
      • Color Scheme is good
      • Users found it intuitive and could know exactly where to click
      • Pirate Bank Scheme is nice
      • N/A
      • Liked the concept of gift redemptions
      • Students are excited about QR Codes to sign in
      • SMS system is useful
      • Parents liked how they know when their student has attended lessons
      • Liked the performance over time analysis chart
    • Students want get the rewards fast and not inclined with banking system
    • Wanted a payment system
    • Dropdown list for students were not user friendly
    • Map analysis should have options for branch manager to choose the filter conditions
    • Heatmap marker not user friendly
    • |
      Changes Made for UT3
      Heatmap Function Dropdown list function
      Screen Shot 2016-04-09 at 12.29.28 pm.png
      Screen Shot 2016-04-09 at 12.29.36 pm.png
      Insert display markers for heatmap created auto search function for all existing dropdown lists
      Scheduling Colors Select Pop Up
      Screen Shot 2016-04-09 at 12.43.41 pm.png
      Screen Shot 2016-04-09 at 12.47.18 pm.png
      Different Colors represents different classrooms for easy identification Created a onclick function which shows 'selected' when a user selects a schedule

      Find out more about our User Testing 3 User Testing 3


      Team VI Final LO.png
      Team VI Final LO 2.png