Relatório Técnico

Agenda-e

Sumário

Sumário
1. Introdução....................................................................................................................................4
1.1. Escopo do projeto................................................................................................................4
1.2. Etapas de desenvolvimento.................................................................................................4
1.3. Produção Tecnológica.........................................................................................................4
1.4. Fluxo do Sistema Agenda-e.................................................................................................5
2. Etapas de desenvolvimento........................................................................................................6
2.1. ETAPA 1: Levantamento das informações com o cliente................................................6
2.1.1. Aplicativo do Profissional...................................................................................................7
2.1.2. Aplicativo do Cliente...........................................................................................................7
2.1.3. Sistema Administrador.......................................................................................................7
2.2. ETAPA 2: Desenvolvimento do front-end e back-end.....................................................7
2.2.1. Desenvolvimento do banco de dados..................................................................................8
2.2.2. Desenvolvimento do front-end e back-end do aplicativo profissional............................9
2.2.2.1. Proprietário do Estabelecimento:.........................................................................................13
2.2.2.2. Profissionais do Estabelecimento:.......................................................................................19
2.2.2.3. Profissionais Autônomos.....................................................................................................25
2.2.3. Desenvolvimento do front-end e back-end do aplicativo cliente...................................34
2.2.4. Desenvolvimento do sistema administrador....................................................................42
2.3. ETAPA 3: Testes/ correções/ adaptações........................................................................45
2.4. ETAPA 4 - Ajustes para soluções dos problemas...........................................................46
2.5. ETAPA 5 – Entrega...........................................................................................................46
2.5.1. Postagem na App Store.....................................................................................................47
2.5.1.1. Criando uma conta Empresarial na App Store e um D-U-N-S Number:............................47
2.5.1.2. Postando o aplicativo na App Store:....................................................................................49
2.5.2. Postagem na Google Play..................................................................................................50
2.5.2.1. Criando uma conta Empresarial na Google Play.................................................................50
2.5.2.2. Postando o aplicativo no Google Play.................................................................................52
3. Acessos e links............................................................................................................................53
3.1. SISTEMA ADMINISTRADOR DO AGENDA-E:.........................................................53
4. Conclusão do projeto................................................................................................................53

2
 1. Introdução

1.1. Escopo do projeto

O Agenda-e é um sistema para a gestão online de salões de beleza ou autônomos que
permite agendamentos de horários com diversos serviços previamente cadastrados organizando a
agenda e otimizando os processos do estabelecimento ou profissionais. O produto é um sistema
composto por um aplicativo profissional, disponibiliza para os profissionais um sistema para
gestão e agendamento online dos serviços. O aplicativo do cliente permite o cliente localize
profissionais da beleza e realize agendamentos dos serviços desejados. E o sistema
administrador web que é o sistema de gestão dos estabelecimentos e cliente do Agenda-e.

1.2. Etapas de desenvolvimento

O desenvolvimento conteve cinco etapas e este relatório evidencia todas as entregas

conforme proposto no plano de trabalho:

 ETAPA 1: Reunião de alinhamento sobre a condução e entregas dos documentos

solicitados pela entidade executora. Nesta reunião foi confirmada as características do

3
 sistema, principais funcionalidades, permissões, alinhamento sobre condução do
trabalho e entrega dos documentos solicitados pela entidade executora.

 ETAPA 2: Inícios dos trabalhos de desenvolvimento da plataforma, conforme

cronograma da etapa 01 e apresentação da versão inicial na reunião de 30%.

 ETAPA 3: Testes para homologação do sistema. Como entrega, o cliente nos forneceu
um relatório com suas ponderações iniciais sobre o produto apresentado para que
pudessemos efetuar os ajustes. Após os ajustes e homologação do software fizemos a
reunião de 70%. Versão oficial de testes do sistema Agenda-e para uso do cliente.

 ETAPA 4: Realização das correções de possíveis bugs e ajustes de problemas

identificados e relatados na etapa anterior. Reunião para homologação e entrega do
sistema e do relatório final, com recebimento da via termo de aceite da entrega

 ETAPA 5: Versão final do projeto será a disponibilização dos APP para postagem nas
lojas de aplicativos criadas pelo cliente. A entrega da etapa 5 será os APP’s em
funcionamento pleno, homologado pelo cliente, bem como o código fonte e manual de
uso.

As evidências estão no corpo do relatório e durante a execução do projeto não foram

gerados documentos específicos de aceite de cada etapa para a continuação do desenvolvimento,
a não ser o próprio termo de conclusão sugerido pelo Sebrae. As entregas são feitas por
videoconferência em que o cliente visualiza o desenvolvimento e as dúvidas são esclarecidas.

1.3. Produção Tecnológica

