CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA

ETEC PROF. MÁRIO ANTÔNIO VERZA Curso Técnico em Informática para Internet

BRUNO FERREIRA DE LIMA CONCEIÇÃO OTHON ALBERTO DA SILVA BRIGANÓ

PATRÍCIA VIEIRA TERSARIOL

DCONTROLE

PALMITAL 2015

BRUNO FERREIRA DE LIMA CONCEIÇÃO OTHON ALBERTO DA SILVA BRIGANÓ

PATRÍCIA VIEIRA TERSARIOL

DCONTROLE

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 Orientador: Prof. Marco Antônio Gusmão Carvalho

Palmital 2015

“A saúde é um mercado fascinante. É a única área que, quando você acorda, você sente como se estivesse fazendo algo por milhões de pessoas.”

GIOVANNI COLELLA

RESUMO O projeto DControle teve início a partir de uma necessidade de um dos desenvolvedores: o Othon. Ele é diabético há 10 anos e, desde então, tem que anotar em planilhas de papel os resultados dos testes de glicemia, cerca de cinco vezes por dia. Aproximadamente, 8% da população mundial é diabética. Nosso objetivo é facilitar no tratamento e na organização dessas pessoas. Nossa ferramenta permite que os diabéticos registrem os resultados da glicose, que até então eram anotados em papel, na web. Além da preocupação com a saúde mundial, há também o cuidado com o meio-ambiente. A não utilização de papéis é de extrema importância nos tempos atuais. Através de nossas pesquisas, feitas com formulário na web e consultas informais com médicos, ficou claro que os diabéticos sentem falta de mais recursos tecnológicos que facilitem em seus tratamentos. O DControle é uma ferramenta tecnológica que vem para ajudar na vida de pessoas que lidam diariamente com as dificuldades dessa doença. Palavras-chave: Diabetes. Tecnologia. Saúde.

RESUMO EM LÍNGUA ESTRANGEIRA The DControle project has started by one of the developers’ need: Othon. He has been a diabetic for 10 years and since then has had to write down on paper sheets the results of blood glucose tests, about five times a day. Approximately 8% of the population is diabetic. Our goal is to facilitate the treatment and organization of these people. Our tool enable diabetics to register the results of glucose on the web, which had previously been written down on paper sheets. In addition to the concern about global health, there is also caring for the environment. Not using paper has been very relevant nowadays. Through our research, made from the web and informal appointments with doctors, it became clear that diabetics need more technological resources that will facilitate their treatments. The DControle is a technological tool which comes to help the lives of people who deal daily with the difficulties of this disease. Keywords: Diabetes; Help; Technology

LISTA DE ABREVIATURAS E SIGLAS

Cascading Style Sheets (CSS).

Graphics Interchange Format (GIF).

HyperText Markup Language (HTML).

Portable Network Graphics (PNG).

Structured Query Language (SQL).

Trabalho de Conclusão de Curso (TCC).

World Wide Web Consortium (W3C).

LISTA DE FIGURAS

Figura 1 - Home

Figura 2 - Sobre

Figura 3 - Registrar

Figura 4 - Entrar

Figura 5 - Textos

Figura 6 - DControle

SUMÁRIO

1. INTRODUÇÃO ................................................................................. 11

1.1 Objetivos .............................................................................................. 11

1.2 Procedimentos metodológicos ............................................................. 11

2. FUNDAMENTAÇÃO TEÓRICA/DESENVOLVIMENTO ........ 13

2.1 Análise Mundial do Diabetes ................................................................ 13

2.2 Tecnologias .......................................................................................... 13

2.2.1 HTML5 .................................................................................................. 13

2.2.2 CSS3 .................................................................................................... 14

2.2.3 PHP ...................................................................................................... 14

2.2.4 My SQL ................................................................................................. 14

2.4.5 Bootstrap .............................................................................................. 14

2.3 Métodos ................................................................................................ 14

2.3.1 Criação da Identidade Visual ................................................................ 14

2.3.2 Plataformas de Desenvolvimento ......................................................... 15

2.3.2.1 Photoshop ............................................................................................ 15

2.3.2.2 Corel Draw ............................................................................................ 15

2.3.2.3 Fireworks .............................................................................................. 15

2.3.2.4 Sublime Text ......................................................................................... 15

3. RESULTADOS ................................................................................. 16

3.1 Home .................................................................................................... 16

