Sistema de Agendamento para barbearia

Prévia do material em texto

UNIVERSIDADE PAULISTA 
 
CAIO HENRIQUE VALENTE BULHÕES 
CLAUDIO RAMALHO DOS SANTOS JUNIOR 
IGOR ARANTES DE JESUS 
JENIFER FREITAS DA SILVA LEANDRO 
 
 
 
 
 
 
 
SISTEMA DE AGENDAMENTO VOLTADO A BARBEARIA 
 
 
 
 
 
 
 
 
SANTOS 
2019 
 
 
 
 
CAIO HENRIQUE VALENTE BULHÕES 
CLAUDIO RAMALHO DOS SANTOS JUNIOR 
IGOR ARANTES DE JESUS 
JENIFER FREITAS DA SILVA LEANDRO 
 
 
 
 
SISTEMA DE AGENDAMENTO VOLTADO A BARBEARIA: 
 
 
 
 
Trabalho de conclusão de curso para obtenção do 
título de graduação em ciências da computação 
apresentado à Universidade Paulista – UNIP. 
Orientador: Prof. Me. Sandro Rodrigo G Bastos 
 
 
 
 
 
 
SANTOS 
2019 
 
 
 
CAIO HENRIQUE VALENTE BULHÕES 
CLAUDIO RAMALHO DOS SANTOS JUNIOR 
IGOR ARANTES DE JESUS 
JENIFER FREITAS DA SILVA LEANDRO 
 
 
 
SISTEMA DE AGENDAMENTO VOLTADO A BARBEARIA: 
 
 
 
Trabalho de conclusão de curso para obtenção do 
título de graduação em ciências da computação 
apresentado à Universidade Paulista – UNIP. 
 
Aprovado em: 
 
BANCA EXAMINADORA 
 
 
____________________________ __/__/__ 
Prof. 
Me. 
 
____________________________ __/__/__ 
Prof. 
Me. 
 
 
____________________________ __/__/__ 
Prof. 
Me. 
 
 
 
 
 
DEDICATÓRIA 
 
Queremos dedicar a Deus mais esta vitória em nossas vidas. Foi Ele que nos deu sabedoria, 
orientou cada um de nós para fazer as melhores escolhas e que está ao nosso lado nesse momento. 
Às nossas famílias e professores que nos apoiaram em momentos de dificuldades e nos 
ajudaram a superar muitos obstáculos que foram impostos durante esses últimos anos, para que não 
fraquejássemos e seguíssemos sempre de cabeça erguida. 
 
AGRADECIMENTOS 
 
Dedico este trabalho, aos meus pais Manoel João Bulhões Júnior e Telma da Silva Valente, 
por tudo que me ensinaram durante toda a minha vida, e que fizeram de mim quem eu sou hoje. Á 
minha namorada Maria Gabriela Fanti Tiossi, companheira que sempre esteve ao meu lado, me 
apoiando e dando todo amor e carinho. (BULHÕES, CAIO) 
 Agradeço aos meus pais pelo apoio incondicional em todos os momentos difíceis da minha 
trajetória, principalmente a minha mãe Anny Carolinne, pelo carinho, afeto, dedicação e cuidado 
que ela teve durante toda a minha existência. Também quero agradecer a minha tia Miriam 
Rodrigues que ajudou financeiramente com meus estudos. (ARANTES, IGOR) 
 Quero agradecer em primeiro lugar a Deus, pela força e coragem durante esta longa 
caminhada. Aos meus amigos e companheiros de sala. Em especial meu agradecimento a minha 
família, minha mãe Joseneide Freitas por estar comigo sempre e me apoiar em todas as minhas 
decisões, a minha irmã Michelle Braz por todo conselho, e por me ouvir em momentos difíceis, 
por ter me incentivado e acreditado em mim, ao meu namorado Renan Matheus por toda força e 
paciência comigo nos meus momentos de fragilidade, incerteza e por todo apoio emocional. 
(FREITAS, JENIFER) 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
"Seja um padrão de qualidade. As pessoas não 
estão acostumadas a um ambiente onde o 
melhor é o esperado." 
Steve Jobs 
RESUMO 
 
