39 Recibo de caja de pagos del estudiante curso Sistema de gestión escolarPHP y MySqlFullStack

Duración: 19 min
Módulo: 📄 CRUD de Pagos y Documentación Lección 4 de 4
Anterior
38 Borrar pagos del estudiante en el curso Sistema de gestión escolar(PHP y MySql)FullStack
Siguiente
40 Código fuente en REPOSITORIO DE GITHUB del curso Sistema de gestión escolar(PHP y MySql)FullStack

Descripción

🧾 Lección 39: Diseño del Recibo de Caja (Comprobante de Pago)

El objetivo de esta sesión es diseñar la vista comprobante_pago.php, combinando HTML y PHP para generar un recibo de pago listo para ser impreso, aprovechando al máximo el espacio de la hoja.

I. 🧱 Estructura y Recuperación de Datos

Antes de diseñar, la vista debe tener la información necesaria, la cual se obtiene al inicio del script:

  • Identificadores Clave: La vista ya recibe el ID_Pago y el ID_Estudiante a través de la URL.
  • Recolección de Datos: Se incluye un controlador para realizar una consulta que trae todos los datos del pago (mes, monto, fecha) y los datos completos del estudiante (nombres, C.I., nivel, curso) [04:06].
  • Diseño Base: Se utiliza una tabla <table> de HTML para estructurar el recibo, permitiendo un control preciso del posicionamiento del texto [07:36].

II. 🖋️ Elementos Clave del Recibo (Original)

El recibo se titula "Recibo de Caja" [01:00] y contiene los siguientes campos obligatorios, extraídos de la base de datos:

🏷️ Elemento🔍 Fuente de la Información
TítuloRecibo de Caja
NúmeroEl ID_Pago (Usado como número único de recibo) [02:22].
FechaLa fecha_pagado registrada en la base de datos [03:26].
EstudianteApellidos y Nombres completos del alumno [08:36].
C.I.Carnet de Identidad del estudiante [09:53].
Nivel/CursoNivel (Primaria), Turno (Mañana), Curso (Segundo) y Paralelo (A) [11:18].
Mes CanceladoEl mes_pagado que está cubriendo esta cuota [12:15].
Monto CanceladoLa cantidad de dinero, concatenada con la moneda (ej: Bs. 500) [12:46].
Firma/SelloEspacio para "Recibí Conforme" (estudiante/apoderado) y sello de la Caja [14:11].

III. 🔂 Optimización para Impresión (Duplicado)

Para ser eficientes en el uso del papel (tamaño carta), el diseño final incluye una optimización clave:

  1. División de la Página: Se utiliza una etiqueta <p> con saltos de línea para marcar aproximadamente la mitad de la página [16:15].
  2. Duplicado Completo: Todo el código HTML del primer recibo se copia y pega debajo de la línea divisoria [17:18].
  3. Identificación:
    • El primer recibo se etiqueta como "Original" (para el estudiante).
    • El segundo recibo se etiqueta como "Copia" (respaldo para la institución) [17:45].

Al imprimir la página, se obtienen dos recibos idénticos que solo se diferencian en la etiqueta "Original" o "Copia", listos para ser cortados y entregados [17:53].

🚀 Próximo Paso

  • La serie concluirá en el siguiente video con el cierre del proyecto y la compartición del código fuente completo en un repositorio de GitHub [18:36].
$20.00
Iniciar sesión para inscribirse

Lecciones

