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

FACULDADE DE TECNOLOGIA DE SÃO ROQUE

CURSO SUPERIOR TECNOLÓGICO DE SISTEMAS PARA INTERNET

DANIELE DINIZ MAGALHÃES

HENRIQUE DE SIQUEIRA LEÃO SOARES

THIAGO FONSECA CAETANO DA SILVA

MORRO DOS VAGALUMES

São Roque
2022
 i

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

FACULDADE DE TECNOLOGIA DE SÃO ROQUE
CURSO SUPERIOR TECNOLÓGICO DE SISTEMAS PARA INTERNET

DANIELE DINIZ MAGALHÃES

HENRIQUE DE SIQUEIRA LEÃO SOARES

THIAGO FONSECA CAETANO DA SILVA

MORRO DOS VAGALUMES

Trabalho de Graduação apresentado à

Faculdade de Tecnologia São Roque, como
parte dos requisitos necessários para a
obtenção do título de Tecnólogo em
Sistemas para Internet.

Orientador: Prof. Pedro Antonio Galvão Junior

São Roque
2022
 ii

Dados Internacionais de Catalogação-na-Publicação (CIP)

Divisão de Informação e Documentação
Soares, Henrique de Siqueira Leão
Magalhães, Daniele Diniz
Silva, Thiago Fonseca Caetano da
Morro dos Vagalumes.
São Roque, 2022.
30f.

Trabalho de Graduação – Curso de Tecnologia em Sistema para Internet

FATEC de São Roque, 2021.
Orientador: Prof. Pedro Antonio Galvão Junior.

1. Tecnologia. I. Faculdade de Tecnologia. FATEC de São Roque: II. Morro dos Vagalumes

REFERÊNCIA BIBLIOGRÁFICA –

SOARES, Henrique de Siquera Leão. MAGALHÃES, Daniele Diniz. SILVA, Thiago Fonseca
Caetano da.
Morro dos Vagalumes. 2022. 30f. Trabalho de Graduação - FATEC de São Roque.

CESSÃO DE DIREITOS

NOME DO AUTOR: SOARES, Henrique de Siqueira Leão. MAGALHÃES, Daniele Diniz.

SILVA, Thiago Fonseca Caetano da.
TÍTULO DO TRABALHO: MORRO DOS VAGALUMES
TIPO DO TRABALHO/ANO: Trabalho de Graduação / 2022.

É concedida à FATEC de São Roque permissão para reproduzir e emprestar cópias deste
Trabalho somente para propósitos acadêmicos e científicos. O autor reserva outros direitos de
publicação e nenhuma parte deste Trabalho pode ser reproduzida sem a autorização do autor.

DANIELE DINIZ MAGALHÃES – RG 50.344.154-5

HENRIQUE DE SIQUEIRA LEÃO SOARES – RG 54.598.120-7
THIAGO FONSECA CAETANO DA SILVA – RG 33.869.246-0
 iii

DEDICATÓRIA

Dedicamos este trabalho aos nossos familiares e professores, que

nos apoiaram desde o início da trajetória.
 iv

AGRADECIMENTOS

Nosso sincero agradecimento aos nossos professores, por toda a dedicação no decorrer
do curso e no andamento do projeto.
 v

RESUMO

O presente estudo tem como objetivo explanar sobre a criação de um site,

voltado para a população da Cidade de São Roque e região. Inicialmente, a criação
desse site foi pensada para auxiliar na divulgação de informações relacionadas a
Pandemia do vírus COVID-19, que avançou de forma rápida e avassaladora,
provocando além de milhares de mortes, muitas informações falsas, dúvidas e uma
vulnerabilidade ainda maior sobre a população desassistida. Com a chegada das
vacinas e a diminuição do número de casos, o projeto inicial foi reformulado e surgiu
a ideia do site “Morro dos Vagalumes”, que tem o intuito de auxiliar a comunidade de
São Roque e região, funcionando como um ponto de encontro, entre pessoas que
queiram ajudar o próximo e pessoas que necessitem de ajuda. O site também contará
com divulgação de ONG´s, projetos sociais, área sobre educação e notícias
relevantes da região.

