CECYTED 09 • LERDO

Guía de Actividades del Tercer Parcial

Cultura Digital II — Progresiones 5, 6 y 7

Optimización de Proyector

Ruta de Aprendizaje del Tercer Parcial

Estimados alumnos del CECYTED 09, en este tercer parcial consolidaremos las Progresiones 5, 6 y 7 de nuestra materia. A través de este cuaderno de 10 actividades consecutivas, estructurarán, programarán y difundirán un proyecto multimedia completo adaptado a su línea de investigación comunitaria asignada. Cada actividad cuenta con propósitos claros, metodologías y entregables específicos que conformarán la evaluación de este parcial.

Actividad 1
Progresión 5 y 6 Fase Inicial / Equipos

Conformación de Equipos y Estructuración en Google Sites

Esta actividad ya se encuentra formalmente desplegada y evaluada en el portal institucional. Consiste en la integración de equipos de trabajo colaborativo (4 a 5 integrantes), la designación formal de roles analíticos y la creación de la arquitectura base de 7 páginas en la plataforma Google Sites utilizando las cuentas de correo escolar.

Estatus de la actividad

Instrucciones completas y rúbrica publicadas en el servidor escolar.

Ver Actividad 1 original
Actividad 2
Progresión 6 Fase Teórica / Literacidad Digital

Construcción del Marco Teórico Documental

El equipo debe realizar una investigación documental crítica para dar respuesta científica a las 3 preguntas orientadoras de su tema. Aplicando la literacidad digital, buscarán fuentes fiables preferentemente en repositorios académicos (Google Académico, Redalyc, SciELO, Dialnet), aunque también se pueden usar otras fuentes siempre y cuando sean confiables y verificables. El documento debe redactarse de forma colaborativa usando procesadores de texto en la nube como Etherpad (edición sin registro) o Google Docs.

Pasos para realizar la investigación:
1 Acceder a Google Académico y buscar palabras clave relacionadas con el tema de investigación asignado (ej. "transporte estudiantil Durango", "hábitos alimenticios adolescentes México").
2 Filtrar los resultados por artículos publicados en los últimos 5 años y priorizar aquellos de revistas indexadas o repositorios institucionales.
3 Seleccionar al menos 3 fuentes confiables y extraer las ideas principales que ayuden a responder cada una de las 3 preguntas de investigación.
4 Redactar la síntesis en un documento colaborativo (Etherpad o Google Docs) con un mínimo de 3 párrafos de desarrollo, citando las fuentes en formato APA (Autor, Año, Título, Editorial/Revista).
5 Incluir imágenes ilustrativas libres de derechos. Google Sites ya permite subir archivos directamente desde el ordenador, o bien puedes usar servicios como ImgBB o Etherpad para subir imágenes desde tu teléfono móvil. Cada imagen debe llevar su respectivo pie de foto explicativo.
6 Almacenar o ir capturando las fuentes consultadas en la página "Fuentes" del sitio con su respectivo enlace. Puedes usar BibGuru para generar las citas en formato APA de forma automática.
7 Publicar el texto final en la subpágina "2. Investigación" del Google Sites del equipo, verificando que no haya errores ortográficos ni de formato.
Instrucciones de Desarrollo:
  • Redactar mínimo 3 párrafos de desarrollo, evitando el plagio.
  • Sintetizar antecedentes históricos y el contexto actual en Durango.
  • Registrar y guardar los enlaces de los artículos válidos consultados en la página de Fuentes.
Formato del Entregable:

Publicación de la síntesis de investigación directamente en la subpágina "2. Investigación" de su Google Sites. Debe incluir imágenes ilustrativas libres de derechos con su respectivo pie de foto. Las fuentes deben registrarse en la página "Fuentes" del sitio.

Actividad 3
Progresión 6 Fase de Campo / Ciberetnografía

Diseño del Formulario de Extracción de Datos (Google Forms)

Aplicando técnicas de ciberetnografía, el equipo estructurará un cuestionario digital en Google Forms para recopilar datos primarios de la comunidad escolar. El diseño debe contemplar variables estadísticas específicas para alimentar el procesamiento matemático posterior.

Pasos para crear el formulario:
1 Ingresar a forms.google.com con la cuenta de correo escolar e iniciar un nuevo formulario en blanco.
2 Asignar un título descriptivo al formulario (ej. "Encuesta de Movilidad Estudiantil CECYTED 09") y redactar un encabezado con aviso de privacidad que garantice el anonimato de los datos recopilados.
3 Agregar las preguntas obligatorias según la línea de investigación: 3 preguntas cualitativas (opción múltiple), 3 escalas de Likert (1-5) y mínimo 4 preguntas cuantitativas de respuesta numérica corta.
4 Configurar cada pregunta como "Obligatoria" usando el interruptor de requerido en la parte inferior derecha de cada campo.
5 Personalizar el tema visual del formulario con los colores institucionales del plantel (verde y blanco) desde el panel de personalización (paleta de colores).
6 Obtener el enlace para incrustar: hacer clic en "Enviar" → ícono de " Incrustar" → copiar el código HTML generado.
7 Pegar el código HTML en la pestaña "3. Estadísticas" del Google Sites usando el bloque "Incorporar código" (Embed Code).
Instrucciones de Desarrollo:
  • Estructurar un encabezado con aviso de privacidad y anonimato de datos.
  • Incluir obligatoriamente: 3 preguntas cualitativas, 3 escalas de Likert (1-5) y un mínimo de 4 preguntas cuantitativas de respuesta numérica corta.
Formato del Entregable:

Incrustar de manera responsiva el formulario activo en la sección superior de la pestaña "3. Estadísticas" de su Google Sites para validación del docente.

