Planning Documentation

Background
The bid to host the 2019/20 FunOlympic Games was won by Yokyo, however the event had
to be postponed due to a nationwide outbreak. Due to pandemic constraints, the FunOlympic
committee has decided to organize the 2020/21 games without the participation of the general
public.

The purpose of this project is to develop a web application that will stream all of
FunOlympic's games live. The game will be broadcast live from anywhere in the world at
any time. The goal of this project is to provide a good database as well as an appealing
interface with a user-centric design that people can easily utilize. The user can also watch a
list of available games and save them to an archive.

Objectives
The objective of this project is to create a user-centered web application that will webcast all
of FunOlympic's games from any location, at any time within the limited time specified by
the client.

The objectives will be achieved through the implementation of the following tasks:
 Requirement Analysis
 Planning & Scheduling
 A corporate identity to match the application
 Create User case diagram
 Create a Wireframe
 Create a High-Fidelity Prototype
 Development of Application
 Testing the functionality of the system
 Deployment of the system

Benefits
The project will create a win-win situation for both the client and users. As the client’s goal
is to organize the games without people’s participation, the product will help them broadcast
all the games online. The business will also benefit as brand visibility will be lot more than
stadium, increasing customer loyalty and goodwill. On the other hand, the users will also
benefit as they can enjoy the games online from their couch.
Stake Holders, Roles and Responsibilities
As this is the solo project, I am responsible for carrying the product from scratch to the end.
So, the various roles like consultant, project manager, product designer, developer will be on
me.

Resources
The requirements of the project will be gathered from the client followed by the changes and
improvements as per their wish. For documentation and mind mapping, Microsoft Word,
Excel & Notion will be used. Adobe Illustrator will be used to create a brand identity, icons,
brand assets whereas Photoshop will be used to make posters & images. Adobe XD is the
tool which will be used to create wireframes and high-fidelity prototype. On VS Code, web
technologies like Html, Css, Bootstrap, Php/Laravel & My SQL will be used to bring the
prototype to life.

All the required skills to achieve the goal will be learned from courses, books, tutors and
experts.

Success Criteria
The project can be termed as a success if the deliverable meets the scope, quality and time as
promised to the client. Here are some of the points to determine the success criteria of this
project.
 The project is completed on time.
 The project meets appropriate quality targets.
 Project Delivered all items with agreed scope.
 The project meets the functional & non-functional requirement.

Constraints
Despite the fact that the client has granted complete freedom to explore, the product
developer's limitation is time limits, followed by other minor concerns.

Due to a lack of time, the quality of the system that it could have been may not go to its
potential, as everything from studying, developing, and documenting must be done alone in a
short period of time. Bugs that need to be fixed, coding errors, family obligations, and crises
can all suck up development time.
Apart from them, I don't perceive any further limitations. A schedule will be adjusted to deal
with this problem.
 Work Breakdown

Schedule 
ID  Task Title  Planned Planned Actual Actual End Deliverable 
Total Start End Date  Start Date 
Hours Date  Date 
15
1  Project Analysis               

 1.1  Review the scenario 2021/11/01 2021/11/04 2021/11/01 2021/11/02 Notes

 1.2  Identify the Problems  2021/11/05 2021/11/06 2021/11/02 2021/11/03 Problem Notes
REQUIREMENT 20
  2 SPECIFICATION
Gather Requirements from
Client Requirement
2.1 2021/11/07 2021/11/11 2021/11/04 2021/11/11 specification sheet
Draw Up Requirement
2.2 Specification 2021/11/11 2021/11/15 2021/11/11 2021/11/12 Meeting Notes
Review Requirement
2.3 Specification with client 2021/11/15 2021/11/16 2021/11/13 2021/11/07 Meeting Notes
BUILD PROJECT 20
  3 PLAN/SCHEDULE

  3.1 Breakdown Tasks 2021/11/16 2021/11/17 2021/11/15 2021/11/17 Project Breakdown

Input Task Lists into Schedule
 3.2 Template 2021/11/17 2021/11/20 2021/11/17 2021/11/20 Project Schedule

 3.3  Review Schedule with Client 2021/11/21 2021/11/21 2021/11/21 2021/11/22 Meeting Notes
DESIGN COORPORATE 15
4 BRANDING
 Make a Logo, Coorporate
 4.1 Colors 2021/11/21 2021/11/22 2021/11/23 2021/11/25 Logo/ Brand Manual
Create other assets like icons
4.2 patterns, symbols 2021/11/23 2021/11/23 2021/11/25 2021/11/28 Icons, Brand Assets
Present & Discuss Ideas with
 4.3 the client 2021/11/24 2021/11/24 2021/11/28 2021/11/29 Meeting Notes
70
 5  Design Prototype
  List out functions / Features
5.1 Prioritization 2021/11/25 2021/11/25 2021/11/29 2021/11/29 Features Prioritization
5.2 Create a User Flow Diagram 2021/11/26 2021/11/26 2021/11/26 2021/11/26 User Flow Diagram

 5.3 Create Wireframes 2021/11/27 2021/12/01 2021/11/27 2021/12/01 Low Fidelity Wireframe