Palavras-Chave: comunidade; voluntariado; saúde; acessibilidade; site; educação

 vi

LISTA DE FIGURAS

Figura 1 - Fluxo básico para Cadastro de usuários ..................................................................... 7

Figura 2 - Fluxo básico para solicitar ajuda ............................................................................... 8
Figura 3 - Teste de usabilidade - Clique para ajuda/voluntariado .............................................. 9
Figura 4 - Teste de usabilidade - Entendimento sobre a área de "Faça Parte" ........................... 9
Figura 5 - Teste de usabilidade - Fotos das ações realizadas pela OMV ................................. 10
Figura 6 - Teste de usabilidade - Credibilidade por possuir galeria de fotos ........................... 10
Figura 7 -Teste de usabilidade - Navegação ............................................................................. 11
Figura 8 - Teste de usabilidade - Intuitividade ......................................................................... 12
Figura 9 - Teste de Usabilidade - Logo .................................................................................... 12
Figura 10 - Teste de usabilidade - Utilização do site ............................................................... 13
Figura 11 - Teste de usabilidade - Faixa etária dos participantes ............................................. 13
Figura 12 - Diagrama de Linha do Tempo ............................................................................... 14
Figura 13 - Diagrama de Componentes .................................................................................... 15
Figura 14 - Diagrama de Implantação de Dados ...................................................................... 15
Figura 15 – Home do Site ......................................................................................................... 16
Figura 16 - Projetos .................................................................................................................. 17
Figura 17 - Educação ................................................................................................................ 18
Figura 18 - Faça Parte ............................................................................................................... 19
Figura 19 - Peça Ajuda ............................................................................................................. 20
Figura 20 - Sobre Nós ............................................................................................................... 20
 vii

Sumário
1. INTRODUÇÃO .................................................................................................................. 1
1.1. Objetivo ........................................................................................................................... 2
1.2. Justificativa ...................................................................................................................... 2
2. MATERIAIS E MÉTODOS................................................................................................... 3
2.1 Figma ................................................................................................................................ 3
2.2 Google Forms ................................................................................................................... 3
2.3 UsabilityHub..................................................................................................................... 3
2.4 HTML ............................................................................................................................... 4
2.5 PHP ................................................................................................................................... 5
2.6 Framework ........................................................................................................................ 6
2.7 Linguagem SQL – MariaDB ............................................................................................ 6
2.8 AWS Cloud....................................................................................................................... 7
3. MODELAGEM E PROTOTIPAGEM ................................................................................... 7
3.1 Fluxo básico – Cadastro ................................................................................................... 7
3.2 Fluxo básico – Ajuda ........................................................................................................ 7
3.3 Testes de Usabilidade ....................................................................................................... 8
3.4 Resultados dos Testes ....................................................................................................... 9
3.4 Faixa etária dos participantes ......................................................................................... 13
3.5 Análise dos resultados .................................................................................................... 14
3.6 Educação ......................................................................................................................... 14
4. SITE ...................................................................................................................................... 16
4.1 Home do Site .................................................................................................................. 16
4.2 Página de Projetos .......................................................................................................... 17
4.3 Página de Educação ........................................................................................................ 18
4.4 Página Faça parte ............................................................................................................ 19
4.5 Página Peça Ajuda .......................................................................................................... 19
4.6 Página Sobre Nós............................................................................................................ 20
5. CONSIDERAÇÕES FINAIS ........................................................................................... 21
6. REFERÊNCIAS ............................................................................................................... 22
 1

1. INTRODUÇÃO

A pobreza e extrema pobreza, em 2021, chegaram a atingir 61,1 milhões 1de

