Topic outline

  • 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

    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.


    • This topic

      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

        redes


        • I CORTE: Desde el 6/06/2026 hasta 8/07/2026



          • Semana No. 1

            • Uso de Flex y Grid en CSS File

              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

            • Semántica File

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


          • Semana No. 3

          • Semana No. 4

            • Elementos de Formularios URL

              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.

               


            • JavaScript uso de variables URL
              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

            • Práctica de Envío de Datos mediante el Método POST y GET en PHP Assignment

              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

            • Tipos de Funciones, Callbacks y Enventos en Javascript URL

              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

            • Uso de función fetch con FormData URL

              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

            • Creación y Consumo de APIs RESTful con Node.js, MySQL y Fetch API URL

              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

            • HTML Elementos de Formularios File

              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

            • Ejercicios Javascript Assignment

              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

              • Fundamentos de Redes: Modelos de Comunicación y Arquitectura Digital File

                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

              • Topologías de Red URL

                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 4

              • Protocolo ARP (Address Resolution Protocol) en Redes de Computadoras URL

                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

              • Laboratorio Práctico: Inspección y Análisis de la Tabla ARP (Entrega de archivo PDF) Assignment

                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:

                1. 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.

                2. Consulta inicial de la tabla ARP:

                  • Ejecuta el comando arp -a para visualizar las entradas almacenadas actualmente en la caché.

                  • Toma una captura de pantalla del resultado.

                3. Limpieza de la tabla ARP:

                  • Ejecuta el comando de borrado:

                    • Windows: arp -d *

                    • Linux: sudo ip -s -s neigh flush all (o sudo arp -d según distribución).

                  • Ejecuta nuevamente arp -a para confirmar que las entradas dinámicas hayan sido eliminadas.

                  • Toma una captura de pantalla.

                4. Generación de tráfico en la red local:

                  • Identifica la IP de tu puerta de enlace (Default Gateway) mediante el comando ipconfig (Windows) o ip a / ifconfig (Linux).

                  • Ejecuta un comando ping hacia 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.

                5. Prueba de comunicación externa:

                  • Realiza un ping a una dirección IP pública en Internet (ejemplo: ping 8.8.8.8).

                  • Toma una captura de pantalla.

                6. Verificación final de la tabla ARP:

                  • Ejecuta por última vez el comando arp -a para 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:

                1. Portada institucional: Nombre completo, cédula/matrícula, asignatura y fecha.

                2. Secuencia de capturas de pantalla: Ordenadas cronológicamente con su respectivo título explicativo.

                3. 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 ping local? 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 ping hacia 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?SysAdmin - Comprobación de las tablas ARP | Sysadmins de Cuba


            • SEMANA 5

              • SEMANA 6

                • SEMANA 7

                  • SEMANA 8

                    • SEMANA 9

                      • SEMANA 10