productos

Aplicación web para administrar presupuesto / gastos [Glide]

Aplicación web para administración de presupuesto y gastos mensuales sin utilizar código para implementación.

  • Herramientas utilizadas: Glideapps.com & Google Sheets
  • Tiempo de construcción: 6 horas
  • Licencia: Este archivo se ha construido como un recurso de referencia y educacional y no debe ser utilizado como asesoramiento legal, financiero u operativo. La aplicación puede ser copiada y reutilizada siguiendo los términos de servicio de Glideapps.com.
  • Descargar: Presupuesto App v0.0.1
  • Descripción:  Aplicación web para administración de presupuesto y gastos mensuales sin utilizar código para implementación. La aplicación web permite: Agregar presupuesto, mensual, validar gastos hasta la fecha, agregar gastos a medida suceden, agrupar gastos por categorías y tener un historial de gastos. De acuerdo a la forma de utilización de Glideapps.com, la información se encuentra almacenada de forma privada en una hoja de cálculo en el Google Drive del usuario
  • Utilización: La idea detrás de esta aplicación web es que cualquier persona pueda copiarla, utilizarla y almacenar la información de forma privada

Este proyecto es parte de un repositorio Open Source. Puedes ver el listado resto de proyectos  aquí . Puedes ver el  repositorio oficial y documentación en Github .

Casos de uso

Actualmente existen muchas aplicaciones para administrar presupuestos y gastos. Con tantos problemas de privacidad de información y empresas compartiendo información sensible para generar ingresos a costa de sus usuarios, esta aplicación web permite almacenar toda la data en una hoja de cálculo en Google Docs personal.

Construcción

  • Creación de proyecto y enlace con hoja de cálculo en Google Drive
  • Diagramar lógicamente en papel las pantallas, inputs, relaciones y cálculos necesarios para ingresar la información, procesarla y mostrar el resultado
  • Creación de pestaña Transacciones donde se almacenarán todos los gastos en forma de historial. A partir de esta pestaña se generan los filtros y cálculos del resto de pestañas
  • Construcción del layout de la aplicación web
  • Selección y construcción de los componentes de cada pantalla a partir de los diagramas lógicos previos
  • Permitir el ingreso de información de “Categorías” para que el usuario les utilice a su discreción y no basados en una lista arbitraria
  • Permitir el ingreso de información de gastos en base a campos establecidos como inputs
  • Realizar pruebas para filtro de distintos meses y distintos cálculos en la pantalla "Inicio
  • Publicación de la aplicación web para poder realizar copias y utilizarla como propia

Funcionamiento

La aplicación web permite ingresar/modificar el nombre, un monto de presupuesto mensual y crear/administrar categorías en la sección settings. En la sección inicio se muestra un resumen de la información hasta la fecha: 💰Gasto mensual y 🤑Saldo del mes.

El botón “agregar transacción” permite agregar transacciones utilizando información como fecha, tipo, monto, lugar y notas. Esta información será utilizada para desplegar los gastos agrupados por fecha.

La sección resumen muestra el porcentaje de gastos de cada categoría para el mes en curso tanto en forma de lista como en forma gráfica. La sección historial muestra un listado de todos los gastos registrados agrupados por día.

Beneficios

  • Administrar un presupuesto mensual
  • Validar gastos realizados hasta la fecha y controlar futuros gastos
  • Agrupar gastos por categorías para evaluar la mayor fuente de egresos
  • Consultar historial de gastos para comparar y verificar irregularidades en estados de cuentas
  • Privacidad: Almacenamiento de toda la data en una hoja de cálculo en Google Docs personal
  • Trabajar la información directamente en la hoja de cálculo para analizarla y procesarla fuera de la aplicación web: generar nuevos gráficos, modificar la información, evaluar mayores fuentes de egresos, redefinir prioridades de gastos, etc.

Descarga y Uso

Puedes visualizar y copiar la aplicación web aquí. Los pasos para utilizar la aplicación web con información propia:

  1. Agregar el app a tu cuenta de Glide haciendo click en el botón “Copy this App”. Si no tienes un cuenta, se te pedirá que ingreses a Glide utilizando una cuenta de Google.
  2. Puedes editar el app seleccionando “Presupuesto App v0.0.1” en tu librería de Glide
  3. En la librería de Glide, crea un URL personal para el app seleccionando la sección “Share App” en el menu de la izquierda y luego “Publish app” en la sección derecha. Este URL es el que utilizarás en el futuro para agregar la aplicación a la pantalla de inicio de tu celular
  4. Para mantener tu versión del app e información privada tienes que seleccionar “Settings” en el menu de la izquierda en la librería de Glide, hacer click en “Privacy”, seleccionar “Sign-in with a password” e ingresar un password. Este password se solicitará para ingresar a la aplicación web.
  5. Ingresa a tu versión de la aplicación web desde el navegador de tu celular y agrega el sitio web a la pantalla de inicio

Cualquier duda o comentario sobre algún error en las fórmulas o con el funcionamiento del app puedes escribirme vía twitter a   @oscaroarevalo  . Si quieres más información sobre el app o sobre la implementación puedes escribirme a oscar@oscaroarevalo.com.