brasileiros que ficaram ainda mais vulneráveis e totalmente desassistidos.
Pensando no cenário pós pandemia, o objetivo geral do levantamento de dados iniciais
foi verificar como seria possível, enquanto sociedade, auxiliar pessoas que estejam
enfrentando situações de vulnerabilidade, com auxílio da tecnologia e sistemas para
internet.
Assim, este relatório técnico mostra a criação do site denominado “Morro dos
Vagalumes”, que reunirá informações e possibilidades de ajuda, inicialmente aos
moradores da cidade de São Roque e região, voltadas às pessoas mais vulneráveis, com
a colaboração de outras pessoas Físicas e Jurídicas, que possam auxiliar com criação de
ações sociais e doações.
Através do site “Morro dos Vagalumes”, os usuários poderão obter notícias
atualizadas sobre assuntos pertinentes à educação, saúde e emprego, além de contar com
dicas de especialistas, porém o objetivo principal, será promover o voluntariado,
possibilitando doações de diversos tipos de itens, para quem realmente precisa.
Tudo isso em um site leve, intuitivo, que consiga ser acessado facilmente em
dispositivos simples.
O site também seguirá rigorosamente a normas da LGPD2 – Lei Geral de
Proteção de Dados.

1
Dados obtidos em https://www.cut.org.br/noticias/pobreza-e-extrema-pobreza-atingem-70-4-milhoes-de-
brasileiros-em-2021-fb90
Acesso em 09/09/2021
2
Disponível em http://www.planalto.gov.br/ccivil_03/_ato2015-2018/2018/lei/l13709.htm
Acesso em: 03/12/2021
 2

1.1. Objetivo

O objetivo principal é a criação de um Portal, que será disponibilizado pela internet,

servindo como um “hub” entre as pessoas interessadas em auxiliar e às organizações que
gerenciam essa ajuda

1.2. Justificativa

O Portal Morro dos Vagalumes chega fazendo sua parte para que esse ideal seja
alcançado, promovendo esse “encontro” de pessoas que queiram ajudar e que necessitem de
ajuda, além de trazer informações importantes e atualizadas para a população em geral.
 3

2. MATERIAIS E MÉTODOS

Para o lançamento do Portal ocorrer melhor forma possível, utilizamos três serviços
disponíveis para testes de usabilidade e prototipagem, sendo o Figma para prototipagem e
Google Forms aliado ao UsabilityHub para os testes.
O site foi desenvolvido utilizando HTML, PHP, BOOTSTRAP, SQL e AWS CLOUD.

2.1 Figma

Lançado em 2016, o Figma é um editor gráfico de vetor e prototipagem de projetos de

design baseado principalmente no navegador web, com ferramentas offline adicionais para
aplicações desktop para GNU/Linux, macOS e Windows.
Intuitivo, bem-conceituado, totalmente online e com uma linguagem simples, permite
realizar a criação de telas, associações, trazendo um retrato fiel do que será o projeto futuro,
permitindo o trabalho em equipe em tempo real, salvando automaticamente todas as
modificações realizadas e também possibilitando salvar um backup offline.
Possui três planos de assinatura, inclusive pode ser utilizado gratuitamente.

2.2 Google Forms

Google Forms é um aplicativo disponibilizado pelo Google. Pode ser utilizado para
coleta de informações, realização de avaliações, pesquisas, testes entre outras opções.
Todos os dados armazenados, transformam-se em gráficos e tabelas para mensuração
das respostas.

2.3 UsabilityHub

UsabilityHub é um site com diversas ferramentas para testes de usabilidade de site,

materiais de marketing, logotipos, etc.
Possui planos pagos e gratuito e diversas ferramentas, como Click Test, onde o usuário
clica em determinado espaço da tela e ele grava o local selecionado, com isso podemos verificar
inclusive a intuitividade do site, também possui o Preference Test, que ajuda o usuário a decidir
 4

entre dois designs diferentes, de acordo com sua preferência, além de questionários e muito
mais.

2.4 HTML

A Sigla HTML é a abreviatura de HyperText Mark-up Language,

