ELECTIVA II (GESTIÓN DE REDES Y WEB) - SA26-2
Diagrama de temas
- BIENVENIDA
BIENVENIDA
¡Bienvenidos al aula virtual! Para avanzar con éxito en este camino, la disciplina y el compromiso con el material que compartiremos aquí serán sus mejores aliados. Cada recurso ha sido minuciosamente diseñado para darles un enfoque realista y práctico del Desarrollo Web y las Redes. Recuerden que, con dedicación y constancia, habrá excelentes resultados en su aprendizaje. ¡Mucho éxito!

- COMPETENCIA ESPECíFICA
COMPETENCIA ESPECíFICA
El estudiante estará en la capacidad de:
- Usar de tags HTML agregando tags semánticos Web para mejorar el SEO en motores de búsqueda e indexación como Google
- Manejar hojas de estilos CSS mediante el uso de contenedores flexbox para para obtener páginas web adaptables, con una excelente experiencia de usuario.
- Uso de JavaScript para agregar reactividad en los sitios web construidos.
- Consumir API y recorrer respuestas JSON para construir interfaces con los datos obtenidos.
- DATOS DEL DOCENTE:Tema actual
DATOS DEL DOCENTE:
Profesor: Ing.Robyir Loreto
Sección Según la Especialidad: SA26-2
Semestre: IV
Datos de Contacto:
* Número de Teléfono: 0242-4216617
* WhatsApp: +582424216617
* Correo: profesor.robyirloreto@gmail.com
HORARIO DE ASESORÍA:
Asesoría: Explicación para actividades o contenidos asignados.
– De 00:00 AM A 00:00 PM y de 00:00 PM a 00:00 PM
- CRONOGRAMA DE EVALUACIÓN
- I CORTE: Desde el 6/06/2026 hasta 8/07/2026
- Semana No. 1
Semana No. 1
En el presente material se muestra el uso de contenedores con display flex y grid para ubicar elementos en pantalla en nuestros desarrollos web.

- Semana No. 2
Semana No. 2
Material Web sobre el uso y la importancia de etiquetas semánticas para el SEO o posicionamiento en internet.

- Semana No. 3
Semana No. 3
La presente asignación se realiza para evaluar los conocimientos adquiridos en las prácticas realizadas en laboratorio sobre etiquetas semánticas y su importancia. Además tendrán un acercamiento más real sobre cómo se despliega un sitio web real utilizando github como hosting y dominio para visualizar su tarea a nivel mundial mediante el protocolo https.
- Semana No. 4
Semana No. 4
El enlace adjunto redirecciona a la web Oficial de W3Schools que es una popular plataforma educativa y de referencia gratuita para aprender lenguajes de programación y desarrollo web. El objetivo de este enlace es analizar los diferentes tags HTML para construir formularios.

- La url adjunta redireccionará hacia mi sitio web en github donde he preparado un material didáctico con una secuencia lógica y progresiva para el aprendizaje de los conceptos y usos básicos del lenguaje de programación JavaScript. Desde definición de una variable, cómo se integra el código JavaScript a un código HTML y cómo se usan las estructuras de control y bucles hasta llegar a la definición de funciones. Espero aprovechen este material que he realizado basado en mi experiencia personal como desarrollador.

- Semana No. 5
Semana No. 5

En esta actividad pondremos en práctica el envío de información desde un formulario HTML hacia un script en PHP utilizando el método HTTP POST.
Para guiarte y comprender el flujo de datos (el "viaje" que realizan los parámetros desde el cliente hasta el servidor), consulta el recurso interactivo disponible en el siguiente enlace: Guía Interactiva: Interacción del Método POST
Requisitos Técnicos
Debes construir una estructura web compuesta por dos archivos:
1. Archivo index.html (Formulario)
Crea un formulario con el atributo method="POST" y action="procesar.php". Debe incluir exactamente los siguientes parámetros:
Nombre: Campo input de tipo text con id y name txtnombre.
Teléfono: Campo input de tipo tel con id y name txtphone.
Correo: Campo input de tipo email con id y name txtemail.
Botón de Envío: Un botón de tipo submit con id btnenviar.
2. Archivo procesar.php (Servidor)
Crea el script encargado de capturar la información mediante el arreglo superglobal $_POST. Debe recibir y mostrar en pantalla los tres valores enviados:
$_POST['txtnombre']
$_POST['txtphone']
$_POST['txtemail']
Formato de Entrega
Comprime ambos proyectos que contienen tanto un index.html como un procesar.php)
Crea un informe técnico en word sobre las diferencias entre el método GET y POST y explica:
Si vas a enviar datos sensibles como una contraseña, ¿Qué método usarías y por qué?
Enviar a profesor.robyirloreto@gmail.com
- Semana No. 6
Semana No. 6
El enlace contiene información detallada con analogías sobre el funcionamiento de los diversos tipos de funciones y eventos más utilizados en Javascript, abarcando el tema de los Listeners(Escuchadores). Todos estos son pilares para la efectiva comunicación entre un frontend y un backend que retorne datos en formato JSON.

