FECSAJR Digital

Portal de Recibo y Embarques · Vista del sistema

PHP 8.2 · MySQL · Hostinger VPS · PWA

Vistas del sistema

Así se ve en tu Samsung Galaxy A16 — mobile first, estilo Apple

Login
▢ FECSA

Portal Digital de Recibo y Embarques

USUARIO
admin
CONTRASEÑA
••••••••
Ingresar

FECSAJR · Fábrica de Empaques Corrugados JR

Dashboard
▢ FECSA Digital
Admin · Salir
📊
Dashboard
12 de junio 2026
Hoy
7
Registros
Este mes
143
Registros
Último folio
REC-260612-0007
Total
1,247
Acciones rápidas
+ Nuevo Recibo / Embarque
📦 Nueva Orden de Salida
📋 Consultar Registros
Últimos registros
REC-260612-0007
Luis Mendez
19A19U · 11/06/26
Completado
OSAL-260612-0003
Fernando González
RB-4275-B · 11/06/26
Pendiente
REC-260611-0012
Santos Columna
46AF9D · 11/06/26
En proceso
Nuevo recibo
▢ FECSA Digital
← Dashboard
📋
Nuevo Recibo
REC-260612-0008
🚗 Datos del Vehículo
Hora llegada
09:33
Hora salida
--:--
Nombre del Chofer *
Luis Mendez
Placas *
19A19U
No. Caja
5317
Línea
COUGA
Teléfono
8130919606
✍ Firmas Digitales
Firma del Chofer
✓ capturada
Limpiar
✓ Guardar Registro
Formato OSAL imprimible
▢ FECSA Digital
← Lista
▢ FECSA
FÁBRICA DE EMPAQUES CORRUGADOS JR
ORDEN DE SALIDA
Serie: OSAL
9701
Camión: NISSAN Fecha: 11/Jun/2026
Cantidad No.Caja Producto Cliente Rem/Fac
292.000 825-01 CAJA 47X47X52 INDIMEX 97-e1
TARIMAS
Enviadas: 2.000000
EMPLAYE
Enviadas: 0.000000
Quien Elaboro
Rev. FACT/Remision
Rev. Embarque 1
Rev. Embarque 2
Chofer
RB-4275-B · Fernando
Vigilancia
Salió Hr: 17:55
Entró Hr: ____
Folio: OSAL-260611-0003 Hoja 1
🖨 Imprimir / PDF
✏ Editar
Gestión de usuarios
▢ FECSA Digital
← Inicio
👤
Gestión de Usuarios
4 usuarios registrados
+ Nuevo Usuario
+ Nuevo
Nombre completo *
Ej. Carlos García
Usuario *
carlosg
Rol
Vigilancia ▾
Usuarios del sistema
A
Administrador FECSAJR
@admin
ADMIN
✏
E
Embarques
@embarques
EMBARQUES
✏
🚫
V
Vigilancia
@vigilancia
VIGILANCIA
✏
🚫
C
Consulta · Inactivo
@consulta
CONSULTA
✓

Arquitectura Back-end

Capas del sistema en el VPS Hostinger · Ubuntu 22.04

Arquitectura backend FECSAJR Digital Diagrama de capas: Navegador, Servidor Apache/PHP, Capa de App, MySQL y WhatsApp API CAPA CLIENTE Samsung Galaxy A16 Navegador / PWA HTTPS + SSL/TLS POST/GET SERVIDOR · HOSTINGER VPS · UBUNTU 22.04 Apache 2.4 mod_rewrite PHP 8.2 mod_php / FPM .htaccess Seguridad + rutas Let's Encrypt SSL automático CAPA APLICACIÓN · /app config.php BD, zona horaria entorno, rutas auth.php Login, sesión roles, CSRF db.php PDO singleton prepared stmts whatsapp.php Meta Cloud API Twilio fallback /public/*.php login, dashboard nuevo, registros print_osal, CSV BASE DE DATOS · MYSQL / MARIADB users id, nombre, rol password hash embarques folio, chofer, placas, firmas cliente, producto, estado audit_log usuario, acción, ip fecha, tabla, registro SERVICIOS EXTERNOS WhatsApp Business Meta Cloud API Backups cron mysqldump diario UFW Firewall SSH + HTTPS only

Flujo completo del dato

Desde que el vigilante toca "Guardar" hasta que el supervisor recibe el WhatsApp

Flujo del dato FECSAJR Desde el formulario en el celular hasta la notificación WhatsApp y el audit log USUARIO PHP APP BASE DE DATOS 1. Abre formulario GET /nuevo.php?tipo=recibo 2. auth_check() Verifica sesión + rol Genera CSRF token 3. Renderiza HTML Formulario + canvas firmas 4. Captura datos Llena form + firma touch 5. POST Guardar firma_chofer=base64PNG 6. csrf_verify() Valida token CSRF Sanitiza + valida campos 7. folio_nuevo() REC-260612-0008 Cuenta hoy + secuencial 8. db_exec() PDO INSERT prepared stmt Sin SQL injection 9. tabla embarques INSERT fila nueva id, folio, firmas b64 10. audit_log crear_embarque · IP 11. wa_notificar() Meta Cloud API · cURL 12. redirect() /detalle.php?id=folio 13. Ve el detalle Folio + firmas + estado 14. Imprime OSAL print_osal.php → PDF ✓ Supervisor recibe WhatsApp con folio ⏱ Tiempo total del proceso: < 500ms · Firma digital incluida

Botones del panel de control

Haz clic en cada botón para ver qué hace internamente el sistema

+ Nuevo Recibo / Embarque
Abre el formulario para capturar una entrada de proveedor al almacén.
Admin Vigilancia Embarques
Nueva Orden de Salida (OSAL)
Genera una OSAL digital equivalente al formato físico de las fotos.
Admin Embarques
Consultar Registros
Muestra la lista con filtros por folio, chofer, placas, fecha y estado.
Admin Vigilancia Embarques Consulta
Exportar CSV
Descarga todos los registros filtrados en CSV con BOM para Excel.
Admin
Gestión de Usuarios
CRUD de usuarios: crear, editar contraseña, cambiar rol, activar/desactivar.
Admin
Imprimir / Ver formato OSAL
Abre la vista imprimible tipo OSAL igual al papel físico. Soporta guardar como PDF.
Admin Vigilancia Embarques Consulta
Actualizar Estado
Cambia el estado del embarque: Pendiente → En proceso → Completado → Cancelado.
Admin Embarques
Editar Registro
Modifica cualquier campo del registro incluyendo captura de nuevas firmas.
Admin Embarques
📱 Front-end 🔧 Back-end ⚡ Flujo del dato 🎛 Panel de control FECSAJR Digital v2 · PHP 8.2 · MySQL · Hostinger VPS