Actividad 4
Progresión 6 Fase de Campo / Campaña Digital

Difusión del Instrumento y Muestreo Comunitario

El equipo implementará una campaña de difusión digital compartiendo el enlace acortado de su Google Forms a través de plataformas de comunicación escolar y redes interactivas autorizadas, buscando recopilar respuestas reales del entorno escolar.

Pasos para la campaña de difusión:
1 Obtener el enlace de vista previa del formulario desde Google Forms (botón "Enviar" → ícono de enlace 🔗).
2 Acortar el enlace usando un servicio como Bitly o TinyURL para facilitar su distribución y monitoreo.
3 Compartir el enlace acortado en los grupos de WhatsApp, Telegram o Classroom del grupo, así como en las redes sociales del plantel (Facebook, Instagram) con un mensaje de invitación claro.
4 Monitorear diariamente el contador de respuestas desde la pestaña "Respuestas" de Google Forms para verificar el progreso.
5 Una vez alcanzada la meta mínima de 30 respuestas completas, cerrar el formulario desde Configuración → "Aceptar respuestas" → desactivar.
6 Abrir la hoja de cálculo vinculada desde la pestaña "Respuestas" → ícono verde de Sheets, limpiar datos inválidos (respuestas incompletas o duplicadas) e incrustar la hoja en la pestaña "3. Estadísticas" debajo del formulario.
Instrucciones de Desarrollo:
  • Monitorear activamente la recolección hasta alcanzar una muestra válida.
  • Meta mínima obligatoria por equipo: 30 respuestas completas provenientes de alumnos reales del plantel.
Formato del Entregable:

Cierre del formulario e incrustación de la Hoja de Cálculo de Google (Google Sheets) vinculada con la base de datos limpia de las 30 respuestas justo debajo del formulario en la pestaña "3. Estadísticas".

Actividad 5
Progresión 5 Desarrollo Independiente / Identidad Digital

Diseño de Perfil Personal en Carrd

Cada estudiante desarrollará una landing page de una sola página (SPA) en la plataforma Carrd.co para construir su portafolio e identidad digital profesional. Esta actividad evalúa la asimilación individual de conceptos de hosting y maquetación web responsiva.

Pasos para crear tu perfil en Carrd:
1 Ingresar a carrd.co y hacer clic en "Sign Up for Free" (Registrarse gratis). Crear una cuenta con correo electrónico personal o escolar.
2 Seleccionar una plantilla de inicio desde la galería gratuita. Recomendación: elegir "Blank Slate" (lienzo en blanco) para personalizar completamente el diseño.
3 Agregar los siguientes elementos obligatorios desde el panel izquierdo: Imagen (fotografía formal tipo carnet), Texto (nombre completo y biografía académica), Lista (habilidades digitales desarrolladas en el semestre) y Enlaces (redes colaborativas académicas como LinkedIn, GitHub, portafolio).
4 Personalizar la paleta de colores, tipografía y diseño responsivo desde el panel "Style" (Estilo) para que se vea profesional en celular y computadora.
5 Previsualizar el sitio en diferentes dispositivos usando el botón "Preview" (Vista previa) y ajustar detalles de espaciado y alineación.
6 Publicar el sitio: hacer clic en "Publish" → elegir el subdominio gratuito tunombre.carrd.co → copiar la URL generada.
7 Agregar el enlace del Carrd en la tarjeta de presentación del equipo en la página "El Equipo" del Google Sites, junto con una breve descripción de tu perfil profesional.
Actividad 6
Progresión 7 Fase Matemática / Software Estadístico

Procesamiento de Datos: Tendencia Central y Dispersión

Utilizando las respuestas numéricas obtenidas en la encuesta de campo, el analista de datos procesará la información mediante herramientas de hojas de cálculo o software estadístico libre (Google Sheets, Jamovi, JASP o la hoja de cálculo incorporada). Se calcularán los indicadores matemáticos requeridos para la toma de decisiones.

Pasos para el procesamiento estadístico:
1Abrir la hoja de cálculo de Google Sheets vinculada al formulario y copiar las columnas de respuestas numéricas a una nueva hoja dentro del mismo archivo.
2Calcular la Media usando la fórmula =PROMEDIO(rango), la Mediana con =MEDIANA(rango) y la Moda con =MODA(rango) para cada variable numérica.
3Calcular la Varianza Muestral con =VAR(rango) y la Desviación Estándar con =DESVEST(rango) para medir la dispersión de los datos.
4Crear gráficos de barras o pastel desde el menú Insertar → Gráfico, seleccionando el rango de datos y personalizando colores y etiquetas.
5Redactar un párrafo analítico que explique el significado práctico de los resultados obtenidos (ej. "La media de horas de sueño fue de 5.8, lo que indica que los estudiantes duermen por debajo de las 8 horas recomendadas").
6Diseñar una tabla organizada con todos los cálculos y colocarla junto con los gráficos en la pestaña "3. Estadísticas" del Google Sites.
Instrucciones de Desarrollo:
  • Calcular obligatoriamente sobre las variables numéricas: Media de datos, Mediana, Moda, Varianza muestral y Desviación Estándar.
  • Desarrollar representaciones gráficas limpias (barras o pastel) que ayuden al análisis visual del fenómeno estudiado.
Formato del Entregable:

Diseñar una tabla de datos organizada y colocarla junto con los gráficos estadísticos interpretados en la pestaña "3. Estadísticas" de su Google Sites, agregando un párrafo analítico que explique el significado práctico de los resultados.

Actividad 7
Progresión 5 Fase Avanzada / Programación con IA

Generación e Inserción del Componente Interactivo con IA

