================================================================================
        ESTRUCTURA DEL PROYECTO WEB - UNSM (Universidad Nacional de San Martin)
================================================================================

Fecha de generacion: 27 de Enero de 2026
Ubicacion: c:\xampp\htdocs\unsm\

================================================================================
                              ARCHIVOS RAIZ
================================================================================

index.php              - Pagina principal del sitio
login.php              - Sistema de inicio de sesion
logout.php             - Cierre de sesion
dashboard.php          - Panel de control
test-chatbot.html      - Prueba del chatbot
test-wordpress.php     - Prueba de integracion WordPress
.htaccess              - Configuracion del servidor Apache

================================================================================
                         DIRECTORIOS PRINCIPALES
================================================================================

unsm/
|
|-- admision/                    [Modulo de Admision]
|   |-- css/styleAdmin.css
|   |-- js/scriptAdmin.js
|   |-- indexAdmin.php
|
|-- auth/                        [Autenticacion]
|   |-- authenticate.php
|   |-- db_config.php
|   |-- setup_database.sql
|
|-- base/                        [Plantilla Base]
|   |-- baseIndex.php
|   |-- javabase.js
|   |-- styleBase.css
|
|-- contacto/                    [Sistema de Contacto]
|   |-- config/db_config.php
|   |-- css/styleContac.css
|   |-- js/scricpContac.js
|   |-- indexContac.php
|   |-- procesarContacto.php
|   |-- adminMensajes.php
|   |-- verMensajes.php
|   |-- actualizarEstado.php
|   |-- unsmContact.sql
|
|-- css/                         [Estilos Globales]
|   |-- style.css
|   |-- chatbot.css
|   |-- login.css
|
|-- js/                          [Scripts Globales]
|   |-- script.js
|   |-- chatbot.js
|   |-- chatbot-data.js
|   |-- login.js
|
|-- includes/                    [Componentes Reutilizables]
|   |-- chatbot-widget.php
|
|-- imagenes/                    [Recursos Graficos]
|   |-- academico/               (logos academicos)
|   |-- cuadros/                 (imagenes de secciones)
|   |-- Escudos de Facultades/   (escudos oficiales)
|   |-- facultades carreras/     (fotos de facultades)
|   |-- redes/                   (iconos redes sociales)

================================================================================
                              FACULTADES
================================================================================

facultades/
|
|-- ciencias agrarias/
|   |-- indexAgra.php
|   |-- css/, js/, imagenes/
|   |-- agronomia/
|       |-- indexAgro.php
|       |-- css/, js/
|
|-- ciencias de la salud/
|   |-- indexSalud.php
|   |-- css/, js/, imagenes/
|   |-- OBSTETRICIA/
|       |-- indexObst.php
|       |-- css/, js/, img/
|
|-- ciencias economicas/
|   |-- indexCienEco.php
|   |-- css/, js/, img/
|
|-- derecho y ciencias politicas/
|   |-- indexDerePoli.php
|   |-- css/, js/, img/
|
|-- ecologia/
|   |-- indexEcolo.php
|   |-- css/, js/, img/
|
|-- educacion y humanidades/
|   |-- indexEdu.php
|   |-- css/, js/, imagenes/
|   |-- educacion inicial/
|   |-- educacion primaria/
|   |-- educacion secundaria/
|   |-- idiomas/
|   |-- psicologia/
|       |-- indexPsico.php
|       |-- css/, js/, imagenes/
|
|-- Ingenieria Agroindustrial/
|   |-- indexIngAgroIndus.php
|   |-- css/, js/, img/
|   |-- agroindustrias/
|       |-- indexAgroIn.php
|       |-- css/, js/, img/
|
|-- Ingenieria civil y arquitectura/
|   |-- indexCivArq.php
|   |-- css/, js/, img/
|
|-- Ingenieria de sistemas e informatica/
|   |-- indexFisi.php
|   |-- css/, js/, img/
|
|-- medicina humana/
|   |-- indexMed.php
|   |-- css/, js/, img/
|
|-- medicina veterinaria/
|   |-- indexVet.php
|   |-- css/, js/, img/
|   |-- veterinaria/
|       |-- indexMedVet.php
|       |-- css/, js/, img/

================================================================================
                           SECCION NOSOTROS
================================================================================

nosotros/
|
|-- autoridades/
|   |-- indexAuto.php
|   |-- css/, js/
|   |-- imagenes/
|       |-- decanos/         (fotos de decanos)
|       |-- rectorado/       (fotos del rectorado)
|
|-- calendarioAcade/
|   |-- indexCale.php
|   |-- css/, js/, pdf/
|
|-- directorioInstucional/
|   |-- indexDirec.php
|   |-- css/, js/
|
|-- himno/
|   |-- indexHimno.php
|   |-- css/, js/
|   |-- himno/UNSM Himno.wav
|
|-- historia/
|   |-- historia.php
|   |-- css/, js/
|
|-- mision/
|   |-- indexMision.php
|   |-- css/, js/
|
|-- objetivos/
|   |-- objeIndex.php
|   |-- css/, js/
|
|-- onigrama/
|   |-- indexOni.php
|   |-- css/, js/, imagenes/

================================================================================
                              OFICINAS
================================================================================

oficinas/
|
|-- Academicos/
|   |-- ASUNTOS ACADEMICOS/
|   |-- BIENESTAR UNIVERSITARIO/
|   |-- COMITE ELECTORAL UNIVERSITARIO/
|   |-- DEFENSORIA UNIVERSITARIA/
|   |-- FONDO EDITORIAL/
|   |-- GESTION DE LA CALIDAD/
|   |-- INCUBADORA DE EMPRESAS/
|   |-- INNOVACION Y TRANSFERENCIA TECNOLOGICA/
|   |-- OFICINA DE ADMISION/
|   |-- PRODUCCION DE BIENES Y SERVICIOS/
|   |-- RESPONSABILIDAD SOCIAL UNIVERSITARIA/
|   |-- Seguimiento al Egresado e Insercion Laboral/
|   |-- SERVICIOS GENERALES/
|   |-- TECNOLOGIAS DE LA INFORMACION/
|
|-- Asesoria Juridica/
|-- comunicacion y imagen institucional/
|-- Cooperacion y Relaciones Internacionales/
|-- Ejecutora de Inversiones/
|-- Grados y Titulos/
|-- Organo de Control Institucional/
|-- planeamiento y presupuesto/
|-- rectorado/
|-- secretaria general/
|-- seguridad y salud ocupacional/
|-- vicerrectorado academico/
|-- vicerrectorado de investigacion/

