atiRedLab - Simulador de Redes

atiRedLab - Simulador de Redes. El Blog de Joseca. Guayaquil - Ecuador.

atiRedLab - Simulador de Redes: enseña routing y direccionamiento IP sin instalar Cisco Packet Tracer

Si das clases de Redes, Conectividad o Informática y necesitas que tus estudiantes practiquen direccionamiento IP, subredes y enrutamiento sin pelear con licencias, instaladores pesados ni cuentas de Cisco NetAcad, el Simulador de Redes es la herramienta que estabas buscando. Es un solo archivo HTML que corre en cualquier navegador, sin instalación y sin internet.

¿Qué es el Simulador de Redes?

Es una aplicación web educativa que permite armar topologías de red arrastrando dispositivos (PC, laptop, celular, switch, router) sobre un lienzo, conectarlos por cable UTP o WiFi, configurar manualmente su direccionamiento IP, y luego probar la conectividad real entre ellos con un "ping" simulado que anima el recorrido del paquete y explica exactamente por qué falla cuando algo está mal configurado.

¿Por qué lo desarrollé?

En el laboratorio de computación no siempre es viable instalar Cisco Packet Tracer en cada máquina, y para una clase puntual de subnetting o routing básico no hace falta esa complejidad. Necesitaba algo que se abriera con doble clic, funcionara igual en cualquier equipo del laboratorio, y diera retroalimentación clara y específica cuando el estudiante se equivoca en la configuración — no solo "no funciona", sino el motivo exacto.

Características principales

  • Seis tipos de dispositivo: PC de escritorio, laptop, celular, switch, router y router doméstico, más un nodo de "Internet" (nube)
  • Conexión por Cable UTP o por WiFi, con herramientas separadas y reglas realistas (un celular no tiene puerto de cable; un switch no necesita IP)
  • Configuración manual de IP, máscara de subred, puerta de enlace y DNS en cada equipo — pensado para que el estudiante practique el cálculo, sin atajos automáticos
  • Router empresarial: cada interfaz (LAN0, LAN1, WiFi, WAN0) es una red distinta, como un equipo Cisco real
  • Router doméstico: sus puertos LAN y WiFi están puenteados en una sola red, como el router de una casa, más una WAN hacia Internet
  • Nodo de "Internet" (nube): permite simular la salida a la red externa, o unir dos redes completamente distintas a través de un enlace compartido
  • Probador de red: elige origen y destino, envía un paquete y observa su recorrido animado; si falla, la consola explica el motivo exacto (máscara incorrecta, gateway ausente o mal configurado, cable desconectado, conflicto de IP, red de destino desconocida, entre otros)
  • Cuadrícula visual de puertos en switches y routers: un LED por puerto indica de un vistazo cuáles están libres y cuáles ocupados
  • Guardado automático en el navegador mientras se trabaja, más exportación manual a archivo .json para compartir o respaldar
  • Exportación de la topología como imagen PNG, lista para imprimir o pegar en un informe
  • Ayuda integrada paso a paso.
  • 100% funcional sin conexión a internet — un solo archivo HTML autocontenido, sin dependencias externas

Requisitos técnicos

Componente

Requisito

Equipo

Cualquier PC, laptop o Chromebook con navegador web moderno

Software

Google Chrome, Firefox o Microsoft Edge actualizados

Internet

No requerido — funciona 100% sin conexión

Instalación

Ninguna. Es un solo archivo .html que se abre con doble clic

Guardado

Automático en el navegador, más exportación manual a .json y .png


[update title="Información importante" icon="info-circle"]💡  El Simulador de Redes está disponible de forma gratuita para docentes.
       Es un solo archivo listo para usar.
       No requiere licencias ni registro.
[/update]


Manual de Uso — atiRedLab: Simulador de Redes 

Descarga e instalación rápida

  1. Descarga el archivo atiRedLab - Simulador de redes
  2. Descomprime la carpeta en la PC (puede ser cualquier ubicación, por ejemplo el Escritorio)
  3. Ábrelo con doble clic — se abre en tu navegador predeterminado
  4. ¡Listo! No necesitas instalar nada más
  5. Compártelo con tus estudiantes por USB o la plataforma de tu institución; cada quien lo abre en su propia máquina