Este trabalho mostra o desenvolvimento e análise de um aplicativo voltado à barbearia. A ideia é 
trazer mais facilidade aos interessados pelo trabalho, tanto o cliente quanto ao prestador de serviço, 
com rapidez e praticidade no dia a dia. Como hoje em dia as pessoas estão sempre atarefadas ao 
longo não sobra muito tempo para agendar seus compromissos pessoais, neste caso o aplicativo 
aqui desenvolvido veio para facilitar essas pessoas. Com o uso do aplicativo no smartphone tudo 
se torna melhor, as pessoas terão acesso á diversas barbearias e salões de beleza para agendar seu 
horário e dia. Para a aplicação do JavaScript no projeto, utilizamos dois frameworks, onde o 
NodeJS foi o responsável para manter a aplicação funcionando como uma API que o front-end 
busca os dados na mesma e assim passa as informação desejadas para o mesmo. Já para o banco de 
dados foi utilizado três plataformas onde cada uma serviu para uma função, como armazenamento 
de dados, monitoramento de entrada e saída no aplicativo em real-time e verificação de 
cancelamento de marcação de hora. 
 
 Palavras-chave: Barbearias, aplicativo, smartphone. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ABSTRACT 
 
This work shows the development and analysis of an application aimed at the barber shop. The 
idea is to make it easier for those interested in the work, both the client and the service provider, to 
be quick and practical in their daily lives. As people are always busy today, there is not much time 
left to schedule their personal commitments, in this case the application developed here came to 
facilitate these people. With the application on the smartphone everything becomes better, people 
will have access to several barber shops and beauty salons to schedule their time and day. For the 
application of JavaScript in the project, we used two frameworks, where NodeJS was responsible 
for keeping the application functioning as an API that the front-end seeks the data in it and thus 
passes the desired information to it. As for the database, three platforms were used, each one 
serving a function, such as data storage, monitoring input and output in the application in real-time 
and checking the cancellation of the appointment. 
 
 Keywords: Barber shops, application, smartphone. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
LISTA DE SIGLAS 
 
ABF – ASSOCIAÇÃO BRASILEIRA DE FRANCHISING 
API - INTERFACE DE PROGRAMAÇÃO DE APLICATIVOS 
BD - BANCO DE DADOS 
BSD – BERKELEY SOFTWARE DISTRIBUTION 
CSS- CASCADING STYLE SHEETS 
HTML- HYPERTEXT MARKUP LANGUAGE 
I/O- INPUT/ OUTPUT 
PHP- PERSONAL HOME PAGE 
SGBD - SISTEMA GERENCIADOR DE BANCO DE DADOS 
SQL - STRUCTURED QUERY LANGUAGE 
UML – UNIFIED MODELING LANGUAGE 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
LISTA DE FIGURAS 
Figura 1 – Tags React Native ................................................................................... 17 
Figura 2 – Arquitetura Docker ................................................................................... 18 
Figura 3 – Fluxograma .............................................................................................. 21 
Figura 4 – Caso de Uso ............................................................................................ 22 
Figura 5 – Diagrama de Classes .............................................................................. 22 
Figura 6 – Tela de Início do Aplicativo ...................................................................... 23 
Figura 7 – Tela de Agendamentos ............................................................................ 23 
Figura 8 – Tela de Data Disponível .......................................................................... 24 
Figura 9 – Horários Disponíveis ................................................................................ 25 
Figura 10 – Horários Indisponíveis ........................................................................... 25 
Figura 11 – Confirmaçãode Agendamento .............................................................. 26 
Figura 12 – Tela Inicial do Prestador de Serviço ...................................................... 26 
Figura 13 – Agendamentos Marcados ...................................................................... 27 
Figura 14 – Horários Não Disponíveis ...................................................................... 27 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
SUMARIO 
1. INTRODUÇÃO ................................................................................................. 12 
1.1 Apresentação do tema ............................................................................................ 12 
1.2 Caracterização do trabalho ..................................................................................... 12 
1.3 Propósitos do trabalho ............................................................................................ 12 
1.3.1 Objetivo geral ..................................................................................................... 13 
1.3.2 Metas .................................................................................................................. 13 
1.4 Metodologia utilizada ............................................................................................. 13 
1.4.1 Aspectos operacionais ........................................................................................ 13 
1.4.2 Estrutura de Organização e Delimitação do Estudo ........................................... 13 
1.5 Justificativa da Pesquisa ......................................................................................... 14 
2. FUNDAMENTAÇÃO TEÓRICA ................................................................... 15 
2.1 História da Barbearia .............................................................................................. 15 
2.2 NodeJS e Suas Aplicações ..................................................................................... 15 
2.3 React Native ........................................................................................................... 15 
2.4 Docker .................................................................................................................... 16 
2.1.1 Linguagem de Programação ............................................................................... 17 
2.1.2 Aplicação de Java no Aplicativo ........................................................................ 18 
2.2.1 Banco de Dados .................................................................................................. 18 
2.2.2 PostGreSQL ........................................................................................................ 18 
2.3.1 MongoDB ........................................................................................................... 18 
2.3.2 Redis ................................................................................................................... 19 
3 DESENVOLVIMENTO DO PROJETO ........................................................ 20 
3.1 Análise de Resultados ............................................................................................ 20 
4 RESULTADOS E DISCUSSÕES .................................................................... 28 
5 CONCLUSÃO ................................................................................................... 29 
6 TRABALHOS FUTUROS..................................................................................32 
BIBLIOGRAFIA...........................................................................................................33 
 
