Supervisor Professor Debin Gao Prepared by Cheong Guo

Supervisor : Professor Debin Gao Prepared by: Cheong Guo Long Foo Fang Ying Ngo Cam Le William Tanuwijaya Supervisor: Prof. Debin Gao Reviewers: Prof. Benjamin Gan GCAP Project

Team Members Roles Project Manager Lead Web Developer Assit. Developer. Business Analysts 1. Lead and Responsibilities 2. 3. motivate the team towards a goal. Plan project schedules Communicate with clients regarding project requirement 1. 2. 3. Develop overall technical blueprint Provide guidance and share knowledge Perform integration 1. 2. 3. Develop front- 1. end UI 2. Assist in integrating the system Develop back- 3. end system 4. Develop Test Cases Consolidate users’ feedbacks Analyze the testers’ feedbacks Update the wiki page

Agenda Project Recap Demo Technical Complexity User Testing 2 Improvements from Midterm Project Management Learning Outcomes & Reflections

PROJECT RECAP

GCAP Project Main Client Readers

Technologies Development Tools Deployment Tools

Technologies Collaboration Tools Project Management Tools

Features Completed Acceptance Mid-term Final Content Management System • • Post Articles Upload Photos • • Upload Videos Upload Audios Tag Articles Categorize Articles • Categorize Articles into Regions and Countries Informative and organized website layout • Increase the size of the design template • • Rotating Banner Display different categories on homepage Set number of articles per page Choose where the articles are displayed Interactive Map • Interactive Map Fix Broken Functionalities • • Search RSS Feeds Social Networking Medium Implementation • Link to Social Networking Site (Homepage) Like and Share Function for each articles Flickr Gallery Auto sharing through Twitter when new articles posted • • •

DEMO

TECHNICAL COMPLEXITY

Database Migration Different number of tables used to store content. Node_revisio n Field_data_bo dy Field_revision_bo dy Drupal 6 - GCAP Drupal 7 - Project

Database Migration In terms of columns… Node_revision (Drupal 6) (`nid`, `vid`, `uid`, `title`, `body`, `teaser`, `log`, `timestamp`, `format`) Node_revision (Drupal 7) (`nid`, `vid`, `uid`, `title`, `log`, `timestamp`, `status`, `comment`, `promote`, `sticky`, `ds_switch`) Field_body_data (Drupal 7) (`entity_type`, `bundle`, `deleted`, `entity_id`, `revision_id`, `language`, `delta`, `body_value`, `body_summary`, `body_format`)

Language Issues Some content were posted in other languages Spanish, French, Italian Current website doesn’t multilingual support

USER TESTING 2

User Testing Main Client � Michael Switow � 21 April 2013 � Sent by email � Fully guided test cases � Gather information about functionality and UI Normal Readers � 10 SMU Students � 17 April 2013 � Non-fully guided test cases � Gather information about functionality

User Testing – Main Client Scope � Post � Edit � Delete � Number of articles showing � Social media connectivity User Interface

User Testing – Main Client emphasizes on the UI Some basic testing on the back end We have not received any feedback from our client

User Testing – Normal User Scope � Post � Edit � Delete � Number of articles showing � Social media connectivity

User Testing – Normal User

User Testing – Normal User

User Testing – Normal User

User Testing – Normal User Failed functionality Edit font size Twitter connectivity � Share GCAP main page � Share GCAP articles

IMPROVEMENTS FROM MIDTERM

Improvements from Midterms Increase the size of the uploaded videos and audios to 10 MB

Categorization of Articles

Categorization of Articles

Categorization of Articles

Interactive Map

Article’s Teaser

PROJECT MANAGEMENT Time Management Quality Management Risk Management Stakeholder Management

Project Management (Overview) 11 ITERATIONS - Current Iterations: Project Handover and Final Presentation 8 MILESTONES - Current Milestones: Final Presentation - After Mid-term: - Addition of Poster Day’s Preparation - Poster Day

Milestones Project Proposal Submission (26 October 2012) Project Acceptance Presentation (08 November 2012) New User Testing 2 (08 April 2013) Final Presentation (24 April 2012) Poster Day Submission (01 April 2013) New Poster Day ( 26 April 2012) User Testing 1 ( 07 February 2013) Midterm Presentation ( 22 February 2013)