(Cada oficina contiene: indexXXX.php, css/, js/, plugin/)

================================================================================
                              WORDPRESS
================================================================================

wordpress/                       [CMS WordPress integrado]
|-- wp-admin/                    (administracion)
|-- wp-content/
|   |-- languages/
|   |-- themes/
|   |-- plugins.disabled/
|   |-- uploads/
|   |-- updraft/
|-- wp-includes/                 (nucleo de WordPress)

================================================================================
                         TECNOLOGIAS UTILIZADAS
================================================================================

- Backend:      PHP
- Frontend:     HTML5, CSS3, JavaScript
- Base de datos: MySQL (via XAMPP)
- CMS:          WordPress (integrado)
- Servidor:     Apache (XAMPP)
- Chatbot:      JavaScript personalizado

================================================================================
                         PATRON DE ESTRUCTURA
================================================================================

Cada modulo/seccion sigue el patron:
  /modulo/
    |-- indexXXX.php      (pagina principal)
    |-- css/styleXXX.css  (estilos)
    |-- js/scriptXXX.js   (funcionalidad)
    |-- img/ o imagenes/  (recursos graficos)
    |-- plugin/           (en algunas oficinas)

================================================================================
                              ESTADISTICAS
================================================================================

- 11 Facultades
- 16+ Oficinas academicas
- 12+ Oficinas administrativas
- 7+ Secciones en "Nosotros"
- Sistema de contacto con base de datos
- Sistema de autenticacion
- Chatbot integrado
- WordPress para contenido dinamico




################################################################################
################################################################################
##                                                                            ##
##                    GUION PARA EXPOSICION DE TESIS                          ##
##                                                                            ##
##          "REDISENO DEL PORTAL WEB DE LA UNIVERSIDAD NACIONAL               ##
##                         DE SAN MARTIN - UNSM"                              ##
##                                                                            ##
##                      Duracion: 15-20 minutos                               ##
##                                                                            ##
################################################################################
################################################################################




================================================================================
                    DIVISION DE LA EXPOSICION (2 PERSONAS)
================================================================================

+==============================================================================+
|                              PERSONA 1                                       |
|                         (Aproximadamente 8-10 minutos)                       |
+==============================================================================+
|                                                                              |
|   Diapositiva 1  - Portada / Presentacion inicial         (30 seg)          |
|   Diapositiva 2  - Problematica                           (1.5 min)         |
|   Diapositiva 3  - Objetivos                              (1 min)           |
|   Diapositiva 4  - Marco Teorico / Tecnologias            (1.5 min)         |
|   Diapositiva 5  - Arquitectura del Sistema               (2 min)           |
|   Diapositiva 6  - Estructura Modular                     (1.5 min)         |
|   Diapositiva 7  - Modulo de Facultades                   (1 min)           |
|   Diapositiva 8  - Modulo de Oficinas                     (1 min)           |
|                                                                              |
|   TRANSICION: "Ahora mi companero/a [NOMBRE] continuara explicando          |
|                las funcionalidades implementadas en el sistema."            |
|                                                                              |
+==============================================================================+

+==============================================================================+
|                              PERSONA 2                                       |
|                         (Aproximadamente 8-10 minutos)                       |
+==============================================================================+
|                                                                              |
|   Diapositiva 9  - Sistema de Contacto                    (1.5 min)         |
|   Diapositiva 10 - Chatbot                                (1.5 min)         |
|   Diapositiva 11 - WordPress                              (1 min)           |
|   Diapositiva 12 - Diseno Responsive                      (1 min)           |
|   Diapositiva 13 - Demostracion en Vivo                   (2-3 min)         |
|   Diapositiva 14 - Resultados                             (1 min)           |
|   Diapositiva 15 - Conclusiones                           (1 min)           |
|   Diapositiva 16 - Cierre y Agradecimiento                (30 seg)          |
|                                                                              |
+==============================================================================+

NOTA: Las preguntas del jurado las responde quien expuso ese tema.
      Si la pregunta es general, pueden responder ambos.




================================================================================
                    DIAPOSITIVA 1: PORTADA
================================================================================

CONTENIDO DE LA DIAPOSITIVA:
-----------------------------
   - Logo de la UNSM
   - Titulo: "REDISENO DEL PORTAL WEB INSTITUCIONAL DE LA
              UNIVERSIDAD NACIONAL DE SAN MARTIN"
   - Tu nombre completo
   - Facultad de Ingenieria de Sistemas e Informatica
   - Fecha: Enero 2026
   - Asesor: [Nombre del asesor]

QUE DECIR (30 segundos):
------------------------
"Buenos dias/tardes, miembros del jurado. Mi nombre es [TU NOMBRE] y el dia
de hoy presentare mi trabajo de tesis titulado: Rediseno del Portal Web
Institucional de la Universidad Nacional de San Martin.

Este proyecto tiene como finalidad modernizar la presencia digital de nuestra
universidad, mejorando la experiencia de los usuarios y optimizando el acceso
a la informacion institucional."




================================================================================
                    DIAPOSITIVA 2: PROBLEMÁTICA
================================================================================

CONTENIDO DE LA DIAPOSITIVA:
-----------------------------
   TITULO: "Problematica Identificada"

   [Imagen del sitio anterior - si tienes captura]

   * Diseno visual desactualizado (no reflejaba la imagen institucional)
   * Sitio NO responsive (mala experiencia en celulares y tablets)
   * Navegacion confusa y poco intuitiva
   * Informacion dispersa y dificil de encontrar
   * Ausencia de canales de comunicacion directa (sin chatbot)
   * Sistema de contacto inexistente o deficiente
   * Dificultad para actualizar contenido (requeria conocimientos tecnicos)

QUE DECIR (1.5 minutos):
------------------------
"Antes de iniciar el desarrollo, realice un analisis del portal web existente
de la UNSM, identificando los siguientes problemas criticos:

PRIMERO, el diseno visual estaba desactualizado y no representaba
adecuadamente la imagen de una universidad moderna.

SEGUNDO, el sitio no era responsive, lo que significa que no se adaptaba
correctamente a dispositivos moviles. Considerando que mas del 60% de los
usuarios acceden desde celulares, esto era un problema grave.

TERCERO, la navegacion era confusa. Los estudiantes y visitantes tenian
dificultades para encontrar informacion sobre facultades, tramites y servicios.

CUARTO, no existia un sistema de contacto eficiente ni atencion en linea,
lo que generaba que muchas consultas quedaran sin respuesta.

Y QUINTO, actualizar el contenido requeria conocimientos tecnicos, lo que
limitaba la capacidad del personal administrativo para mantener la informacion
al dia."