12 
 
1. INTRODUÇÃO 
1.1 Apresentação do tema 
O mercado da beleza vem crescendo constantemente. E com isso as novidades para este 
negócio vêm causando grandes proporções dentre elas: barbas modernas, atendimento 
especializado, mudanças maiores e entre outros. 
O aplicativo desenvolvido foi direcionado para o segmento de barbearia, facilitando 
diversos tipos de agendamento de beleza. 
Foi feito um levantamento das informações sobre a necessidade das pessoas terem acesso a 
esse tipo de aplicativo e de que forma isso poderia beneficiar tanto o cliente quanto a barbearia. 
1.2 Caracterização do trabalho 
Nos dias atuais as barbearias estão mais requintadas, com atendimento diferenciado. 
Algumas até fornecem bebidas alcoólicas e não alcoólicas para manter o cliente confortável 
enquanto espera o serviço ser realizado. Com o uso do aplicativo as pessoas terão mais facilidade 
para organizar sua agenda e verificar a possibilidade de ir até a barbearia em um determinado dia e 
horário e se acontecer um imprevisto poderá desmarcar o serviço agendado. 
1.3 Propósitos do trabalho 
No assunto escolhido, revelaram-se alguns empecilhos que poderiam atrapalhar o nosso 
projeto, tendo em vista que nos comprometemos em concluir o projeto e deixa-lo o mais acessível 
possível. A primeira etapa que consideramos mais complexa foi a abordagem do tema, buscamos 
algo que pudesse facilitar as pessoas nos dias de hoje e a segunda foi de qual forma faríamos a 
implantação do projeto. 
 De modo sequente veio a dúvida de como o aplicativo seria desenvolvido e o que ele 
poderia apresentar para atender a necessidade do cliente e do estabelecimento. 
Priorizamos a tecnologia NodeJS que faz a entrega dos valores da API para o front-end, 
mas nada voltado diretamente á barbearia. 
Quando definimos as tecnologias, outra parte preocupante foi como seria feito o 
armazenamento dos dados para que não houvesse nenhuma divergência de informação na hora em 
que o cliente fosse marcar seu dia e horário para atendimento, assim fizemos o uso de alguns 
bancos de dados que nos ajudaram, dentre eles: Redis, MongoDB e PostGreSQL. Por fim, optamos 
em criar um projeto que fosse bom o suficiente e atendesse as necessidades de todos os clientes e 
estabelecimentos de barbearia. 
13 
 
1.3.1 Objetivo geral 
Em suma, a proposta do desenvolvimento deste software foi atender todas as 
necessidades tanto para o cliente quanto para o estabelecimento priorizando atendimento 
qualificado e organizado através do agendamento de horário via aplicativo ou site. 
O objetivo deste software é descomplicar a realidade de muitas pessoas que buscam 
mais facilidade na hora de agendar um horário na barbearia. 
Consideramos que as tecnologias usadas para este aplicativo sejam grandes 
facilitadores para organização da agenda pessoal. 
1.3.2 Metas 
A meta imprescindível neste trabalho se encontra na incomplexidade que o cliente e o 
prestador de serviço terá ao realizar um agendamento e um trabalho. 
O uso desse software é algo que se deve esperar um ótimo retorno, pois a facilidade de 
uso e as informações prescritas tornam um crescimento promissor, além de ajudar nos estudos 
para a área de tecnologia da informação. 
1.4 Metodologia utilizada 
Nesse trabalho, foi utilizada a tecnologia Nodejs que faz a entrega dos valores, da API para 
o front-end. Foi utilizado também o ReactJS Web que seria como um painel detalhado com todos 
os agendamentos e horários disponíveis e marcados pelos clientes. E também utilizamos o React 
Native que busca os dados da API Nodejs e mostra as informações dentro da aplicação mobile 
tanto para IOS quanto para ANDROID, a aplicação em Mobile tem o intuito de ser utilizada pelos 
clientes e não pelos prestadores de serviços sendo assim um sistema totalmente em conjunto um 
com outro. 
1.4.1 Aspectos operacionais 
Para os estabelecimentos, o Sistema de Agendamento Voltado a Barbearia, gera uma 
utilidade benéfica, pois se trata de um sistema simples e dinâmico de ser usado pelo usuário, 
facilitando os dias, sem a necessidade de ligar para o estabelecimento para agendar ou até mesmo 
ir pessoalmente, pois o aplicativo já faz todo o trabalho. 
1.4.2 Estrutura de Organização e Delimitação do EstudoO projeto foi elaborado aplicando a metodologia de criação de um aplicativo voltado a 
barbearia e pesquisas bibliográficas voltadas a tecnologia NodeJS, Redis, React Native, 
PostGreSQL, MongoDB e Docker. A feitura do projeto engloba os seguintes tópicos: 
● Introdução: É colocada uma breve introdução sobre o aplicativo e a barbearia nos 
dias atuais. 
14 
 
