> For the complete documentation index, see [llms.txt](https://luminvs.gitbook.io/app-de-gestao-financeira/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://luminvs.gitbook.io/app-de-gestao-financeira/o-aplicativo-por-dentro.md). # O Aplicativo por Dentro O **Aplicativo de Gestão Financeira** foi projetado para ser flexível e aberto, permitindo que você explore e ajuste suas funcionalidades conforme necessário. Abaixo, detalhamos os principais componentes do aplicativo e como eles podem ser modificados: ## **Interface do Aplicativo (Google AppSheet)** A interface foi desenvolvida no [**Google AppSheet**](https://pt.wikipedia.org/wiki/AppSheet), o que torna o aplicativo fácil de usar e personalizável. Após copiar o aplicativo para sua conta, você terá acesso completo às seguintes áreas para ajustes: * **Formulários e Layouts:** Personalize a aparência e disposição das telas. * **Regras de Exibição:** Configure como e quando determinados elementos aparecem, com base em condições específicas. * **Ações Personalizadas:** Crie novos botões ou fluxos de trabalho para funcionalidades adicionais. > **Dica:** Todas as alterações feitas no AppSheet são refletidas automaticamente no aplicativo. {% hint style="success" %} Após a cópia do aplicativo, ele ficará disponível em sua conta no [**Google AppSheet**](https://www.appsheet.com/). A partir desse momento, você poderá acessar o painel de desenvolvimento e configurações para personalizar o aplicativo de acordo com suas necessidades. {% endhint %}
## Área de Desenvolvimento do Aplicativo A imagem acima mostra a **área de desenvolvimento** do aplicativo no **Google AppSheet**, onde é possível configurar, personalizar e ajustar tanto os dados quanto a interface do aplicativo. Aqui estão os elementos destacados: 1. **Banco de Dados:**\ No lado esquerdo, temos a lista de **tabelas** do banco de dados (como "CAIXA", "CARTÕES" e "CLASSE"). Essas tabelas são armazenadas no Google Sheets e servem como base para o funcionamento do aplicativo. 2. **Campos Referentes ao Banco de Dados:**\ Ao selecionar uma tabela, os **campos** relacionados a ela aparecem no painel central. Cada linha representa um campo, com informações como: * **Nome do Campo:** O identificador do dado (ex.: "CONTA", "RECEITA\_DESPESA", "DATA"). * **Tipo:** O tipo de dado (ex.: texto, número, data, enumeração). * **Configurações:** Detalhes como se o campo é chave primária, rótulo ou se será exibido na interface. 3. **Interface do Aplicativo (Pré-visualização):**\ No lado direito, temos uma **prévia do aplicativo** em funcionamento, permitindo visualizar e testar as configurações feitas. Aqui, você pode ver como os formulários, botões e campos aparecem para o usuário final. ## O que é possível ajustar nesta área: * Modificar os campos do banco de dados, adicionando ou removendo informações. * Alterar o layout e os componentes visuais do aplicativo. * Configurar o comportamento de formulários, gráficos e outros elementos. Essa interface centralizada facilita o desenvolvimento e a personalização do aplicativo, mesmo sem conhecimentos avançados de programação.
## Configuração de Visualizações no Aplicativo A imagem acima exibe a configuração das visualizações no **Google AppSheet**, permitindo que o desenvolvedor personalize como os dados são apresentados dentro do aplicativo. Abaixo, os elementos principais estão detalhados: #### **1. Navegação e Estrutura (Esquerda)** No painel esquerdo, é possível visualizar e gerenciar as **visualizações** e **menus de navegação**: * **Visualizações Primárias:** Configurações de telas principais como "Mês Atual", "Previsão Mês 2" e "Próximo Mês". * **Menus de Navegação:** Itens organizados em categorias como "Cartão/Banco", "Calendário" e "Gráficos". * **Visualizações de Referência:** Componentes que suportam funcionalidades específicas, mas não aparecem diretamente no menu. *** ## **Configuração da Visualização "Próximo Mês" (Centro)** Nesta seção, vemos a configuração detalhada da visualização "Próximo Mês": * **Nome e Descrição:** Nome da visualização ("Próximo Mês") e uma descrição personalizada para os usuários ("Mais um mês pra frente"). * **Tipo de Visualização:** Aqui é possível selecionar o formato de exibição, como: * **Tabela (Table):** Para exibir os dados em formato de tabela. * **Gráficos (Chart):** Para apresentar informações visuais. * **Outros Formatos:** Incluindo Calendário, Formulário, Cartão, entre outros. * **Agrupamento e Ordenação:** Configurações para: * Agrupar os dados com base em colunas, como "RECEITA\_DESPESA". * Somar valores numéricos, como no campo "VALOR". *** ## **Pré-visualização da Interface (Direita)** No painel direito, temos uma **prévia da visualização configurada**: * **Gráfico Receita-Despesa:** Um gráfico do tipo "Donut" que representa visualmente os valores de despesas e receitas. * **Navegação por Período:** Ícones na parte inferior permitem alternar entre meses diferentes para análise detalhada. *** ## **Personalizações Possíveis** Com essa configuração, você pode: 1. Criar diferentes tipos de visualizações que atendam a necessidades específicas dos usuários. 2. Configurar agrupamentos e cálculos automáticos para facilitar a análise de dados. 3. Pré-visualizar as alterações em tempo real antes de aplicá-las ao aplicativo. Essa interface oferece flexibilidade total para organizar e apresentar os dados do aplicativo de forma clara e eficiente. > #### **Em Resumo** > > A imagem demonstra como configurar visualizações no **Google AppSheet**. Aqui estão os principais pontos: > > * **Menu de Navegação:** Organização das visualizações principais, como "Próximo Mês" e "Gráficos". > * **Configuração Detalhada:** Personalização do tipo de exibição (tabela, gráfico, etc.), agrupamento e cálculos automáticos. > * **Pré-visualização:** Teste em tempo real de como os dados serão apresentados, incluindo gráficos e navegação por períodos. > > Essa área permite criar visualizações personalizadas para tornar os dados mais acessíveis e úteis aos usuários.