Sistema de gestión empresarial desarrollado para control de productos de mascotas y administración de empleados, implementado con arquitectura MVC y tecnologías web modernas como trabajo académico para la materia Programación de Sistemas.
Trabajo Práctico - Materia: Programación de Sistemas
Sistema completo desarrollado con metodologías ágiles y mejores prácticas de desarrollo web.
| Módulo | Funcionalidades | Estado |
|---|---|---|
| 📦 Gestión de Productos | CRUD completo, Control de inventario, Entrada/Salida | ✅ Completo |
| 👥 Gestión de Empleados | CRUD completo, Estados (Activo/Inactivo), Roles | ✅ Completo |
| 📊 Dashboard Gerencial | Métricas en tiempo real, Estadísticas del negocio | ✅ Completo |
| 🔐 Sistema de Roles | Empleado vs Gerente, Control de acceso | ✅ Completo |
| 📤 Exportación de Datos | PDF, Excel, Reportes personalizados | ✅ Completo |
| 👀 Gestión de Estados | Empleados Activos/Inactivos con fechas | ✅ Completo |
| Tecnología | Versión | Propósito |
|---|---|---|
| PHP | 7.4+ | Lenguaje del servidor con POO |
| MySQL | 5.7+ | Base de datos relacional |
| PDO | - | Abstraction para base de datos |
| Apache | 2.4+ | Servidor web |
| Tecnología | Versión | Propósito |
|---|---|---|
| Bootstrap 5 | 5.3+ | Framework CSS responsive |
| DataTables | 1.13+ | Tablas interactivas |
| JavaScript | ES6+ | Interactividad del cliente |
| HTML5 | - | Estructura semántica |
| CSS3 | - | Estilos y diseño |
| Toast Notifications | - | Sistema de alertas y feedback |
- ✅ XAMPP instalado (Apache + MySQL + PHP)
- ✅ Navegador web moderno
# Descargar desde: https://www.apachefriends.org/- Descargar el ZIP del repositorio
- Extraer en la carpeta
htdocsde XAMPP
# Mover la carpeta del proyecto a:
C:\xampp\htdocs\genesys\
- Abrir XAMPP Control Panel
- Iniciar Apache y MySQL
- Verificar estado VERDE en ambos servicios
- Abrir:
http://localhost/phpmyadmin - Ir a pestaña "Importar"
- Seleccionar:
sistema_gestion.sql(en la raíz del proyecto) - Clic en "Continuar"
✅ La base de datos se crea automáticamente con todas las tablas
📄 config.php (en raíz del proyecto)
<?php
// Configuración general del sistema
define('DB_HOST', 'localhost');
define('DB_NAME', 'sistema_gestion');
define('DB_USER', 'root');
define('DB_PASS', ''); // Vacío por defecto XAMPP
?>📁 config/database.php
<?php
require_once __DIR__ . '/../config.php';
$host = DB_HOST;
$dbname = DB_NAME;
$username = DB_USER;
$password = DB_PASS;
try {
$pdo = new PDO("mysql:host=$host;dbname=$dbname;charset=utf8", $username, $password);
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
} catch (PDOException $e) {
die("Error de conexión: " . $e->getMessage());
}
?>http://localhost/genesys/
Para probar el sistema con permisos de Gerente, utiliza estas credenciales:
| Usuario | Contraseña |
|---|---|
diegote@email.com |
diegote |
💡 Nota: Este usuario tiene acceso completo al dashboard gerencial y todas las funcionalidades del sistema.
- Gestión completa de empleados
- Dashboard con métricas
- Control de productos
- Exportación de reportes
- Gestión de productos
- Visualización de inventario
- Exportación de datos
- ✅ Arquitectura MVC
- ✅ Programación Orientada a Objetos
- ✅ MySQL y PDO
- ✅ Bootstrap 5 y DataTables
- ✅ Control de Versiones con Git
- ✅ Metodología Kanban
- Verificar que MySQL esté ejecutándose en XAMPP
- Revisar credenciales en
config.php - Asegurar que la base de datos fue importada correctamente
- Verificar que Apache esté corriendo
- Revisar logs de error en
C:\xampp\apache\logs\error.log - Comprobar permisos de archivos
- Limpiar caché del navegador
- Verificar consola del navegador (F12) para errores JavaScript
- Comprobar que las rutas de DataTables sean correctas
⭐ Si este proyecto te fue útil, no olvides darle una estrella!