● História da Barbearia 
● NodeJS e suas aplicações 
● React Native 
● Docker 
● Linguagem de programação Utilizada 
● Banco de dados (PostGreSQL,Mongo DB e Redis) 
1.5 Justificativa da Pesquisa 
A pesquisa tem como principal fundamento demonstrar como a tecnologia utilizada pode 
agilizar os serviços do prestador de uma forma mais organizada e limpa, sendo assim deixando os 
papéis de lado e evitando confusões cotidianas, e caso um cliente queira cancelar seu 
agendamento, o prestador de serviço recebe automaticamente um e-mail informando o 
cancelamento do cliente de uma forma ágil sem problemas futuros. Ter um serviço em que não 
precisa mais ligar para o prestador de serviço ou até mesmo mandar uma mensagem seria um 
grande diferencial para os profissionais da área e também para os próprios clientes que hoje em dia 
tem suas vidas bem corridas. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
15 
 
2. FUNDAMENTAÇÃO TEÓRICA 
2.1 História da Barbearia 
Nos tempos antigos, o ser humano já tinha o hábito de cuidar de sua barba e seus cabelos. 
Segundo achados arqueológicos pré-históricos as navalhas e os pentes eram confeccionados em 
pedra. Porém, em 5.000 a.c, a maneira de cuidar dos cabelos chegou ao topo. 
Foi em Atenas em meados do século XVIII que as primeiras barbearias tomaram forma. Na 
época, muitas barbas eram postiças e a cor azul-escuro era usada para se chegar à tonalidade de 
preto para barbas e perucas. 
Neste mesmo século, as barbearias começaram a incrementar objetos para atrair a clientela: 
a cadeira macia, bacia d’água e a famosa navalha. 
2.2 NodeJS e Suas Aplicações 
O NodeJS foi desenvolvido por Ryan Dahl com a ajuda de 14 colaboradores, pois foi 
percebido que os sistemas para web desenvolvidos sob a plataforma .NET, Java, PHP, Ruby ou 
Phyton paralisam um processamento enquanto utilizam um I/O no servidor. Essa paralisação é 
conhecida como Blocking-Thread. Um exemplo: vamos considerar que cada processo é uma 
requisição feita pelo usuário. Com o decorrer da aplicação, novos usuários vão acessando e 
gerando uma nova requisição no servidor. Um sistema bloqueante enfileira essas requisições e 
depois as processa, uma a uma, não permitindo múltiplos processamentos. Enquanto uma 
requisição é processada, as outras ficam em espera, mantendo uma fila de requisições ociosas por 
um período de tempo. Essa é uma arquitetura que gasta grande parte do tempo mantendo uma fila 
ociosa enquanto é executado um I/O (PEREIRA,2014). 
Com isso nasceu o NodeJS que é uma arquitetura totalmente non-blocking thread. Sua 
aplicação trabalha com processamento de arquivos e realiza muitos I/O, adotar esse tipo de 
arquitetura vai resultar em uma boa performance com relação ao consumo de memória. Node.js 
trabalha apenas em single-thread, ou seja, cada aplicação terá uma instancia de um único processo 
(PEREIRA,2014). 
A cada ano o Node.JS vem ganhando mais espaço e força dentro da programação. Esta 
plataforma comandada por eventos I/O recorre ao motor de JavaScripV8 para permitir a escrita de 
aplicações em JavaScript. Além de disponibilizar diversos módulos cores que podem ser usados na 
criação de aplicações, a plataforma se aproveita de uma vasto repositório de pacotes gratuitos 
públicos que facilitam a construção de aplicações Web. 
2.3 React Native 
De acordo com Cabral (2016), o React Native é uma estrutura desenvolvida pelos 
engenheiros do Facebook para o desenvolvimento mobile tanto no Android quanto IOS. Ele 
16 
 