Embora tenham sido realizadas reuniões prévias ao início do desenvolvimento do projeto,
para que houvesse entendimento da demanda do sistema, a primeira etapa do projeto teve o
objetivo de identificar de forma mais minuciosa as necessidades da demandante, além de
identificar o modelo de negócio e todas as funcionalidades que pudessem impactar no
desenvolvimento do software. Para isso foram realizadas reuniões de alinhamento e mapeamento
das funcionalidades.
Softwares com funcionamentos similares do mercado foram analisados, sendo pontuados
as principais diferenças do modelo de negócio.
Para gerenciamento de informações utilizamos a ferramenta de acompanhamento e
atividades de projeto intitulada Trello, disponível pelo endereço web http://www.trello.com. Com
essa ferramenta a equipe técnica da Agenda-e pôde acompanhar os trabalhos e interagir com a
equipe de desenvolvimento da entidade executora.

Figura 1 Ferramenta Trello para o gerenciamento do projeto

Iniciamos os trabalhos com o mapeamento das telas e fluxo do sistema, através do software web
“mindmeister”.

4
 1.4. Fluxo do Sistema Agenda-e

Figura 2 Ferramenta Trello para o gerenciamento do projeto

2. Etapas de desenvolvimento

2.1. ETAPA 1: Levantamento das informações com o cliente

Reunião de alinhamento sobre a condução e entregas dos documentos solicitados pela
entidade executora. Nesta reunião foram confirmadas as características da plataforma, como:
Aplicativo híbrido na versão IOS e Android para o cliente e para o prestador, quais serão as telas,
quais as integrações serão feitas, getway de pagamento.
A primeira etapa do projeto foi realizar uma reunião com o cliente para levantamento das
informações, do fluxo de funcionamento do sistema e apps. Nesta reunião com os empresários
Júlio e Fernando, foi também definida a linguagem de programação, sendo selecionada a
linguagem híbrida - Apache Cordova, conforme previamente selecionada no plano de trabalho
para que o aplicativo fosse desenvolvido para Android e IOS, já que supria todas as necessidades
pré-estabelecidas. Com o framework visual OnsenUI para a criação dos layouts dos aplicativo.
Foi também definida a linguagem de programação do sistema administrador, sendo
selecionada a linguagem PHP em conjunto com HTML5, CSS3, Javascript e JQuery. O Banco de
dados foi construído e disponibilizado em MySQL, por ser gratuito e atender as necessidades do
cliente. Todas as técnicas de programação aplicada foram de acordo com as melhores práticas e
dentro do que foi previamente acordado com o cliente e dentro do plano de trabalho com os
prazos pré-estabelecidos.
Nos foram passados os detalhes sobre os planos de pagamento que seriam usados e as
demais funcionalidades que seu projeto precisaria ter (que estavam detalhadas na proposta).
Foram realizados benchmark com aplicativos e sistemas similares do mercado e foram
pontuadas as principais diferenças do modelo de negócio.
Também nos foi pedido auxílio na pesquisa do getway de pagamento. Apresentamos a ele
os principais gateways utilizados por outros clientes que são: Pagseguro, Vindi e IUGU e Zoop.
Durante a reunião já descartamos o uso do Pagsguro devido as altas taxas cobradas pela
empresa; sobraram então o Vindi e o IUGU. O Vindi tinha uma cobrança mensal no valor de
R$199,00, independente se Agenda-e o tivesse receita ou não. O IUGU também tinha uma tinha
uma cobrança mensal, mas bem mais acessível, no valor de R$29,90. O empresário decidiu então
que usaria o Zoop como seu getway de pagamento, porque não tendo custo fixo e somente é
cobrado uma por transação.
Nos detalhou que os aplicativos deveriam ter um visual clean, porém visando a melhor
usabilidade para os cliente e profissionais.
Para o sistema ficou definido que fosse desenvolvido em três partes, sendo dois
aplicativos e o sistema web:

2.1.1.Aplicativo do Profissional
Permite que o profissional do estabelecimento faça a gestão da sua agenda, clientes,
profissionais e muito mais.
Perfis de acesso ao aplicativo proprietário, profissional e autônomo.
5
 2.1.2.Aplicativo do Cliente

Permite conectar o cliente ao salão de beleza e profissionais.

Marcar agendamentos para diversos serviços como cabelo, depilação, estética corporal e
facial, manicure e pedicure, maquiagem, massagem, podologia, barba e mais.
Permite visualizar os horários disponíveis dos profissionais e marcar horário online.

2.1.3.Sistema Administrador

Permite a gestão dos clientes dos estabelecimentos, a gestão dos estabelecimentos e

permite a gestão dos pagamentos e cobrança da utilização do aplicativo pelos profissionais.
Ainda na primeira reunião com o cliente a entidade executora solicitou a ele o logotipo do
projeto para que o site e o sistema tivessem o layout baseado em suas cores e fontes. Além disso,
também foi pedido os textos iniciais.
O empresário também nos perguntou se ele precisaria de um servidor dedicado e de
altíssima capacidade. Esclarecemos a ele que neste primeiro momento não havia necessidade de
realizar o investimento em um servidor dedicado, sendo que seu projeto não necessitaria de tal
estrutura, no entanto, a medida em que o projeto fosse evoluindo e crescendo ele poderia migrar
para tal.
Sendo que na ocasião em que for necessário contratar um servidor mais robusto,
certamente o projeto já estará faturando e haverá receita para cobrir tal investimento. O
empresário optou em contratar o Hostgator.