================================================================================
                    DIAPOSITIVA 3: OBJETIVOS
================================================================================

CONTENIDO DE LA DIAPOSITIVA:
-----------------------------
   TITULO: "Objetivos del Proyecto"

   OBJETIVO GENERAL:
   +------------------------------------------------------------------+
   | Redisenar el portal web institucional de la UNSM para mejorar   |
   | la experiencia del usuario y modernizar la imagen digital       |
   | de la universidad.                                               |
   +------------------------------------------------------------------+

   OBJETIVOS ESPECIFICOS:
   [x] Desarrollar un diseno responsive compatible con todos los dispositivos
   [x] Implementar una arquitectura modular y escalable
   [x] Crear paginas individuales para las 11 facultades
   [x] Digitalizar las 28+ oficinas administrativas y academicas
   [x] Implementar un sistema de contacto con base de datos
   [x] Integrar un chatbot para atencion automatizada 24/7
   [x] Incorporar WordPress para gestion de contenido dinamico

QUE DECIR (1 minuto):
---------------------
"El objetivo general de este proyecto fue redisenar el portal web
institucional para mejorar la experiencia del usuario y modernizar
la imagen digital de nuestra universidad.

Para lograr esto, defini los siguientes objetivos especificos:

Desarrollar un diseno completamente responsive que funcione en cualquier
dispositivo.

Crear una arquitectura modular que permita escalar el sistema facilmente.

Implementar paginas individuales para cada una de las 11 facultades y
sus escuelas profesionales.

Digitalizar todas las oficinas administrativas y academicas.

Y finalmente, agregar funcionalidades modernas como un sistema de
contacto, un chatbot de atencion automatizada, y un gestor de contenido
para el personal administrativo."




================================================================================
                    DIAPOSITIVA 4: MARCO TEORICO / TECNOLOGIAS
================================================================================

CONTENIDO DE LA DIAPOSITIVA:
-----------------------------
   TITULO: "Tecnologias y Herramientas Utilizadas"

   +------------------+------------------------------------------------+
   | TECNOLOGIA       | JUSTIFICACION                                  |
   +------------------+------------------------------------------------+
   | PHP 8.x          | Lenguaje del lado servidor, compatible con     |
   |                  | hosting economicos y XAMPP                     |
   +------------------+------------------------------------------------+
   | MySQL            | Base de datos relacional robusta y gratuita    |
   +------------------+------------------------------------------------+
   | HTML5 + CSS3     | Estandares modernos para estructura y estilos  |
   +------------------+------------------------------------------------+
   | JavaScript       | Interactividad y dinamismo en el frontend      |
   +------------------+------------------------------------------------+
   | WordPress        | CMS para gestion de contenido sin programar    |
   +------------------+------------------------------------------------+
   | Apache (XAMPP)   | Servidor web estable y de facil configuracion  |
   +------------------+------------------------------------------------+

   [Logos de cada tecnologia]

QUE DECIR (1.5 minutos):
------------------------
"Para el desarrollo de este proyecto, seleccione cuidadosamente cada
tecnologia basandome en criterios de compatibilidad, costo y facilidad
de mantenimiento.

PHP fue elegido como lenguaje del lado servidor porque es compatible
con la mayoria de servicios de hosting, incluyendo los economicos, y
porque XAMPP, que ya esta instalado en los servidores de la universidad,
lo soporta nativamente.

MySQL como base de datos porque es robusta, gratuita, y tiene excelente
integracion con PHP.

HTML5 y CSS3 para la estructura y los estilos, siguiendo los estandares
web modernos y asegurando compatibilidad con todos los navegadores.

JavaScript para agregar interactividad, como el chatbot y las validaciones
de formularios, sin necesidad de recargar la pagina.

WordPress fue integrado para permitir que el personal administrativo
pueda actualizar noticias y contenido sin necesidad de conocimientos
de programacion.

Y Apache como servidor web, utilizando XAMPP como entorno de desarrollo
y produccion."




================================================================================
                    DIAPOSITIVA 5: ARQUITECTURA DEL SISTEMA
================================================================================

CONTENIDO DE LA DIAPOSITIVA:
-----------------------------
   TITULO: "Arquitectura del Sistema"

   [DIAGRAMA EN CAPAS]

   +============================================================+
   |                        USUARIO                              |
   |              (Navegador Web / Dispositivo Movil)            |
   +============================================================+
                               |
                               v
   +============================================================+
   |                 CAPA DE PRESENTACION                        |
   |  +--------+  +--------+  +----------+  +----------------+   |
   |  | HTML5  |  | CSS3   |  | JavaScript|  | Chatbot Widget |   |
   |  +--------+  +--------+  +----------+  +----------------+   |
   +============================================================+
                               |
                               v
   +============================================================+
   |                   CAPA DE LOGICA                            |
   |  +-------------+  +-------------+  +-------------------+    |
   |  | index.php   |  | auth/       |  | contacto/         |    |
   |  | (Router)    |  | (Login)     |  | (Mensajes)        |    |
   |  +-------------+  +-------------+  +-------------------+    |
   |                                                             |
   |  +-------------+  +-------------+  +-------------------+    |
   |  | facultades/ |  | oficinas/   |  | WordPress         |    |
   |  | (Modulos)   |  | (Modulos)   |  | (CMS)             |    |
   |  +-------------+  +-------------+  +-------------------+    |
   +============================================================+
                               |
                               v
   +============================================================+
   |                    CAPA DE DATOS                            |
   |  +--------------------------------------------------+       |
   |  |                    MySQL                          |       |
   |  |  - Usuarios        - Mensajes de contacto        |       |
   |  |  - Sesiones        - Contenido WordPress         |       |
   |  +--------------------------------------------------+       |
   +============================================================+

QUE DECIR (2 minutos):
----------------------
"La arquitectura del sistema sigue el patron de tres capas, lo que
permite una clara separacion de responsabilidades y facilita el
mantenimiento.

En la CAPA DE PRESENTACION tenemos todo lo que el usuario ve e
interactua: el HTML5 para la estructura, CSS3 para los estilos y
el diseno responsive, JavaScript para la interactividad, y el
widget del chatbot.

La CAPA DE LOGICA es donde reside toda la programacion en PHP.
Aqui tenemos el archivo index.php que actua como punto de entrada
principal, el modulo de autenticacion para el login de
administradores, el sistema de contacto que procesa los mensajes,
y todos los modulos de facultades y oficinas. Tambien aqui se
integra WordPress para la gestion de contenido.