- Semana No. 7
Semana No. 7
En esta oportunidad estaré mostrando un ejemplo de cómo es el proceso de envío de un dato de un formulario HTML haciendo uso de la función fetch de Javascript para que el envío se realice de forma asíncrona pero utilizando FormData y recibiendo ese dato con la superglobal $_POST en un archivo procesar.php que retornará un JSON al frontend para que lo muestre en consola del navegador mediante las herramientas de desarrolladores. La página mostrada en el video se encuentra en https://proferobyir.github.io/clases/web2/envioconfetch/
- Semana No. 8
Semana No. 8
En esta sección práctica de Electiva II daremos el paso definitivo para conectar nuestra interfaz web con un servidor real y una base de datos relacional.
Aprenderemos a construir una arquitectura Cliente-Servidor profesional utilizando Apache para la entrega del Frontend, Node.js con Express para nuestra API REST, y MySQL para la persistencia de datos.
- Semana No. 9
Semana No. 9
El material adjunto tiene la finalidad de ser una guía para analizar y comprender el uso de los elementos de formularios en HTML; adicionando el uso de Javascript Document Object Model y selectores, escucha de eventos con addEventListener entre otros.Y así tener la capacidad de crear reactividad en la interface del usuario sin hacer refresh para cumplir ese objetivo.

- Semana No. 10
Semana No. 10
Resolver los ejercicios del archivo adjunto basado el la guía anterior. Enviar Ejercicios resueltos en formato txt.
mi correo es profesor.robyirloreto@gmail.com
Aún no he recibido ningún trabajo de estos estudiantes y el miércoles entrego notas a control de estudios. Sin prórroga
- SEGUNDO CORTE GESTIÓN DE REDES (FINALIZA EL 17 DE OCTUBRE DE 2026)
- SEMANA 1
SEMANA 1
Este material corresponde a la primera clase introductoria sobre el ecosistema de las redes de computadoras. En este documento explorarás los conceptos básicos necesarios para entender cómo se conectan los dispositivos en el mundo actual
.Temas clave que encontrarás:
Conceptos fundamentales: Definición de red, nodos, medios de transmisión y la importancia de los protocolos de comunicación
.Clasificación por alcance: Diferencias entre redes LAN, MAN y WAN
.Arquitecturas de red (Topologías): Análisis de las configuraciones física y lógica (Estrella, Bus, Anillo, Malla)
.Hardware de red: Diferencias funcionales entre Hubs, Switches, Routers y Access Points
.Medios físicos: Especificaciones y tipos de cableado (UTP, STP y Fibra Óptica)
.
Este archivo sirve como base teórica para comprender el flujo de datos y los componentes esenciales que permiten la conectividad en hogares y organizaciones
.
- SEMANA 2
SEMANA 2
Objetivo de la clase:
Mostrar cómo se organizan física y lógicamente los dispositivos para garantizar una comunicación eficiente en las redes de datos.
Contenido de la sesión:
Conceptos clave: Nodos, intermediarios y la diferencia entre topología física y lógica.
Tipos de topologías: Análisis de modelos tradicionales y actuales (Bus, Anillo, Estrella, Árbol y Malla).
Enfoque práctico: ¿Cuáles siguen vigentes en PYMES y redes empresariales frente a las tecnologías obsoletas?

