Your cart is empty.
Keep shopping
Teach on Udemy
Turn what you know into an opportunity and reach millions around the world.
Learn MoreCrear un sistema de control de gastos con PHP+MySQL
Rating: 4.4 out of 54.4(57 ratings)
4,927 students
Crear un sistema de control de gastos con PHP+MySQL
Crea un sistema de "flujo de efectivo" para controlar tus ingresos y egresos
Created byFrancisco Javier Arce Anguiano
Last updated 4/2023
Spanish
What you'll learn
- Crear una aplicación para el control del flujo de efectivo o cashflow con PHP7 y MySQL
Explore related topics
Course content
11 sections • 87 lectures • 14h 44m total length
- Bienvenida al curso Crear un sistema de control de gastos con PHP7 y MySQL4:57
Una parte fundamental en el desarrollo web es poder juntar varias herramientas en un sólo proyecto. La intención de este proyecto es reunir Bootstrap 4, la librería Google Chart, AYAX, la librería HTML2PDF con PHP7 y MySQL para crear una aplicación que genere reportes dinámicos en Formato PDF. La intención es crear un sistema de control de ingresos y egresos para controlar el efectivo de tu cartera.
Este curso está enfocado para los desarrolladores web con conocimientos de PHP y MySQL. También utilizaremos Boostrap 4 para generar el formato de las páginas, utilizaremos la librería Google Chart para generar gráficas, la librería HTML2PDF para crear en forma dinámica tomando los datos de una base de datos MySQL y conectaremos dos combos en forma dinámica por medio de AJAX.
Los objetivos particulares de este curso son:
Crear la base de datos y un proceso completo de altas, bajas y cambios (ABC o CRUD) de la tabla libros.
Aprender a paginar una consulta de una tabla grande.
Crear las otras páginas para las Altas, Bajas y Cambios o CRUD.
Manejar la librería HTML2PDF para generar documentos PDF dinámicamente.
Manejar la librería Google Chart.
Para tomar este curso debes tener conocimientos generales de desarrollo Web con PHP y MySQL. Es deseable tener conocimientos de Bootstrap 4, pero no es indispensable. Debes tener conocimientos en el manejo de un editor de código como Aptana, Brackets, SublimeText o Atom.
- Antes de empezar7:23
Una parte fundamental en el desarrollo web es poder juntar varias herramientas en un sólo proyecto. La intención de este proyecto es reunir Bootstrap, la librería Google Chart, AYAX y MySQL para crear una aplicación que genere reportes dinámicos en Formato PDF. La intención es crear un sistema de control de ingresos y egresos para controlar el efectivo de tu cartera.
Este curso está enfocado para los desarrolladores web con conocimientos de PHP y MySQL. También utilizaremos Boostrap para generar el formato de las páginas, utilizaremos la librería Google Chart para generar gráficas en forma dinámica tomando los datos de una base de datos MySQL y conectaremos dos combos en forma dinámica por medio de AJAX.
- Plugins de SublimeText para PHP (opcional)6:34
Entrar a packagecontrol.io
Abrir la consola (view > show console).
Copiar el código en la consola y ejecutarlo.
Cerrar y abrir sublime text.
[Ctrl]-[shift]-[p] o tools > command palette
Escribimos
Install packages > sublime lint > detecta problemas de sintaxis.
Install packages > phpcs
- Documentar con el estándar PHPDoc5:24
PHPDocs es una adaptación de JavaDocs para documentar la programación en PHP.
- La base de datos11:15
En este video crearemos la base de datos para la aplicación.
- La clase dbMySQL para conectarse a la base de datos16:02
Crearemos la clase para conectarse con la base de datos.
- Instalar Bootstrap8:24
Crearemos el formato con Bootstrap 4 con un grid de tres columnas.
- Crear la pantalla para ingresar al sistema o login8:54
Crearemos el formulario para el ingreso al sistema o login
- Crear la clase de Usuarios16:57
Crearemos una clase que permita controlar la tabla de Usuarios y de momento nos permita el acceso al sistema por medio de la pantalla login.
- Crear la clase Sesión16:48
Por medio de esta clase administraremos la creación y destrucción de las sesiones del proyecto.
- Crear una zona de mensajes con Bootstrap y PHP12:51
En este video crearemos una zona de mensajes y lo empaquetaremos en una pequeña librería para ser utilizado en diferentes programas.
- Crear la barra de navegación o menú del sistema10:17
Una parte fundamental de cualquier sistema es tener un menú o barra de navegación sencilla.
- Despliega la información del usuario en una tabla15:08
Dentro de un programa tipo CRUD primero extraeremos los registros de una tabla y los desplegaremos en una tabla HTML.
- Crear las zonas condicionales dentro del programa como parte del CRUD9:28
Para crear nuestro programa CRUD necesitamos generar zonas dentro del programa que se desplieguen dependiendo del parámetro o "modo".
- Crear zonas condicionales, segunda parte7:55
Para crear nuestro programa CRUD necesitamos generar zonas dentro del programa que se desplieguen dependiendo del parámetro o "modo".
- Validación y modificación de la clave de acceso12:47
Una vez terminado el formulario de ingreso o login, debemos de validar ambas clave de acceso antes de modificarla en la base de datos.
- Encriptar la clave de acceso8:34
Por medio de PHP encriptaremos la clave de acceso, de tal manera que ni viendo la base datos podamos entender la misma.
- Controlar los botones con JavaScript7:01
Por medio de JavaScript programaremos los botones restantes para retroceder.
- Crear un programa para salir de la sesión o logout4:16
En esta clase veremos como salir de la sesión y regresar a la página de "login".
- Introducción a las categorías y su tabla en la base de datos7:51
En esta clase iniciaremos a crear el archivo de ABC para la tabla de categorías.
- Iniciar el programa de categorías y su clase11:50
En esta clase iniciaremos el proceso de consulta y construiremos la clase "Categorias.php"
- Crear las categorías básicas del usuario en forma automática11:27
En esta clase crearemos automáticamente las cuentas básicas del usuario.
- Desplegar las categorías del usuario9:00
En esta clase crearemos la tabla HTML para desplegar la información de la tabla de la base de datos.
- Crear la zona condicional para dar de alta una categoría7:47
En esta clase iniciaremos el proceso para dar de alta una categoría creando un formulario en HTML.
- Crear el formulario para la categoría14:07
En esta clase crearemos el formulario para dar de alta una categoría en la base de datos.
- Validar e insertar la categoría en la base de datos15:48
En esta clase validaremos la información proveniente del formulario e insertaremos el registro en la tabla de la base de datos.
- Modificar una categoría10:30
En esta clase iniciaremos con el proceso de modificación o cambio de una categoría de la tabla de la base de datos.
- Modificar una categoria en la base de datos15:52
En esta clase utilizaremos la instrucción UPDATE de SQL para modificar la información de la base de datos.
- Pantalla de advertencia antes de borrar un registro11:14
En esta clase crearemos una pantalla de advertencia antes de borrar un registro en la base de datos.
- Borrar un registro de la base de datos7:58
En esta clase borraremos definitivamente una categoría por medio de la instrucción DELETE.
- Afinar las categorías8:23
En esta clase realizaremos algunos detalles de la tabla HTML y programaremos los botones faltantes.
- Las variables principales para la paginación de una consulta a la base de datos14:15
En esta clase iniciaremos calculando las variables necesarias para la paginación de nuestra consulta a la base de datos.
- Crear los botones básicos de la paginación12:23
En esta clase iniciaremos la creación de los botones básicos o numéricos de nuestra consulta a la base de datos.
- Crear los botones de inicio y anterior12:08
En esta clase crearemos los botones de inicio y anterior cuando tenemos más páginas a desplegar.
- Crear los botones de final y siguiente10:46
En esta clase crearemos los botones de final y siguiente cuando tenemos muchas páginas a desplegar.
- Crear la clase de Cuentas12:34
En esta clase tomaremos como base los archivos de las categorías y crearemos la base para crear las cuentas del sistema.
- Crear el proceso de altas para la tabla de Cuentas12:23
En esta clase iniciaremos el proceso de alta de las cuentas.
- Crear el proceso de Bajas y Cambios para la tabla de Cuentas9:10
En esta clase afinaremos los procesos de modificación (UPDATE) y de baja (DELETE) de una clase.
- Crear el reporte de presupuesto15:35
En esta clase crearemos la base de nuestro primer reporte: presupuestos, tomados los datos de la tabla de categoría.
- Crear la clase de Movimientos8:09
En esta video escribiremos el archivo de clase para los Movimientos del sistema de Cashflow.
- Crear la tabla HTML y formulario para los movimientos10:29
En esta clase escribiremos el formulario HTML y la tabla para desplegar los datos de la tabla de movimientos.
- Crear los combo-box del formulario de alta de los movimientos9:50
En esta clase leeremos las categorías de la tabla y las desplegaremos como un combo-box en forma dinámica.
- Crear la rutina con AJAX para sincronizar el combo-box de categorías9:42
En esta clase crearemos la rutina para llamar controlar el proceso AJAX.
- Crear el archivo PHP para crear el archivo XML y actualizar el combo-box9:22
En esta clase crearemos un archivo PHP que leerá la base de datos y generará un archivo XML.
- Analizar el archivo XML con JavaScript y crear el combo-box de categorías12:38
En esta clase escribiremos la rutina para leer el archivo XML y crear dinámicamente el segundo combo-box.
- Crear las funciones de validación de fechas, cadenas, enteros o email14:03
En esta clase crearemos las funciones para validar fechas, enteros, decimales, correos electrónicos y cadenas.
- Validar los datos que lleguen del formulario de movimientos12:38
En esta clase validaremos los datos del formulario, utilizando las funciones de la clase anterior.
- Insertar los datos del movimiento en la base de datos8:28
En esta clase escribiremos la función para insertar el registro en la tabla de movimientos.
- Armar las llaves de las cuentas y categorías para los movimientos12:32
En esta clase armaremos las claves de las tablas Categorías y Cuentas.
- Incluir los movimientos en el reporte de los movimientos7:57
En esta clase crearemos nuestro primer reporte de presupuesto.
- Actualizar los saldos de las cuentas después del movimiento13:35
En esta clase actualizaremos los saldos y abonos de las cuentas para generar los saldos de la misma.
- Crear el formulario para los traspasos11:35
En esta primera clase crearemos el formulario y la tabla para desplegar los traspasos entre cuentas.
- Manejo de las cuentas de origen y destino en el traspaso10:44
En esta clase crearemos los combo box para manejar la cuenta de origen y la cuenta de destino,
- Verificar los saldos de las cuentas antes del traspaso8:45
En este video veremos los saldos de las cuentas antes de hacer los traspasos.
- Crear la tabla para desplegar la información de los traspasos7:20
En esta clase modificaremos la tabla para desplegar los traspasos con el nombre de cada cuenta de origen y destino.
- Insertar en la tabla de la base de datos la transacción11:07
En esta clase procederemos a insertar los movimientos y el registro de los traspasos.
- Desplegar los datos del traspaso en la tabla9:26
En esta clase leeremos los campos de los traspasos y los desplegaremos en la tabla inicial.
- Crear el formulario y la tabla para desplegar las cuentas por cobrar10:01
En esta clase crearemos el formulario la tabla para desplegar las cuentas por cobrar
- Dar de alta una cuenta por cobrar en la base de datos11:49
En esta clase daremos de alta una cuenta por cobrar en la tabla de la base de datos.
- Mostrar las cuentas por cobrar y crear los botones de pago y cancelación6:55
En esta clase desplegaremos los registros de las cuentas por cobrar y los botones de "pagos" y "cancelación".
- Escribir las rutinas de cancelación de una cuenta por cobrar8:39
En esta clase escribiremos las rutinas para la cancelación de una cuenta por cobrar.
- Escribir el formulario para las cuentas por cobrar14:47
- Añadir el pago en la base de datos de una cuanta por cobrar10:44
En este video realizaremos las rutinas para insertar en la tabla los movimientos de cuentas por cobrar y su cargo en la cuenta de efectivo.
- Añadir el movimiento y actualizar los saldos en las cuentas10:31
Añadir el movimiento y actualizar los movimientos.
- Modificar la pantalla de las cuentas para calcular los saldos finales4:35
Haremos un proceso para calcular el saldo final y modificaremos la pantalla de las cuentas.
- Crear una cuenta de crédito y probarlo en el sistema7:40
En este video crearemos una cuenta de crédito y la revisaremos en los diferentes procesos de nuestro sistema.
- Crear el resumen de las cuentas y las cuentas por cobrar12:20
En este video crearemos la pantalla de resumen de las cuentas de gastos y las cuentas por cobrar.
- La integridad referencial para las categorías12:47
Revisaremos la integridad referencial de las categorías.
- La integridad referencial para las cuentas7:22
La integridad referencial para las cuentas.
- La integridad referencial para las cuentas por cobrar12:03
- La integridad referencial para los movimientos14:09
Verificaremos la integridad referencial de los movimientos del sistema de cashflow.
- La actualización de los saldos9:05
La actualización de los saldos.
- Introducción a Google Chart para graficar los datos2:00
Veremos una pequeña introducción a Google Charts antes de crear nuestra gráfica.
- Principios generales de Google Chart5:32
Cargar la librería
Preparar la información
Personalización de la gráfica
Dibujar la gráfica
- Crear la gráfica del presupuesto10:46
Crearemos una gráfica de pay para visualizar nuestro presupuesto.
- Crear los datos para la gráfica de gastos15:13
Crearemos los programas para extraer los datos para graficar el porcentaje ejercido del presupuesto.
- Crear la gráfica del presupuesto y lo ejercido11:35
Una vez con los datos, procedemos a graficar el mismo por medio de la gráfica de Gauge.
- Crear la gráfica de las cuentas18:19
Crearemos una gráfica de barras para graficar los cargos en las cuentas.
- Seleccionar un color en una página web con ColorZilla3:08
ColorZilla es una herramienta que nos permita detectar un color de un elemento de una página web.
- Herramientas para seleccionar colores armonizados10:21
Páginas para descargar fuentes e íconos
- Páginas para descargar fuentes e íconos6:59
Páginas para descargar fuentes e íconos
- Crear gradientes de forma sencilla por medio de dos herramientas10:14
Crear gradientes de forma sencilla por medio de dos herramientas
- Herramientas para las Cajas flexibles8:20
Herramientas para las Cajas flexibles
- Herramientas para objetos SVG y Curvas Bezier Cuadráticas8:04
Herramientas para objetos SVG y Curvas Bezier Cuadráticas
- Herramienta para diseños display: grid;7:51
Herramienta para diseños display: grid;
Requirements
- Conocimientos generales de desarrollo web
- Conocimientos de desarrollo con PHP y MySQL
- Conocimientos opcionales de Bootstrap
Description
Una parte fundamental en el desarrollo web es poder juntar varias herramientas en un sólo proyecto. La intención de este proyecto es reunir Bootstrap, la librería Google Chart, AYAX y MySQL para crear una aplicación que genere reportes dinámicos en Formato PDF. La intención es crear un sistema de control de ingresos y egresos para controlar el efectivo de tu cartera.
Este curso está enfocado para los desarrolladores web con conocimientos de PHP y MySQL. También utilizaremos Boostrap para generar el formato de las páginas, utilizaremos la librería Google Chart para generar gráficas en forma dinámica tomando los datos de una base de datos MySQL y conectaremos dos combos en forma dinámica por medio de AJAX.
Los objetivos particulares de este curso son:
Crear la base de datos y un proceso completo de altas, bajas y cambios (ABC o CRUD) de la tabla libros.
Aprender a paginar una consulta de una tabla grande.
Crear las otras páginas para las Altas, Bajas y Cambios o CRUD.
Manejar la librería Google Chart.
Para tomar este curso debes tener conocimientos generales de desarrollo Web con PHP y MySQL. Es deseable tener conocimientos de Bootstrap, pero no es indispensable. Debes tener conocimientos en el manejo de un editor de código como Aptana, Brackets, SublimeText o Atom.
Who this course is for:
- Desarrolladores web con conocimientos generales de PHP y MySQL