Interfaz general

La pantalla se divide en tres zonas:
  • Panel izquierdo — paleta de equipos (PC, Laptop, Celular, Switch, Router, Router doméstico, Internet) y los botones de modo (Cable UTP, WiFi)
  • Lienzo central — donde se arman y visualizan las topologías; se puede desplazar con scroll si la red crece
  • Panel derecho — el Probador de red (origen, destino, botón de enviar paquete) y la consola de resultados

Agregar dispositivos

Haz clic en el ícono del equipo que quieras en el panel izquierdo. Aparece en el lienzo y puedes arrastrarlo para acomodarlo donde prefieras.

Dispositivo

Puertos disponibles

PC de escritorio

1 puerto de cable (Ethernet)

Laptop

1 puerto de cable + 1 WiFi (solo uno activo a la vez)

Celular

1 puerto WiFi únicamente

Switch

8 puertos de cable independientes

Router

LAN0, LAN1, WiFi y WAN0 — cada uno es una red distinta

Router doméstico

4 puertos LAN + WiFi puenteados en una sola red, más WAN

Internet (nube)

Varios puertos de cable, para conectar uno o más routers

Conectar dispositivos

Activa el botón "Cable UTP" o "WiFi" según el tipo de enlace que quieras hacer. Aparece una barra en la parte superior del lienzo indicando el paso actual.
  1. Haz clic en el primer dispositivo. 
  2. Los dispositivos compatibles con esa conexión se resaltan (cobre para cable, turquesa para WiFi); los que no aplican se ven apagados
  3. Haz clic en el segundo dispositivo para completar el enlace. Si tiene más de un puerto disponible, se te pedirá elegir cuál
  1. El modo se desactiva solo al terminar; para la siguiente conexión, vuelve a activar Cable UTP o WiFi
Cada PC, laptop o celular admite una sola conexión activa a la vez. Para cancelar una conexión a medio hacer, presiona Esc o el botón "Cancelar" de la barra.

[alert title="Información importante" icon="info-circle"]🗑️  Para eliminar un enlace: con Cable UTP y WiFi desactivados, haz clic sobre la línea del cable o WiFi — aparece un botón "×" en el centro para borrarlo y liberar el puerto.[/alert]

Configurar direccionamiento IP

Haz doble clic sobre cualquier equipo para abrir su configuración.

PC, laptop y celular

  • Dirección IP
  • Máscara de subred (acepta formato punteado, ej. 255.255.255.0, o CIDR, ej. /24)
  • Puerta de enlace predeterminada
  • DNS preferido (opcional)
Todos los campos se llenan a mano — no hay asignación automática, para que el estudiante practique el cálculo de direccionamiento.

Switch

No requiere ni admite configuración de IP. El modal solo muestra la cuadrícula de sus 8 puertos y cuáles están ocupados.

Router

Se configura cada interfaz por separado: LAN0, LAN1, WiFi y WAN0, cada una con su propia IP y máscara. Además, un campo de "Ruta predeterminada" permite indicar la IP de otro router para encadenar redes.

Router doméstico

Se configura un solo bloque de "Red local" (para los 4 puertos LAN y el WiFi, que comparten la misma red) y un bloque "WAN" para la salida hacia Internet u otro router, más su propia "Ruta predeterminada".

Router empresarial vs. Router doméstico

Aspecto

Router

Router doméstico

Puertos LAN

LAN0 y LAN1: cada uno es una red distinta

4 puertos LAN, todos en la misma red

WiFi

Es otra red independiente más

Comparte la red con los puertos LAN

Uso típico

Unir 2 o más redes distintas (routing entre subredes)

Una sola red doméstica con salida a Internet

Se parece a

Un router Cisco / equipo de borde empresarial

El router que la mayoría tiene en casa


Cuadrícula de puertos

