Construcción de Sitios Web - Clase No.04

Evolución de la Web:

Presentación de líneas de tiempo interactivas sobre la evolución de la Web 1.0, 2.0, 3.0 y 4.0.
Recursos digitales para explorar hitos históricos.
Usos y Aplicaciones de la Web:

Clasificación por categorías: comunicación, educación, entretenimiento, comercio electrónico, productividad, servicios.
Ejemplos cotidianos de uso: redes sociales, clases virtuales, banca digital, compras en línea, trámites públicos.
Desarrollo de Proyectos Web:

Comparación entre tres enfoques metodológicos:
Tradicional (Cascada): planificación rígida y secuencial.
Ágil (Scrum/Kanban): desarrollo iterativo y flexible.
Centrado en el Usuario (UCD): enfoque en experiencia y necesidades del usuario.
Historias de Grandes Proyectos Web:

Orígenes de Google, Facebook, Twitter, Amazon, YouTube y Wikipedia.
Enfoque narrativo sobre cómo nacieron en contextos informales y se convirtieron en gigantes tecnológicos.
Creatividad y Diseño Web:

Ciclo de generación de ideas.
Reglas básicas para diseño y programación:
Diseño: concepto claro, simplicidad, paleta de colores.
Programación: seguir algoritmos, comentar código, pensar en el usuario final.
Convivencia y Normas de Aprendizaje:

Reflexión sobre cómo establecer acuerdos de convivencia y reglas del juego en el entorno educativo digital.

1. Todas las imágenes pertenecen a sus respectivos autores y han sido usadas solamente con fines educativos, sin ánimo de lucro. https://creativecommons.org/licenses/by-nc-sa/4.0/

2. Tecnología con Propósito Educación General Básica Bachillerato General Unificado 2025 - 2026

3. Oremos Por nosotros, por los nuestros,  por los más necesitados; Oremos, agradeciendo y pidiendo. De manera especial por aquellos, que no tienen quien rece por ellos.

4. Jaculatoria Oración Asistencia Saludo Inspección Visual Buscar el Bien Principio de orden Normativa

5. Tema Objetivo Propósito Ser + por + Destreza Competencia Acción Reparadora

6. World Wide Web ¿Web? WWW ¿Es lo mismo?: ¿hay diferencias sutiles? ¿es un error aceptarlos como sinónimos? <>

7. ¿Cómo Evoluciono la WEB?

8. https://thehistoryoftheweb.com/timeline/ https://www.sutori.com/es/historia/linea-del-tiempo-historia-de-la-web--a6cLXxkcoirngpLzeLceJDHf https://www.timetoast.com/timelines/linea-del-tiempo-de-la-evolucion-de-la-web-1-0-2-0-y-3-0 Línea de tiempo interactiva y muy detallada que permite desplazarse a través de los años para ver los hitos clave. Sutori es una herramienta para crear líneas de tiempo interactivas, y este ejemplo sobre la historia de la web es excelente. Permite explorar eventos por fechas, centrada en las tres primeras etapas de la web.

9. ¿Cuáles serían los principales usos que se le da a la web? ¿Cuáles serían los principales casos en que se usa la web? Preguntado a la IA Copilot y graficado por Napkin IA

10. Categoría Descripción Comunicación Correo, mensajería, videollamadas, redes sociales Información y educación Búsqueda de datos, noticias, cursos, tutoriales Entretenimiento Streaming , videojuegos, redes sociales, blogs Comercio electrónico Compras en línea, pagos digitales, banca electrónica Trabajo y productividad Herramientas colaborativas, trabajo remoto, gestión de proyectos Servicios y trámites Trámites gubernamentales, citas médicas, educación virtual Principales Casos de Usos de la web por Categoría

