eCommerce
Membresía
Cursos online
Reserva online
Guia de viaje
Eventos
Comunicación con los empleados
Creadores de contenido
Entrega local y Recogida en tienda
Periódico
Radio
Escuelas y Universidades
Fe
Organizaciones
Restaurante
Tienda de comestibles
Construye tu propia
APP BUILDER SIN CÓDIGO
TECNOLOGÍA
¿POR QUÉ GOODBARBER?
Diseño
RECURSOS DE PRODUCTOS
TEMAS
RESELLERS DE APLICACIONES MÓVILES
DESCUBRIRAñade una calculadora a tu aplicación móvil
Escrito por Brenda Wokoma 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.
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
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.
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
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.
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
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.
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:
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.
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.
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.