Actuando como ingenieros de prompts, el equipo utilizará inteligencias artificiales generativas (ChatGPT o Gemini) para escribir un archivo de programación único que dote de interactividad real a la solución web de su tema de investigación asignado.

Pasos para generar e insertar el componente interactivo:
1Abrir la sección de Líneas de Investigación de esta guía y localizar el Prompt Maestro correspondiente al tema asignado al equipo.
2Hacer clic en el botón "Copiar" del prompt maestro y pegarlo en la IA generativa (ChatGPT o Gemini).
3Revisar el código generado: debe ser un solo bloque HTML con CSS y JavaScript integrados. Si la IA entrega el código en partes, pedirle que lo consolide en un solo archivo.
4Copiar el código completo y abrir Google Sites → ir a la pestaña "4. Interactividad" → Insertar → Incorporar código → pegar el bloque HTML.
5Ajustar el ancho y alto del iframe desde la configuración de inserción para que el widget se vea completo y centrado.
6Probar la funcionalidad del componente: hacer clic en botones, verificar cálculos y asegurarse de que sea responsivo en vista previa.
Instrucciones de Desarrollo:
  • Copiar el prompt maestro de su tema desde la infografía de clase y alimentarlo a la IA corporativa (Gemini o ChatGPT).
  • Exigir un solo bloque estructurado de código con lógica interna de cálculo web HTML, CSS y funciones JavaScript nativas.
Formato del Entregable:

Incrustar el archivo mediante la opción "Incorporar código" (Embed Code) en la pestaña "4. Interactividad" de su Google Sites. El widget debe verse centrado, responsivo y completamente operativo.

Actividad 8
Evaluación Diagnóstica Reflexión Individual / Pensamiento Crítico

Cuestionario de Reflexión: Análisis Crítico del Proyecto

Cada integrante responderá de manera individual en su cuaderno un conjunto de preguntas abiertas que invitan a la reflexión profunda sobre el proceso de investigación, los resultados obtenidos y el impacto del proyecto en su comunidad escolar. Las respuestas deben ser argumentativas y basadas en la evidencia recopilada durante el parcial.

Preguntas de Reflexión (responder en el cuaderno):

1. ¿De qué manera los resultados estadísticos obtenidos (media, mediana, moda, desviación estándar) confirman o contradicen la percepción que tenías inicialmente sobre el problema de investigación de tu equipo? Fundamenta tu respuesta con datos concretos.

2. ¿Qué limitaciones o sesgos identificas en la metodología de recolección de datos que aplicaron como equipo (diseño del formulario, tamaño de muestra, difusión)? ¿Cómo podrían mejorar estos aspectos en una futura investigación?

3. ¿De qué forma la herramienta interactiva generada con IA (Actividad 7) aporta valor real a la solución del problema planteado? ¿Crees que sería útil para la comunidad escolar? Explica por qué.

4. ¿Qué habilidades digitales y estadísticas consideras que desarrollaste o fortaleciste durante este parcial? ¿Cómo crees que te servirán en tu vida académica y profesional futura?

5. Si pudieras modificar o agregar una actividad del parcial para mejorar el aprendizaje, ¿qué cambiarías o añadirías y por qué?

6. ¿Cuál consideras que es el principal hallazgo o aprendizaje que deja este proyecto de investigación para tu comunidad escolar? ¿Qué acciones concretas recomendarías a partir de los resultados obtenidos?

Formato del Entregable:

Responder las 6 preguntas de forma individual en el cuaderno de notas, con respuestas argumentativas de al menos 5 renglones cada una. Se evaluará la profundidad del análisis crítico y la capacidad de vincular la teoría con los resultados prácticos del proyecto.

Actividad 9
Progresión 7 Fase de Cierre / Conclusiones y Propuestas

Conclusiones, Propuestas de Acción y Diagrama de Gantt

En esta actividad el equipo elaborará las conclusiones finales de su investigación, proponiendo 5 acciones concretas para mejorar el problema abordado en su línea de investigación, soportadas sobre los hallazgos obtenidos. Las acciones deben representarse visualmente mediante un Diagrama de Gantt que planifique su implementación como propuestas para el próximo semestre. La página del sitio se renombra de "Planificación" a "Conclusiones y Resultados".

Pasos para elaborar las conclusiones y propuestas:
1Redactar las conclusiones generales del proyecto respondiendo: ¿qué se logró?, ¿qué aprendieron como equipo?, ¿cuál es la situación real del problema según los datos obtenidos?
2Definir 5 acciones concretas para mejorar el problema de su línea de investigación. Cada acción debe estar soportada en los resultados estadísticos y en la investigación documental realizada.
3Abrir Google Sheets y crear una nueva hoja de cálculo con las columnas: Acción, Fecha de Inicio, Fecha de Término, Duración (días), Responsable sugerido y Recursos necesarios.
4Listar las 5 acciones propuestas en la columna de Acciones, asignando fechas realistas para su implementación durante el próximo semestre escolar.
5Seleccionar los datos e insertar un gráfico de barras apiladas desde Insertar → Gráfico → Tipo de gráfico → Gráfico de barras apiladas. Personalizar la Fecha de Inicio como color transparente para que solo se vean las barras de duración.
6Renombrar la pestaña "5. Planificación" a "5. Conclusiones y Resultados" en el menú de Google Sites. Publicar ahí las conclusiones redactadas y el diagrama de Gantt con las 5 acciones propuestas.
Instrucciones de Desarrollo:
  • Redactar conclusiones claras que sinteticen los hallazgos más importantes del proyecto.
  • Proponer 5 acciones viables para el próximo semestre, cada una soportada en la evidencia recopilada.
  • Representar las 5 acciones en un Diagrama de Gantt con fechas, responsables y recursos.
  • Renombrar la página en Google Sites de "Planificación" a "Conclusiones y Resultados".
