ShapeShift: South Asian Fitness App
ShapeShift: South Asian Fitness App
Contents
Contents..........................................................................................................................................................................
Introduction....................................................................................................................................................................
Stakeholders...................................................................................................................................................................
Aims and Objectives........................................................................................................................................................
Web App Aims and Objectives...........................................................................................................................................
Login/Sign up database...............................................................................................................................................
Fitness/Dietary Plans...................................................................................................................................................
Progress Log................................................................................................................................................................
Calorie Calculator...........................................................................................................................................
Plan.................................................................................................................................................................................
Specification....................................................................................................................................................................
Functional Specification.....................................................................................................................................................
Technical Specification.......................................................................................................................................................
Use Case Diagrams...............................................................................................................................................
Introduction
Our concept is a web application based on fitness built and designed for people in the
South Asian community. It is called ShapeShift. It focuses on tackling and reducing the
risk of diseases that are prevalent in the South Asian community. The web application
focuses on informing and raising awareness of such diseases as well as the precautions a
person can take to prevent these risks. We focus on displaying techniques on fitness and
physical wellbeing to motivate people in the South Asian community to take action. The
web application will consist of information ranging to those who know little about the
topic and those who are already informed. The main objective would be to encourage
fitness activity and provide the resources to teach skills that can be used to help others
achieve a better lifestyle.
Stakeholders
The stakeholders will be our targeted audience, specifically those who are already
dealing with diseases such as cholesterol, diabetes, high blood pressure and obesity.
Stakeholders can range from young and old individuals, it can also include the NHS and
other private firms whose job is to deal with and assist people in their nutrition and diet.
In addition to this our shareholders can also be amongst personal trainers who are
tasked with helping their clients and customers with improving the physique and help
maintaining their health, this can be implemented by allowing the personal trainers
inserting their clientele’s details to help identify their issues. Another source of our
stakeholders comes from government bodies that may look to deploy rules and
regulations onto the public, the government may look to tackle obesity and rise of
diseases within their country and may use the web app to help determine alternatives
and identify dietary solutions to communities which they might not have knowledge of.
Our main aim is to develop a user-friendly web application that displays the necessary
steps a person can take to improve their lifestyle in fitness and health. It will range from
the importance of diet and physical activity as well as risks that can be faced if issues are
ignored. We want to focus on motivating people to consider a healthier lifestyle and
provide tools to keep users engaged with fitness and health. We have come to the
conclusion that our web application must have many features that can support the
stakeholders needs and improve the user experience of our end product. This section
explores the features we will include and the steps required to implement these
features successfully.
Another aim is to encourage fitness and health activity in our stakeholders, this will be
facilitated from the content that will be displayed to our users. These will range from
workouts and diet recipes as well as advice from real life statistics. This will prove to be
beneficial to our users as they are now motivated to improve their lifestyle because they
have the knowledge to make their own decisions.
An issue that could occur during the development of the aims and objectives is that the
information provided may have a negative effect on a user. To tackle this, we can use
disclaimers and statistics from experts to ensure a user is not putting themselves in
danger. Disclaimers are useful to remind users that the information provided may not
be useful to specific groups of people, and a second opinion from a medical
administrator is well advised before setting out to complete tasks.
We have two main groups of focus, those who are suffering from diabetes, obesity and
those who are at risk of contracting these diseases. One aim of ours is creating diverse
content for those who are at risk, this will give them the opportunity to make decisions
on reducing the likelihood of them contracting diseases. The objective would be
integrating detailed guides that focus on preventing diseases from occurring. These
guides will be comprehensive but very simple to make it easier for our users to
understand and implement in their lives.
An issue that could occur when incorporating this objective into our web application is
to ensure our guides are of the highest quality and are relevant to South Asian
communities. To resolve this issue, it would be imperative to conduct many hours into
research for this topic, this will ensure our guides have the optimal up to date
information for our users.
More aims for our website include the development of using the web application
regardless of the device you are using. Mobile phones, tablets, computers all should be
able to run the web application and the features should work differently depending on
which device you are on. E.g. mobile phones make use of touch screens, computers
make use of the keyboard and mouse. It is important that the web application is well
optimised for all devices, this allows for a seamless user experience because users can
swap between devices whenever they like. Problems can occur when creating the
mobile version of the app, such as we do not have experience with HTML, CSS and
JavaScript for mobile devices. This will be difficult to resolve as we need one group to
manage the desktop web application and the other group to manage the mobile web
application.
Our aim is to motivate people to adopt a healthier lifestyle, one objective in order to
accomplish this would be positive comments that will help encourage the user to follow
through with their fitness and dietary regimes.
Our goal is that when these features are deployed we will see an increase in the amount
of South Asians with healthier lifestyles.
Login/Sign up database
Majority of our features will be user centred and personalised towards each individual
user. The best feature to implement would be adding a database which stores every
user information, this will be the base before creating other features such as a
fitness/dietary plan, progress logs/journals, customised workouts, and fitness tracker
that can calculate calories intake for a given person. We will create a log in/sign up page
that can take a user’s name and password and will give them access to the web
applications user only features.
Our aim focuses on allowing users to store their personal user information regarding
workout data, web app preferences, dietary preferences, and the plan they have chosen
all inside of the database, this will improve user experience because users will have their
preferences saved each time they visit the web application.
The objectives would be creating a user authentication system which will be helpful for
data security. It is important to ensure our database is constructed well, this allows for
more efficient storage of information which is useful for expanding many users in our
database.
However, one challenge we will face when creating this feature is that we do not know
MySQL. We have decided to assign 3 people to learn the MySQL language so we are
prepared to complete this feature successfully.
Fitness/Dietary Plans
A major struggle that is prevalent when people join dietary, or fitness groups is that they
usually find it to be a huge change to their old lifestyle so it is very difficult for them to
enforce those rules which eventually leads to them relapsing and losing interest in
sticking to their fitness or dietary regime. Our web application will improve on helping
those who find it difficult to commit to these changes. The aim would be implementing
different workout/dietary plans that are personalised for users, this will help those who
cannot find the time to carry out their fitness plan. Each fitness plan will recommend
workouts and diets to the user. It will take into consideration user preferences and
promote healthy eating habits.
One challenge we could possibly face upon implementing this feature would be our little
knowledge of using JavaScript elements within HTML and CSS, this would take a
substantial amount of time to complete this feature successfully. A way to overcome
this would be to have more people on the team tackle this problem so that we do not
get overwhelmed by the amount of work needed to implement this feature successfully.
Another objective would be ensuring our dietary plans meet the nutritional
requirements made for the South Asian community. Recipes should display nutrients
that the average South Asian lacks. It is important to incorporate food that is eaten by
South Asians such as fish and meat into our recommended recipes. Adding healthy
recipes with these ingredients will help us see changes in overall health with similar
foods that the South Asian community are familiar with.
However, one problem must be tackled before integrating this objective, we must first
research cheap alternative ingredients for recipes. This makes it more inclusive for a
broad demographic of South Asians, so anyone can use our web application regardless
of their financial situation.
Progress Log
Another aim is the creation of our feature which will be available to users who would
like to journal their thoughts or track fitness progression and sleep patterns. Users will
be able to calculate how long they have worked out for the day and track the number of
calories consumed or set goals they would like to meet. Furthermore, another use
would be to calculate weight changes in a user which can be useful to monitor their
health. A self-monitoring progress log can be useful for hospitals as the work has been
completed for them, thus saving them the time and money to run tests. We want to
create an easy and intuitive user interface for our users because the progress log will
have many sub features that will be displayed on the screen.
Challenges can occur from creating this feature such as the number of sub features
inside of the progress log could overwhelm the users, to tackle this challenge we must
focus on the design process when implementing this feature. It is important that we
gain feedback from our prototypes so that we understand how to design our progress
log feature and so we can provide a better user experience.
Another challenge we may face would be keeping our users motivated using the
progress log. Users may face some difficulty in not knowing exactly what they should be
doing inside of the progress log or may find it boring to track their progression. To
improve on this feature, we have decided to integrate achievements and rewards in the
form of badges. Users can work their way towards these badges by achieving the task
that is set for them. Badges will vary in their difficulty and will incentivise users to
accomplish these tasks. A task could be something simple such as “Working out for 2
hours a day for a week”. Users will feel more engaged with the web application as goals
and tasks are already listed out for them to complete.
Calorie Calculator
One aim we are planning to add to our web application is a calorie calculator. This will
tie in to our main aim which is to provide tools and resources for our users so that they
can have an easy user experience when using our web application for health and fitness.
Objectives to implement this feature would be an intuitive user interface for ease of
use, this is made possible by simplifying the design of our user interface of the calorie
calculator. More objectives such as creating the algorithm which calculates the calories
eaten in a day using factors like height, weight, age, gender. Furthermore, users will
receive feedback depending on the answer they have been provided, and suggestions
will be put in place to inform users what to do.
Challenges that we may face when trying to complete the objectives are making an
accurate algorithm that will output reliable information back to the users, taking into
consideration health problems of certain users.
Feedback
We plan to get feedback through people or from our users in the form of prototypes to
decide on areas of improvement and will use the feedback constructively to ensure our
stakeholder’s needs are met. The information must be relevant and useful to our users.
We will be incorporating a section where users can give feedback on our web
application to give the utmost in user experience. This will help our aim to improve the
number of users visiting our site thus increasing the number of people who are aware of
the health risks to South Asians.
Plan
We have decided to use a high-level Gantt Chart to gain a visual and overarching view of
the development timescale for our health and fitness application. It showcases tasks,
their durations, dependencies, and milestones over time. We designed the Gantt Chart
using a design tool called figma.
Prior Knowledge
When deciding on the concept for this application, we knew the existence of many
health and fitness applications in the market. However, most applications are designed
with a general audience in mind, leaving a potential gap in the representation of South
Asian communities.
Market Research
Our market research has validated our initial hypothesis, demonstrating that numerous
fitness and health applications, including major competitors like Healthline, do not offer
personalised guidance or recommendations customised for specific ethnicities, notably
South Asian communities.
To achieve the objective of our health and fitness web application, it is imperative that
we gather the requirements of the stakeholders for market research. This process will
enable us to tailor the application to precisely match their desires and necessities. Our
research will follow a structured approach to progressively narrow down the focus and
detail of the user needs and preferences. To achieve this approach, we plan to use a
combination of surveys, ethnography and focus groups.
The initial method we will employ is the quantitative survey. This method is efficient for
gathering requirements from many respondents simultaneously. The flexibility in its
distribution enables us to reach a broad South Asian community through various
channels, including online platforms, email, or paper-based forms. However, the
anonymous nature of the survey may lead to a lack of monitoring on whether
respondents are from the South Asian community, potentially impacting the integrity
and accuracy of the dataset.
As this is a quantitative survey, it will consist of close-ended questions, which are user-
friendly and tend to provide a higher rate of response due to its non-thought-provoking
nature. Nonetheless, we do acknowledge that the survey might lack in-depth insight of
the user’s true needs and preferences as there are fixed answers.
Furthermore, the data collected from the survey will be categorised into demographic
variables such as age and gender, as these can be a means to influence lifestyle, which
facilitates straightforward analysis. Although, this is only given that the data is
consistent and represents the south Asian community.
Also by using this method, we can engage with the community over an extended period
allowing us to build trust and rapport, making it more likely for participants to share
honest feedback about their health and fitness needs.
However there is a huge risk where the presence of the researcher can influence the
behaviour of the participants being studied. Participants may change their behaviour or
provide information they believe the researcher wants to hear. For example,
participants might change their diets to a much healthier approach while being
observed while in reality the participants diet is actually really bad and unhealthy and
could give us false information about their lifestyle saying that they train 3 days a week
where in reality they don't. Thus this could lead us to gather meaningless data.
Another method my team will use to gather data for our application is a method called a
focus group. By using this method we will be able to gain insights, opinions, and
feedback from participants regarding fitness and health, through open ended questions
and guided discussions.
South Asian communities have unique dietary preferences, cultural practices, and
genetic predispositions that can affect their health and fitness goals. A focus group can
help us gain cultural insights and ensure our application resonates with these specific
factors. Thus we can gain a deeper understanding of what South Asian users are looking
for in a fitness and diet app.
Also, focus groups can be a source of creative ideas and solutions because the
participants can provide suggestions for app features, content, and engagement
strategies that we might not have considered.
However, some individuals may feel pressured to conform to the dominant opinions
within the group, leading to a lack of diverse perspectives. Conversely, strong
personalities can dominate the discussion, drowning out the voices of quieter
participants. Thus conformity bias can result in participants providing socially acceptable
answers rather than expressing their unique viewpoints. This will be a problem for us
when gathering data as our goal was to capture a wide range of opinions and
experiences
As a result, we can collect valuable data to develop an app that effectively serves the
unique needs of South Asian users, promoting health and strength, and preventing
diseases common in the South Asian community such as type 2 diabetes and stomach
cancer.
Budget/hrs
Resource Name (Student Name) Budget/hrs
Ibrahim 300 – 40 (lectures) – 18
(labs) – 10 (supervisions) =
232 hrs. 30 weeks
(including Christmas &
Easter Vacations) so 11.54
hrs per week of which 7.33
hrs per week “non staff
contact”
Jamil 232 hrs
Rejwan 232 hrs
Fahim 232 hrs
Yasser 232 hrs
Hassan 232 hrs
Nahid 232 hrs
Total Hours 1,624 hrs
Objective/Scope
● Phase 1 of the project will encompass the following scope of achievements and outcomes. These
individual achievements and outcomes meet the specific objectives for that phase. List the
objectives, and the milestones for achieving the objectives.
● Phase 1 of the project will encompass the following scope of achievements and outcomes. These
individual achievements and outcomes meet the specific objectives for that phase. List the
objectives, and the milestones for achieving the objectives.
●
● Phase n of the project will encompass the following scope of achievements and outcomes. These
individual achievements and outcomes meet the specific objectives for that phase. List the
objectives, and the milestones for achieving the objectives.
14/10/2023 Task 2/Milestone Research on aims and objectives for Jamil: 4 hrs
2 outcomes on the project, almost Yasser: 4 hrs
complete more objectives must be Fahim: 4 hrs
realised for aims - 60%
18/10/2023 Task 3/Milestone completed market research, Nahid: 6 hours
3 completed evaluating 3 different Rejwan: 6 hours
methods to plan and gather
requirements. - 100%
15/10/2023 Task 4/Milestone Completion of research for aims and Jamil: 4 hrs
2 objectives section - 90%
16/10/2023 Task 5/Milestone Completed research on aims and Jamil: 2hrs
2 objectives - 100% Fahim: 2hrs
17/10/2023 Task 6/Milestone Researching functional specification and Yasser: 2hrs
4 technical specification of our system - Fahim: 2hrs
70%
18/10/2023 Task 7/Milestone Researching functional specification and Yasser: 2hrs
4 technical specification of our system - Fahim: 2hrs
100%
19/10/2023 Task 8/Milestone No work has been started on this date N/A
9
21/10/2023 Task 9/Milestone Working towards progressing the aims Jamil: 5 hrs
6 and objectives of our project in the
document - 25%
23/10/2023 Task Working towards progressing the aims Jamil: 5 hrs
10/Milestone 6 and objectives of our project in the
document - 60%
25/10/2023 Task Completing the aims and objectives Jamil: 6 hrs
12/Milestone 6 section of the document - 100%
20/10/2023 Task Researching functions/features to add to Yasser: 2 hrs
13/Milestone 7 our application - 20% Fahim: 2 hrs
21/10/2023 Task No work was completed on this date N/A
14/Milestone 7
22/10/2023 Task Researching functions/features to add to Fahim: 4hrs
15/Milestone 7 our application. More people assigned Yasser: 4hrs
to this milestone - 60% Jamil: 2hrs
24/10/2023 Task Researching functions/features to add to Fahim: 2 hrs
16/Milestone 7 our application - 90% Yasser:2 hrs
Jamil: 0.5 hrs
26/10/2023 Task Researching functions/features to add to Fahim: 0.5 hrs
17/Milestone 7 our application - 100% Yasser: 0.5 hrs
22/10/2023 Task Working towards more research for Nahid: 2 hrs
18/Milestone 8 methods of planning our project - 50% Rejwan: 2hrs
26/10/2023 Task Working towards more research for Nahid: 2 hrs
19/Milestone 8 methods of planning our project - 100% Rejwan: 2 hrs
26/10/2023 Task Creating UML diagrams for the project - Yasser: 2 hrs
20/Milestone 9 40% Fahim: 2 hrs
27/10/2023 Task Creating UML diagrams for the project - Yasser: 1 hrs
21/Milestone 9 100% Fahim: 1 hrs
27/10/2023 Task Working on adding functional and Fahim: 6 hrs
22/Milestone 10 technical specification to the project - Yasser: 6 hrs
50%
28/10/2023 Task Working on adding functional and Fahim: 3 hrs
23/Milestone 10 technical specification to the project - Yasser: 3 hrs
80%
29/10/2023 Task Working on adding functional and Fahim: 3 hrs
23/Milestone 10 technical specification to the project - Yasser: 3 hrs
100%
30/10/2023 Task Completing the specification section - Fahim: 5 hrs
24/Milestone 11 50% Yasser: 5 hrs
Jamil: 2.5 hrs
Rejwan: 2 hrs
30/10/2023 Task Completing the planning and gathering Rejwan: 5 hrs
25/Milestone 12 requirements section - 40% Nahid: 6 hrs
31/10/2023 Task Completing the planning and gathering Rejwan: 3.5 hrs
26/Milestone 12 requirements section - 90% Nahid: 3.5 hrs
Jamil: 0.5hrs
01/11/2023 Task Completing the planning and gathering Rejwan: 1 hrs
27/Milestone 12 requirements section - 100% Nahid: 1 hrs
Cumulative Resource Usage/hrs
Functional Specification
Functional Specifications of our web app will include allowing users to create accounts
using their name and email which they will use to login and save their records onto their
personal accounts, we will also provide a password reset functionality for users that
have forgotten their passwords, this will be done by including a forgot password in the
login page where the user will be prompted to provide their email so they can receive a
link to reset their password for that account linked to the email they provided .
To create a database we will use MySQL within the Javascript of our code. The login
form will display two fields, one for the username and the other for the password as
well as a button to press once the fields have been filled with the correct information.
After the “Login” button has been pressed, the user will have access to the features of
our web application and will be able to freely roam the web app. If the information is
not valid. An error message will be given to the user that displays that the information in
the fields is incorrect and if the user enters
If the user does not have an existing account, another button will be available at the
bottom of the “Login” form. This will be the “Sign Up” button. When pressed, users will
be directed to a “Sign Up” form. To create an account, users must first enter their
personal information, such as name, username, password, email. When this has been
completed and the information is valid, new users will be able to access the web apps
user only features.
Our intention for users is that they will be greeted with a screen that will guide them
through the setup process, for example they will be asked for their age and then weight
and height one by one to make our web app easy to use.
Users will also be able to customise their information on the web app such as age,
height, weight, and gender, this is because our web app will utilise this information to
offer tailored feedback. This will enable us to help them choose which plan is best for
them.
After the setup process for users, the user should be greeted to a dashboard which will
allow them to navigate themselves to the specific area they are targeting, for example if
they are looking for calorie tracking they can navigate to that section directly from the
dashboard. They can also access nutrition guidance ,workout routines and more. They
can choose between a beginner, intermediate or advanced plan to see how far they
would like to go in their fitness/diet journey.
When a user creates their new account, they will be greeted by a new screen. This
screen will display the 3 different options for fitness/dietary plans that the user can
choose from.
The beginner level is recommended for people who have never experienced a
fitness/dietary plan before, this will be the default plan recommended for users. This
plan will have a different colour outline to show a contrast between the other plans and
will be displayed in the middle of the screen.
The intermediate plan will be displayed on the left side of the screen, and will have text
next to it to show that this plan is for those who want to challenge themselves even
more.
The advanced plan is for the users that are beyond intermediate in terms of their fitness
or health and would like to increase their wellbeing above that of an average person
who works out and diets. These people devote most of their hours to physical activity
and strictly dieting. To encourage and motivate people who choose this plan, we have
decided for it to have a golden outline when the mouse is hovering above it, so that
they feel more accomplished and praised for their efforts. This plan will be displayed on
the right side of the screen.
The description of a plan will state the different skills that will be taught from that plan.
There will be a button inside every plan, when a user clicks on the button under the plan
they have chosen. They will be given access to recipes and workouts related to that
specific plan.
The progress log will be found on the navigation bar of the web application. When the
user clicks on the progress log button they will be redirected to a new page. From this
new page, the user will see a box in the centre of the screen. When a user clicks inside
of this box, the user can type down their progression logs for each day and the date will
also be displayed inside of the box. Users will be able to see previous logs that have
been created and are able to make their own checklist for upcoming days. To use this
feature, the user must click on two buttons on top of the box. These two buttons will
have icons of a left and right arrow to symbolise the action of the buttons. The left
arrow allows the user to go back a day and check previous logs, the right arrow will
allow the user to go ahead one day, and from here they will be able to type down
deadlines or targets they would like to meet for that date.
A calendar will be displayed on the side of the screen, this will be useful for users to see
deadlines and targets ahead many weeks. Dates that have deadlines or targets will be
highlighted
Users will also be able to access a search feature which will also include filters to help
narrow down their searches, this will allow them to identify relative content more
easily. Our web app should be responsive allowing ease of use on both mobile devices
for on the go tracking and computers.
Overall our web app should help users identify healthier alternatives and tackle
common health problems most common to the persons age, weight, gender and height
which would be provided by the user at the setup process of the web app.
Technical Specification
Some of the technical specifications can include developing our front end part of the
web app using HTML, CSS and JAVASCRIPT. We can make a registration system so that
users can create their own accounts. We could also utilise Jquery to enable us to handle
events and manipulate our web app better. For backend development we will
implement node.js, this is because we are more familiar with this and it will be
unrealistic for the group to learn another language in a short time as it will consume a
lot of time and prevent us from focusing on other tasks. MySQL is chosen for database
management. It stores user information , plan data, progress logs, and other relevant
data to provide a seamless experience for users. The password reset feature includes
sending a password reset link to the user’s registered email address. This allows users to
securely reset their passwords. The UI will be user-friendly and intuitive, making it easier
for users to navigate the application and access its features. Implement security
features to protect our data, including encryption for sensitive information. The web
application will be responsive so that it works on all devices such as the phone, laptop or
tablet. You can implement user authentication for user account management. U can
utilise the user’s profile data to offer personalised feedback and recommendations.