• Hyper é o contrário de linear. Antigamente, quando um programa de computador
executava uma ação, era necessário aguardar a próxima linha de comando para executar
outra ação, já com o HTML, é possível ir para onde quiser, a qualquer momento.
• Text, como a palavra cognata sugere, quer dizer texto.
• Mark-up refere-se à marcação de um texto, como em um editor (sublinhado, negrito,
cabeçalho, etc).
• Language significa linguagem.
Portanto, HTML é uma linguagem de formatação que é interpretada pelo navegador de
internet, utilizando tags, que são códigos que definem toda a estrutura da página, como tipo de
fontes, tamanhos, cores, permitindo a criação de parágrafos, títulos, formulários e tudo mais
que vemos ao abrir uma página na internet.
Tem como característica principal o fato de ser uma linguagem de hipertexto,
permitindo que uma página seja ligada a outra.
Foi criada pelo Britânico e Cientista Tim Berners-Lee, no ano de 1990, com o intuito de
tornar possível o acesso e troca de documentos de pesquisa e outras informações entre
cientistas.
No início, as regras sintáticas eram flexíveis, sem padrões e auxiliou pessoas sem
familiaridade e com conhecimento a realizar publicações na Web.
Em 1995, em sua versão 2.0, passou a ser supervisionada pela W3C (The World Wide
Web Consortium) e tornou-se efetivamente uma linguagem padrão da WEB.
Em 1997 várias novas funcionalidades foram implementadas e erros corrigidos, indo
para sua versão 3.2.
Posteriormente, novas atualizações foram realizadas, até quem em 2014 foi lançada a
versão 5, otimizando a experiência da World Wide Web para desenvolvedores e usuários finais,
com suporte para áudio e vídeo, aumentou a interatividade, trazendo uma forma semântica para
trabalhar com linguagens, eliminando a necessidade de utilização de vários plugins, como era
feito anteriormente e consequentemente sobrecarregavam os websites.
 5

O HTML 5 segue sendo aperfeiçoado ao longo dos anos.

2.5 PHP

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.
Foi criada por Rasmus Lerdorf em 1994, inicialmente sendo utilizado para
acompanhamento de visitas para seu currículo online, nomeado como “Personal Home Page
Tools” ou PHP Tools.
Com o passar dos meses, Rasmus foi aperfeiçoando o PHP Tools, possibilitando a
interação com banco de dados e o desenvolvimento de aplicações web.
Em 1995, Rasmus liberou o código fonte do PHP Tools, tornando-o público, permitindo
aperfeiçoamentos por desenvolvedores e correções de problemas nos códigos.
Em setembro de 1995, Rasmus mudou o nome do PHP Tools para FI “Forms
Interpreter”, mas em outubro do mesmo ano, reescreveu o código, retomou o nome PHP,
incluindo novas funcionalidades, porém até este momento, era uma linguagem exclusiva para
sistemas UNIX ou compatíveis com POSIX, iniciando testes para Windows NT.
Em 1996, Rasmus combinou o nomes dos dois últimos lançamentos, introduzindo o
PHP/FI, incluindo suporte embutido dos banco de dados DBM, mSQL, e Postgres95, cookies,
funções de apoio definidas pelo usuário, entre outras funcionalidades.
Continuou crescendo em popularidade nos anos de 1997 e 1998, como
aproximadamente 1% de todos os domínios de internet na época, possuírem cabeçalho contendo
PHP/FI, mas ainda tinha muitas limitações.
Passou por atualizações em 1998, tornando-se oficialmente o PHP 3.0, lançado por Andi
Gutmans e Zeev Suraski com mais recursos de extensibilidades, introduzindo o suporte a
programação orientada a objetos., passou a ser instalado em hosts com servidores executando
Windows 95, 98, NT e Machintosh.
Em seu melhor momento, foi instalado em 10% dos servidores web.
No mesmo ano, passou por outra atualização, com um novo motor, nomeado de “Zend
Engine”, que correspondem a junção do primeiro nome de Andi e Zeev, com diversas
melhorias, novos recursos e passou a ser chamado de 4.0.
 6

Enfim, em julho de 2004, após várias melhorias, foi lançado o PHP 5 e daí por diante,
se consagrou e é constantemente atualizado.

2.6 Framework

Framework CSS, organiza e gerencia o layout de um site e possibilita criar um visual

uniforme nas páginas.

2.7 Linguagem SQL – MariaDB