3.2 Sobre .................................................................................................... 17

3.3 Registrar ............................................................................................... 18

3.4 Entrar .................................................................................................... 18

3.5 Textos ................................................................................................... 19

3.6 DControle ............................................................................................. 20

4. CONCLUSÃO .................................................................................... 21

REFERÊNCIAS ............................................................................................. 22

APÊNDICE ..................................................................................................... 24

5.1 Apêndice A – LOGO ............................................................................. 24

5.2 Apêndice B – CRONOGRAMA ............................................................. 24

5.3 Apêndice C – QUESTIONÁRIO ............................................................. 25

11

1. INTRODUÇÃO

O projeto tem como objetivo ajudar na vida de pessoas que têm diabetes. O

principal método utilizado para o controle dessa doença é fazer exames de glicose

várias vezes por dia (a quantidade varia de pessoa para pessoa). Para anotar esses

resultados, o paciente utiliza planilhas de papel.

O problema que se visa solucionar é a dificuldade gerada pelo acúmulo de

papel. Caso o diabético queira comparar os resultados de 2014 com os de 1990, por

exemplo, terá que procurar em pilhas e mais pilhas de papel. Por mais organizada

que a pessoa seja, é um trabalho cansativo e que, muitas vezes, não é cumprido.

Em conversas com médicos e em formulário na internet, ficou claro que essa

parcela da população carece de ajuda tecnológica. Com o DControle, o diabético

registra todos seus resultados e pode acessá-los a qualquer momento e com a

facilidade que a internet proporciona.

1.1 OBJETIVOS

Constitui objetivo geral deste trabalho ajudar no tratamento de pessoas

diabéticas.

Constituem objetivos específicos:

a) Reduzir drasticamente a quantidade de papel utilizado no controle da

doença;

b) Trazer mais acessibilidade aos diabéticos;

c) Ajudar na organização no tratamento da doença.

1.2 PROCEDIMENTOS METODOLÓGICOS

Através do site do pré-projeto, foi utilizado um formulário para coletar as

informações dos nossos futuros usuários. Foram realizadas as seguintes perguntas:

quantos testes de glicemia são feitos por dia, qual o tipo de diabetes, qual a idade e

sugestões para o site.

12

Foram deixados alguns questionários com a médica Maria da Penha, que é a

médica de rotina do aluno Othon, a qual trabalha diariamente com diabéticos, e

também em uma Unidade Básica de Saúde, lugar que recebe o nosso público-alvo

com frequência.

13

2. FUNDAMENTAÇÃO TEÓRICA/DESENVOLVIMENTO 2.1 ANÁLISE MUNDIAL DA DIABETES

A Diabetes Mellitus é uma doença metabólica caraterizada pela má ou falta

de produção de insulina. Há dois tipos da doença: 1 e 2.

Há cerca de 382 milhões de diabéticos no mundo, aproximadamente 8% da

população. A estimativa é de que esse número aumente para 592 milhões em 20

anos. Muitos se surpreendem ao saber que essa doença também atinge os jovens.

De acordo com o estudo da International Diabetes Federation, 2013, o Brasil

é o quarto país com mais casos de Diabetes diagnosticados, atrás apenas de China,

Índia e Estados Unidos. A projeção para 2035 é que mais oito milhões de pessoas

desenvolvam a doença.

No último estudo da Sociedade Brasileira de Diabetes, de 2012, foi

constatado que existem 12.054.827 de brasileiros que tem conhecimento que são

diabéticos. Mais de 2 milhões não conhecem seu estado clínico, o que é muito

perigoso, pois a diabetes, se não controlada, pode gerar sérias complicações,

levando até mesmo à morte.

2.2 TECNOLOGIAS

Aqui serão apresentadas as tecnologias utilizadas para o desenvolvimento

deste trabalho.

2.2.1 HTML5

O HTML5 surgiu para substituir o HTML4, que já estava limitado para os sites

produzidos para a época.

De acordo com FERREIRA e EIS, “HTML é uma abreviação de Hypertext

Markup Language - Linguagem de Marcação de Hypertexto. Resumindo em uma

frase: o HTML é uma linguagem para publicação de conteúdo (texto, imagem, vídeo,

áudio e etc) na Web.”

Vários recursos foram adicionados nesta nova versão, vindos do elemento

<div>. Por exemplo, <section> e <article>.

Linguagem principal amplamente no TCC.

