{"id":82152,"date":"2025-08-25T21:34:49","date_gmt":"2025-08-25T21:34:49","guid":{"rendered":"https:\/\/proyectos.comunicaciondigital.es\/?p=82152"},"modified":"2025-09-08T23:18:17","modified_gmt":"2025-09-08T23:18:17","slug":"t2-metodologias-agiles","status":"publish","type":"post","link":"https:\/\/proyectos.comunicaciondigital.es\/en\/t2-metodologias-agiles\/","title":{"rendered":"Tema 2: Metodolog\u00edas \u00e1giles y herramientas colaborativas"},"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 global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n<h2>Tema 2: Metodolog\u00edas \u00e1giles y herramientas colaborativas<\/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=\u00bb2.1 Metodolog\u00edas \u00e1giles\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>Introducci\u00f3n a las metodolog\u00edas \u00e1giles para comunicaci\u00f3n digital<\/h3>\n<p>Las metodolog\u00edas \u00e1giles han revolucionado la gesti\u00f3n de proyectos digitales, ofreciendo frameworks flexibles que permiten a los equipos de comunicaci\u00f3n adaptarse r\u00e1pidamente a cambios en audiencias, tendencias y tecnolog\u00edas. Para profesionales de comunicaci\u00f3n digital, estas metodolog\u00edas proporcionan herramientas esenciales para gestionar <strong>campa\u00f1as de contenido<\/strong>, <strong>lanzamientos de productos editoriales<\/strong> y <strong>proyectos de engagement<\/strong> de manera eficiente y colaborativa.<\/p>\n<div style=\"background-color: #e9ecef; border-left: 5px solid #cb0017; padding: 20px; margin: 20px 0; border-radius: 5px;\">\n<h4 style=\"color: #cb0017; margin-top: 0; margin-bottom: 15px; font-size: 1.2rem;\"><strong>Las tres metodolog\u00edas clave<\/strong><\/h4>\n<p>Cada metodolog\u00eda \u00e1gil ofrece ventajas espec\u00edficas para diferentes tipos de proyectos de comunicaci\u00f3n:<\/p>\n<ul style=\"margin-bottom: 15px;\">\n<li><strong>Scrum:<\/strong> Ideal para proyectos con objetivos claros y deadlines fijos (lanzamientos, campa\u00f1as)<\/li>\n<li><strong>Kanban:<\/strong> Perfecto para flujos continuos de contenido y tareas de mantenimiento<\/li>\n<li><strong>Lean Startup:<\/strong> Esencial para validar nuevos formatos o audiencias con m\u00ednima inversi\u00f3n<\/li>\n<\/ul>\n<p style=\"font-size: 0.95rem; color: #666; margin-bottom: 0;\"><strong>Aplicaci\u00f3n pr\u00e1ctica:<\/strong> Un equipo de comunicaci\u00f3n digital puede usar Scrum para planificar una campa\u00f1a trimestral, Kanban para gestionar publicaciones diarias, y Lean Startup para testear un nuevo formato de podcast.<\/p>\n<\/div>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bb2.2 Scrum\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>Scrum: Estructura y disciplina en proyectos de comunicaci\u00f3n<\/h3>\n<p><strong>Scrum<\/strong> es el framework \u00e1gil m\u00e1s adoptado globalmente, proporcionando una estructura disciplinada para gestionar proyectos complejos de comunicaci\u00f3n digital manteniendo la flexibilidad necesaria para adaptarse a cambios en audiencias y mercado. El framework se fundamenta en <strong>control emp\u00edrico de procesos<\/strong> utilizando transparencia, inspecci\u00f3n y adaptaci\u00f3n para gestionar la incertidumbre inherente en el desarrollo de contenidos y experiencias digitales.<\/p>\n<div style=\"background-color: #fff3cd; border-left: 4px solid #cb0017; padding: 15px; margin: 15px 0;\"><strong>Recurso oficial: La Gu\u00eda de Scrum<\/strong><br \/><a href=\"https:\/\/scrumguides.org\/download.html\" target=\"_blank\" rel=\"noopener\"><strong>Descargar la Gu\u00eda Oficial de Scrum (PDF gratuito)<\/strong><\/a><br \/><span style=\"font-size: 0.9rem; color: #666;\">Disponible en espa\u00f1ol y m\u00faltiples idiomas. Documento definitivo que establece las reglas del framework Scrum, creado por sus fundadores Ken Schwaber y Jeff Sutherland.<\/span><\/div>\n<h4>Roles clave en Scrum para equipos de comunicaci\u00f3n digital<\/h4>\n<ul>\n<li><strong>Product Owner editorial:<\/strong> En contextos de comunicaci\u00f3n digital, este rol debe equilibrar intereses de m\u00faltiples stakeholders (audiencias, anunciantes, objetivos de marca), traducir necesidades de negocio en requisitos de contenido y mantener la coherencia de la estrategia comunicativa. Organizaciones como <strong>BuzzFeed<\/strong> y <strong>Vox Media<\/strong> han desarrollado roles h\u00edbridos que combinan gesti\u00f3n de producto con estrategia editorial.<\/li>\n<li><strong>Scrum Master:<\/strong> Act\u00faa como facilitador que elimina impedimentos, fomenta la colaboraci\u00f3n entre perfiles diversos (editores, dise\u00f1adores, community managers, analistas) y gu\u00eda al equipo hacia un rendimiento superior. Su efectividad depende del contexto organizativo y la madurez del equipo de comunicaci\u00f3n.<\/li>\n<li><strong>Development Team:<\/strong> En comunicaci\u00f3n digital incluye perfiles como <strong>content creators<\/strong>, <strong>dise\u00f1adores UX\/UI<\/strong>, <strong>community managers<\/strong>, <strong>analistas de datos<\/strong> y <strong>desarrolladores web<\/strong>, trabajando colaborativamente para entregar valor comunicativo en cada sprint.<\/li>\n<\/ul>\n<h4>Ceremonias Scrum adaptadas a comunicaci\u00f3n digital<\/h4>\n<ul>\n<li><strong>Sprint Planning:<\/strong> Los equipos de comunicaci\u00f3n planifican contenidos, campa\u00f1as y entregables para per\u00edodos de 1-4 semanas. Se utilizan t\u00e9cnicas como <strong>planning poker<\/strong> para estimar esfuerzo de creaci\u00f3n de contenidos y <strong>story mapping<\/strong> para planificar customer journeys y experiencias de audiencia.<\/li>\n<li><strong>Daily Stand-ups:<\/strong> En equipos maduros van m\u00e1s all\u00e1 del reporte de estado, convirti\u00e9ndose en espacios de resoluci\u00f3n de problemas y alineaci\u00f3n sobre tendencias emergentes, feedback de audiencia y oportunidades de contenido.<\/li>\n<li><strong>Sprint Review:<\/strong> Permiten obtener retroalimentaci\u00f3n de stakeholders, validar hip\u00f3tesis sobre audiencia y alinear objetivos comunicativos. Las m\u00e9tricas de engagement, alcance y conversi\u00f3n informan decisiones para el siguiente sprint.<\/li>\n<li><strong>Retrospectivas:<\/strong> Requieren habilidades de facilitaci\u00f3n para garantizar seguridad psicol\u00f3gica y fomentar mejora continua en procesos creativos y editoriales.<\/li>\n<\/ul>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bb2.3 Kanban\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<ul><\/ul>\n<h3>Kanban: Optimizaci\u00f3n del flujo de contenidos<\/h3>\n<p><strong>Kanban<\/strong> se centra en visualizar el flujo de trabajo, limitar el trabajo en progreso y optimizar la eficiencia del flujo. Resulta especialmente \u00fatil para equipos de comunicaci\u00f3n digital que reciben trabajo entrante continuo como <strong>gesti\u00f3n de redes sociales<\/strong>, <strong>respuestas a crisis de comunicaci\u00f3n<\/strong> o <strong>publicaci\u00f3n de contenidos diarios<\/strong>.<\/p>\n<div style=\"background-color: #e9ecef; border-left: 5px solid #cb0017; padding: 20px; margin: 20px 0; border-radius: 5px;\">\n<h4 style=\"color: #cb0017; margin-top: 0; margin-bottom: 15px; font-size: 1.2rem;\"><strong>\u00bfQu\u00e9 es Kanban y c\u00f3mo funciona?<\/strong><\/h4>\n<p>Kanban ayuda a los equipos a encontrar equilibrio entre el trabajo que necesitan hacer y la disponibilidad de cada miembro. Se basa en una filosof\u00eda de mejora continua donde las tareas se \u00abextraen\u00bb de una lista de pendientes en un flujo constante.<\/p>\n<p><strong><a href=\"https:\/\/asana.com\/es\/resources\/what-is-kanban\" target=\"_blank\" rel=\"noopener\">Para profundizar: Qu\u00e9 es la metodolog\u00eda Kanban (Asana)<\/a><\/strong><\/p>\n<p style=\"font-size: 0.95rem; color: #666; margin-bottom: 0;\"><strong>Aplicaci\u00f3n en comunicaci\u00f3n:<\/strong> Ideal para gestionar flujos continuos como publicaciones en redes sociales, respuestas a audiencia, moderaci\u00f3n de comentarios y creaci\u00f3n de contenido evergreen.<\/p>\n<\/div>\n<h4>Principios fundamentales de Kanban para comunicaci\u00f3n digital<\/h4>\n<div style=\"background-color: #fff3cd; border-left: 4px solid #cb0017; padding: 15px; margin: 15px 0;\"><strong>Los 4 principios b\u00e1sicos de Kanban:<\/strong><br \/>\u2022 <strong>Empieza con lo que haces ahora:<\/strong> Implementa Kanban sobre tus procesos actuales de contenido<br \/>\u2022 <strong>Acepta buscar el cambio evolutivo:<\/strong> Mejora continua sin cambios disruptivos<br \/>\u2022 <strong>Respeta los procesos y roles actuales:<\/strong> No requiere reestructuraci\u00f3n organizacional<br \/>\u2022 <strong>Impulsa el liderazgo en todos los niveles:<\/strong> Cualquier miembro puede proponer mejoras<\/div>\n<h4>Implementaci\u00f3n pr\u00e1ctica de tableros Kanban<\/h4>\n<p><strong>Dise\u00f1o de columnas para comunicaci\u00f3n digital:<\/strong><\/p>\n<ul>\n<li><strong>Ideaci\u00f3n\/Briefing:<\/strong> Nuevas ideas de contenido y solicitudes<\/li>\n<li><strong>Investigaci\u00f3n:<\/strong> Research de audiencia, trends y competitors<\/li>\n<li><strong>Creaci\u00f3n:<\/strong> Redacci\u00f3n, dise\u00f1o, grabaci\u00f3n o desarrollo<\/li>\n<li><strong>Revisi\u00f3n:<\/strong> Fact-checking, edici\u00f3n y aprobaciones<\/li>\n<li><strong>Publicaci\u00f3n:<\/strong> Scheduling y distribuci\u00f3n multiplataforma<\/li>\n<li><strong>Monitorizaci\u00f3n:<\/strong> Seguimiento de performance y engagement<\/li>\n<\/ul>\n<p><strong>Work-in-Progress (WIP) Limits:<\/strong> Establecer l\u00edmites de trabajo en curso es crucial para mantener calidad y velocidad. Un equipo de contenido podr\u00eda limitar a 3 art\u00edculos en revisi\u00f3n simult\u00e1nea o 5 posts en creaci\u00f3n, evitando sobrecarga y mejorando el flujo.<\/p>\n<p><strong>M\u00e9tricas de flujo:<\/strong> Los diagramas de flujo acumulado permiten visualizar progreso, predecir fechas de entrega e identificar cuellos de botella. <strong>Lead time<\/strong> (tiempo desde ideaci\u00f3n hasta publicaci\u00f3n) y <strong>cycle time<\/strong> (tiempo en cada etapa) son m\u00e9tricas clave para optimizaci\u00f3n.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bb2.4 Lean Startup\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>Lean Startup: Validaci\u00f3n y experimentaci\u00f3n en comunicaci\u00f3n<\/h3>\n<p><strong>Lean Startup<\/strong> aborda la incertidumbre mediante ciclos de <strong>construir-medir-aprender<\/strong>, priorizando la experimentaci\u00f3n sobre planificaci\u00f3n exhaustiva. Para equipos de comunicaci\u00f3n digital, esta metodolog\u00eda es esencial para validar nuevos formatos, audiencias o estrategias con m\u00ednima inversi\u00f3n.<\/p>\n<h4>El ciclo Build-Measure-Learn en comunicaci\u00f3n digital<\/h4>\n<p><strong>Build (Construir):<\/strong> Crear <strong>Minimum Viable Content (MVC)<\/strong> &#8211; versiones m\u00ednimas de nuevos formatos (podcast piloto, newsletter test, video experimental) para probar hip\u00f3tesis espec\u00edficas sobre audiencia y engagement.<\/p>\n<p><strong>Measure (Medir):<\/strong> Recopilar datos sobre comportamiento de audiencia, m\u00e9tricas de engagement, feedback cualitativo y patrones de consumo. Las m\u00e9tricas difieren de KPIs tradicionales, enfoc\u00e1ndose en aprendizaje m\u00e1s que en performance absoluta.<\/p>\n<p><strong>Learn (Aprender):<\/strong> Analizar resultados para validar o refutar hip\u00f3tesis sobre audiencia, formato o estrategia. Decidir entre <strong>perseverar<\/strong> (optimizar el enfoque actual) o <strong>pivotar<\/strong> (cambiar estrategia bas\u00e1ndose en evidencia).<\/p>\n<h4>Aplicaciones pr\u00e1cticas en comunicaci\u00f3n digital<\/h4>\n<div style=\"background-color: #dfdfdf; padding: 15px; margin: 15px 0;\">\n<h4 style=\"color: #cb0017; margin-top: 0;\">Ejemplos de MVP en comunicaci\u00f3n digital:<\/h4>\n<ul>\n<li><strong>Newsletter experimental:<\/strong> 5 ediciones para testear formato, frecuencia y temas de inter\u00e9s<\/li>\n<li><strong>Serie de contenido:<\/strong> 3 episodios de podcast para validar audiencia y formato<\/li>\n<li><strong>Campa\u00f1a micro-segmentada:<\/strong> Test A\/B de messaging en audiencia reducida<\/li>\n<li><strong>Formato de contenido:<\/strong> Infograf\u00edas interactivas vs. videos explicativos<\/li>\n<li><strong>Canal emergente:<\/strong> Presencia experimental en nueva plataforma social<\/li>\n<\/ul>\n<\/div>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bb2.5 Metodolog\u00edas h\u00edbridas\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>Metodolog\u00edas h\u00edbridas e integraci\u00f3n<\/h3>\n<p>Las organizaciones m\u00e1s sofisticadas combinan pr\u00e1cticas de varios frameworks seg\u00fan las necesidades espec\u00edficas del proyecto. <strong>Scrumban<\/strong> combina la estructura de Scrum con la flexibilidad de Kanban, ideal para equipos que necesitan tanto innovaci\u00f3n regular (sprints) como capacidad de respuesta continua (flujo).<\/p>\n<p><strong>Design Sprints<\/strong> integran Design Thinking con desarrollo \u00e1gil, proporcionando estructura para prototipado r\u00e1pido y validaci\u00f3n de usuario en comunicaci\u00f3n digital. <strong>Google<\/strong> y otras organizaciones han demostrado su efectividad para resolver desaf\u00edos complejos de experiencia de usuario en 5 d\u00edas.<\/p>\n<div style=\"background-color: #e9ecef; padding: 15px; margin: 15px 0;\">\n<h4 style=\"color: #cb0017; margin-top: 0;\">Selecci\u00f3n de metodolog\u00eda seg\u00fan tipo de proyecto<\/h4>\n<p><strong>Usa Scrum cuando:<\/strong> Tengas objetivos claros, deadlines fijos y necesites coordinaci\u00f3n de m\u00faltiples perfiles (campa\u00f1as, lanzamientos, eventos).<\/p>\n<p><strong>Usa Kanban cuando:<\/strong> Gestiones flujos continuos, trabajo reactivo o mantenimiento de m\u00faltiples canales (redes sociales, atenci\u00f3n al cliente, publicaci\u00f3n diaria).<\/p>\n<p><strong>Usa Lean Startup cuando:<\/strong> Explores nuevos mercados, formatos o audiencias con alta incertidumbre (nuevos productos editoriales, expansi\u00f3n geogr\u00e1fica, audiencias emergentes).<\/p>\n<p><strong>Combina metodolog\u00edas cuando:<\/strong> Tengas proyectos complejos que requieran tanto innovaci\u00f3n como operaci\u00f3n, o equipos grandes con m\u00faltiples tipos de trabajo.<\/p>\n<\/div>\n<h3>Herramientas digitales para implementaci\u00f3n<\/h3>\n<p>La implementaci\u00f3n exitosa de metodolog\u00edas \u00e1giles requiere herramientas que faciliten colaboraci\u00f3n, visibilidad y seguimiento. Para equipos de comunicaci\u00f3n digital, las herramientas deben integrar gesti\u00f3n de proyectos con capacidades espec\u00edficas de contenido y comunicaci\u00f3n.<\/p>\n<div style=\"background-color: #fff3cd; border-left: 4px solid #cb0017; padding: 15px; margin: 15px 0;\"><strong>Herramientas recomendadas por tipo:<\/strong><br \/>\u2022 <strong>Scrum:<\/strong> Jira, Azure DevOps, Asana (vista sprint), Monday.com<br \/>\u2022 <strong>Kanban:<\/strong> Trello, Asana (vista tablero), Notion, Azure Boards<br \/>\u2022 <strong>H\u00edbridas:<\/strong> Asana, Monday.com, ClickUp, Smartsheet<br \/>\u2022 <strong>Comunicaci\u00f3n:<\/strong> Teams, Slack, Discord (integraci\u00f3n con herramientas PM)<br \/>\u2022 <strong>Contenido:<\/strong> CoSchedule, Hootsuite, Buffer (espec\u00edficas para marketing digital)<\/div>\n<p>La selecci\u00f3n de herramientas debe considerar no solo capacidades t\u00e9cnicas sino tambi\u00e9n facilidad de adopci\u00f3n, integraci\u00f3n con sistemas existentes y escalabilidad. <strong>Asana<\/strong>, por ejemplo, permite visualizar proyectos en m\u00faltiples formatos (lista, tablero Kanban, timeline Gantt, calendario) facilitando la transici\u00f3n entre metodolog\u00edas seg\u00fan las necesidades del proyecto.<\/p>\n<div style=\"background-color: #e9ecef; padding: 15px; margin: 15px 0;\">\n<h4 style=\"color: #cb0017; margin-top: 0;\">Implementaci\u00f3n gradual y adopci\u00f3n<\/h4>\n<p>Para equipos de comunicaci\u00f3n digital nuevos en metodolog\u00edas \u00e1giles, se recomienda <strong>implementaci\u00f3n gradual<\/strong>: comenzar con Kanban para visualizar trabajo actual, introducir elementos de Scrum para proyectos espec\u00edficos, y experimentar con Lean Startup para iniciativas de innovaci\u00f3n. La clave est\u00e1 en adaptar las metodolog\u00edas al contexto espec\u00edfico del equipo y organizaci\u00f3n, no en implementar frameworks de forma r\u00edgida.<\/p>\n<\/div>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bb2.6 M\u00e9tricas \u00c1giles\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>Fundamentos de la medici\u00f3n en entornos \u00e1giles<\/h3>\n<p>Las m\u00e9tricas \u00e1giles representan una transformaci\u00f3n en la forma de evaluar el \u00e9xito y el progreso de los proyectos digitales. A diferencia de los enfoques tradicionales, que se centran en el cumplimiento de cronogramas y presupuestos, las m\u00e9tricas \u00e1giles priorizan indicadores que reflejan el valor entregado, la calidad del producto y la efectividad del equipo. Este cambio responde a la necesidad de contar con visibilidad en tiempo real para facilitar decisiones informadas de forma oportuna.<\/p>\n<p>El paradigma \u00e1gil de medici\u00f3n parte de la idea de que lo que se mide es lo que se mejora, pero reconoce que los indicadores tradicionales pueden inducir comportamientos contraproducentes. Por ejemplo, medir \u00fanicamente la velocidad puede llevar a sacrificar calidad en favor de cantidad, mientras que centrarse solo en defectos puede desalentar la innovaci\u00f3n necesaria en entornos digitales.<\/p>\n<p><a href=\"https:\/\/martinfowler.com\/articles\/useOfMetrics.html\" target=\"_blank\" rel=\"noopener\">Martin Fowler<\/a> ha documentado c\u00f3mo las m\u00e9tricas pueden usarse de manera constructiva para empoderar a los equipos o de forma negativa como mecanismo de control. La diferencia radica en si se emplean para fomentar la autonom\u00eda y la mejora continua o para limitar la creatividad mediante supervisi\u00f3n externa.<\/p>\n<p><a href=\"https:\/\/engineering.atspotify.com\/2014\/09\/16\/squad-health-check-model\/\" target=\"_blank\" rel=\"noopener\">Spotify<\/a> desarroll\u00f3 el modelo \u201cSquad Health Check\u201d, que permite a los equipos autoevaluar su desempe\u00f1o en m\u00faltiples dimensiones sin generar presi\u00f3n jer\u00e1rquica, promoviendo una cultura de mejora continua.<\/p>\n<h3>M\u00e9tricas de velocidad y productividad<\/h3>\n<p>La velocidad en metodolog\u00edas \u00e1giles va m\u00e1s all\u00e1 de medir entregables y se convierte en un indicador de la capacidad del equipo para generar valor de manera sostenible. Los <em>story points<\/em> completados por sprint son una referencia \u00fatil, pero los equipos maduros complementan este indicador con an\u00e1lisis de consistencia, predictibilidad de estimaciones y correlaci\u00f3n entre velocidad y valor de negocio generado.<\/p>\n<p><a href=\"https:\/\/www.atlassian.com\/agile\/project-management\/metrics\" target=\"_blank\" rel=\"noopener\">Atlassian<\/a> muestra c\u00f3mo los equipos de alto rendimiento utilizan los gr\u00e1ficos de velocidad no solo para planificar, sino tambi\u00e9n para detectar patrones que evidencian problemas sist\u00e9micos. Una velocidad muy variable puede indicar errores de estimaci\u00f3n, dependencias externas o deuda t\u00e9cnica que afecta la productividad.<\/p>\n<p>El concepto de <em>throughput<\/em>, caracter\u00edstico de Kanban, complementa la velocidad al ofrecer informaci\u00f3n sobre el flujo de trabajo continuo. Mientras que la velocidad se mide en sprints, el <em>throughput<\/em> mide cu\u00e1ntos elementos procesa el equipo en un periodo continuo. <a href=\"https:\/\/kanban.university\/\">Kanban University<\/a> ense\u00f1a que combinarlo con l\u00edmites de trabajo en curso (<em>WIP limits<\/em>) optimiza la eficiencia del flujo.<\/p>\n<p>El <em>lead time<\/em> y el <em>cycle time<\/em> son m\u00e9tricas cr\u00edticas para evaluar la capacidad de respuesta y la eficiencia del proceso. El <em>lead time<\/em> mide desde la identificaci\u00f3n del requisito hasta su entrega, mientras que el <em>cycle time<\/em> mide el tiempo de desarrollo activo. <a href=\"https:\/\/github.blog\/2023-01-19-how-we-use-github-project-fields-to-standardize-the-development-workflow\/\">GitHub<\/a> emplea estas m\u00e9tricas para identificar cuellos de botella y ajustar expectativas con los <em>stakeholders<\/em>.<\/p>\n<h3>M\u00e9tricas de calidad y valor<\/h3>\n<p>Las <strong>m\u00e9tricas de calidad<\/strong> en entornos \u00e1giles se orientan a la prevenci\u00f3n en lugar de la detecci\u00f3n tard\u00eda de defectos, integrando aseguramiento de la calidad en todo el ciclo de desarrollo. Incluyen cobertura de pruebas automatizadas, complejidad, duplicaci\u00f3n de c\u00f3digo y mantenibilidad. <a href=\"https:\/\/sonarqube.org\/\">SonarQube<\/a> ofrece an\u00e1lisis de estos indicadores, aunque se reconoce que una buena calidad t\u00e9cnica no garantiza valor si el producto no resuelve problemas reales de los usuarios.<\/p>\n<p>Las<strong> m\u00e9tricas centradas en el usuario<\/strong>, como NPS, CSAT y CES, permiten evaluar la experiencia. <a href=\"https:\/\/amplitude.com\/blog\" target=\"_blank\" rel=\"noopener\">Amplitude<\/a> muestra c\u00f3mo correlacionarlas con indicadores t\u00e9cnicos para priorizar mejoras de impacto en la experiencia.<\/p>\n<p>En cuanto al <strong>valor de negocio<\/strong>, los indicadores deben conectar el desarrollo con los objetivos estrat\u00e9gicos. Incluyen tasas de adopci\u00f3n, ingresos por usuario, conversiones y retenci\u00f3n. <a href=\"https:\/\/mixpanel.com\/blog\/\" target=\"_blank\" rel=\"noopener\">Mixpanel<\/a> proporciona herramientas para definir y seguir estas m\u00e9tricas.<\/p>\n<p>Finalmente, las <strong>m\u00e9tricas de deuda t\u00e9cnica<\/strong> son esenciales para mantener un desarrollo sostenible. <a href=\"https:\/\/eng.uber.com\/\" target=\"_blank\" rel=\"noopener\">Uber<\/a> ha creado modelos avanzados para cuantificarla y equilibrar presi\u00f3n a corto plazo con mantenibilidad a largo plazo.<\/p>\n<h3>M\u00e9tricas de colaboraci\u00f3n y cultura<\/h3>\n<p>El \u00e9xito de los equipos \u00e1giles depende de la colaboraci\u00f3n, la seguridad psicol\u00f3gica y las din\u00e1micas internas, factores dif\u00edciles de medir pero decisivos.<\/p>\n<p><strong>Indicadores de satisfacci\u00f3n y compromiso<\/strong> del equipo sirven como se\u00f1ales tempranas de posibles problemas. <a href=\"https:\/\/rework.withgoogle.com\/guides\/understanding-team-effectiveness\/steps\/foster-psychological-safety\/\">Google<\/a>, a trav\u00e9s del Proyecto Aristotle, demostr\u00f3 que la seguridad psicol\u00f3gica es el factor m\u00e1s importante para predecir el rendimiento.<\/p>\n<p>El an\u00e1lisis de patrones de colaboraci\u00f3n \u2014participaci\u00f3n en revisiones de c\u00f3digo, intercambio de conocimiento, interacciones interfuncionales\u2014 ayuda a identificar silos o desequilibrios. <a href=\"https:\/\/github.blog\/2021-01-25-improving-how-we-work-together-with-contributions-and-contribution-analytics\/\">GitHub Analytics<\/a> facilita este an\u00e1lisis.<\/p>\n<p>Las <strong>m\u00e9tricas de aprendizaje<\/strong>, como nuevas competencias o certificaciones, reflejan la evoluci\u00f3n de las capacidades del equipo. <a href=\"https:\/\/engineering.linkedin.com\/\">LinkedIn<\/a> las utiliza para alinear desarrollo profesional y objetivos estrat\u00e9gicos.<\/p>\n<p>La efectividad de las retrospectivas puede medirse a trav\u00e9s del seguimiento de acciones implementadas y resoluci\u00f3n de problemas recurrentes. Los equipos maduros usan estos indicadores para mejorar sus procesos de mejora continua.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bb2.7 Herramientas de gesti\u00f3n de proyectos\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>Categor\u00edas de herramientas seg\u00fan funci\u00f3n<\/h3>\n<p>El ecosistema de herramientas digitales para metodolog\u00edas \u00e1giles se organiza en categor\u00edas espec\u00edficas seg\u00fan su funci\u00f3n principal, permitiendo a los equipos de comunicaci\u00f3n digital seleccionar las soluciones m\u00e1s apropiadas para sus necesidades particulares. La selecci\u00f3n estrat\u00e9gica de herramientas impacta directamente en la eficiencia del equipo, la calidad de la colaboraci\u00f3n y el \u00e9xito de la implementaci\u00f3n de metodolog\u00edas \u00e1giles.<\/p>\n<p><a href=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/09\/tipos-herramientas.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/09\/tipos-herramientas.png\" width=\"513\" height=\"769\" alt=\"Tipos de herramientas\" class=\"wp-image-82257 alignnone size-full\" style=\"display: block; margin-left: auto; margin-right: auto;\" srcset=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/09\/tipos-herramientas.png 513w, https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/09\/tipos-herramientas-480x720.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 513px, 100vw\" \/><\/a><\/p>\n<h4>1. Plataformas de gesti\u00f3n de proyectos \u00e1giles<\/h4>\n<p>Estas herramientas constituyen el n\u00facleo de la implementaci\u00f3n de metodolog\u00edas \u00e1giles, proporcionando funcionalidades espec\u00edficas para <strong>Scrum<\/strong>, <strong>Kanban<\/strong> y gesti\u00f3n de <strong>backlogs<\/strong>. Son especialmente importantes para equipos de comunicaci\u00f3n digital que gestionan m\u00faltiples campa\u00f1as, contenidos y proyectos simult\u00e1neamente.<\/p>\n<div style=\"background-color: #fff3cd; border-left: 4px solid #cb0017; padding: 15px; margin: 15px 0;\"><strong>Funcionalidades clave:<\/strong><br \/>\u2022 <strong>Tableros visuales:<\/strong> Kanban boards, Scrum boards, vistas de sprint<br \/>\u2022 <strong>Gesti\u00f3n de backlog:<\/strong> User stories, \u00e9picas, estimaci\u00f3n con story points<br \/>\u2022 <strong>Planificaci\u00f3n \u00e1gil:<\/strong> Sprint planning, roadmaps, dependencias<br \/>\u2022 <strong>M\u00e9tricas:<\/strong> Burndown charts, velocity, cumulative flow diagrams<br \/>\u2022 <strong>Colaboraci\u00f3n:<\/strong> Comentarios, notificaciones, asignaciones autom\u00e1ticas<\/div>\n<table border=\"1\" style=\"width: 100%; border-collapse: collapse; margin: 20px 0;\">\n<thead style=\"background-color: #cccccc;\">\n<tr>\n<th style=\"padding: 10px;\">Herramienta<\/th>\n<th style=\"padding: 10px;\">Fortalezas<\/th>\n<th style=\"padding: 10px;\">Ideal para<\/th>\n<th style=\"padding: 10px;\">Precio<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"padding: 10px;\"><strong><a href=\"https:\/\/www.atlassian.com\/software\/jira\" target=\"_blank\" rel=\"noopener\">Jira<\/a><\/strong><\/td>\n<td style=\"padding: 10px;\">Funcionalidades avanzadas, customizaci\u00f3n profunda, integraci\u00f3n ecosistema Atlassian<\/td>\n<td style=\"padding: 10px;\">Equipos t\u00e9cnicos, proyectos complejos, organizaciones grandes<\/td>\n<td style=\"padding: 10px;\">\u20ac7.16\/usuario\/mes<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px;\"><strong><a href=\"https:\/\/asana.com\/\" target=\"_blank\" rel=\"noopener\">Asana<\/a><\/strong><\/td>\n<td style=\"padding: 10px;\">Interfaz intuitiva, m\u00faltiples vistas, facilidad de adopci\u00f3n<\/td>\n<td style=\"padding: 10px;\">Equipos de comunicaci\u00f3n, marketing, proyectos creativos<\/td>\n<td style=\"padding: 10px;\">\u20ac10.99\/usuario\/mes<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px;\"><strong><a href=\"https:\/\/trello.com\/\" target=\"_blank\" rel=\"noopener\">Trello<\/a><\/strong><\/td>\n<td style=\"padding: 10px;\">Simplicidad, curva de aprendizaje m\u00ednima, visual<\/td>\n<td style=\"padding: 10px;\">Equipos peque\u00f1os, proyectos simples, comenzar con Kanban<\/td>\n<td style=\"padding: 10px;\">\u20ac5\/usuario\/mes<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px;\"><strong><a href=\"https:\/\/azure.microsoft.com\/en-us\/products\/devops\/\" target=\"_blank\" rel=\"noopener\">Azure DevOps<\/a><\/strong><\/td>\n<td style=\"padding: 10px;\">Integraci\u00f3n Microsoft, CI\/CD incorporado, escalabilidad enterprise<\/td>\n<td style=\"padding: 10px;\">Equipos de desarrollo, entornos Microsoft, proyectos t\u00e9cnicos<\/td>\n<td style=\"padding: 10px;\">\u20ac5.83\/usuario\/mes<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px;\"><strong><a href=\"https:\/\/monday.com\/\" target=\"_blank\" rel=\"noopener\">Monday.com<\/a><\/strong><\/td>\n<td style=\"padding: 10px;\">Flexibilidad, automatizaciones, dashboards visuales<\/td>\n<td style=\"padding: 10px;\">Equipos multidisciplinares, gesti\u00f3n de recursos, reporting<\/td>\n<td style=\"padding: 10px;\">\u20ac8\/usuario\/mes<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4>2. Herramientas de comunicaci\u00f3n y colaboraci\u00f3n<\/h4>\n<p>La comunicaci\u00f3n efectiva es fundamental para el \u00e9xito de metodolog\u00edas \u00e1giles. Estas plataformas facilitan la colaboraci\u00f3n en tiempo real, especialmente cr\u00edtica para equipos de comunicaci\u00f3n digital que trabajan en <strong>contenidos colaborativos<\/strong>, <strong>revisiones editoriales<\/strong> y <strong>coordinaci\u00f3n de campa\u00f1as<\/strong>.<\/p>\n<table border=\"1\" style=\"width: 100%; border-collapse: collapse; margin: 20px 0;\">\n<thead style=\"background-color: #cccccc;\">\n<tr>\n<th style=\"padding: 10px;\">Herramienta<\/th>\n<th style=\"padding: 10px;\">Funcionalidad Principal<\/th>\n<th style=\"padding: 10px;\">Integraci\u00f3n PM<\/th>\n<th style=\"padding: 10px;\">Casos de uso en comunicaci\u00f3n<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"padding: 10px;\"><strong><a href=\"https:\/\/slack.com\/\" target=\"_blank\" rel=\"noopener\">Slack<\/a><\/strong><\/td>\n<td style=\"padding: 10px;\">Messaging, canales tem\u00e1ticos, integraciones<\/td>\n<td style=\"padding: 10px;\">Notificaciones Jira\/Asana, bots de sprint<\/td>\n<td style=\"padding: 10px;\">Coordinaci\u00f3n editorial, feedback r\u00e1pido, alerts de crisis<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px;\"><strong><a href=\"https:\/\/teams.microsoft.com\/\" target=\"_blank\" rel=\"noopener\">Microsoft Teams<\/a><\/strong><\/td>\n<td style=\"padding: 10px;\">Video, chat, colaboraci\u00f3n en documentos<\/td>\n<td style=\"padding: 10px;\">Tabs de Planner\/DevOps integradas<\/td>\n<td style=\"padding: 10px;\">Reuniones editoriales, revisi\u00f3n colaborativa, workshops<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px;\"><strong><a href=\"https:\/\/zoom.us\/\" target=\"_blank\" rel=\"noopener\">Zoom<\/a><\/strong><\/td>\n<td style=\"padding: 10px;\">Videoconferencias, webinars, grabaci\u00f3n<\/td>\n<td style=\"padding: 10px;\">Plugins para retrospectivas y planning<\/td>\n<td style=\"padding: 10px;\">Sprint reviews, retrospectivas, entrevistas a fuentes<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px;\"><strong><a href=\"https:\/\/discord.com\/\" target=\"_blank\" rel=\"noopener\">Discord<\/a><\/strong><\/td>\n<td style=\"padding: 10px;\">Comunidades, voice channels, bots<\/td>\n<td style=\"padding: 10px;\">Bots personalizados, notificaciones<\/td>\n<td style=\"padding: 10px;\">Equipos creativos, community management, brainstorming<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4>3. Plataformas de documentaci\u00f3n y conocimiento<\/h4>\n<p>La gesti\u00f3n del conocimiento es esencial en metodolog\u00edas \u00e1giles para capturar <strong>lecciones aprendidas<\/strong>, <strong>definiciones de criterios de aceptaci\u00f3n<\/strong> y <strong>documentaci\u00f3n t\u00e9cnica<\/strong>. Para equipos de comunicaci\u00f3n digital, estas herramientas tambi\u00e9n gestionan <strong>gu\u00edas de estilo editorial<\/strong>, <strong>templates de contenido<\/strong> y <strong>procesos de publicaci\u00f3n<\/strong>.<\/p>\n<div style=\"background-color: #dfdfdf; padding: 15px; margin: 15px 0;\">\n<h4 style=\"color: #cb0017; margin-top: 0;\">Herramientas destacadas para documentaci\u00f3n:<\/h4>\n<ul>\n<li><strong><a href=\"https:\/\/www.atlassian.com\/software\/confluence\" target=\"_blank\" rel=\"noopener\">Confluence<\/a>:<\/strong> Wiki empresarial integrada con Jira, ideal para documentaci\u00f3n t\u00e9cnica y procesos<\/li>\n<li><strong><a href=\"https:\/\/www.notion.so\/\" target=\"_blank\" rel=\"noopener\">Notion<\/a>:<\/strong> All-in-one workspace que combina documentaci\u00f3n, bases de datos y gesti\u00f3n de proyectos<\/li>\n<li><strong><a href=\"https:\/\/obsidian.md\/\" target=\"_blank\" rel=\"noopener\">Obsidian<\/a>:<\/strong> Knowledge management con enlaces bidireccionales, perfecto para content strategy<\/li>\n<li><strong><a href=\"https:\/\/roamresearch.com\/\" target=\"_blank\" rel=\"noopener\">Roam Research<\/a>:<\/strong> Pensamiento en red para conectar ideas y conceptos editoriales<\/li>\n<\/ul>\n<\/div>\n<h4>4. Herramientas de anal\u00edtica y m\u00e9tricas \u00e1giles<\/h4>\n<p>La medici\u00f3n continua es fundamental en metodolog\u00edas \u00e1giles. Estas herramientas proporcionan <strong>insights<\/strong> sobre rendimiento del equipo, calidad del proceso y progreso hacia objetivos. Para comunicaci\u00f3n digital, tambi\u00e9n incluyen <strong>m\u00e9tricas de engagement<\/strong>, <strong>performance de contenidos<\/strong> y <strong>an\u00e1lisis de audiencia<\/strong>.<\/p>\n<table border=\"1\" style=\"width: 100%; border-collapse: collapse; margin: 20px 0;\">\n<thead style=\"background-color: #cccccc;\">\n<tr>\n<th style=\"padding: 10px;\">Categor\u00eda<\/th>\n<th style=\"padding: 10px;\">Herramientas<\/th>\n<th style=\"padding: 10px;\">M\u00e9tricas clave<\/th>\n<th style=\"padding: 10px;\">Aplicaci\u00f3n en comunicaci\u00f3n<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"padding: 10px;\"><strong>Business Intelligence<\/strong><\/td>\n<td style=\"padding: 10px;\"><a href=\"https:\/\/powerbi.microsoft.com\/\" target=\"_blank\" rel=\"noopener\">Power BI<\/a>, <a href=\"https:\/\/www.tableau.com\/\" target=\"_blank\" rel=\"noopener\">Tableau<\/a><\/td>\n<td style=\"padding: 10px;\">Dashboards integrados, KPIs de proyecto<\/td>\n<td style=\"padding: 10px;\">ROI de campa\u00f1as, performance de contenidos<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px;\"><strong>M\u00e9tricas \u00e1giles<\/strong><\/td>\n<td style=\"padding: 10px;\"><a href=\"https:\/\/linearb.io\/\" target=\"_blank\" rel=\"noopener\">LinearB<\/a>, <a href=\"https:\/\/actionableagile.com\/\" target=\"_blank\" rel=\"noopener\">ActionableAgile<\/a><\/td>\n<td style=\"padding: 10px;\">Velocity, lead time, cycle time<\/td>\n<td style=\"padding: 10px;\">Eficiencia editorial, tiempo de publicaci\u00f3n<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px;\"><strong>Monitorizaci\u00f3n<\/strong><\/td>\n<td style=\"padding: 10px;\"><a href=\"https:\/\/grafana.com\/\" target=\"_blank\" rel=\"noopener\">Grafana<\/a>, <a href=\"https:\/\/www.datadoghq.com\/\" target=\"_blank\" rel=\"noopener\">Datadog<\/a><\/td>\n<td style=\"padding: 10px;\">M\u00e9tricas en tiempo real, alertas<\/td>\n<td style=\"padding: 10px;\">Monitoreo de sitios web, alertas de crisis<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4>5. Automatizaci\u00f3n y integraci\u00f3n<\/h4>\n<p>La automatizaci\u00f3n reduce la carga administrativa y permite a los equipos concentrarse en trabajo de alto valor. En comunicaci\u00f3n digital, automatiza <strong>flujos de publicaci\u00f3n<\/strong>, <strong>distribuci\u00f3n de contenidos<\/strong> y <strong>notificaciones de seguimiento<\/strong>.<\/p>\n<div style=\"background-color: #e9ecef; border-left: 5px solid #cb0017; padding: 20px; margin: 20px 0; border-radius: 5px;\">\n<h4 style=\"color: #cb0017; margin-top: 0; margin-bottom: 15px; font-size: 1.2rem;\"><strong>Plataformas de automatizaci\u00f3n clave<\/strong><\/h4>\n<ul style=\"margin-bottom: 15px;\">\n<li><strong><a href=\"https:\/\/zapier.com\/\" target=\"_blank\" rel=\"noopener\">Zapier<\/a>:<\/strong> Conecta 5000+ aplicaciones, ideal para automatizar flujos de content marketing<\/li>\n<li><strong><a href=\"https:\/\/docs.microsoft.com\/en-us\/power-automate\/\" target=\"_blank\" rel=\"noopener\">Power Automate<\/a>:<\/strong> Automatizaci\u00f3n empresarial integrada con ecosistema Microsoft<\/li>\n<li><strong><a href=\"https:\/\/github.com\/features\/actions\" target=\"_blank\" rel=\"noopener\">GitHub Actions<\/a>:<\/strong> CI\/CD para proyectos t\u00e9cnicos y automatizaci\u00f3n de workflows<\/li>\n<li><strong><a href=\"https:\/\/ifttt.com\/\" target=\"_blank\" rel=\"noopener\">IFTTT<\/a>:<\/strong> Automatizaciones simples para redes sociales y notificaciones<\/li>\n<\/ul>\n<p style=\"font-size: 0.95rem; color: #666; margin-bottom: 0;\"><strong>Ejemplo pr\u00e1ctico:<\/strong> Automatizar la publicaci\u00f3n de contenido aprobado en Asana directamente a redes sociales, con notificaci\u00f3n autom\u00e1tica al equipo v\u00eda Slack.<\/p>\n<\/div>\n<h3>Criterios de selecci\u00f3n y comparaci\u00f3n<\/h3>\n<p>La selecci\u00f3n de herramientas debe alinearse con la <strong>metodolog\u00eda \u00e1gil elegida<\/strong>, el <strong>tama\u00f1o del equipo<\/strong>, la <strong>complejidad de los proyectos<\/strong> y el <strong>nivel de madurez organizacional<\/strong>. Para equipos de comunicaci\u00f3n digital, factores adicionales incluyen <strong>facilidades para gesti\u00f3n de contenidos<\/strong>, <strong>integraci\u00f3n con plataformas de publicaci\u00f3n<\/strong> y <strong>capacidades de colaboraci\u00f3n editorial<\/strong>.<\/p>\n<div style=\"background-color: #fff3cd; border-left: 4px solid #cb0017; padding: 15px; margin: 15px 0;\"><strong>Matriz de decisi\u00f3n por contexto:<\/strong><br \/>\u2022 <strong>Equipo peque\u00f1o (2-5 personas):<\/strong> Trello + Slack + Google Workspace<br \/>\u2022 <strong>Equipo medio (6-15 personas):<\/strong> Asana + Teams + Notion + Power BI<br \/>\u2022 <strong>Equipo grande (15+ personas):<\/strong> Jira + Confluence + Teams + Azure DevOps<br \/>\u2022 <strong>Organizaci\u00f3n enterprise:<\/strong> Jira + Confluence + Teams + Power BI + Power Automate<br \/>\u2022 <strong>Startup \u00e1gil:<\/strong> Notion + Discord + Zapier + herramientas gratuitas<\/div>\n<h4>Factores de coste total de implementaci\u00f3n<\/h4>\n<p>Seg\u00fan <strong><a href=\"https:\/\/www.gartner.com\/\" target=\"_blank\" rel=\"noopener\">Gartner<\/a><\/strong>, las licencias de software representan menos del 30% del coste total de implementaci\u00f3n. Los costes adicionales incluyen:<\/p>\n<ul>\n<li><strong>Formaci\u00f3n y adopci\u00f3n (40%):<\/strong> Training del equipo, change management, curva de aprendizaje<\/li>\n<li><strong>Integraci\u00f3n y customizaci\u00f3n (20%):<\/strong> Configuraci\u00f3n, integraciones, desarrollo de plugins<\/li>\n<li><strong>Soporte y mantenimiento (10%):<\/strong> Administraci\u00f3n continua, actualizaciones, resoluci\u00f3n de problemas<\/li>\n<\/ul>\n<p><strong><a href=\"https:\/\/www.prosci.com\/\" target=\"_blank\" rel=\"noopener\">Prosci<\/a><\/strong> destaca que la gesti\u00f3n del cambio es cr\u00edtica para el \u00e9xito de la adopci\u00f3n de herramientas \u00e1giles, especialmente en equipos creativos y editoriales que pueden ser resistentes a cambios en sus procesos de trabajo establecidos.<\/p>\n<div style=\"background-color: #dfdfdf; padding: 15px; margin: 15px 0;\">\n<h4 style=\"color: #cb0017; margin-top: 0;\">Recomendaciones para implementaci\u00f3n exitosa<\/h4>\n<p><strong>Fase piloto:<\/strong> Comenzar con un proyecto peque\u00f1o para validar la herramienta y procesos antes de escalar.<\/p>\n<p><strong>Formaci\u00f3n gradual:<\/strong> Implementar capabilities progresivamente en lugar de activar todas las funcionalidades simult\u00e1neamente.<\/p>\n<p><strong>Champions internos:<\/strong> Identificar early adopters en el equipo que puedan actuar como mentores y promotores del cambio.<\/p>\n<p><strong>M\u00e9tricas de adopci\u00f3n:<\/strong> Monitorizar usage rates, user satisfaction y tiempo de value realization para optimizar la implementaci\u00f3n.<\/p>\n<\/div>\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 global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb open=\u00bboff\u00bb]<\/p>\n<h2>Referencias y Fuentes<\/h2>\n<h3>Literatura fundamental<\/h3>\n<ul>\n<li>Anderson, D. J. (2010). <em>Kanban: Successful Evolutionary Change for Your Technology Business<\/em>. Blue Hole Press.<\/li>\n<li>Beck, K., et al. (2001). <em>Manifesto for Agile Software Development<\/em>. Agile Alliance.<\/li>\n<li>Cohn, M. (2010). <em>Succeeding with Agile: Software Development Using Scrum<\/em>. Addison-Wesley Professional.<\/li>\n<li>Humble, J., &amp; Farley, D. (2010). <em>Continuous Delivery: Reliable Software Releases through Build, Test, and Deployment Automation<\/em>. Addison-Wesley Professional.<\/li>\n<li>Kniberg, H., &amp; Skarin, M. (2010). <em>Kanban and Scrum &#8211; Making the Most of Both<\/em>. InfoQ.<\/li>\n<li>Ries, E. (2011). <em>The Lean Startup: How Today&#8217;s Entrepreneurs Use Continuous Innovation to Create Radically Successful Businesses<\/em>. Crown Business.<\/li>\n<li>Schwaber, K., &amp; Sutherland, J. (2020). <em>The Scrum Guide: The Definitive Guide to Scrum: The Rules of the Game<\/em>. Scrum.org.<\/li>\n<\/ul>\n<h3>Investigaci\u00f3n e informes de industria<\/h3>\n<ul>\n<li>Deloitte (2021). <em>The Social Enterprise at Work: Agile<\/em>. Investigaci\u00f3n sobre el impacto de metodolog\u00edas \u00e1giles en productividad organizacional.<\/li>\n<li>Forrester Research (2022). <em>The State of Agile Software Development<\/em>. An\u00e1lisis de tendencias actuales en adopci\u00f3n \u00e1gil.<\/li>\n<li>McKinsey &amp; Company (2020). <em>How to Make Agile Work for You<\/em>. An\u00e1lisis de desaf\u00edos de transformaci\u00f3n \u00e1gil en organizaciones grandes.<\/li>\n<li>Rigby, D., &amp; Bilodeau, B. (2018). \u00abHow to Choose the Right Agile Approach\u00bb. <em>MIT Sloan Management Review<\/em>.<\/li>\n<li>Rigby, D., Sutherland, J., &amp; Takeuchi, H. (2016). \u00abThe Agile C-Suite\u00bb. <em>Harvard Business Review<\/em>.<\/li>\n<li>Standish Group (2020). <em>CHAOS Report 2020<\/em>. Estudio longitudinal de tasas de \u00e9xito de proyectos incluyendo impacto de metodolog\u00edas \u00e1giles.<\/li>\n<li>VersionOne (2023). <em>15th Annual State of Agile Report<\/em>. Encuesta sobre patrones de adopci\u00f3n \u00e1gil y factores de \u00e9xito.<\/li>\n<\/ul>\n<h3>Recursos oficiales y comunidades<\/h3>\n<ul>\n<li>Agile Alliance: <a href=\"https:\/\/www.agilealliance.org\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.agilealliance.org\/<\/a> &#8211; Organizaci\u00f3n promotora de conceptos \u00e1giles.<\/li>\n<li>Kanban University: <a href=\"https:\/\/kanban.university\/\" target=\"_blank\" rel=\"noopener\">https:\/\/kanban.university\/<\/a> &#8211; Fuente autoritativa para educaci\u00f3n en Kanban.<\/li>\n<li>Lean Startup Co: <a href=\"http:\/\/theleanstartup.com\/\" target=\"_blank\" rel=\"noopener\">http:\/\/theleanstartup.com\/<\/a> &#8211; Recursos para implementaci\u00f3n de Lean Startup.<\/li>\n<li>Scaled Agile Framework: <a href=\"https:\/\/www.scaledagile.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.scaledagile.com\/<\/a> &#8211; Framework para escalar pr\u00e1cticas \u00e1giles a nivel empresarial.<\/li>\n<li>Scrum Alliance: <a href=\"https:\/\/www.scrumalliance.org\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.scrumalliance.org\/<\/a> &#8211; Comunidad global de practitioners de Scrum.<\/li>\n<li>Scrum.org: <a href=\"https:\/\/www.scrum.org\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.scrum.org\/<\/a> &#8211; Recursos oficiales de Scrum y programas de certificaci\u00f3n.<\/li>\n<\/ul>\n<h3>Herramientas y recursos digitales<\/h3>\n<ul>\n<li>Asana Resources: <a href=\"https:\/\/asana.com\/es\/resources\/\" target=\"_blank\" rel=\"noopener\">https:\/\/asana.com\/es\/resources\/<\/a> &#8211; Gu\u00edas sobre gesti\u00f3n de proyectos y metodolog\u00edas \u00e1giles.<\/li>\n<li>Atlassian Documentation: <a href=\"https:\/\/www.atlassian.com\/software\" target=\"_blank\" rel=\"noopener\">https:\/\/www.atlassian.com\/software<\/a> &#8211; Documentaci\u00f3n para Jira, Confluence y otras herramientas.<\/li>\n<li>Design Sprint Kit: <a href=\"https:\/\/designsprintkit.withgoogle.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/designsprintkit.withgoogle.com\/<\/a> &#8211; Recursos oficiales de Google sobre Design Sprints.<\/li>\n<li>GitHub Project Management: <a href=\"https:\/\/docs.github.com\/en\/issues\/organizing-your-work-with-project-boards\" target=\"_blank\" rel=\"noopener\">https:\/\/docs.github.com\/en\/issues\/organizing-your-work-with-project-boards<\/a> &#8211; Gesti\u00f3n de proyectos integrada.<\/li>\n<li>Microsoft Project Solutions: <a href=\"https:\/\/www.microsoft.com\/en-us\/microsoft-365\/project\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.microsoft.com\/en-us\/microsoft-365\/project\/<\/a> &#8211; Ecosistema de herramientas de Microsoft.<\/li>\n<\/ul>\n<h3>Blogs especializados y casos de estudio<\/h3>\n<ul>\n<li>ActionableAgile: <a href=\"https:\/\/actionableagile.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/actionableagile.com\/<\/a> &#8211; Analytics y m\u00e9tricas \u00e1giles especializadas.<\/li>\n<li>GitHub Blog: <a href=\"https:\/\/github.blog\/\" target=\"_blank\" rel=\"noopener\">https:\/\/github.blog\/<\/a> &#8211; Patrones de colaboraci\u00f3n y mejores pr\u00e1cticas en desarrollo.<\/li>\n<li>LinkedIn Engineering: <a href=\"https:\/\/engineering.linkedin.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/engineering.linkedin.com\/<\/a> &#8211; Machine learning aplicado a predicci\u00f3n de \u00e9xito en proyectos.<\/li>\n<li>Mountain Goat Software: <a href=\"https:\/\/www.mountaingoatsoftware.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.mountaingoatsoftware.com\/<\/a> &#8211; T\u00e9cnicas de estimaci\u00f3n y planificaci\u00f3n en Scrum.<\/li>\n<li>Netflix Technology Blog: <a href=\"https:\/\/netflixtechblog.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/netflixtechblog.com\/<\/a> &#8211; Implementaci\u00f3n de metodolog\u00edas \u00e1giles a gran escala.<\/li>\n<li>Retromat: <a href=\"https:\/\/retromat.org\/\" target=\"_blank\" rel=\"noopener\">https:\/\/retromat.org\/<\/a> &#8211; Formatos y t\u00e9cnicas para retrospectivas efectivas.<\/li>\n<li>Roman Pichler: <a href=\"https:\/\/www.romanpichler.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.romanpichler.com\/<\/a> &#8211; Recursos especializados para desarrollo del rol Product Owner.<\/li>\n<li>Spotify Engineering: <a href=\"https:\/\/engineering.atspotify.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/engineering.atspotify.com\/<\/a> &#8211; Casos de estudio sobre escalado de Scrum y modelo organizativo \u00e1gil.<\/li>\n<\/ul>\n<h3>Recursos espec\u00edficos citados<\/h3>\n<ul>\n<li>Asana. (2024). \u00ab\u00bfQu\u00e9 es la metodolog\u00eda Kanban y c\u00f3mo funciona?\u00bb. <a href=\"https:\/\/asana.com\/es\/resources\/what-is-kanban\" target=\"_blank\" rel=\"noopener\">https:\/\/asana.com\/es\/resources\/what-is-kanban<\/a><\/li>\n<li>Lean Analytics: <a href=\"https:\/\/leananalyticsbook.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/leananalyticsbook.com\/<\/a> &#8211; Frameworks para m\u00e9tricas de aprendizaje en entornos de incertidumbre.<\/li>\n<li>Scrum Guides. (2020). \u00abLa Gu\u00eda de Scrum &#8211; Versi\u00f3n en Espa\u00f1ol\u00bb. <a href=\"https:\/\/scrumguides.org\/download.html\" target=\"_blank\" rel=\"noopener\">https:\/\/scrumguides.org\/download.html<\/a><\/li>\n<li>Steve Blank: <a href=\"https:\/\/steveblank.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/steveblank.com\/<\/a> &#8211; Customer Development y decisiones de pivot basadas en evidencia.<\/li>\n<li>Y Combinator Blog: <a href=\"https:\/\/blog.ycombinator.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/blog.ycombinator.com\/<\/a> &#8211; Ejemplos de MVPs y validaci\u00f3n de hip\u00f3tesis.<\/li>\n<\/ul>\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\/82152?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\/t2-metodologias-agiles\/\">Continua leyendo<span> Tema 2: Metodolog\u00edas \u00e1giles y herramientas colaborativas<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":82154,"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-82152","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 2: Metodolog\u00edas \u00e1giles y herramientas colaborativas - 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\/t2-metodologias-agiles\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tema 2: Metodolog\u00edas \u00e1giles y herramientas colaborativas - 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\/t2-metodologias-agiles\/\" \/>\n<meta property=\"og:site_name\" content=\"Portal de proyectos multimedia\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-25T21:34:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-08T23:18:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t2-met-agiles.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"392\" \/>\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\\\/t2-metodologias-agiles\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t2-metodologias-agiles\\\/\"},\"author\":{\"name\":\"juanmiro\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#\\\/schema\\\/person\\\/2e8265f6be76de5637b1bd02a53266b3\"},\"headline\":\"Tema 2: Metodolog\u00edas \u00e1giles y herramientas colaborativas\",\"datePublished\":\"2025-08-25T21:34:49+00:00\",\"dateModified\":\"2025-09-08T23:18:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t2-metodologias-agiles\\\/\"},\"wordCount\":4440,\"image\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t2-metodologias-agiles\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/t2-met-agiles.jpg\",\"articleSection\":[\"banco-conocimiento\",\"PEPD\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t2-metodologias-agiles\\\/\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t2-metodologias-agiles\\\/\",\"name\":\"Tema 2: Metodolog\u00edas \u00e1giles y herramientas colaborativas - Portal de proyectos multimedia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t2-metodologias-agiles\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t2-metodologias-agiles\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/t2-met-agiles.jpg\",\"datePublished\":\"2025-08-25T21:34:49+00:00\",\"dateModified\":\"2025-09-08T23:18:17+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\\\/t2-metodologias-agiles\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t2-metodologias-agiles\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t2-metodologias-agiles\\\/#primaryimage\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/t2-met-agiles.jpg\",\"contentUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/t2-met-agiles.jpg\",\"width\":1000,\"height\":392,\"caption\":\"Team arranging adhesive notes with concepts on glass in meeting\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t2-metodologias-agiles\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tema 2: Metodolog\u00edas \u00e1giles y herramientas colaborativas\"}]},{\"@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 2: Metodolog\u00edas \u00e1giles y herramientas colaborativas - 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\/t2-metodologias-agiles\/","og_locale":"en_GB","og_type":"article","og_title":"Tema 2: Metodolog\u00edas \u00e1giles y herramientas colaborativas - 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\/t2-metodologias-agiles\/","og_site_name":"Portal de proyectos multimedia","article_published_time":"2025-08-25T21:34:49+00:00","article_modified_time":"2025-09-08T23:18:17+00:00","og_image":[{"width":1000,"height":392,"url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t2-met-agiles.jpg","type":"image\/jpeg"}],"author":"juanmiro","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/proyectos.comunicaciondigital.es\/t2-metodologias-agiles\/#article","isPartOf":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t2-metodologias-agiles\/"},"author":{"name":"juanmiro","@id":"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/2e8265f6be76de5637b1bd02a53266b3"},"headline":"Tema 2: Metodolog\u00edas \u00e1giles y herramientas colaborativas","datePublished":"2025-08-25T21:34:49+00:00","dateModified":"2025-09-08T23:18:17+00:00","mainEntityOfPage":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t2-metodologias-agiles\/"},"wordCount":4440,"image":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t2-metodologias-agiles\/#primaryimage"},"thumbnailUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t2-met-agiles.jpg","articleSection":["banco-conocimiento","PEPD"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/proyectos.comunicaciondigital.es\/t2-metodologias-agiles\/","url":"https:\/\/proyectos.comunicaciondigital.es\/t2-metodologias-agiles\/","name":"Tema 2: Metodolog\u00edas \u00e1giles y herramientas colaborativas - Portal de proyectos multimedia","isPartOf":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t2-metodologias-agiles\/#primaryimage"},"image":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t2-metodologias-agiles\/#primaryimage"},"thumbnailUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t2-met-agiles.jpg","datePublished":"2025-08-25T21:34:49+00:00","dateModified":"2025-09-08T23:18:17+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\/t2-metodologias-agiles\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/proyectos.comunicaciondigital.es\/t2-metodologias-agiles\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/proyectos.comunicaciondigital.es\/t2-metodologias-agiles\/#primaryimage","url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t2-met-agiles.jpg","contentUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t2-met-agiles.jpg","width":1000,"height":392,"caption":"Team arranging adhesive notes with concepts on glass in meeting"},{"@type":"BreadcrumbList","@id":"https:\/\/proyectos.comunicaciondigital.es\/t2-metodologias-agiles\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/proyectos.comunicaciondigital.es\/"},{"@type":"ListItem","position":2,"name":"Tema 2: Metodolog\u00edas \u00e1giles y herramientas colaborativas"}]},{"@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\/82152","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=82152"}],"version-history":[{"count":11,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/82152\/revisions"}],"predecessor-version":[{"id":82260,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/82152\/revisions\/82260"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/media\/82154"}],"wp:attachment":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/media?parent=82152"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/categories?post=82152"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/tags?post=82152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}