11. Uso cotidiano Ejemplos Buscar información Noticias, tutoriales, mapas, datos Comunicar y socializar Redes sociales, correo, videollamadas Aprender y enseñar Clases virtuales, plataformas educativas Comprar y vender E- commerce , pagos digitales, ventas en línea Trabajar y colaborar Herramientas de productividad, trabajo remoto Disfrutar de entretenimiento Series, música, juegos en línea Realizar trámites Banca digital, trámites públicos, citas médicas Principales Usos que se le da a la web

12. Categoría Descripción Comunicación Correo, mensajería, videollamadas, redes sociales Información y educación Búsqueda de datos, noticias, cursos, tutoriales Entretenimiento Streaming, videojuegos, redes sociales, blogs Comercio electrónico Compras en línea, pagos digitales, banca electrónica Trabajo y productividad Herramientas colaborativas, trabajo remoto, gestión de proyectos Servicios y trámites Trámites gubernamentales, citas médicas, educación virtual Uso cotidiano Ejemplos Buscar información Noticias, tutoriales, mapas, datos Comunicar y socializar Redes sociales, correo, videollamadas Aprender y enseñar Clases virtuales, plataformas educativas Comprar y vender E-commerce, pagos digitales, ventas en línea Trabajar y colaborar Herramientas de productividad, trabajo remoto Disfrutar de entretenimiento Series, música, juegos en línea Realizar trámites Banca digital, trámites públicos, citas médicas

13. Etapa Enfoque Tradicional (Cascada) Enfoque Ágil (Scrum/Kanban) Enfoque Centrado en el Usuario (UCD) 1. Análisis y Planificación Definición de Requisitos Visión y Backlog Inicial Investigación y Descubrimiento 2. Diseño Diseño Completo (UI/UX) Diseño Iterativo Ideación y Prototipado 3. Desarrollo (Codificación) Construcción Completa Desarrollo en Sprints Desarrollo y Pruebas de Usabilidad 4. Pruebas y Despliegue Fase de Testing ( Quality Assurance ) Pruebas Continuas y Despliegue Refinamiento Basado en Feedback 5. Mantenimiento y Evolución Mantenimiento y Soporte Mejora Continua Monitoreo y Optimización Etapas del Desarrollo de un Proyecto Web ¿Hay  sutiles o grandes diferencias?

14. 1.  Google: Nació como un proyecto universitario en un dormitorio Larry Page y Sergey Brin comenzaron Google como un proyecto de investigación en la Universidad de Stanford. Su idea inicial era organizar la información del mundo… ¡y lo hicieron desde su dormitorio! 📺  Ver historia en YouTube (minuto 0:00)   2.  Facebook: Empezó como una red para calificar estudiantes Mark Zuckerberg creó " Facemash " en Harvard, una web para comparar fotos de estudiantes. Aunque fue cerrada por problemas éticos, eso lo llevó a crear " TheFacebook ", que luego se convirtió en la red social más grande del mundo. 📺  Ver historia en YouTube (minuto 24:33)   3.  Twitter: Surgió de una lluvia de ideas en una empresa de podcasts Jack Dorsey propuso la idea de un servicio de mensajes cortos durante una sesión creativa en Odeo , una empresa de podcasts que estaba perdiendo relevancia. Lo que parecía una idea secundaria se convirtió en una revolución en la comunicación. 📺  Ver historia en YouTube (minuto 1:08:16)  

15. 4.   Amazon: Comenzó en un garaje vendiendo libros 5 .  YouTube: Nació por un problema para compartir videos de una fiesta 6 .  Wikipedia: Una enciclopedia libre que nadie creía que funcionaría.

16. Ciclo de Generación de Ideas

17. ¿Acuerdo de Convivencia?: ¿Las creamos, la reciclamos, tomamos una base y la aclimatamos? ¿Reglas del Juego de Aprendizaje?

18. Diseño Regla 1: Necesitamos un concepto Regla 2​: Menos es más​ Regla 3​: Seleccionemos paleta de colores Programación Regla 1​: Seguir algoritmos​ Regla 2​: Comentarios Regla 3​: Tener en cuenta al usuario final

19.   Porque [email protected]