SQL é uma linguagem usada para executar comando em bancos de dados relacionais,
isto é, baseado em tabelas.
Criada no início da década de 1970, resultou de um estudo de E. F. Codd, membro do
laboratório de pesquisa da IBM em San Jose, Califórnia, que tinha como intuito, desenvolver
uma linguagem que se adaptasse ao modelo relacional.
No final dos anos 70, foi comercializado o primeiro sistema de Banco de Dados baseado
em SQL, com tanto sucesso que obrigou o ANSI (American National Standarts Institute) a
padronizar as implementações da linguagem.
Em 1982 aconteceu o lançamento da primeira versão padronizada da linguagem SQL e
atualmente, a maior parte dos Bancos de Dados seguem essa padronização.
A linguagem SQL tem múltiplo uso e pode ter diversos enfoques, como:
- Linguagem de Manipulação de Dados ou DML (Data Manipulation Language): DML é um
subconjunto da linguagem SQL, utilizada para selecionar, inserir, atualizar ou apagar.
- Linguagem de Definição de dados ou DDL (Data Definition Language): Permitindo ao usuário
manipular tabelas e elementos associados, como chave primária, chave estrangeira, índices,
entre outros.
- Linguagem de Controle de Dados ou DCL (Data Control Language): Controlando os aspectos
destinados a autorização de dados e licenças de usuários para manipulação de dados dentro do
Banco de Dados.
A MariaDB foi lançada em outubro de 2009. O objetivo da forquilha da MySQL da
MariaDB era assegurar o futuro acesso à MySQL e o seu desenvolvimento. A MariaDB foi
concebida como uma substituição binária completa, permitindo a todos os utilizadores do
MySQL trocar um pelo outro nos seus sistemas.
 7

2.8 AWS Cloud

AWS Cloud é um serviço da Amazon, que possibilita deixar o Banco de Dados em

nuvem, facilitando o acesso e priorizando a segurança dos dados.

3. MODELAGEM E PROTOTIPAGEM

O projeto foi realizado com intuito se ser intuitivo e leve.

Desde o início, tudo foi pensado visando a otimização do site e na melhor experiência possível
ao usuário.
Abaixo estão os fluxos básicos para login/Cadastro de Usuários e solicitação de ajuda e
em seguida, será apresentado todo os testes relacionados à usabilidade.

3.1 Fluxo básico – Cadastro

Figura 1 - Fluxo básico para Cadastro de usuários

Fonte: Elaboração própria

3.2 Fluxo básico – Ajuda

 8

Figura 2 - Fluxo básico para solicitar ajuda

Início

Peça ajuda

Nome, endereço,
telefone, e-mail

Escrever
mensagem

Enviar

Fim

Fonte: Elaboração própria

3.3 Testes de Usabilidade

Os testes de usabilidades a seguir, foram elaborados para entender como seria a

experiência do usuário final ao acessar o Portal Morro dos Vagalumes. Para isso, foram
realizadas perguntas para avaliar a intuitividade do Portal, como locais onde clicar de acordo
com o tema desejado, passando pela facilidade de entendimento e até mesmo a credibilidade
sentida durante a navegação, de acordo com conteúdo disponível.
Também foi perguntado ao usuário se o logotipo do Portal faz sentido com a proposta.
Com esses resultados, é possível entender o que está de acordo com as expectativas e o
que necessita de melhoria, para que a experiência de navegação seja o mais simples e agradável
possível.
Para isso, utilizamos três serviços disponíveis para testes de usabilidade e prototipagem,
sendo o Figma para prototipagem e Google Forms aliado ao UsabilityHub para os testes.
 9

3.4 Resultados dos Testes

Figura 3 - Teste de usabilidade - Clique para ajuda/voluntariado

Fonte: https://app.usabilityhub.com/tests/3d824bd6a74f/results

Resultado: 100% dos usuários acertaram o link onde deveriam clicar para ser voluntário.

Figura 4 - Teste de usabilidade - Entendimento sobre a área de "Faça Parte"

Fonte: https://app.usabilityhub.com/tests/3d824bd6a74f/results

Resultado: 88% dos usuários acreditam que é de fácil entendimento que ao clicar em “Faça
Parte”, poderá encontrar a forma de colaborar.
12% não acharam fácil o entendimento.
 10

Figura 5 - Teste de usabilidade - Fotos das ações realizadas pela OMV

