¡El Cyber Monday ya está aquí! ¡Crea una aplicación y disfruta de un 50% de descuento ahora!
Atrás

Añade una calculadora a tu aplicación móvil

el 

Para los diseñadores que buscan mejorar sus aplicaciones, una calculadora es la solución elegida. Os permite mantener la atención de los usuarios con contenidos dinámicos y personalizados.

La tienda de extensiones GoodBarber ya ofrece varias herramientas, como una calculadora del índice de masa corporal y un conversor de divisas . Para los que quieran ir más lejos, os proponemos (re)descubrir Appizy, una solución para transformar una hoja Excel en potentes calculadoras para tus aplicaciones móviles.

Historia del proyecto Appizy

La primera herramienta de bajo código del mundo cumple 40 años

La primera herramienta de bajo código del mundo cumple 40 años

Las herramientas de bajo código y sin código se han disparado en los últimos años. Pero nos olvidamos de que la herramienta de diseño más intuitiva y de código reducido del mundo existe desde mediados de los ochenta: Excel. Es imposible contar la diversidad y los usos de las hojas de cálculo. Están por todas partes en nuestras empresas, organizaciones y asociaciones.

Appizy considera a los usuarios de Excel como avezados diseñadores de software empresarial. Su objetivo es tender un puente entre la ofimática y la web. Al añadir GoodBarber a la ecuación, hemos dado un nuevo paso creando un puente entre la ofimática y las aplicaciones móviles nativas.

Diseño informático

Primera versión en hoja de cálculo de nuestra calculadora hipotecaria

Primera versión en hoja de cálculo de nuestra calculadora hipotecaria

Ya presentamos la solución Appizy en el blog de GoodBarber en 2020. Volvemos de nuevo este año, ya que hay nuevas funcionalidades disponibles. Vamos a presentártelas a través de la creación de una calculadora de préstamos hipotecarios.

Primer diseño
Inicialmente, diseñamos la herramienta en 2 partes. Por un lado, los datos de entrada: coste de adquisición, tipo de interés, etc. Por otro, la cuota mensual y los detalles del préstamo.
Un resultado fiel, pero no muy adecuado para el uso móvil

Un resultado fiel, pero no muy adecuado para el uso móvil

Una vez convertida en aplicación por Appizy, las celdas de la izquierda pueden editarse y las de la derecha se actualizan sobre la marcha. Sin embargo, está claro que la interfaz resultante funciona en una pantalla grande, pero no en un móvil, con desplazamiento vertical.
Optimización móvil
Appizy ofrece un editor de diseño - Layout Builder - que trata cada pestaña de nuestra hoja de cálculo básica como una sección independiente. Así, es posible organizar las pestañas en diferentes columnas cuya visualización se adapta al tamaño de la aplicación.

Empezamos separando el contenido de nuestra aplicación en 3 pestañas (o 3 secciones): una para la entrada de datos, una segunda para el resumen y una tercera para los detalles del cálculo. A continuación, con el Layout Builder, creamos un diseño de 2 columnas: la pestaña de entrada a la izquierda, las otras dos pestañas a la derecha. El resultado se adapta a todos los formatos de pantalla.

Integración en GoodBarber

Para integrar la calculadora en una aplicación GoodBarber, elegimos una sección de Custom Code  en la Tienda de Extensiones. Esta extensión proporciona acceso a un editor de texto dedicado, especialmente diseñado para añadir código.

Una vez instalada la extensión, tenemos dos opciones para insertar la calculadora:
  • En modo embed, que es rápido y sencillo: recuperamos el enlace a la aplicación alojado en Appizy y lo insertamos en el editor.
  • Con el código: descargamos el código de la aplicación y lo volvemos a cargar en el editor. La calculadora funciona entonces independientemente de un servidor, en modo offline.
Sólo queda guardar el código y abrir la vista previa. Y ya está.

En conclusión

Con Appizy, añadir una calculadora a tu aplicación GoodBarber se convierte en algo extremadamente sencillo. Una vez que sabes cómo crear la herramienta en una hoja de cálculo, está a sólo unos clics de tu aplicación móvil.

En este ejemplo, hemos repasado los principales pasos para diseñar e integrar una calculadora de préstamos. Sin embargo, las aplicaciones no se limitan al sector inmobiliario.
¿Eres entrenador deportivo? Crea un simulador de programa deportivo personalizado.
¿Profesor? Desarrolla herramientas educativas y divertidas que tus alumnos puedan utilizar en sus móviles y tabletas. No dudes en visitar el sitio web de Appizy para ver lo que hemos hecho y descargarte hojas de cálculo para poner en marcha tus propias herramientas.