14

2.2.2 CSS3

O CSS3 é utilizado para formatar a página web. Sua utilização é mundial para

embelezar e customizar sites e ferramentas desenvolvidas para a web.

Segundo W3C, “O CSS formata a informação entregue pelo HTML. Essa informação

pode ser qualquer coisa: imagem, texto, vídeo, áudio ou qualquer outro elemento

criado.”.

O CSS3 é utilizado em todo o TCC para estiliza-lo.

2.2.3 PHP

De acordo com a documentação oficial da linguagem, O PHP é uma

linguagem de script open source de uso geral, muito utilizada, e especialmente

adequada para o desenvolvimento web e que pode ser embutida dentro do HTML.

Junto com o HTML5 e CSS3, fez parte de todas as páginas do

desenvolvimento do TCC.

2.2.4 MySQL

O MySQL possui código aberto e é o mais popular do mundo. Ele é de alto

desempenho e grande facilidade de uso. Também há alta confiabilidade para os

bancos de dados. O MySQL possui ferramentas que gerenciam e dão suporte

técnico para desenvolver e implementar os aplicativos.

2.2.5 Bootstrap

O Bootstrap é um framework utilizado para desenvolvimento web. É um dos

mais poderosos, sendo utilizado por sites como Globo.com.

Foi utilizado esse recurso na parte interna do serviço.

2.3 MÉTODOS

2.3.1 Criação da Identidade Visual

O layout foi pensado levando em conta o público. O intuito do site é, acima de

tudo, agilizar a vida de quem convive com a diabetes. Desse modo, o site possui um

certo grau de facilidade de interação do usuário com a interface. Na página inicial, só

15

está exposta a parte em que é acessado o serviço e informações básicas do projeto.

Assim, é evitada a poluição visual.

O visual monocromático inclui as variantes das tonalidades da cor azul, as

cores branca e cinza. Essas foram escolhidas por serem leves à visão e não

causarem cansaço. Seguindo a teoria das cores, o azul passa responsabilidade, o

que é necessário, já que estamos participando do tratamento rotineiro dos nossos

usuários. Essa cor sempre é utilizada quando o assunto é saúde, pois, simboliza

tranquilidade e jovialidade.

2.3.2 Plataformas de Desenvolvimento

2.3.2.1 Photoshop

Software para profissionais que trabalham com fotografia ou design. Possui

recursos de alta qualidade para aprimoramento de imagens, criação de desenhos,

logomarcas e qualquer outra parte visual de um projeto.

2.3.2.2 Corel Draw

É um dos principais softwares de design gráfico do mercado. Nele, podemos

produzir desenhos técnicos precisos, pois seus recursos são excelentes e de fácil

uso. Seus resultados são profissionais.

2.3.2.3 Fireworks

Desenvolvido pela Macromedia e depois adquirido pela Adobe, suas funções

têm foco na parte gráfica da internet. Permite criação de GIF animado, imagens

fatiadas, PNG e arquivos do gênero. É bastante usado na criação de layouts de

websites.

2.3.2.4 Sublime Text 2

O Sublime Text é um poderoso editor de texto. Altamente personalizável,

através de extensões, e compatível com todos os sistemas operacionais do

mercado.

16

3. RESULTADOS

3.1 HOME

Figura 1 – Home

Essa é a página inicial do site DControle. Ao topo está o menu, exposto em

forma horizontal, logo abaixo há uma imagem com os itens, em desenho, que fazem

parte do tratamento de um diabético.

Abaixo estão descritas, rapidamente, as vantagens em usar o serviço.

Também há um vídeo explicativo sobre a doença.

17

3.2 SOBRE

Figura 2 – Sobre

A página “Sobre” inicia com um texto que traz informações sobre a

idealização e o objetivo do projeto. Mais abaixo, ao final da página, estão dispostas

horizontalmente três fotos, cada uma de um membro da equipe e um breve

comentário sobre suas respectivas funções.

18

3.3 REGISTRAR

Figura 3 - Registrar

Na parte do registro do cliente, são solicitados dados comuns para a criação

de contas, esses são: nome, e-mail, senha e data de nascimento. Porém, o dado

diferencial e importante para conhecer o usuário é o tipo da diabetes.

3.4 ENTRAR

Figura 4 – Entrar

Após o cadastro ser realizado, é possível que o usuário acesse a página de