2.2. ETAPA 2: Desenvolvimento do front-end e back-end

Para esta etapa foram dimensionadas 239 horas, sendo a etapa mais extensa de
desenvolvimento, pois se trata do desenvolvimento do:

1. Desenvolvimento do banco de dados;

2. Desenvolvimento do front-end e back-end do sistema administrador do Agenda-e;
3. Desenvolvimento do front-end e back-end do aplicativo cliente;
4. Desenvolvimento do front-end e back-end do aplicativo do profissional;

Todos o desenvolvimento foi realizado em paralelo para a criação do sistema Agenda-e.

2.2.1.Desenvolvimento do banco de dados

Um banco de dados é uma coleção de dados relacionados entre si, organizada e

armazenada de forma a possibilitar fácil manipulação e controle.
Foi utilizado o modelo relacional de banco de dados, que implementa a estrutura de dados
organizadas em relações, caracterizado por ser mais flexível e adequado para solucionar vários
problemas que se colocam no nível da concepção e implementação da base de dados. A estrutura
fundamental deste modelo é a relação (tabela), constituída por um ou mais campos que traduzem
o tipo de dado a armazenar.

Figura 3 Modelagem do banco de dados

6
 O Sistema Gerenciador de Banco de Dados (SGBD), é uma coleção de programas que
permitem aos usuários criarem e manipularem um banco de dados, isto é, atendem as requisições
dos usuários. Dessa forma, o SGBD facilita o processo de definir (especificação de dados a serem
armazenados), construir (processo de armazenar os dados em algum meio controlado pelo
SGBD) e manipular (inserção, atualização, eliminação e recuperação de dados) um banco de
dados de diversas aplicações.
Com relação ao SGBD, optou-se pelo MySQL, por ser uma ferramenta gratuita, possuir
compatibilidade com linguagens web, por possuir facilidade de uso e por satisfazer as
necessidades de um bom SGBD.
A modelagem do banco de dados foi feita com auxílio do software MySQL Workbench, que
é uma ferramenta de design visual de banco de dados, que integra a linguagem SQL e design de
banco de dados em um único ambiente de desenvolvimento para o SGBD MySQL.

2.2.2.Desenvolvimento do front-end e back-end do aplicativo

profissional

Para os aplicativos foi também definida a linguagem de programação, sendo selecionada a

linguagem híbrida - Apache Cordova, conforme previamente selecionada no plano de trabalho
para que o aplicativo fosse desenvolvido para Android e IOS, já que supria todas as necessidades
pré-estabelecidas. Com o framework visual OnsenUI para a criação dos layouts dos aplicativo e
do framework JQuery para o desenvolvimento do front-end e back-end.

 Início: Para iniciar o seu cadastro o profissional deverá escolher entre as duas
opções de perfil “Autônomo” ou “Estabelecimento”.

Tela para seleção de perfis

 Proprietários: Se a opção de perfil for “Estabelecimento”, o usuário deverá

preencher o cadastro com os dados do proprietário e inserir um login e senha para
acesso ao aplicativo.

Formulário cadastro proprietários

 Autônomo: Se a opção de perfil for “Autônomo”, o usuário deverá preencher o

cadastro com os seus dados e inserir um login e senha para acesso ao aplicativo.

Formulário cadastro autônomo

 Dados do estabelecimento: Após o cadastro dos dados pessoais, o proprietário

deverá cadastrar os dias e horários de funcionamento e serviços prestados.

7
 Tela dias de funcionamento

 Dados dos profissionais: Após o cadastro dos dados do estabelecimento o

proprietário deverá cadastrar os profissionais que trabalham junto ao
estabelecimento e que terão acesso ao aplicativo.

Tela adicionar profissionais

 Confirmação por e-mail: Após o cadastro dos estabelecimentos e profissionais,

um e-mail de confirmação é enviado para o proprietário e também para todos
profissionais cadastrados, após a confirmação deste e-mail os usuários terão
permissão de acesso ao sistema.

 Login: O aplicativo conta com uma tela de login de usuários já cadastrados. Nesta
tela o usuário também poderá solicitar uma nova senha, caso a tenha esquecido a
atual.

Tela de login proprietário estabelecimento

2.2.2.1. Proprietário do Estabelecimento:

 Tela Inicial: Na tela inicial do estabelecimento estão disponíveis para o

usuário as informações dos agendamentos diários, serviços concluídos,
horários disponíveis e serviços confirmados.

Tela inicial do app para proprietário

 Horários de atendimento: nesta tela o proprietário poderá configurar

