Relatório - Uemerson Pinheiro

Prévia do material em texto

UNIVERSIDADE DO ESTADO DE MINAS GERAIS-UEMG 
UNIDADE FRUTAL 
 
 
 
 
 
CURSO DE SISTEMAS DE INFORMAÇÃO 
 
 
 
 
 
 
 
 
 
FAST SERVICE 
Um aplicativo para oferecer uma rede de serviços de 
profissionais autônomos 
 
 
 
 
Integrantes 
Uemerson Pinheiro Junior 
 
 
 
 
 
 
Ivan José dos Reis Filho 
Orientador 
 
 
 
 
 
 
Frutal (MG) 
2019 
1. Introdução 
Há problemas que somente profissionais autônomos podem resolver, tais como: o 
encanamento estourado, o filho precisando de um professor particular, a rede elétrica da casa 
velha e comprometida, trocar o piso da casa, passear com os animais de estimação, cuidador 
de crianças ou pessoas idosas e entre outras coisas. Nesse contexto, existe uma grande 
demanda e dificuldade de contratar profissionais para solucionar esses problemas. 
Para encontrar esses profissionais, muitas vezes recorre-se às redes sociais ou até 
mesmo alguém conhecido para indicar. Mesmo assim, não é uma busca eficiente, pois fica-se 
a mercê de esperar outras pessoas a passar a devida informação e que geralmente resulta em 
indicações de profissionais conhecidos e não qualificados. 
Neste contexto, o presente projeto busca desenvolver um aplicativo (​app​) para 
dispositivos móveis integrado a uma aplicação ​web​, que está sendo desenvolvido pelo Taynan 
da Silva Ferreira como trabalho de conclusão de curso. O ​app tem o objetivo de facilitar o 
anúncio e a busca dos serviços de profissionais autônomos. Desta forma tanto quem busca 
como quem anuncia sai ganhando, pois o aplicativo facilita a busca de profissionais e ao 
mesmo tempo possibilita uma competição justa entre os profissionais. 
O aplicativo proposto foi desenvolvido seguindo uma abordagem incremental, para a 
primeira etapa foi realizado o levantamento de requisitos, utilizando o método ​Brainstorm. ​Na 
segunda etapa foi feito o diagrama de classes usando o site lucidchart.com, e também a 
prototipagem do aplicativo usando a ferramenta ​Adobe XD ​. A última etapa foi a de 
codificação do ​app​, utilizou-se o ​Framework React Native para codificar o aplicativo e o 
Firebase​ para construir o ​Back End ​. 
O projeto apresenta na etapa de desenvolvimento a prototipagem das interfaces do 
aplicativo, o levantamento de requisitos, a modelagem dos dados do usuário. Na etapa de 
resultado, é apresentado o desenvolvimento do sistema de autenticação do usuário do 
aplicativo, que possui as funções de criar uma conta, fazer ​login e ​logout​, recuperar a senha e 
verificar a autenticação do e-mail. Falta ainda o desenvolvimento da finalização do cadastro 
do usuário, o qual é diferenciado pelo tipo de usuário (profissional ou cliente), as funções de 
buscas dos serviços e profissionais que serão listados pelo ​app​. E por último o mecanismo que 
vai fazer a comunicação do cliente com o profissional. 
O presente projeto foi organizado em quatro seções, além da introdução. Na seção 2 é 
apresentado as fases para o desenvolvimento do projeto. Na seção 3 é demonstrado os 
resultados e discussões e na última seção são apresentadas as considerações finais do projeto. 
2. Desenvolvimento 
O desenvolvimento do aplicativo seguiu um processo composto pelas seguintes 
etapas: levantamento de requisitos, modelagem dos dados, prototipagem e por último a 
codificação do aplicativo. 
A primeira etapa foi a de levantamento de requisitos, o método utilizado para levantar 
os requisitos foi o ​BrainStorm​, o qual consiste em uma reunião informal com pessoas que 
possam contribuir com ideias para o projeto. Antes de fazer a reunião, foi entregue aos 
participantes um folheto contendo previamente os temas seriam discutidos. Essa foi uma 
estratégia adotada para fazer com que os participantes pudessem trabalhar a imaginação antes 
mesmo da reunião, e enquanto acontecesse o encontro, os mesmos estivessem com a mente 
fervilhando de ideias. A reunião foi realizada em abril de dois mil e dezenove seguindo o 
cronograma feito no pré projeto, com quatro participantes, sendo que todos contribuíram com 
ideias para o projeto. 
A modelagem dos dados foi realizada por meio do diagrama de classes, esse diagrama 
foi feito usando a ferramenta disponível no site lucidchart.com (Figura 1)​. 
 
Figura 1. ​Diagrama de classes do projeto 
A ​prototipagem do aplicativo foi feita utilizando a ferramenta ​Adobe XD​, por meio 
desses protótipos, ganhou-se produtividade na etapa de desenvolvimento com os ​layouts pré 
estabelecidos. As interfaces que já foram prototipadas são a de ​login (Figura 2a), registrar 
(Figura 2b)​. 
 
 ​(a) (b) 
Figura 2. ​Protótipo da interface de ​login​ e registrar usuário. 
Se o usuário ainda não verificou seu e-mail para confirmar o cadastro, o aplicativo 
redireciona para a interface de verificação de ​e-mail (Figura 3a). Se o mesmo ainda não 
selecionou o tipo de perfil o aplicativo redireciona para a interface de escolher o perfil (Figura 
3b). 
 
 (a) (b) 