Formato del Entregable:

Publicación de las conclusiones redactadas junto con el Diagrama de Gantt de las 5 acciones propuestas en la pestaña "5. Conclusiones y Resultados" (antes "Planificación") de su Google Sites.

Actividad 10
Evaluación Sumativa Fase Final / Lanzamiento Oficial

Auditoría Final, Publicación y Despliegue Web

Es la etapa culminante del parcial. El equipo realizará una revisión exhaustiva de la ortografía, la consistencia del diseño visual y la correcta funcionalidad de todos los iFrames y enlaces en las 7 páginas obligatorias del sitio.

Pasos para la auditoría final:
1Revisar una por una las 7 pestañas del sitio: Inicio, Investigación, Estadísticas, Interactividad, Conclusiones y Resultados, El Equipo y Fuentes, verificando que todas tengan contenido completo.
2Corregir errores ortográficos y de redacción usando el corrector integrado del navegador o herramientas como Grammarly.
3Probar todos los enlaces externos e internos: hacer clic en cada uno para confirmar que redirigen correctamente.
4Verificar que los iframes (formulario, hoja de cálculo, componente interactivo) se carguen correctamente y sean responsivos.
5Hacer clic en el botón azul "Publicar" en la esquina superior derecha de Google Sites para propagar los cambios en la red.
6Copiar la URL de visualización pública del sitio y entregarla mediante la plataforma de control de tareas asignada por el docente.
Instrucciones de Desarrollo:
  • Verificar que las pestañas sigan el sitemap oficial: Inicio, Investigación, Estadísticas, Interactividad, Conclusiones y Resultados, El Equipo y Fuentes.
  • Hacer clic en el botón azul "Publicar" en la esquina superior derecha de Google Sites para propagar los cambios en la red.
Formato del Entregable:

Entrega formal de la URL de visualización pública (dirección web final) mediante la plataforma de control de tareas asignada por el docente para proceder con la evaluación sumativa grupal.

Catálogo de Líneas de Investigación

Cada equipo trabajará sobre una de las siguientes 7 líneas de investigación situadas en el contexto local del plantel. Expande cada tema para ver el problema de estudio, las preguntas orientadoras, las variables para la encuesta digital y el prompt maestro que deben copiar para generar su componente interactivo con IA.

Tema 1

Movilidad y Transporte Estudiantil

+

Problema: Análisis del impacto logístico, económico y de seguridad que sufren los alumnos en sus trayectos cotidianos de traslado hacia el plantel educativo.

Preguntas de Investigación:
  1. ¿Cuáles son los medios de transporte público y privado dominantes para el traslado de los estudiantes en la región y qué deficiencias de cobertura presentan?
  2. ¿Cómo afecta el tiempo de traslado diario a la puntualidad, el cansancio acumulado y el rendimiento escolar del estudiantado?
  3. ¿Qué porcentaje del ingreso o subsidio familiar se destina exclusivamente al pago de tarifas de transporte de los alumnos?
Variables para la Encuesta:
  • Cualitativa: Medio de transporte principal (Ruta/Colectivo, Vehículo particular, Caminata, Bicicleta/Motocicleta).
  • Escalar (Likert 1-5): Nivel de seguridad percibido durante los trayectos.
  • Cuantitativa Continua: Tiempo exacto en minutos invertido en el traslado de ida.
  • Cuantitativa Discreta: Gasto monetario semanal exacto en pasajes o combustible.