os horários em que o estabelecimento irá ter expediente.

Tela para configurar horários de funcionamento

 Serviços prestados: Nesta tela o proprietário poderá configurar

quais serviços o salão irá disponibilizar para os clientes.

Tela para configurar serviços prestados

8
  Perfil: a tela do perfil do proprietário, é onde o proprietário poderá
visualizar os dados preenchidos durante o cadastro e caso deseje
alterar esses dados.

Tela perfil de proprietário

 Lista de profissionais: O proprietário terá acesso a lista de

profissionais cadastrados no estabelecimento, mostrando além dos
seus dados a avaliação média recebida dos clientes.

Tela visualização de profissionais

 Vincular clientes: O aplicativo Agenda-e possui a funcionalidade de

vinculação de clientes através de QR Code gerados pelo sistema.

Tela para vinculação de clientes

 Informações: Em informações: o proprietário tem a opção para

visualização e editar os dados do estabelecimento e também fazer o
upload de imagens do logo.

Tela de visualização das informações do estabelecimento

Tela de visualização e edição dados estabelecimento

 Fotos do estabelecimento: O proprietário possui a funcionalidade

de adicionar imagens do estabelecimento.

Tela para upload de fotos do estabelecimento

2.2.2.2. Profissionais do Estabelecimento:

 Login: Após a verificação do e-mail pelo profissional adicionado pelo

proprietário, o usuário profissional terá permissão de acesso ao
aplicativo. Na tela de login o usuário também poderá solicitar a
recuperação da senha caso tenha esquecido da atual.

9
 Tela de login para profissionais do estabelecimento

 Tela Inicial: Na tela inicial do estabelecimento estão disponíveis para o

usuário as informações dos agendamentos diários, serviços concluídos,
horários disponíveis e serviços confirmados.

Tela inicial do app para o profissional

 Serviços oferecidos: O aplicativo oferece ao profissional a

funcionalidade de edição dos valores de serviços, não havendo a
possibilidade de seleção dos serviços.

Tela para serviços dos profissionais do estabelecimento

 Horários: O profissional também possuía a funcionalidade de

definição de dias e horários de trabalho.

Tela para horários dos profissionais do estabelecimento

 Perfil: A tela do perfil do profissional, é onde o proprietário poderá

visualizar os dados preenchidos durante o cadastro e caso deseje
alterar esses dados.

Tela de perfil dos profissionais do estabelecimento

10
  Listagem de serviços agendados: O profissional do
estabelecimento pode visualizar seus serviços agendados, e há
opções para criação de notificações de atrasos e cancelamentos de
serviços.

Tela para visualização de dados dos agendamentos

Tela para envios de notificações

2.2.2.3. Profissionais Autônomos

 Login: Após a verificação do e-mail pelo profissional autônomo, o

usuário profissional terá permissão de acesso ao aplicativo. Na tela
de login o usuário também poderá solicitar a recuperação da senha
caso tenha esquecido da atual.

Tela para login profissionais autônomos

 Tela Inicial: Após o login o profissional autônomo tem o acesso aos seus
agendamentos diários, o aplicativo conta também com o controle de
horários disponíveis, listagem de clientes confirmados e histórico de
atendimentos realizados pelo profissional.

Tela de início aplicativo profissional autônomo

11
 Notificações: O aplicativo provê notificações dos atendimentos,
alertando os horários com clientes agendados, cancelamento de
atendimentos entre outras notificações de serviços.

Tela de notificações profissionais autônomos

 Listagem de serviços agendados: O aplicativo fornece todos os

dados do atendimento aos clientes, listando as atividades de cada
dia, ele mostra os dados do cliente, serviço solicitado e valor. O
aplicativo fornece a opção de informar atrasos, remarcação de
serviços e cancelamentos.

Tela visualização atendimentos profissionais autônomos

Tela para cadastrar notificações profissionais autônomos

 Notificação de atrasos: O aplicativo permite que o usuário

autônomo, envie notificações ao cliente relatando atrasos no
atendimento.

Notificação de atrasos profissionais autônomos

 Remarcação de serviço: O aplicativo permite que o usuário

autônomo, envie notificações ao cliente relatando remarcações nos
atendimentos.

Notificação para remarcações profissionais autônomos

 Horários: O aplicativo do profissional autônomo permite a seleção de

dias e horários de funcionamento, também possui a funcionalidade
para seleção de serviços prestados juntamente com seu tempo e
valor respectivamente.

12
 Tela para seleção de horários profissionais autônomos

Tela para seleção de serviços prestados profissionais autônomos

 Vincular Clientes: O aplicativo de profissionais autônomos possui a

funcionalidade de vinculação de clientes, através de QR code
gerados.

Tela para vinculação de clientes profissional autônomo

 Perfil: O profissional autônomo poderá editar sua foto de perfil e seus

dados pessoais através da funcionalidade editar perfil no aplicativo.

