Voltar

Adicione uma calculadora ao seu app móvel

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.

História do projeto Appizy

A primeira ferramenta de baixo código do mundo tem mais de 40 anos

A primeira ferramenta de baixo código do mundo tem mais de 40 anos

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.

Design de computador

Primeira versão em planilha da nossa calculadora de hipoteca

Primeira versão em planilha da nossa calculadora de hipoteca

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.
Um resultado fiel, mas não é realmente adequado para uso em dispositivos móveis

Um resultado fiel, mas não é realmente adequado para uso em dispositivos móveis

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.

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:
  • 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.
Tudo o que resta é salvar o código e abrir a visualização. E é isso!

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.