login para que possa usar o serviço. O ícone do site se encontra centralizado e

acima dos campos de preenchimento. Esses campos pedem o e-mail e a senha do

usuário, ao entrar, é direcionado para a página do serviço

19

3.5 TEXTOS

Figura 5 – Textos

Nessa página, estão disponíveis textos que ajudam a esclarecer as principais

dúvidas de diabéticos que tiveram seus diagnósticos recentemente. Além disso,

também há o convite para que as pessoas enviem seus textos.

20

3.6 DCONTROLE

Figura 6 – DControle

Essa é página do serviço. Nela, ao topo, está o logo e a opção de sair da

página. Abaixo, o usuário seleciona o ano e o mês que deseja visualizar a tabela.

Para inserir resultados, clica no botão e os envia. Abaixo, há a tabela mostrando os

resultados e observações inseridas.

21

4. CONCLUSÃO

O objetivo do projeto, desde o início, foi facilitar a vida das pessoas que são

diabéticas. Para isso, além do serviço em si, eram necessárias algumas medidas de

acessibilidade, como: visual limpo e agradável, fácil acesso a todas as partes do site

e o serviço funcionar em todas as plataformas.

Todos os requisitos funcionais e não funcionais foram cumpridos. O design

ficou atrativo e receptivo ao usuário, nada no site ficou com difícil acesso e o serviço

pode ser utilizado de computadores pessoais, tablets e celulares.

Espera-se que atinja a comunidade diabética, de modo que o serviço se torne

item fundamental no tratamento do usuário e, com isso, diminua significativamente a

quantidade de papel utilizada. Além disso, há a expectativa de que este projeto sirva

de motivação para que outros desenvolvedores façam serviços que ajudem pessoas

com problemas de saúde.

22

REFERÊNCIAS

ASSOCIAÇÃO AMERICANA DE DIABETES Disponível em:

<http://www.diabetes.org/>. Acesso em 22/02/2015.

BENTO, Evaldo Junior, Desenvolvimento web com PHP e MySQL. Casa do

Código. São Paulo. 2013.

BRASIL. Ministério da Saúde. Secretaria de Ciência, Tecnologia e Insumos

Estratégicos. Departamento de Ciência e Tecnologia. Ciência, tecnologia e

inovação em saúde. Brasília, 2008. (Série B. Textos Básicos de Saúde).

CONCEITO DO SQL Disponível em: <http://www.dicasdeprogramacao.com.br/o-

que-e-sql/> Acesso em 09/06/15.

DADOS SOBRE DIABETES Disponível em:

<http://www.brasil.gov.br/saude/2013/11/numero-de-pessoas-com-diabetes-

aumenta-40-em-seis-anos>. Acesso em 04/03/2015.

FEDEREÇÃO INTERNACIONAL DE DIABETES International Diabetes Federation.

Disponível em: <http://www.idf.org/>. Acesso em 04/03/2015.

GARCIA, Izaura, Diabetes.Com.Saude. GLOBO. 2013

KRUG, Steve, Não me faça pensar. Alta Books. 2008.

MAZZA, Lucas, HTML5 e CSS3 - Domine a web do futuro. Casa do Código. São

Paulo. 2013.

23

MILANI, André, Construindo Aplicações Web com PHP e MySQL. Novatec. 2010.

NÚMEROS DO DIABETES Disponível em: <http://www.diabeticool.com/numeros-

do-diabetes/>. Acesso em 25/02/2015.

PESQUISAS SOBRE DIABETES. Disponível em:

<http://www.diabetesresearch.org/>. Acesso em 23/02/2015.

SOCIEDADE BRASILEIRA DE DIABETES Disponível em:

<http://www.diabetes.org.br/>. Acesso em: 22/02/2015.

SQL Disponível em: <http://www.significados.com.br/sql/> Acesso em 09/10/15.

MILETTO, Evandro, Desenvolvimento de Software II. Bookman. 2014.

APÊNDICES

24

APÊNDICE A – LOGO

Elaborado pela integrante Patrícia Vieira Tersariol em fev/2015.

APÊNDICE B – CRONOGRAMA

Este é o cronograma cumprido, com as participações de cada integrante e o

tempo para cada parte do desenvolvimento.

APÊNDICE C – QUESTIONÁRIO

25

Este questionário foi elaborado para entendermos qual a necessidade dos

futuros usuários da ferramenta.

26