Layout

O Visão Farma apresenta um padrão de layout para facilitar a navegação e utilização do app.

Separamos o layout em 3 pontos principais:

Cabeçalho;
Conteúdo;
Menu de Navegação;

CABEÇALHO

O topo do app apresentará informações do usuário que está logado e utilizando o serviço.

Logotipo: logotipo da drogaria;
Status da Conexão: indica se o usuário está conectado à internet
Nome de Usuário: nome completo de cadastro do usuário;

Os campos Empresas e Período, deverão ser utilizados para filtrar as informações que aparecem no conteúdo.

Empresas: de qual empresa os dados serão buscados e carregados (podendo ser todas da rede de lojas ou apenas uma em específico);
Período: data inicial e final para apresentação dos dados ao usuário;

CONTEÚDO

Em todas as funções do app, a tela de conteúdo irá apresentar detalhes das lojas selecionadas de acordo com o período escolhido. Chamaremos cada conjunto dessas informações de Card;

Os Cards nada mais são do que tipos de relatórios de acordo com a movimentação realizada dentro do sistema. Em cada card, dados extras serão apresentados para facilitar a análise e entendimento das informações apresentadas.

Cards sobre Vendas

Resumo de Vendas (Total Bruto, Desconto na Venda, Total Líquido, CMV, Nº de Vendas e Lucro Bruto). O primeiro card do resumo será um card totalizador, ou seja, ele trará a somatória dos demais cards do resumo que são detalhados por dia;
Vendas por Tipo de Pagamento (Total Vendido, Nº de Vendas, Dinheiro, Cartão, Prazo, Cheque, Convênio);
Detalhado por Venda (Ticket Médio, Média de Itens por Venda, Dados do Dia);
Resumido por Dia (Total Vendido, Nº de Vendas, Gráfico em Barra Horizontal);
Vendas por Grupo (Total Vendido, Nº de Vendas, Apresentação por Grupo, Representatividade);
Vendas por Horário (Total Vendido, Nº de Vendas, Gráfico em Barra Vertical);
Detalhado por Vendedor (Total Vendido, Nº de Vendas, Top Vendedores, Valores e Representatividade);

Cards sobre Compras

Resumo de Compras (Total de Produtos, Outros Totais, Desconto, Total Notas, Nº de Itens Nº de Compras). O primeiro card do resumo será um card totalizador, ou seja, ele trará a somatória dos demais cards do resumo que são detalhados por dia;
Compras por Grupo (Total Comprado, Nº de Compras, Gráfico de Pizza);
Detalhado por Fornecedores (Total Comprado, Nº de Compras, Listagem de Compras por Fornecedor);
Pedidos Realizados (Total do Pedido, Desconto, Total Líquido, Nº de Pedidos). O primeiro card do resumo será um card totalizador, ou seja, ele trará a somatória dos demais cards do resumo que são detalhados por dia;

Cards sobre Financeiro

A PAGAR E RECEBER

Contas a Receber (Total a Receber, Nº de Contas). O primeiro card do resumo será um card totalizador, ou seja, ele trará a somatória dos demais cards do resumo que são detalhados por dia;
Contas a Pagar (Total a Pagar, Nº de Contas). O primeiro card do resumo será um card totalizador, ou seja, ele trará a somatória dos demais cards do resumo que são detalhados por dia;
A Receber por Tipo de Pagamento (Total a Receber, Nº de Contas, Listagem por Forma de Pagamento Recebido);
Detalhado por Plano de Conta (Total a Pagar, Nº de Contas, Listagem de Contas a Pagar por Plano de Conta);
Cartões Baixados (Total Baixado, Nº de Cartões, Listagem de Cartões Baixados por tipo de Operação);
Detalhado por Fornecedores (Total a Pagar, Nº de Contas, Listagem de Contas a Pagar por Fornecedores );
Recebidos por Tipo de Pagamento (Total Recebido, Nº de Contas, Listagem de Total recebido por Tipo de Pagamento);
Pagos por Tipo de Pagamento (Total Pago, Nº de Contas, Listagem de Total Pago por Tipo de Pagamento);
Pagos por Plano de Conta (Total Pago, Nº de Contas, Listagem de Total Pago por Plano de Conta);
Pago por Fornecedor (Total pago, Nº de Compras, Listagem do Total de Fornecedores Pagos );

CAIXAS

Valores em Caixa - Abertos e Fechados (Total em Caixa, Nº de Caixas, Listagem de Movimentação dos Caixas por Espécies Financeira);
Detalhado por Operação - Abertos e Fechados (Total em R$ de Operações, Nº de Operações, Listagem com Valor Total por Tipo de Operação);

MENU DE NAVEGAÇÃO

Na parte inferior do app, você poderá utilizar os botões de navegação para selecionar as funções desejadas.

Dentre as opções, você poderá selecionar:

Início (apresentação inicial do app com os cards selecionados para visualização);
Vendas (função que apresenta os cards relacionados as vendas das lojas);
Compras (função que apresenta os cards relacionados as compras das lojas);
Financeiro (função que apresenta os cards relacionados a movimentação financeira das lojas);
Perfil (função de configuração e informações sobre o aplicativo);

ÍCONES ESPECIAIS

Em alguns cards, você poderá utilizar os ícones que ficam na parte superior direita, para modificar o tipo de visualização que será apresentada.

Ao tocar, ele irá modificar a visualização do card;

Caso queira retornar a visualização anterior, toque no ícone novamente.