5.4 Create High Fedility Design 2021/12/01 2021/12/6 2021/12/01 2021/12/6 High Fidelity Design

  5.5 Discuss Design with the client 2021/12/07 2021/12/07 2021/12/07 2021/12/07 Meeting Notes
  Create a HighFidelity
  5.6 Prototype 2021/12/08 2021/12/11 2021/12/08 2021/12/11 Prototype
  Create a design 20
6 documentation

  6.1   Review client meeting Notes

System Design
6.2 Create a documentation 2021/12/12 2021/12/12 2021/12/12 2021/12/12 Documentation
70
  7   Build Prototype Website

7.1 Review Design Documentation 2021/12/12 2021/12/12 2021/12/12 2021/12/12

7.2 Build Website Framework

7.2.1 Code Front- End 2021/12/13 2021/12/17 2021/12/13 2021/12/17 Web Pages
Discuss the web pages with
 7.2.2 client 2021/12/18 2021/12/18 2021/12/18 2021/12/18 Meeting Notes
Adjust website according to
7.2.3 client wishes 2021/12/18 2021/12/20 2021/12/18 2021/12/20 Meeting Notes

7.3 Develop Backend

7.3.1 Devise SQL & PHP Code 2021/12/20 2021/12/22 2021/12/20 2021/12/22 Backend Draft
SQL, Website PHP
7.3.2 Write backend code 2021/12/22 2021/12/24 2021/12/22 2021/12/24 pages
15
8 Testing
Test Database Server
8.1 Connectivity 2021/12/24 2021/12/25 2021/12/24 2021/12/25 Meeting Notes

8.2 Test Website Functionality 2021/12/25 2021/12/26 2021/12/25 2021/12/26 Meeting Notes

8.3 Evaluate Test Results 2021/12/26 2021/12/28 2021/12/26 2021/12/28 Testing Documentation
35
9 Deployment of system
Website pages accessible
9.1 Upload web-pages to localhost 2022/12/29 2022/12/30 2022/12/29 2022/12/30 via web pages.
35
10. Presentation of System
Design Documentation,
Client contact sheet,
testing & client
10.1 Gather all Documentation 2022/01/01 2022/01/01 2022/01/01 2022/01/01 feedbacks
Presentation of Product to the Presentation of
10.2 client 2022/01/01 2022/01/02 2022/01/01 2022/01/02 Prototype System
Write Draft of Practitioner Practitioner Statement
10.3 Statement 2022/01/02 2022/01/03 2022/01/02 2022/01/03 Draft
Write Final Practitioner Practitioner Statement
10.4 Statement 2022/01/03 2022/01/04 2022/01/03 2022/01/04 Final
 Incorporate all the documents in Final reporting.
10.5 e-portfolio 2022/01/05 2022/01/05 2022/01/05 2022/01/05 ePortfolio

10.6 Submission of Portfolio 2022/01/06 2022/01/06 2022/01/06 2022/01/07 Final Submission

Gantt Chart

Effort
Task ID  Task Title  (hours)  W 1  W 2  W 3  W 4  W 5  W 6  W 7  W 8  W 9 
15
1  Project Analysis

 1.1  Review the scenario 5

 1.2  Identify the Problems  10

REQUIREMENT 20
  2 SPECIFICATION
Gather Requirements from Client
2.1 10
Draw Up Requirement
2.2 Specification 5
Review Requirement
2.3 Specification with client 5
BUILD PROJECT 20
  3 PLAN/SCHEDULE

  3.1 Breakdown Tasks 5

Input Task Lists into Schedule
 3.2 Template 5

 3.3  Review Schedule with Client 10

DESIGN COORPORATE 15
4 BRANDING

 4.1  Make a Logo, Coorporate Colors 5

Create other assets like icons patterns,
4.2 symbols 5

 4.3 Present & Discuss Ideas with the client 5

70
 5  Design Prototype
  List out functions / Features
5.1 Prioritization 5

5.2 Create a User Flow Diagram 10

 5.3 Create Wireframes 10

5.4 Create High Fedility Design 10 10

  5.5 Discuss Design with the client 5

  5.6   Create a HighFidelity Prototype 20

35
6   Create a design documentation

  6.1   Review client meeting Notes 15

6.2 Create a documentation 20

70
  7   Build Prototype Website
7.1 Review Design Documentation 5

7.2 Build Website Framework 30

7.2.1 Code Front- End

 7.2.2 Discuss the web pages with client

Adjust website according to client
7.2.3 wishes

7.3 Develop Backend 35

7.3.1 Devise SQL & PHP Code

7.3.2 Write backend code

15
8 Testing

8.1 Test Database Server Connectivity 5

8.2 Test Website Functionality 5

8.3 Evaluate Test Results 5

20
9 Deployment of system

9.1 Upload web-pages to localhost 20

35
10. Presentation of System

10.1 Gather all Documentation 5

10.2 Presentation of Product to the client 5

10.3 Write Draft of Practitioner Statement 5

10.4 Write Final Practitioner Statement 5

Incorporate all the documents in e-
10.5 portfolio 5

10.6 Submission of Portfolio 10

Total Hrs 280 35 35 35 35 35 35 35 35