Tela de perfil profissional autônomo

2.2.3. Desenvolvimento do front-end e back-end do aplicativo cliente

Assim como o aplicativo dos profissionais o aplicativo do cliente foi

desenvolvido na linguagem híbrida - Apache Cordova e utilizando os
frameworks OnsenUI e JQuery para o desenvolvimento do front-end e back-
end.

 Login: O aplicativo conta com uma tela para o login de usuários já

cadastrados caso o usuário não seja cadastrado, ele poderá realizar
o cadastro através do aplicativo. Nele também o usuário poderá
solicitar uma nova senha, caso tenha esquecido a atual.

Tela de login aplicativo cliente

 Cadastro: Caso não possua um cadastro o usuário poderá realizá-lo

na tela de cadastro onde irá informar seus dados pessoais. Após o
cadastro um e-mail de confirmação é enviado para e-mail informado
pelo usuário e após a confirmação deste e-mail os usuários terão
permissão de acesso no aplicativo.

Tela de cadastro de clientes

13
 Recuperar Senha: Caso necessite de uma nova senha, ao entrar na
opção de recuperar senha e informar seu login, um e-mail é enviado
para a conta do usuário onde ele poderá definir uma nova senha para
o login.

Tela redefinição de senha

 Tela inicial: Na tela inicial do aplicativo, o cliente poderá visualizar

seus agendamentos no dia, agendamentos atendidos, avaliações
realizadas e profissionais vinculados.

Tela inicial do aplicativo cliente

 Vincular Estabelecimentos: O aplicativo possui a funcionalidade de

vincular estabelecimentos, profissionais e autônomos, através de um
QR Code gerado pelo sistema.

Tela para vinculação do cliente com profissionais

 Agendamento de serviços: O aplicativo cliente pode realizar

agendamentos de serviços com profissionais vinculados.

Tela de agendamento com clientes cadastrados

 Lista de agendamentos: O cliente possui a funcionalidade de

visualização de todos os agendamentos realizados.

Tela de listagem de agendamentos

 Notificações: O cliente possui uma tela para visualização de

notificações do sistema.

14
 Tela para notificações recebidas pelo cliente

 Perfil: o usuário poderá visualizar as suas informações pessoais e

caso necessário editar estas informações.

Tela de perfil do cliente

2.2.4. Desenvolvimento do sistema administrador

No presente projeto, utilizou-se a linguagem de programação PHP para os

aspectos funcionais do sistema, por ser dinâmico, robusto, veloz, estruturado, multi-
plataformas, é de código aberto e suporta diversos tipos de banco de dados, como o
MySQL (já explicado anteriormente). Os formulários da interface gráfica foram
implementados em HTML, CSS e javascript. Para auxiliar na escrita do código fonte e nos
formulários da interface gráfica, foi utilizado o software NetBeans, que é um ambiente de
desenvolvimento integrado (IDE) gratuito e de código aberto para desenvolvedores de
software na linguagem PHP e outras linguagens de programação. Foi definido pelo
empresário que o servidor utilizado neste projeto seria o hostgator, que para a atual fase
do projeto é bastante adequado devido ao custo.
O PHP é uma linguagem de programação web, ou seja, é totalmente voltada para
a internet, possibilitando assim a criação de sistemas web. Adicionalmente, realiza a
interação com o banco de dados e operações como cadastro e consulta. Já o HTML e
CSS são responsáveis pela parte estrutural, de conteúdo e de aparência do sistema, isto
é, realizam toda a estrutura e elementos visuais.
O sistema administrador contempla os seguintes módulos.

 Usuários: Este módulo possui três submódulos, sendo clientes, profissionais e

estabelecimentos.
 Clientes: O submódulo Clientes no menu superior, possibilita que o usuário, com
o perfil de administrador tenha acesso aos clientes cadastrados no sistema. Há a
opção de realizar consultas por meio de filtros. Também é possível visualizar os
clientes listados categorizados por: “Ativos”, “Pendentes” ou “Bloqueados” (basta
escolher a respectiva aba). O sistema possibilita a visualização do histórico de
agendamento dos clientes. O sistema também possibilita exportar as informações em
Excel e PDF. A seguir apresentamos a tela visualizada quando é selecionada a opção
“Clientes” no menu.

Tela para listagem de clientes

 Profissionais: O submódulo profissionais no menu superior, possibilidade que o

usuário administrador tenha acesso aos profissionais cadastrados no sistema,
15
 especificando o tipo de cada profissional, dividindo-se entre autônomos, proprietários e
funcionários. Também é possível visualizar os profissionais listados categorizados por:
“Ativos”, “Pendentes” ou “Bloqueados” (basta escolher a respectiva aba). O sistema
possibilita a visualização do histórico de agendamento dos profissionais. O sistema
também possibilita exportar as informações em Excel e PDF. A seguir apresentamos a
tela visualizada quando é selecionada a opção “Profissionais” no menu.