Finalmente, la CAPA DE DATOS utiliza MySQL para almacenar toda
la informacion persistente: usuarios del sistema, mensajes de
contacto, sesiones activas, y todo el contenido gestionado por
WordPress.

Esta separacion en capas permite que si en el futuro se necesita
cambiar la base de datos o el diseno visual, se pueda hacer sin
afectar las otras capas."




================================================================================
                    DIAPOSITIVA 6: ESTRUCTURA MODULAR
================================================================================

CONTENIDO DE LA DIAPOSITIVA:
-----------------------------
   TITULO: "Estructura Modular del Proyecto"

   unsm/
   |
   |-- index.php                 [Pagina Principal]
   |-- login.php                 [Sistema de Acceso]
   |
   |-- css/                      [Estilos Globales]
   |-- js/                       [Scripts Globales]
   |-- imagenes/                 [Recursos Graficos]
   |
   |-- auth/                     [Modulo de Autenticacion]
   |-- contacto/                 [Modulo de Contacto]
   |-- includes/                 [Componentes Reutilizables]
   |
   |-- facultades/               [11 Facultades]
   |   |-- ciencias agrarias/
   |   |-- ciencias de la salud/
   |   |-- medicina humana/
   |   |-- ingenieria de sistemas/
   |   |-- ... (7 mas)
   |
   |-- oficinas/                 [28+ Oficinas]
   |   |-- Academicos/           (16 oficinas)
   |   |-- rectorado/
   |   |-- vicerrectorados/
   |   |-- ... (otras)
   |
   |-- nosotros/                 [Informacion Institucional]
   |-- wordpress/                [CMS Integrado]

   PATRON DE CADA MODULO:
   +-- modulo/
       |-- indexXXX.php     (Pagina principal)
       |-- css/styleXXX.css (Estilos propios)
       |-- js/scriptXXX.js  (Funcionalidad)
       |-- img/             (Imagenes)

QUE DECIR (1.5 minutos):
------------------------
"El proyecto sigue una estructura modular que facilita el
mantenimiento y la escalabilidad.

En la raiz tenemos los archivos principales: index.php como
pagina de inicio, y las carpetas globales de estilos, scripts
e imagenes.

Cada seccion del sitio esta organizada en su propia carpeta.
Por ejemplo, tenemos la carpeta 'facultades' que contiene las
11 facultades de la universidad, cada una con su propia
subcarpeta.

Lo importante aqui es el PATRON que sigue cada modulo: cada
facultad u oficina tiene su archivo PHP principal, su carpeta
de estilos CSS, su carpeta de JavaScript, y su carpeta de
imagenes.

Este patron consistente significa que si necesitamos agregar
una nueva facultad o una nueva oficina, simplemente creamos
una nueva carpeta siguiendo la misma estructura, sin modificar
el codigo existente.

Esto es lo que llamamos el principio de ABIERTO-CERRADO: el
sistema esta abierto para extension pero cerrado para
modificacion."




================================================================================
                    DIAPOSITIVA 7: MODULO DE FACULTADES
================================================================================

CONTENIDO DE LA DIAPOSITIVA:
-----------------------------
   TITULO: "Modulo de Facultades"

   [Captura de pantalla de una pagina de facultad]

   11 FACULTADES IMPLEMENTADAS:

   +-----------------------------------+----------------------------------+
   | 1. Ciencias Agrarias              | 7. Ingenieria de Sistemas        |
   | 2. Ciencias de la Salud           | 8. Medicina Humana               |
   | 3. Ciencias Economicas            | 9. Medicina Veterinaria          |
   | 4. Derecho y Ciencias Politicas   | 10. Ecologia                     |
   | 5. Educacion y Humanidades        | 11. Ingenieria Agroindustrial    |
   | 6. Ingenieria Civil y Arquitectura|                                  |
   +-----------------------------------+----------------------------------+

   CADA FACULTAD INCLUYE:
   * Informacion general y mision
   * Escuelas profesionales
   * Malla curricular
   * Plana docente
   * Galeria de imagenes
   * Enlaces a tramites

QUE DECIR (1 minuto):
---------------------
"Se implementaron paginas individuales para las 11 facultades de
la universidad.

Cada pagina de facultad incluye: informacion general sobre la
facultad, su mision y vision, las escuelas profesionales que
ofrece, informacion sobre la malla curricular, la plana docente,
una galeria de imagenes, y enlaces directos a los tramites mas
comunes.

Ademas, algunas facultades tienen subpaginas para sus escuelas
profesionales especificas. Por ejemplo, la Facultad de Ciencias
de la Salud tiene una subpagina dedicada a la escuela de
Obstetricia, y la Facultad de Educacion tiene subpaginas para
cada especialidad.

El diseno es consistente en todas las facultades, lo que facilita
la navegacion del usuario."




================================================================================
                    DIAPOSITIVA 8: MODULO DE OFICINAS
================================================================================

CONTENIDO DE LA DIAPOSITIVA:
-----------------------------
   TITULO: "Modulo de Oficinas Administrativas"

   [Captura de pantalla de una pagina de oficina]

   OFICINAS ACADEMICAS (16):            OFICINAS ADMINISTRATIVAS (12):
   +-----------------------------+      +-----------------------------+
   | - Asuntos Academicos        |      | - Rectorado                 |
   | - Bienestar Universitario   |      | - Vicerrectorado Academico  |
   | - Comite Electoral          |      | - Vicerrectorado Investig.  |
   | - Defensoria Universitaria  |      | - Secretaria General        |
   | - Fondo Editorial           |      | - Asesoria Juridica         |
   | - Gestion de Calidad        |      | - Planeamiento y Presupuesto|
   | - Incubadora de Empresas    |      | - Grados y Titulos          |
   | - Innovacion Tecnologica    |      | - Organo de Control         |
   | - Oficina de Admision       |      | - Ejecutora de Inversiones  |
   | - Produccion de Bienes      |      | - Cooperacion Internacional |
   | - Responsabilidad Social    |      | - Comunicacion e Imagen     |
   | - Seguimiento al Egresado   |      | - Seguridad Ocupacional     |
   | - Servicios Generales       |      +-----------------------------+
   | - Tecnologias de Informacion|
   +-----------------------------+

QUE DECIR (1 minuto):
---------------------
"Tambien se digitalizaron mas de 28 oficinas, divididas en
oficinas academicas y oficinas administrativas.

Las oficinas academicas incluyen areas como Bienestar
Universitario, Defensoria, Fondo Editorial, Incubadora de
Empresas, entre otras.

