R.RESCATE LANCONSULTORÍA DE RED / CASO 01Guía del proyecto ↗
← Volver al proyecto

DOCUMENTACIÓN / GUÍA DEL PROYECTO

Detrás
de la red.

Preparación, exposición y código, en un espacio separado.

01

Entrega y estructura.

El sitio principal contiene exactamente las tres secciones solicitadas: El cliente y la problemática; Diseño y solución técnica; Demostración y conclusiones.

  • Enlace público: rescate-lan-aula.pages.dev.
  • Archivo fuente: ZIP con HTML, CSS, JavaScript y recursos del proyecto.
  • La ficha y el diagnóstico representan un cliente ficticio. Adapta los datos si tu docente exige un cliente real.
  • La conclusión es una reflexión propuesta: revísala y exprésala con tus propias palabras.

Falta ejecutar el laboratorio e incorporar las capturas o el video corto. La demostración de JavaScript no cuenta como evidencia de Packet Tracer. No presentes los resultados esperados como resultados obtenidos.

02

Preparar el laboratorio.

El archivo Draw.io es editable y sirve para documentar el diseño. Draw.io no ejecuta paquetes. Para verificar conectividad y ACLs, se propone un laboratorio representativo en Cisco Packet Tracer.

Diagrama editable .drawio ↓Diagrama SVG ↓Configuración y procedimiento ↓
  1. Coloca un router 2911, un switch 2960 y siete dispositivos representativos según el archivo de laboratorio.
  2. Conecta los puertos indicados, configura VLANs, trunk, subinterfaces, direcciones y ACLs. No conectes este laboratorio a una red de producción.
  3. Prueba primero que cada equipo llega a su gateway. Después ejecuta los casos A–D de la pestaña 3.
  4. En modo Simulation, filtra ICMP, observa el recorrido permitido y el paquete descartado. Usa show access-lists para revisar coincidencias si la versión lo soporta.
  5. Guarda el archivo .pkt y captura pantallas donde se vean origen, destino, comando y resultado.
  6. Incorpora las imágenes en dist/recursos/, enlázalas desde la sección de evidencias y vuelve a publicar. Cambia el estado pendiente solo después de verificar los resultados.

El laboratorio reduce el número de equipos y usa un PC cableado para representar Invitados. Verifica aislamiento entre VLANs; no prueba radio Wi-Fi, QoS, carga, Internet, DHCP ni impresión real.

03

Dos entregables distintos.

Evidencia corta · 1 a 2 minutos

Las indicaciones nuevas permiten capturas o un video corto en la tercera pestaña. Graba el simulador: muestra un ping permitido, otro bloqueado y la regla que explica cada resultado. No basta con grabar la animación de la web.

  1. 0:00–0:20 Topología, direcciones y VLANs del laboratorio.
  2. 0:20–0:50 Ping permitido de Aula a impresora.
  3. 0:50–1:20 Ping bloqueado de Invitados a Administración.
  4. 1:20–1:45 Paquete descartado, ACL y conclusión de la prueba.

Exposición general · al menos 5 minutos

Si también sigue vigente la consigna anterior, este video más largo se comparte exclusivamente por WhatsApp. Mantén ese archivo fuera del sitio. No es el mismo video que la evidencia corta.

  1. 0:00–1:00 Cliente, usuarios y tres problemas.
  2. 1:00–2:30 Topología, tabla de VLANs y solución.
  3. 2:30–4:00 Pruebas y resultados del laboratorio.
  4. 4:00–5:30 Eventos, arreglos y condicionales de JavaScript.
  5. 5:30–6:00 Impacto, limitaciones y conclusión personal.
04

Cómo está programado.

ESTRUCTURA

HTML

index.html contiene las tres pestañas. guia.html reúne instrucciones y documentación.

PRESENTACIÓN

CSS

styles.css define tipografía, paleta, navegación lateral y adaptación a móvil.

INTERACCIÓN

JavaScript

app.js cambia pestañas, calcula costos y evalúa el modelo de políticas.

Arreglos
materials almacena materiales y precios; origins y targets describen los extremos de cada ruta.
Eventos
Clics y teclado controlan las pestañas. Los cambios de campos recalculan el presupuesto o reinician la animación.
Condicionales
evaluatePolicy() distingue fallas físicas, tráfico local, accesos permitidos y bloqueos entre VLANs.
Ciclos y estado
runTest() recorre los nodos del modelo. Un identificador cancela animaciones anteriores cuando cambian los datos.
Validación
Se rechazan cantidades vacías, negativas, fraccionarias y precios fuera de rango. Los resultados del modelo no se guardan como evidencia real.

Los cambios al presupuesto duran hasta recargar la página. Para cambiar precios iniciales, edita materials. No se almacenan datos personales ni se suben videos desde la web.

05

Fuentes y alcance.

Las referencias fundamentan los conceptos; no certifican esta propuesta. La sintaxis del laboratorio debe verificarse en el modelo y versión de IOS de Packet Tracer. Las ACLs del ejemplo son IPv4 y sin inspección de estado; un despliegue real requiere controles completos de firewall, IPv6, gestión y monitoreo.