Prompt Maestro para IA:
Genera un código HTML único y autocontenido (con CSS y JavaScript integrados en el mismo archivo) para crear una "Calculadora de Gastos de Transporte" diseñada para estudiantes de bachillerato. El diseño debe ser moderno, responsivo, de alto contraste para proyector y utilizar una paleta de colores escolares limpia (verde institucional #00875a y blanco). La interfaz debe incluir dos campos de entrada numéricos claros: 'Costo del pasaje por trayecto (en pesos)' y 'Días que asiste al plantel a la semana'. Debe contar con un botón interactivo y animado que diga 'Calcular Impacto Financiero'. Al presionarlo, la lógica de JS debe calcular y desplegar en pantalla de forma gráfica el gasto total acumulado Semanal, Mensual (4 semanas) y Semestral (18 semanas). Además, si el gasto semestral supera los $1,500 pesos, debe desplegar una alerta o mensaje de sugerencia de optimización de presupuesto. Asegúrate de incluir etiquetas de diseño responsivo y que todo funcione de manera local al incrustarse en un iframe de Google Sites.
Tema 2

Consumo de Videojuegos (Gaming)

+

Problema: Diagnóstico de los hábitos de juego digital en adolescentes, evaluando tiempos de exposición frente a pantallas y su correlación con la administración del tiempo libre y el rendimiento académico.

Preguntas de Investigación:
  1. ¿Cuál es el promedio real de horas diarias que un estudiante de bachillerato dedica a los videojuegos interactivos frente a las horas recomendadas de salud?
  2. ¿De qué manera influye el consumo de videojuegos en horario nocturno sobre los ciclos de sueño y los niveles de atención en las primeras horas de clase?
  3. ¿Existe una correlación estadística directa entre las horas semanales de juego y el promedio general de calificaciones del parcial anterior?
Variables para la Encuesta:
  • Cualitativa: Dispositivo de juego más utilizado (Smartphone, Consola de sobremesa, Computadora Gamer, Tableta).
  • Escalar (Likert 1-5): Autopercepción del impacto del juego en el descanso diario.
  • Cuantitativa Continua: Horas promedio diarias dedicadas al juego digital.
  • Cuantitativa Continua: Calificación o promedio numérico obtenido en el último parcial evaluado.
Prompt Maestro para IA:
Genera un código HTML completo y autocontenido (con CSS y JavaScript integrados en el mismo archivo) para crear un "Test Interactivo de Perfil Gamer Estudiantil". El diseño debe ser de estilo moderno y tecnológico, optimizado para proyección en aula con fondo oscuro (#0f172a) y detalles en colores vibrantes de alto contraste como el cian y el verde neón. El cuestionario constará de 3 preguntas interactivas de opción múltiple enfocadas en: horas de juego diario, priorización de tareas y afectación del sueño. Incluye una interfaz limpia donde el alumno seleccione sus respuestas mediante botones radiales o tarjetas interactivas. Al presionar un botón final que diga 'Analizar mi Perfil', el script de JavaScript evaluará los puntos asignados internamente a cada respuesta y mostrará un diagnóstico dinámico en pantalla clasificando al usuario de forma clara y pedagógica entre tres categorías: 'Jugador Casual y Equilibrado', 'Gamer Entusiasta en Riesgo' o 'Hardcore Gamer con Afectación Académica'. Cada perfil debe acompañarse de recomendaciones para mejorar la gestión del tiempo. Todo el código debe estar consolidado en un solo bloque listo para embeber en Google Sites.
Tema 3

Nutrición en el Plantel (La "Cooperativa")

+

Problema: Análisis de la salud alimenticia de los estudiantes, calculando su Índice de Masa Corporal (IMC) y contrastando la ingesta calórica de los snacks más comunes frente a los requerimientos energéticos diarios según su género.

Preguntas de Investigación:
  1. ¿Qué porcentaje de la comunidad estudiantil se encuentra en rangos de bajo peso, peso saludable, sobrepeso u obesidad de acuerdo con su IMC?
  2. ¿Cuántas calorías aportan realmente los alimentos y bebidas más populares de la cooperativa (gorditas, molletes, refrescos, frituras) en comparación con el requerimiento energético diario de un adolescente?
  3. ¿Qué alternativas alimenticias de bajo costo y alto valor nutricional podrían sustituir a los snacks de alta densidad calórica en el plantel?
Variables para la Encuesta:
  • Cualitativa: Alimento salado de mayor consumo (Gorditas, Molletes, Tacos, Lonches, Ninguno).
  • Cualitativa: Acompañamiento líquido más comprado (Refresco, Jugo envasado, Agua natural).
  • Cuantitativa Continua: Estatura exacta del alumno en metros (ej. 1.65).
  • Cuantitativa Continua: Peso exacto del alumno en kilogramos (ej. 62).
Prompt Maestro para IA:
Genera un código HTML único y autocontenido (con CSS y JavaScript integrados en el mismo archivo) para crear una herramienta interactiva doble: "Evaluador de Salud Nutricional y Consumo Calórico". El diseño debe ser limpio, de alto contraste para proyector, utilizando un fondo claro con acentos verde manzana (#10b981) y blanco. La herramienta debe incluir dos secciones claras:
1) Calculadora de IMC: Campos para ingresar Peso (kg), Estatura (m) y selección de Género (Masculino/Femenino). Al presionar 'Calcular IMC', JavaScript debe calcular la fórmula (peso/estatura²) y mostrar el valor numérico, la categoría de la OMS (Bajo peso, Normal, Sobrepeso, Obesidad) y el rango saludable específico para su edad.
2) Calculadora de Calorías vs Requerimiento Diario: Campos interactivos para que el usuario seleccione la cantidad consumida en un día de los siguientes alimentos:
  - Gorditas o Molletes (Gordita = 250 kcal, Mollete = 350 kcal)
  - Refresco o Jugo de 500 ml (Refresco = 200 kcal, Jugo = 220 kcal)
  - Frituras o Galletas (Frituras = 240 kcal, Galletas = 280 kcal)
Al calcular, la lógica de JS debe contrastar la suma total de calorías ingeridas contra el requerimiento diario recomendado según el género seleccionado (2000 kcal para Femenino, 2500 kcal para Masculino) y mostrar visualmente una barra de progreso de color dinámico (verde si está dentro del límite, naranja si se acerca al 80%, y rojo si hay un superávit calórico crítico), explicando al estudiante el impacto nutricional de sus elecciones en la cooperativa. Todo consolidado en un solo bloque listo para Google Sites.
Tema 4

Estrés y Carga Académica

+

Problema: Diagnóstico del estrés académico experimentado por los alumnos durante los periodos de evaluación y su relación con la distribución del tiempo y la cantidad de horas de descanso diario.

Preguntas de Investigación:
  1. ¿Cuáles son las fuentes académicas y contextuales que desencadenan mayores índices de estrés en la comunidad del CECYTED?
  2. ¿Cómo impacta el estrés acumulado en la salud física (dolores de cabeza, fatiga) y en la estabilidad emocional de los alumnos?
  3. ¿Qué estrategias de manejo de tiempo o de estudio aplican actualmente los alumnos para reducir su carga diaria?
Variables para la Encuesta:
  • Cualitativa: Asignatura identificada con la mayor carga de proyectos o tareas (Matemáticas, Química, Cultura Digital, Lectura).
  • Escalar (Likert 1-10): Nivel de ansiedad experimentado antes del inicio de una jornada de exámenes.
  • Cuantitativa Continua: Horas promedio diarias destinadas al descanso y sueño nocturno.
  • Cuantitativa Continua: Horas semanales promedio invertidas en tareas en el hogar.
Prompt Maestro para IA:
Genera un código HTML completo y autocontenido (con CSS y JavaScript integrados en el mismo archivo) para construir un "Test Interactivo de Diagnóstico de Estrés Académico". El diseño visual debe ser de alto contraste para proyector, utilizando un fondo oscuro (#0f172a) con acentos en violeta y rosa brillante. El test debe constar de 5 preguntas tipo escala (con opciones de respuesta que representen la frecuencia: Nunca = 1pt, A veces = 2pt, Frecuentemente = 3pt, Siempre = 4pt) sobre síntomas físicos de estrés, sobrecarga percibida de tareas, horas de sueño perdidas por estudio y ansiedad en evaluaciones. La interfaz debe permitir contestar el test de manera fluida con un diseño dinámico de tarjetas o botones interactivos. Al presionar 'Obtener Diagnóstico', la lógica en JavaScript sumará los puntajes y categorizará el nivel de estrés del estudiante en uno de tres rangos:
- Estrés Bajo o Saludable (5 a 10 puntos): Con recomendaciones de prevención.
- Estrés Moderado (11 a 15 puntos): Con técnicas de organización del tiempo y técnicas de respiración.
- Estrés Alto o Crítico (16 a 20 puntos): Con sugerencias de búsqueda de apoyo psicopedagógico y un minitutorial interactivo de respiración guiada de 1 minuto incorporado en pantalla.
Asegúrate de que todo el código esté unificado en un solo bloque y sea responsivo para dispositivos móviles.
Tema 5

Uso Ético de la Inteligencia Artificial

+

Problema: Análisis del uso de herramientas de IA en la preparatoria, evaluando su impacto pedagógico y el balance entre la asistencia didáctica y el plagio.

Preguntas de Investigación:
  1. ¿Con qué frecuencia y para qué fines educativos recurren los alumnos del plantel a modelos de lenguaje como ChatGPT o Gemini?
  2. ¿Qué criterios de ética e integridad académica definen los estudiantes al utilizar textos generados por algoritmos artificiales?
  3. ¿Cómo puede la IA actuar como un tutor de aprendizaje constructivo en lugar de un sustituto de la capacidad analítica del alumno?
Variables para la Encuesta:
  • Cualitativa: Principal plataforma de IA utilizada (ChatGPT, Gemini, Copilot, Ninguna).
  • Escalar (Likert 1-5): Nivel de confianza otorgado a la veracidad de la información dada por la IA.
  • Cuantitativa Discreta: Cantidad de actividades escolares semanales realizadas con asistencia de IA.
  • Cuantitativa Continua: Porcentaje promedio de texto copiado textualmente de la IA en tareas.
Prompt Maestro para IA:
Genera un código HTML único y autocontenido (con CSS y JavaScript integrados en el mismo bloque) para construir una "Trivia Interactiva de Ética e Integridad Digital". El diseño debe emular una interfaz moderna de diagnóstico rápido, con alto contraste para proyección en aula, usando un fondo gris oscuro o negro con tipografía limpia en amarillo brillante y blanco. La trivia debe contener exactamente 3 casos prácticos de opción múltiple relacionados con el uso ético de la IA en la escuela (por ejemplo: copiar y pegar texto sin citar, usar la IA para explicar un concepto difícil, o generar un código fuente revisando su lógica). El script en JavaScript debe evaluar las respuestas del alumno en tiempo real, proporcionando retroalimentación inmediata sobre por qué la acción evaluada es éticamente correcta o incorrecta según los principios de integridad académica. Al responder el último caso, la aplicación debe calcular el puntaje acumulado y desplegar un veredicto dinámico con una insignia visual simulada de 'Estudiante con Integridad Digital' o 'Ciudadano Digital en Alerta de Plagio'. Asegúrate de consolidar todo en un único archivo compatible con el iFrame de Google Sites.
Tema 6

Deporte y Actividad Física Local

+

Problema: Evaluación de la actividad física diaria y deportiva frente al sedentarismo juvenil, promoviendo el desarrollo de hábitos activos y el uso de la infraestructura escolar.

Preguntas de Investigación:
  1. ¿Cuál es el promedio real de minutos que un estudiante del plantel dedica a la activación física semanal de intensidad moderada?
  2. ¿Qué infraestructura y espacios deportivos de la región o del plantel son los más visitados y cuáles requieren mantenimiento urgente?
  3. ¿Existe una relación directa entre el ejercicio físico sistemático y el manejo de estados de ansiedad o estrés académico auto-percibidos?
Variables para la Encuesta:
  • Cualitativa: Disciplina físico-deportiva favorita o practicada (Fútbol, Voleibol, Básquetbol, Atletismo/Ciclismo, Ninguna).
  • Escalar (Likert 1-5): Calidad percibida de las canchas del plantel o comunitarias.
  • Cuantitativa Discreta: Días de la semana dedicados a realizar más de 30 minutos de ejercicio físico.
  • Cuantitativa Discreta: Número promedio de pasos dados en un día escolar común.
Prompt Maestro para IA:
Genera un código HTML completo y autocontenido (con CSS y JavaScript integrados en el mismo bloque) para modelar una "Calculadora Interactiva de Meta de Pasos Diaria". El diseño visual debe ser dinámico, con un enfoque deportivo y limpio, utilizando colores de alta visibilidad para proyector como fondo oscuro (#1e293b) con indicadores en verde brillante (#22c55e) y blanco. La aplicación debe contar con una caja de entrada de tipo numérico donde el estudiante ingrese la 'Cantidad de pasos caminados el día de hoy'. Incluye un botón interactivo que diga 'Verificar Progreso de Salud'. Al ser presionado, el script de JS calculará la proporción del avance tomando como base la meta estándar de salud de 10,000 pasos al día. Se debe rellenar de manera animada una barra de progreso visual diseñada en CSS que refleje el porcentaje completado, y desplegar un panel informativo de texto indicando de forma exacta cuántos pasos restan para cumplir la meta de salud, acompañado de un mensaje motivacional personalizado según el nivel alcanzado. El código final debe estar unificado en un solo bloque listo para Google Sites.
Tema 7

Finanzas y Economía Juvenil

+

Problema: Investigación sobre la educación financiera y la planificación del ahorro en adolescentes, estimulando la administración responsable frente al gasto corriente y los gastos hormiga.

Preguntas de Investigación:
  1. ¿Cómo administran y distribuyen los jóvenes el dinero que obtienen semanalmente (becas, mesadas, empleos de fin de semana)?
  2. ¿Cuánto dinero en pesos representa la fuga financiera semanal en consumos no esenciales ("gastos hormiga")?
  3. ¿Qué porcentaje del presupuesto personal destinan sistemáticamente al ahorro para alcanzar objetivos a mediano o largo plazo?
Variables para la Encuesta:
  • Cualitativa: Mayor gasto no esencial reportado (Snacks/Comida chatarra, Datos/Suscripciones, Ropa/Moda, Ocio).
  • Escalar (Likert 1-5): Dificultad auto-percibida para resistir compras impulsivas o innecesarias.
  • Cuantitativa Discreta: Cantidad en pesos destinada al ahorro cada semana.
  • Cuantitativa Discreta: Monto estimado en pesos gastado semanalmente en antojos o salidas de ocio.
Prompt Maestro para IA:
Genera un código HTML único, limpio y totalmente autocontenido (con CSS y JavaScript integrados en el mismo archivo) para implementar una "Calculadora Interactiva de Ahorro por Metas para Estudiantes". El diseño visual debe ser moderno y de alto contraste para proyector, utilizando una paleta en tonos verdes financieros (#10b981) sobre un fondo oscuro (#0f172a). La calculadora debe contar con los siguientes elementos interactivos de entrada:
1) Un campo numérico para definir la 'Meta Financiera de Ahorro' (ej. comprar útiles, inscripción, un teléfono, etc., en pesos).
2) Una lista de selección para el 'Periodo de Ahorro' (Semanal o Mensual).
3) Un campo numérico para ingresar la 'Cantidad de Ahorro por Periodo' (en pesos).
Debe tener un botón destacado con efectos dinámicos que diga 'Simular Plan de Ahorro'. Al hacer clic, JavaScript procesará los datos mediante una fórmula de proyección temporal (Meta / Ahorro periódico) y desplegará:
- El tiempo exacto requerido (en semanas o meses) para alcanzar la meta.
- Una barra de progreso interactiva hecha con CSS que simule la escala del tiempo.
- Un plan de hitos dinámicos en base al progreso de ahorro (ej. "A la mitad del camino habrás ahorrado $X y podrás cubrir [ejemplo]").
- Un mensaje motivacional de finanzas saludables personalizado en base al tiempo proyectado.
El archivo resultante debe estar unificado en un solo bloque autocontenido listo para embeber en Google Sites.

Recursos Digitales para la Clase

Herramientas gratuitas recomendadas para el desarrollo del proyecto del tercer parcial.

Recurso Enlace Objetivo
Carrd carrd.co Plataforma gratuita para crear landing pages personales y portafolios de identidad digital (Actividad 5).
Etherpad etherpad.enry.cc Documento de texto colaborativo sin necesidad de cuentas.
Google Docs docs.google.com Procesador de textos en la nube para redacción colaborativa del marco teórico.
Google Forms forms.google.com Creación de formularios digitales para recolección de datos de campo.
Google Sheets docs.google.com/spreadsheets Hoja de cálculo gratuita para procesamiento estadístico y diagramas de Gantt.
Google Sites sites.google.com Creador de sitios web para el proyecto final del parcial.
Jamovi jamovi.org Software estadístico libre de código abierto para análisis de datos.
JASP jasp-stats.org Software estadístico gratuito con interfaz amigable para análisis descriptivo.
ChatGPT chat.openai.com IA generativa para crear componentes interactivos HTML/CSS/JS (Actividad 7).
Gemini gemini.google.com IA generativa de Google para crear componentes interactivos (Actividad 7).
ImgBB imgbb.com Servicio gratuito para compartir imágenes.
Bitly bitly.com Acortador de enlaces para facilitar la difusión de formularios.
TinyURL tinyurl.com Acortador de enlaces gratuito para compartir enlaces de formularios.

Estructura Obligatoria del Sitio Web

Para garantizar la homogeneidad y la justa evaluación de los proyectos, todos los sitios de Google Sites deberán contar exactamente con la siguiente estructura de 7 páginas en su menú de navegación.

Inicio

Presentación, contextualización local y objetivos de la campaña estudiantil.

Investigación

Marco Teórico formal: síntesis documental de las 3 preguntas clave (APA).

Estadísticas

Evidencia de Google Forms e interpretación de media, mediana, moda y dispersión.

Interactividad

Espacio exclusivo para el código embebido HTML/JS/CSS generado por la IA.

Conclusiones y Resultados

Conclusiones del proyecto, 5 acciones propuestas para mejorar el problema y Diagrama de Gantt para el próximo semestre.

El Equipo

Fichas de integrantes, roles operativos y fotografía oficial con uniforme.

Fuentes

Matriz formal de referencias bibliográficas en orden alfabético bajo norma APA.

Glosario de Términos del Tercer Parcial

Conceptos clave organizados por progresión que todo alumno debe dominar para el desarrollo del proyecto y el control de lectura.

Progresión 5 Identidad Digital · Desarrollo Web · Programación
SPA (Single Page Application)

Aplicación web de una sola página que carga todo su contenido dinámicamente sin recargar el navegador.

Hosting / Alojamiento Web

Servicio que almacena los archivos de un sitio web y los hace accesibles desde internet las 24 horas.

Dominio Web

Nombre único y amigable (ej. nombre.carrd.co) que los usuarios escriben en el navegador para localizar un servidor de hospedaje.

HTML (HyperText Markup Language)

Lenguaje de marcas que define la estructura y los bloques de contenido (textos, inputs, botones) de una página web.

CSS (Cascading Style Sheets)

Lenguaje de estilos que controla la apariencia visual: colores, tipografías, márgenes, animaciones y diseño responsivo.

JavaScript (JS)

Lenguaje de programación que añade interactividad y lógica a las páginas web: cálculos, validaciones, animaciones dinámicas.

Maquetación Web Responsiva

Técnica de diseño que adapta automáticamente la interfaz a distintos tamaños de pantalla (celular, tableta, proyector).

iFrame / Embed Code

Elemento HTML que permite incrustar contenido externo (formularios, widgets, código) dentro de otra página web, como Google Sites.

Prompt (Ingeniería de Prompts)

Instrucción detallada en lenguaje natural que se escribe para guiar a una IA generativa en la creación de un producto específico.

Identidad Digital

Conjunto de rasgos, perfiles y contenidos que caracterizan la presencia de una persona en internet y redes profesionales.

Portafolio Digital

Sitio personal que exhibe las habilidades, proyectos y logros académico-profesionales de un estudiante (ej. Carrd.co).

Carrd.co

Plataforma gratuita para crear landing pages de una sola página, usada para construir portafolios e identidad digital profesional.

Progresión 6 Literacidad Digital · Ciberetnografía · Investigación
Literacidad Digital

Capacidad crítica para buscar, evaluar y utilizar información de fuentes digitales fiables, evitando la desinformación.

Ciberetnografía

Método de investigación que estudia comunidades y comportamientos humanos a través de entornos digitales e interacciones en línea.

Google Forms

Herramienta gratuita para crear formularios digitales que recopilan datos de encuestados de forma estructurada y anónima.

Variable Cualitativa

Dato que describe una cualidad o categoría no numérica (ej. medio de transporte, alimento favorito, plataforma de IA usada).

Variable Cuantitativa

Dato numérico medible que puede ser continuo (ej. 1.65 m, 62 kg) o discreto (ej. cantidad de pasos, pesos gastados).

Escala de Likert

Escala de medición que permite conocer el grado de acuerdo o percepción del encuestado (ej. del 1 al 5, donde 1 = muy en desacuerdo).

Muestra Válida

Conjunto mínimo de respuestas requeridas para que los resultados de una encuesta sean estadísticamente representativos (mín. 30 en este parcial).

Google Sheets

Hoja de cálculo gratuita en la nube vinculada a Google Forms que organiza automáticamente las respuestas en filas y columnas.

Repositorios Académicos

Plataformas digitales que almacenan artículos científicos revisados por pares: Google Académico, Redalyc, SciELO, Dialnet.

Norma APA

Estándar internacional de citación académica que exige referenciar autor, año, título y fuente de cada documento consultado.

Plagio Académico

Uso no autorizado de ideas o textos ajenos sin atribución. Se evita parafraseando y citando correctamente las fuentes.

CryptPad

Plataforma libre de edición colaborativa en tiempo real con cifrado de extremo a extremo, sin necesidad de registros invasivos.

Progresión 7 Estadística · Análisis de Datos · Planeación
Media Aritmética (Promedio)

Suma de todos los valores dividida entre el número total de datos. Representa el valor típico central de un conjunto.

Mediana

Valor central de un conjunto de datos ordenados. Si el número de datos es par, se calcula como el promedio de los dos valores centrales.

Moda

Valor con la mayor frecuencia absoluta en la muestra; es decir, el dato que más se repite.

Varianza Muestral

Medida que indica qué tan dispersos están los datos respecto a la media. Se calcula como el promedio de las diferencias cuadráticas.

Desviación Estándar

Raíz cuadrada de la varianza. Indica en las mismas unidades de los datos qué tan alejados están del promedio.

Medidas de Tendencia Central

Conjunto de indicadores (media, mediana y moda) que resumen el comportamiento general de una variable en un solo valor representativo.

Medidas de Dispersión

Indicadores (varianza y desviación estándar) que describen qué tan variadas o agrupadas están las respuestas obtenidas.

Diagrama de Gantt

Herramienta visual de planificación que muestra actividades en barras horizontales sobre un eje de tiempo, con fechas, avances y responsables.

Google Sites

Plataforma gratuita de Google para crear sitios web colaborativos mediante plantillas, menús de navegación e incrustación de contenido externo.

Sitemap

Mapa o esquema de la arquitectura de un sitio web que representa la jerarquía y relación entre todas sus páginas y secciones.

IA y Ética Digital Inteligencia Artificial · Integridad Académica
IA Generativa

Tecnología capaz de crear contenido original (texto, código, imágenes) a partir de instrucciones en lenguaje natural (ChatGPT, Gemini, Copilot).

Integridad Académica Digital

Conjunto de principios éticos que guían el uso responsable de la IA: citar fuentes, no copiar textualmente sin atribución y verificar la información generada.

Cifrado de Extremo a Extremo

Sistema de seguridad donde solo el emisor y el receptor pueden leer los datos transmitidos, sin que terceros (ni el propio servidor) tengan acceso.

Aviso de Privacidad

Declaración obligatoria en formularios que informa al encuestado cómo se usarán sus datos personales y garantiza el anonimato de sus respuestas.

Prompt copiado al portapapeles