permite a criação de aplicativos dinâmicos para as multiplataformas (ANDROID/IOS), possui uma 
suprema integração com os recursos de tais dispositivos. 
 Além disso, o React Native dispõe-se de todas as APIs ativas. A arquitetura do React 
Native foi desenvolvida para obter o melhor desempenho nos dispositivos. 
Por se tratar de um framework em JavaScript, é fundamental que possua o NodeJS 
instalado. Logo abaixo na Figura 1 estão alguns exemplos de tags no React Native. 
Figura 1 – Tags React Native 
 
Fonte: (Orgânica Natural Marketing). 
 
2.4 Docker 
O Docker é um software de código aberto que faz automaticamente a implementação de 
aplicativos em Containers. Esses containers são projetados para fornecer um ambiente ágil e leve 
para a execução do seu código sem mudar a configuração do aplicativo. Com o Docker você reduz 
o tempo de criação do código e facilita o teste, a implementação e o uso (DELFINO, 2018). 
Os containers não possuem estrutura de um sistema operacional completo, há uma menor 
exposição á falhas de segurança. É recomendado que cada container execute um único processo. 
Docker se trata de uma aplicação entre cliente-servido. Na Figura 2 mostra como é a arquitetura do 
Docker:. 
 
 
 
 
 
 
 
 
17 
 
 
 
Figura 2 - Arquitetura Docker 
 
Fonte: (Docs Docker). 
2.1.1 Linguagem de Programação 
Java Script é uma linguagem de programação basicamente feita para web onde pode- se 
implementar vários itens complexos em páginas da web. A cada vez que alguma página da web faz 
mais do que simplesmente mostrar informações, como por exemplo, um de cartão de visita, essa 
mesma página provavelmente não tem a programação em Java Script, agora quando se tem depara-
se com uma página que tem um conteúdo que se atualiza em um intervalo de tempo, mapas 
interativos 2D/3D animados, e outras coisas. Pode-se apostar que o Java Script está envolvido por 
trás dos panos do HTML e CSS (MDN WEB, 2019). 
Como exemplo nos dias atuais, HTML é a linguagem de marcação que usamos para 
estruturar e dar significado para montar o site, como cabeçalhos, parágrafos, tabelas, menus e etc., 
já o CSS faz com que tudo fique mais organizado e bem-feito. Quando falamos de conceder 
funções de forma dinâmica onde precisamos mudar a imagem de alguma parte do nosso site, por 
exemplo, do menu onde tem a foto do usuário, pode-se usar o Java Script onde criamos um 
algoritmo e fazemos a mudança desse tal perfil. 
Podemos também destinar funções aos menus do site com o Java Script. O Java Script tem 
avançado muito nos últimos anos, por exemplo, o NodeJS, é uma plataforma onde é escrita com o 
Java Script ,logo, podemos criar servidores para desenvolver um site sem precisar de muitas 
bibliotecas, nesse caso utilizaríamos o NodeJS e escreveríamos um código em Java Script. 
Falamos que o CSS pode deixar o site mais apresentável, porém, também podemos utilizar 
18 
 
