1
CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA
ETEC PROF. MÁRIO ANTÔNIO VERZA
Curso Técnico em Informática para Internet
LUCAS RICCIERI BELLOTTO PARIS
THOMAS YAGO VENTURA DOS SANTOS
VALMIR AGUILERA JUNIOR
FITNESS APP: Cuidando da sua saúde
Palmital 2015
2
LUCAS RICCIERI BELLOTTO PARIS
THOMAS YAGO VENTURA DOS SANTOS
VALMIR AGUILERA JUNIOR
FITNESS APP: Cuidando da sua saúde
Trabalho de conclusão de curso apresentado à ETEC Prof. Mário Antônio Verza, como parte dos requisitos necessários para a obtenção do título de Técnico em Informática para Internet. Orientadora: Profª. Luciana Michele Ventura
Palmital 2015
3
"As duas áreas que estão mudando são a tecnologia de informação e a tecnologia médica. São nestas áreas que o mundo estará bem diferente daqui a 20 anos."
BILL GATES
4
RESUMO
O smartphone está cada vez mais presente na vida das pessoas e a saúde dessas está precária, já que metade dos brasileiros estão acima do peso. As pessoas levam o celular para todo lugar, inclusive para dentro das academias. O projeto trata do desenvolvimento de um aplicativo para smartphone e de um site administrativo para academias. Qualquer pessoa que possua um celular moderno poderá usufruir da aplicação. Será possível saber dados como o IMC (Índice de Massa Corpórea) e quantidade de água a ser ingerida por dia. Para quem pratica academia, será de grande utilidade a ficha de exercícios e as avaliações físicas, presentes no aplicativo. O usuário cadastrará suas atividades na ficha do aplicativo e, assim, não será necessário usar a ficha da academia. Para as avaliações físicas, o site administrativo tem papel fundamental. É nele que as academias cadastram as informações físicas de cada usuário. A criação desse projeto foi pensado depois de muita observação e pesquisa. Assim, muito papel que seria gasto com a ficha de exercícios será economizado. Além de ser uma maneira fácil de controlar o peso e a saúde em geral, também é de grande utilidade para quem pratica exercícios físicos em academias.
Palavras-chave: aplicativo, saúde, academia.
5
RESUMO EM LÍNGUA ESTRANGEIRA
The smartphone is increasingly present in people's lives and health of these is precarious, since half of Brazilians are overweight. People take their cell phones everywhere, including into the gym. The project deals with the development of an application for smartphone and an administrative website for gyms. Anyone who owns a modern mobile phone can enjoy the application. It is possible to know data like BMI (Body Mass Index) and the amount of water to be ingested per day. For those who practice exercises, will be of great use the exercise card and the physical ratings, present in the application. The user will register their activities in the application’s exercise card then will not need to use the gym’s exercise card. For physical ratings, the administrative web site will be fundamental. This is where the gyms register the physical information of each user. The creation of this project was conceived after much observation and research. So much paper that would be spent on the exercises card will be saved. Besides being an easy way to control weight and general health, it is also very useful for those who practice physical exercises in gyms.
Keywords: application, health, gym
6
LISTA DE ABREVIATURAS E SIGLAS
Associação Brasileira de Normas Técnicas (ABNT)
Body Mass Index (BMI)
Cascading Style Sheets (CSS)
Document Object Model (DOM)
Extensible Hypertext Markup Language (XHTML)
Graphics Interchange Format (GIF)
HyperText Markup Language (HTML)
Índice de Massa Corpórea (IMC)
Personal Home Page (PHP)
Portable Network Graphics (PNG)
Sistema de Gerenciamento de Banco de Dados (SGBD)
Trabalho de Conclusão de Curso (TCC)
7
LISTA DE FIGURAS
Figura 1 – Menu do aplicativo
Figura 2 – Links para os dias
Figura 3 – Ficha de exercícios
Figura 4 – Cálculo de água a ser ingerida
Figura 5 – Cálculo do IMC
Figura 6 – Categoria das dicas
Figura 7 – Dicas para alimentação
Figura 8 – Quem somos
Figura 9 – Layout do site administrativo
Figura 10 – Cronograma
Figura 11 – Cabeçalho do aplicativo
Figura 12 – Menu antigo
Figura 13 – Cálculo de água antigo
Figura 14 – Cálculo do IMC antigo
8
SUMÁRIO
1. INTRODUÇÃO ............................................................................. 10
1.1 OBJETIVOS .................................................................................................. 10
2. DESENVOLVIMENTO .................................................................. 12
2.1 LAYOUT E NAVEGAÇÃO............................................................................. 12
2.2 TECNOLOGIAS ........................................................................................... 12
2.2.1 HTML 5....................................................................................................... 12
2.2.2 CSS 3......................................................................................................... 13
2.2.3 JavaScript................................................................................................... 13
2.2.4 PhoneGap................................................................................................... 13
2.2.5 Fireworks.................................................................................................... 14
2.2.6 CorelDraw................................................................................................... 14
2.2.7 MySQL........................................................................................................ 14
2.2.8 PHP............................................................................................................ 15
2.3. DESENVOLVIMENTO DO PROJETO......................................................... 15
2.3.1 Menu........................................................................................................... 15
2.3.2 Ficha de exercícios..................................................................................... 16
2.3.3 Ficha de avaliações.................................................................................... 16
2.3.4 Cálculo de água.......................................................................................... 16
2.3.5 Cálculo do IMC........................................................................................... 17
2.3.6 Dicas de saúde........................................................................................... 18
2.3.7 Quem somos.............................................................................................. 18
2.3.8 Site Administrativo...................................................................................... 19
3. RESULTADOS E DISCUSSÕES.................................................. 20
3.1 A SAÚDE ATUAL DO BRASILEIRO............................................................. 20
3.2 A ERA DO SMARTPHONES......................................................................... 21
9
3.3 POR QUE INSTALAR O FITNESS APP? .................................................... 21
4. CONSIDERAÇÕES FINAIS.................................................................... 23
5. REFERÊNCIAS............................................................................. 24
6. APÊNDICES.................................................................................. 26
6.1 Apêndice A – Cronograma............................................................................ 26
6.2 Apêndice B – Esboço do layout.................................................................... 26
10
1. INTRODUÇÃO
Serão faladas, de uma maneira introdutória, o contexto e o que será feito para
tornar essa ideia real. Estão escritos os problemas, a metodologia, a hipótese e os
objetivos do projeto.
1.1 OBJETIVOS
Hoje em dia, metade dos brasileiros está acima do peso. O objetivo deste
trabalho é, através de um aplicativo para celular, ajudar o usuário a controlar a sua
saúde e o seu condicionamento físico.
Muitas pessoas têm problemas de saúde e outras gostam que seu corpo fique
bem. Com o aplicativo ajudaremos às pessoas a terem controle sobre a sua massa
e hidratação corpórea.
É complicado para um aluno ter dados, como avaliações passadas, IMC e
quanto deve tomar de água por dia. Não é fácil encontrar aplicativos completos
nessa área. Então resolvemos colocar essas informações disponíveis no aplicativo e
criar um website administrador para a academia.
O objetivo é desenvolver um aplicativo para as pessoas conseguirem
controlar melhor sua saúde. Elas terão rápido acesso a dados relacionados a sua
saúde e que auxiliarão no momento da atividade física.
Se o usuário faz academia, ele pode usar a ficha de exercícios do aplicativo,
assim não precisará levar o papel de um lado para o outro na academia, e
conseguirá ver suas avaliações físicas através do aplicativo.
Foram aplicados os conhecimentos obtidos no curso para desenvolver o
website e o aplicativo, e outras informações externas, como informações
nutricionais, o modelo de uma ficha de exercícios e de uma avaliação física, para
estruturar o aplicativo e também foi pesquisado informações da área da saúde para
aplicar em algumas partes do aplicativo, e conhecimentos, além dos obtidos no
curso, para a criação de um site administrador e do aplicativo. Pesquisas de campo
serão feitas para identificar quais são os dados da avaliação física e como é
organizada a ficha de exercícios.
11
Assim, as pessoas poderão saber alguns dados relacionados à sua saúde. Os
dados do usuário, como o IMC, peso, altura, ficha de avaliações físicas e ficha de
exercícios poderão ser acessados por usuários de academia pelo smartphone,
através de um aplicativo para celular, além de dados, como quantidade necessária
de água por dia e algumas dicas de saúde. Ficará muito mais fácil o controle das
informações para a pessoa e para a academia.
12
2. DESENVOLVIMENTO
Serão explicados nessa parte todos os processos realizados para o
desenvolvimento do projeto, como recursos utilizados, os métodos utilizados e as
etapas da criação do sistema.
2.1 LAYOUT E NAVEGAÇÃO
O layout do aplicativo será agradável, com boa identidade visual. As cores
serão dispostas de acordo com a coloração do logotipo. As páginas terão uma boa
navegabilidade e bem intuitivas.
O aplicativo será feito para dispositivos que utilizam o recurso do touchscreen,
que ocupam a maior parte do mercado e crescem muito a cada ano. As páginas
serão desenvolvidas na resolução 480x800, muito usada em dispositivos móveis.
“A boa navegação como o bom design, é invisível. Aplicativos com boa
navegação simplesmente são intuitivos e facilitam a realização de qualquer tarefa,
desde navegar pelos amigos até se inscrever para um financiamento de automóvel.”
(NEIL, 2012, p.18).
2.2 TECNOLOGIAS
Serão citados e explicados os recursos utilizados para o desenvolvimento do
projeto.
2.2.1 HTML 5
HTML5 (Hypertext Markup Language, versão 5) é uma linguagem de
marcação para estruturação e apresentação do conteúdo na internet, ou seja, forma
o layout. Foi originalmente proposto pela Opera Software. É a quinta versão da
linguagem HTML. O HTML5 é o novo padrão para HTML, XHTML, e HTML DOM.
13
Diversos navegadores já implementaram algumas de suas funcionalidades.
Através dele é que são criadas as páginas da internet, os layouts etc. Ele cria o
corpo da página. Faz aparecer o site no seu navegador.
2.2.2 CSS 3
A folha de estilos em cascata é utilizada para definir a aparência em páginas
da internet que adotam linguagens de marcação. O CSS define como serão
dispostos os elementos de uma página da internet. Serve para configurar o estilo da
página, como mudar as cores, fontes e ajustar imagens, entre outros, para
configurar o layout.
2.2.3 JAVA SCRIPT
Criada em 1995, por Brendam Eich, a linguagem de programação Java Script
é hoje utilizada para criações de páginas web mais dinâmicas. Entre as ações
típicas que se podem realizar em Java scripts têm duas vertentes.
Com ele colocamos efeitos especiais sobre páginas web, para criar conteúdos
dinâmicos e elementos da página que tenham movimento, mudem de cor ou
qualquer outro dinamismo.
2.2.4 PHONEGAP
O Phonegap é uma ferramenta utilizada no desenvolvimento de aplicações,
sendo utilizado para a construção em várias plataformas. Com ele, é possível
construir aplicativos utilizando o HTML5, CSS3 e Java Script. É possível desenvolver
para Android, IOS, Windows Phone, entre outros. Sua maior vantagem é a
praticidade.
14
2.2.5 FIREWORKS
O Adobe Fireworks é um editor muito usado para desenvolvimentos de
layouts, ele também é um editor de imagens bitmaps e desenhos vetoriais, com foco
em imagens PNG e GIF’s.
O Fireworks foi desenvolvido pela Macromedia e depois vendido a Adobe, e
se tornou um programa muito usado por profissionais que trabalham na área de
design, tanto pelas ferramentas oferecidas, quanto ao suporte a vários formatos.
Nele o usuário pode criar botões para sites, panfletos, cartões de visita, cartazes,
folders, e provavelmente a sua função mais utilizada é para criação de Layouts de
Sites.
2.2.6 CORELDRAW
É um programa de criação e edição de imagens, é um programa pago e não
muito difícil de mexer, pelo menos comparado ao Photoshop, seu grande diferencial
são as ferramentas e a qualidade das imagens, pois elas não se distorcem
independente do zoom.
Ele é muito usado para criação de identidades visuais de empresas, como
logo marcas e para imagens que compõem um layouts de sites, entre outros
recursos que o programa oferece.
2.2.7 MySQL
O MySQL é um sistema gerenciador de banco de dados, que utiliza a
linguagem SQL como interface. Faz parte de um dos bancos de dados mais
populares. Serve para manipular dados. É gratuito, mas tem versões pagas.
15
2.2.8 PHP
O PHP (Personal Home Page) e é uma linguagem de script Open Source. É
executado no servidor e é processado na hora que a página é executada. É utilizado
para o desenvolvimento de aplicações Web.
O PHP se conecta com vários SGBDs. Em geral, serve para se conectar com
bancos de dados, manipular informações de formulários e criar páginas dinâmicas.
2.3 DESENVOLVIMENTO DO PROJETO
Segue o layout e a explicação de cada parte do projeto.
2.3.1 MENU
O menu será bem prático, com boa interatividade com o usuário. Esta será a
página principal do aplicativo, onde serão colocados os links para as outras páginas.
Figura 1 – Menu do Aplicativo
16
2.3.2 FICHA DE EXERCÍCIOS
Está página será feita para pessoas que praticam exercícios físicos em
academias. O usuário guardará os exercícios e as séries, para que não precise
utilizar a ficha de exercícios da academia.
2.3.3 FICHA DE AVALIAÇÕES
As avaliações físicas serão preenchidas por alguma academia através do site
administrativo, onde o usuário poderá ver suas medidas.
2.3.4 CÁLCULO DE ÁGUA
Aqui o usuário poderá fazer o cálculo da quantidade de água que ele deve
tomar por dia, pois o resultado varia com a massa/peso da pessoa.
Figura 2 – Links para os dias Figura 3 – Ficha de exercícios
17
2.3.5 CÁLCULO DO ÍNDICE DE MASSA CORPÓREA (IMC)
Esse cálculo é muito importante. Ele permite saber a condição física da
pessoa de acordo com o peso e a altura dela. No resultado será mostrado o índice
do IMC e a condição do indivíduo.
Figura 4 – Cálculo de água a ser ingerida
Figura 5 – Cálculo do IMC
18
2.3.6 DICAS DE SAÚDE
Serão exibidas, nessa página, algumas dicas e curiosidades sobre atividades
físicas, condicionamento físico e alimentação. Não haverá cálculos, apenas
conteúdo.
2.3.7 Quem somos
Haverá uma descrição sobre os integrantes do projeto, onde estudam e que
curso realizam.
Figura 6 – Categoria das dicas Figura 7 – Dicas para alimentação
19
2.3.8 Site Administrativo
O site administrativo será usado pelas academias que o quiserem. Nele serão
cadastrados os dados das avaliações físicas dos usuários para que esses possam
vê-las direto do aplicativo.
Figura 8 – Quem somos
Figura 9 – Layout do site administrativo
20
3. RESULTADOS E DISCUSSÕES
Serão apresentados dados para contextualizar a criação desse sistema.
Também mostrará as funções de cada página do aplicativo.
3.1 A SAÚDE ATUAL DO BRASILEIRO
Uma pesquisa divulgada nos Estados Unidos comprovou, em números, um
fenômeno que pode ser visto nas ruas. O número de pessoas acima do peso está
crescendo no planeta. A mudança radical nos hábitos dos brasileiros nos últimos 30
anos levou o país a ocupar a quinta posição no ranking mundial da obesidade: 60
milhões de brasileiros estão acima do peso e 22 milhões considerados obesos.
Dois bilhões e cem milhões de pessoas no mundo estão acima do peso, ou
seja, uma em cada três habitantes do planeta. Dois pontos da pesquisa chamam a
atenção: o aumento de 47% na taxa de obesidade entre crianças e jovens; e o
crescimento acelerado no ganho de peso em economias emergentes. Os Estados
Unidos estão no topo do ranking, seguidos da China, Índia, Rússia e Brasil.
Embora, esses números sejam assustadores, parte da população brasileira
está se conscientizando sobre isso. Pesquisa divulgada em 24 de outubro de 2014,
pelo Ministério da Saúde, indica que 33,8% dos brasileiros praticam algum tipo de
atividade física regularmente, um aumento de 12,6% nos últimos cinco anos. A
prática de exercícios em academias foi a que mais cresceu no país, superando o
futebol.
De acordo com os dados, o percentual de entrevistados que disseram praticar
musculação cresceu 50% entre 2006 e 2013, enquanto o índice dos que jogam bola
caiu 28% no mesmo período. A pesquisa mostra que 18,97% dos adultos optam
atualmente pelas academias, contra 14,87% que dizem praticar futebol. Para
Deborah Malta, diretora de Vigilância e Promoção da Saúde do Ministério da Saúde,
isso mostra que as pessoas estão levando mais a sério a prática de atividade física.
A Organização Mundial da Saúde estima que pessoas sedentárias aumentem
entre 20% e 30% o risco de mortalidade, em especial por doenças crônicas. A
21
atividade física regular reduz o risco de doenças cardiovasculares, como
hipertensão, diabetes, câncer de mama e de cólon, além de depressão.
Com a tecnologia cada vez mais presente na vida das pessoas, ela já é
empregada na área da saúde. Há vários sites que fazem cálculos, dão dicas de
saúde, entre outros. Como publicou o Jornal Extra (2011) “Reservar 92 minutos por
semana para praticar uma atividade física regular, reduz o risco de morte em 14%.”.
3.2 A ERA DOS SMARTPHONES
Provavelmente, você já deve ter percebido a veloz popularização dos
smartphones no nosso país. Há dois anos, não víamos muitas pessoas com esses
aparelhos em mãos. Hoje, no entanto, praticamente em qualquer lugar que você vá,
pode encontrar alguém com os olhos vidrados em seus celulares inteligentes. Agora,
temos em números a comprovação dessa evolução.
Smartphones são os dispositivos sociais definitivos. Ele é pessoal, está
sempre perto de você onde quer que seja, em todos os lugares. Essa tecnologia
mudou de muitas maneiras a forma como nos comunicamos e vai mudar a forma
como consumimos. Com ele é possível receber e enviar diversas mídias, organizar
toda sua vida pessoal e profissional, além de ficar conectado 24 horas por dia. São
tantas funções que o usuário tem muito mais que um telefone no bolso.
Com isso, é possível perceber a imensa quantidade de oportunidades para
desenvolvedores de software nessa área. Muitas pessoas possuem smartphones e
estão com eles 24 horas por dia. Muitas pessoas já ficaram ricas com a criação e
venda de uma ideia para dispositivos móveis, como é o caso de Jan Koum, um
faxineiro, que mais tarde se tornou criador do WhatsApp, se tornando bilionário ao
vender seu aplicativo. Muitas pessoas já os consideram os smartphones como a
maior invenção da humanidade.
3.3 POR QUE INSTALAR O FITNESS APP?
As pessoas devem se perguntar por que motivos devem possuir o aplicativo.
A resposta é que ele é prático, simples e objetivo. Foi projetado para que a saúde
dos usuários melhore, com uma navegabilidade fácil para que qualquer pessoa
22
tenha acesso. Dados como, por exemplo, o IMC, que para ter acesso a ele, seria
necessário entrar no navegador ou instalar algum aplicativo, estará disponível na
palma das mãos e acessível a qualquer momento.
Junto ao cálculo do IMC, estão presentes a ficha de exercícios e as
avaliações físicas, de grande utilidade às pessoas que praticam atividades físicas
em academias, fazendo com que não seja necessário andar segurando a ficha de
exercícios durante o treino e tornando possível ao usuário consultar suas medidas
no aplicativo.
Há outras páginas importantes, como o cálculo de água e as dicas de saúde,
onde será mostrada a quantidade necessária a ser ingerida por dia desse liquido e
onde serão listadas várias dicas sobre a área da saúde, respectivamente.
23
4. CONSIDERAÇÕES FINAIS
A essência do aplicativo era levar uma vida mais saudável as pessoas. Isso
foi mantido até a conclusão do projeto. O visual ficou bem legal e atraente. A
aplicação é fácil de usar e espera-se que seja adquirida por muitas pessoas. Todos
os objetivos e requisitos funcionais foram cumpridos.
A ficha de exercícios e a de avaliações físicas facilitarão a vida dos usuários
das academias, tornando o treino mais agradável. O cálculo do IMC, de água e as
dicas de saúde ajudarão as pessoas a terem noções básicas sobre sua saúde e de
como mantê-la bem.
O desenvolvimento em layout responsivo não foi possível devido à outras
responsabilidades primordiais dos desenvolvedores quanto ao projeto e a fatores
externos. É esperado que esse conceito seja aplicado após a conclusão do curso.
24
REFERÊNCIAS
ASSOCIAÇÃO BRASILEIRA DE NORMAS TÉCNICAS - ABNT. NBR 6023: informação e documentação / referências / elaboração. Rio de Janeiro, 2002.
A ERA DOS SMARTPHONES. Disponível em: http://www.tudocelular.com/celulares/noticias/n44041/O-fim-de-uma-era-smartphones-ja-vendem-3-vezes-mais-do-que-celulares-comuns-no-Brasil.html. Acesso em: 30/04/2015
A ERA DOS SMARTPHONES. Disponível em: http://www.midiassociais.net/2012/07/9337/. Acesso em: 30/04/2015
CARVALHO, José Antônio Maluf; MAREGA, Marcio. Atividades Físicas para Prevenção de Doenças. Rio de Janeiro: Editora Elsevier, 2012.
GHATOL, Rohit; PATEL Yogesh. Beginning PhoneGap. Indianápolis: John Wiley & Sons, Inc, 2012.
GILMORE, W. J. Dominando PHP e MySQL.: Alta Books, 2008.
FERRAMENTAS PARA O COREL DRAW. Disponível em: http://www.cadintools.com/portugues.htm. Acesso em: 29/04/2015
ALVES, William Pereira. Fundamentos de Banco de Dados - Editora Érica, 2004. FUNÇÃO DO FIREWORKS. Disponível em:
http://www.cursosdeinformaticabasica.com.br/o-que-e-adobe-fireworks-para-que-
serve/. Acesso em: 29/04/2015
MANZANO, JOSÉ AUGUSTO N. G. Guia de Orientação e Desenvolvimento de
Sites. 2ª edição. Editora Érica, 2010.
SANTOS, Irani Gomes dos. Nutrição - Editora Martinari, 2015.
O COREL DRAW. Disponível em: http://www.corel.com/Corelinternational.html. Acesso em: 29/04/2015
OS BRASILEIROS E AS ACADEMIAS. Disponível em: http://agenciabrasil.ebc.com.br/geral/noticia/2014-10/pesquisa-aponta-que-33-da-populacao-brasileira-pratica-atividade-fisica. Acesso em: 05/05/2015 NEIL, Theresa. Padrões de Design para Aplicativos Móveis. São Paulo: Editora Novatec, 2012.
SAÚDE DO BRASILEIRO. Disponível em: http://g1.globo.com/jornal-nacional/noticia/2014/05/brasil-e-o-quinto-pais-no-ranking-mundial-da-obesidade.html. Acesso em: 05/05/2015
25
GARDNER, Lyza Danger; GRIGSBY, Jason. Use a Cabeça! Móbile Web. Rio de Janeiro: Editora Alta Books, 2013.
FREEMAN, Eric. Use a Cabeça! Programação em HTML5, 1ª edição. Rio de Janeiro: Editora Alta Books, 2014.
UTILIDADE DO FIREWORKS. Disponível em: http://tiraduvidas.tecmundo.com.br/23209. Acesso em: 29/04/2015
26
APÊNDICES
APÊNDICE A – Cronograma
Desenvolver o cronograma da parte prática
Fevereiro Março Abril Maio Junho
Layout X X
Testes
X X
Programação X X X X X
Apresentação X
Banco de Dados X X X
APÊNDICE B – Esboço do Layout
Figura 11 – Cabeçalho do aplicativo
Figura 12 – Menu antigo Figura 13 – Cálculo de água antigo
Figura 10 – Cronograma