Tela para listagem de profissionais

 Estabelecimentos: O submódulo Estabelecimentos no menu superior,

possibilidade que o usuário administrador tenha acesso aos estabelecimentos
cadastrados no sistema. O sistema possibilita a visualização do histórico de
agendamento do estabelecimento e visualização dos os profissionais de cada
estabelecimento. O sistema também possibilita exportar as informações em Excel e
PDF. A seguir apresentamos a tela visualizada quando é selecionada a opção
“Estabelecimentos” no menu.

Tela para listagem de estabelecimentos

 Serviços: Este módulo mostra todos os serviços realizados. Há a opção de realizar
consultas por meio de filtros, que podem ser por estabelecimentos,
funcionários(profissionais), clientes, serviços, períodos de atendimento (inserindo a
data início e fim); por Estado e cidade (selecionando nos campos).

Tela para serviços

2.3. ETAPA 3: Testes/ correções/ adaptações

Para a etapa 3 do projeto foram dimensionadas 20 horas. Isto se justifica, pois, o

aplicativo é testado até a fadiga, executando diversas funções para medir seu
desempenho, interface com o usuário e possibilidades de bug. Além desses testes o
aplicativo foi experimentado junto ao cliente, sendo solicitado ajustes pontuais.
Os testes foram realizados conforme necessidade do cliente para:

● Desempenho – agilidade do aplicativo

● Usabilidade – interface com usuário

● Funcional – se o aplicativo apresentou os resultados esperados

16
 Durante o desenvolvimento dessa etapa alguns pontos de melhoria do aplicativo foram
detectados tanto pela gestora quanto pelo desenvolvedor. Para solução desses pontos foi
necessário fazer retrabalho na programação do aplicativo e estudos sobre possibilidades de
implementação. Os pontos a serem considerados são, com respectiva ação:

● Ajustes nos layouts para o correto redimensionamento dos ícones em todos as

dimensões de dispositivos.

● Adaptações no código para a liberação de mensagens de permissão do uso da

câmera para leitura do QR Code e acesso a biblioteca de imagens para
modificação do avatar do perfil e imagens do estabelecimento.

● Correção na funcionalidade que exibe o calendário do aplicativo do cliente.

2.4. ETAPA 4 - Ajustes para soluções dos problemas

A etapa de ajustes para soluções dos problemas contemplou as correções dos
erros apresentados após a disponibilização do aplicativo na loja virtual da Google Play e
no servidor escolhidos para a hospedagem dos sistemas.
Nos ajustes para soluções dos problemas foram testados:

● Ajustes nos perfis do aplicativo do profissional

● Correção no sincronismo entre os aplicativos do cliente e do profissional

atualizando a agenda com os horários disponíveis e com horas marcadas.

● Correção no envio do email para o proprietário e para os profissionais cadastrado

em um estabelecimento para confirmação de uso.

● Envio de notificações para os profissionais e para os clientes através do Firebase.

Esta etapa foi dimensionada em 10 horas, pois necessitou de esforço para

retrabalho na programação back-end.
É importante salientar que nas etapas 3 e 4 o maior esforço do desenvolvimento foi
em testes e retrabalhos na programação, para que o aplicativo seja funcional, tenha boa
interface e não apresentar bugs, portanto é normal que não haja muito contato com a
gestora do projeto, tratando-se de um trabalho in-office.

2.5. ETAPA 5 – Entrega

A entrega do projeto foi através de um treinamento que ocorreu por

videoconferência utilizando a ferramenta Skype. Nesse treinamento o empresário foi
treinado e recebeu esclarecimento a respeito de todas as funcionalidades de seu projeto.
Durante o treinamento, o empresário salientou que o sistema ficou muito intuitivo e de
fácil uso.

17
 O código do projeto está sendo implantado no servidor designado pelo cliente,
assim como também está sendo utilizado o seu domínio (endereço na internet).
O aplicativo está em processo de publicação e será de responsabilidade da
executora. Os aplicativos foram postados na loja da Google Play e ainda está no aguardo
da liberação da App Store para a publicação do aplicativo.
Para a postagem dos aplicativos serão necessários os seguintes passos:

2.5.1. Postagem na App Store

2.5.1.1. Criando uma conta Empresarial na App Store e um D-U-N-S Number:

 Criar um Apple ID: Sua conta e aplicativos devem estar vinculados a um

Apple ID. É provável que você já possua uma conta, entretanto
recomendamos a criação de uma nova com seu e-mail corporativo. Utilize
este link https://appleid.apple.com/account#!&page=create.
 Criar um D-U-N-S Number: O D-U-N-S number é um número utilizado
internacionalmente para a identificação de empresas. A Apple fornece
assistência e um canal exclusivo para as empresas solicitarem um D-U-N-S
number, que veremos a segui. Talvez você já possua o número. Para
conferir basta consultar este link: D-U-N-S Number look up tool (tenha em
mãos os dados da sua empresa, como Razão Social, Endereço, telefone e
e-mail corporativo). Caso sua empresa não tenha um D-U-N-S number, o
próprio assistente indicará a opção de solicitação. A figura a seguir ilustra a
tela de acesso ao D-U-N-S number:

18
  Criar uma conta empresarial na App Store: Para publicar aplicativos na App Store é
necessário pagar anualmente a taxa de 99 dólares pelo “Apple Developer
Program”. Somente desenvolvedores e empresas inscritos no programa podem
publicar aplicativos. Acesse a página de inscrição no programa através do link:
https://developer.apple.com/programs/enroll/ e selecione a opção: Start Your
Enrollment:

Será solicitado um Apple ID, caso você não possua poderá criá-lo, conforme
indicado:

Selecione a opção Company/Organization

Insira as informações da empresa e envie a solicitação. Lembre-se de utilizar o seu

e-mail corporativo para que sua conta seja aceita.

19
 A Apple pode levar alguns dias até realizar o processo de criação.
Aguarde a notificação por e-mail e fique atendo ao telefone inserido, pois a Apple
pode realizar ligações para verificar a autenticidade da conta.

2.5.1.2. Postando o aplicativo na App Store:

Aqui deverá ser utilizada as informações da conta de desenvolvedor criada e

preencher o formulário para adicionar o novo aplicativo seguindo os passos:

 Adicione o nome do seu aplicativo: É recomendado que o nome do seu

aplicativo seja igual ao nome abaixo do ícone na tela inicial;

 Adicione seu número SKU/ID do Bundle: O número SKU é um tipo de código

que faz com que seja possível identificar seu aplicativo na App Store. O
desenvolvedor pode criar este código sozinho. Quanto ao Bundle ID, você só
precisa selecionar o ID do aplicativo que você escolheu (explícito ou wildcard) no
menu.

 Adicionar o custo de aplicativo: Apenas adicione o preço e escolha quais lojas

que seu aplicativo estará disponível. Se você quiser mudar isso depois, sendo no
preço ou na disponibilidade, você pode fazê-lo no iTunes Connect a qualquer
momento, sem precisar criar nenhuma atualização.

 Faça o upload do seu aplicativo: Deverá criar um arquivo, quando preparar a

publicação de seu aplicativo iOS. O arquivo deverá ser criado utilizando o seu
dispositivo iOS, conectado ao Mac que você utiliza. Depois disso, você deve
encontrar o arquivo no Menu do Xcode. Se tudo tiver sido feito da forma correta, o
organizador do Xcode abrirá seu arquivo normalmente. Selecione o arquivo e
20
 clique no botão Upload To App Store. A versão binária do aplicativo será enviada
para os servidores da Apple. Lá, seu aplicativo será validado, e, se houver algo
errado, ocorrerá um erro. De qualquer forma, isso deverá te ajudar a corrigir todos
os erros antes que ele chegue as mãos do time da Apple para avaliação.

 Processo de avaliação: Depois da verificação inicial, você conseguirá verificar o

status atualizado como Waiting for Review. Normalmente, são necessários por
volta de 7 dias para que seu aplicativo seja avaliado.

2.5.2.Postagem na Google Play

2.5.2.1. Criando uma conta Empresarial na Google Play

A ferramenta criada para esse fim é o Google Play Developer Console que pode
ser acessado pela url https://play.google.com/apps/publish/. Ao acessar essa url pela
primeira vez, pede-se que seja feito o registro, que é dividido nos seguintes passos:

● Fazer login numa conta Google:

● Ler e aceitar o Contrato de distribuição do desenvolvedor do Google Play

21
● Pagar a taxa de registro no valor de 25 dólares. Essa taxa só precisa ser paga uma
vez, e o registro tem duração indeterminada.

22
 2.5.2.2. Postando o aplicativo no Google Play

● Acesse a página de http://developer.android.com/ e faça login com os dados da

sua conta clicando em “Play Console “.

● Aperte o botão “Criar Aplicativo” para começar a adicionar seu App na Google Play.

● Indique o “Idioma padrão” e o “Título” do seu aplicativo.

● Por fim aperte o botão “Criar.