Fonte: https://app.usabilityhub.com/tests/3d824bd6a74f/results

Figura 6 - Teste de usabilidade - Credibilidade por possuir galeria de fotos

Fonte: https://app.usabilityhub.com/tests/3d824bd6a74f/results

Resultado: 100% dos usuários acham que ter uma Galeria de fotos e informações de projetos
já realizados, passa mais credibilidade.
 11

Figura 7 -Teste de usabilidade - Navegação

Fonte: https://app.usabilityhub.com/tests/3d824bd6a74f/results
 12

Figura 8 - Teste de usabilidade - Intuitividade

Fonte: https://app.usabilityhub.com/tests/3d824bd6a74f/results

Resultado: 94% dos usuários acharam que é intuitivo que ao clicar em “Objetivos”, encontrarão
opções para o motivo do contato.
6% não acharam intuitivo.

Figura 9 - Teste de Usabilidade - Logo

Fonte: https://app.usabilityhub.com/tests/3d824bd6a74f/results

Resultado: 82% dos usuários viram sentido na Logo e Nome “Morro dos Vagalumes” em
relação ao projeto.
18% não viram sentido.
 13

Figura 10 - Teste de usabilidade - Utilização do site

Fonte: https://app.usabilityhub.com/tests/3d824bd6a74f/results

Resultado: 94% dos usuários utilizariam nosso site.

6% não responderam.

3.4 Faixa etária dos participantes

Figura 11 - Teste de usabilidade - Faixa etária dos participantes

Fonte: Forms Google

 14

3.5 Análise dos resultados

Os resultados dos testes, mostram que a maioria dos objetivos foram atingidos, porém,
foi possível perceber que para alguns usuários, o logotipo escolhido ainda não deixava clara a
ideia em relação ao conteúdo do Portal e com isso algumas mudanças foram realizadas,
incluindo uma frase para que faça uma “ponte” entre imagem e conteúdo, facilitando o
entendimento e identificação.
Também foram realizadas algumas mudanças no menu principal, pois 12% dos usuários
ficaram confusos em relação à forma de se voluntariar.

3.6 Educação

O grupo definiu o tema escolaridade para realização de pesquisas, através de planilha

disponibilizada pelo IBGE3.

Veremos a seguir, alguns diagramas realizados durante a execução da pesquisa:

Figura 12 - Diagrama de Linha do Tempo

Fonte: Elaboração própria

3
Dados obtidos em https://www.ibge.gov.br/busca.html?searchword=pnad
Acesso em 16/02/2022
 15

Figura 13 - Diagrama de Componentes

Fonte: Elaboração própria

Figura 14 - Diagrama de Implantação de Dados

Fonte: Elaboração própria

 16

Após análise, constatou-se que em 2019, 46,6% da população de 25 anos ou mais,

possuíam os níveis de instrução até o ensino fundamental completo ou equivalente, 27,4%
possuíam o ensino médio completo ou equivalente e somente 17,4% dessa população, possuía
o superior completo.
O site contará com uma aba específica para educação, onde o usuário encontrará um
link para o ENCCEJA (Exame Nacional para Certificação de Competências de Jovens e
Adultos), além de outros sites que fornecem cursos gratuitos com certificação.

4. SITE

Após todas as etapas e pesquisas realizadas, abaixo estão as telas principais do site.

4.1 Home do Site

Tela inicial, onde constarão os destaques, como notícias relevantes, dicas,

depoimentos de usuários e colaboradores, além do menu que persiste mesmo ao descer a barra
de rolagem ou ir para outra página.

Figura 15 – Home do Site

Fonte: Elaboração própria

 17

4.2 Página de Projetos

Nesta tela serão apresentados e divulgados projetos e ONG´s diversas.

Figura 16 - Projetos

Fonte: Elaboração própria

 18

4.3 Página de Educação

Tela onde será enfatizada a importância dos estudos, com divulgação de cursos gratuitos
com certificado e link para o ENCCEJA (Exame Nacional para Competência de Jovens e
Adultos), que possibilita às pessoas que não possuam o Ensino Fundamental ou Médio,
realizarem provas para obtenção de seu Diploma, dessa forma, podendo prosseguir seus estudos
no ensino superior.

