/* ============================================================ CS-STEM · Formación Docente Bloque autocontenido: se puede pegar completo en WordPress. Para editar colores globales, modificar variables --cs-*. ============================================================ */ .csstem-fd{ --cs-primary:#123d63; --cs-primary-2:#0d2f4f; --cs-secondary:#0e7490; --cs-accent:#f59e0b; --cs-accent-soft:#fff7ed; --cs-purple:#6d28d9; --cs-green:#0f766e; --cs-ink:#102033; --cs-muted:#5b6b7d; --cs-bg:#f6f9fc; --cs-soft:#eef6fb; --cs-card:#ffffff; --cs-line:#dbe7f2; --cs-radius:18px; --cs-radius-lg:26px; --cs-shadow:0 14px 35px rgba(18,61,99,.12); --cs-shadow-soft:0 8px 22px rgba(18,61,99,.08); font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; color:var(--cs-ink); background:var(--cs-bg); line-height:1.58; border-radius:20px; overflow:hidden; } .csstem-fd *{box-sizing:border-box} .csstem-fd a{color:var(--cs-secondary);text-decoration-thickness:.08em;text-underline-offset:.18em} .csstem-fd a:hover{color:var(--cs-primary)} .csstem-fd .cs-wrap{max-width:1180px;margin:0 auto;padding:0 22px} .csstem-fd .cs-hero{ background: radial-gradient(circle at 15% 15%, rgba(245,158,11,.22), transparent 28%), radial-gradient(circle at 88% 12%, rgba(14,116,144,.26), transparent 28%), linear-gradient(135deg,#0d2f4f 0%,#123d63 55%,#0e7490 100%); color:#fff; padding:64px 0 48px; } .csstem-fd .cs-kicker{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.25);padding:8px 12px;border-radius:999px;font-size:.92rem;letter-spacing:.02em} .csstem-fd h1{margin:20px 0 14px;font-size:clamp(2.05rem,4vw,3.9rem);line-height:1.04;letter-spacing:-.045em;max-width:980px;color:#ffffff !important} .csstem-fd .cs-lead{font-size:clamp(1.04rem,2vw,1.28rem);max-width:940px;color:rgba(255,255,255,.92);margin:0 0 26px} .csstem-fd .cs-hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:26px} .csstem-fd .cs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:999px;font-weight:800;text-decoration:none;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background .15s ease} .csstem-fd .cs-btn:hover{transform:translateY(-1px)} .csstem-fd .cs-btn-primary{background:var(--cs-accent);color:#1f2937;box-shadow:0 10px 18px rgba(0,0,0,.18)} .csstem-fd .cs-btn-secondary{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.35)} .csstem-fd .cs-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;color:rgba(255,255,255,.86);font-size:.95rem} .csstem-fd .cs-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);padding:7px 10px;border-radius:999px} .csstem-fd .cs-nav{background:#fff;border-bottom:1px solid var(--cs-line);position:sticky;top:0;z-index:5} .csstem-fd .cs-nav .cs-wrap{display:flex;gap:12px;overflow-x:auto;padding-top:12px;padding-bottom:12px} .csstem-fd .cs-nav a{white-space:nowrap;text-decoration:none;color:var(--cs-primary);font-weight:800;padding:8px 11px;border-radius:999px;background:#eef6fb;font-size:.92rem} .csstem-fd section{padding:54px 0} .csstem-fd section:nth-of-type(even){background:linear-gradient(180deg,#f9fbfd 0%,#eef6fb 100%)} .csstem-fd .cs-section-title{display:grid;gap:10px;margin-bottom:24px} .csstem-fd .cs-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:900;color:var(--cs-secondary);text-transform:uppercase;letter-spacing:.09em} .csstem-fd h2{margin:0;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.12;letter-spacing:-.028em;color:var(--cs-primary)} .csstem-fd h3{margin:0 0 8px;color:var(--cs-primary);font-size:1.14rem;line-height:1.25} .csstem-fd p{margin:0 0 13px} .csstem-fd .cs-section-intro{margin:0;max-width:900px;color:var(--cs-muted);font-size:1.03rem} .csstem-fd .cs-grid{display:grid;gap:18px} .csstem-fd .cs-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))} .csstem-fd .cs-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))} .csstem-fd .cs-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))} .csstem-fd .cs-card{background:var(--cs-card);border:1px solid var(--cs-line);border-radius:var(--cs-radius);padding:22px;box-shadow:var(--cs-shadow-soft)} .csstem-fd .cs-card p,.csstem-fd .cs-card li{color:var(--cs-muted)} .csstem-fd .cs-card ul{padding-left:1.15rem;margin:10px 0 0} .csstem-fd .cs-card li{margin:6px 0} .csstem-fd .cs-number{width:34px;height:34px;border-radius:50%;background:#e6f6fb;color:var(--cs-secondary);display:inline-flex;align-items:center;justify-content:center;font-weight:900;margin-bottom:12px} .csstem-fd .cs-badges{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 0} .csstem-fd .cs-badge{display:inline-flex;align-items:center;border-radius:999px;font-size:.78rem;font-weight:900;padding:5px 8px;background:#eef6fb;color:var(--cs-primary)} .csstem-fd .cs-badge-es{background:#fff7ed;color:#9a3412} .csstem-fd .cs-badge-en{background:#ecfeff;color:#155e75} .csstem-fd .cs-badge-ai{background:#f5f3ff;color:#5b21b6} .csstem-fd .cs-highlight{background:linear-gradient(135deg,rgba(14,116,144,.09),rgba(245,158,11,.08));border:1px solid rgba(14,116,144,.17);border-radius:var(--cs-radius);padding:24px;margin-top:18px} .csstem-fd .cs-highlight strong{color:var(--cs-primary)} .csstem-fd .cs-path{counter-reset:step;display:grid;gap:14px} .csstem-fd .cs-step{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:start;background:#fff;border:1px solid var(--cs-line);border-radius:16px;padding:18px} .csstem-fd .cs-step::before{counter-increment:step;content:counter(step);width:42px;height:42px;border-radius:14px;background:var(--cs-primary);color:#fff;display:grid;place-items:center;font-weight:950} .csstem-fd .cs-step h3{margin:0 0 5px} .csstem-fd .cs-step p{margin:0;color:var(--cs-muted)} .csstem-fd .cs-table-wrap{overflow-x:auto;border:1px solid var(--cs-line);border-radius:16px;background:#fff} .csstem-fd table{width:100%;border-collapse:collapse;min-width:760px} .csstem-fd th,.csstem-fd td{padding:14px;border-bottom:1px solid var(--cs-line);text-align:left;vertical-align:top} .csstem-fd th{background:#eef6fb;color:var(--cs-primary);font-size:.92rem} .csstem-fd td{color:var(--cs-muted)} .csstem-fd details{background:#fff;border:1px solid var(--cs-line);border-radius:16px;padding:16px 18px} .csstem-fd details+details{margin-top:12px} .csstem-fd summary{cursor:pointer;font-weight:850;color:var(--cs-primary)} .csstem-fd details p,.csstem-fd details li{color:var(--cs-muted)} .csstem-fd .cs-resource{display:flex;flex-direction:column;gap:10px} .csstem-fd .cs-resource a{font-weight:850;color:var(--cs-primary)} .csstem-fd .cs-resource small{color:var(--cs-muted)} .csstem-fd .cs-note{border:1px solid rgba(245,158,11,.30);background:linear-gradient(180deg,rgba(245,158,11,.09),rgba(245,158,11,.04));border-radius:16px;padding:16px 18px;color:#5f4a16} .csstem-fd .cs-family-card{display:flex;flex-direction:column;gap:9px} .csstem-fd .cs-family-card a{font-weight:900;text-decoration:none;color:var(--cs-primary)} .csstem-fd .cs-family-card p{color:var(--cs-muted)} .csstem-fd .cs-small{font-size:.92rem;color:var(--cs-muted)} .csstem-fd .cs-edit-note{font-size:.86rem;color:var(--cs-muted);border-top:1px dashed var(--cs-line);margin-top:14px;padding-top:10px} @media (max-width:900px){ .csstem-fd .cs-grid-2,.csstem-fd .cs-grid-3,.csstem-fd .cs-grid-4{grid-template-columns:1fr} .csstem-fd .cs-nav{position:static} } @media (max-width:680px){ .csstem-fd .cs-wrap{padding:0 16px} .csstem-fd .cs-hero{padding:48px 0 36px} .csstem-fd section{padding:42px 0} .csstem-fd .cs-step{grid-template-columns:1fr} .csstem-fd .cs-step::before{margin-bottom:0} }
TPACK/TPASK · Formación docente STEM · Preservice & In-service

TPACK/TPASK para integrar tecnología, pedagogía y ciencias con sentido educativo

Página final para docentes y formadores que necesitan decidir qué tecnología usar, con qué pedagogía, para qué contenido STEM y en qué contexto, especialmente al trabajar con simulaciones, datos, IA y ciencia computacional.

🧩 Tecnología + pedagogía + contenido🧪 TPASK para ciencias🤖 IA con criterio docente✏️ Bloque editable
Marco de referencia

Qué son TPACK y TPASK

TPACK describe el conocimiento docente necesario para integrar tecnología, pedagogía y contenido de manera situada. TPASK adapta esa mirada a la enseñanza de ciencias, considerando tecnologías como simulaciones, modelado, bases de datos, planillas, sensores, notebooks e IA.

TPACK

Ayuda a evitar que la tecnología sea un “agregado” y promueve decisiones integradas entre contenido, pedagogía, herramienta y contexto.

TPASK

Enfatiza el conocimiento pedagógico, tecnológico y científico para enseñar ciencias con TIC, modelación, datos, simulación e indagación auténtica.

Contexto

Incluye estudiantes, currículo, infraestructura, tiempo, evaluación, cultura escolar, inclusión, seguridad y evidencia disponible.

Articulación con las otras páginas: pensamiento computacional define estrategias de razonamiento; computational science propone prácticas científicas con modelos y datos; TPACK/TPASK convierte esas prácticas en decisiones didácticas implementables.

Decisiones integradas

Componentes que debe mirar una experiencia STEM con tecnología

La pregunta central no es “qué herramienta usar”, sino qué aprendizaje se busca y cómo la tecnología transforma la representación, indagación o evaluación.

Contenido científico

Conceptos, prácticas, modelos, datos, habilidades y dificultades típicas del tema.

Pedagogía

Indagación, aprendizaje basado en problemas, modelación, colaboración, andamiaje y evaluación formativa.

Tecnología

Simuladores, planillas, notebooks, bases de datos, visualizadores moleculares, sensores, IA y LMS.

Contexto

Curso, nivel, tiempo, conectividad, accesibilidad, idioma, seguridad, privacidad y cultura de aula.

Capacitación docente

Ruta formativa TPACK/TPASK

La formación debe combinar modelamiento docente, práctica situada, diseño colaborativo, implementación y reflexión basada en evidencias.

Analizar una unidad

Identificar contenido central, dificultades de aprendizaje y representaciones necesarias.

Elegir tecnología por función pedagógica

Seleccionar herramientas porque permiten visualizar, modelar, experimentar, colaborar, analizar datos o retroalimentar.

Diseñar una secuencia

Definir pregunta, activación de ideas previas, exploración, producción, discusión, evaluación y transferencia.

Pilotear y observar

Registrar evidencias de aprendizaje, dificultades técnicas, participación, comprensión conceptual y calidad de explicaciones.

Revisar y escalar

Ajustar recursos, tiempos, rúbricas y apoyos para que la actividad sea reutilizable por otros docentes.

Herramienta de diseño

Canvas TPACK/TPASK editable para una actividad STEM

Use esta matriz antes de llevar una actividad a clase. También sirve para retroalimentar planificaciones de docentes preservice.

Pregunta de diseñoDecisión docenteEvidencia esperada
¿Qué concepto o práctica científica es central?Priorizar uno o dos aprendizajes clave.Objetivo claro y observable.
¿Qué dificultad o idea previa debo anticipar?Diseñar andamiaje, comparación o conflicto cognitivo.Preguntas diagnósticas o discusión inicial.
¿Qué aporta la tecnología que no aporta igual el papel?Visualizar, simular, manipular datos, automatizar o colaborar.Producto que evidencia transformación, no solo uso.
¿Qué hará el estudiante para razonar?Predecir, probar, explicar, comparar, justificar y revisar.Bitácora, notebook, informe o presentación.
¿Cómo se evaluará el aprendizaje?Rúbrica centrada en explicación, modelo, evidencia y límites.Retroalimentación formativa y mejora.
Ejemplos situados

Cómo se ve TPACK/TPASK en temas STEM

Cada ejemplo evita una adopción tecnocéntrica: la herramienta se selecciona porque mejora una representación, pregunta o práctica científica.

Cinética química con planillas

Contenido: velocidad y modelos de reacción. Pedagogía: ABP y discusión de parámetros. Tecnología: planilla para ajustar datos y visualizar residuos.

Proteínas con AlphaFold/PDB

Contenido: estructura-función. Pedagogía: comparación de evidencias. Tecnología: visualizador 3D y discusión de confianza del modelo.

Simulación de epidemias

Contenido: modelos SIR. Pedagogía: indagación y escenarios. Tecnología: simulador o notebook para variar parámetros y justificar decisiones.

Datos ambientales locales

Contenido: calidad de agua o clima. Pedagogía: aprendizaje territorial. Tecnología: dataset abierto, visualización y argumentación socioambiental.

IA generativa en ciencias

Contenido: explicación científica. Pedagogía: revisión crítica. Tecnología: IA para generar borradores que se verifican con fuentes y datos.

Diseño experimental

Contenido: variables y control. Pedagogía: predicción y prueba. Tecnología: sensores, planillas o simuladores para comparar modelos con medición.

Recursos revisados

Enlaces de interés para diseño TPACK/TPASK

Priorice recursos que ayuden a diseñar, justificar, implementar y evaluar tecnología en función del aprendizaje.

TPACK.org

Sitio de referencia del marco TPACK y sus recursos de investigación y práctica.

EnglishMarco
UNESCO · AI CFT

Marco de competencias docentes para IA con enfoque humano, ética, fundamentos, pedagogía y desarrollo profesional.

EnglishIA
PhET en español

Simulaciones interactivas basadas en investigación educativa para STEM.

EspañolSimulación
Concord Consortium

Recursos STEM con modelos, datos, simulaciones y actividades para indagación.

EnglishREA
Scientix

Recursos y oportunidades de desarrollo profesional para docentes STEM.

EspañolDocentes
Evaluación

Indicadores de desarrollo TPACK/TPASK

Estos niveles ayudan a evaluar docentes preservice e in-service durante talleres, cursos o comunidades de práctica.

NivelIndicadorEvidenciaRiesgo a evitar
ReconoceDistingue uso técnico de integración pedagógica.Análisis de una actividad existente.Elegir tecnología por novedad.
AdaptaModifica una experiencia para mejorar representación o indagación.Guía rediseñada.Convertir la actividad en instrucciones mecánicas.
DiseñaIntegra contenido, pedagogía, tecnología y contexto.Canvas completo y rúbrica.Ignorar accesibilidad o infraestructura.
ReflexionaUsa evidencias para mejorar una implementación.Portafolio y ajustes justificados.Evaluar solo el producto técnico.
Honestidad y revisión

Fuentes y límites de esta página

TPACK/TPASK no es una receta. Es un marco para razonar decisiones profesionales en contextos específicos.

Fuentes base

  • Mishra y Koehler para TPACK como conocimiento complejo, situado y relacional.
  • Niess para trayectorias de desarrollo docente y componentes de TPACK.
  • Jimoyiannis para TPASK y desarrollo profesional docente en ciencias.
  • Literatura sobre TPACK-Practical y evaluación de prácticas docentes con tecnología.

Cautelas

  • TPACK/TPASK no garantiza aprendizaje si no hay objetivos y evaluación claros.
  • La tecnología debe transformar la comprensión, no solo digitalizar una tarea.
  • La IA exige verificación, transparencia, protección de datos y agencia docente.
Familia de páginas

Articulación no redundante entre las tres páginas

Las tres páginas forman una ruta: primero pensar computacionalmente, luego aplicar esa mirada a ciencia computacional, y finalmente diseñar decisiones didácticas con TPACK/TPASK.

Pensamiento computacional

Estrategias generales para formular problemas, organizar datos, diseñar algoritmos y razonar con modelos.

Ver página
Computational Science

Aplicación científica de modelos, simulaciones, datos, química computacional, quimioinformática, bioinformática e IA.

Ver página
TPACK/TPASK

Marco para decidir qué tecnología usar, con qué pedagogía, para qué contenido STEM y en qué contexto.

Página actual
Scroll al inicio