📄 Introducción y Plataforma
Lección 1. 01 Login en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack 110 min
🔑 Login, Roles y Usuarios
Lección 1. 02 Módulo ROLES en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack 155 min
Lección 2. 03 Módulo ROLES en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack PARTE 2 57 min
Lección 3. 04 Módulo USUARIOS en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack 85 min
Lección 4. 05 Módulo USUARIOS en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack parte 2 59 min
⚙️ Configuraciones Generales
Lección 1. 06 Módulo CONFIGURACIONES en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack 28 min
Lección 2. 07 CREATE configuraciones en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack 33 min
Lección 3. 08 CRUD completo de configuraciones curso de Sistema de gestión escolar con (PHP y MySql) FullStack 35 min
🗓️ Gestiones Educativas y Niveles
Lección 1. 09 Módulo de GESTIONES EDUCATIVAS curso de Sistema de gestión escolar con (PHP y MySql) FullStack 27 min
Lección 2. 10 CRUD completo de GESTIONES en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack 23 min
Lección 3. 11 CRUD completo de NIVELES Y TURNO curso de Sistema de gestión escolar con (PHP y MySql) FullStack 60 min
📐 Grados y Materias
Lección 1. 12 CÓDIGO FUENTE gratis del CURSO de Sistema de gestión escolar con (PHP y MySql) FullStack 7 min
Lección 2. 13 MÓDULO GRADOS Y PARALELOS en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack 30 min
Lección 3. 14 CRUD GRADOS Y PARALELOS en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack 31 min
Lección 4. 15 MÓDULO MATERIAS en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack 16 min
Lección 5. 16 Crud materias en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack 31 min
🗄️ Diseño de la Base de Datos
Lección 1. 17 Modelo entidad en ADMINISTRATIVOS curso de Sistema de gestión escolar con (PHP y MySql) FullStack 15 min
Lección 2. 18 Normalización de la base de datos curso de Sistema de gestión escolar con (PHP y MySql) FullStack 21 min
Lección 3. 19 Código fuente más la base de datos del curso de Sistema de gestión escolar(PHP y MySql) FullStack 9 min
🏢 Módulo Personal Administrativo (CRUD Complejo)
Lección 1. 20 Create en 3 tablas relacionadas en el curso de Sistema de gestión escolar(PHP y MySql) FullStack 45 min
Lección 2. 21 Datos del personal administrativo en el curso de Sistema de gestión escolar(PHP y MySql)FullStack 28 min
Lección 3. 22 Update en 3 tablas relacionadas en el curso de Sistema de gestión escolar(PHP y MySql)FullStack 30 min
👨‍🏫 Módulo Docentes
Lección 1. 23 Módulo docentes en el curso de Sistema de gestión escolar(PHP y MySql)FullStack 22 min
Lección 2. 24 Create docentes en el curso de Sistema de gestión escolar(PHP y MySql)FullStack 11 min
Lección 3. 25 Cargar datos de los docentes en el curso de Sistema de gestión escolar(PHP y MySql)FullStack 16 min
Lección 4. 26 Editar datos de los docentes en el curso de Sistema de gestión escolar(PHP y MySql)FullStack 21 min
👨‍👩‍👧‍👦 Modelo Estudiantes y Padres
Lección 1. 27 Modelo estudiantes y padres de familia curso de Sistema de gestión escolar(PHP y MySql)FullStack 17 min
Lección 2. 28 Formulario de inscripción de estudiante curso de Sistema de gestión escolar(PHP y MySql)FullStack 28 min
Lección 3. 29 Registro de inscripción de estudiante curso de Sistema de gestión escolar(PHP y MySql)FullStack 18 min
✏️ CRUD de Estudiantes
Lección 1. 30 Listado de estudiante en el curso de Sistema de gestión escolar(PHP y MySql)FullStack 15 min
Lección 2. 31 Traer datos del estudiante en el curso de Sistema de gestión escolar(PHP y MySql)FullStack 17 min
Lección 3. 32 Update estudiantes en el curso de Sistema de gestión escolar(PHP y MySql)FullStack 39 min
💳 Pagos y Librería TCPDF
Lección 1. 33 Módulo pagos, cuotas o mensualidades - curso de Sistema de gestión escolar(PHP y MySql)FullStack 18 min
Lección 2. 34 Instalación de TCPDF para generar reportes curso Sistema de gestión escolar(PHP y MySql)FullStack 15 min
Lección 3. 35 Generando el CONTRATO del estudiante en el curso Sistema de gestión escolar(PHP y MySql)FullStack 38 min
📄 CRUD de Pagos y Documentación
Lección 1. 36 Registro de pagos del estudiante en el curso Sistema de gestión escolar(PHP y MySql)FullStack 35 min
Lección 2. 37 Editar pagos del estudiante en el curso Sistema de gestión escolar(PHP y MySql)FullStack 18 min
Lección 3. 38 Borrar pagos del estudiante en el curso Sistema de gestión escolar(PHP y MySql)FullStack 11 min
Lección 4. 39 Recibo de caja de pagos del estudiante curso Sistema de gestión escolarPHP y MySqlFullStack 19 min
🔗 Asignación de Materias
Lección 1. 40 Código fuente en REPOSITORIO DE GITHUB del curso Sistema de gestión escolar(PHP y MySql)FullStack 13 min
Lección 2. 41 Módulo asignación de materias de docentes curso Sistema de gestión escolar(PHP y MySql)FullStack 24 min
Lección 3. 42 Listado de asignaciones de materias en el curso Sistema de gestión escolarPHP y MySqlFullStack 32 min
Lección 4. 43 Editar asignaciones de materias en el curso Sistema de gestión escolar(PHP y MySql)FullStack 25 min
Lección 5. 44 Eliminar asignaciones de materias en el curso Sistema de gestión escolar(PHP y MySql)FullStack 8 min
🚀 Calificaciones (Lógica y Carga de Notas)
Lección 1. 45 Módulo de calificaciones en el curso Sistema de gestión escolar(PHP y MySql)FullStack 31 min
Lección 2. 46 Cargado de notas en el curso Sistema de gestión escolar(PHP y MySql)FullStack 25 min
Lección 3. 47 Lectura de notas con JQUERY en el curso Sistema de gestión escolar(PHP y MySql)FullStack 20 min
Lección 4. 48 Envio de datos con AJAX JQUERY en el curso Sistema de gestión escolar(PHP y MySql)FullStack 28 min
Lección 5. 49 Cargando notas con AJAX JQUERY en el curso Sistema de gestión escolar(PHP y MySql)FullStack 32 min
Lección 6. 50 Como cargar las notas con AJAX JQUERY curso Sistema de gestión escolar(PHP y MySql)FullStack 10 min
📋 Creación del Módulo Kardex
Lección 1. 51 Respondiendo comentarios 😭😭😭 en el curso Sistema de gestión escolar(PHP y MySql)FullStack 12 min
Lección 2. 52 Creando el Módulo de KARDEX en el curso Sistema de Gestión escolar(PHP y MySql)FullStack 14 min
Lección 3. 53 Formulario de registro de kardex en el curso Sistema de Gestión escolar(PHP y MySql)FullStack 20 min
✏️ CRUD de Kardex
Lección 1. 54 Registro y lectura de reportes kardex en curso Sistema de Gestión escolar(PHP y MySql)FullStack 33 min
Lección 2. 55 Formulario para Editar reportes de kardex curso Sistema de Gestión escolar(PHP y MySql)FullStack 37 min
Lección 3. 56 CRUD - UPDATE reportes de kardex curso Sistema de Gestión escolar(PHP y MySql)FullStack 10 min
Lección 4. 57 CRUD - DELETE reportes de kardex curso Sistema de Gestión escolar(PHP y MySql)FullStack 9 min
👁️ Vistas Específicas del Usuario
Lección 1. 58 Vista para el estudiante en el curso Sistema de Gestión escolar(PHP y MySql)FullStack 25 min
Lección 2. 59 Vista para el docente en el curso Sistema de Gestión escolar(PHP y MySql)FullStack 18 min
Lección 3. 60 Vista reporte de kardex del estudiante en curso Sistema de Gestión escolar(PHP y MySql)FullStack 19 min
Lección 4. 61 Vista reporte de calificaiones del estudiante Sistema de Gestión escolar(PHP y MySql)FullStack 17 min
🛡️ Módulo de Permisos (Base)
Lección 1. 62 Módulo PERMISOS de los roles en el curso de Sistema de Gestión escolar(PHP y MySql)FullStack 14 min
Lección 2. 63 CRUD - CREATE en permisos en el curso de Sistema de Gestión escolar(PHP y MySql)FullStack 15 min
🤝 Asignación de Permisos
Lección 1. 64 CRUD - UPDATE Y DELETE en permisos en curso de Sistema de Gestión escolar(PHP y MySql)FullStack 19 min
Lección 2. 65 Asignacion de permisos a los roles en el curso de Sistema de GestiónEscolar(PHP y MySql)FullStack 19 min
Lección 3. 66 Asignacion de permisos con AJAX en el curso de Sistema de GestiónEscolar(PHP y MySql)FullStack 13 min
Lección 4. 67 Listar asignaciones de permisos en el curso de Sistema de Gestión Escolar(PHP y MySql)FullStack 16 min
Lección 5. 68 Cargra asignnaciones de los roles en el curso de Sistema de Gestión Escolar(PHP y MySql)FullStack 18 min
Lección 6. 69 Borrar asignaciones de permisos en el curso de Sistema de Gestión Escolar(PHP y MySql)FullStack 14 min
🚦 Autorización de Vistas
Lección 1. 70 Comprobar las rutas con los roles en el curso de Sistema de Gestión Escolar(PHP y MySql)FullStack 29 min
Lección 2. 71 Cargar el menu segun el rol del usuario curso de Sistema de Gestión Escolar(PHP y MySql)FullStack 20 min
Lección 3. 72 Autorizar páginas segun los roles y permisos del Sistema de Gestión Escolar(PHP y MySql)FullStack 16 min
Lección 4. 73 Vista general para todos los usuarios del Sistema de Gestión Escolar(PHP y MySql)FullStack 11 min
Lección 5. 74 Autorizar cada vista o página del Sistema de Gestión Escolar(PHP y MySql)FullStack 17 min
Lección 6. 75 Commit en el repositorio de GITHUB del Sistema de Gestión Escolar(PHP y MySql)FullStack 17 min
📤 Importación Masiva y Gráficos
Lección 1. 76 Importar estudiantes por lote del Sistema de Gestión Escolar(PHP y MySql)FullStack 22 min
Lección 2. 77 Cargar datos masivos a la base de datos del Sistema de Gestión Escolar(PHP y MySql)FullStack 20 min
Lección 3. 78 Instalar y utilizar CHART.JS para reportes del Sistema de Gestión Escolar(PHP y MySql)FullStack 16 min
Lección 4. 79 Reporte de estudiantes por grados del Sistema de Gestión Escolar(PHP y MySql)FullStack 19 min
Lección 5. 80 Reportes de estudiantes inscritos por mes del Sistema de Gestión Escolar(PHP y MySql)FullStack 15 min
Lección 6. 81 Reporte en circular con jQuery Knob del Sistema de Gestión Escolar(PHP y MySql)FullStack 14 min
🏁 Ajustes Finales y Conclusión
Lección 1. 82 El Mejor chiste se lleva todo el código fuente y la base de datos del Sistema de Gestión Escolar 4 min
Lección 2. 83 Últimos ajustes de eliminar registros Sistema de Gestión Escolar(PHP y MySql)FullStack 31 min
Lección 3. 84 Últimos ajustes de eliminar registros Sistema de Gestión Escolar(PHP y MySql)FullStack parte 2 23 min
Lección 4. 85 Fin del curso de Sistema de Gestión Escolar con (PHP y MySql) FullStack 13 min
Lección 5. Ganadores del mejor chiste se llevan un SISTEMA DE GESTIÓN ESCOLAR COMPLETO 12 min

Apoya este proyecto

Si te gusta nuestro contenido, ¡apóyanos con una donación!

Donar por Airtm Donar por Binance

¡Gracias por tu apoyo! ❤️

Volver al curso