Figura 17 - Educação

Fonte: Elaboração própria

 19

4.4 Página Faça parte

Nesta tela, o usuário que queira ser um colaborador, poderá realizar seu cadastro para
que a equipe entre em contato.

Figura 18 - Faça Parte

Fonte: Elaboração própria

4.5 Página Peça Ajuda

Página com formulário para quem necessitar de ajuda, compartilhar sua necessidade
com a OMV.
 20

Figura 19 - Peça Ajuda

Fonte: Elaboração própria

4.6 Página Sobre Nós

Tela com maiores informações sobre a OMV (Organização Morro dos Vagalumes),
desde sua fundação até o período atual, além de uma breve apresentação dos fundadores.

Figura 20 - Sobre Nós

Fonte: Elaboração própria

 21

5. CONSIDERAÇÕES FINAIS

O projeto “Morro dos Vagalumes” apresentado neste trabalho, iniciou com o intuito de
auxiliar pessoas em situação de vulnerabilidade durante a pandemia da COVID-19 e no decorrer
da idealização e execução do projeto, a ideia original foi adaptada de uma forma que mesmo
com o fim da pandemia, possa continuar ajudando a melhorar a vida da comunidade regional,
transformando-se em um Portal de notícias com informações úteis, além de conectar pessoas
para que se ajudem mutuamente.
 22

6. REFERÊNCIAS

OLIVEIRA, Gabriel. 11 linguagens de programação em alta em 2021. 1. Brasil:

DigitalInnovation, 2021. Disponível em: <https://digitalinnovation.one/artigos/11-
linguagens-de-programacao-em-alta-no-mercado-em-2021>. Acesso em: 01 nov.
2021.

GERRETT,, Filipe. O que é Figma?: Quatro perguntas sobre como usar o site. 1. Brasil:
TechTudo, 2021. Disponível em: <https://www.techtudo.com.br/listas/2021/06/o-que-
e-figma-quatro-perguntas-sobre-como-usar-o-site.ghtml>. Acesso em: 04 nov. 2021.

VOLPATO, Elisa. Teste de usabilidade: o que é e para que serve?. 1. Brasil: Uxdesign,
2014. Disponível em: <https://brasil.uxdesign.cc/teste-de-usabilidade-o-que-
%C3%A9-e-para-que-serve-de3622e4298b>. Acesso em: 25 nov. 2021.

TEIXEIRA, Fabricio. UsabilityHub: testes de usabilidade online. 1. Brasil: Uxdesign,

2014. Disponível em: <https://brasil.uxdesign.cc/usabilityhub-testes-de-usabilidade-
online-16f30bc84131>. Acesso em: 2 out. 2021.

DEBASTIANI, Carlos Alberto. Definindo Escopo em Projetos de Software, NOVATEC,

p.51-56, 2015.

História do PHP: PHP Tools, FI, Kit de Construção, e PHP/FI 1. Brasil: Disponível em
<https://www.php.net/manual/pt_BR/history.php.php>. Acesso em: 03 abr. 2022.

Entendendo a linguagem SQL 1. Brasil: Devmedia. Disponível em

<https://www.devmedia.com.br/entedendo-a-linguagem-
sql/7775#:~:text=A%20linguagem%20SQL%20surgiu%20em,adapta%2Dse%20ao%20
modelo%20relacional>. Acesso em: 03 abr. 2022.

JANKOV, Tonino. MariaDB vs MySQL: Um Resumo de Tecnologias de Base de Dados

1. Brasil: 2019. Disponível em: <https://kinsta.com/pt/blog/mariadb-vs-mysql>. Acesso
em: 02 mai. 2022.

MARQUES, Rafael. O que é HTML: Entenda de forma descomplicada 1. Brasil:

Homehost, 2019. Disponível em: <https://www.homehost.com.br/blog/tutoriais/o-
que-e-html/#:~:text=que%20conhecemos%20hoje.-
,A%20evolu%C3%A7%C3%A3o%20do%20HTML,da%20linguagem%20era%20o%20C
ERN>. Acesso em: 02 mai. 2022.