Schedule Metrics Schedule Metric Formula : Off Schedule Days = Actual days – Planned days Off Schedule Days per iteration Days <=- 3 Impact Level High -3<days <-1 Medium -1=< days <=1 Low 1<days<3 Medium days>=3 High Action(s) to be taken Tasks are completed ahead of schedule. PM to reschedule all tasks to maximize time. Tasks are slightly ahead of planned schedule. PM to make minor changes to schedule if necessary. No action. Everything is going as planned. Tasks are slightly far behind planned schedule. PM to make minor changes to schedule if necessary. Tasks are extremely far behind planned schedule. PM to conduct urgent meeting with entire team to find out team’s difficulties. PM to reschedule the rest of the tasks and reallocate tasks if necessary.

Schedule Metrics Days off from planned 10 8 6 4 2 0 1 2 3 4 5 6 7 8 9 10 -2 -4 Iteration

Schedule Metrics Iteration 5: (UI Design) Days off from planned 10 8 Delayed for 9 days 6 Reason: One of the member withdraw from the team 4 2 0 1 2 3 4 5 6 7 8 9 10 -2 -4 Iteration The PM decided to extend the duration iteration 5 by 10 days and reschedule the next iteration. We drop the analytics function on the next iteration as it is not required by the client.

Schedule Metrics Iteration 6: (Interactive Map and Integration with Database) Days off from planned 10 8 Delayed for 4 days 6 Reason: Perform changes after UAT 1 4 Encounter difficulty in integrating the database 2 0 1 2 3 4 5 6 7 8 9 10 -2 -4 Iteration The PM decided to push back the integration with the database to Iteration 10

Planned vs Actual (Features) FINAL (PLANNED) • • Search Function Translation Function RSS Feeds Integration with Social Networking Medium • Implementation of Mobile Version FINAL (ACTUAL) • • Search Function Translation Function RSS Feeds Integration with Social Networking Medium • Implementation of Mobile Version

Planned vs Actual (Iterations) Planned Iteration 7 Iteration 8 Iteration 9 Iteration 10 Iteration 11 Search Translation & RSS Social Medium Mobile Version Final Change Integrate Deploy Handover

Planned vs Actual (Iterations) Planned Iteration 7 Iteration 8 Iteration 9 Iteration 10 Iteration 11 Search Translation & RSS Social Networking Medium Mobile Version Final Change Integrate Deploy Handover Actual

Planned vs Actual (Iterations) Planned Iteration 7 Iteration 8 Iteration 9 Iteration 10 Iteration 11 Search Translation & RSS Social Medium Mobile Version Final Change Integrate Deploy Handover Iteration 7 Iteration 8 Iteration 9 Iteration 10 Iteration 11 Search Translation & RSS Social Medium Mobile Version Integrate with Database Interactive Map Final Change Integrate Deploy Handover Actual

Quality Management

Quality Management

Quality Management UAT 1 4 5 6 7 UAT 2 8 9 10

Quality Management Bug Metrics 16 14 UAT 2 UAT 1 12 10 8 6 4 2 0 4 5 6 7 8 9 10

Quality Management How did we maintained the Bug Metric ? � Bug Metric Excel Sheet placed in Dropbox � Person who discovers the bug will raise the issue & inform relevant members To � PM check Excel sheet at least thrice a week to calculate after each iteration and ensure bugs are solved

Risk Management

Risk Management Risk Statement Consequenc es Likelihood Impact Level Action Plans Lack of Delay in the technical project knowledge. progress. Low quality of work. High A Research Coaching Session Lack of Delay in the manpower project progress High A Reallocate the tasks

- Demo on completed /updated functions - Discussions on improvements with sponsors - Emails - SMS - Calls Open to Feedback - Presentation by PM to update group progress & plans Communication Channels Meetings Stakeholders Management - Valuable feedback for presentations and improvements - Made amendments based on feedback

HAND-OVER PLAN

Deployment Our system is already live on the server � Different domain Client: www. whiteband. org Team: www. whitebandtest. org Replace the project folder in the client domain Forward/Mask the domain name

Hand-over Materials The client decided to use some of our features All modules implemented Documents � Presentation � User manual Slides

REFLECTIONS

Lesson Learnt Communication: As the project is nearing to the end, we need to make sure that the system is built according to the client’s requirement. Therefore, it is crucial to maintain constant communication in order to avoid last minute changes. Team Work: It is crucial to maintain group relationships especially during the last milestone of the project to keep every team member focus and be able to deliver their best at the final stage of the project. Time Management: Finishing a task as early as possible is very important in order to deliver the best final product as we can to the client.

Reflection A very useful experience to deal with real client It has been a long journey (some are fun, some are not that fun)… However, the pain can’t be compared with our gain in knowledge and experience…

Reflection Thank you for your endless support, especially from Prof Debin, Prof Ben, and of course Mike…