frameworks do próprio Java Script para isso, um exemplo seria o Vue.js ele é um framework para 
a parte do Front-End onde podemos estilizar totalmente o site (GALDINO,2017). 
O Java Script não é apenas utilizado na web, nós podemos fazer aplicações Desktop com 
ele utilizando o framework Electron que converte nosso código em Java Script para uma aplicação 
Desktop, logo estamos criando aplicações com o Java Script para o Desktop. 
2.1.2 Aplicação de Java no Aplicativo 
Para a aplicação de JavaScript no projeto, utilizamos dois frameworks, onde o NodeJS foi o 
responsável para manter a aplicação funcionando como uma API que o front-end busca os dados 
na mesma e assim passa as informação desejadas para o mesmo. 
Todo o projeto foi escrito em linhas de código Java Script. Foi feita a criação de tabelas 
com um script JavaScript onde as informações de clientes e prestadores de serviço são 
armazenadas. 
2.2.1 Banco de Dados 
Um Banco de dados é um conjunto de dados relacionados, sendo assim, sempre que houver 
o agrupamento de informações que são relacionadas ou que se tratam de um mesmo assunto, 
podemos dizer que é um BD (Bancode Dados). 
Todos os bancos de dados existentes precisam de um software SGBD (Sistema Gerenciador 
de Banco de Dados) para que seja feita toda a preparação de informações dentro do BD e interagir 
com o usuário. 
2.2.2 PostGreSQL 
O PostGreSQL é um servidor SGBD e torna-se uma das opções de banco de dados de 
grande competência. Sua licença é gratuita. Ele se torna uma ferramenta feita para armazenamento 
de dados e gerenciamento de acesso de cada informação conforme as regras pré-definidas. Uma 
das características do PostGreSQL é o fato dele não ter limite de tamanho para seus bancos de 
dados. 
A ferramenta é totalmente compatível com diversos sistemas operacionais, dentre eles: 
Linux, Unix, Max, Windows. Além disso, o PostGreSQL concede recursos que se tornam 
necessários para realizar a contestação entre servidores. Permite a diversas conexões do banco de 
dados de uma só vez através do mecanismo de multithread. 
2.3.1 MongoDB 
Mongo DB é uma ideia inovadora de banco de dados, trazendo novas concepções de Banco 
de Dados orientado a Documentos. Ele se difere dos bancos de dados comuns que acompanham o 
modelo relacional. 
19 
 