● Detalhes do App no Google Play: Depois do passo anterior, será carregada uma
página onde devem ser preenchidos detalhes sobre o aplicativo. Essas
informações ficarão visíveis na página do app na Google Play. Em “Breve
descrição” indique a principal funcionalidade ou o principal problema que o seu
aplicativo resolve. Já no campo “Descrição completa” deve ser indicado todas as
funcionalidades, benefícios, vantagens e toda a informação que o usuário poderá
encontrar no seu aplicativo. Na área Recursos Gráficos você deverá adicionar pelo
menos 2 Capturas de tela do seu aplicativo que deverão ter no mínimo 320 pixels
de largura e estar no formato PNG ou JPEG. Clique em “Procurar Arquivos” e
escolha as imagens das capturas de tela que salvou em seu computador. Deverá
também adicionar um “Ícone de alta resolução” com a dimensão de 512 pixels de
largura e 512 pixels de altura com o formato PNG de 32 bits. Este ícone de alta
resolução ficará visível na página do aplicativo no Google Play e nos resultados de
pesquisa. Na área “Gráfico de recursos” clique para carregar a imagem que ficará
no topo da página do aplicativo no Google Play. A imagem deverá ter a dimensão
de 1024 pixels de largura e 500 pixels de altura e o formato JPEG ou PNG de 24
bits. Na área Categorização você encontra as seguintes opções: Tipos de app,
Categoria, Classificação de conteúdo. Na área “Detalhes do Contato” você deve
inserir o endereço do seu Site, caso tenha, o seu endereço de e-mail e seu contato
telefônico. Na área “Política de Privacidade” você pode inserir a URL da política de
privacidade do seu aplicativo ou caso não disponha de uma nesse momento, ative
a checkbox: “Não enviar o URL da política de privacidade no momento”. Agora que
as informações dessa página já foram inseridas clique em “Salvar Rascunho” para
continuar.

● Então clique no botão “Pronto para publicar”.

● Depois clique em “Editar Versão”.

● Na página que será carregada, desça até o final e clique no botão “Revisar”.

● Espere a página recarregar novamente e agora clique na opção “Iniciar

Lançamento para Produção”.

● Para concluir, confirme a publicação do aplicativo.

● Agora seu aplicativo ficará disponível na Google Play dentro de algumas horas.

Na proposta consta que a documentação que seria entregue, seria o próprio código
do projeto comentado. O código fonte está anexado ao SGtec e além de estar
disponibilizado para o empresário.
23
 Foram enviados os arquivos, conforme publicados no SGTEC:

● Relatório final

● Código fonte do desenvolvimento

Foi também explicado para a gestora que para qualquer adequação futura, a partir
do código fonte, qualquer equipe de desenvolvimento que tenha capacitação e
conhecimento sobre a linguagem utilizada, poderá executar o serviço.
Vale ressaltar que durante esta etapa a atividade de Elaboração de Relatório
demandou grande esforço do desenvolvedor, devido à grande necessidade de
detalhamento e retrabalho.
Ficou acordado com os empreendedores que estaremos a disposição por 90 dias a
partir da data de entrega para corrigir quaisquer bugs que surgirem em função de falha de
programação e operação dentro das regras de negócios implementadas.

3. Acessos e links

O sistema Agenda-e encontra-se em processo de implantação nos servidores do

cliente e por isso os links somente serão gerados a partir do momento que o mesmo
finalizar essa atividade.
A liberação dos apps nas lojas depende do servidor do cliente para o sincronismo
dos dados.

O sistema Agenda-e pode ser acessado através do link:

3.1. SISTEMA ADMINISTRADOR DO AGENDA-E:

● Link para acesso: www..com.br/Agenda-e

Usuário para login:admin@admin.com.br

● Senha: agende@2018

Uma cópia do código fonte foi anexada ao SEGTEC pelo coordenador da entidade
executora para ficar à disposição do Sebrae para futura avaliação dos trabalhos
efetuados.

4. Conclusão do projeto

A ideia do produto Agenda-e está em alta no mercado, a possibilidade de gerenciar

o estabelecimento de beleza através de apps e a facilidade de o cliente agendar um
serviço se mostrou inovadora.
Durante todo o projeto o desenvolvedor esteve junto ao cliente auxiliando, desde a
melhor opção de gateway até as opções de design do projeto e funcionalidades.
A definição das funcionalidades ocorreu durante a elaboração da proposta e seguiu
conforme planejado durante a elaboração do projeto.
24
 O cliente identificou como desejo futuro a implementação de meios de pagamento
no aplicativo do cliente para que possa ser efetuado o pagamento do serviço via app. E a
implementação no aplicativo do profissional um sistema de gestão financeira para o
profissional controle das receitas e despesas.
O projeto teve como prioridade a facilidade de uso e agilidade nos agendamentos
de horários pelos clientes e organizando e otimizando os processos do estabelecimento e
profissionais.
Houve a intervenção da entidade executora na explicação para o cliente quanto a
técnicas básicas de desenvolvimento de layout, voltada para as questões de usabilidade e
UX do aplicativo. A entidade aplicou técnicas de layout no designer proposto pelo cliente,
melhorando a usabilidade e interface dos aplicativos.
Após a finalização dos trabalhos o empresário iniciou a apresentação do projeto a
investidores e solicitou à entidade executora mantivesse o servidor de desenvolvimento
online, porque o cliente ainda não tem um servidor definido para a postagem do sistema.
Mesmo após a finalização do projeto, é mantida a comunicação com o empresário
para saber como está o andamento dos negócios.
O empresário aprovou todas etapas de desenvolvimento, inclusive sua entrega
final.

25