Las oficinas administrativas abarcan desde el Rectorado y
Vicerrectorados hasta Asesoria Juridica, Grados y Titulos,
y Cooperacion Internacional.

Cada oficina tiene su pagina con informacion sobre sus
funciones, servicios que ofrece, horarios de atencion,
ubicacion, y datos de contacto.

Esto permite que los estudiantes y el publico en general
puedan conocer los servicios disponibles sin necesidad de
acercarse fisicamente a las instalaciones."




================================================================================
                    DIAPOSITIVA 9: SISTEMA DE CONTACTO
================================================================================

CONTENIDO DE LA DIAPOSITIVA:
-----------------------------
   TITULO: "Sistema de Contacto"

   [Captura del formulario de contacto]

   FLUJO DEL SISTEMA:

   +-------------+      +---------------+      +-------------+
   |  USUARIO    | ---> |  FORMULARIO   | ---> |   BASE DE   |
   |  Completa   |      |  Validacion   |      |   DATOS     |
   |  formulario |      |  JavaScript   |      |   MySQL     |
   +-------------+      +---------------+      +-------------+
                                                     |
                                                     v
   +-------------+      +---------------+      +-------------+
   |  RESPUESTA  | <--- | ADMINISTRADOR | <--- |   PANEL     |
   |  al usuario |      |   Revisa y    |      |   ADMIN     |
   |             |      |   responde    |      |             |
   +-------------+      +---------------+      +-------------+

   CAMPOS DEL FORMULARIO:
   * Nombre completo
   * Correo electronico
   * Asunto
   * Mensaje
   * Tipo de consulta (Academico, Administrativo, Otros)

   FUNCIONALIDADES:
   [x] Validacion en tiempo real con JavaScript
   [x] Almacenamiento en base de datos MySQL
   [x] Panel de administracion para ver mensajes
   [x] Sistema de estados (Pendiente, Leido, Respondido)
   [x] Proteccion contra spam

QUE DECIR (1.5 minutos):
------------------------
"Una de las funcionalidades mas importantes implementadas es el
sistema de contacto.

El flujo funciona de la siguiente manera: el usuario completa
un formulario con su nombre, correo, asunto y mensaje. El
formulario se valida en tiempo real con JavaScript para asegurar
que los datos sean correctos antes de enviar.

Una vez enviado, el mensaje se almacena en la base de datos
MySQL con un estado inicial de 'Pendiente'.

El administrador puede acceder a un panel donde ve todos los
mensajes recibidos, puede filtrarlos por estado, marcarlos
como leidos, y registrar cuando han sido respondidos.

Este sistema resuelve el problema que tenia la universidad de
consultas sin respuesta, ya que ahora hay un registro de todos
los mensajes y su estado de atencion.

Ademas, se implementaron medidas de seguridad como validacion
de datos y proteccion contra inyeccion SQL."




================================================================================
                    DIAPOSITIVA 10: CHATBOT
================================================================================

CONTENIDO DE LA DIAPOSITIVA:
-----------------------------
   TITULO: "Chatbot de Atencion Automatizada"

   [Captura del chatbot en funcionamiento]

   CARACTERISTICAS:
   +----------------------------------------------------------------+
   | * Disponible 24/7 en todas las paginas del sitio               |
   | * Respuestas instantaneas a preguntas frecuentes               |
   | * Base de conocimiento personalizada para la UNSM              |
   | * Interfaz amigable y facil de usar                            |
   | * No requiere registro ni inicio de sesion                     |
   +----------------------------------------------------------------+

   TEMAS QUE PUEDE RESPONDER:
   - Informacion de admision y fechas importantes
   - Ubicacion de facultades y oficinas
   - Requisitos para tramites comunes
   - Horarios de atencion
   - Informacion de contacto
   - Preguntas frecuentes generales

   TECNOLOGIA:
   - Frontend: JavaScript (chatbot.js)
   - Base de conocimiento: JSON (chatbot-data.js)
   - Estilos: CSS3 con animaciones (chatbot.css)
   - Widget PHP: chatbot-widget.php (se incluye en todas las paginas)

QUE DECIR (1.5 minutos):
------------------------
"Otra funcionalidad innovadora es el chatbot de atencion
automatizada.

Este chatbot esta disponible las 24 horas del dia, los 7 dias
de la semana, en todas las paginas del sitio web. Aparece como
un boton flotante en la esquina inferior derecha.

El chatbot puede responder preguntas frecuentes sobre admision,
ubicacion de facultades, requisitos para tramites, horarios de
atencion, y mas.

Tecnicamente, esta construido con JavaScript puro, sin depender
de librerias externas. La base de conocimiento esta almacenada
en un archivo JSON que puede ser facilmente actualizado para
agregar nuevas preguntas y respuestas.

El beneficio principal es que los usuarios obtienen respuestas
inmediatas a sus consultas mas comunes, reduciendo la carga de
trabajo del personal administrativo y mejorando la satisfaccion
del usuario."




================================================================================
                    DIAPOSITIVA 11: WORDPRESS
================================================================================

CONTENIDO DE LA DIAPOSITIVA:
-----------------------------
   TITULO: "Integracion con WordPress"

   [Captura del panel de WordPress]

   POR QUE WORDPRESS?
   +----------------------------------------------------------------+
   | * Personal no tecnico puede actualizar contenido               |
   | * Editor visual intuitivo (no requiere saber programar)        |
   | * Gestion de noticias y eventos                                |
   | * Sistema de usuarios con diferentes roles                     |
   | * Miles de plugins disponibles para extender funcionalidad     |
   | * Actualizaciones de seguridad automaticas                     |
   +----------------------------------------------------------------+

   USOS EN EL PROYECTO:
   - Publicacion de noticias institucionales
   - Anuncios de eventos academicos
   - Comunicados oficiales
   - Galeria de fotos de actividades

   INTEGRACION:
   El sitio PHP principal consume contenido de WordPress
   mediante llamadas a su API REST o inclusion directa.

QUE DECIR (1 minuto):
---------------------
"Para resolver el problema de actualizacion de contenido, se
integro WordPress como sistema de gestion de contenido.

La ventaja de WordPress es que el personal administrativo puede
publicar noticias, eventos y comunicados sin necesidad de
conocimientos de programacion. Solo necesitan acceder al panel,
escribir el contenido, agregar imagenes, y publicar.

WordPress se integra con el sitio principal, de modo que las
noticias publicadas aparecen automaticamente en la pagina de
inicio.

Ademas, WordPress ofrece un sistema de roles, por lo que se
pueden crear usuarios con diferentes niveles de acceso:
administradores, editores, y autores."




