{"id":82144,"date":"2025-08-25T19:01:18","date_gmt":"2025-08-25T19:01:18","guid":{"rendered":"https:\/\/proyectos.comunicaciondigital.es\/?p=82144"},"modified":"2025-09-08T22:43:44","modified_gmt":"2025-09-08T22:43:44","slug":"t1-intro-gestion-proyectos","status":"publish","type":"post","link":"https:\/\/proyectos.comunicaciondigital.es\/en\/t1-intro-gestion-proyectos\/","title":{"rendered":"T1. Introducci\u00f3n a la gesti\u00f3n de proyectos digitales"},"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>1. Introducci\u00f3n a la gesti\u00f3n de proyectos digitales<\/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=\u00bb1.1 Definici\u00f3n de Proyecto y de Producto\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>Conceptos fundamentales: proyecto, producto y gesti\u00f3n<\/h3>\n<p>Un <strong>proyecto<\/strong> se define como un conjunto de tareas organizadas con un objetivo espec\u00edfico, caracterizado por su naturaleza temporal y la creaci\u00f3n de resultados \u00fanicos. La gesti\u00f3n de proyectos es la disciplina que permite a los equipos planificar, gestionar y llevar a cabo el trabajo necesario para cumplir con los compromisos y objetivos establecidos dentro del plazo acordado.<\/p>\n<p>En el contexto de la comunicaci\u00f3n digital, un proyecto puede abarcar desde el <strong>desarrollo de una campa\u00f1a de contenidos<\/strong>, la <strong>creaci\u00f3n de un portal informativo<\/strong>, el <strong>lanzamiento de un podcast<\/strong> o la <strong>implementaci\u00f3n de una estrategia de redes sociales<\/strong>. Lo que distingue a un proyecto de las operaciones cotidianas es su car\u00e1cter temporal y su enfoque hacia la creaci\u00f3n de algo nuevo y espec\u00edfico.<\/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>\u00bfPor qu\u00e9 necesitas gesti\u00f3n de proyectos en comunicaci\u00f3n digital?<\/strong><\/h4>\n<p>Seg\u00fan Asana, los equipos que no implementan procesos formales de gesti\u00f3n de proyectos enfrentan desaf\u00edos recurrentes:<\/p>\n<ul style=\"margin-bottom: 15px;\">\n<li><strong>Dificultades de organizaci\u00f3n:<\/strong> Informaci\u00f3n dispersa en emails, hojas de c\u00e1lculo y m\u00faltiples herramientas<\/li>\n<li><strong>Colaboraci\u00f3n ineficiente:<\/strong> Falta de claridad sobre responsabilidades y deadlines<\/li>\n<li><strong>P\u00e9rdida de tiempo:<\/strong> 60% del tiempo se dedica a \u00abtrabajo sobre el trabajo\u00bb en lugar de tareas estrat\u00e9gicas<\/li>\n<li><strong>Comunicaci\u00f3n fragmentada:<\/strong> Equipos que cambian entre 10 herramientas diferentes por d\u00eda<\/li>\n<\/ul>\n<p><strong><a href=\"https:\/\/asana.com\/es\/resources\/benefits-project-management\" target=\"_blank\" rel=\"noopener\">Para profundizar: Los beneficios de la gesti\u00f3n de proyectos (Asana)<\/a><\/strong><\/p>\n<p style=\"font-size: 0.95rem; color: #666; margin-bottom: 0;\"><strong>Aplicaci\u00f3n en comunicaci\u00f3n digital:<\/strong> Una campa\u00f1a editorial sin gesti\u00f3n de proyectos puede resultar en contenidos duplicados, deadlines perdidos, audiencias confundidas y oportunidades de engagement desperdiciadas.<\/p>\n<\/div>\n<h3>La democratizaci\u00f3n de la gesti\u00f3n de proyectos<\/h3>\n<p>Tradicionalmente, la gesti\u00f3n de proyectos requer\u00eda <strong>certificaciones especializadas<\/strong> y conocimiento t\u00e9cnico profundo. Sin embargo, como se\u00f1ala Asana, la gesti\u00f3n de proyectos moderna se ha democratizado: <strong>\u00abcualquiera puede ser un gerente de proyectos\u00bb<\/strong>. Esto es especialmente relevante para profesionales de comunicaci\u00f3n digital, quienes frecuentemente lideran iniciativas sin tener una formaci\u00f3n espec\u00edfica en project management.<\/p>\n<p>En comunicaci\u00f3n digital, cuando gestionas el <strong>lanzamiento de una newsletter<\/strong>, coordinas una <strong>campa\u00f1a en redes sociales<\/strong> o desarrollas un <strong>sitio web corporativo<\/strong>, ya est\u00e1s ejerciendo funciones de gesti\u00f3n de proyectos. La diferencia est\u00e1 en hacerlo de forma <strong>estructurada y eficiente<\/strong> versus improvisada y reactiva.<\/p>\n<h3>La evoluci\u00f3n del concepto de proyecto en la era digital<\/h3>\n<p>La definici\u00f3n cl\u00e1sica de proyecto, establecida por el <a href=\"https:\/\/www.pmi.org\/\" target=\"_blank\" rel=\"noopener\"><strong>Project Management Institute (PMI)<\/strong><\/a> como \u00abun esfuerzo temporal emprendido para crear un producto, servicio o resultado \u00fanico\u00bb, ha experimentado una profunda transformaci\u00f3n en el contexto digital. En comunicaci\u00f3n digital, la temporalidad del proyecto adquiere un matiz distinto: mientras que un proyecto de construcci\u00f3n concluye con la entrega de una infraestructura f\u00edsica, un <strong>proyecto de comunicaci\u00f3n digital<\/strong> puede tener m\u00faltiples \u00abcierres\u00bb asociados a versiones, iteraciones o fases de evoluci\u00f3n.<\/p>\n<p>Un portal de noticias, por ejemplo, nunca est\u00e1 realmente terminado, sino que evoluciona constantemente con nuevos contenidos, funcionalidades y adaptaciones a los cambios en el comportamiento de las audiencias. Esta caracter\u00edstica ha llevado a organizaciones medi\u00e1ticas a desarrollar modelos organizativos que difuminan la frontera entre proyectos y operaciones continuas.<\/p>\n<h3>Componentes esenciales de un proyecto de comunicaci\u00f3n digital<\/h3>\n<p>Bas\u00e1ndose en las mejores pr\u00e1cticas de gesti\u00f3n de proyectos, todo proyecto de comunicaci\u00f3n digital deber\u00eda incluir:<\/p>\n<div style=\"background-color: #fff3cd; border-left: 4px solid #cb0017; padding: 15px; margin: 15px 0;\"><strong>Elementos fundamentales de un proyecto:<\/strong><br \/>\u2022 <strong>Objetivos claros y medibles:<\/strong> Uso del marco SMART para definir metas espec\u00edficas<br \/>\u2022 <strong>Plan del proyecto:<\/strong> Esquema detallado de elementos clave y entregables<br \/>\u2022 <strong>Gesti\u00f3n de stakeholders:<\/strong> Identificaci\u00f3n de audiencias, clientes y colaboradores<br \/>\u2022 <strong>Cronograma y milestones:<\/strong> Fechas de inicio, hitos intermedios y entrega final<br \/>\u2022 <strong>Gesti\u00f3n de recursos:<\/strong> Equipo, herramientas tecnol\u00f3gicas y presupuesto<br \/>\u2022 <strong>Plan de comunicaci\u00f3n:<\/strong> Protocolos para updates, feedback y coordinaci\u00f3n<br \/>\u2022 <strong>Gesti\u00f3n de riesgos:<\/strong> Identificaci\u00f3n temprana de problemas potenciales<\/div>\n<h3>El paradigma del producto digital como entidad viva<\/h3>\n<p>El <strong>producto de comunicaci\u00f3n digital<\/strong> trasciende la noci\u00f3n tradicional de producto manufacturado para convertirse en una <strong>entidad viva<\/strong> que evoluciona continuamente. Un producto digital exitoso se caracteriza por su capacidad de generar <strong>valor informativo<\/strong> de forma sostenida y escalable para audiencias diversas.<\/p>\n<p>La gesti\u00f3n de productos de comunicaci\u00f3n digital requiere una mentalidad distinta a la gesti\u00f3n de proyectos tradicionales. Mientras que un proyecto se eval\u00faa en funci\u00f3n de sus entregables t\u00e9cnicos, presupuesto y cronograma, un producto se mide con indicadores como <strong>engagement de audiencia<\/strong>, <strong>tiempo de atenci\u00f3n<\/strong>, <strong>fidelidad de usuarios<\/strong> y <strong>impacto social<\/strong>.<\/p>\n<h3>Los 4 beneficios clave de la gesti\u00f3n de proyectos en comunicaci\u00f3n digital<\/h3>\n<h4>1. Planificaci\u00f3n eficiente y reducci\u00f3n del caos<\/h4>\n<p>Sin un plan previo, los equipos de comunicaci\u00f3n pueden terminar <strong>duplicando contenidos<\/strong>, <strong>perdiendo deadlines editoriales<\/strong> o <strong>respondiendo las mismas preguntas log\u00edsticas repetidamente<\/strong>. La planificaci\u00f3n estructurada transforma procesos ca\u00f3ticos en workflows eficientes, definiendo claramente qui\u00e9n hace qu\u00e9 y cu\u00e1ndo.<\/p>\n<h4>2. Mejor coordinaci\u00f3n y responsabilidad<\/h4>\n<p>En comunicaci\u00f3n digital, donde colaboran <strong>editores<\/strong>, <strong>dise\u00f1adores<\/strong>, <strong>community managers<\/strong> y <strong>analistas de datos<\/strong>, la gesti\u00f3n de proyectos asegura que todos comprendan su rol. Esto evita confusiones sobre responsabilidades y mejora la calidad del trabajo colaborativo.<\/p>\n<h4>3. Objetivos claros y alineaci\u00f3n estrat\u00e9gica<\/h4>\n<p>Los equipos de comunicaci\u00f3n que trabajan sin objetivos claros pueden crear contenido excelente que no impacta en los KPIs organizacionales. La gesti\u00f3n de proyectos conecta el trabajo diario con los objetivos estrat\u00e9gicos, asegurando que cada pieza de contenido contribuya al \u00e9xito general.<\/p>\n<h4>4. Comunicaci\u00f3n efectiva y visibilidad<\/h4>\n<p>La gesti\u00f3n estructurada elimina la necesidad de <strong>emails constantes<\/strong> para status updates y reduce la confusi\u00f3n sobre el progreso de las iniciativas. Los stakeholders obtienen visibilidad clara del trabajo sin interrumpir constantemente a los equipos ejecutores.<\/p>\n<h3>Dimensiones de valor en productos de comunicaci\u00f3n digital<\/h3>\n<p>El valor en productos digitales se manifiesta en distintas dimensiones que los profesionales de comunicaci\u00f3n digital deben comprender y optimizar:<\/p>\n<div style=\"background-color: #fff3cd; border-left: 4px solid #cb0017; padding: 15px; margin: 15px 0;\"><strong>Las 5 Dimensiones de Valor:<\/strong><br \/>\u2022 <strong>Valor informativo:<\/strong> Informaci\u00f3n precisa, relevante y oportuna que resuelve necesidades espec\u00edficas<br \/>\u2022 <strong>Valor experiencial:<\/strong> Usabilidad, accesibilidad y dise\u00f1o que facilitan el consumo de contenidos<br \/>\u2022 <strong>Valor comunitario:<\/strong> Fomento de interacci\u00f3n y comunidades alrededor de intereses comunes<br \/>\u2022 <strong>Valor anal\u00edtico:<\/strong> Generaci\u00f3n de datos e insights para decisiones futuras<br \/>\u2022 <strong>Valor social:<\/strong> Contribuci\u00f3n a educaci\u00f3n ciudadana y fortalecimiento democr\u00e1tico<\/div>\n<div style=\"text-align: center; margin: 20px 0;\"><a href=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t1-dimensiones-valor.jpg\" target=\"_blank\" rel=\"noopener\"><br \/><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t1-dimensiones-valor-683x1024.jpg\" width=\"683\" height=\"1024\" alt=\"Dimensiones de valor\" style=\"max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);\" \/><br \/><\/a><\/div>\n<h3>Metodolog\u00edas y enfoques modernos<\/h3>\n<p>La gesti\u00f3n de proyectos de comunicaci\u00f3n digital puede beneficiarse de diferentes enfoques metodol\u00f3gicos:<\/p>\n<div style=\"background-color: #dfdfdf; padding: 15px; margin: 15px 0;\">\n<h4 style=\"color: #cb0017; margin-top: 0;\">Metodolog\u00edas aplicables a comunicaci\u00f3n digital:<\/h4>\n<ul>\n<li><strong>Metodolog\u00eda \u00e1gil:<\/strong> Ideal para campa\u00f1as que requieren adaptaci\u00f3n r\u00e1pida a feedback de audiencia<\/li>\n<li><strong>Modelo en cascada:<\/strong> Apropiado para proyectos con requisitos fijos como sitios web corporativos<\/li>\n<li><strong>Enfoque h\u00edbrido:<\/strong> Combina estructura (para cumplir deadlines editoriales) con flexibilidad (para responder a tendencias)<\/li>\n<\/ul>\n<\/div>\n<p>Ejemplos como <a href=\"https:\/\/slack.engineering\/\">Slack<\/a>, <a href=\"https:\/\/www.reddit.com\/\">Reddit<\/a> o <strong>Stack Overflow<\/strong> muestran c\u00f3mo estas dimensiones se entrelazan, generando experiencias comunicativas sostenibles donde cada aspecto refuerza a los dem\u00e1s para crear ecosistemas informativos extraordinariamente ricos y duraderos.<\/p>\n<div style=\"background-color: #e9ecef; padding: 15px; margin: 15px 0;\">\n<h4 style=\"color: #cb0017; margin-top: 0;\">Implicaciones para la pr\u00e1ctica profesional<\/h4>\n<p>Para los futuros profesionales de comunicaci\u00f3n digital, dominar la gesti\u00f3n de proyectos no es opcional sino <strong>esencial<\/strong>. Como indica Asana, la diferencia entre equipos que prosperan y los que luchan frecuentemente radica en su capacidad para organizar, planificar y ejecutar el trabajo de forma estructurada. La gesti\u00f3n efectiva de proyectos digitales requiere equilibrar <strong>eficiencia operativa<\/strong> con <strong>creatividad comunicativa<\/strong>, asegurando que los objetivos se cumplan sin comprometer la calidad del contenido o la experiencia de usuario.<\/p>\n<\/div>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bb1.2 Ciclo de vida\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<h3>Reconceptualizaci\u00f3n del ciclo de vida en el contexto digital<\/h3>\n<p>El ciclo de vida tradicional de proyectos, caracterizado por fases secuenciales y aprobaciones r\u00edgidas, ha evolucionado hacia modelos m\u00e1s fluidos y adaptativos que reflejan la naturaleza din\u00e1mica del desarrollo digital. Esta evoluci\u00f3n no representa simplemente una modificaci\u00f3n incremental de metodolog\u00edas existentes, sino una reconceptualizaci\u00f3n fundamental de c\u00f3mo se concibe, planifica y ejecuta el trabajo de desarrollo tecnol\u00f3gico.<\/p>\n<p>El modelo de ciclo de vida digital se caracteriza por la superposici\u00f3n de fases, bucles de retroalimentaci\u00f3n continuos y la capacidad de pivotar bas\u00e1ndose en aprendizajes emergentes. <a href=\"https:\/\/engineering.linkedin.com\/\">LinkedIn<\/a> ha documentado ampliamente su evoluci\u00f3n desde un modelo de desarrollo en cascada hacia un enfoque de \u00abcontinuous deployment\u00bb, donde nuevas funcionalidades se despliegan varias veces al d\u00eda. Esta transformaci\u00f3n requiri\u00f3 no solo cambios en herramientas y procesos, sino tambi\u00e9n una reconfiguraci\u00f3n cultural profunda que asume la incertidumbre como una caracter\u00edstica natural del desarrollo digital.<\/p>\n<p>La fase de iniciaci\u00f3n en proyectos digitales trasciende la definici\u00f3n tradicional de project charter y business case para incluir la validaci\u00f3n temprana de hip\u00f3tesis de mercado, la evaluaci\u00f3n de viabilidad t\u00e9cnica y la alineaci\u00f3n con ecosistemas digitales existentes. <a href=\"https:\/\/medium.com\/@intercom\">Intercom<\/a> ha desarrollado un marco de iniciaci\u00f3n que incluye investigaci\u00f3n basada en \u00abJobs to be Done\u00bb, pruebas t\u00e9cnicas (spikes), an\u00e1lisis del panorama competitivo y validaci\u00f3n temprana de prototipos antes de comprometerse con un proyecto a gran escala. Este enfoque m\u00e1s riguroso en la fase de inicio reduce significativamente el riesgo de desarrollar productos que no alcancen el ajuste producto-mercado.<\/p>\n<p><a href=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/T1-Ciclo-vida-agiles.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/T1-Ciclo-vida-agiles.jpg\" width=\"1024\" height=\"1024\" alt=\"Ciclo de vida metodolog\u00edas \u00e1giles\" class=\"wp-image-82233 alignnone size-full\" srcset=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/T1-Ciclo-vida-agiles.jpg 1024w, https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/T1-Ciclo-vida-agiles-980x980.jpg 980w, https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/T1-Ciclo-vida-agiles-480x480.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/a><\/p>\n<h3>Planificaci\u00f3n adaptativa y arquitecturas evolutivas<\/h3>\n<p>La planificaci\u00f3n en proyectos digitales debe equilibrar la necesidad de una direcci\u00f3n estrat\u00e9gica clara con la flexibilidad para adaptar t\u00e1cticas basadas en aprendizajes emergentes. Este equilibrio se logra a trav\u00e9s de lo que <a href=\"https:\/\/martinfowler.com\/articles\/enterpriseREST.html\">Martin Fowler<\/a> denomina \u00abarchitectural decision records\u00bb: documentaci\u00f3n que captura no solo qu\u00e9 decisiones se tomaron, sino por qu\u00e9 y bajo qu\u00e9 supuestos, permitiendo reevaluaciones informadas cuando estos cambian.<\/p>\n<p>La arquitectura de software en proyectos digitales debe dise\u00f1arse desde el inicio para la evoluci\u00f3n. Los <a href=\"https:\/\/microservices.io\/\">microservicios<\/a> han emergido como una respuesta arquitect\u00f3nica a esta necesidad, permitiendo que diferentes componentes del sistema evolucionen de forma independiente. <a href=\"https:\/\/netflixtechblog.com\/\">Netflix<\/a> ha sido pionera en este enfoque, desarrollando una arquitectura de microservicios que les permite desplegar cambios en servicios individuales sin afectar la estabilidad general del sistema, alcanzando una frecuencia de miles de despliegues diarios.<\/p>\n<p>La planificaci\u00f3n de recursos en proyectos digitales debe considerar no solo las necesidades inmediatas, sino tambi\u00e9n la construcci\u00f3n de capacidades organizacionales duraderas. Esto incluye inversi\u00f3n en herramientas de desarrollo, formaci\u00f3n de equipos en nuevas tecnolog\u00edas y el establecimiento de pr\u00e1cticas de gesti\u00f3n del conocimiento que capturen y compartan aprendizajes en toda la organizaci\u00f3n. <a href=\"https:\/\/shopify.engineering\/\">Shopify<\/a> ha desarrollado un enfoque sofisticado para esta planificaci\u00f3n de capacidades, creando centros de excelencia internos que proporcionan experiencia especializada a m\u00faltiples equipos de producto.<\/p>\n<h3>Ejecuci\u00f3n iterativa y validaci\u00f3n continua<\/h3>\n<p>La ejecuci\u00f3n de proyectos digitales se fundamenta en ciclos cortos de desarrollo-medici\u00f3n-aprendizaje que permiten correcciones frecuentes basadas en evidencia emp\u00edrica. Este enfoque, popularizado por Eric Ries en \u00abThe Lean Startup\u00bb, se ha extendido desde startups a grandes organizaciones que reconocen la necesidad de mayor agilidad en sus procesos de innovaci\u00f3n.<\/p>\n<p><a href=\"https:\/\/medium.com\/capitalonetech\">Capital One<\/a> ha implementado lo que denomina \u00abminimum viable products\u00bb de nivel empresarial, donde cada iteraci\u00f3n de desarrollo incluye no solo nuevas funcionalidades, sino tambi\u00e9n pruebas robustas, cumplimiento de est\u00e1ndares de seguridad y optimizaci\u00f3n de rendimiento. Esta aproximaci\u00f3n permite una alta frecuencia de lanzamientos manteniendo los niveles de calidad y fiabilidad exigidos en servicios financieros cr\u00edticos.<\/p>\n<p>La validaci\u00f3n continua en proyectos digitales abarca varias dimensiones: validaci\u00f3n t\u00e9cnica mediante pruebas automatizadas e integraci\u00f3n continua, validaci\u00f3n de usuario a trav\u00e9s de pruebas A\/B e investigaci\u00f3n de usuarios, y validaci\u00f3n de negocio mediante an\u00e1lisis de m\u00e9tricas y seguimiento de resultados financieros. <a href=\"https:\/\/medium.com\/pinterest-engineering\">Pinterest<\/a> ha desarrollado un marco que integra estas dimensiones de validaci\u00f3n, utilizando aprendizaje autom\u00e1tico para correlacionar m\u00e9tricas t\u00e9cnicas con comportamiento de usuario y resultados de negocio.<\/p>\n<p>El concepto de \u00abfailing fast\u00bb en proyectos digitales no implica aceptar el fracaso, sino estructurar el trabajo de manera que los posibles fallos se detecten lo m\u00e1s temprano posible, cuando el coste de correcci\u00f3n es m\u00ednimo. Esto requiere sistemas de monitorizaci\u00f3n y alerta sofisticados que proporcionen avisos tempranos de problemas emergentes. <a href=\"https:\/\/github.blog\/category\/engineering\/\">GitHub<\/a> ha liberado como c\u00f3digo abierto muchas de sus herramientas de monitorizaci\u00f3n, mostrando c\u00f3mo las organizaciones pueden construir observabilidad integral en sus proyectos digitales.<\/p>\n<h3>Gesti\u00f3n de dependencias y ecosistemas<\/h3>\n<p>Los proyectos digitales contempor\u00e1neos rara vez operan de manera aislada, sino que se integran en ecosistemas complejos de servicios, APIs, proveedores externos y puntos de contacto con usuarios. La gesti\u00f3n efectiva de estas dependencias es un factor cr\u00edtico para el \u00e9xito. <a href=\"https:\/\/engineering.uber.com\/\">Uber<\/a> ha desarrollado t\u00e9cnicas avanzadas de mapeo de dependencias que les permiten comprender el impacto potencial de cambios en cualquier componente del ecosistema.<\/p>\n<p>La gesti\u00f3n de dependencias externas requiere especial atenci\u00f3n, ya que gran parte de la funcionalidad suele construirse sobre librer\u00edas, frameworks y servicios de terceros. La seguridad en la cadena de suministro ha emergido como una consideraci\u00f3n cr\u00edtica, especialmente tras incidentes de alto perfil como el ataque a SolarWinds. Organizaciones como <a href=\"https:\/\/security.googleblog.com\/\">Google<\/a> han desarrollado marcos integrales para evaluar y monitorizar dependencias externas durante todo el ciclo de vida del proyecto.<\/p>\n<p>La coordinaci\u00f3n de equipos multidisciplinares en proyectos digitales exige nuevos enfoques de gesti\u00f3n que reconozcan la interdependencia entre desarrollo t\u00e9cnico, dise\u00f1o de experiencia de usuario, an\u00e1lisis de datos y estrategia de negocio. El modelo de cultura de ingenier\u00eda de <a href=\"https:\/\/spotify.engineering\/2014\/03\/27\/spotify-engineering-culture-part-1\/\">Spotify<\/a> ha influido en muchas organizaciones para desarrollar equipos aut\u00f3nomos que, sin embargo, mantienen la alineaci\u00f3n mediante objetivos compartidos e interfaces claras entre equipos.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bb1.3 Roles y marco \u00e9tico\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<h3>La transformaci\u00f3n de roles tradicionales<\/h3>\n<p>La gesti\u00f3n de proyectos digitales ha impulsado una redefinici\u00f3n fundamental de los perfiles profesionales, creando nuevas especializaciones y transformando responsabilidades tradicionales. El <strong><a href=\"https:\/\/www.productplan.com\/glossary\/product-manager\/\" target=\"_blank\" rel=\"noopener\">Product Manager<\/a><\/strong>, por ejemplo, se ha consolidado como figura central al actuar de puente entre la estrategia de negocio y la ejecuci\u00f3n t\u00e9cnica. Este rol es responsable de definir la visi\u00f3n del producto, priorizar funcionalidades y medir el \u00e9xito mediante m\u00e9tricas centradas en el usuario m\u00e1s que en los entregables cl\u00e1sicos.<\/p>\n<p>El <strong><a href=\"https:\/\/www.scrum.org\/resources\/what-is-a-scrum-master\" target=\"_blank\" rel=\"noopener\">Scrum Master<\/a><\/strong> representa otra evoluci\u00f3n, pasando de un rol de liderazgo tradicional a un facilitador que elimina impedimentos, fomenta la colaboraci\u00f3n y gu\u00eda al equipo hacia un rendimiento m\u00e1s alto. Su aportaci\u00f3n al \u00e9xito de los equipos \u00e1giles est\u00e1 ampliamente documentada.<\/p>\n<p>Los perfiles t\u00e9cnicos tambi\u00e9n se han transformado. El <strong><a href=\"https:\/\/www.computerscience.org\/careers\/software-developer\/\" target=\"_blank\" rel=\"noopener\">desarrollador de software<\/a><\/strong> moderno debe comprender principios de experiencia de usuario, anal\u00edtica de datos, arquitecturas en la nube y pr\u00e1cticas de seguridad, yendo m\u00e1s all\u00e1 de la programaci\u00f3n pura para asumir un liderazgo t\u00e9cnico m\u00e1s hol\u00edstico.<\/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>V\u00eddeo PMI: H\u00e1bitos de l\u00edderes efectivos<\/strong><\/h4>\n<p><strong>Take Complete Ownership &#8211; Project Management Institute<\/strong><\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/players.brightcove.net\/5392214295001\/default_default\/index.html?videoId=6358865095112\" width=\"100%\" height=\"400\" style=\"border: none; border-radius: 5px; margin-bottom: 15px;\"><\/iframe><\/p>\n<p style=\"font-size: 0.95rem; color: #666; margin-bottom: 0;\"><strong>Reflexi\u00f3n:<\/strong> Este v\u00eddeo del PMI ilustra c\u00f3mo el liderazgo efectivo en proyectos digitales requiere asumir la responsabilidad completa, no solo de los entregables t\u00e9cnicos, sino del impacto y valor generado para todos los stakeholders.<\/p>\n<\/div>\n<h3>Liderazgo colaborativo y ownership completo<\/h3>\n<p>La transformaci\u00f3n hacia el <strong>liderazgo colaborativo<\/strong> en proyectos digitales exige que los Project Managers asuman una <strong>responsabilidad integral<\/strong> que va m\u00e1s all\u00e1 de la gesti\u00f3n tradicional de recursos y cronogramas. El concepto de <strong>\u00abcomplete ownership\u00bb<\/strong> implica responsabilizarse no solo de los entregables inmediatos, sino del impacto estrat\u00e9gico, la satisfacci\u00f3n del usuario final y la sostenibilidad a largo plazo de la soluci\u00f3n digital.<\/p>\n<p>Los proyectos digitales requieren modelos de liderazgo colaborativos que distribuyan la toma de decisiones seg\u00fan la competencia y no \u00fanicamente la jerarqu\u00eda. Este enfoque permite responder m\u00e1s r\u00e1pido a retos t\u00e9cnicos y a cambios de mercado, pero requiere l\u00edderes que mantengan una <strong>visi\u00f3n hol\u00edstica<\/strong> y asuman la responsabilidad final del \u00e9xito integral del proyecto.<\/p>\n<p>La colaboraci\u00f3n transversal tambi\u00e9n implica nuevos protocolos de comunicaci\u00f3n. Los miembros t\u00e9cnicos deben comprender m\u00e9tricas de negocio y limitaciones estrat\u00e9gicas, mientras que los responsables de negocio necesitan valorar la complejidad t\u00e9cnica y los trade-offs asociados. El l\u00edder efectivo act\u00faa como <strong>traductor<\/strong> entre estos mundos, asumiendo la responsabilidad de que cada stakeholder comprenda su rol en el \u00e9xito colectivo.<\/p>\n<h3>La emergencia de nuevas especializaciones<\/h3>\n<p>La transformaci\u00f3n digital ha generado nuevos roles que antes no exist\u00edan. El <strong><a href=\"https:\/\/aws.amazon.com\/devops\/what-is-devops\/\" target=\"_blank\" rel=\"noopener\">DevOps Engineer<\/a><\/strong> conecta desarrollo y operaciones, asegurando despliegues fluidos y alta fiabilidad de los sistemas. Los <strong><a href=\"https:\/\/datascience.berkeley.edu\/what-is-data-science\/\" target=\"_blank\" rel=\"noopener\">Data Scientists<\/a><\/strong> y <strong><a href=\"https:\/\/mode.com\/resources\/what-is-an-analytics-engineer\/\" target=\"_blank\" rel=\"noopener\">Analytics Engineers<\/a><\/strong> se han vuelto cr\u00edticos en proyectos donde las decisiones se basan en datos.<\/p>\n<p>Los <strong><a href=\"https:\/\/www.interaction-design.org\/literature\/topics\/ux-design\" target=\"_blank\" rel=\"noopener\">UX Designers<\/a><\/strong> y <strong><a href=\"https:\/\/www.nngroup.com\/articles\/ux-research\/\" target=\"_blank\" rel=\"noopener\">User Researchers<\/a><\/strong> han dejado de ser funciones de apoyo para convertirse en piezas clave del equipo, influyendo en decisiones t\u00e9cnicas, de producto y estrat\u00e9gicas. Del mismo modo, los <strong><a href=\"https:\/\/www.isc2.org\/Cybersecurity-Careers\" target=\"_blank\" rel=\"noopener\">especialistas en ciberseguridad<\/a><\/strong> ahora participan en todas las fases del ciclo de vida, bajo enfoques como el \u00abshift-left security\u00bb, integrando la seguridad desde la concepci\u00f3n del proyecto.<\/p>\n<div style=\"background-color: #fff3cd; border-left: 4px solid #cb0017; padding: 15px; margin: 15px 0;\"><strong>Competencias del l\u00edder digital efectivo:<\/strong><br \/>\u2022 <strong>Ownership integral:<\/strong> Responsabilidad del impacto completo, no solo de entregables<br \/>\u2022 <strong>Facilitaci\u00f3n:<\/strong> Eliminar impedimentos y potenciar la autonom\u00eda del equipo<br \/>\u2022 <strong>Traducci\u00f3n:<\/strong> Comunicar entre stakeholders t\u00e9cnicos y de negocio<br \/>\u2022 <strong>Adaptabilidad:<\/strong> Responder \u00e1gilmente a cambios tecnol\u00f3gicos y de mercado<br \/>\u2022 <strong>Visi\u00f3n sist\u00e9mica:<\/strong> Comprender el ecosistema completo del producto digital<\/div>\n<h3>Marcos \u00e9ticos para proyectos digitales<\/h3>\n<p>El impacto creciente de los productos digitales en la sociedad ha colocado las consideraciones \u00e9ticas en el centro de los proyectos. Los marcos \u00e9ticos incluyen cuestiones como el <strong><a href=\"https:\/\/plato.stanford.edu\/entries\/ethics-ai\/\" target=\"_blank\" rel=\"noopener\">sesgo algor\u00edtmico<\/a><\/strong>, la protecci\u00f3n de la privacidad, la accesibilidad, el impacto medioambiental y la responsabilidad social.<\/p>\n<p>El principio de <strong><a href=\"https:\/\/gdpr-info.eu\/issues\/privacy-by-design\/\" target=\"_blank\" rel=\"noopener\">Privacy by Design<\/a><\/strong> exige integrar la privacidad desde la concepci\u00f3n del proyecto y no como una correcci\u00f3n posterior. Asimismo, la <strong><a href=\"https:\/\/en.wikipedia.org\/wiki\/Algorithmic_accountability\" target=\"_blank\" rel=\"noopener\">responsabilidad algor\u00edtmica<\/a><\/strong> demanda evaluar no solo si un algoritmo funciona correctamente, sino si produce resultados justos y equitativos para distintos grupos de usuarios.<\/p>\n<p>La sostenibilidad medioambiental en proyectos digitales incluye la eficiencia energ\u00e9tica de la infraestructura, la durabilidad de los sistemas y la reducci\u00f3n de la huella de carbono. Iniciativas como las de <a href=\"https:\/\/sustainability.google\/\" target=\"_blank\" rel=\"noopener\">Google Sustainability<\/a> muestran c\u00f3mo integrar criterios ecol\u00f3gicos en las decisiones t\u00e9cnicas y de dise\u00f1o.<\/p>\n<h3>Cumplimiento normativo y consideraciones legales<\/h3>\n<p>Los proyectos digitales deben navegar por marcos regulatorios complejos como el <strong><a href=\"https:\/\/gdpr-info.eu\/\" target=\"_blank\" rel=\"noopener\">Reglamento General de Protecci\u00f3n de Datos (RGPD)<\/a><\/strong> en Europa o la <strong><a href=\"https:\/\/oag.ca.gov\/privacy\/ccpa\" target=\"_blank\" rel=\"noopener\">California Consumer Privacy Act (CCPA)<\/a><\/strong> en Estados Unidos. Estos marcos obligan a incluir el cumplimiento legal desde la fase de planificaci\u00f3n hasta la operaci\u00f3n continua.<\/p>\n<p>Las cuestiones de <strong><a href=\"https:\/\/www.wipo.int\/about-ip\/es\/\" target=\"_blank\" rel=\"noopener\">propiedad intelectual<\/a><\/strong> abarcan licencias de software, t\u00e9rminos de uso de APIs y derechos sobre datos, adem\u00e1s de los tradicionales derechos de autor y patentes. Plataformas como <a href=\"https:\/\/github.com\/\" target=\"_blank\" rel=\"noopener\">GitHub<\/a> ofrecen recursos para orientar a equipos en estas cuestiones.<\/p>\n<p>La responsabilidad profesional en proyectos digitales se extiende m\u00e1s all\u00e1 de los entregables inmediatos para incluir impactos operativos continuos, seguridad del usuario y consecuencias sociales. Experiencias de organizaciones como <a href=\"https:\/\/blog.twitter.com\/engineering\/en_us\" target=\"_blank\" rel=\"noopener\">Twitter Engineering<\/a> han mostrado c\u00f3mo las decisiones t\u00e9cnicas pueden tener implicaciones sociales amplias.<\/p>\n<div style=\"background-color: #dfdfdf; padding: 15px; margin: 15px 0;\">\n<h4 style=\"color: #cb0017; margin-top: 0;\">La Responsabilidad del l\u00edder en el marco \u00e9tico<\/h4>\n<p>El l\u00edder efectivo de proyectos digitales debe integrar consideraciones \u00e9ticas en cada fase del desarrollo, desde la conceptualizaci\u00f3n hasta la operaci\u00f3n continua. Esto incluye establecer marcos de toma de decisiones que consideren no solo la viabilidad t\u00e9cnica y comercial, sino el impacto social, la inclusividad y la sostenibilidad a largo plazo. La <strong>responsabilidad completa (complete ownership)<\/strong> se extiende as\u00ed al impacto \u00e9tico y social de las soluciones digitales.<\/p>\n<\/div>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bb1.4 Indicadores de madurez y est\u00e1ndares\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>1.4 Indicadores de madurez y est\u00e1ndares<\/h2>\n<h3>Frameworks de madurez para la era digital<\/h3>\n<p>Los modelos tradicionales de madurez, como el <strong><a href=\"https:\/\/cmmiinstitute.com\/\" target=\"_blank\" rel=\"noopener\">Capability Maturity Model (CMM)<\/a><\/strong> desarrollado por Carnegie Mellon, han evolucionado para responder a las caracter\u00edsticas espec\u00edficas del desarrollo digital. Hoy se habla de <strong><a href=\"https:\/\/www2.deloitte.com\/xe\/en\/pages\/technology-media-and-telecommunications\/articles\/digital-maturity-model.html\" target=\"_blank\" rel=\"noopener\">Digital Maturity Frameworks<\/a><\/strong>, que incluyen dimensiones como agilidad organizacional, capacidad de innovaci\u00f3n, alfabetizaci\u00f3n digital de los equipos y efectividad en la colaboraci\u00f3n.<\/p>\n<p>La madurez en la gesti\u00f3n de proyectos digitales se refleja en indicadores como la consistencia en las tasas de \u00e9xito, la velocidad de entrega, la calidad de la experiencia de usuario y la capacidad de escalar pr\u00e1cticas exitosas. El <strong><a href=\"https:\/\/www.pmi.org\/learning\/library\/organizational-project-management-maturity-model-8035\" target=\"_blank\" rel=\"noopener\">Project Management Institute (PMI)<\/a><\/strong> ha actualizado sus modelos de madurez incorporando competencias digitales espec\u00edficas como el dominio de metodolog\u00edas \u00e1giles, el uso de herramientas digitales y la toma de decisiones basada en datos.<\/p>\n<p>Las organizaciones avanzadas muestran madurez cuando logran personalizar metodolog\u00edas seg\u00fan el tipo de proyecto, manteniendo est\u00e1ndares coherentes. Un ejemplo es <a href=\"https:\/\/engineering.salesforce.com\/\" target=\"_blank\" rel=\"noopener\">Salesforce<\/a>, que utiliza distintos procesos para su plataforma principal frente a sus iniciativas experimentales, aunque mantiene puntos de control y est\u00e1ndares de calidad comunes.<\/p>\n<p>Los indicadores culturales de madurez incluyen la <strong><a href=\"https:\/\/rework.withgoogle.com\/blog\/five-keys-to-a-successful-google-team\/\" target=\"_blank\" rel=\"noopener\">seguridad psicol\u00f3gica<\/a><\/strong> (que permite experimentar y aprender del error), la mentalidad de crecimiento y la colaboraci\u00f3n transversal. La investigaci\u00f3n de Google en su proyecto <em>re:Work<\/em> muestra que estos factores culturales predicen mejor el \u00e9xito que las competencias t\u00e9cnicas aisladas.<\/p>\n<h3>Est\u00e1ndares de calidad en el desarrollo digital<\/h3>\n<p>La calidad en proyectos digitales ya no se limita a m\u00e9tricas de defectos o rendimiento t\u00e9cnico. Incluye tambi\u00e9n la experiencia de usuario, el cumplimiento de accesibilidad, la solidez en seguridad y la mantenibilidad de los sistemas. <strong><a href=\"https:\/\/web.dev\/\" target=\"_blank\" rel=\"noopener\">Google Web.dev<\/a><\/strong> ofrece un marco integral con est\u00e1ndares medibles en rendimiento, accesibilidad, buenas pr\u00e1cticas y SEO.<\/p>\n<p>En el \u00e1mbito de experiencia de usuario, destacan los est\u00e1ndares definidos por el <strong><a href=\"https:\/\/www.nngroup.com\/\" target=\"_blank\" rel=\"noopener\">Nielsen Norman Group<\/a><\/strong>, que establecen m\u00e9tricas como tasas de finalizaci\u00f3n de tareas, errores y satisfacci\u00f3n, proporcionando medidas objetivas de calidad.<\/p>\n<p>En seguridad, los est\u00e1ndares se apoyan en frameworks como el <strong><a href=\"https:\/\/www.nist.gov\/cyberframework\" target=\"_blank\" rel=\"noopener\">NIST Cybersecurity Framework<\/a><\/strong>, que integra modelado de amenazas, pruebas de penetraci\u00f3n y gesti\u00f3n de vulnerabilidades. Microsoft y otras compa\u00f1\u00edas documentan c\u00f3mo aplicar estos criterios en todo el ciclo de vida del desarrollo.<\/p>\n<p>El rendimiento incluye ahora m\u00e9tricas ligadas a la sostenibilidad, como la eficiencia energ\u00e9tica de sistemas y la huella de carbono digital. Herramientas como <strong><a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noopener\">Google PageSpeed Insights<\/a><\/strong> promueven est\u00e1ndares que equilibran la experiencia de usuario con el impacto ambiental.<\/p>\n<h3>Evaluaci\u00f3n de madurez basada en datos<\/h3>\n<p>Las organizaciones digitales maduras utilizan <strong><a href=\"https:\/\/www.tableau.com\/learn\/articles\/what-is-data-driven-decision-making\" target=\"_blank\" rel=\"noopener\">anal\u00edtica avanzada<\/a><\/strong> para evaluar y mejorar sus capacidades. Se monitorizan indicadores adelantados (velocidad de equipo, calidad de c\u00f3digo), rezagados (satisfacci\u00f3n de usuarios, valor de negocio entregado) y predictivos (basados en machine learning sobre datos hist\u00f3ricos de proyectos).<\/p>\n<p><a href=\"https:\/\/github.blog\/\" target=\"_blank\" rel=\"noopener\">GitHub<\/a> proporciona herramientas de anal\u00edtica para comprender patrones de desarrollo, colaboraci\u00f3n y tendencias de calidad de c\u00f3digo, permitiendo identificar oportunidades de mejora basadas en evidencias.<\/p>\n<p>Tambi\u00e9n se aplican an\u00e1lisis de sentimiento en comunicaciones de equipo, correlaciones entre cambios de procesos y mejoras de resultados, y modelos predictivos para identificar riesgos. <a href=\"https:\/\/engineering.linkedin.com\/\" target=\"_blank\" rel=\"noopener\">LinkedIn Engineering<\/a> ha compartido c\u00f3mo usa machine learning para predecir el \u00e9xito de proyectos a partir de indicadores tempranos como patrones en revisiones de c\u00f3digo.<\/p>\n<p>Los <strong>dashboards en tiempo real<\/strong> y los informes ejecutivos permiten un seguimiento continuo de la salud de proyectos y de la madurez organizacional. El <a href=\"https:\/\/netflixtechblog.com\/\" target=\"_blank\" rel=\"noopener\">Netflix Tech Blog<\/a> muestra c\u00f3mo estas m\u00e9tricas informan decisiones desde la operaci\u00f3n diaria hasta la gesti\u00f3n estrat\u00e9gica de carteras.<\/p>\n<h3>Est\u00e1ndares y buenas pr\u00e1cticas de la industria<\/h3>\n<p>La gesti\u00f3n de proyectos digitales se apoya en est\u00e1ndares internacionales como <strong><a href=\"https:\/\/www.iso.org\/standard\/63712.html\" target=\"_blank\" rel=\"noopener\">ISO\/IEC 12207<\/a><\/strong> y <strong><a href=\"https:\/\/www.iso.org\/standard\/63711.html\" target=\"_blank\" rel=\"noopener\">ISO\/IEC 15288<\/a><\/strong>, que definen procesos de ciclo de vida de software y sistemas.<\/p>\n<p>Metodolog\u00edas h\u00edbridas como <strong><a href=\"https:\/\/www.axelos.com\/best-practice-solutions\/prince2-agile\" target=\"_blank\" rel=\"noopener\">PRINCE2 Agile<\/a><\/strong> o escaladas como <strong><a href=\"https:\/\/scaledagileframework.com\/\" target=\"_blank\" rel=\"noopener\">SAFe<\/a><\/strong> combinan estructura con flexibilidad \u00e1gil, adapt\u00e1ndose a proyectos digitales de gran escala.<\/p>\n<p><a href=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/SAFe_Big_Picture_image_map-scaled.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/SAFe_Big_Picture_image_map-1024x576.png\" width=\"1024\" height=\"576\" alt=\"\" class=\"wp-image-82238 alignnone size-large\" srcset=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/SAFe_Big_Picture_image_map-980x552.png 980w, https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/SAFe_Big_Picture_image_map-480x270.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/a><\/p>\n<blockquote>\n<p><span class=\"s1\"><b>Fuente:<\/b><\/span> Scaled Agile Framework\u202f(SAFe\u00ae). Scaled\u202fAgile,\u202fInc. Sitio web oficial. Consultado el 30 de agosto de 2025. Disponible en: https:\/\/framework.scaledagile.com<\/p>\n<\/blockquote>\n<p>\u00a0Organismos como el <strong><a href=\"https:\/\/www.w3.org\/\" target=\"_blank\" rel=\"noopener\">W3C<\/a><\/strong> y fundaciones open source como la <strong><a href=\"https:\/\/www.cncf.io\/\" target=\"_blank\" rel=\"noopener\">CNCF<\/a><\/strong> marcan est\u00e1ndares y pr\u00e1cticas de referencia en accesibilidad, interoperabilidad y arquitectura en la nube.<\/p>\n<h3>Organizaciones de aprendizaje y mejora continua<\/h3>\n<p>El nivel m\u00e1s alto de madurez se caracteriza por la <strong><a href=\"https:\/\/hbr.org\/1993\/07\/building-a-learning-organization\" target=\"_blank\" rel=\"noopener\">organizaci\u00f3n de aprendizaje<\/a><\/strong>, que mejora de forma sistem\u00e1tica en base a evidencias. Empresas como <a href=\"https:\/\/aws.amazon.com\/builders-library\/\" target=\"_blank\" rel=\"noopener\">Amazon<\/a> comparten aprendizajes t\u00e9cnicos y operativos acumulados en su <em>Builder\u2019s Library<\/em>, contribuyendo a la cultura de mejora continua.<\/p>\n<p>La cultura de <strong><a href=\"https:\/\/sre.google\/sre-book\/postmortem-culture\/\" target=\"_blank\" rel=\"noopener\">post-mortems sin culpa<\/a><\/strong>, como la promovida por Google, permite analizar \u00e9xitos y fracasos sin culpabilizar, generando un entorno de seguridad psicol\u00f3gica y aprendizaje real.<\/p>\n<p>Los sistemas de <strong>gesti\u00f3n del conocimiento<\/strong> integran lecciones aprendidas, buenas pr\u00e1cticas y soluciones t\u00e9cnicas en plantillas, entrenamientos y procesos de decisi\u00f3n. Plataformas internas como las de <a href=\"https:\/\/engineering.fb.com\/\" target=\"_blank\" rel=\"noopener\">Meta<\/a> muestran c\u00f3mo capturar y difundir conocimiento entre equipos.<\/p>\n<p>Finalmente, los <strong>laboratorios de innovaci\u00f3n<\/strong> y programas de experimentaci\u00f3n permiten explorar nuevas tecnolog\u00edas y metodolog\u00edas sin comprometer el negocio principal. <a href=\"https:\/\/x.company\/\" target=\"_blank\" rel=\"noopener\">Google X<\/a> es un ejemplo paradigm\u00e1tico de c\u00f3mo equilibrar exploraci\u00f3n e innovaci\u00f3n con excelencia operativa.<\/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 global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb open=\u00bboff\u00bb]<\/p>\n<h3>Literatura acad\u00e9mica fundamental<\/h3>\n<ul>\n<li>Project Management Institute. (2021). <em>Gu\u00eda del PMBOK\u00ae \u2013 S\u00e9ptima edici\u00f3n<\/em>. Project Management Institute.<\/li>\n<li>Schwaber, K., &amp; Sutherland, J. (2020). <em>The Scrum Guide: The Definitive Guide to Scrum<\/em>. Scrum.org.<\/li>\n<li>Ries, E. (2011). <em>The Lean Startup<\/em>. Crown Business.<\/li>\n<li>Brown, T. (2009). <em>Change by Design<\/em>. HarperBusiness.<\/li>\n<li>Kim, G., Humble, J., Debois, P., &amp; Willis, J. (2016). <em>The DevOps Handbook<\/em>. IT Revolution Press.<\/li>\n<\/ul>\n<h3>Investigaci\u00f3n y reportes de industria<\/h3>\n<ul>\n<li>McKinsey &amp; Company. (2023). <em>The State of Digital Transformation<\/em>. McKinsey Global Institute.<\/li>\n<li>Standish Group International. (2020). <em>CHAOS Report 2020: Beyond Infinity<\/em>.<\/li>\n<li>Forrester Research. (2023). <em>The State of Digital Product Management<\/em>.<\/li>\n<li>Gartner Inc. (2023). <em>Hype Cycle for Digital Government Technology<\/em>.<\/li>\n<\/ul>\n<h3>Recursos de organizaciones l\u00edderes<\/h3>\n<ul>\n<li>Google Developers: <a href=\"https:\/\/developers.google.com\/\">https:\/\/developers.google.com\/<\/a><\/li>\n<li>AWS Architecture Center: <a href=\"https:\/\/aws.amazon.com\/architecture\/\">https:\/\/aws.amazon.com\/architecture\/<\/a><\/li>\n<li>Microsoft Azure Well-Architected Framework: <a href=\"https:\/\/docs.microsoft.com\/en-us\/azure\/architecture\/framework\/\">https:\/\/docs.microsoft.com\/en-us\/azure\/architecture\/framework\/<\/a><\/li>\n<li>Netflix Technology Blog: <a href=\"https:\/\/netflixtechblog.com\/\">https:\/\/netflixtechblog.com\/<\/a><\/li>\n<li>Spotify Engineering Blog: <a href=\"https:\/\/engineering.atspotify.com\/\">https:\/\/engineering.atspotify.com\/<\/a><\/li>\n<\/ul>\n<h3>Est\u00e1ndares y marcos profesionales<\/h3>\n<ul>\n<li>ISO\/IEC 12207:2017 \u2013 Procesos del ciclo de vida del software.<\/li>\n<li>ISO\/IEC 15288:2015 \u2013 Procesos del ciclo de vida de sistemas y software.<\/li>\n<li>PRINCE2 Agile\u00ae: <a href=\"https:\/\/www.axelos.com\/best-practice-solutions\/prince2-agile\">https:\/\/www.axelos.com\/best-practice-solutions\/prince2-agile<\/a><\/li>\n<li>SAFe\u00ae: <a href=\"https:\/\/www.scaledagile.com\/\">https:\/\/www.scaledagile.com\/<\/a><\/li>\n<li>ITIL\u00ae 4: <a href=\"https:\/\/www.axelos.com\/best-practice-solutions\/itil\">https:\/\/www.axelos.com\/best-practice-solutions\/itil<\/a><\/li>\n<\/ul>\n<h3>Recursos de aprendizaje continuo<\/h3>\n<ul>\n<li>Coursera \u2013 Digital Product Management Specialization: <a href=\"https:\/\/www.coursera.org\/specializations\/digital-product-management\">https:\/\/www.coursera.org\/specializations\/digital-product-management<\/a><\/li>\n<li>edX \u2013 Introducci\u00f3n a la Transformaci\u00f3n Digital: <a href=\"https:\/\/www.edx.org\/course\/introduction-to-digital-transformation-with-google\">https:\/\/www.edx.org\/course\/introduction-to-digital-transformation-with-google<\/a><\/li>\n<li>Udacity \u2013 Digital Product Manager Nanodegree: <a href=\"https:\/\/www.udacity.com\/course\/digital-product-manager-nanodegree--nd037\">https:\/\/www.udacity.com\/course\/digital-product-manager-nanodegree&#8211;nd037<\/a><\/li>\n<li>LinkedIn Learning \u2013 Rutas de Project Management: <a href=\"https:\/\/www.linkedin.com\/learning\/paths\/become-a-project-manager\">https:\/\/www.linkedin.com\/learning\/paths\/become-a-project-manager<\/a><\/li>\n<\/ul>\n<h3>Comunidades profesionales y redes<\/h3>\n<ul>\n<li>Product School \u2013 Comunidad: <a href=\"https:\/\/www.productschool.com\/community\">https:\/\/www.productschool.com\/community<\/a><\/li>\n<li>The Digital Project Manager \u2013 Comunidad: <a href=\"https:\/\/thedigitalprojectmanager.com\/community\/\">https:\/\/thedigitalprojectmanager.com\/community\/<\/a><\/li>\n<li>Agile Alliance: <a href=\"https:\/\/www.agilealliance.org\/\">https:\/\/www.agilealliance.org\/<\/a><\/li>\n<li>Project Management Institute: <a href=\"https:\/\/www.pmi.org\/\">https:\/\/www.pmi.org\/<\/a><\/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\/82144?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\/t1-intro-gestion-proyectos\/\">Continua leyendo<span> T1. Introducci\u00f3n a la gesti\u00f3n de proyectos digitales<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":82147,"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-82144","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>T1. Introducci\u00f3n a la gesti\u00f3n de proyectos digitales - 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\/t1-intro-gestion-proyectos\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"T1. Introducci\u00f3n a la gesti\u00f3n de proyectos digitales - 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\/t1-intro-gestion-proyectos\/\" \/>\n<meta property=\"og:site_name\" content=\"Portal de proyectos multimedia\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-25T19:01:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-08T22:43:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t1-gestion-proyectos.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"395\" \/>\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\\\/t1-intro-gestion-proyectos\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t1-intro-gestion-proyectos\\\/\"},\"author\":{\"name\":\"juanmiro\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#\\\/schema\\\/person\\\/2e8265f6be76de5637b1bd02a53266b3\"},\"headline\":\"T1. Introducci\u00f3n a la gesti\u00f3n de proyectos digitales\",\"datePublished\":\"2025-08-25T19:01:18+00:00\",\"dateModified\":\"2025-09-08T22:43:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t1-intro-gestion-proyectos\\\/\"},\"wordCount\":4725,\"image\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t1-intro-gestion-proyectos\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/t1-gestion-proyectos.jpg\",\"articleSection\":[\"banco-conocimiento\",\"PEPD\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t1-intro-gestion-proyectos\\\/\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t1-intro-gestion-proyectos\\\/\",\"name\":\"T1. Introducci\u00f3n a la gesti\u00f3n de proyectos digitales - Portal de proyectos multimedia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t1-intro-gestion-proyectos\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t1-intro-gestion-proyectos\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/t1-gestion-proyectos.jpg\",\"datePublished\":\"2025-08-25T19:01:18+00:00\",\"dateModified\":\"2025-09-08T22:43:44+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\\\/t1-intro-gestion-proyectos\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t1-intro-gestion-proyectos\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t1-intro-gestion-proyectos\\\/#primaryimage\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/t1-gestion-proyectos.jpg\",\"contentUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/t1-gestion-proyectos.jpg\",\"width\":1000,\"height\":395,\"caption\":\"Closeup of creative business team working on design project focus on table with roadmap and colorful stickie notes, copy space\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t1-intro-gestion-proyectos\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"T1. Introducci\u00f3n a la gesti\u00f3n de proyectos digitales\"}]},{\"@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":"T1. Introducci\u00f3n a la gesti\u00f3n de proyectos digitales - 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\/t1-intro-gestion-proyectos\/","og_locale":"en_GB","og_type":"article","og_title":"T1. Introducci\u00f3n a la gesti\u00f3n de proyectos digitales - 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\/t1-intro-gestion-proyectos\/","og_site_name":"Portal de proyectos multimedia","article_published_time":"2025-08-25T19:01:18+00:00","article_modified_time":"2025-09-08T22:43:44+00:00","og_image":[{"width":1000,"height":395,"url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t1-gestion-proyectos.jpg","type":"image\/jpeg"}],"author":"juanmiro","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/proyectos.comunicaciondigital.es\/t1-intro-gestion-proyectos\/#article","isPartOf":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t1-intro-gestion-proyectos\/"},"author":{"name":"juanmiro","@id":"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/2e8265f6be76de5637b1bd02a53266b3"},"headline":"T1. Introducci\u00f3n a la gesti\u00f3n de proyectos digitales","datePublished":"2025-08-25T19:01:18+00:00","dateModified":"2025-09-08T22:43:44+00:00","mainEntityOfPage":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t1-intro-gestion-proyectos\/"},"wordCount":4725,"image":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t1-intro-gestion-proyectos\/#primaryimage"},"thumbnailUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t1-gestion-proyectos.jpg","articleSection":["banco-conocimiento","PEPD"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/proyectos.comunicaciondigital.es\/t1-intro-gestion-proyectos\/","url":"https:\/\/proyectos.comunicaciondigital.es\/t1-intro-gestion-proyectos\/","name":"T1. Introducci\u00f3n a la gesti\u00f3n de proyectos digitales - Portal de proyectos multimedia","isPartOf":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t1-intro-gestion-proyectos\/#primaryimage"},"image":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t1-intro-gestion-proyectos\/#primaryimage"},"thumbnailUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t1-gestion-proyectos.jpg","datePublished":"2025-08-25T19:01:18+00:00","dateModified":"2025-09-08T22:43:44+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\/t1-intro-gestion-proyectos\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/proyectos.comunicaciondigital.es\/t1-intro-gestion-proyectos\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/proyectos.comunicaciondigital.es\/t1-intro-gestion-proyectos\/#primaryimage","url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t1-gestion-proyectos.jpg","contentUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t1-gestion-proyectos.jpg","width":1000,"height":395,"caption":"Closeup of creative business team working on design project focus on table with roadmap and colorful stickie notes, copy space"},{"@type":"BreadcrumbList","@id":"https:\/\/proyectos.comunicaciondigital.es\/t1-intro-gestion-proyectos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/proyectos.comunicaciondigital.es\/"},{"@type":"ListItem","position":2,"name":"T1. Introducci\u00f3n a la gesti\u00f3n de proyectos digitales"}]},{"@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\/82144","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=82144"}],"version-history":[{"count":17,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/82144\/revisions"}],"predecessor-version":[{"id":82253,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/82144\/revisions\/82253"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/media\/82147"}],"wp:attachment":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/media?parent=82144"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/categories?post=82144"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/tags?post=82144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}