--- title: "Adicione uma calculadora ao seu app móvel" description: "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âm" canonical_url: "https://pt.goodbarber.com/blog/adicione-uma-calculadora-ao-seu-app-movel-a1146/" lang: pt date: 2024-03-08 last_updated: 2024-03-08 --- # Adicione uma calculadora ao seu app móvel [Voltar](/blog/make-it-r19/) # Adicione uma calculadora ao seu app móvel Escrito por Brenda Wokoma na Sexta-Feira 8 Março 2024 ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/78477314-56953082.jpg?v=1708443285.294566) 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](https://pt.goodbarber.com/extensions/bmi-calculator/) e um [conversor de moeda](https://pt.goodbarber.com/extensions/currency-converter/) . Para aqueles que desejam ir além, sugerimos que (re)descubram o [Appizy](https://www.appizy.com/?utm_source=goodbarber.com&utm_medium=referral), 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](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/78477314-56953110.jpg?v=1708443417.170089 "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](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/78477314-56953129.jpg?v=1708443481.0697246 "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](https://pt.goodbarber.com/blog/convertir-un-fichier-excel-en-app-mobile-a962/) 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](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/78477314-56953165.jpg?v=1708443622.949256 "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. [appizy_demo-ezgif.com-crop-video](https://player.vimeo.com/video/914769217?badge=0&autopause=0&player_id=0&app_id=58479) ## Integração com a GoodBarber ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/78477314-56953216.jpg?v=1708443790.1507394) Para integrar a calculadora em um app GoodBarber, escolhemos uma [seção de Custom Code](https://pt.goodbarber.com/extensions/custom-code-menu/) 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](https://www.appizy.com/?utm_source=goodbarber.com&utm_medium=referral) para ver o que fizemos e baixar planilhas para colocar suas próprias ferramentas em funcionamento.