================================================================================
                    DIAPOSITIVA 12: DISENO RESPONSIVE
================================================================================

CONTENIDO DE LA DIAPOSITIVA:
-----------------------------
   TITULO: "Diseno Responsive"

   [3 capturas del mismo pagina: escritorio, tablet, celular]

   TECNICAS UTILIZADAS:

   * CSS Media Queries
     @media (max-width: 768px) { ... }
     @media (max-width: 480px) { ... }

   * Flexbox y CSS Grid para layouts flexibles

   * Imagenes responsivas
     max-width: 100%;
     height: auto;

   * Menu hamburguesa en dispositivos moviles

   * Tipografia fluida
     font-size: clamp(14px, 2vw, 18px);

   RESULTADO:
   [x] Compatible con celulares (iOS y Android)
   [x] Compatible con tablets
   [x] Compatible con laptops y escritorios
   [x] Compatible con todos los navegadores modernos

QUE DECIR (1 minuto):
---------------------
"Un requisito fundamental del proyecto era que el sitio fuera
completamente responsive.

Para lograr esto, utilice CSS Media Queries que detectan el
tamano de la pantalla y ajustan el diseno automaticamente.

En pantallas grandes, el contenido se muestra en multiples
columnas. En tablets, se reduce a dos columnas. Y en celulares,
todo se muestra en una sola columna para facilitar la lectura.

El menu de navegacion se transforma en un menu tipo hamburguesa
en dispositivos moviles para ahorrar espacio.

Las imagenes tambien son responsivas, ajustandose al ancho del
contenedor sin perder calidad ni deformarse.

El resultado es un sitio que se ve y funciona bien en cualquier
dispositivo, desde un celular hasta un monitor de escritorio."




================================================================================
                    DIAPOSITIVA 13: DEMOSTRACION EN VIVO
================================================================================

CONTENIDO DE LA DIAPOSITIVA:
-----------------------------
   TITULO: "Demostracion del Sistema"

   [Esta diapositiva es solo un titulo - aqui cambias al navegador]

   PUNTOS A DEMOSTRAR:

   1. Pagina principal
      - Navegacion por secciones
      - Menu de facultades
      - Menu de oficinas

   2. Pagina de una facultad
      - Informacion de la facultad
      - Escuelas profesionales

   3. Sistema de contacto
      - Llenar y enviar formulario
      - Mostrar mensaje de confirmacion

   4. Chatbot
      - Abrir el chatbot
      - Hacer una pregunta de prueba
      - Mostrar la respuesta automatica

   5. Responsive (opcional)
      - Redimensionar navegador o usar DevTools
      - Mostrar como cambia el diseno

QUE DECIR:
----------
"Ahora voy a realizar una demostracion en vivo del sistema.

[Cambiar al navegador con el sitio abierto]

Aqui pueden ver la pagina principal del portal. Observen el
diseno moderno y la navegacion clara...

[Navegar por el menu de facultades]

Si entramos a una facultad, por ejemplo Ingenieria de Sistemas,
pueden ver toda la informacion organizada...

[Ir al formulario de contacto]

El sistema de contacto permite enviar mensajes que quedan
registrados en la base de datos...

[Abrir el chatbot]

Y aqui tenemos el chatbot. Si le pregunto sobre admision...
pueden ver como responde automaticamente...

[Si hay tiempo, mostrar responsive]

Finalmente, si reduzco el tamano de la ventana, pueden ver
como el diseno se adapta automaticamente."




================================================================================
                    DIAPOSITIVA 14: RESULTADOS
================================================================================

CONTENIDO DE LA DIAPOSITIVA:
-----------------------------
   TITULO: "Resultados Obtenidos"

   +================================================================+
   |                    METRICAS DEL PROYECTO                       |
   +================================================================+
   |                                                                 |
   |   [11]              [28+]             [100%]                   |
   |   Facultades        Oficinas          Responsive               |
   |   implementadas     digitalizadas     compatible               |
   |                                                                 |
   +================================================================+

   LOGROS TECNICOS:
   +----------------------------------------------------------------+
   | * Arquitectura modular y escalable                             |
   | * Codigo organizado siguiendo buenas practicas                 |
   | * Base de datos normalizada                                    |
   | * Seguridad implementada (validacion, prepared statements)     |
   | * Documentacion del codigo                                     |
   +----------------------------------------------------------------+

   LOGROS FUNCIONALES:
   +----------------------------------------------------------------+
   | * Mejor experiencia de usuario                                 |
   | * Navegacion intuitiva                                         |
   | * Acceso desde cualquier dispositivo                           |
   | * Atencion automatizada con chatbot                            |
   | * Sistema de contacto funcional                                |
   | * Actualizacion de contenido simplificada                      |
   +----------------------------------------------------------------+

QUE DECIR (1 minuto):
---------------------
"Los resultados obtenidos cumplen con todos los objetivos
planteados inicialmente.

En terminos cuantitativos: se implementaron las 11 facultades
de la universidad, se digitalizaron mas de 28 oficinas, y el
sitio es 100% responsive.

En terminos tecnicos: se logro una arquitectura modular que
facilita el mantenimiento, codigo organizado y documentado,
base de datos normalizada, y medidas de seguridad implementadas.

En terminos funcionales: los usuarios ahora tienen una mejor
experiencia, pueden navegar facilmente, acceder desde cualquier
dispositivo, obtener respuestas automaticas del chatbot, y
enviar consultas a traves del sistema de contacto.

El personal administrativo puede actualizar noticias sin ayuda
tecnica gracias a la integracion con WordPress."




================================================================================
                    DIAPOSITIVA 15: CONCLUSIONES
================================================================================

CONTENIDO DE LA DIAPOSITIVA:
-----------------------------
   TITULO: "Conclusiones"

   1. Se logro modernizar el portal web institucional de la UNSM,
      mejorando significativamente la imagen digital de la universidad.

   2. La arquitectura modular implementada permite agregar nuevas
      facultades u oficinas sin modificar el codigo existente.

   3. El diseno responsive garantiza una buena experiencia de usuario
      independientemente del dispositivo utilizado.

   4. El chatbot y el sistema de contacto mejoran la comunicacion
      entre la universidad y su comunidad.

   5. La integracion con WordPress democratiza la gestion de contenido,
      permitiendo que personal no tecnico mantenga el sitio actualizado.

   RECOMENDACIONES FUTURAS:
   - Implementar sistema de tramites en linea
   - Agregar notificaciones por correo electronico
   - Desarrollar aplicacion movil nativa
   - Implementar analytics para medir el uso del sitio

