Adicione uma calculadora ao seu app móvel
Escrito por Brenda Wokoma na
Para os designers que desejam aprimorar seus apps, uma calculadora é a solução preferida. Ela permite que eles prendam a atenção dos usuários com conteúdo dinâmico e personalizado.
A loja de extensões da GoodBarber já oferece várias ferramentas, incluindo uma calculadora de índice de massa corporal e um conversor de moeda . Para aqueles que desejam ir além, sugerimos que (re)descubram o Appizy, uma solução para transformar uma planilha do Excel em calculadoras poderosas para seus apps móveis.
A loja de extensões da GoodBarber já oferece várias ferramentas, incluindo uma calculadora de índice de massa corporal e um conversor de moeda . Para aqueles que desejam ir além, sugerimos que (re)descubram o Appizy, uma solução para transformar uma planilha do Excel em calculadoras poderosas para seus apps móveis.
História do projeto Appizy
As ferramentas com pouco código e sem código explodiram nos últimos anos. Mas nos esquecemos de que a ferramenta de design mais intuitiva e com pouco código do mundo existe desde meados da década de 1980: o Excel. É impossível contar a diversidade e os usos das planilhas eletrônicas. Elas estão em toda parte em nossas empresas, organizações e associações.
A Appizy vê os usuários do Excel como designers experientes de software empresarial. Seu objetivo é fornecer uma ponte entre a automação de escritório e a Web. Ao adicionar a GoodBarber à equação, demos um novo passo ao criar uma ponte entre a automação de escritório e os apps móveis nativos.
A Appizy vê os usuários do Excel como designers experientes de software empresarial. Seu objetivo é fornecer uma ponte entre a automação de escritório e a Web. Ao adicionar a GoodBarber à equação, demos um novo passo ao criar uma ponte entre a automação de escritório e os apps móveis nativos.
Design de computador
Já apresentamos a solução Appizy no blog da GoodBarber em 2020. Voltamos novamente este ano, pois há novos recursos disponíveis. Vamos apresentá-los a você por meio da criação de uma calculadora de empréstimo imobiliário.
Primeiro design
Inicialmente, projetamos a ferramenta em duas partes. De um lado, os dados de entrada: Custo de aquisição, taxa de juros, etc. Do outro, o pagamento mensal e os detalhes do empréstimo.
Primeiro design
Inicialmente, projetamos a ferramenta em duas partes. De um lado, os dados de entrada: Custo de aquisição, taxa de juros, etc. Do outro, o pagamento mensal e os detalhes do empréstimo.
Depois de convertidas em um app pela Appizy, as células à esquerda podem ser editadas e as da direita são atualizadas à medida que você avança. No entanto, fica claro que a interface resultante funciona em uma tela grande, mas não em um celular, com rolagem vertical.
Otimização para celular
A Appizy oferece um editor de layout - o Layout Builder - que trata cada guia da nossa planilha básica como uma seção independente. Assim, é possível organizar as guias em diferentes colunas cuja exibição se adapta ao tamanho do app.
Começamos separando o conteúdo do nosso app em 3 guias (ou 3 seções): Uma para a entrada de dados, uma segunda para o resumo e uma terceira para os detalhes do cálculo. Em seguida, usando o Layout Builder, criamos um layout de duas colunas: A guia de entrada à esquerda e as outras duas guias à direita. O resultado agora se adapta a todos os formatos de tela.
A Appizy oferece um editor de layout - o Layout Builder - que trata cada guia da nossa planilha básica como uma seção independente. Assim, é possível organizar as guias em diferentes colunas cuja exibição se adapta ao tamanho do app.
Começamos separando o conteúdo do nosso app em 3 guias (ou 3 seções): Uma para a entrada de dados, uma segunda para o resumo e uma terceira para os detalhes do cálculo. Em seguida, usando o Layout Builder, criamos um layout de duas colunas: A guia de entrada à esquerda e as outras duas guias à direita. O resultado agora se adapta a todos os formatos de tela.
Integração com a GoodBarber
Para integrar a calculadora em um app GoodBarber, escolhemos uma seção de Custom Code na Loja de Extensões. Essa extensão fornece acesso a um editor de texto dedicado, especialmente projetado para adicionar código.
Depois que a extensão é instalada, temos duas opções para inserir a calculadora:
Depois que a extensão é instalada, temos duas opções para inserir a calculadora:
- No modo incorporado, que é rápido e fácil: recuperamos o link para o app hospedado pela Appizy e o inserimos no editor.
- Com o código: Baixamos o código do aplicativo e o carregamos novamente no editor. A calculadora passa a funcionar independentemente de um servidor, no modo offline.
Em conclusão
Com a Appizy, adicionar uma calculadora ao seu app GoodBarber se torna extremamente simples. Depois de saber como criar a ferramenta em uma planilha, ela estará a apenas alguns cliques de distância do seu app móvel.
Neste exemplo, percorremos as principais etapas envolvidas no projeto e na integração de uma calculadora de empréstimos. No entanto, os apps não se limitam ao setor imobiliário. Você é um treinador de esportes? Crie um simulador de programa esportivo personalizado. É professor? Desenvolva ferramentas educacionais e divertidas que seus alunos possam usar em seus celulares e tablets. Não hesite em visitar o site da Appizy para ver o que fizemos e baixar planilhas para colocar suas próprias ferramentas em funcionamento.
Neste exemplo, percorremos as principais etapas envolvidas no projeto e na integração de uma calculadora de empréstimos. No entanto, os apps não se limitam ao setor imobiliário. Você é um treinador de esportes? Crie um simulador de programa esportivo personalizado. É professor? Desenvolva ferramentas educacionais e divertidas que seus alunos possam usar em seus celulares e tablets. Não hesite em visitar o site da Appizy para ver o que fizemos e baixar planilhas para colocar suas próprias ferramentas em funcionamento.