{"id":82165,"date":"2025-08-25T22:19:45","date_gmt":"2025-08-25T22:19:45","guid":{"rendered":"https:\/\/proyectos.comunicaciondigital.es\/?p=82165"},"modified":"2025-09-09T17:38:36","modified_gmt":"2025-09-09T17:38:36","slug":"t4-alcance-objetivos","status":"publish","type":"post","link":"https:\/\/proyectos.comunicaciondigital.es\/en\/t4-alcance-objetivos\/","title":{"rendered":"Tema 4. Alcance, objetivos y m\u00e9tricas de \u00e9xito"},"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 4: Alcance, objetivos y m\u00e9tricas de \u00e9xito<\/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=\u00bb4.1 Desglose de alcance\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>1. Fundamentos conceptuales<\/h3>\n<p>La definici\u00f3n del alcance en proyectos de comunicaci\u00f3n digital constituye uno de los principales retos de la gesti\u00f3n contempor\u00e1nea debido a la naturaleza evolutiva de las audiencias digitales y la velocidad de cambio de las plataformas. A diferencia de los proyectos tradicionales, donde los entregables f\u00edsicos pueden predefinirse con precisi\u00f3n, los proyectos digitales requieren enfoques adaptativos que equilibren una direcci\u00f3n estrat\u00e9gica clara con la flexibilidad necesaria para responder al feedback de la audiencia.<\/p>\n<p>El concepto tradicional de alcance fijo ha evolucionado hacia marcos de trabajo m\u00e1s sofisticados que distinguen entre elementos <strong>core<\/strong> y elementos <strong>adaptativos<\/strong>. Los elementos core incluyen los mensajes clave, objetivos comunicativos y valores de marca que deben mantenerse estables para garantizar la coherencia estrat\u00e9gica. Por el contrario, los elementos adaptativos abarcan formatos, canales y timing que pueden evolucionar seg\u00fan la respuesta de la audiencia y las oportunidades emergentes.<\/p>\n<div style=\"background-color: #fff3cd; border-left: 4px solid #cb0017; padding: 15px; margin: 15px 0;\"><strong>Ejemplo pr\u00e1ctico:<\/strong> En una campa\u00f1a de lanzamiento de aplicaci\u00f3n m\u00f3vil, el mensaje core \u00abfacilita tu vida diaria\u00bb permanece constante, mientras que los formatos (stories, reels, posts) y plataformas (Instagram, TikTok, LinkedIn) se adaptan seg\u00fan el rendimiento y las preferencias de cada segmento de audiencia.<\/div>\n<p>La globalizaci\u00f3n a\u00f1ade capas adicionales de complejidad, ya que los mensajes pueden requerir adaptaci\u00f3n cultural, los canales preferidos var\u00edan entre mercados y las regulaciones difieren significativamente entre jurisdicciones. Organizaciones como <strong><a href=\"https:\/\/about.netflix.com\/en\" target=\"_blank\" rel=\"noopener\">Netflix<\/a><\/strong> han desarrollado enfoques que equilibran mensajes globales consistentes con adaptaciones locales en contenido y cumplimiento normativo regional.<\/p>\n<h3>2. Estructura de desglose del trabajo (WBS)<\/h3>\n<p>La estructura de desglose del trabajo en comunicaci\u00f3n digital debe reflejar tanto el customer journey de las audiencias como los procesos creativos y t\u00e9cnicos necesarios para ejecutar la estrategia. Esta perspectiva dual asegura que el trabajo operativo est\u00e9 alineado con los objetivos comunicativos y que la secuencia de entrega genere valor incremental.<\/p>\n<h4>Enfoques de estructuraci\u00f3n<\/h4>\n<p>Existen dos aproximaciones principales para organizar el trabajo en proyectos digitales. El <strong>desglose por customer journey<\/strong> estructura las actividades siguiendo las etapas de interacci\u00f3n con la audiencia: awareness, consideration, conversion, retention y advocacy. Este enfoque es especialmente \u00fatil cuando el objetivo principal es impulsar conversiones o cambios de comportamiento.<\/p>\n<p>El <strong>desglose por componentes funcionales<\/strong> organiza el trabajo seg\u00fan las especialidades requeridas: creaci\u00f3n de contenidos, implementaci\u00f3n t\u00e9cnica, distribuci\u00f3n y medici\u00f3n. Esta aproximaci\u00f3n funciona mejor cuando se trabaja con equipos especializados o cuando la complejidad t\u00e9cnica es significativa.<\/p>\n<div style=\"background-color: #e9ecef; border-left: 5px solid #cb0017; padding: 15px; margin: 15px 0;\">\n<h4 style=\"color: #cb0017; margin-top: 0;\">Caso de estudio: Campa\u00f1a de concienciaci\u00f3n ambiental<\/h4>\n<p><strong>Enfoque customer journey:<\/strong> Awareness (contenido educativo viral), Consideration (calculadoras de huella de carbono), Conversion (suscripci\u00f3n a newsletter), Retention (comunidad online), Advocacy (embajadores ciudadanos).<\/p>\n<p><strong>Enfoque funcional:<\/strong> Contenidos (investigaci\u00f3n, redacci\u00f3n, dise\u00f1o), T\u00e9cnico (desarrollo web, anal\u00edtica), Distribuci\u00f3n (redes sociales, SEO), Medici\u00f3n (KPIs, optimizaci\u00f3n).<\/p>\n<\/div>\n<p>Los requisitos transversales como la consistencia de marca, el cumplimiento legal y la accesibilidad deben integrarse en todos los componentes funcionales en lugar de tratarse como flujos de trabajo independientes. Esta integraci\u00f3n previene problemas de coordinaci\u00f3n y asegura que los est\u00e1ndares de calidad se mantengan a lo largo de todo el proyecto.<\/p>\n<h3>3. Gesti\u00f3n del scope creep<\/h3>\n<p>El scope creep o crecimiento descontrolado del proyecto presenta desaf\u00edos \u00fanicos en comunicaci\u00f3n digital debido a la naturaleza viral impredecible del contenido y la presi\u00f3n por capitalizar temas en tendencia. La tentaci\u00f3n de perseguir cada oportunidad emergente puede llevar a la dispersi\u00f3n de recursos y la p\u00e9rdida de focus estrat\u00e9gico.<\/p>\n<p>Los tipos m\u00e1s comunes de expansi\u00f3n no controlada incluyen la persecuci\u00f3n indiscriminada de tendencias sin evaluar el ajuste estrat\u00e9gico, la proliferaci\u00f3n autom\u00e1tica hacia nuevas plataformas sin recursos adicionales y la expansi\u00f3n de audiencias sin una estrategia clara de segmentaci\u00f3n. Cada uno de estos patrones puede comprometer la efectividad del proyecto original.<\/p>\n<div style=\"background-color: #dfdfdf; padding: 15px; margin: 15px 0;\">\n<h4 style=\"color: #cb0017; margin-top: 0;\">Framework de evaluaci\u00f3n de cambios<\/h4>\n<p>Ante cualquier propuesta de modificaci\u00f3n del alcance, es fundamental evaluar cinco criterios clave: la alineaci\u00f3n estrat\u00e9gica con los objetivos comunicativos principales, el impacto en recursos humanos y financieros, el costo de oportunidad respecto a actividades planificadas, la evaluaci\u00f3n de riesgos reputacionales u operativos, y la definici\u00f3n de m\u00e9tricas para medir el \u00e9xito del cambio propuesto.<\/p>\n<\/div>\n<p>El concepto de <strong>deuda creativa<\/strong> resulta particularmente relevante en este contexto. Al igual que la deuda t\u00e9cnica, aceptar atajos en calidad de contenido o consistencia de marca puede generar costes de reputaci\u00f3n y rectificaci\u00f3n que superen ampliamente los beneficios inmediatos de la velocidad de ejecuci\u00f3n.<\/p>\n<h3>4. Elaboraci\u00f3n progresiva y optimizaci\u00f3n<\/h3>\n<p>La elaboraci\u00f3n progresiva en comunicaci\u00f3n digital reconoce que la comprensi\u00f3n de la efectividad comunicativa se profundiza mediante pruebas, feedback de audiencia y an\u00e1lisis de rendimiento. Este enfoque equilibra la visi\u00f3n estrat\u00e9gica con la flexibilidad t\u00e1ctica basada en evidencia emp\u00edrica.<\/p>\n<p>Las metodolog\u00edas <strong>lean startup<\/strong> proporcionan marcos de trabajo especialmente valiosos para experimentar sin comprometerse prematuramente con campa\u00f1as a gran escala. El ciclo Build-Measure-Learn permite crear contenido m\u00ednimo viable, analizar m\u00e9tricas de engagement y extraer aprendizajes sobre preferencias de audiencia antes de escalar las inversiones.<\/p>\n<div style=\"background-color: #fff3cd; border-left: 4px solid #cb0017; padding: 15px; margin: 15px 0;\"><strong>Aplicaci\u00f3n pr\u00e1ctica:<\/strong> En lugar de producir 50 posts diferentes para una campa\u00f1a, se crean 3 formatos de prueba (infograf\u00eda, video, carrusel), se mide su rendimiento durante una semana, y se concentran los recursos en el formato que demuestre mayor efectividad.<\/div>\n<p>La adaptaci\u00f3n basada en contexto din\u00e1mico requiere capacidades de social listening para detectar cambios de sentimiento y temas emergentes, as\u00ed como procedimientos predefinidos para responder r\u00e1pidamente a crisis o capitalizar oportunidades virales. Los marcos de evaluaci\u00f3n deben permitir distinguir entre ajustes t\u00e1cticos justificados y expansiones no controladas del alcance.<\/p>\n<h3>5. Herramientas y documentaci\u00f3n<\/h3>\n<p>La gesti\u00f3n efectiva del alcance se apoya en herramientas que faciliten tanto la planificaci\u00f3n como el seguimiento continuo. Plataformas como <strong><a href=\"https:\/\/www.atlassian.com\/software\/confluence\" target=\"_blank\" rel=\"noopener\">Confluence<\/a><\/strong> permiten documentar decisiones sobre el alcance y su justificaci\u00f3n, creando conocimiento organizativo que informa proyectos futuros y ayuda a evitar la repetici\u00f3n de errores.<\/p>\n<p>La documentaci\u00f3n debe incluir tanto las decisiones tomadas como los criterios utilizados para tomarlas, estableciendo un marco de referencia que permita evaluar futuras propuestas de cambio con consistencia y rigor metodol\u00f3gico.<\/p>\n<p>&nbsp;<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bb4.2 Formulaci\u00f3n de Objetivos\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>Frameworks para definici\u00f3n de objetivos digitales<\/h3>\n<p>La formulaci\u00f3n de objetivos en proyectos digitales requiere marcos sofisticados que capten tanto los resultados t\u00e9cnicos como el impacto de negocio, y que tengan en cuenta la incertidumbre propia de la innovaci\u00f3n y de mercados en r\u00e1pida evoluci\u00f3n. Los enfoques tradicionales, centrados en entregables predecibles, suelen ser insuficientes frente a la creaci\u00f3n de valor adaptativa que caracteriza a las iniciativas digitales exitosas.<\/p>\n<p>El marco SMART (espec\u00edficos, medibles, alcanzables, relevantes y acotados en el tiempo) es una base \u00fatil, pero conviene ampliarlo con objetivos de aprendizaje, adaptabilidad e impacto en el ecosistema. Los OKR (<em>Objectives and Key Results<\/em>) han ganado adopci\u00f3n porque separan objetivos de resultado de negocio de resultados clave medibles, manteniendo el foco estrat\u00e9gico y permitiendo la experimentaci\u00f3n. El <a href=\"https:\/\/rework.withgoogle.com\/guides\/set-goals-with-okrs\/steps\/introduction\/\">marco de OKR de Google<\/a> muestra c\u00f3mo objetivos ambiciosos impulsan el rendimiento, mientras los resultados clave aportan seguimiento y responsabilidad.<\/p>\n<p>La distinci\u00f3n entre objetivos de <em>output<\/em> (lo que construiremos) y de <em>outcome<\/em> (el impacto que generaremos) es cr\u00edtica. Los primeros se centran en entregables \u2014funcionalidades, sistemas, procesos\u2014, mientras que los segundos se orientan a cambios en el comportamiento del usuario, el desempe\u00f1o del negocio o las capacidades organizativas. Los proyectos digitales exitosos enfatizan los <em>outcomes<\/em>, usando los <em>outputs<\/em> como hitos intermedios.<\/p>\n<p>Estructuras jer\u00e1rquicas de objetivos alinean metas a nivel de proyecto con la estrategia organizativa, mediante una cascada que conecta el trabajo diario con objetivos de alto nivel. Esta alineaci\u00f3n ayuda a priorizar y a decidir entre alternativas cuando hay que asumir compensaciones.<\/p>\n<p><a href=\"https:\/\/weekdone.com\/resources\/objectives-key-results-okr\">Weekdone<\/a> ofrece recursos para implantar sistemas OKR que fomentan la responsabilidad individual y la colaboraci\u00f3n del equipo, sin burocracia excesiva ni freno a la innovaci\u00f3n.<\/p>\n<h3>Objetivos de negocio vs. objetivos t\u00e9cnicos<\/h3>\n<p>La alineaci\u00f3n entre objetivos de negocio y objetivos t\u00e9cnicos es un factor cr\u00edtico de \u00e9xito, pero muchas organizaciones encuentran dif\u00edcil conectar metas estrat\u00e9gicas con decisiones t\u00e9cnicas detalladas. Esto exige colaboraci\u00f3n continua entre negocio y equipos t\u00e9cnicos.<\/p>\n<p>Los objetivos de negocio suelen centrarse en crecimiento de ingresos, adquisici\u00f3n de clientes, eficiencia operativa, cuota de mercado o diferenciaci\u00f3n competitiva. Deben anclarse en m\u00e9tricas medibles y conectarse claramente con la estrategia y la creaci\u00f3n de valor.<\/p>\n<p>Los objetivos t\u00e9cnicos abarcan rendimiento, escalabilidad, fiabilidad, seguridad, mantenibilidad e integraci\u00f3n. Aunque soportan los objetivos de negocio, requieren conocimiento especializado para formularse adecuadamente y no siempre son visibles para perfiles no t\u00e9cnicos. Es clave expresarlos de forma que se entienda su impacto en el negocio y en la experiencia de usuario.<\/p>\n<p>Los objetivos de calidad cruzan ambos dominios: satisfacci\u00f3n del usuario, tasas de defectos, disponibilidad del sistema, cumplimiento de seguridad y est\u00e1ndares de accesibilidad. Su definici\u00f3n suele requerir colaboraci\u00f3n entre tecnolog\u00eda, negocio y usuarios para equilibrar perspectivas.<\/p>\n<p>Los objetivos de innovaci\u00f3n se centran en aprendizaje, construcci\u00f3n de capacidades y posicionamiento competitivo que quiz\u00e1 no generen retorno inmediato, pero preparan el terreno para crear valor en el futuro. El trabajo de <a href=\"https:\/\/blog.crisp.se\/2016\/01\/25\/henrikkniberg\/making-sense-of-mvp\">Henrik Kniberg<\/a> sobre MVP ilustra c\u00f3mo alinear objetivos de negocio y t\u00e9cnicos a trav\u00e9s del foco en valor para el usuario y objetivos de aprendizaje.<\/p>\n<h3>Objetivos de usuario y experiencia<\/h3>\n<p>Los objetivos de experiencia de usuario son centrales en el \u00e9xito digital: efectividad en la realizaci\u00f3n de tareas, satisfacci\u00f3n, eficiencia y respuesta emocional durante la interacci\u00f3n con el sistema.<\/p>\n<p>Los objetivos orientados a tareas miden la capacidad de los usuarios para completar actividades espec\u00edficas: tasas de finalizaci\u00f3n, errores, tiempos y \u00e9xito por segmentos. Deben reflejar flujos de trabajo reales y no escenarios idealizados.<\/p>\n<p>Los objetivos de satisfacci\u00f3n recogen respuestas emocionales y subjetivas (NPS, CSAT, feedback cualitativo). A menudo requieren medici\u00f3n longitudinal, ya que la satisfacci\u00f3n puede variar con la familiaridad del usuario.<\/p>\n<p>Los objetivos de eficiencia miden cu\u00e1n bien el sistema permite lograr metas con el menor esfuerzo, carga cognitiva y tiempo posibles (clics hasta completar, curva de aprendizaje, comparativas con soluciones alternativas o versiones previas).<\/p>\n<p>Los objetivos de accesibilidad garantizan que el sistema sirva a usuarios con diversas capacidades y contextos, cumpliendo est\u00e1ndares, funcionando en distintos dispositivos y aplicando dise\u00f1o inclusivo. <a href=\"https:\/\/www.nngroup.com\/articles\/usability-goals\/\">Nielsen Norman Group<\/a> aporta marcos para definir estos objetivos combinando medici\u00f3n cuantitativa e insights cualitativos.<\/p>\n<h3>Alineaci\u00f3n estrat\u00e9gica de objetivos<\/h3>\n<p>La alineaci\u00f3n estrat\u00e9gica asegura que los objetivos del proyecto contribuyan de forma significativa a las metas organizativas y creen valor que justifique la inversi\u00f3n. Importa comprender no solo los resultados deseados, sino tambi\u00e9n c\u00f3mo el \u00e9xito del proyecto fortalece capacidades y posicionamiento competitivo.<\/p>\n<p>La alineaci\u00f3n de portafolio analiza c\u00f3mo los objetivos de proyectos individuales se suman a la estrategia global y c\u00f3mo se complementan entre s\u00ed, evitando competir por recursos o generar requisitos en conflicto. Este pensamiento a nivel portafolio optimiza la asignaci\u00f3n de recursos e identifica sinergias.<\/p>\n<p>La alineaci\u00f3n de valor para <em>stakeholders<\/em> garantiza que los objetivos atiendan las necesidades de distintos grupos, equilibrando intereses potencialmente conflictivos sin perder el foco en la creaci\u00f3n de valor principal.<\/p>\n<p>La alineaci\u00f3n competitiva considera c\u00f3mo las metas posicionan a la organizaci\u00f3n frente a competidores y tendencias de mercado. Los objetivos deben contribuir a ventajas sostenibles y dif\u00edciles de replicar, a la vez que abordan amenazas competitivas.<\/p>\n<p>La alineaci\u00f3n de recursos asegura que los objetivos sean alcanzables con las capacidades disponibles y promueve un uso eficiente. Evita la sobrecarga y garantiza que los proyectos puedan cumplir lo comprometido.<\/p>\n<p>El marco de los <a href=\"https:\/\/www.mckinsey.com\/capabilities\/strategy-and-corporate-finance\/our-insights\/enduring-ideas-the-three-horizons-of-growth\">Tres Horizontes<\/a> de McKinsey ayuda a equilibrar desempe\u00f1o de corto plazo con oportunidades de crecimiento a largo plazo en el portafolio.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bb4.3 Selecci\u00f3n de KPIs\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>Taxonom\u00eda de m\u00e9tricas para proyectos digitales<\/h3>\n<p>La selecci\u00f3n de KPIs en proyectos digitales exige comprender los distintos tipos de m\u00e9tricas y su relaci\u00f3n con los objetivos y la creaci\u00f3n de valor. Los entornos digitales generan grandes vol\u00famenes de datos: seleccionar bien es m\u00e1s importante que recolectar mucho.<\/p>\n<p>Las m\u00e9tricas adelantadas (<em>leading<\/em>) predicen el desempe\u00f1o futuro y permiten actuar de forma proactiva (p. ej., m\u00e9tricas de interacci\u00f3n de usuarios, velocidad de desarrollo, calidad de c\u00f3digo, adopci\u00f3n temprana). Las m\u00e9tricas rezagadas (<em>lagging<\/em>) miden resultados ya materializados (impacto en ingresos, retenci\u00f3n, rendimiento en producci\u00f3n, satisfacci\u00f3n del cliente); son valiosas, pero suelen llegar tarde para corregir rumbo.<\/p>\n<p>Las m\u00e9tricas operativas se centran en rendimiento del sistema, disponibilidad, eficiencia y uso de recursos; deben equilibrarse con m\u00e9tricas de negocio y de usuario para evitar optimizar lo t\u00e9cnico en detrimento del valor.<\/p>\n<p>Las m\u00e9tricas de negocio conectan las actividades del proyecto con el desempe\u00f1o organizativo (ingresos, reducci\u00f3n de costes, cuota, adquisici\u00f3n de clientes, eficiencia). Pueden requerir ventanas temporales m\u00e1s amplias para medirse con precisi\u00f3n.<\/p>\n<p>Las m\u00e9tricas de usuario analizan la interacci\u00f3n con el sistema (patrones de uso, satisfacci\u00f3n, \u00e9xito en tareas, cambios de comportamiento) y aportan se\u00f1ales sobre si se est\u00e1 entregando el valor previsto.<\/p>\n<p>El marco de m\u00e9tricas de crecimiento de <a href=\"https:\/\/amplitude.com\/blog\/growth-metrics\">Amplitude<\/a> muestra c\u00f3mo combinar categor\u00edas para obtener una visi\u00f3n integral que sirva a la optimizaci\u00f3n t\u00e1ctica y a la decisi\u00f3n estrat\u00e9gica.<\/p>\n<h3>M\u00e9tricas de adopci\u00f3n y <em>engagement<\/em><\/h3>\n<p>Las m\u00e9tricas de adopci\u00f3n miden en qu\u00e9 medida los usuarios incorporan la soluci\u00f3n a sus flujos de trabajo o actividades personales, considerando uso inicial y compromiso sostenido.<\/p>\n<p>Las m\u00e9tricas de adquisici\u00f3n eval\u00faan la eficacia para atraer nuevos usuarios (crecimiento org\u00e1nico, conversi\u00f3n desde marketing, referidos, activaci\u00f3n de nuevas cuentas) e informan sobre si se alcanzan audiencias objetivo y si el <em>onboarding<\/em> es efectivo.<\/p>\n<p>La activaci\u00f3n mide el \u00e9xito de los usuarios para completar la configuraci\u00f3n inicial y comenzar a usar funcionalidades clave; es un predictor de \u00e9xito a largo plazo.<\/p>\n<p>La profundidad de interacci\u00f3n analiza la intensidad del uso (duraci\u00f3n de sesiones, amplitud de funcionalidades, creaci\u00f3n de contenido, volumen de transacciones). Una mayor profundidad suele indicar valor percibido.<\/p>\n<p>La retenci\u00f3n eval\u00faa el mantenimiento del uso en el tiempo (revisitas, renovaciones, <em>churn<\/em>, reactivaciones). Suele ser m\u00e1s valiosa que la adquisici\u00f3n, por el mayor valor y menor coste por usuario retenido.<\/p>\n<p>La calidad del <em>engagement<\/em> va m\u00e1s all\u00e1 de la frecuencia: mide si los usuarios logran objetivos significativos (tasas de finalizaci\u00f3n de tareas, consecuci\u00f3n de metas, calidad del contenido generado, satisfacci\u00f3n con los resultados). <a href=\"https:\/\/blog.mixpanel.com\/understanding-engagement-metrics\/\">Mixpanel<\/a> ilustra c\u00f3mo combinar indicadores para comprender la relaci\u00f3n usuario\u2013producto.<\/p>\n<h3>M\u00e9tricas de rendimiento y calidad<\/h3>\n<p>Las m\u00e9tricas de rendimiento deben equilibrar el desempe\u00f1o t\u00e9cnico con la percepci\u00f3n del usuario, priorizando lo que impacta su satisfacci\u00f3n y los resultados de negocio.<\/p>\n<p>Los tiempos de respuesta incluyen cargas de p\u00e1gina, respuestas de API, resultados de b\u00fasqueda y procesamiento de transacciones; las expectativas var\u00edan por tipo de interacci\u00f3n (tiempo real vs. procesos por lotes).<\/p>\n<p>La disponibilidad sigue el tiempo en servicio y la fiabilidad (paradas planificadas, ca\u00eddas imprevistas, degradaciones parciales) y depende de la criticidad del negocio.<\/p>\n<p>La escalabilidad observa c\u00f3mo cambia el rendimiento con el volumen (capacidad de procesamiento, usuarios concurrentes, eficiencia en el uso de recursos), crucial en proyectos con crecimiento esperado o demanda variable.<\/p>\n<p>La calidad abarca tasas de defectos, incidencias reportadas por usuarios, vulnerabilidades de seguridad y no conformidades. Debe medirse la calidad t\u00e9cnica y la percibida por el usuario.<\/p>\n<p>Las m\u00e9tricas de error consideran fallos del sistema, errores de usuario y eficacia de recuperaci\u00f3n (frecuencia, tiempo de resoluci\u00f3n, impacto). El an\u00e1lisis revela problemas t\u00e9cnicos y de UX.<\/p>\n<p>El enfoque SRE de Google (<a href=\"https:\/\/landing.google.com\/sre\/sre-book\/chapters\/monitoring-distributed-systems\/\">Site Reliability Engineering<\/a>) muestra c\u00f3mo integrar rendimiento y calidad en sistemas de monitorizaci\u00f3n proactivos.<\/p>\n<h3>M\u00e9tricas de impacto de negocio<\/h3>\n<p>Estas m\u00e9tricas conectan las actividades del proyecto con la creaci\u00f3n de valor organizativo y gu\u00edan prioridades de optimizaci\u00f3n. Deben evitar \u201cm\u00e9tricas vanidosas\u201d y centrarse en resultados con correlaci\u00f3n significativa.<\/p>\n<p>Ingresos: generaci\u00f3n directa, ingresos por usuario, valor de vida del cliente (<em>LTV<\/em>), crecimiento atribuible al proyecto (con atribuci\u00f3n rigurosa).<\/p>\n<p>Eficiencia de costes: reducci\u00f3n operativa, mejora de procesos, reasignaci\u00f3n a actividades de mayor valor y ahorros sostenibles.<\/p>\n<p>Posici\u00f3n de mercado: ventajas competitivas, cambios de cuota, adquisici\u00f3n frente a competidores y mejora de percepci\u00f3n de marca.<\/p>\n<p>Productividad: reducci\u00f3n de tiempos de tareas, automatizaci\u00f3n, expansi\u00f3n de capacidades que habilitan nuevas fuentes de valor.<\/p>\n<p>Reducci\u00f3n de riesgo: mejoras de seguridad, cumplimiento, resiliencia operativa y recuperaci\u00f3n ante desastres. Son dif\u00edciles de cuantificar, pero protegen valor de forma significativa.<\/p>\n<p>La investigaci\u00f3n de McKinsey sobre medici\u00f3n del impacto (<a href=\"https:\/\/www.mckinsey.com\/capabilities\/mckinsey-digital\/our-insights\/measuring-the-business-impact-of-design\">Business Impact of Design<\/a>) ofrece marcos para vincular inversi\u00f3n en dise\u00f1o y tecnolog\u00eda con resultados medibles.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bb4.4 Sistemas de seguimiento de proyecto\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>Arquitectura de sistemas de monitorizaci\u00f3n<\/h3>\n<p>Los sistemas de seguimiento para proyectos digitales deben integrar datos de m\u00faltiples fuentes \u2014herramientas de desarrollo, anal\u00edtica de usuarios, sistemas de negocio y monitorizaci\u00f3n operativa\u2014 para ofrecer visibilidad integral del progreso y los resultados. Esto exige arquitecturas de datos escalables y flexibles que gestionen diversos tipos y frecuencias de actualizaci\u00f3n, y que proporcionen insights en tiempo real para la toma de decisiones.<\/p>\n<p>La arquitectura de recolecci\u00f3n de datos debe dise\u00f1arse pensando en la evoluci\u00f3n: los requisitos de monitorizaci\u00f3n cambian a medida que los proyectos maduran y la organizaci\u00f3n aprende qu\u00e9 m\u00e9tricas aportan m\u00e1s valor. Los sistemas modulares permiten a\u00f1adir fuentes y m\u00e9tricas sin reconstruir toda la infraestructura.<\/p>\n<p>La monitorizaci\u00f3n en tiempo real posibilita una gesti\u00f3n proactiva mediante notificaciones inmediatas cuando las m\u00e9tricas superan umbrales o aparecen patrones de riesgo, algo clave en proyectos donde las incidencias pueden escalar r\u00e1pidamente.<\/p>\n<p>La retenci\u00f3n hist\u00f3rica permite analizar tendencias, estacionalidad y desempe\u00f1o a largo plazo, e informa decisiones estrat\u00e9gicas. Tambi\u00e9n sustenta an\u00e1lisis posteriores al proyecto que mejoran la planificaci\u00f3n y la ejecuci\u00f3n futuras.<\/p>\n<p>El aseguramiento de la calidad de los datos garantiza informaci\u00f3n precisa, consistente y fiable. La mala calidad de datos conduce a conclusiones err\u00f3neas y acciones inadecuadas; por ello, la validaci\u00f3n y el control de calidad son componentes esenciales.<\/p>\n<p>La arquitectura de monitorizaci\u00f3n de <a href=\"https:\/\/grafana.com\/docs\/grafana\/latest\/getting-started\/\">Grafana<\/a> ejemplifica c\u00f3mo construir sistemas flexibles y escalables de visualizaci\u00f3n y alertas, con paneles que sirven a diferentes necesidades de los interesados.<\/p>\n<h3>Cuadros de mando y visualizaci\u00f3n de datos<\/h3>\n<p>Un dise\u00f1o eficaz de cuadros de mando equilibra la presentaci\u00f3n completa de informaci\u00f3n con la claridad y la usabilidad, para que los interesados entiendan el estado y detecten r\u00e1pidamente \u00e1reas que requieren atenci\u00f3n. Debe considerar distintos perfiles y contextos de uso, ofreciendo niveles de detalle adecuados y consistencia en la presentaci\u00f3n.<\/p>\n<p>Los tableros ejecutivos priorizan m\u00e9tricas de alto nivel relacionadas con objetivos estrat\u00e9gicos y resultados de negocio, resaltando tendencias, excepciones y m\u00e9tricas resumen para una evaluaci\u00f3n r\u00e1pida.<\/p>\n<p>Los tableros operativos proveen m\u00e9tricas detalladas para la toma de decisiones diaria y la resoluci\u00f3n de problemas: indicadores t\u00e9cnicos, de progreso y capacidades de desglose (<em>drill-down<\/em>).<\/p>\n<p>Los tableros de experiencia de usuario enfocan m\u00e9tricas de interacci\u00f3n, satisfacci\u00f3n e indicadores de comportamiento, ayudando a entender si se entrega el valor esperado y d\u00f3nde mejorar.<\/p>\n<p>La integraci\u00f3n de sistemas de alertas con cuadros de mando habilita notificaciones proactivas cuando las m\u00e9tricas salen de rango o surgen patrones an\u00f3malos. Es clave evitar la fatiga de alertas para que las notificaciones se\u00f1alen issues realmente relevantes.<\/p>\n<p>El dise\u00f1o adaptable a m\u00f3viles asegura acceso a la informaci\u00f3n de seguimiento desde cualquier lugar o dispositivo, favoreciendo la toma de decisiones en equipos distribuidos.<\/p>\n<p>Los principios de <a href=\"https:\/\/tableau.com\/learn\/articles\/business-intelligence-dashboards\">Tableau<\/a> muestran c\u00f3mo combinar dise\u00f1o visual y arquitectura de informaci\u00f3n para comunicar el estado del proyecto de forma eficaz y soportar distintas necesidades anal\u00edticas.<\/p>\n<h3>Automatizaci\u00f3n y alertas<\/h3>\n<p>La automatizaci\u00f3n reduce carga manual y mejora la velocidad de respuesta ante incidencias cr\u00edticas, liberando tiempo para actividades de mayor valor. Debe potenciar la decisi\u00f3n humana \u2014aportar informaci\u00f3n y recomendaciones\u2014 y no sustituirla en situaciones complejas.<\/p>\n<p>Las alertas basadas en umbrales notifican cuando las m\u00e9tricas exceden rangos aceptables, permitiendo actuar antes de que los problemas se agraven. La selecci\u00f3n de umbrales debe equilibrar sensibilidad y especificidad.<\/p>\n<p>Las alertas predictivas emplean aprendizaje autom\u00e1tico y an\u00e1lisis estad\u00edstico para detectar patrones que anticipen problemas, habilitando acciones preventivas.<\/p>\n<p>Los procedimientos de escalado garantizan que las alertas lleguen a las personas adecuadas seg\u00fan severidad, horario y estructura organizativa, combinando rapidez con la pericia requerida.<\/p>\n<p>La integraci\u00f3n de alertas con sistemas de comunicaci\u00f3n \u2014Slack, correo, SMS, apps m\u00f3viles\u2014 reduce el riesgo de que se pasen por alto por fragmentaci\u00f3n de canales.<\/p>\n<p>El acuse de recibo y el seguimiento de resoluci\u00f3n permiten evaluar la efectividad de la respuesta e identificar patrones que inspiren mejoras de proceso, evitando que las alertas se pierdan en momentos de alta carga.<\/p>\n<p>El enfoque de gesti\u00f3n de incidentes de <a href=\"https:\/\/pagerduty.com\/resources\/learn\/what-is-incident-management\/\">PagerDuty<\/a> ilustra c\u00f3mo integrar alertas automatizadas con procesos de respuesta para priorizar incidencias cr\u00edticas minimizando la interrupci\u00f3n del desarrollo rutinario.<\/p>\n<h3>Informes y comunicaci\u00f3n<\/h3>\n<p>La comunicaci\u00f3n estructurada asegura que los interesados reciban informaci\u00f3n regular y consistente sobre progreso, incidencias y resultados, en formatos que soporten su toma de decisiones.<\/p>\n<p>La generaci\u00f3n autom\u00e1tica de informes reduce esfuerzo manual y mejora la consistencia, permitiendo a los equipos centrarse en el an\u00e1lisis y la acci\u00f3n. Pueden programarse por audiencias y frecuencias \u2014desde informes operativos diarios hasta res\u00famenes estrat\u00e9gicos mensuales.<\/p>\n<p>Los informes ejecutivos enfatizan resultados de negocio, alineaci\u00f3n estrat\u00e9gica y uso de recursos, con an\u00e1lisis de tendencias, resaltado de excepciones y proyecciones a futuro.<\/p>\n<p>Los informes para equipos se enfocan en m\u00e9tricas operativas, indicadores de progreso e identificaci\u00f3n de impedimentos, con desgloses detallados, indicadores individuales y seguimiento de acciones.<\/p>\n<p>La integraci\u00f3n con canales de comunicaci\u00f3n habituales (correo, notificaciones de tablero, Slack o Microsoft Teams) asegura la entrega efectiva de los informes.<\/p>\n<p>La personalizaci\u00f3n permite a cada grupo centrarse en m\u00e9tricas relevantes para su rol, manteniendo consistencia en fuentes y m\u00e9todos de c\u00e1lculo. Debe equilibrarse la flexibilidad con la estandarizaci\u00f3n para evitar informaci\u00f3n fragmentada y conclusiones inconsistentes.<\/p>\n<p>El <a href=\"https:\/\/www.klipfolio.com\/resources\/articles\/what-is-a-kpi-dashboard\">marco de reporting<\/a> de Klipfolio muestra c\u00f3mo atender necesidades diversas manteniendo consistencia y precisi\u00f3n en la entrega de informaci\u00f3n a lo largo de la organizaci\u00f3n.<\/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 fundamental sobre Project Scope Management<\/h3>\n<p>Project Management Institute. (2021). <em>A Guide to the Project Management Body of Knowledge (PMBOK\u00ae Guide) \u2013 Seventh Edition<\/em>. Project Management Institute. Cap\u00edtulo sobre gesti\u00f3n del alcance.<\/p>\n<p>Wiegers, K., &amp; Beatty, J. (2013). <em>Software Requirements<\/em> (3.\u00aa ed.). Microsoft Press. Gu\u00eda completa sobre requisitos y gesti\u00f3n del alcance en proyectos de software.<\/p>\n<p>Cohn, M. (2004). <em>User Stories Applied: For Agile Software Development<\/em>. Addison-Wesley Professional. Recurso esencial para definir alcance \u00e1gil mediante <em>user stories<\/em>.<\/p>\n<p>Larman, C., &amp; Vodde, B. (2016). <em>Large-Scale Scrum: More with LeSS<\/em>. Addison-Wesley Professional. Enfoques para gestionar alcance en entornos \u00e1giles escalados.<\/p>\n<p>Robertson, S., &amp; Robertson, J. (2012). <em>Mastering the Requirements Process: Getting Requirements Right<\/em> (3.\u00aa ed.). Addison-Wesley Professional. M\u00e9todos sistem\u00e1ticos para definir alcance y gestionar requisitos.<\/p>\n<h3>Investigaci\u00f3n sobre objetivos y gesti\u00f3n del desempe\u00f1o<\/h3>\n<p>Doerr, J. (2017). <em>Measure What Matters: How Google, Bono, and the Gates Foundation Rock the World with OKRs<\/em>. Portfolio. Gu\u00eda de implantaci\u00f3n de OKR y buenas pr\u00e1cticas.<\/p>\n<p>Harvard Business Review. (2020). \u201cThe Case for Finally Fixing Performance Management\u201d. Investigaci\u00f3n sobre enfoques modernos de gesti\u00f3n del desempe\u00f1o.<\/p>\n<p>MIT Sloan Management Review. (2019). \u201cHow to Set Better Goals\u201d. Investigaci\u00f3n acad\u00e9mica sobre objetivos eficaces.<\/p>\n<p>McKinsey Quarterly. (2021). \u201cOKRs: The fast track to strategic alignment\u201d. An\u00e1lisis de adopci\u00f3n y efectividad de OKR.<\/p>\n<p>Deloitte Insights. (2020). <em>Future of Work: The Augmented Workforce<\/em>. Enfoques de medici\u00f3n del desempe\u00f1o en entornos digitales.<\/p>\n<h3>Recursos de KPI y m\u00e9tricas<\/h3>\n<p>Kaplan, R. S., &amp; Norton, D. P. (2005). <em>The Balanced Scorecard: Translating Strategy into Action<\/em>. Harvard Business Review Press. Marco fundacional de medici\u00f3n estrat\u00e9gica.<\/p>\n<p><a href=\"https:\/\/leananalyticsbook.com\/\">Lean Analytics<\/a> (A. Croll, B. Yoskovitz). Gu\u00eda completa de m\u00e9tricas para startups y productos digitales.<\/p>\n<p><a href=\"https:\/\/analytics.google.com\/analytics\/academy\/\">Google Analytics Academy<\/a>. Formaci\u00f3n en anal\u00edtica digital y medici\u00f3n de KPI.<\/p>\n<p><a href=\"https:\/\/amplitude.com\/north-star\">Amplitude: North Star Playbook<\/a>. Marco para definir y hacer seguimiento de m\u00e9tricas clave de producto.<\/p>\n<p><a href=\"https:\/\/kpilibrary.com\/\">KPI Library<\/a>. Base de datos de KPI por industria.<\/p>\n<h3>Herramientas de seguimiento y monitorizaci\u00f3n<\/h3>\n<p>Documentaci\u00f3n de Atlassian:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.atlassian.com\/software\/jira\/guides\/getting-started\/introduction\">Jira Project Tracking<\/a><\/li>\n<li><a href=\"https:\/\/www.atlassian.com\/software\/confluence\/guides\">Confluence Project Documentation<\/a><\/li>\n<\/ul>\n<p>Gesti\u00f3n de proyectos en Microsoft:<\/p>\n<ul>\n<li><a href=\"https:\/\/support.microsoft.com\/en-us\/office\/project-help-learning-ef43c93a-b117-498f-8803-7c6c8ac0b7f8\">Microsoft Project<\/a><\/li>\n<li><a href=\"https:\/\/powerbi.microsoft.com\/en-us\/desktop\/\">Power BI para cuadros de mando<\/a><\/li>\n<\/ul>\n<p>Soluciones <em>open source<\/em> de monitorizaci\u00f3n:<\/p>\n<ul>\n<li><a href=\"https:\/\/grafana.com\/docs\/\">Grafana<\/a><\/li>\n<li><a href=\"https:\/\/prometheus.io\/docs\/\">Prometheus<\/a><\/li>\n<li><a href=\"https:\/\/www.elastic.co\/guide\/index.html\">ELK Stack<\/a><\/li>\n<\/ul>\n<h3>Plataformas de anal\u00edtica digital<\/h3>\n<p><a href=\"https:\/\/developers.google.com\/analytics\/devguides\/collection\/ga4\">Google Analytics 4<\/a> \u00b7 <a href=\"https:\/\/mixpanel.com\/blog\/\">Mixpanel<\/a> \u00b7 <a href=\"https:\/\/amplitude.com\/blog\">Amplitude<\/a> \u00b7 <a href=\"https:\/\/help.hotjar.com\/\">Hotjar<\/a> \u00b7 <a href=\"https:\/\/experienceleague.adobe.com\/docs\/analytics.html\">Adobe Analytics<\/a><\/p>\n<h3>M\u00e9tricas \u00e1giles y <em>lean<\/em><\/h3>\n<p><a href=\"https:\/\/www.scaledagile.com\/guidance\/metrics\/\">SAFe: Metrics Guidance<\/a> \u00b7 <a href=\"https:\/\/www.scrum.org\/resources\/blog\/12-common-metrics-measure-agile-success\">Scrum.org: Agile Metrics<\/a> \u00b7 <a href=\"https:\/\/kanban.university\/kanban-guide\/\">Kanban University: Metrics<\/a> \u00b7 <a href=\"https:\/\/leanstartup.co\/resources\/\">Lean Startup: Resources<\/a><\/p>\n<h3>Informes del sector y <em>benchmarking<\/em><\/h3>\n<p><a href=\"https:\/\/www.puppet.com\/resources\/report\/2023-state-of-devops-report\">State of DevOps Report<\/a> \u00b7 <a href=\"https:\/\/www.forrester.com\/report\/the-forrester-wave-digital-experience-platforms-q2-2021\/\">Forrester Wave: DXPs<\/a> \u00b7 <a href=\"https:\/\/www.mckinsey.com\/capabilities\/people-and-organizational-performance\/our-insights\/the-impact-of-agility-it-works\">McKinsey: Impact of Agility<\/a><\/p>\n<h3>Formaci\u00f3n y certificaci\u00f3n profesional<\/h3>\n<p>Certificaciones en gesti\u00f3n de proyectos:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.pmi.org\/certifications\">PMI<\/a><\/li>\n<li><a href=\"https:\/\/www.scrumalliance.org\/get-certified\">Scrum Alliance<\/a><\/li>\n<li><a href=\"https:\/\/www.scaledagile.com\/certification\/\">SAFe<\/a><\/li>\n<\/ul>\n<p>Aprendizaje en anal\u00edtica y ciencia de datos:<\/p>\n<ul>\n<li><a href=\"https:\/\/skillshop.exceedlms.com\/student\/catalog\/list?category_ids=53-google-analytics-4\">Google Analytics Certification<\/a><\/li>\n<li><a href=\"https:\/\/www.tableau.com\/learn\/training\">Tableau Training<\/a><\/li>\n<li><a href=\"https:\/\/docs.microsoft.com\/en-us\/learn\/powerplatform\/power-bi\">Power BI Learning Path<\/a><\/li>\n<\/ul>\n<p>Plataformas online:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.coursera.org\/professional-certificates\/google-project-management\">Coursera: Google Project Management<\/a><\/li>\n<li><a href=\"https:\/\/www.edx.org\/learn\/data-analysis\">edX: Data Analytics<\/a><\/li>\n<li><a href=\"https:\/\/www.linkedin.com\/learning\/paths\/become-a-project-manager\">LinkedIn Learning: Project Management<\/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\/82165?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\/t4-alcance-objetivos\/\">Continua leyendo<span> Tema 4. Alcance, objetivos y m\u00e9tricas de \u00e9xito<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":82167,"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-82165","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 4. Alcance, objetivos y m\u00e9tricas de \u00e9xito - 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\/t4-alcance-objetivos\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tema 4. Alcance, objetivos y m\u00e9tricas de \u00e9xito - 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\/t4-alcance-objetivos\/\" \/>\n<meta property=\"og:site_name\" content=\"Portal de proyectos multimedia\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-25T22:19:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-09T17:38:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t4-objetivos.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"361\" \/>\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\\\/t4-alcance-objetivos\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t4-alcance-objetivos\\\/\"},\"author\":{\"name\":\"juanmiro\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#\\\/schema\\\/person\\\/2e8265f6be76de5637b1bd02a53266b3\"},\"headline\":\"Tema 4. Alcance, objetivos y m\u00e9tricas de \u00e9xito\",\"datePublished\":\"2025-08-25T22:19:45+00:00\",\"dateModified\":\"2025-09-09T17:38:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t4-alcance-objetivos\\\/\"},\"wordCount\":4593,\"image\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t4-alcance-objetivos\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/t4-objetivos.jpg\",\"articleSection\":[\"banco-conocimiento\",\"PEPD\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t4-alcance-objetivos\\\/\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t4-alcance-objetivos\\\/\",\"name\":\"Tema 4. Alcance, objetivos y m\u00e9tricas de \u00e9xito - Portal de proyectos multimedia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t4-alcance-objetivos\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t4-alcance-objetivos\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/t4-objetivos.jpg\",\"datePublished\":\"2025-08-25T22:19:45+00:00\",\"dateModified\":\"2025-09-09T17:38:36+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\\\/t4-alcance-objetivos\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t4-alcance-objetivos\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t4-alcance-objetivos\\\/#primaryimage\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/t4-objetivos.jpg\",\"contentUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/t4-objetivos.jpg\",\"width\":1000,\"height\":361,\"caption\":\"Business people analyzing many charts\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t4-alcance-objetivos\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tema 4. Alcance, objetivos y m\u00e9tricas de \u00e9xito\"}]},{\"@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 4. Alcance, objetivos y m\u00e9tricas de \u00e9xito - 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\/t4-alcance-objetivos\/","og_locale":"en_GB","og_type":"article","og_title":"Tema 4. Alcance, objetivos y m\u00e9tricas de \u00e9xito - 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\/t4-alcance-objetivos\/","og_site_name":"Portal de proyectos multimedia","article_published_time":"2025-08-25T22:19:45+00:00","article_modified_time":"2025-09-09T17:38:36+00:00","og_image":[{"width":1000,"height":361,"url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t4-objetivos.jpg","type":"image\/jpeg"}],"author":"juanmiro","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/proyectos.comunicaciondigital.es\/t4-alcance-objetivos\/#article","isPartOf":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t4-alcance-objetivos\/"},"author":{"name":"juanmiro","@id":"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/2e8265f6be76de5637b1bd02a53266b3"},"headline":"Tema 4. Alcance, objetivos y m\u00e9tricas de \u00e9xito","datePublished":"2025-08-25T22:19:45+00:00","dateModified":"2025-09-09T17:38:36+00:00","mainEntityOfPage":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t4-alcance-objetivos\/"},"wordCount":4593,"image":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t4-alcance-objetivos\/#primaryimage"},"thumbnailUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t4-objetivos.jpg","articleSection":["banco-conocimiento","PEPD"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/proyectos.comunicaciondigital.es\/t4-alcance-objetivos\/","url":"https:\/\/proyectos.comunicaciondigital.es\/t4-alcance-objetivos\/","name":"Tema 4. Alcance, objetivos y m\u00e9tricas de \u00e9xito - Portal de proyectos multimedia","isPartOf":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t4-alcance-objetivos\/#primaryimage"},"image":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t4-alcance-objetivos\/#primaryimage"},"thumbnailUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t4-objetivos.jpg","datePublished":"2025-08-25T22:19:45+00:00","dateModified":"2025-09-09T17:38:36+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\/t4-alcance-objetivos\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/proyectos.comunicaciondigital.es\/t4-alcance-objetivos\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/proyectos.comunicaciondigital.es\/t4-alcance-objetivos\/#primaryimage","url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t4-objetivos.jpg","contentUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t4-objetivos.jpg","width":1000,"height":361,"caption":"Business people analyzing many charts"},{"@type":"BreadcrumbList","@id":"https:\/\/proyectos.comunicaciondigital.es\/t4-alcance-objetivos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/proyectos.comunicaciondigital.es\/"},{"@type":"ListItem","position":2,"name":"Tema 4. Alcance, objetivos y m\u00e9tricas de \u00e9xito"}]},{"@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\/82165","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=82165"}],"version-history":[{"count":7,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/82165\/revisions"}],"predecessor-version":[{"id":82282,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/82165\/revisions\/82282"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/media\/82167"}],"wp:attachment":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/media?parent=82165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/categories?post=82165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/tags?post=82165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}