Al abrir la configuración de un switch, router o router doméstico, aparece una cuadrícula con cada puerto físico. Un LED apagado (gris) indica que el puerto está libre; un LED encendido (verde) indica que ya tiene un cable o WiFi conectado. En el puerto WiFi de un router, además, se muestra entre paréntesis cuántos dispositivos están conectados a esa red inalámbrica.

Agregar acceso a Internet

Coloca el ícono de nube ("Internet") en el lienzo y conéctalo por cable a cualquier puerto libre de uno o varios routers. No necesita configuración de red propia: representa "cualquier host externo". Cualquier dispositivo con su gateway correctamente configurado podrá elegir "Internet" como destino en el probador. Si conectas dos routers distintos a la misma nube, ambas redes podrán comunicarse entre sí a través de ella — tal como ocurre con Internet en la vida real.

Probador de red (ping simulado)

  1. En el panel derecho, elige el equipo de Origen
  2. Elige el equipo de Destino
  3. Presiona "Enviar paquete (ping)"

Verás una animación del paquete recorriendo la topología, salto por salto, deteniéndose en switches y routers en el camino. La consola muestra el resultado final:
  • Si tiene éxito: confirmación con tiempo de respuesta simulado
  • Si falla: el paquete se detiene exactamente en el punto del problema, y la consola explica el motivo — por ejemplo, IP o máscara sin configurar, subred mal calculada, puerta de enlace inexistente o mal configurada, sin conexión física, conflicto de direcciones IP repetidas, o red de destino desconocida

Guardar, abrir y exportar

  • "Guardar…" — descarga un archivo .json con toda la topología, para reabrirla después o compartirla con tus estudiantes
  • "Abrir…" — carga una topología previamente guardada en .json
  • "Exportar PNG" — genera una imagen de la red con fondo blanco, lista para imprimir o pegar en un documento
  • Guardado automático — la topología se guarda sola en el navegador mientras trabajas, como respaldo ante un cierre accidental de la pestaña
[alert title="Información importante" icon="info-circle"]⚠️  El guardado automático vive dentro del navegador (no es un archivo que puedas copiar a otra PC) y se puede perder si limpias los datos de navegación. Para conservar o compartir un trabajo de verdad, usa siempre "Guardar…" para obtener el archivo .json.[/alert]

Preguntas frecuentes

¿Necesito internet para usarlo?

No. El simulador funciona completamente sin conexión, incluyendo el logo y los íconos, que están incrustados dentro del propio archivo.

¿Se pierde mi trabajo si cierro el navegador?

El guardado automático lo recupera si vuelves a abrir el mismo archivo en el mismo navegador. Aun así, para un respaldo confiable o para compartirlo, exporta el archivo .json con "Guardar…".

¿Por qué mi celular no se puede conectar por cable?

Es una limitación intencional: un celular real no tiene puerto Ethernet, así que en el simulador solo ofrece conexión WiFi.

¿Por qué el router no une automáticamente mi red de cable con la de WiFi?

Porque estás usando un Router (empresarial), donde cada interfaz es una red separada a propósito, para enseñar routing entre subredes. Si quieres que cable y WiFi compartan la misma red como en una casa, usa el Router doméstico en su lugar.

¿Cómo simulo dos redes completamente distintas que se comunican entre sí?

Configura cada red con su propia IP y máscara, conecta cada una a una interfaz distinta del mismo router (o a routers distintos unidos por su "Ruta predeterminada", o a través de un nodo de Internet compartido), y asegúrate de que cada dispositivo tenga su gateway apuntando a la interfaz correspondiente.

¿Puedo usarlo en una tablet o Chromebook?

Sí, cualquier navegador moderno lo ejecuta, pero está pensado para trabajarse con mouse o trackpad, ya que arrastrar dispositivos y hacer clic con precisión es más cómodo así que con el dedo en pantalla táctil.


atiRedLab
Desarrollado por José Cruz Abril
Unidad Educativa Ati II Pillahuaso
Guayaquil - Ecuador
2026

Distribución gratuita para uso educativo


septiembre 20, 2026

Publicar un comentario

[blogger]

MKRdezign

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Con tecnología de Blogger.
Javascript DisablePlease Enable Javascript To See All Widget