{"id":82192,"date":"2025-08-25T23:44:06","date_gmt":"2025-08-25T23:44:06","guid":{"rendered":"https:\/\/proyectos.comunicaciondigital.es\/?p=82192"},"modified":"2025-08-25T23:52:41","modified_gmt":"2025-08-25T23:52:41","slug":"t8-gestion-calidad","status":"publish","type":"post","link":"https:\/\/proyectos.comunicaciondigital.es\/en\/t8-gestion-calidad\/","title":{"rendered":"Tema 8. Gesti\u00f3n de la calidad, seguimiento y entrega de proyectos."},"content":{"rendered":"<p>[et_pb_section fb_built=\u00bb1&#8243; _builder_version=\u00bb4.16&#8243; global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_row _builder_version=\u00bb4.16&#8243; background_size=\u00bbinitial\u00bb background_position=\u00bbtop_left\u00bb background_repeat=\u00bbrepeat\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.16&#8243; custom_padding=\u00bb|||\u00bb global_colors_info=\u00bb{}\u00bb custom_padding__hover=\u00bb|||\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text admin_label=\u00bbConociendo etiqueta\u00bb module_id=\u00bb1&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb header_text_color=\u00bb#cc181e\u00bb header_2_text_color=\u00bb#cc181e\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb sticky_enabled=\u00bb0&#8243;]<\/p>\n<h2>Tema 8. Gesti\u00f3n de la calidad, seguimiento y entrega de proyectos<\/h2>\n<p>[\/et_pb_text][et_pb_accordion _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb body_link_text_color=\u00bb#cc181e\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb sticky_enabled=\u00bb0&#8243;][et_pb_accordion_item title=\u00bb8.1 Control de calidad\u00bb open=\u00bbon\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb sticky_enabled=\u00bb0&#8243;]<\/p>\n<h3>Fundamentos del control de calidad en comunicaci\u00f3n digital<\/h3>\n<p>El control de calidad en proyectos de comunicaci\u00f3n digital representa un sistema integral que debe equilibrar est\u00e1ndares t\u00e9cnicos, excelencia editorial, experiencia de usuario y objetivos de negocio de forma coherente y sostenible. A diferencia de industrias manufactureras, donde la calidad se mide mediante especificaciones f\u00edsicas uniformes, en comunicaci\u00f3n digital es multidimensional e incluye precisi\u00f3n informativa, relevancia para las audiencias, usabilidad t\u00e9cnica, accesibilidad, rendimiento de los sistemas e impacto comunicativo.<\/p>\n<p>La complejidad de la calidad surge de la interacci\u00f3n entre varias capas: calidad del contenido (exactitud, relevancia, capacidad de generar inter\u00e9s), calidad t\u00e9cnica (rendimiento, seguridad, compatibilidad), calidad de dise\u00f1o (usabilidad, accesibilidad, est\u00e9tica), calidad de experiencia (recorrido del usuario, satisfacci\u00f3n, fidelizaci\u00f3n) y calidad de impacto (efectividad comunicativa, alcance, influencia social). Cada dimensi\u00f3n requiere criterios, m\u00e9tricas y procesos de validaci\u00f3n propios.<\/p>\n<p>Los est\u00e1ndares de calidad en comunicaci\u00f3n digital deben ser relevantes y adaptativos seg\u00fan el tipo de contenido, la audiencia y los objetivos. Un art\u00edculo de \u00faltima hora no comparte los mismos requisitos que un reportaje de investigaci\u00f3n, una newsletter especializada o una aplicaci\u00f3n m\u00f3vil. Esta variabilidad exige marcos de calidad flexibles que apliquen criterios apropiados seg\u00fan el proyecto, la audiencia y el contexto de uso. El <a href=\"https:\/\/www.poynter.org\/ethics-guidelines\/2014\/poynter-updates-international-journalism-ethics-guidelines\/\">Poynter Institute<\/a> ha desarrollado gu\u00edas completas sobre est\u00e1ndares \u00e9ticos y de calidad para el periodismo digital.<\/p>\n<p>La integraci\u00f3n de la calidad en metodolog\u00edas \u00e1giles implica asegurarla en cada sprint e iteraci\u00f3n, en lugar de tratarla como una fase separada al final del proyecto. Esto supone pruebas continuas, revisi\u00f3n editorial constante, integraci\u00f3n de feedback de usuarios, monitorizaci\u00f3n del rendimiento y mejoras iterativas basadas en evidencias y comportamientos reales. Los puntos de control de calidad deben colocarse estrat\u00e9gicamente en el proceso de desarrollo para mantener est\u00e1ndares sin frenar la iteraci\u00f3n r\u00e1pida ni el desarrollo adaptativo.<\/p>\n<p>Las expectativas de los grupos de inter\u00e9s en materia de calidad suelen ir m\u00e1s all\u00e1 de los entregables inmediatos e incluyen sostenibilidad a largo plazo, escalabilidad, mantenibilidad y capacidad de evoluci\u00f3n. Los marcos de calidad deben tener en cuenta no solo los requisitos actuales, sino tambi\u00e9n necesidades futuras, la evoluci\u00f3n tecnol\u00f3gica, el crecimiento de la audiencia y los cambios del mercado que puedan afectar al producto con el tiempo.<\/p>\n<h3>Dimensiones de calidad espec\u00edficas para comunicaci\u00f3n digital<\/h3>\n<p>La calidad editorial abarca exactitud (verificaci\u00f3n de fuentes y datos), claridad (calidad de la escritura, organizaci\u00f3n de la informaci\u00f3n, coherencia del mensaje), relevancia (adecuaci\u00f3n al p\u00fablico, oportunidad, contexto), exhaustividad (cobertura completa, equilibrio de perspectivas, nivel de detalle) y cumplimiento \u00e9tico (est\u00e1ndares period\u00edsticos, protecci\u00f3n de la privacidad, prevenci\u00f3n de sesgos). El aseguramiento de la calidad editorial requiere varios niveles de revisi\u00f3n: comprobaci\u00f3n de hechos, correcci\u00f3n de estilo, revisi\u00f3n legal y supervisi\u00f3n editorial.<\/p>\n<p>Las m\u00e9tricas de calidad de los contenidos incluyen legibilidad (\u00edndices de Flesch-Kincaid, SMOG), m\u00e9tricas de participaci\u00f3n (tiempo de lectura, profundidad de scroll, comparticiones en redes), indicadores de exactitud (\u00edndices de correcci\u00f3n, puntuaci\u00f3n de fact-checking, credibilidad de fuentes), efectividad SEO (posicionamiento, tr\u00e1fico org\u00e1nico, clics) y retroalimentaci\u00f3n de audiencia (comentarios, encuestas de satisfacci\u00f3n, tasas de retorno). Las herramientas autom\u00e1ticas permiten monitorizar algunos de estos indicadores, aunque el criterio editorial sigue siendo esencial para evaluaciones m\u00e1s matizadas.<\/p>\n<p>La calidad t\u00e9cnica comprende la optimizaci\u00f3n del rendimiento (tiempo de carga, respuesta del servidor, adaptaci\u00f3n a m\u00f3vil), la seguridad (protecci\u00f3n de datos, autenticaci\u00f3n segura, gesti\u00f3n de vulnerabilidades), la accesibilidad (cumplimiento de WCAG, compatibilidad con lectores de pantalla, navegaci\u00f3n con teclado), la compatibilidad multiplataforma (navegadores, dispositivos, sistemas operativos) y la escalabilidad (planificaci\u00f3n de capacidad, gesti\u00f3n de cargas, crecimiento). <a href=\"https:\/\/web.dev\/\">Google Web.dev<\/a> proporciona gu\u00edas y herramientas autom\u00e1ticas para medir y mejorar la calidad t\u00e9cnica.<\/p>\n<p>Los est\u00e1ndares de calidad de experiencia de usuario incluyen pruebas de usabilidad (tasas de finalizaci\u00f3n de tareas, errores, satisfacci\u00f3n), arquitectura de la informaci\u00f3n (claridad de la navegaci\u00f3n, facilidad para encontrar contenidos), calidad del dise\u00f1o visual (consistencia, alineaci\u00f3n con la marca, atractivo est\u00e9tico), dise\u00f1o de interacciones (fluidez, facilidad de uso, retroalimentaci\u00f3n) y personalizaci\u00f3n (relevancia del contenido, opciones de ajuste, interfaces adaptativas).<\/p>\n<p>El control de calidad en contenidos multimedia requiere criterios espec\u00edficos: calidad de im\u00e1genes (resoluci\u00f3n, compresi\u00f3n, formato), est\u00e1ndares de v\u00eddeo (codificaci\u00f3n, transmisi\u00f3n, subtitulado), calidad del audio (claridad, volumen estable, compatibilidad), funcionalidad de elementos interactivos (formularios, reproductores, botones de compartir) y dise\u00f1o responsive para distintos dispositivos y velocidades de conexi\u00f3n.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bb8.2 Gesti\u00f3n de entregables finales\u00bb title_last_edited=\u00bboff|desktop\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb open=\u00bboff\u00bb sticky_enabled=\u00bb0&#8243;]<\/p>\n<h3>Planificaci\u00f3n y preparaci\u00f3n de entregables<\/h3>\n<p>La gesti\u00f3n de los entregables finales en proyectos de comunicaci\u00f3n digital requiere una coordinaci\u00f3n sofisticada entre diferentes l\u00edneas de trabajo que deben converger simult\u00e1neamente: entregables t\u00e9cnicos (plataformas funcionales, sistemas integrados), entregables de contenido (art\u00edculos, material multimedia, bases de datos), entregables de formaci\u00f3n (manuales de usuario, capacitaci\u00f3n del personal, documentaci\u00f3n de flujos de trabajo), entregables de integraci\u00f3n (conexiones API, servicios externos) y entregables de transici\u00f3n (procedimientos de traspaso, planes de mantenimiento, acuerdos de soporte).<\/p>\n<p>La complejidad de la gesti\u00f3n de entregables aumenta porque muchos son interdependientes: el contenido necesita un CMS funcional, los flujos editoriales requieren personal capacitado, las funcionalidades de audiencia dependen de integraciones probadas y la optimizaci\u00f3n del rendimiento exige la implementaci\u00f3n completa de los sistemas. La secuenciaci\u00f3n y gesti\u00f3n de dependencias son cr\u00edticas para asegurar que los entregables finales est\u00e9n completos, funcionales y listos para la transici\u00f3n exitosa a operaciones.<\/p>\n<p>Los criterios de aceptaci\u00f3n deben establecerse al inicio de la planificaci\u00f3n y refinarse de forma iterativa en funci\u00f3n de la evoluci\u00f3n de las necesidades y realidades t\u00e9cnicas. Definir criterios claros ayuda a evitar ampliaciones de alcance, reduce disputas y garantiza que todas las partes entienden qu\u00e9 constituye la finalizaci\u00f3n satisfactoria. Estos criterios deben cubrir requisitos funcionales, est\u00e1ndares de calidad, referencias de rendimiento, exhaustividad de la documentaci\u00f3n y preparaci\u00f3n para la transici\u00f3n.<\/p>\n<p>La documentaci\u00f3n de los entregables debe servir a diferentes audiencias y objetivos: los equipos t\u00e9cnicos necesitan especificaciones para mantenimiento y desarrollo futuro, los equipos editoriales requieren gu\u00edas de flujo de trabajo y buenas pr\u00e1cticas, los directivos precisan res\u00famenes estrat\u00e9gicos y referencias de rendimiento, y los usuarios finales necesitan recursos de ayuda y explicaciones de funcionalidades. La estrategia documental debe equilibrar exhaustividad y facilidad de uso, proporcionando el nivel de detalle adecuado para cada perfil. La comunidad <a href=\"https:\/\/www.writethedocs.org\/\">Write the Docs<\/a> ofrece recursos muy \u00fatiles para la creaci\u00f3n de documentaci\u00f3n eficaz.<\/p>\n<p>Los protocolos de pruebas y validaci\u00f3n deben contemplar escenarios realistas que simulen condiciones de uso reales: picos de tr\u00e1fico, flujos de publicaci\u00f3n, patrones de interacci\u00f3n, funcionamiento de integraciones, amenazas de seguridad y casos l\u00edmite que no emergen en las pruebas de desarrollo. Las pruebas de aceptaci\u00f3n por parte de usuarios deben involucrar a personas reales que realicen tareas veros\u00edmiles en condiciones cercanas a la producci\u00f3n.<\/p>\n<h3>Procesos de entrega y transici\u00f3n<\/h3>\n<p>La orquestaci\u00f3n de la entrega requiere planificar c\u00f3mo se integrar\u00e1n, probar\u00e1n, desplegar\u00e1n y transferir\u00e1n los componentes a los equipos operativos. Los calendarios de entrega deben contemplar tiempos de prueba, incorporaci\u00f3n de comentarios, resoluci\u00f3n de incidencias, finalizaci\u00f3n de formaci\u00f3n y procedimientos de traspaso para asegurar una transici\u00f3n fluida sin interrumpir operaciones ni comprometer la calidad del servicio.<\/p>\n<p>Las estrategias de despliegue suelen recurrir a implementaciones graduales que minimicen riesgos y faciliten la identificaci\u00f3n temprana de problemas. Los lanzamientos limitados con audiencias reducidas, los programas beta con usuarios comprometidos, la activaci\u00f3n progresiva de funcionalidades y las pruebas A\/B de nuevas capacidades contribuyen a que el lanzamiento final sea estable, bien recibido y alineado con las expectativas.<\/p>\n<p>Los procesos de transferencia de conocimiento son cr\u00edticos para que los equipos receptores puedan operar, mantener y evolucionar los sistemas entregados. La transferencia debe incluir formaci\u00f3n pr\u00e1ctica, revisi\u00f3n de documentaci\u00f3n, recorridos de procesos, gu\u00edas de resoluci\u00f3n de incidencias, procedimientos de escalado y acuerdos de soporte continuo. La efectividad puede medirse con evaluaciones de competencias, tiempos de resoluci\u00f3n de problemas, disponibilidad de sistemas y satisfacci\u00f3n de los usuarios tras la transici\u00f3n.<\/p>\n<p>Los actos formales de entrega y aceptaci\u00f3n proporcionan un punto de transici\u00f3n claro entre la finalizaci\u00f3n del proyecto y la asunci\u00f3n de responsabilidades operativas. Estos procedimientos deben incluir la verificaci\u00f3n de entregables, la documentaci\u00f3n de aceptaci\u00f3n, la transferencia de responsabilidades, la comunicaci\u00f3n a los grupos de inter\u00e9s y la autorizaci\u00f3n de cierre del proyecto. Contar con protocolos claros de traspaso evita confusiones, lagunas de responsabilidad y garantiza que todas las partes conocen sus obligaciones. El <a href=\"https:\/\/www.pmi.org\/learning\/library\/closing-project-proper-closeout-6952\">Project Management Institute<\/a> ofrece gu\u00edas detalladas para el cierre de proyectos y procesos de entrega.<\/p>\n<h3>Gesti\u00f3n de transici\u00f3n y soporte inicial<\/h3>\n<p>El periodo de soporte tras la entrega es cr\u00edtico para garantizar que los nuevos sistemas y procesos funcionen eficazmente en condiciones reales. Este soporte debe incluir resoluci\u00f3n inmediata de incidencias, asistencia a usuarios, monitorizaci\u00f3n de rendimiento, ajustes de optimizaci\u00f3n y formaci\u00f3n adicional conforme los equipos operativos ganan experiencia.<\/p>\n<p>Los procedimientos de escalado de soporte deben estar claramente definidos y comunicados para garantizar que los problemas se atienden de forma r\u00e1pida y adecuada. Los niveles de escalado pueden incluir soporte de primera l\u00ednea (asistencia b\u00e1sica, ayuda a usuarios), soporte t\u00e9cnico (problemas de sistema o integraci\u00f3n), soporte editorial (dudas sobre flujos de trabajo y gesti\u00f3n de contenidos) y soporte estrat\u00e9gico (optimizaci\u00f3n del rendimiento, planificaci\u00f3n de mejoras). Los compromisos de tiempos de respuesta y resoluci\u00f3n ayudan a gestionar expectativas y asegurar un nivel de calidad adecuado.<\/p>\n<p>La monitorizaci\u00f3n del rendimiento durante el periodo de transici\u00f3n aporta alertas tempranas de posibles incidencias y valida que los sistemas cumplen lo previsto bajo condiciones reales. Debe cubrir rendimiento t\u00e9cnico (tiempos de respuesta, errores, capacidad), comportamiento de los usuarios (tasas de adopci\u00f3n, uso de funciones, indicadores de satisfacci\u00f3n), desempe\u00f1o de los contenidos (m\u00e9tricas de participaci\u00f3n, SEO, comparticiones en redes) e impacto de negocio (tr\u00e1fico, conversiones, ingresos).<\/p>\n<p>Las mejoras iterativas basadas en la experiencia inicial de uso permiten optimizar los sistemas y procesos entregados. Los ciclos de mejora deben ser r\u00e1pidos y receptivos, integrando la retroalimentaci\u00f3n de usuarios, datos de rendimiento e informaci\u00f3n operativa para perfeccionar la funcionalidad, la experiencia de usuario y el valor de negocio. Estas mejoras deben reflejarse en actualizaciones de documentaci\u00f3n, ajustes en la formaci\u00f3n y revisiones de procesos.<\/p>\n<p>La transici\u00f3n a operaciones estables debe ser gradual y bien gestionada, reduciendo progresivamente la implicaci\u00f3n del equipo de proyecto y aumentando la responsabilidad del equipo operativo durante un periodo definido. Los hitos de transici\u00f3n deben marcar el traspaso de capacidades, cambios en responsabilidades y modificaciones en los niveles de soporte. Los criterios de \u00e9xito deben ser medibles y acordados por todos los grupos implicados. Los marcos de referencia <a href=\"https:\/\/www.itil-officialsite.com\/\">ITIL<\/a> ofrecen enfoques estructurados para la transici\u00f3n de proyectos a servicios operativos, adaptables a plataformas de comunicaci\u00f3n.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bb8.3 Revisiones post-mortem\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb open=\u00bboff\u00bb sticky_enabled=\u00bb0&#8243;]<\/p>\n<h2>8.3 Revisiones post-mortem<\/h2>\n<h3>Estructura y metodolog\u00eda de las revisiones<\/h3>\n<p>Las revisiones post-mortem en proyectos de comunicaci\u00f3n digital son oportunidades clave para capturar aprendizajes, documentar \u00e9xitos, identificar mejoras y fortalecer capacidades organizativas. Una revisi\u00f3n eficaz va m\u00e1s all\u00e1 de la evaluaci\u00f3n del proyecto para generar conocimiento sistem\u00e1tico que oriente decisiones estrat\u00e9gicas, mejoras de procesos, desarrollo de equipos y gesti\u00f3n de riesgos en futuras iniciativas.<\/p>\n<p>La planificaci\u00f3n temporal debe equilibrar la memoria reciente con la estabilidad operativa. Suele funcionar bien un enfoque en dos fases: una revisi\u00f3n inmediata (entre 2 y 4 semanas tras el cierre) centrada en el proceso de entrega y los resultados iniciales, y una revisi\u00f3n extendida (a los 3\u20136 meses) para evaluar el rendimiento a medio plazo y el impacto estrat\u00e9gico.<\/p>\n<p>La participaci\u00f3n de los grupos de inter\u00e9s debe ser representativa e incluir miembros del equipo del proyecto, usuarios finales, personal de operaci\u00f3n, responsables ejecutivos y, cuando proceda, socios externos. La facilitaci\u00f3n estructurada garantiza que todas las voces sean escuchadas y que el di\u00e1logo se mantenga productivo y orientado al aprendizaje, evitando la cultura de la culpa.<\/p>\n<p>La recogida de datos debe combinar m\u00e9tricas cuantitativas (cumplimiento de plazos y presupuesto, anal\u00edtica de uso, resultados de negocio) con informaci\u00f3n cualitativa (entrevistas, retroalimentaci\u00f3n de usuarios, reflexiones del equipo). La base emp\u00edrica ayuda a distinguir percepciones de resultados reales y a sustentar conclusiones. El marco de <a href=\"https:\/\/rework.withgoogle.com\/guides\/postmortems-identifying-what-went-wrong\/steps\/introduction\/\">Project Aristotle de Google<\/a> ofrece pautas \u00fatiles para revisiones orientadas al aprendizaje y la seguridad psicol\u00f3gica.<\/p>\n<h3>An\u00e1lisis de \u00e9xitos y \u00e1reas de mejora<\/h3>\n<p>El an\u00e1lisis de \u00e9xitos debe identificar factores concretos que contribuyeron a los buenos resultados: innovaciones de proceso, din\u00e1micas de equipo, elecciones tecnol\u00f3gicas, estrategias de implicaci\u00f3n de partes interesadas, enfoques de calidad y eficacia de la gesti\u00f3n del riesgo. Comprender estos factores permite replicarlos en futuros proyectos.<\/p>\n<p>Las m\u00e9tricas de \u00e9xito deben abarcar varias dimensiones: desempe\u00f1o de entrega (plazos, presupuesto, alcance), resultados de calidad (satisfacci\u00f3n de usuarios, rendimiento, defectos), impacto en negocio (audiencia, participaci\u00f3n, ingresos) y alineaci\u00f3n estrat\u00e9gica (cumplimiento de objetivos, satisfacci\u00f3n de los grupos de inter\u00e9s, posicionamiento competitivo). Es recomendable evaluar tanto valores absolutos como el desempe\u00f1o frente a previsiones y referencias del sector.<\/p>\n<p>El an\u00e1lisis de fallos exige examinar con honestidad qu\u00e9 no funcion\u00f3 bien: rupturas de proceso, problemas de comunicaci\u00f3n, retos t\u00e9cnicos, restricciones de recursos, gesti\u00f3n del alcance y relaciones con los grupos de inter\u00e9s. Debe centrarse en causas sist\u00e9micas en lugar de responsabilidades individuales.<\/p>\n<p>Las t\u00e9cnicas de an\u00e1lisis de causa ra\u00edz (5 porqu\u00e9s, diagrama de espina de pescado, \u00e1rbol de fallos) ayudan a descubrir los motivos subyacentes. A menudo los s\u00edntomas (sobrecostes, retrasos) revelan problemas m\u00e1s profundos (estimaciones deficientes, requisitos poco claros, escasa implicaci\u00f3n de los interesados) que requieren soluciones estructurales. El contraste con proyectos similares y con informes sectoriales, como los <a href=\"https:\/\/www.standishgroup.com\/sample_research_files\/CHAOSReport2015-Final.pdf\">CHAOS reports del Standish Group<\/a>, aporta contexto y referencias.<\/p>\n<h3>Documentaci\u00f3n y aplicaci\u00f3n de lecciones aprendidas<\/h3>\n<p>La documentaci\u00f3n de lecciones aprendidas debe ser estructurada, consultable y accionable. Debe incluir contexto (caracter\u00edsticas del proyecto, composici\u00f3n del equipo, restricciones), hallazgos (qu\u00e9 funcion\u00f3, qu\u00e9 no y por qu\u00e9), recomendaciones concretas, gu\u00eda de aplicabilidad (cu\u00e1ndo procede aplicar cada recomendaci\u00f3n) y recursos de implementaci\u00f3n (herramientas, plantillas, necesidades de formaci\u00f3n).<\/p>\n<p>Una taxonom\u00eda clara facilita la consulta y reutilizaci\u00f3n: por fase del proyecto (inicio, planificaci\u00f3n, ejecuci\u00f3n, cierre), \u00e1rea funcional (desarrollo t\u00e9cnico, creaci\u00f3n de contenidos, gesti\u00f3n de interesados), tipo de proyecto (sitio web, estrategia de contenidos, integraci\u00f3n de sistemas), categor\u00eda de riesgo (t\u00e9cnico, editorial, recursos, calendario) o impacto organizativo (equipo, procesos, estrategia).<\/p>\n<p>Los sistemas de gesti\u00f3n del conocimiento deben integrar estas lecciones con plantillas, programas de formaci\u00f3n y procesos de decisi\u00f3n existentes, equilibrando exhaustividad con usabilidad. Los planes de implantaci\u00f3n deben traducir las lecciones en acciones con responsables, plazos y medidas de \u00e9xito, y su avance debe ser seguido para evitar que queden solo en papel. Los recursos de <a href=\"https:\/\/www.apqc.org\/knowledge-base\">APQC<\/a> ofrecen buenas pr\u00e1cticas para compartir y capitalizar conocimiento organizativo.<\/p>\n<h3>Mejora continua y evoluci\u00f3n organizativa<\/h3>\n<p>Integrar los hallazgos de las revisiones con el desarrollo organizativo permite construir capacidades sistem\u00e1ticas de mejora del desempe\u00f1o. Los an\u00e1lisis de tendencias a trav\u00e9s de m\u00faltiples proyectos ayudan a detectar fortalezas recurrentes y retos persistentes que requieren atenci\u00f3n estrat\u00e9gica.<\/p>\n<p>Los programas de desarrollo de capacidades, derivados de las revisiones, pueden incluir formaci\u00f3n, mentorizaci\u00f3n, rotaciones transversales, consultor\u00eda externa, inversiones tecnol\u00f3gicas o reingenier\u00eda de procesos. La prioridad debe basarse en el potencial de impacto y en la alineaci\u00f3n con los objetivos estrat\u00e9gicos.<\/p>\n<p>Las iniciativas de cultura organizativa deben fomentar el aprendizaje continuo mediante seguridad psicol\u00f3gica, apertura a la experimentaci\u00f3n, reconocimiento del esfuerzo por aprender y valoraci\u00f3n de los fallos inteligentes. El liderazgo, los sistemas de reconocimiento y las pr\u00e1cticas de comunicaci\u00f3n son determinantes para que las lecciones se apliquen y no queden archivadas.<\/p>\n<p>La integraci\u00f3n con la planificaci\u00f3n estrat\u00e9gica garantiza que los aprendizajes a nivel de proyecto informen decisiones de mayor nivel sobre posicionamiento en el mercado, inversiones en capacidades, alianzas y enfoques competitivos. La evidencia emp\u00edrica procedente de proyectos reales debe respaldar estas decisiones.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bbReferencias y fuentes\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb open=\u00bboff\u00bb sticky_enabled=\u00bb0&#8243;]<\/p>\n<h3>Literatura fundamental sobre gesti\u00f3n de calidad<\/h3>\n<p>Juran, J. M., &#038; De Feo, J. A. (2010). <em>Juran&#8217;s Quality Handbook: The Complete Guide to Performance Excellence<\/em> (6\u00aa ed.). McGraw-Hill Education. Manual de referencia sobre gesti\u00f3n de calidad aplicable a proyectos digitales.<\/p>\n<p>Crosby, P. B. (2014). <em>Quality is Still Free: Making Quality Certain in Uncertain Times<\/em>. McGraw-Hill Education. Texto cl\u00e1sico de gesti\u00f3n de calidad con principios relevantes para proyectos de comunicaci\u00f3n.<\/p>\n<p>Evans, J. R., &#038; Lindsay, W. M. (2019). <em>Managing for Quality and Performance Excellence<\/em> (10\u00aa ed.). Cengage Learning. Enfoques modernos de gesti\u00f3n de la calidad en entornos digitales y de servicios.<\/p>\n<p>Oakland, J. S. (2019). <em>Total Quality Management and Operational Excellence<\/em> (4\u00aa ed.). Routledge. Marco integral de gesti\u00f3n de calidad aplicable a organizaciones de comunicaci\u00f3n.<\/p>\n<h3>Recursos espec\u00edficos sobre calidad en comunicaci\u00f3n digital<\/h3>\n<p>Poynter Institute Ethics Guidelines: <a href=\"https:\/\/www.poynter.org\/ethics-guidelines\/\">https:\/\/www.poynter.org\/ethics-guidelines\/<\/a> \u2013 Est\u00e1ndares \u00e9ticos y de calidad para el periodismo digital.<\/p>\n<p>Society of Professional Journalists Code of Ethics: <a href=\"https:\/\/www.spj.org\/ethicscode.asp\">https:\/\/www.spj.org\/ethicscode.asp<\/a> \u2013 C\u00f3digo deontol\u00f3gico para garantizar la calidad y la \u00e9tica en el periodismo.<\/p>\n<p>Reuters Handbook of Journalism: <a href=\"https:\/\/handbook.reuters.com\/\">https:\/\/handbook.reuters.com\/<\/a> \u2013 Gu\u00eda de est\u00e1ndares editoriales y de calidad para organizaciones de noticias.<\/p>\n<p>BBC Editorial Guidelines: <a href=\"https:\/\/www.bbc.co.uk\/editorialguidelines\">https:\/\/www.bbc.co.uk\/editorialguidelines<\/a> \u2013 Est\u00e1ndares de calidad y directrices editoriales para medios p\u00fablicos.<\/p>\n<p>Associated Press Stylebook: <a href=\"https:\/\/www.apstylebook.com\/\">https:\/\/www.apstylebook.com\/<\/a> \u2013 Referencia est\u00e1ndar de estilo y calidad en redacci\u00f3n period\u00edstica.<\/p>\n<h3>Herramientas de control de calidad digital<\/h3>\n<p>Google Web.dev: <a href=\"https:\/\/web.dev\/\">https:\/\/web.dev\/<\/a> \u2013 Herramientas y gu\u00edas para mejorar la calidad y el rendimiento web.<\/p>\n<p>Lighthouse: <a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\">https:\/\/developers.google.com\/web\/tools\/lighthouse<\/a> \u2013 Auditor\u00eda automatizada de calidad y rendimiento web.<\/p>\n<p>WAVE Web Accessibility Evaluation: <a href=\"https:\/\/wave.webaim.org\/\">https:\/\/wave.webaim.org\/<\/a> \u2013 Evaluaci\u00f3n de accesibilidad web.<\/p>\n<p>GTmetrix: <a href=\"https:\/\/gtmetrix.com\/\">https:\/\/gtmetrix.com\/<\/a> \u2013 An\u00e1lisis de rendimiento web y recomendaciones de optimizaci\u00f3n.<\/p>\n<p>Screaming Frog SEO Spider: <a href=\"https:\/\/www.screamingfrog.co.uk\/seo-spider\/\">https:\/\/www.screamingfrog.co.uk\/seo-spider\/<\/a> \u2013 Herramienta de auditor\u00eda SEO t\u00e9cnica para plataformas de contenidos.<\/p>\n<h3>Recursos sobre entrega y cierre de proyectos<\/h3>\n<p>Project Management Institute: <a href=\"https:\/\/www.pmi.org\/learning\/library\/closing-project-proper-closeout-6952\">https:\/\/www.pmi.org\/learning\/library\/closing-project-proper-closeout-6952<\/a> \u2013 Gu\u00eda sobre cierre y entrega de proyectos.<\/p>\n<p>ITIL Service Transition: <a href=\"https:\/\/www.itil-officialsite.com\/itil-4-editions\/itil-4-foundation\/service-value-system\/itil-practices\/change-enablement\/\">https:\/\/www.itil-officialsite.com\/itil-4-editions\/itil-4-foundation\/service-value-system\/itil-practices\/change-enablement\/<\/a> \u2013 Frameworks para la transici\u00f3n de proyectos a operaciones.<\/p>\n<p>Atlassian Project Handoff Guide: <a href=\"https:\/\/www.atlassian.com\/software\/jira\/guides\/projects\/project-handoff\">https:\/\/www.atlassian.com\/software\/jira\/guides\/projects\/project-handoff<\/a> \u2013 Buenas pr\u00e1cticas para la entrega de proyectos.<\/p>\n<p>Microsoft Project Closure: <a href=\"https:\/\/support.microsoft.com\/en-us\/office\/close-a-project-in-project-desktop-aa3d6ab8-e2e8-43e7-9f5c-04c99dc5d6ae\">https:\/\/support.microsoft.com\/en-us\/office\/close-a-project-in-project-desktop-aa3d6ab8-e2e8-43e7-9f5c-04c99dc5d6ae<\/a> \u2013 Cierre de proyectos en Microsoft Project.<\/p>\n<h3>Post-mortem y lecciones aprendidas<\/h3>\n<p>Google&#8217;s Project Aristotle: <a href=\"https:\/\/rework.withgoogle.com\/guides\/postmortems-identifying-what-went-wrong\/steps\/introduction\/\">https:\/\/rework.withgoogle.com\/guides\/postmortems-identifying-what-went-wrong\/steps\/introduction\/<\/a> \u2013 Enfoques para revisiones post-mortem eficaces.<\/p>\n<p>Etsy&#8217;s Blameless Post-mortems: <a href=\"https:\/\/codeascraft.com\/2012\/05\/22\/blameless-postmortems\/\">https:\/\/codeascraft.com\/2012\/05\/22\/blameless-postmortems\/<\/a> \u2013 Cultura de aprendizaje sin culpabilizaci\u00f3n.<\/p>\n<p>SRE Post-mortem Culture: <a href=\"https:\/\/sre.google\/sre-book\/postmortem-culture\/\">https:\/\/sre.google\/sre-book\/postmortem-culture\/<\/a> \u2013 Cultura de revisiones en entornos de ingenier\u00eda y proyectos digitales.<\/p>\n<p>Retrospective Toolkit: <a href=\"https:\/\/retromat.org\/\">https:\/\/retromat.org\/<\/a> \u2013 M\u00e9todos estructurados para retrospectivas y sesiones de lecciones aprendidas.<\/p>\n<h3>M\u00e9tricas de calidad y anal\u00edtica<\/h3>\n<p>Google Analytics Academy: <a href=\"https:\/\/analytics.google.com\/analytics\/academy\/\">https:\/\/analytics.google.com\/analytics\/academy\/<\/a> \u2013 Formaci\u00f3n en medici\u00f3n y an\u00e1lisis del rendimiento digital.<\/p>\n<p>Parse.ly Content Analytics: <a href=\"https:\/\/www.parse.ly\/resources\/\">https:\/\/www.parse.ly\/resources\/<\/a> \u2013 Anal\u00edtica de contenidos y medici\u00f3n de calidad en medios digitales.<\/p>\n<p>Chartbeat Real-time Analytics: <a href=\"https:\/\/chartbeat.com\/publishing\/\">https:\/\/chartbeat.com\/publishing\/<\/a> \u2013 M\u00e9tricas de audiencia y calidad en tiempo real.<\/p>\n<p>Nielsen Norman Group UX Measurement: <a href=\"https:\/\/www.nngroup.com\/articles\/measuring-user-experience\/\">https:\/\/www.nngroup.com\/articles\/measuring-user-experience\/<\/a> \u2013 Metodolog\u00edas de evaluaci\u00f3n de la experiencia de usuario.<\/p>\n<h3>Documentaci\u00f3n y gesti\u00f3n del conocimiento<\/h3>\n<p>Write the Docs: <a href=\"https:\/\/www.writethedocs.org\/\">https:\/\/www.writethedocs.org\/<\/a> \u2013 Comunidad y recursos para documentaci\u00f3n t\u00e9cnica.<\/p>\n<p>GitBook: <a href=\"https:\/\/docs.gitbook.com\/\">https:\/\/docs.gitbook.com\/<\/a> \u2013 Plataforma para la creaci\u00f3n y mantenimiento de documentaci\u00f3n.<\/p>\n<p>Notion Templates: <a href=\"https:\/\/www.notion.so\/templates\">https:\/\/www.notion.so\/templates<\/a> \u2013 Plantillas de documentaci\u00f3n y gesti\u00f3n del conocimiento.<\/p>\n<p>APQC Knowledge Management: <a href=\"https:\/\/www.apqc.org\/knowledge-base\">https:\/\/www.apqc.org\/knowledge-base<\/a> \u2013 Buenas pr\u00e1cticas para la gesti\u00f3n del conocimiento organizacional.<\/p>\n<h3>Referencias de est\u00e1ndares y benchmarks<\/h3>\n<p>Standish Group CHAOS Reports: <a href=\"https:\/\/www.standishgroup.com\/\">https:\/\/www.standishgroup.com\/<\/a> \u2013 Informes de referencia sobre tasas de \u00e9xito y fracaso en proyectos.<\/p>\n<p>Digital Analytics Association: <a href=\"https:\/\/www.digitalanalyticsassociation.org\/\">https:\/\/www.digitalanalyticsassociation.org\/<\/a> \u2013 Est\u00e1ndares y buenas pr\u00e1cticas en anal\u00edtica digital.<\/p>\n<p>Content Marketing Institute Research: <a href=\"https:\/\/contentmarketinginstitute.com\/research\/\">https:\/\/contentmarketinginstitute.com\/research\/<\/a> \u2013 Estudios de benchmarking en calidad y rendimiento de contenidos.<\/p>\n<p>Reuters Institute Digital News Report: <a href=\"https:\/\/reutersinstitute.politics.ox.ac.uk\/digital-news-report\/2023\">https:\/\/reutersinstitute.politics.ox.ac.uk\/digital-news-report\/2023<\/a> \u2013 Informe anual sobre calidad y desempe\u00f1o de medios digitales.<\/p>\n<h3>Formaci\u00f3n y certificaciones profesionales<\/h3>\n<p>ASQ Quality Certifications: <a href=\"https:\/\/asq.org\/cert\">https:\/\/asq.org\/cert<\/a> \u2013 Certificaciones profesionales en gesti\u00f3n de calidad.<\/p>\n<p>Project Management Professional (PMP): <a href=\"https:\/\/www.pmi.org\/certifications\/project-management-pmp\">https:\/\/www.pmi.org\/certifications\/project-management-pmp<\/a> \u2013 Certificaci\u00f3n est\u00e1ndar en gesti\u00f3n de proyectos.<\/p>\n<p>Certified Quality Improvement Associate: <a href=\"https:\/\/asq.org\/cert\/quality-improvement-associate\">https:\/\/asq.org\/cert\/quality-improvement-associate<\/a> \u2013 Certificaci\u00f3n en mejora de calidad aplicable a proyectos digitales.<\/p>\n<p>Google Analytics Certification: <a href=\"https:\/\/skillshop.exceedlms.com\/student\/catalog\/list?category_ids=53-google-analytics-4\">https:\/\/skillshop.exceedlms.com\/student\/catalog\/list?category_ids=53-google-analytics-4<\/a> \u2013 Certificaci\u00f3n en anal\u00edtica digital.<\/p>\n<p>Content Marketing Certification: <a href=\"https:\/\/contentmarketinginstitute.com\/education\/\">https:\/\/contentmarketinginstitute.com\/education\/<\/a> \u2013 Formaci\u00f3n especializada en calidad y estrategia de contenidos.<\/p>\n<p>[\/et_pb_accordion_item][\/et_pb_accordion][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n<div class=\"pdfprnt-buttons pdfprnt-buttons-post pdfprnt-bottom-right\"><a href=\"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/82192?print=pdf\" class=\"pdfprnt-button pdfprnt-button-pdf\" target=\"_blank\" ><img decoding=\"async\" src=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/plugins\/pdf-print\/images\/pdf.png\" alt=\"image_pdf\" title=\"View PDF\" \/><span class=\"pdfprnt-button-title pdfprnt-button-pdf-title\">Versi\u00f3n en PDF<\/span><\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>El objetivo de este bloque es ofrecerte una revisi\u00f3n de algunos de los formatos y nuevas narrativas que se est\u00e1n desarrollando en el \u00e1mbito period\u00edstico digital.  <a class=\"continue\" href=\"https:\/\/proyectos.comunicaciondigital.es\/en\/t8-gestion-calidad\/\">Continua leyendo<span> Tema 8. Gesti\u00f3n de la calidad, seguimiento y entrega de proyectos.<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":82194,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:group {\"className\":\"atavist-title-design cover-text-simple\"} -->\n<div class=\"wp-block-group atavist-title-design cover-text-simple\"><!-- wp:heading {\"textAlign\":\"left\",\"align\":\"center\",\"className\":\"aligncenter atavist-title-h2\"} -->\n<h2 class=\"has-text-align-left aligncenter atavist-title-h2\">Gu\u00eda inicial<\/h2>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:paragraph -->\n<p>Javascript es el lenguaje de script nativo de la web. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"align\":\"wide\"} -->\n<figure class=\"wp-block-image alignwide\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/d3de1-js1-1533890338-46.png\" alt=\"\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:image {\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/645b4-js2-1533890439-37.jpg\" alt=\"\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Su aprendizaje supone introducirse en un lenguaje de programaci\u00f3n, y aunque pueda parecer complicado de entrada, luego nos permitir\u00e1 saber c\u00f3mo modificar c\u00f3digo ya escrito o realizar visualizaciones muy atractivas mediante el uso de librer\u00edas y APIs que se basan en Javascript.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"align\":\"wide\"} -->\n<figure class=\"wp-block-image alignwide\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/0e98e-js3-1533890711-78.png\" alt=\"\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><b>\u00bfPara qu\u00e9 nos sirve Javascript en un proyecto period\u00edstico?<\/b><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Para tener unas nociones generales sobre la programaci\u00f3n con scripts. <\/li><li>Para saber c\u00f3mo funciona, de forma global, la interactividad en la manipulaci\u00f3n de datos y de las visualizaciones.<\/li><li>Para comprender el c\u00f3digo resultante de los sistemas de datos y visualizaci\u00f3n, y saber manipular determinados par\u00e1metros. <\/li><li>Para comenzar a adentrarnos en la creaci\u00f3n de visualizaciones basadas en librer\u00edas JS como jQuery <\/li><li>Para hacer scraping de datos con Javascript (Jquery)&nbsp;&nbsp;\n<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Para trabajar con Javascript utilizaremos editores de c\u00f3digo online como <a href=\"https:\/\/jsfiddle.net\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">JsFiddle.net<\/a>. Podr\u00e1s acceder a los ejemplos y ejercicios de dos formas: <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>A) A trav\u00e9s de los enlaces que encontrar\u00e1s en cada ejercicio y que te dar\u00e1n acceso al entorno online de edici\u00f3n:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"align\":\"wide\"} -->\n<figure class=\"wp-block-image alignwide\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/4c615-js4-1533891129-19.png\" alt=\"\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p> B) Manipular los ejemplos de forma directa a trav\u00e9s de objetos embebidos como este, en el que podr\u00e1s trabajar en las diferentes partes del c\u00f3digo accediendo a las diferentes pesta\u00f1as disponibles. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"className\":\"atavist-title-design cover-text-simple\"} -->\n<div class=\"wp-block-group atavist-title-design cover-text-simple\"><!-- wp:heading {\"textAlign\":\"left\",\"align\":\"center\",\"className\":\"aligncenter atavist-title-h2\"} -->\n<h2 class=\"has-text-align-left aligncenter atavist-title-h2\">\u00bfQu\u00e9 es Javascript?<\/h2>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:heading -->\n<h2>\u00bfQu\u00e9 es?<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Un <b>lenguaje<\/b> de programaci\u00f3n <b>interpretado<\/b> por los navegadores en tiempo real. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"align\":\"wide\"} -->\n<figure class=\"wp-block-image alignwide\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/c2ba4-js5-1533893491-16.jpg\" alt=\"Lenguajes compilados vs Lenguajes interpretados\"\/><figcaption>Lenguajes compilados vs Lenguajes interpretados<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Es un dialecto del est\u00e1ndar <a href=\"https:\/\/www.w3schools.com\/js\/js_es6.asp\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">ECMAScript<\/a> (versi\u00f3n 6)<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Responde al modelo de P<a href=\"https:\/\/www.desarrolloweb.com\/articulos\/499.php\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">rogramaci\u00f3n orientada a objetos (POO)<\/a>. Aunque sigue el paradigma de programaci\u00f3n basado en objetos, trabaja con prototipos, aunque las versiones actuales permiten el manejo de <a href=\"https:\/\/medium.com\/@jmz12\/usando-clases-en-javascript-e07f0e25c67d\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">clases (class)<\/a>. Al trabajar bajo el modelo de POO usa t\u00e9cnicas que le dan una importante versatilidad como, por ejemplo:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>\n<b>Modularidad<\/b>. Las aplicaciones se pueden subdividir en partes, conocidas como m\u00f3dulos.<\/li><li>\n<b>Encapsulamiento<\/b>. Los datos se \"encapsulan\" o aislan para evitar que puedan ser manipulados o cambiados de estado.<\/li><li>\n<b>Control del DOM<\/b>. Permite interactuar con la p\u00e1gina web mediante <a href=\"https:\/\/developer.mozilla.org\/es\/docs\/Glossary\/DOM\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">DOM<\/a>\n<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Puede funcionar tanto: <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>En el lado cliente (client-side) como parte del navegador web<\/li><li>En el lado servidor (vg. <a href=\"https:\/\/nodejs.org\/es\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Node.js<\/a>)<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:group {\"align\":\"center\",\"className\":\"aligncenter is-style-border\"} -->\n<div class=\"wp-block-group aligncenter is-style-border\"><!-- wp:paragraph -->\n<p>Aunque el nombre es similar a&nbsp;JAVA, tiene que ver poco con este otro lenguaje de programaci\u00f3n, tanto en las&nbsp;sem\u00e1nticas como en sus&nbsp;prop\u00f3sitos, que son&nbsp;diferentes, as\u00ed que debemos no confundirlos.&nbsp;&nbsp;<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Ejercicio<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:list -->\n<ol>\n<li><i>Abre el editor de c\u00f3digo en <a href=\"https:\/\/jsfiddle.net\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">JSFiddle<\/a> con <a href=\"https:\/\/jsfiddle.net\/gertrudix\/k9mgd2hL\/2\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">el ejercicio<\/a>.<\/i><\/li>\n<li>\n<i>Revisa el c\u00f3digo html. F\u00edjate que el c\u00f3digo JS aparece en el fichero HTML. Prueba el resultado que produce el bot\u00f3n. \u00bfC\u00f3mo crees que funciona revisando el c\u00f3digo?<\/i>\n<\/li>\n<\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"className\":\"atavist-title-design cover-text-simple\"} -->\n<div class=\"wp-block-group atavist-title-design cover-text-simple\"><!-- wp:heading {\"textAlign\":\"left\",\"align\":\"center\",\"className\":\"aligncenter atavist-title-h2\"} -->\n<h2 class=\"has-text-align-left aligncenter atavist-title-h2\">\u00bfD\u00f3nde aparece?<\/h2>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:image {\"align\":\"wide\"} -->\n<figure class=\"wp-block-image alignwide\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/55de3-js6-1533898857-79.png\" alt=\"\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Javascript puede cargarse en la p\u00e1gina web a trav\u00e9s de diferentes opciones.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Ejercicio<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:list -->\n<ol><li>\n<i>Abre el ejercicio en JSFiddle y f\u00edjate en las diferentes cajas para entender d\u00f3nde puede ubicarse el c\u00f3digo JS.<\/i>\n<\/li><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"className\":\"atavist-title-design cover-text-simple\"} -->\n<div class=\"wp-block-group atavist-title-design cover-text-simple\"><!-- wp:heading {\"textAlign\":\"left\",\"align\":\"center\",\"className\":\"aligncenter atavist-title-h2\"} -->\n<h2 class=\"has-text-align-left aligncenter atavist-title-h2\">Depurando. Consola del navegador.<\/h2>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:paragraph -->\n<p>La consola del navegador nos permite revisar y depurar los errores de c\u00f3digo. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Todos los navegadores actuales disponen de ella. Para abrirla:&nbsp;&nbsp;<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>En Chrome: Ctrl+Shift+J (Windows) o Cmd+Alt+I (Mac) <\/li><li>En Firefox: Control + \u21e7 + J (Windows)&nbsp;&nbsp;\n<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"align\":\"wide\"} -->\n<figure class=\"wp-block-image alignwide\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/210d9-js7-1533899311-62.png\" alt=\"Consola del navegador en Chrome\"\/><figcaption>Consola del navegador en Chrome<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Ejercicio<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Vamos a comprobar, a trav\u00e9s de la consola de Chrome, d\u00f3nde aparece Javascript.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ol>\n<li><i>Carga una p\u00e1gina, por ejemplo de un peri\u00f3dico como El Mundo o El Pa\u00eds. Abre la Consola mediante las funciones r\u00e1pidas que hemos visto anteriormente. Otra opci\u00f3n, es buscar en el men\u00fa del navegador. En el caso de Chrome: M\u00e1s herrramientas &gt; Herramientas para desarrolladores <\/i><\/li>\n<li>\n<i>F\u00edjate en la pesta\u00f1a Elements   -d\u00f3nde aparece las etiquetas de script. Localiza las etiquetas de script, la etiqueta <a href=\"https:\/\/developer.mozilla.org\/es\/docs\/Web\/HTML\/Elemento\/noscript\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">noscript<\/a>, etc.<\/i>\n<\/li>\n<\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"align\":\"wide\"} -->\n<figure class=\"wp-block-image alignwide\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/25b5a-js8-1533899520-76.png\" alt=\"Ejemplo de c\u00f3digo en la consola del navegador\"\/><figcaption>Ejemplo de c\u00f3digo en la consola del navegador<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading -->\n<h2>Utilidad de la consola. Para qu\u00e9 sirve.<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>         <!--StartFragment-->La consola nos sirve para probar el funcionamiento de una p\u00e1gina o una aplicaci\u00f3n de forma que: a) podamos detectar errores de c\u00f3digo; y b) hacer pruebas con JS <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Permite: <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Comprobar informaci\u00f3n sobre errores o alertas\n<\/li><li>Utilizar el inspector de c\u00f3digo para depurarlo\n<\/li><li>Ejecutar expresiones o comandos de JS&nbsp;&nbsp;\n<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/19e41-js9-1533899790-35.png\" alt=\"\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:group {\"className\":\"atavist-title-design cover-text-simple\"} -->\n<div class=\"wp-block-group atavist-title-design cover-text-simple\"><!-- wp:heading {\"textAlign\":\"left\",\"align\":\"center\",\"className\":\"aligncenter atavist-title-h2\"} -->\n<h2 class=\"has-text-align-left aligncenter atavist-title-h2\">\u00bfPara qu\u00e9 sirve Javascript?<\/h2>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:paragraph -->\n<p>Es un lenguaje que permite <b>dotar de interactividad<\/b> a las p\u00e1ginas web. Algunas de las tareas b\u00e1sicas que puede realizar son:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ol>\n<li>Escribir en HTML<\/li>\n<li>Reaccionar a eventos<\/li>\n<li>Modificar elementos HTML<\/li>\n<li>Validar entrada de datos<\/li>\n<li>Cambiar o modificar atributos\n<\/li>\n<\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Adem\u00e1s, mediante la <a href=\"http:\/\/html5index.org\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">API JS de HTML5 <\/a>podemos acceder a recursos adicionales: c\u00e1mara, almacenamiento de datos, creaci\u00f3n de gr\u00e1ficos, flujo de datos con servidores\u2026) <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"align\":\"full\"} -->\n<figure class=\"wp-block-image alignfull\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/29104-jsapi-1573491833-95.png\" alt=\"\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Permite acceder a informaci\u00f3n en internet: por ejemplo, buscar y obtener las palabras m\u00e1s populares en Twitter de un tema, o para hacer scraping de web utilizando soluciones como <a href=\"https:\/\/scotch.io\/tutorials\/scraping-the-web-with-node-js\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Node.js<\/a>, <a href=\"https:\/\/medialab.github.io\/artoo\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Artoo.js<\/a> &nbsp;o <a href=\"http:\/\/nrabinowitz.github.io\/pjscrape\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">pjscrape<\/a>)<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Tambi\u00e9n permite organizar y presentar datos como, por ejemplo, automatizar el trabajo de las hojas de c\u00e1lculo; o la visualizaci\u00f3n de datos.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Ejercicio<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Veamos c\u00f3mo JS aporta interactividad a una web, <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ol>\n<li>Accede a la web de <a href=\"https:\/\/civio.es\/espana-en-llamas\/mapa-de-incendios-forestales\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Espa\u00f1a en Llamas<\/a>. Navega por el mapa, usa los filtros, etc. <\/li>\n<li>Ahora deshabilita Javascript desde las <a href=\"https:\/\/es.ccm.net\/faq\/26408-como-desactivar-javascript-en-google-chrome\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">opciones del navegador<\/a> o usando alguna herramienta como <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-developer\/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=es\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">WebDevelopper Toolbar<\/a>. Comprueba qu\u00e9 sucede. \u00bfPuedes navegar el mapa? \u00bfCompartir en redes sociales? <\/li>\n<\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Veremos ahora, en detalle, alguna de estas funciones.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>1. Escribir en HTML<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"align\":\"right\"} -->\n<div class=\"wp-block-image\"><figure class=\"alignright\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/d95a1-js11-1533900998-81.png\" alt=\"\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Una de las cosas que puede hacer JS es escribir contenido en HTML. Veamos <a href=\"https:\/\/jsfiddle.net\/gertrudix\/qLcgfu95\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">este ejemplo<\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Ejercicio<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>1. Sobre el ejemplo anterior, a\u00f1ade un enlace a la home del peri\u00f3dico El Mundo (www.elmundo.es)<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>2. Prueba a incluir otro enlace a otra web distinta.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\"><i><a href=\"https:\/\/jsfiddle.net\/gertrudix\/qLcgfu95\/3\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Soluci\u00f3n<\/a><\/i><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:heading -->\n<h2>2. Reaccionar a eventos<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"align\":\"right\"} -->\n<div class=\"wp-block-image\"><figure class=\"alignright\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/1f0aa-js12-1533902831-33.png\" alt=\"\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Otra funci\u00f3n es reaccionar a eventos creados por el usuario (hacer clic, pasar por encima de una zona...), por el propio navegador (cargar la p\u00e1gina), etc. como sucede en este ejemplo. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Ejercicio<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>1. Modifica el ejemplo anterior para que el mensaje de alerta muestre tu nombre.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\"><i><a href=\"https:\/\/jsfiddle.net\/gertrudix\/vpevk15L\/2\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Soluci\u00f3n<\/a><\/i><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:heading -->\n<h2>3. Modificar contenido en HTML<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Otra funci\u00f3n es modificar contenido que ya est\u00e1 cargado en el html. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"align\":\"wide\"} -->\n<figure class=\"wp-block-image alignwide\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/b228a-js13-1533903052-31.png\" alt=\"\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:paragraph -->\n<p><b>Ejercicio<\/b><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>En este ejemplo hay algo que no funciona. Rev\u00edsalo y ajusta lo que est\u00e9 mal para que funcione el cambio de contenido.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\"><i><a href=\"https:\/\/jsfiddle.net\/gertrudix\/3s9k2vtc\/2\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Soluci\u00f3n<\/a><\/i><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/-->\n\n<!-- wp:paragraph {\"fontSize\":\"small\"} -->\n<p class=\"has-small-font-size\">El id no es correcto. Deben de tener el mismo nombre.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:heading -->\n<h2>4. Validar la entrada de datos<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"align\":\"right\"} -->\n<div class=\"wp-block-image\"><figure class=\"alignright\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/b3437-js14-1533931261-10.png\" alt=\"isNan (x) Es un objeto global de Javascript que eval\u00faa un argumento para determinar si es un n\u00famero\"\/><figcaption>isNan (x) Es un objeto global de Javascript que eval\u00faa un argumento para determinar si es un n\u00famero<\/figcaption><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Javascript es muy \u00fatil para validar si la entrada de datos en los campos de un formulario son los adecuados, aquellos que por formato o tipo se esperan recibir.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>En este ejemplo, podemos comprobar si los datos que se introducen est\u00e1n comprendidos dentro de un rango. En caso contrario, saltar\u00e1 una alerta indicando que no son correctos.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:paragraph -->\n<p><b>Ejercicio<\/b><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Modifica el ejemplo anterior para que la validaci\u00f3n sea para n\u00fameros comprendidos entre 10 y 20.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\"><i><a href=\"https:\/\/jsfiddle.net\/2k97b5wt\/16\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Soluci\u00f3n<\/a><\/i><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:heading -->\n<h2>5. Cambiar o modificar atributos<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"align\":\"right\"} -->\n<div class=\"wp-block-image\"><figure class=\"alignright\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/4236a-js15-1533935333-52.png\" alt=\"\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Otra posibilidad es cambiar determinados atributos de los elementos html. Aqu\u00ed las posibilidades son muy amplias, dado que podemos modificar los valores de cualquier atributo, desde el color de un texto, el tipo de fuente, etc.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>En este ejemplo generamos un efecto de sustituci\u00f3n modificando el atributo src de una imagen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Ejercicio<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Modifica el valor del atributo src con estas im\u00e1genes que realizan un efecto de sustituci\u00f3n similar<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><p><a href=\"http:\/\/comunicaciondigital.es\/wp-content\/master\/lightoff.png\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">http:\/\/comunicaciondigital.es\/wp-content\/master\/lighton.png<\/a><\/p><\/li><li><p><a href=\"http:\/\/comunicaciondigital.es\/wp-content\/master\/lightoff.png\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">http:\/\/comunicaciondigital.es\/wp-content\/master\/lightoff.png<\/a><\/p><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\"><i><a href=\"https:\/\/jsfiddle.net\/2nwru4pe\/1\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Soluci\u00f3n<\/a><\/i><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/-->\n\n<!-- wp:paragraph {\"fontSize\":\"small\"} -->\n<p class=\"has-small-font-size\">Enciende o apaga la luz (la primera imagen es el primer bot\u00f3n), la segunda es para img y el segundo bot\u00f3n<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"className\":\"atavist-title-design cover-text-simple\"} -->\n<div class=\"wp-block-group atavist-title-design cover-text-simple\"><!-- wp:heading {\"textAlign\":\"left\",\"align\":\"center\",\"className\":\"aligncenter atavist-title-h2\"} -->\n<h2 class=\"has-text-align-left aligncenter atavist-title-h2\">\u00bfQu\u00e9 resultados produce?<\/h2>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:paragraph -->\n<p>Javascript utiliza varios procedimientos o displays de escritura:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Caja de alerta - <i>window.alert() <\/i>[<a href=\"https:\/\/jsfiddle.net\/gertrudix\/kzf8grbg\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Ver ejemplo<\/a>]\n<\/li><li>Salida html - <i>document.write() <\/i>[<a href=\"https:\/\/jsfiddle.net\/gertrudix\/55eL53bx\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Ver ejemplo<\/a>]\n<\/li><li>Elemento html - <i>inner.html() <\/i>[<a href=\"https:\/\/jsfiddle.net\/gertrudix\/vLn56ddr\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Ver ejemplo<\/a>]\n<\/li><li>Consola de navegador - <i>console.log() <\/i>[<a href=\"https:\/\/jsfiddle.net\/gertrudix\/ov7vdpzf\/2\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Ver ejemplo<\/a>]\n<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"align\":\"wide\"} -->\n<figure class=\"wp-block-image alignwide\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/c98b4-js16-1533936074-39.png\" alt=\"\"\/><\/figure>\n<!-- \/wp:image -->","_et_gb_content_width":"1080","footnotes":""},"categories":[221,282],"tags":[],"class_list":["post-82192","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-banco-conocimiento","category-pepd"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tema 8. Gesti\u00f3n de la calidad, seguimiento y entrega de proyectos. - Portal de proyectos multimedia<\/title>\n<meta name=\"description\" content=\"El objetivo de este bloque es ofrecerte una revisi\u00f3n de algunos de los formatos y nuevas narrativas que se est\u00e1n desarrollando en el \u00e1mbito period\u00edstico digital.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/proyectos.comunicaciondigital.es\/en\/t8-gestion-calidad\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tema 8. Gesti\u00f3n de la calidad, seguimiento y entrega de proyectos. - Portal de proyectos multimedia\" \/>\n<meta property=\"og:description\" content=\"El objetivo de este bloque es ofrecerte una revisi\u00f3n de algunos de los formatos y nuevas narrativas que se est\u00e1n desarrollando en el \u00e1mbito period\u00edstico digital.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/proyectos.comunicaciondigital.es\/en\/t8-gestion-calidad\/\" \/>\n<meta property=\"og:site_name\" content=\"Portal de proyectos multimedia\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-25T23:44:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-25T23:52:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t8-calidad.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"391\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"juanmiro\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t8-gestion-calidad\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t8-gestion-calidad\\\/\"},\"author\":{\"name\":\"juanmiro\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#\\\/schema\\\/person\\\/2e8265f6be76de5637b1bd02a53266b3\"},\"headline\":\"Tema 8. Gesti\u00f3n de la calidad, seguimiento y entrega de proyectos.\",\"datePublished\":\"2025-08-25T23:44:06+00:00\",\"dateModified\":\"2025-08-25T23:52:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t8-gestion-calidad\\\/\"},\"wordCount\":3942,\"image\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t8-gestion-calidad\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/t8-calidad.jpg\",\"articleSection\":[\"banco-conocimiento\",\"PEPD\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t8-gestion-calidad\\\/\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t8-gestion-calidad\\\/\",\"name\":\"Tema 8. Gesti\u00f3n de la calidad, seguimiento y entrega de proyectos. - Portal de proyectos multimedia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t8-gestion-calidad\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t8-gestion-calidad\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/t8-calidad.jpg\",\"datePublished\":\"2025-08-25T23:44:06+00:00\",\"dateModified\":\"2025-08-25T23:52:41+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#\\\/schema\\\/person\\\/2e8265f6be76de5637b1bd02a53266b3\"},\"description\":\"El objetivo de este bloque es ofrecerte una revisi\u00f3n de algunos de los formatos y nuevas narrativas que se est\u00e1n desarrollando en el \u00e1mbito period\u00edstico digital.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t8-gestion-calidad\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t8-gestion-calidad\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t8-gestion-calidad\\\/#primaryimage\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/t8-calidad.jpg\",\"contentUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/t8-calidad.jpg\",\"width\":1000,\"height\":391,\"caption\":\"Check list and green marker\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t8-gestion-calidad\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tema 8. Gesti\u00f3n de la calidad, seguimiento y entrega de proyectos.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#website\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/\",\"name\":\"Portal de proyectos multimedia\",\"description\":\"Grupo Ciberimaginario\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#\\\/schema\\\/person\\\/2e8265f6be76de5637b1bd02a53266b3\",\"name\":\"juanmiro\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/litespeed\\\/avatar\\\/ddba0a0edd23b5c5ff08c9345b733ce5.jpg?ver=1779122247\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/litespeed\\\/avatar\\\/ddba0a0edd23b5c5ff08c9345b733ce5.jpg?ver=1779122247\",\"contentUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/litespeed\\\/avatar\\\/ddba0a0edd23b5c5ff08c9345b733ce5.jpg?ver=1779122247\",\"caption\":\"juanmiro\"},\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/en\\\/author\\\/juanmiro\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tema 8. Gesti\u00f3n de la calidad, seguimiento y entrega de proyectos. - Portal de proyectos multimedia","description":"El objetivo de este bloque es ofrecerte una revisi\u00f3n de algunos de los formatos y nuevas narrativas que se est\u00e1n desarrollando en el \u00e1mbito period\u00edstico digital.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/proyectos.comunicaciondigital.es\/en\/t8-gestion-calidad\/","og_locale":"en_GB","og_type":"article","og_title":"Tema 8. Gesti\u00f3n de la calidad, seguimiento y entrega de proyectos. - Portal de proyectos multimedia","og_description":"El objetivo de este bloque es ofrecerte una revisi\u00f3n de algunos de los formatos y nuevas narrativas que se est\u00e1n desarrollando en el \u00e1mbito period\u00edstico digital.","og_url":"https:\/\/proyectos.comunicaciondigital.es\/en\/t8-gestion-calidad\/","og_site_name":"Portal de proyectos multimedia","article_published_time":"2025-08-25T23:44:06+00:00","article_modified_time":"2025-08-25T23:52:41+00:00","og_image":[{"width":1000,"height":391,"url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t8-calidad.jpg","type":"image\/jpeg"}],"author":"juanmiro","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/proyectos.comunicaciondigital.es\/t8-gestion-calidad\/#article","isPartOf":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t8-gestion-calidad\/"},"author":{"name":"juanmiro","@id":"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/2e8265f6be76de5637b1bd02a53266b3"},"headline":"Tema 8. Gesti\u00f3n de la calidad, seguimiento y entrega de proyectos.","datePublished":"2025-08-25T23:44:06+00:00","dateModified":"2025-08-25T23:52:41+00:00","mainEntityOfPage":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t8-gestion-calidad\/"},"wordCount":3942,"image":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t8-gestion-calidad\/#primaryimage"},"thumbnailUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t8-calidad.jpg","articleSection":["banco-conocimiento","PEPD"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/proyectos.comunicaciondigital.es\/t8-gestion-calidad\/","url":"https:\/\/proyectos.comunicaciondigital.es\/t8-gestion-calidad\/","name":"Tema 8. Gesti\u00f3n de la calidad, seguimiento y entrega de proyectos. - Portal de proyectos multimedia","isPartOf":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t8-gestion-calidad\/#primaryimage"},"image":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t8-gestion-calidad\/#primaryimage"},"thumbnailUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t8-calidad.jpg","datePublished":"2025-08-25T23:44:06+00:00","dateModified":"2025-08-25T23:52:41+00:00","author":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/2e8265f6be76de5637b1bd02a53266b3"},"description":"El objetivo de este bloque es ofrecerte una revisi\u00f3n de algunos de los formatos y nuevas narrativas que se est\u00e1n desarrollando en el \u00e1mbito period\u00edstico digital.","breadcrumb":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t8-gestion-calidad\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/proyectos.comunicaciondigital.es\/t8-gestion-calidad\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/proyectos.comunicaciondigital.es\/t8-gestion-calidad\/#primaryimage","url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t8-calidad.jpg","contentUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t8-calidad.jpg","width":1000,"height":391,"caption":"Check list and green marker"},{"@type":"BreadcrumbList","@id":"https:\/\/proyectos.comunicaciondigital.es\/t8-gestion-calidad\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/proyectos.comunicaciondigital.es\/"},{"@type":"ListItem","position":2,"name":"Tema 8. Gesti\u00f3n de la calidad, seguimiento y entrega de proyectos."}]},{"@type":"WebSite","@id":"https:\/\/proyectos.comunicaciondigital.es\/#website","url":"https:\/\/proyectos.comunicaciondigital.es\/","name":"Portal de proyectos multimedia","description":"Grupo Ciberimaginario","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/proyectos.comunicaciondigital.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/2e8265f6be76de5637b1bd02a53266b3","name":"juanmiro","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/ddba0a0edd23b5c5ff08c9345b733ce5.jpg?ver=1779122247","url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/ddba0a0edd23b5c5ff08c9345b733ce5.jpg?ver=1779122247","contentUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/ddba0a0edd23b5c5ff08c9345b733ce5.jpg?ver=1779122247","caption":"juanmiro"},"url":"https:\/\/proyectos.comunicaciondigital.es\/en\/author\/juanmiro\/"}]}},"_links":{"self":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/82192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/comments?post=82192"}],"version-history":[{"count":4,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/82192\/revisions"}],"predecessor-version":[{"id":82197,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/82192\/revisions\/82197"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/media\/82194"}],"wp:attachment":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/media?parent=82192"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/categories?post=82192"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/tags?post=82192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}