O Banco de Dados orientado a documentos trabalha com documentos, diferente do modelo 
relacional que lida com registros usando tratamento bidimensional (tabelas representadas por 
linhas e colunas. 
O MongoDB possui uma performance excelente, é escrito em C++, e é formado por uma 
coleção de aplicações JSON. 
O MongoDB é um software que chegou para facilitar a vida de muita gente, ele possui uma 
velocidade e uma escalabilidade ótima que realmente funcionam e que não tem necessidade de ter 
configurações complexas. Ele não possui o conceito de tabelas, linhas, esquemas, SQL etc. 
Para acessar o MongoDB pode ser através do console ou RoboMongo(mais aconselhável). 
2.3.2 Redis 
O Redis é um sistema de armazenamento e cachê baseado em chave-valor avançado e 
código open-source sob a licença BSD. Os sistemas de chave-valor podem ser fragmentados em 
dois grupos: retenção em memória e em disco. A retenção em memória possui desempenho alto, 
que é normalmente usado para cachê distribuído, enquanto a retenção em disco é usada como base 
de dados. Se trata de uma ferramenta matizada, grande parte do seu processamento ocorre em 
memória, o que garante boa performance. 
Redis possui uma ampla documentação e credibilidade, sendo usado amplamente por 
grandes empresas do mercado de software como Instagram, GitHub e Twitter que armazenam 
grandes volumes de dados. 
 
 
 
 
 
 
 
 
 
 
 
 
20 
 
3 DESENVOLVIMENTO DO PROJETO 
3.1 Análise de Resultados 
Os resultados desse projeto serão qualificados pelos prestadores de serviços que optam por 
uma agenda mais ágil e fácil de usar sendo assim descartando os papeis para marcar horários e 
desmarcar com mais facilidade. 
O projeto tem como pretensão de auxiliar de forma simples os clientes que desejam cortar 
seu cabelo ou fazer a barba sem precisar perder muito tempo indo até o estabelecimento do 
prestador de serviço. 
O nosso software visa os prestadores de serviço ter mais tempo para trabalhar e menos 
tempo marcando e desmarcando horários com seus clientes, tendo em vista que o mesmo pode 
receber em seu e-mail de cadastro quando um cliente desmarca seu horário e assim reabrindo 
aquele horário que já estava marcado, vendo por este lado o mesmo não precisaria ir na sua agenda 
manual ou até mesmo receber um aviso de sua secretaria ou recepcionista informando-o que tal 
cliente fez o cancelamento. 
 Assim que o cliente abre a aplicação o mesmo é direcionado a sua pagina de 
Agendamentos, observando o menu inferior ele tem três opções Agendamentos, Agendar e Meu 
Perfil, clicando em Agendar o mesmo tem várias opções de prestadores de serviços, assim ele pode 
escolher o barbeiro(a) que mais lhe agrada, após clicar no prestador de sua preferencia ele é 
direcionado aos horários disponíveis que o prestador tem na data atual, caso todos os horários 
estejam indisponíveis o mesmo poderá mudar a data atual para uma data posterior ou então esperar 
até que algum outro cliente desista de seu corte e desmarque o horário, caso isso ocorra o mesmo 
terá um horário disponível para poder marcar com o prestador de sua preferencia e então ele será 
redirecionado para a pagina de confirmação sendo assim confirmando automaticamente ele 
receberá na aba de Agendamentos um lembrete com o nome do prestador dia e hora marcada e 
também um botão de cancelamento caso ele queira cancelar. 
 Para um melhor entendimento será mostrado um fluxograma com as lógicas de 
programação para um bom funcionamento do software, conforme figura 3. 
 
 
 
 
 
 
 
 
 
 
 
21 
 
Figura 3 – Fluxograma 
 
Fonte: Os autores, 2019. 
 
 Para exemplificar o desenvolvimento usamos o UML (Unified Modeling Language), que 
segundo Booch (2006), é uma linguagem de notação (um jeito de escrever, ilustrar, comunicar) 
para uso em projetos de sistemas. Escolhemos dois diagramas para melhor exemplificação, 
diagrama de caso de uso e diagrama de classes. 
 O diagrama de caso de uso descreve a funcionalidade proposta para um novo sistema que 
será projetado, é uma excelente ferramenta para se fazer o levantamento dos requisitos funcionais 
do sistema, conforme figura 
Figura 4 – Caso de Uso 
 
22 
 
O diagrama de classes mapeia de forma ampla a estrutura de um sistema ao modelar suas 
classes, seus atributos, operações e relações entre objetos. Na figura 5 há um exemplo do diagrama 
de classe utilizado no projeto. 
 
Figura 5 – Diagrama de Classes 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
23 
 
 Observa-se na figura 6 o login e/ou a criação de uma nova conta no software. A 
execução de tal tarefa permite que o cliente faça um cadastramento único que ficará armazenado 
em um banco de dados 
Figura 6 – Tela de Início do Aplicativo 
 
 
Na figura 7 consta a imagem dos agendamentos e seus respectivos estabelecimentos 
disponíveis. Nota-se que no menu inferior há as opções de verificar seus agendamentos, agendar 
um serviço e visualizar o seu perfil. 
Figura 7 – Tela de Agendamento 
24 
 
Verifica-se na figura 8 que é possível ver quais datas estão disponíveis para efetuar o 
agendamento no estabelecimento escolhido. 
Figura 8 – Tela de Data Disponível 
 
 
Na figura 09 é feita a escolha do horário e todos que estão disponíveis para o 
estabelecimento. Caso não haja um horário disponível o botão estará desabilitado como mostra a 
figura 10. 
Figura 9 - Horários disponíveis 
25 
 
 
 
Figura 10 – Horários indisponíveis 
 
 
Observa-se na figura 11 a tela que mostra a confirmação de agendamento com o horário, o 
dia e o estabelecimento escolhido. Para confirmar basta apertar o botão “Confirmar 
Agendamento”. 
Figura 11 – Confirmação de agendamento 
26 
 
 
 
 
O prestador de serviço irá receber em seu site as informações dos clientes que agendaram o 
dia e o horário para realizar o serviço desejado. Conforme mostra a figura 12 pode-se observar no 
primeiro momento a tela inicial do login e/ou criação de conta do prestador de serviço. 
Figura 12 – Tela Inicial do prestador de Serviço 
 
Após a realização do login, o prestador será direcionado para a tela de horários com 
agendamento marcado, conforme mostra a figura 13. 
 
Figura 13 – Agendamentos marcados 
 
Também é possível visualizar no site os horários que não estão disponíveis na agenda do 
prestador de serviço conforme mostra a figura 14. 
 
27 
 
Figura 14 – Horários não disponíveis 
 
 
 Informações como nome e telefone dos clientes são repassadas aos prestadores de 
serviço. O estabelecimento consegue visualizar em qual horário, dia e com qual funcionário foi 
agendado.o.serviço. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
28 
 
4 RESULTADOS E DISCUSSÕES 
Optamos pelo tema, pois nos possibilitoude uma forma entender melhor a necessidade das 
pessoas quando se trata de agenda pessoal e horário. 
É notável o crescimento das barbearias nos dias atuais por se tratar um segmento mais 
sofisticado e especializado. Segundo a ABF – Associação Brasileira de Franchising, o ramo de 
saúde e beleza teve crescimento médio de 10% na última década. Muitas barbearias têm investido 
em profissionais qualificados, decorações, diferenciais, produtos profissionais para atrair os 
clientes. 
Para ajudar as pessoas a se programarem melhor em seus dia-a-dia, desenvolvemos um 
aplicativo em linguagem de programão Java Script capaz de agendar seus horários de acordo com 
sua disponibilidade para execução do serviço. 
Deste modo, visamos inibir ou até mesmo impossibilitar que as pessoas se atrapalhem no 
momento em que forem cuidar de sua beleza. Sendo assim, consideramos nosso projeto pode se 
tornar um fator ótimo para a organização da vida pessoal de pessoas quando se trata de beleza. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
29 
 
5 CONCLUSÃO 
Este estudo tem por finalidade verificar a viabilidade da implantação de um aplicativo 
de barbearia necessário para facilitar o cotidiano de cada cliente e de cada profissional 
responsável pelo estabelecimento, com o objetivo de focar em um público masculino com 
maior comodidade ao tipo de serviço desejado. 
Com o uso do aplicativo desenvolvido, ele se torna altamente eficaz e importante para 
dar o auxílio necessário ás pessoas que tem suas vidas corridas. O projeto foi desenvolvido 
com a intenção de garantir o conforto e a organização da agenda pessoal com o intuito de 
diminuir o fluxo de tempo na hora de agendar o momento de beleza. 
Acreditamos que nos dias atuais muitas pessoas estão se cuidando cada vez mais, e com 
isso a procura em barbearias e/ou salões de beleza torna-se maior. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
30 
 
 
6 TRABALHOS FUTUROS 
Como possíveis trabalhos futuros, pode-se apontar: 
 
• Implementação de um software de agendamento em salões de beleza, com 
isso o cliente poderia agendar um serviço especifico. 
• Implementação em vários estabelecimentos do ramo da beleza. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
31 
 
 
 
 
BIBLIOGRAFIA 
ABREU, LUÍS. Nodejs – Construção De Aplicações Web 1º Ed. FCA (BRASIL),2016. 
 
RIBEIRO, Caio Pereira. Aplicações web real-time com Node.js. Casa do Código, 2014. 
 
HIGOR MEDEIROS. Introdução ao MongoDB. Disponível em: 
<https://www.devmedia.com.br/introducao-ao-mongodb/30792> Acesso em 05 de Agosto de 
2019. 
 
HOWS, David; MEMBREY, Peter; PLUGGE, Eelco. Introdução ao MongoDB 
.Novatec, 2015. 
 
BOOCH, GRADY; RUMBAUGH, JAMES; JACOBSON, IVAR. UML Guia do Usuário. 
Elsevier, 2006. 
 
GALDINO, FABRICIO. Vue. js Tutorial. Disponível em: <https://www.devmedia.com.br/vue-js-
tutorial/38042>. Acesso em 22 de Novembro de 201. 
 
DELFINO, Pedro. CONTAINER DOCKER – O QUE É, E COMO UTILIZAR A 
SEU FAVOR. Disponível em: <https://e-tinet.com/linux/container-docker/>. Acesso em 10 de 
Agosto 2019. 
 
SAMPAIO, Pedro Jannotti; KNOP, Igor de Oliveira. Desempenho de Aplicações Web: Um 
estudo comparativo utilizando o software Redis. Disponível em: 
<https://seer.cesjf.br/index.php/cesi/article/view/515/406>. Acesso em 10 de Agosto de 2019. 
 
MDN WEB DOCS. O que é JAVASCRIPT?. Disponível em: 
<https://developer.mozilla.org/ptBR/docs/Learn/JavaScript/First_steps/O_que_e_JavaScript> 
Acesso em 15 de Agosto 2019. 
 
MILANI, André. PostGreSQL – Guia do Programador. Novatec, 2008 
 
CABRAL, Jean. Instalando e Configurando React Native no Ubuntu 18.04. Disponível em: 
<https://medium.com/@jeancabral/instalando-e-configurando-react-native-no-ubuntu-18-04-
e3329ac090a0>. Acesso em 15 de Agosto de 2019. 
 
BECKER, Lauro. O que é React Native? Disponível 
em:<https://www.organicadigital.com/blog/o-que-e-react-native/>. Acesso em 20 de Agosto 2019. 
 
SUA FRANQUIA. 2019. Ramo de barbearias. Disponível em: 
<https://www.suafranquia.com/noticias/beleza-e-saude/2017/06/ramo-de-barbearias-nao- para-de-
crescer-30-do-faturamento-do-setor-de-beleza-vem-do-publico-masculino/>. Acesso em 02 de 
Setembro.de.2019.
13