Figura 3.​ Protótipo da interface verificação de e-mail e de selecionar o tipo de perfil do usuário 
Na interface inicial da aplicação o usuário pode escolher pesquisar por categorias de 
serviços ou por todos os serviços (Figura 4a). Se o usuário selecionar pesquisar por categorias 
o aplicativo redireciona para a interface de categorias de serviços (Figura 4b). 
 
 (a) (b) 
Figura 4. ​Protótipo da interface inicial do app e de categorias de serviços 
O aplicativo redireciona usuário para a interface de serviços após selecionar uma 
categoria, ou após o usuário selecionar todos os serviços (Figura 5a). Ao selecionar um 
serviço, o aplicativo redireciona para a interface que lista todos os usuários registrados no 
serviço que ele selecionou (Figura 5b). 
 
 ​ (a) (b) 
Figura 5.​ Protótipo da interface de serviços e de profissionais 
Para a codificação do aplicativo foi utilizado o ​Framework React Native, ​ela foi 
escolhida por entregar um aplicativo nativo tanto para plataforma ​android como ​ios ​usando 
apenas o ​JavaScript. ​O gerenciamento das dependências do projeto foi feito pelo ​yarn. ​O 
visual studio code foi utilizado como editor do código fonte do aplicativo. Para o ​back end ​do 
app foi utilizado os serviços do ​firebase, ​o mesmo fornece serviços de autenticação de usuário 
(​Authentication ​), banco de dados (​Cloud Firestore e ​Realtime Database​), armazenamento de 
arquivos (​Cloud Storage​) e entre outros serviços, com essas ferramentas já prontas, ganha-se 
produtividade, pois o foco fica apenas em desenvolver o ​app e integrar a mesma com os 
serviços do firebase, evitando construir todo o ​back end ​do zero. 
Na próxima seção é apresentado o resultado parcial do projeto, pois o mesmo será 
continuado, e entregue o resultado final na apresentação do TCC. 
3. Resultados e Discussão 
O aplicativo ​Fast Service ​foi desenvolvido para ajudar no anúncio de serviços por 
parte de profissionais autônomos e pesquisa dos mesmo por parte dos clientes. Nesse sentido, 
o projeto desenvolvido possui funções de autenticação de usuário, registrar um novo usuário,recuperar a senha, procurar por categorias e por serviços, listar os profissionais autônomos e 
por fim um chat de conversas entre o cliente e o profissional. 
Para iniciar o uso do aplicativo não é preciso fazer ​login com o usuário, assim o 
usuário pode escolher entre procurar por categoria ou por todos os serviços, caso o usuário 
escolha por categorias, é mostrado todas categorias de serviços registradas, e após ele clicar 
em uma categoria, é listado todos os serviços daquela categorias. Já se selecionar serviços o 
aplicativo redireciona para a interface de serviços onde é listado todos os serviços. Os passos 
mencionados estão ilustrados nas figuras 6a, 6b e 6c, respectivamente. 
 
 ​ (a) (b) (c) 
Figura 6.​ Interface do tipo de pesquisa, categorias e serviços. 
Depois que o usuário selecionar um determinado serviço, o aplicativo lista todos os 
profissionais registrados no respectivo serviço, conforme é ilustrado na figura 7. 
 
Figura 7.​ Interface de profissionais. 
Enquanto o usuário não fizer o ​login no aplicativo, ou mesmo, não se registrar, o 
aplicativo exibe uma interface que redireciona para o usuário fazer ​login ou registrar uma 
conta, conforme é ilustrado na figura 8. 
 
Figura 8.​ Interface de redirecionamento para a de ​login​ ou registro de usuário. 
Após o usuário clicar em fazer ​login ou registre-se, o aplicativo redireciona para a 
interface de ​login ​, onde o usuário pode logar com o e-mail e senha, ou mesmo, por uma conta 
google. Nessa mesma interface de ​login​, o usuário pode clicar em “esqueceu a senha” e o 
aplicativo redireciona para a interface de recuperar a senha. Ainda na interface de ​login ele 
pode clicar em registre-se, e o ​app redireciona para a interface de registro de um novo 
usuário. Todas essas funções estão ilustradas na figura 9a, 9b e 9c, respectivamente. 
 
 (a) (b) (c) 
Figura 9.​ Interface de ​login​, recuperar senha e registro de usuário 
Na próxima sessão é relatado as considerações finais do projeto, o qual vai tratar 
resultados, dificuldades e trabalhos futuros. 
4. Considerações Finais 
Neste projeto foi apresentado um aplicativo que proporciona o anúncio de 
profissionais autônomos, bem como também facilita a pesquisa por partes dos clientes dos 
respectivos serviços. Os resultados obtidos foram o levantamento de requisitos, a etapa de 
autenticação, e algumas outras funções que começaram a serem codificadas. 
Na etapa de levantamento de requisitos ocorreram problemas para encontrar pessoas 
com tempo disponível e que pudessem de alguma forma contribuir com ideias para o projeto. 
Outra dificuldade se encontra na prototipagem, alguns elementos que estão na prototipagem 
não foram incluídos, por serem inviáveis de se programá-los ou por questões de ​layout dos 
smartphones​. 
Com os resultados obtidos, espera-se que os usuário possa testar a usabilidade do 
aplicativo, mesmo que ainda faltem algumas funções a serem implementadas, as funções 
principais já podem ser testadas. Ainda, é possível o usuário já se registrar na aplicativo bem 
como recuperar sua senha e confirmar seu e-mail. 
Como trabalhos futuros propõe-se o desenvolvimento de novas funções de filtros de 
categorias, serviços e profissionais para que o usuário possa filtrar o que ele realmente deseja 
buscar. Além disso é necessário terminar a parte de cadastro de profissionais, pois o mesmo 
possui algumas especificações ainda não implementadas.