Haz click en el enlace de la Teoría sobre Topologías de Red
- SEMANA 3
SEMANA 3
En este tutorial guiado aprenderás los fundamentos esenciales para estructurar y configurar una red básica utilizando la herramienta Cisco Packet Tracer. Es un contenido clave para comprender el direccionamiento IP y la CLI (interfaz de línea de comandos) de los dispositivos de red
En este recurso encontrarás una guía paso a paso enfocada en el manejo de la interfaz de línea de comandos (CLI) de dispositivos Cisco, fundamental para prácticas de laboratorio e implementaciones en Cisco Packet Tracer.
Guía de Comandos para configuración de dispositivos en Packet Tracer
Configurar y verificar la conectividad de dos redes de área local (LAN) conectadas a un mismo router mediante dos subredes diferentes, estableciendo las puertas de enlace predeterminadas y probando la comunicación mediante herramientas de diagnóstico.
- SEMANA 4
SEMANA 4
En esta sesión profundizaremos en el Protocolo de Resolución de Direcciones (ARP), un pilar fundamental en la capa de acceso a red/enlace que permite la comunicación efectiva entre direcciones lógicas (IP) y direcciones físicas (MAC) dentro de una red local (LAN).
A través de esta unidad, comprenderás cómo los dispositivos descubren y mapean las direcciones en una red, cómo funciona la tabla ARP y qué sucede durante el envío de paquetes de datos a nivel local.
Objetivos de Aprendizaje:
Comprender el funcionamiento del protocolo ARP y su rol en la pila TCP/IP.
Diferenciar el uso de direccionamiento MAC (Capa 2) vs. direccionamiento IP (Capa 3).
Analizar el proceso de solicitud (ARP Request) y respuesta (ARP Reply).
Inspeccionar y gestionar la tabla/caché ARP en un sistema operativo.
Material Didáctico y Recursos: Para revisar el contenido explicativo, diagramas e instrucciones de la práctica, accede al siguiente enlace interactivo:Acceder al Material de Clase: Protocolo ARP

Objetivo:
Analizar el funcionamiento del protocolo ARP (Address Resolution Protocol) en un entorno de red real mediante el uso de la línea de comandos, observando el proceso de descubrimiento de direcciones MAC y la actualización de la tabla caché del sistema operativo.
Paso a Paso de la Práctica:
Apertura de la consola de comandos:
Abre el Símbolo del sistema (CMD) o PowerShell en Windows (ejecutado como Administrador), o la Terminal en Linux/macOS.
Consulta inicial de la tabla ARP:
Ejecuta el comando
arp -apara visualizar las entradas almacenadas actualmente en la caché.Toma una captura de pantalla del resultado.
Limpieza de la tabla ARP:
Ejecuta el comando de borrado:
Windows:
arp -d *Linux:
sudo ip -s -s neigh flush all(osudo arp -dsegún distribución).
Ejecuta nuevamente
arp -apara confirmar que las entradas dinámicas hayan sido eliminadas.Toma una captura de pantalla.
Generación de tráfico en la red local:
Identifica la IP de tu puerta de enlace (Default Gateway) mediante el comando
ipconfig(Windows) oip a/ifconfig(Linux).Ejecuta un comando
pinghacia la IP de tu puerta de enlace o hacia la IP de otro dispositivo en tu misma red local (ejemplo:ping 192.168.1.1).Toma una captura de pantalla del comando y sus respuestas.
Prueba de comunicación externa:
Realiza un
pinga una dirección IP pública en Internet (ejemplo:ping 8.8.8.8).Toma una captura de pantalla.
Verificación final de la tabla ARP:
Ejecuta por última vez el comando
arp -apara observar el estado final de la tabla.Toma una captura de pantalla.
Formato del Informe a Entregar
Debes subir a la plataforma un único archivo en formato PDF que contenga:
Portada institucional: Nombre completo, cédula/matrícula, asignatura y fecha.
Secuencia de capturas de pantalla: Ordenadas cronológicamente con su respectivo título explicativo.
Análisis y Cuestionario: Respuestas detalladas y argumentadas a las siguientes preguntas:
P1: ¿Qué cambios observaste en la tabla ARP antes y después de ejecutar el
pinglocal? Explica qué ocurrió a nivel de red (mensajes ARP Request y ARP Reply).P2: ¿Cuál es la diferencia entre una entrada de tipo Dinámica y una de tipo Estática en la tabla ARP?
P3: Al realizar el
pinghacia la IP externa (8.8.8.8), ¿aparece dicha IP en tu tabla ARP? ¿Qué dirección IP y MAC se registraron en su lugar y por qué ocurre esto a nivel de Capa 2 y Capa 3?
- SEMANA 5
- SEMANA 6
- SEMANA 7
- SEMANA 8
- SEMANA 9
- SEMANA 10