QUE DECIR (1 minuto):
---------------------
"Como conclusiones principales:

PRIMERO, se logro el objetivo de modernizar el portal web,
mejorando la imagen digital de la universidad.

SEGUNDO, la arquitectura modular permite que el sistema crezca
facilmente en el futuro.

TERCERO, el diseno responsive garantiza que todos los usuarios
tengan una buena experiencia, sin importar que dispositivo usen.

CUARTO, el chatbot y el sistema de contacto mejoran la
comunicacion con la comunidad universitaria.

Y QUINTO, WordPress permite que el contenido se mantenga
actualizado sin depender del area de sistemas.

Como recomendaciones para trabajos futuros, sugiero implementar
tramites en linea, notificaciones por correo, y posiblemente
una aplicacion movil nativa."




================================================================================
                    DIAPOSITIVA 16: CIERRE
================================================================================

CONTENIDO DE LA DIAPOSITIVA:
-----------------------------

                         +---------------------------+
                         |                           |
                         |      GRACIAS POR SU       |
                         |        ATENCION           |
                         |                           |
                         |   ¿Preguntas?             |
                         |                           |
                         +---------------------------+


   Contacto:
   [Tu correo electronico]
   [Tu numero de telefono - opcional]


   Repositorio del proyecto:
   [URL si lo tienes en GitHub - opcional]

QUE DECIR (30 segundos):
------------------------
"Con esto concluyo mi presentacion. Agradezco a los miembros
del jurado por su atencion y estoy a disposicion para responder
cualquier pregunta que tengan sobre el proyecto.

Muchas gracias."




################################################################################
##                                                                            ##
##               PREGUNTAS FRECUENTES DEL JURADO Y RESPUESTAS                ##
##                                                                            ##
################################################################################


================================================================================
PREGUNTA 1: ¿Por que elegiste PHP y no otro lenguaje mas moderno?
================================================================================

RESPUESTA SUGERIDA:
"Elegi PHP por varias razones estrategicas:

Primero, PHP es el lenguaje mas compatible con servicios de hosting
economicos y con XAMPP, que es el entorno que ya utiliza la universidad.

Segundo, PHP tiene una curva de aprendizaje accesible, lo que facilita
que futuros desarrolladores puedan dar mantenimiento al sistema.

Tercero, WordPress, que integre para la gestion de contenido, esta
desarrollado en PHP, lo que permite una integracion natural.

Y cuarto, PHP sigue siendo uno de los lenguajes mas utilizados en
desarrollo web. Segun estadisticas de W3Techs, PHP es usado por casi
el 80% de los sitios web cuyo lenguaje de servidor se conoce.

Si bien existen alternativas como Node.js o Python, PHP sigue siendo
una opcion solida y practica para este tipo de proyectos."


================================================================================
PREGUNTA 2: ¿Como garantizas la seguridad del sistema?
================================================================================

RESPUESTA SUGERIDA:
"Implemente varias capas de seguridad:

VALIDACION DE DATOS: Todos los formularios validan los datos tanto en
el frontend con JavaScript como en el backend con PHP, asegurando que
no se procesen datos maliciosos.

PREPARED STATEMENTS: Las consultas a la base de datos utilizan
prepared statements de PDO, lo que previene ataques de inyeccion SQL.

SESIONES SEGURAS: El sistema de autenticacion utiliza sesiones de PHP
con regeneracion de ID para prevenir secuestro de sesiones.

SANITIZACION DE SALIDA: Todo contenido que se muestra en pantalla se
sanitiza para prevenir ataques XSS (Cross-Site Scripting).

PROTECCION DE ARCHIVOS: Los archivos de configuracion como db_config.php
estan protegidos mediante .htaccess para evitar acceso directo.

Ademas, el servidor Apache se configuro siguiendo las mejores practicas
de seguridad."


================================================================================
PREGUNTA 3: ¿El sistema es escalable?
================================================================================

RESPUESTA SUGERIDA:
"Si, el sistema fue disenado pensando en la escalabilidad:

ARQUITECTURA MODULAR: Cada facultad y oficina es un modulo independiente.
Agregar una nueva facultad solo requiere crear una nueva carpeta con
la misma estructura, sin modificar el codigo existente.

SEPARACION DE CAPAS: La arquitectura en tres capas permite escalar cada
capa de forma independiente. Por ejemplo, si se necesita mas capacidad
de base de datos, se puede migrar a un servidor dedicado sin cambiar
el codigo PHP.

PATRON CONSISTENTE: Todos los modulos siguen el mismo patron de archivos
(PHP, CSS, JS, imagenes), lo que facilita la creacion de nuevos modulos.

WORDPRESS: El CMS integrado permite agregar funcionalidades mediante
plugins sin necesidad de programacion adicional.

En el futuro, si el trafico aumenta significativamente, el sistema
podria migrar facilmente a un servidor mas potente o implementar
cache y CDN."


================================================================================
PREGUNTA 4: ¿Que metodologia de desarrollo utilizaste?
================================================================================

RESPUESTA SUGERIDA:
"Utilice una metodologia de desarrollo INCREMENTAL e ITERATIVO:

FASE 1 - ANALISIS: Primero analice el sitio existente e identifique
los problemas y requerimientos.

FASE 2 - ESTRUCTURA BASE: Desarrolle la estructura principal del sitio,
incluyendo la plantilla base, navegacion, y estilos globales.

FASE 3 - MODULOS CORE: Implemente los modulos principales uno por uno:
primero las facultades, luego las oficinas, agregando funcionalidad
incrementalmente.

FASE 4 - FUNCIONALIDADES ADICIONALES: Despues agregue el sistema de
contacto, el chatbot, y la integracion con WordPress.

FASE 5 - PRUEBAS Y AJUSTES: Finalmente realice pruebas de funcionalidad
y responsive, corrigiendo errores encontrados.

Este enfoque incremental permitio tener versiones funcionales del sitio
desde etapas tempranas, facilitando la retroalimentacion y los ajustes."


================================================================================
PREGUNTA 5: ¿Que pasaria si el servidor se cae o hay perdida de datos?
================================================================================

RESPUESTA SUGERIDA:
"Se consideraron medidas de respaldo y recuperacion:

Para la BASE DE DATOS, WordPress incluye el plugin Updraft que realiza
copias de seguridad automaticas. Ademas, se recomienda configurar
backups periodicos de MySQL, ya sea manuales o automatizados con cron.

Para los ARCHIVOS, la estructura del proyecto permite hacer copias de
seguridad facilmente, ya que todo el codigo esta organizado en carpetas.

