O Aplicativo por Dentro

PreviousTecnologia Utilizada NextA Base de dados por dentro

Last updated 4 months ago

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 , 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.

Após a cópia do aplicativo, ele ficará disponível em sua conta no . A partir desse momento, você poderá acessar o painel de desenvolvimento e configurações para personalizar o aplicativo de acordo com suas necessidades.

Á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:

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.
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.
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:

Criar diferentes tipos de visualizações que atendam a necessidades específicas dos usuários.
Configurar agrupamentos e cálculos automáticos para facilitar a análise de dados.
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.

PreviousTecnologia Utilizada NextA Base de dados por dentro

Last updated 4 months ago

Interface do Aplicativo (Google AppSheet)

A interface foi desenvolvida no , 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.

Área de Desenvolvimento do Aplicativo

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.
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.
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

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:

Criar diferentes tipos de visualizações que atendam a necessidades específicas dos usuários.
Configurar agrupamentos e cálculos automáticos para facilitar a análise de dados.
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.