Se recomienda implementar una estrategia de respaldo 3-2-1: tres copias
de los datos, en dos tipos de medios diferentes, con una copia fuera
del sitio.

En caso de falla del servidor, la arquitectura permite restaurar el
sitio en un nuevo servidor simplemente copiando los archivos y
restaurando la base de datos.

Como mejora futura, se podria implementar un sistema de versionamiento
con Git y respaldos en la nube."


================================================================================
PREGUNTA 6: ¿Como se actualiza el contenido del sitio?
================================================================================

RESPUESTA SUGERIDA:
"Existen dos formas de actualizar el contenido:

CONTENIDO DINAMICO (Noticias, eventos, comunicados):
Se gestiona a traves de WordPress. El personal administrativo accede
al panel de WordPress, crea una nueva entrada, escribe el contenido,
agrega imagenes, y publica. No requiere conocimientos tecnicos.

CONTENIDO ESTATICO (Informacion de facultades, oficinas):
Requiere editar los archivos PHP correspondientes. Esto debe hacerlo
alguien con conocimientos basicos de HTML. Sin embargo, la estructura
es clara y cada archivo tiene comentarios que facilitan la edicion.

Para el futuro, recomiendo migrar mas contenido a WordPress o
desarrollar un panel de administracion personalizado que permita
editar toda la informacion desde una interfaz grafica."


================================================================================
PREGUNTA 7: ¿Que diferencia tu proyecto del sitio web oficial actual?
================================================================================

RESPUESTA SUGERIDA:
"Las principales diferencias son:

DISENO MODERNO: El rediseno presenta una interfaz visual actualizada
que refleja mejor la imagen de una universidad moderna.

RESPONSIVE: A diferencia del sitio anterior, este diseno se adapta
completamente a dispositivos moviles.

ORGANIZACION: La informacion esta mejor organizada y es mas facil de
encontrar gracias a la estructura modular.

FUNCIONALIDADES NUEVAS: Se agregaron funcionalidades que no existian:
chatbot de atencion automatizada y sistema de contacto con seguimiento.

MANTENIBILIDAD: El codigo esta organizado de forma que sea facil de
mantener y actualizar.

GESTION DE CONTENIDO: La integracion con WordPress permite actualizar
noticias sin conocimientos tecnicos.

Este proyecto puede servir como base o referencia para una futura
actualizacion oficial del portal de la universidad."


================================================================================
PREGUNTA 8: ¿Cuanto tiempo te tomo desarrollar el proyecto?
================================================================================

RESPUESTA SUGERIDA:
"El desarrollo se realizo en varias etapas a lo largo de [X meses]:

- Analisis y planificacion: [X semanas]
- Diseno de la estructura y plantillas base: [X semanas]
- Desarrollo de modulos de facultades: [X semanas]
- Desarrollo de modulos de oficinas: [X semanas]
- Implementacion del sistema de contacto: [X semanas]
- Desarrollo del chatbot: [X semanas]
- Integracion de WordPress: [X semanas]
- Pruebas y correcciones: [X semanas]

El tiempo total efectivo de desarrollo fue de aproximadamente [X] horas,
sin contar el tiempo de investigacion y documentacion."


================================================================================
PREGUNTA 9: ¿El chatbot usa inteligencia artificial?
================================================================================

RESPUESTA SUGERIDA:
"El chatbot actual utiliza un sistema basado en reglas y coincidencia
de palabras clave, no inteligencia artificial en el sentido de machine
learning.

Funciona de la siguiente manera: cuando el usuario escribe una pregunta,
el sistema busca palabras clave en la pregunta y las compara con una
base de conocimiento predefinida. Si encuentra coincidencia, muestra
la respuesta correspondiente.

Este enfoque tiene VENTAJAS:
- No requiere conexion a servicios externos
- Respuestas consistentes y controladas
- Facil de mantener y actualizar
- Sin costos adicionales de API

Como MEJORA FUTURA, se podria integrar con servicios de IA como
ChatGPT o Google Dialogflow para respuestas mas naturales y la
capacidad de entender preguntas mas complejas."


================================================================================
PREGUNTA 10: ¿Que harias diferente si empezaras de nuevo?
================================================================================

RESPUESTA SUGERIDA:
"Con la experiencia adquirida, haria algunos cambios:

Primero, UTILIZARIA UN FRAMEWORK PHP como Laravel o CodeIgniter. Aunque
PHP puro funciona bien, un framework proporcionaria mejor estructura,
seguridad integrada, y herramientas que aceleran el desarrollo.

Segundo, IMPLEMENTARIA GIT desde el inicio para tener control de
versiones y facilitar la colaboracion y el respaldo.

Tercero, CREARIA UN PANEL DE ADMINISTRACION completo que permita
gestionar todo el contenido desde una interfaz grafica, reduciendo
aun mas la dependencia de conocimientos tecnicos.

Cuarto, REALIZARIA PRUEBAS DE USUARIO desde etapas mas tempranas
para identificar problemas de usabilidad antes.

Sin embargo, las decisiones tomadas fueron apropiadas para el alcance
y objetivos del proyecto, y el resultado final cumple con los
requerimientos establecidos."




################################################################################
##                                                                            ##
##                         CONSEJOS FINALES                                   ##
##                                                                            ##
################################################################################


================================================================================
ANTES DE LA EXPOSICION:
================================================================================

[ ] Practica la exposicion completa al menos 3 veces
[ ] Cronometra tu presentacion (debe durar 15-20 minutos)
[ ] Prepara el ambiente: laptop cargada, proyecto funcionando en localhost
[ ] Ten una copia de las diapositivas en USB por si acaso
[ ] Verifica que el proyector/pantalla funcione con tu laptop
[ ] Ten agua cerca por si la necesitas

================================================================================
DURANTE LA EXPOSICION:
================================================================================

[ ] Habla claro y a velocidad moderada
[ ] Mira al jurado, no solo a la pantalla
[ ] Usa frases de transicion entre diapositivas
[ ] Si te equivocas, continua con naturalidad
[ ] En la demo, explica lo que estas haciendo mientras lo haces
[ ] Si algo falla en la demo, ten screenshots de respaldo

================================================================================
AL RESPONDER PREGUNTAS:
================================================================================

[ ] Escucha la pregunta completa antes de responder
[ ] Si no entiendes la pregunta, pide que la repitan
[ ] Es valido decir "esa es una buena sugerencia para trabajo futuro"
[ ] Si no sabes algo, es mejor admitirlo que inventar
[ ] Manten la calma y responde con confianza

================================================================================

                    ¡MUCHO EXITO EN TU SUSTENTACION!

================================================================================
