{"id":80898,"date":"2022-09-06T22:33:47","date_gmt":"2022-09-06T22:33:47","guid":{"rendered":"https:\/\/proyectos.comunicaciondigital.es\/nuevos-formatos-copy\/"},"modified":"2022-09-25T10:55:41","modified_gmt":"2022-09-25T10:55:41","slug":"caracteristicas-productos","status":"publish","type":"post","link":"https:\/\/proyectos.comunicaciondigital.es\/en\/caracteristicas-productos\/","title":{"rendered":"Caracter\u00edsticas de los productos 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.18.0&#8243; _module_preset=\u00bbdefault\u00bb header_2_text_color=\u00bb#0C71C3&#8243; global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n<h2>Innovando en los productos<\/h2>\n<p>[\/et_pb_text][et_pb_accordion _builder_version=\u00bb4.18.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_accordion_item title=\u00bbCross-media\u00bb open=\u00bbon\u00bb _builder_version=\u00bb4.18.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n<h3>Cross-media<\/h3>\n<p>El concepto<span>\u00a0<\/span><a href=\"http:\/\/www.estoesmarketing.com\/Comunicacion%20alternativa\/Cross%20Media.pdf\" rel=\"noopener\" target=\"_blank\">Cross-Media<\/a>, profusa y diversamente definido, hace referencia a varios rasgos que caracterizan a los productos<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\">multimedia<\/a>:<\/p>\n<ul>\n<li>Integraci\u00f3n de soportes. Imagen, v\u00eddeo, servicios<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/web\/\" rel=\"noopener\" target=\"_blank\">web<\/a>\u2026, y su m\u00faltiple combinatoria, arman sistemas de producci\u00f3n y canales de difusi\u00f3n de contenidos y productos audiovisuales.<\/li>\n<li>Ecosistema multiplataforma. La pluralidad de pantallas, y su convivencia, permite una constante<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/retroalimentacion\/\" rel=\"noopener\" target=\"_blank\">retroalimentaci\u00f3n<\/a><span>\u00a0<\/span>entre ellas, en un doble sentido:<\/li>\n<li>Transcodificaci\u00f3n constante de los relatos. Los contenidos pasan de unos medios o<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/plataforma\/\" rel=\"noopener\" target=\"_blank\">plataformas<\/a><span>\u00a0<\/span>a otros. As\u00ed, por ejemplo, un Best-Seller puede dar lugar a la producci\u00f3n de una pel\u00edcula, de una serie de televisi\u00f3n, de un videojuego, o de un comic basado en la historia que este narra.<\/li>\n<li>Car\u00e1cter generativo de los productos. Una historia, un producto o un formato, da lugar a otros (secuelas, precuelas, historias paralelas\u2026) en video-\u00adjuegos, v\u00eddeos o series<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/web\/\" rel=\"noopener\" target=\"_blank\">web<\/a>, comunidades de<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/internet\/\" rel=\"noopener\" target=\"_blank\">Internet<\/a>, universos \u201cmetaversos\u201d online, etc. Todo esto conforma un gran universo en torno a un producto, conformando un universo narrativo gigantesco de una sola novela, lo que define Carlos Scolari en su<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/blog\/\" rel=\"noopener\" target=\"_blank\">blog<\/a><span>\u00a0<\/span>como \u201cNarrativas transmedi\u00e1ticas\u201d.<\/li>\n<\/ul>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bbEstrategias multiplataforma\u00bb _builder_version=\u00bb4.18.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb open=\u00bboff\u00bb]<\/p>\n<h3>Estrategias multiplataforma<\/h3>\n<p>Cuando las empresas de comunicaci\u00f3n desarrollan un nuevo producto, deben, necesariamente, pensar en esta dimensi\u00f3n multiplataforma de la comunicaci\u00f3n actual: blogs, foros, redes sociales\u2026, forman parte tambi\u00e9n del universo narrativo de sus productos. Esta situaci\u00f3n hace que, en muchos casos (especialmente en productos de \u00e9xito) el argumento de un producto no sea solo uno; hay tantas tramas como medios, pues surgen a su alrededor numerosos mundos paralelos fruto de la<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/interaccion\/\" rel=\"noopener\" target=\"_blank\">interacci\u00f3n<\/a><span>\u00a0<\/span>entre medios, pero tambi\u00e9n de la<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/interaccion\/\" rel=\"noopener\" target=\"_blank\">interacci\u00f3n<\/a><span>\u00a0<\/span>y creatividad de los usuarios.<\/p>\n<p>En el v\u00eddeo \u00abTransmedia missionaris: Henry Jenkins\u00bb,<span>\u00a0<\/span><a href=\"http:\/\/cmsw.mit.edu\/profile\/henry-jenkins\/\" rel=\"noopener\" target=\"_blank\">Henry Jenkins<\/a>, una de las referencias internacionales en este campo y miembro del<span>\u00a0<\/span><a href=\"http:\/\/cmsw.mit.edu\/\" rel=\"noopener\" target=\"_blank\">Comparative Media Studies<\/a>\u00a0del MIT, presenta algunos de los rasgos que caracterizan, actualmente, las estrategias de comunicaci\u00f3n multiplataformas.<\/p>\n<p><iframe loading=\"lazy\" title=\"Transmedia missionaris: Henry Jenkins\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/bhGBfuyN5gg?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p><span id=\"fuente01\" style=\"color: #999999;\"><em>Fuente: <b>Transmedia missionaris: Henry Jenkins<\/b> by crossmediaboek at <a rel=\"nofollow\" class=\"external free\" href=\"https:\/\/www.youtube.com\/watch?v=bhGBfuyN5gg&amp;t=6s\" style=\"color: #999999;\">https:\/\/www.youtube.com\/watch?v=bhGBfuyN5gg&amp;t=6s<\/a>. License by owner of copyright.<\/em><\/span>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bbNarrativa transmedia\u00bb _builder_version=\u00bb4.18.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb open=\u00bboff\u00bb]<\/p>\n<p>Aunque<span>\u00a0<\/span><a href=\"https:\/\/icono14.net\/ojs\/index.php\/icono14\/article\/view\/919\/540\" rel=\"noopener\" target=\"_blank\">Crossmedia y Transmedia<\/a><span>\u00a0<\/span>a veces se utilizan de forma sin\u00f3nima, en realidad hacen referencia a conceptos diferentes ya que Crossmedia requiere que una historia recorra o cruce diferentes soportes de manera que solo la lectura a trav\u00e9s de todos ellos nos permite conocer el relato en su conjunto, y Transmedia supone la generaci\u00f3n de un<span>\u00a0<\/span><a href=\"https:\/\/icono14.net\/ojs\/index.php\/icono14\/article\/view\/930\" rel=\"noopener\" target=\"_blank\">universo de relatos o mundo<\/a><span>\u00a0<\/span>que est\u00e1n conectados entre s\u00ed pero que no exige al lector (usuario) conocer todos ellos para comprender una parte completa de ese universo.<\/p>\n<p>No obstante, en su origen algunos autores, como Gary Hayes (<a href=\"http:\/\/www.personalizemedia.com\/articles\/cross-media\/\" rel=\"noopener\" target=\"_blank\">Personalizemedia<\/a>) establec\u00edan cuatro niveles de<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/cross-media-4\/\" rel=\"noopener\" target=\"_blank\">crossmedia<\/a><span>\u00a0<\/span>que sirven para comprender que lo transmedia puede ser entendido tambi\u00e9n inserto dentro de una graduaci\u00f3n de lo crossmedia, ya que todo relato transmedia requiere ese cruce de medios para realizarse:<\/p>\n<ul>\n<li><a href=\"http:\/\/comunicaciondigital.es\/glosario\/cross-media-4\/\" rel=\"noopener\" target=\"_blank\">Crossmedia<\/a><span>\u00a0<\/span>1.0 \u201cEmpujado\u201d. En este caso se trata de un mero transvase de informaci\u00f3n de un soporte o formato a otro, con las m\u00ednimas adaptaciones necesarias. En realidad, no existe un verdadero aprovechamiento de la \u201ctransmedialidad\u201d, ya que el enfoque del contenido es pr\u00e1cticamente el mismo. Por ejemplo: Una noticia escrita de peri\u00f3dico que se pasa por un programa de lectura autom\u00e1tica y genera un archivo de sonido para podcast.<\/li>\n<li><a href=\"http:\/\/comunicaciondigital.es\/glosario\/cross-media-4\/\" rel=\"noopener\" target=\"_blank\">Crossmedia<\/a><span>\u00a0<\/span>2.0 \u201cExtras\u201d.\u00a0 Se trata de generar informaci\u00f3n<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\">multimedia<\/a><span>\u00a0<\/span>en otro soporte distinto del original, pero con una fuerte dependencia de este (como una extensi\u00f3n o extra). Un ejemplo cl\u00e1sico lo encontramos en los \u201cmaking of\u201d de pel\u00edculas, o contenidos adicionales que las contienen.<\/li>\n<li><a href=\"http:\/\/comunicaciondigital.es\/glosario\/cross-media-4\/\" rel=\"noopener\" target=\"_blank\">Crossmedia<\/a><span>\u00a0<\/span>3.0 \u201cPuentes\u201d. En este caso la informaci\u00f3n<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\">multimedia<\/a><span>\u00a0<\/span>se reparte en varias<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/plataforma\/\" rel=\"noopener\" target=\"_blank\">plataformas<\/a><span>\u00a0<\/span>complementarias, que est\u00e1n conectadas de manera similar a islas entre las que existen puentes. Podemos encontrar un ejemplo en un libro cuya \u00faltima p\u00e1gina indica al lector una<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/web\/\" rel=\"noopener\" target=\"_blank\">web<\/a><span>\u00a0<\/span>donde poder elegir el final.<\/li>\n<li><a href=\"http:\/\/comunicaciondigital.es\/glosario\/cross-media-4\/\" rel=\"noopener\" target=\"_blank\">Crossmedia<\/a><span>\u00a0<\/span>4.0 \u201cExperiencias\u201d. Este nivel representa una verdadera<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/interaccion\/\" rel=\"noopener\" target=\"_blank\">interacci\u00f3n<\/a><span>\u00a0<\/span>entre medios (denominada terminol\u00f3gicamente \u201c<a href=\"http:\/\/comunicaciondigital.es\/glosario\/transmedia-2\/\" rel=\"noopener\" target=\"_blank\">transmedia<\/a>\u201d). Se trata de una agregaci\u00f3n no lineal de<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/plataforma\/\" rel=\"noopener\" target=\"_blank\">plataformas<\/a>, de manera que la suma de ellas genera un producto distinto a la simple uni\u00f3n de sus partes constituyentes. Aprovecha la<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/interactividad-3\/\" rel=\"noopener\" target=\"_blank\">interactividad<\/a><span>\u00a0<\/span>para generar una experiencia en el usuario, gracias a su creatividad y colaboraci\u00f3n. Observamos un ejemplo en los mundos virtuales, comunidades on-line que emulan una realidad natural, con<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/interaccion\/\" rel=\"noopener\" target=\"_blank\">interacci\u00f3n<\/a><span>\u00a0<\/span>entre usuarios a trav\u00e9s de medios muy diversos.<\/li>\n<\/ul>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bbProducciones transmedia\u00bb _builder_version=\u00bb4.18.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb open=\u00bboff\u00bb]<\/p>\n<h3>Producciones transmedia<\/h3>\n<p>Para Gabriel Olamendi (<a href=\"http:\/\/www.estoesmarketing.com\/\" rel=\"noopener\" target=\"_blank\">Esto es marketing<\/a>), para que podamos hablar de una comunicaci\u00f3n Cross Media esta deber ser personalizada,<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\">multimedia<\/a>, en tiempo real, sin limitaciones espacio-tiempo, sin intermediaci\u00f3n, bidireccional, interactiva y que incluya elementos hipermediales.<\/p>\n<p>Estos elementos vertebran el desarrollo de producciones<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/transmedia-2\/\" rel=\"noopener\" target=\"_blank\">transmedia<\/a>. Seg\u00fan Gary Hayes, requiere la puesta en marcha de un proceso que implica dise\u00f1ar escenarios complejos en los que se integran formatos, soportes y experiencias muy diversas con el fin de ofrecer una vivencia global al destinatario.<\/p>\n<p>En este<span>\u00a0<\/span><a href=\"https:\/\/www.targetinternet.com\/transmedia-storytelling-in-2021\/\" target=\"_blank\" rel=\"noopener\">post del blog de Target in Internet<span>\u00a0<\/span><\/a>podemos ver algunas de campa\u00f1as recientes que han aprovechado todo el potencial de esta estrategia. En el v\u00eddeo \u00abAuthentic Branding for a Global Audience: Angela Ahrendts (Future of StoryTelling 2013)\u00bb se cuenta el caso de la marca Burberry.<\/p>\n<p><iframe loading=\"lazy\" title=\"Authentic Branding for a Global Audience: Angela Ahrendts (Future of StoryTelling 2013)\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/krQG2Hceov4?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p><span id=\"fuente01\" style=\"color: #999999;\"><em>Fuente: <b>Authentic Branding for a Global Audience: Angela Ahrendts (Future of StoryTelling 2013)<\/b> by Future of StoryTelling at <a rel=\"nofollow\" class=\"external free\" href=\"https:\/\/www.youtube.com\/watch?v=krQG2Hceov4&amp;t=5s\" style=\"color: #999999;\">https:\/\/www.youtube.com\/watch?v=krQG2Hceov4&amp;t=5s<\/a>. License by owner of copyright.<\/em><\/span>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bbCaracter\u00edsticas t\u00e9cnico-expresivas\u00bb _builder_version=\u00bb4.18.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb open=\u00bboff\u00bb]<\/p>\n<h3>Caracter\u00edsticas t\u00e9cnico-expresivas<\/h3>\n<p>Los productos informativos han visto mutar algunas de sus caracter\u00edsticas esenciales, al tiempo que otras, se han reformulado para adaptarse a ese proceso de cambio. Establecer las caracter\u00edsticas generales de los diversos productos informativos<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\">multimedia<\/a><span>\u00a0<\/span>supone dibujar en un amplio lienzo que, adem\u00e1s, se modifica de posici\u00f3n constantemente. No obstante, podemos se\u00f1alar algunos rasgos que conforman la topolog\u00eda elemental de este tipo de productos, tanto por lo que se refiere a factores t\u00e9cnicos, funcionales como ergon\u00f3micos:<\/p>\n<ul>\n<li><strong><a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\">Multimedia<\/a>.<\/strong> Considerando el medio y el dispositivo, las producciones digitales han de aprovechar, en toda su dimensi\u00f3n, las posibilidades<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\">multimedia<\/a><span>\u00a0<\/span>disponibles. Para ello, ha de considerarse el car\u00e1cter multisensorial que los textos y discursos generados bajo este modelo poseen, para sacarle el m\u00e1ximo partido. Un eficiente uso de la multimedialidad ha de fundamentarse en la creaci\u00f3n de textos que est\u00e1n concebidos de forma global. Por ello, la utilizaci\u00f3n de elementos visuales, sonoros y\/o audiovisuales de cualquier naturaleza (recreada, sint\u00e9tica, realista\u2026) deber\u00e1 responder a un criterio hol\u00edstico en el que la construcci\u00f3n del texto<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\">multimedia<\/a><span>\u00a0<\/span>(y la selecci\u00f3n y composici\u00f3n de sus elementos) estar\u00e1 vinculada con la consecuci\u00f3n de los objetivos informativos perseguidos en cada caso.<\/li>\n<li><strong><a href=\"http:\/\/comunicaciondigital.es\/glosario\/interactividad-3\/\" rel=\"noopener\" target=\"_blank\">Interactividad<\/a>.<\/strong> Las estrategias y metodolog\u00edas de desarrollo que se aplican a los contenidos digitales deben tener en cuenta las posibilidades que ofrece el car\u00e1cter interactivo e inmersivo de este medio para la consecuci\u00f3n de los objetivos marcados. Los productos interactivos permiten potenciar y facilitar en los usuarios aspectos tales como su familiarizaci\u00f3n con las tecnolog\u00edas de la informaci\u00f3n y la comunicaci\u00f3n; el seguimiento de itinerarios propios a partir de un dise\u00f1o gen\u00e9rico; la capacidad de creaci\u00f3n, reconstrucci\u00f3n y organizaci\u00f3n de la informaci\u00f3n que se ofrece; la participaci\u00f3n en procesos de comunicaci\u00f3n y relaci\u00f3n social; la manipulaci\u00f3n directa de variables o par\u00e1metros, y la experimentaci\u00f3n de situaciones-tipo mediante simulaciones y herramientas; o la motivaci\u00f3n intr\u00ednseca a la posibilidad de realizar acciones y recibir una respuesta inmediata a las mismas. Tambi\u00e9n se refiere a la posibilidad que tienen los usuarios de interactuar con el medio, los autores y el texto. Permitiendo de esta forma un desarrollo de acciones que proponen y comunican directamente.<\/li>\n<li><a href=\"http:\/\/comunicaciondigital.es\/glosario\/accesibilidad\/\" rel=\"noopener\" target=\"_blank\"><strong>Accesibilidad<\/strong><\/a><strong>.<\/strong> Las producciones digitales deben ser accesibles, entendiendo la<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/accesibilidad\/\" rel=\"noopener\" target=\"_blank\">accesibilidad<\/a><span>\u00a0<\/span>de forma gen\u00e9rica: que permitan el acceso a colectivos de usuarios o usuarios con determinadas necesidades especiales; que respondan a un grado suficiente de neutralidad tecnol\u00f3gica, es decir, que puedan cumplir sus objetivos b\u00e1sicos sin la necesidad de la convergencia de condiciones tecnol\u00f3gicas \u2013equipamiento, dispositivos o perif\u00e9ricos, tipo de conexi\u00f3n,<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/software-2\/\" rel=\"noopener\" target=\"_blank\">software<\/a>, dispositivos, etc.- extraordinarias o no homologadas; y que su contenido informacional se estructure, organice y presente de forma comprensible, asimilable, funcional y usable por los usuarios y usuarias a los que van dirigidos. El principio de la<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/accesibilidad-web\/\" rel=\"noopener\" target=\"_blank\">accesibilidad web<\/a><span>\u00a0<\/span>es la flexibilidad con el objetivo de satisfacer diferentes necesidades, situaciones y preferencias.<\/li>\n<li><strong>Flexibilidad.<\/strong> Los productos digitales deben ser susceptibles, en el grado adecuado, de ser controlados por los usuarios en funci\u00f3n de sus expectativas a partir de la estructura y organizaci\u00f3n elementales de sus contenidos.<\/li>\n<li><strong>Modularidad.<\/strong> La estructura y funcionalidad de los productos<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\">multimedia<\/a><span>\u00a0<\/span>debe responder a un modelo de organizaci\u00f3n modular, establecida seg\u00fan niveles de agregaci\u00f3n. Esto facilita la adaptabilidad y reusabilidad de los mismos. Dicha modularidad debe favorecer la posibilidad de reelaboraci\u00f3n, por parte del usuario, de los contenidos presentados a fin de que este pueda adecuarlos, de un modo sencillo, a su contexto e intereses inmediatos. El nivel de agregaci\u00f3n define y organiza la granularidad estructural y funcional de un producto<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\">multimedia<\/a><span>\u00a0<\/span>digital. Esta granularidad tambi\u00e9n est\u00e1 relacionada con el tipo de objeto y su funcionalidad. Por lo tanto, las dos variables que se tienen en cuenta a la hora de definir un nivel de agregaci\u00f3n son: la estructura, que indica de que se compone: sonidos, textos, im\u00e1genes, animaciones, etc. (media y\/o media integrada); y la funcionalidad, que indica la funciones que cumplen los componentes estructurales.<\/li>\n<li><strong>Adaptabilidad y reusabilidad.<\/strong> La modularidad implica una serie de ventajas tales como su funcionalidad exhaustiva (independientemente de su integraci\u00f3n en una estructura o sistema) o sus posibilidades de reutilizaci\u00f3n (los m\u00f3dulos u objetos de los que est\u00e9n compuestos pueden ser reutilizados en otras estructuras o unidades, e incluso en otros sistemas, siempre y cuando compartan objetivos y funcionalidad, lo cual, en t\u00e9rminos de producci\u00f3n, es muy importante para una mejor relaci\u00f3n coste-rendimiento) Desde el punto de vista de los consumidores, la adaptabilidad de los productos<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\">multimedia<\/a><span>\u00a0<\/span>permite aumentar la satisfacci\u00f3n de la lectura, pues ello permite un acomodo m\u00e1s eficaz a los objetivos de los usuarios y usuarias, a distintas situaciones y modelos de explotaci\u00f3n, y a su reutilizaci\u00f3n en distintos contextos y sistemas (ocio, educaci\u00f3n, entretenimiento\u2026)<\/li>\n<li><strong><a href=\"http:\/\/comunicaciondigital.es\/glosario\/interoperabilidad\/\" rel=\"noopener\" target=\"_blank\">Interoperabilidad<\/a>.<\/strong> Especialmente cuando hablamos de materiales en<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/red\/\" rel=\"noopener\" target=\"_blank\">red<\/a>, es muy importante que dispongan de una catalogaci\u00f3n eficaz y de calidad. Es decir, la<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/metainformacion\/\" rel=\"noopener\" target=\"_blank\">metainformaci\u00f3n<\/a>\u00a0que incorporen debe contemplar todos los aspectos necesarios, ser comprensible para quienes van a acceder a ella, y alcanzar un grado m\u00ednimo de utilidad y aplicabilidad en los contextos de uso en los que vayan a operar y desplegarse esos productos.<\/li>\n<li><strong>Portabilidad.<\/strong> Los productos<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\">multimedia<\/a><span>\u00a0<\/span>digitales deben seguir sistemas<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/estandar\/\" rel=\"noopener\" target=\"_blank\">est\u00e1ndar<\/a><span>\u00a0<\/span>de empaquetado y transferencia para que sea posible compartir contenidos digitales y estos puedan integrarse con garant\u00edas y plena funcionalidad en distintos sistemas, dispositivos, etc.<\/li>\n<li><strong><a href=\"http:\/\/comunicaciondigital.es\/glosario\/hipertextualidad\/\" rel=\"noopener\" target=\"_blank\">Hipertextualidad.<\/a><\/strong> La posibilidad de acceder a la informaci\u00f3n de manera multidireccional y no lineal. Permite la navegaci\u00f3n en el contenido a trav\u00e9s de enlaces en relaci\u00f3n con el texto, proporcionando m\u00e1s informaci\u00f3n.<\/li>\n<li><strong>Multi-distribuci\u00f3n.<\/strong> Uso de diferentes canales para promover el contenido como suscripciones, boletines, redes sociales, dispositivos m\u00f3viles, etc.<\/li>\n<\/ul>\n<div id=\"attachment_81164\" style=\"width: 850px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/09\/Caracteri\u0301sticas-te\u0301cnico-expresivas.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-81164\" src=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/09\/Caracteri\u0301sticas-te\u0301cnico-expresivas.png\" width=\"840\" height=\"819\" alt=\"Caracteri\u0301sticas te\u0301cnico-expresivas\" class=\"wp-image-81164 size-full\" style=\"display: block; margin-left: auto; margin-right: auto;\" srcset=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/09\/Caracteri\u0301sticas-te\u0301cnico-expresivas.png 840w, https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/09\/Caracteri\u0301sticas-te\u0301cnico-expresivas-300x293.png 300w, https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/09\/Caracteri\u0301sticas-te\u0301cnico-expresivas-768x749.png 768w, https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/09\/Caracteri\u0301sticas-te\u0301cnico-expresivas-480x468.png 480w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><\/a><p id=\"caption-attachment-81164\" class=\"wp-caption-text\">Caracteri\u0301sticas te\u0301cnico-expresivas<\/p><\/div>\n<p>Caracteri\u0301sticas te\u0301cnico-expresivas[\/caption]<\/p>\n<p><span style=\"color: #999999;\"><em>Fuente:\u00a0<b>Manuel Gertrudix<\/b> at <a href=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/09\/Caracteri\u0301sticas-te\u0301cnico-expresivas.png\" style=\"color: #999999;\">https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/09\/Caracteri\u0301sticas-te\u0301cnico-expresivas.png<\/a>\u00a0Licensed under the terms of the cc-by-nc-sa 4.0.<\/em><\/span><\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bbCaracter\u00edsticas narrativas\u00bb _builder_version=\u00bb4.18.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb open=\u00bboff\u00bb]<\/p>\n<h3>Caracter\u00edsticas narrativas<\/h3>\n<p>El profesor de la Universidad Complutense de Madrid<span>\u00a0<\/span><a href=\"http:\/\/www.ucm.es\/info\/cavp2\/C_I_Moreno.html\" rel=\"noopener\" target=\"_blank\">Isidro Moreno<\/a><span>\u00a0<\/span>define la narrativa<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\">multimedia<\/a><span>\u00a0<\/span>del modo siguiente:<\/p>\n<p><span>La\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/interactividad-3\/\" rel=\"noopener\" target=\"_blank\"><span>interactividad<\/span><\/a><span>\u00a0la que diferencia los conceptos \u201c<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\"><span>multimedia<\/span><\/a><span>\u201d e \u201c<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/hipermedia\/\" rel=\"noopener\" target=\"_blank\"><span>hipermedia<\/span><\/a><span>\u201d<\/span><\/p>\n<p><span>La narrativa\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/hipermedia\/\" rel=\"noopener\" target=\"_blank\"><span>hipermedia<\/span><\/a><span>\u00a0da cuenta de los procesos heur\u00edsticos, morfol\u00f3gicos, taxon\u00f3micos, anal\u00edticos y de lectura de la narratividad, producto de la convergencia de sustancias expresivas, procedentes de distintos media (imagen visual, auditiva y tipogr\u00e1fica, y, eventualmente, extraterritorial) amalgamadas interactivamente por programas inform\u00e1ticos que manifiesta su especificidad como historia multit\u00e9tica interralacionada y como plurimanifestaci\u00f3n discursiva integrada s\u00f3lo cuando un lectoautor recrea la obra (Isidro Moreno, 1998: 45)<\/span><\/p>\n<p>La definici\u00f3n del profesor Moreno incluye la<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/interactividad-3\/\" rel=\"noopener\" target=\"_blank\">interactividad<\/a><span>\u00a0<\/span>como caracter\u00edstica intr\u00ednseca de la narrativa<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/hipermedia\/\" rel=\"noopener\" target=\"_blank\">hipermedia<\/a>. Precisamente, es la<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/interactividad-3\/\" rel=\"noopener\" target=\"_blank\">interactividad<\/a><span>\u00a0<\/span>la que diferencia los conceptos \u201c<a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\">multimedia<\/a>\u201d e \u201c<a href=\"http:\/\/comunicaciondigital.es\/glosario\/hipermedia\/\" rel=\"noopener\" target=\"_blank\">hipermedia<\/a>\u201d. Seg\u00fan<span>\u00a0<\/span><a href=\"http:\/\/www.revistalatinacs.org\/09\/art\/850_URJC\/cv_R_Vizcaino.html\" rel=\"noopener\" target=\"_blank\">Ricardo Vizca\u00edno-Laorga<\/a><span>\u00a0<\/span>en \u201c<a href=\"http:\/\/www.dykinson-on-line.com\/Publicidad_y_audiencias_online.ebook4842\" rel=\"noopener\" target=\"_blank\">El hipertexto en los g\u00e9neros informativos<\/a>\u201c, el<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\">multimedia<\/a><span>\u00a0<\/span>ser\u00eda una integraci\u00f3n de lenguajes (textuales, gr\u00e1ficos, sonoros, audiovisuales), pero no incluir\u00eda la<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/interactividad-3\/\" rel=\"noopener\" target=\"_blank\">interactividad<\/a>, mientras que el<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/hipermedia\/\" rel=\"noopener\" target=\"_blank\">hipermedia<\/a><span>\u00a0<\/span>es la uni\u00f3n entre<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\">multimedia<\/a><span>\u00a0<\/span>e<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/interactividad-3\/\" rel=\"noopener\" target=\"_blank\">interactividad<\/a>.<\/p>\n<p>Uno de los principios que m\u00e1s parecen asociarse al fen\u00f3meno del<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\">multimedia<\/a><span>\u00a0<\/span>es su enorme potencial para dar cabida a experiencias narrativas que rompen la linealidad del relato para, unida a sus posibilidades de<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/interactividad-3\/\" rel=\"noopener\" target=\"_blank\">interactividad<\/a><span>\u00a0<\/span>real o simulada con el usuario-lector (autolector seg\u00fan la Pragm\u00e1tica narrativa) permitir un juego indefinido de posibilidades y recorridos narrativos.<\/p>\n<p>Cabe considerar que este fen\u00f3meno, sin embargo, est\u00e1 lejos de ser un fundamento exclusivo del medio. Qu\u00e9 es entonces, cabe preguntarse, lo que lo hace tan singular en su contexto. \u00bfPor qu\u00e9 ha tomado tanta relevancia y posee tal dimensi\u00f3n cuando nos referimos a relatos<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\">multimedia<\/a>? Sin lugar a dudas la respuesta a esta cuesti\u00f3n es compleja y depende de diversos factores. Tomamos la voz de Marie-Laure Ryan para comprender c\u00f3mo ha evolucionado la dial\u00e9ctica entre inmersi\u00f3n e<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/interactividad-3\/\" rel=\"noopener\" target=\"_blank\">interactividad<\/a><span>\u00a0<\/span>a lo largo de la historia del arte occidental:<\/p>\n<p><span>Ha sido testigo del triunfo y la decadencia de los ideales inmersitos, y de su sustituci\u00f3n en el siglo XX por una est\u00e9tica del juego y la autorreflexividad que ha acabado produciendo el ideal de una participaci\u00f3n activa del lector, espectador o usuario en la producci\u00f3n del texto (2004: 19)<\/span><\/p>\n<p>\u00bfEs entonces, la uni\u00f3n de varios lenguajes lo que multiplica el potencial de la construcci\u00f3n de relatos no lineales y su lectura? \u00bfEs el elemento conectivo que ofrece la hipermedialidad la esencia del lenguaje<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\">multimedia<\/a>? Se\u00f1ala el profesor Diego Bonilla (2006) que<\/p>\n<p><span>Los medios digitales tienen la habilidad de romper con la linealidad cronol\u00f3gica de una narrativa debido a las caracter\u00edsticas intr\u00ednsecas del medio: fragmentaci\u00f3n, acceso inmediato y conexi\u00f3n entre unidades narrativas. Conforme avanza la tecnolog\u00eda la capacidad para crear narrativas no lineales con elementos audiovisuales es cada vez mayor. Aunque muchos de los retos de crear historias digitales permanecen constantes independientemente de si se utiliza\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/hipertexto\/\" rel=\"noopener\" target=\"_blank\"><span>hipertexto<\/span><\/a><span>\u00a0o\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/hipermedia\/\" rel=\"noopener\" target=\"_blank\"><span>hipermedia<\/span><\/a><span>, elementos visuales y auditivos generan diferentes oportunidades para los creadores y receptores del contenido digital.<\/span><\/p>\n<p>Cada nuevo medio de comunicaci\u00f3n presenta nuevos retos para los creadores de contenido. El uso apropiado de un medio para crear una narrativa no ocurre simult\u00e1neamente con la invenci\u00f3n del mismo, existe un proceso de adaptaci\u00f3n en el que las estructuras de comunicaci\u00f3n precedentes se transfieren al nuevo medio y posteriormente evolucionan para utilizar de forma efectiva las caracter\u00edsticas que el nuevo medio provee.<\/p>\n<p><span>Cada nuevo medio de comunicaci\u00f3n presenta nuevos retos para los creadores de contenido.<\/span><\/p>\n<p>Primero existir\u00e1 una acomodaci\u00f3n de los medios anteriores en el nuevo medio porque estos ya est\u00e1n conceptualizados y son f\u00e1cilmente transferibles. Luego el lenguaje de producci\u00f3n que caracteriza al medio digital comenzar\u00e1 a generarse y creadores emplear\u00e1n de forma experimental sus particularidades (fragmentaci\u00f3n, acceso inmediato y conexi\u00f3n entre unidades narrativas). Finalmente, despu\u00e9s de una etapa de descubrimiento y experimentaci\u00f3n, y probablemente una generaci\u00f3n m\u00e1s tarde, el nuevo medio y sus creadores podr\u00e1n ofrecer alternativas narrativas que no s\u00f3lo ser\u00e1n posibles \u00fanicamente en el nuevo medio sino tambi\u00e9n habr\u00e1n sido interiorizadas por el p\u00fablico de forma que sea m\u00e1s f\u00e1cil extraer su significado.<\/p>\n<p>Para Claudia Rausell para que un discurso sea interactivo no basta con que secuencie temporalmente la informaci\u00f3n mediante un modelo hipertextual. Para considerar que se da un discurso interactivo es necesario que se organice como<\/p>\n<p><span>Una secuencia de lexias (que no tiene por qu\u00e9 constituir textos o discursos coherentes ni tener sentido aut\u00f3nomo) estructuradas a trav\u00e9s de p\u00e1ginas\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/web\/\" rel=\"noopener\" target=\"_blank\"><span>web<\/span><\/a><span>\u00a0o pantallas, que guarden entre s\u00ed una relaci\u00f3n de interdependencia, sea de inclusi\u00f3n o de causalidad o sucesividad. (2005: 154)<\/span><\/p>\n<p>Para otros, como Lev Manovich, es el concepto de hipermedialidad, cruzado con el de<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/red\/\" rel=\"noopener\" target=\"_blank\">Red<\/a><span>\u00a0<\/span>de comunicaci\u00f3n, el que ofrece una nueva dimensi\u00f3n a la narrativa interactiva. As\u00ed, en el campo concreto del cine interactivo en<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/internet\/\" rel=\"noopener\" target=\"_blank\">Internet<\/a>, Manovich da carta de naturaleza al concepto de<span>\u00a0<\/span><a href=\"http:\/\/www.softcinema.net\/\" rel=\"noopener\" target=\"_blank\">softcinema<\/a>, caracterizado por su car\u00e1cter algor\u00edtmico, el uso de multipantallas (macrocine), la multimedialidad, y el database cinema (narrativa producida a partir de bases de datos):<\/p>\n<p><span>\u201cla subjetividad humana y la variedad de posibilidades son elegidas por un\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/software-2\/\" rel=\"noopener\" target=\"_blank\"><span>software<\/span><\/a><span>\u00a0que las combina para crear pel\u00edculas que se pueden reproducir infinitamente sin repetir jam\u00e1s exactamente las mismas secuencias de im\u00e1genes, cuadros y narrativas\u201d<\/span><\/p>\n<p>Por su parte, Jes\u00fas Camarero (2008) opina que, hoy por hoy, no se puede hablar propiamente ni de lenguaje ni de narrativa<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\">multimedia<\/a>, por el hecho de que lo que as\u00ed denominamos no es m\u00e1s que la incorporaci\u00f3n de distintos lenguajes y estructuras narrativas preexistentes, y que s\u00f3lo han sido parcialmente integrados en una nueva forma. Para hablar con propiedad de un nuevo lenguaje habr\u00eda que conseguir que factores como la<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/interactividad-3\/\" rel=\"noopener\" target=\"_blank\">interactividad<\/a>, la<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/hipertextualidad\/\" rel=\"noopener\" target=\"_blank\">hipertextualidad<\/a>, la intertextualidad e incluso formas visuales y tecnol\u00f3gicas propias del universo<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/multimedia\/\" rel=\"noopener\" target=\"_blank\">multimedia<\/a><span>\u00a0<\/span>formasen parte de una semi\u00f3tica com\u00fan y de unos c\u00f3digos aceptados universalmente por el p\u00fablico.<\/p>\n<p>[\/et_pb_accordion_item][\/et_pb_accordion][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.18.0&#8243; _module_preset=\u00bbdefault\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column _builder_version=\u00bb4.18.0&#8243; _module_preset=\u00bbdefault\u00bb type=\u00bb4_4&#8243; theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.18.0&#8243; _module_preset=\u00bbdefault\u00bb theme_builder_area=\u00bbpost_content\u00bb hover_enabled=\u00bb0&#8243; sticky_enabled=\u00bb0&#8243;]<iframe loading=\"lazy\" src=\"https:\/\/anchor.fm\/comunica-digital\/embed\/episodes\/Caractersticas-de-los-productos-digitales-e1ob4bm\/a-a8j5gal\" height=\"160px\" width=\"100%\" frameborder=\"0\" scrolling=\"no\"><\/iframe>[\/et_pb_text][\/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\/80898?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>Cuando las empresas de comunicaci\u00f3n desarrollan un nuevo producto, deben, necesariamente, pensar en esta dimensi\u00f3n multiplataforma de la comunicaci\u00f3n actual: blogs, foros, redes sociales\u2026, forman parte tambi\u00e9n del universo narrativo de sus productos. <a class=\"continue\" href=\"https:\/\/proyectos.comunicaciondigital.es\/en\/caracteristicas-productos\/\">Continua leyendo<span> Caracter\u00edsticas de los productos digitales<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":80880,"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,225,226],"tags":[],"class_list":["post-80898","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-banco-conocimiento","category-periodismo-digital","category-tema-1"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Caracter\u00edsticas de los productos digitales - Portal de proyectos multimedia<\/title>\n<meta name=\"description\" content=\"Cuando las empresas de comunicaci\u00f3n desarrollan un nuevo producto, deben, necesariamente, pensar en esta dimensi\u00f3n multiplataforma de la comunicaci\u00f3n actual: blogs, foros, redes sociales\u2026, forman parte tambi\u00e9n del universo narrativo de sus productos.\" \/>\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\/caracteristicas-productos\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Caracter\u00edsticas de los productos digitales - Portal de proyectos multimedia\" \/>\n<meta property=\"og:description\" content=\"Cuando las empresas de comunicaci\u00f3n desarrollan un nuevo producto, deben, necesariamente, pensar en esta dimensi\u00f3n multiplataforma de la comunicaci\u00f3n actual: blogs, foros, redes sociales\u2026, forman parte tambi\u00e9n del universo narrativo de sus productos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/proyectos.comunicaciondigital.es\/en\/caracteristicas-productos\/\" \/>\n<meta property=\"og:site_name\" content=\"Portal de proyectos multimedia\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-06T22:33:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-25T10:55:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/08\/news.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1400\" \/>\n\t<meta property=\"og:image:height\" content=\"692\" \/>\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\/caracteristicas-productos\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/\"},\"author\":{\"name\":\"juanmiro\",\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/2e8265f6be76de5637b1bd02a53266b3\"},\"headline\":\"Caracter\u00edsticas de los productos digitales\",\"datePublished\":\"2022-09-06T22:33:47+00:00\",\"dateModified\":\"2022-09-25T10:55:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/\"},\"wordCount\":3331,\"image\":{\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/08\/news.jpg\",\"articleSection\":[\"banco-conocimiento\",\"Periodismo digital\",\"Tema 1\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/\",\"url\":\"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/\",\"name\":\"Caracter\u00edsticas de los productos digitales - Portal de proyectos multimedia\",\"isPartOf\":{\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/08\/news.jpg\",\"datePublished\":\"2022-09-06T22:33:47+00:00\",\"dateModified\":\"2022-09-25T10:55:41+00:00\",\"author\":{\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/2e8265f6be76de5637b1bd02a53266b3\"},\"description\":\"Cuando las empresas de comunicaci\u00f3n desarrollan un nuevo producto, deben, necesariamente, pensar en esta dimensi\u00f3n multiplataforma de la comunicaci\u00f3n actual: blogs, foros, redes sociales\u2026, forman parte tambi\u00e9n del universo narrativo de sus productos.\",\"breadcrumb\":{\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/#primaryimage\",\"url\":\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/08\/news.jpg\",\"contentUrl\":\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/08\/news.jpg\",\"width\":1400,\"height\":692,\"caption\":\"cropped view of businessman reading newspaper at white table with digital tablet, coffee and\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/proyectos.comunicaciondigital.es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Caracter\u00edsticas de los productos 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=1774885674\",\"url\":\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/ddba0a0edd23b5c5ff08c9345b733ce5.jpg?ver=1774885674\",\"contentUrl\":\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/ddba0a0edd23b5c5ff08c9345b733ce5.jpg?ver=1774885674\",\"caption\":\"juanmiro\"},\"url\":\"https:\/\/proyectos.comunicaciondigital.es\/en\/author\/juanmiro\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Caracter\u00edsticas de los productos digitales - Portal de proyectos multimedia","description":"Cuando las empresas de comunicaci\u00f3n desarrollan un nuevo producto, deben, necesariamente, pensar en esta dimensi\u00f3n multiplataforma de la comunicaci\u00f3n actual: blogs, foros, redes sociales\u2026, forman parte tambi\u00e9n del universo narrativo de sus productos.","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\/caracteristicas-productos\/","og_locale":"en_GB","og_type":"article","og_title":"Caracter\u00edsticas de los productos digitales - Portal de proyectos multimedia","og_description":"Cuando las empresas de comunicaci\u00f3n desarrollan un nuevo producto, deben, necesariamente, pensar en esta dimensi\u00f3n multiplataforma de la comunicaci\u00f3n actual: blogs, foros, redes sociales\u2026, forman parte tambi\u00e9n del universo narrativo de sus productos.","og_url":"https:\/\/proyectos.comunicaciondigital.es\/en\/caracteristicas-productos\/","og_site_name":"Portal de proyectos multimedia","article_published_time":"2022-09-06T22:33:47+00:00","article_modified_time":"2022-09-25T10:55:41+00:00","og_image":[{"width":1400,"height":692,"url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/08\/news.jpg","type":"image\/jpeg"}],"author":"juanmiro","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/#article","isPartOf":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/"},"author":{"name":"juanmiro","@id":"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/2e8265f6be76de5637b1bd02a53266b3"},"headline":"Caracter\u00edsticas de los productos digitales","datePublished":"2022-09-06T22:33:47+00:00","dateModified":"2022-09-25T10:55:41+00:00","mainEntityOfPage":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/"},"wordCount":3331,"image":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/#primaryimage"},"thumbnailUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/08\/news.jpg","articleSection":["banco-conocimiento","Periodismo digital","Tema 1"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/","url":"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/","name":"Caracter\u00edsticas de los productos digitales - Portal de proyectos multimedia","isPartOf":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/#primaryimage"},"image":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/#primaryimage"},"thumbnailUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/08\/news.jpg","datePublished":"2022-09-06T22:33:47+00:00","dateModified":"2022-09-25T10:55:41+00:00","author":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/2e8265f6be76de5637b1bd02a53266b3"},"description":"Cuando las empresas de comunicaci\u00f3n desarrollan un nuevo producto, deben, necesariamente, pensar en esta dimensi\u00f3n multiplataforma de la comunicaci\u00f3n actual: blogs, foros, redes sociales\u2026, forman parte tambi\u00e9n del universo narrativo de sus productos.","breadcrumb":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/#primaryimage","url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/08\/news.jpg","contentUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/08\/news.jpg","width":1400,"height":692,"caption":"cropped view of businessman reading newspaper at white table with digital tablet, coffee and"},{"@type":"BreadcrumbList","@id":"https:\/\/proyectos.comunicaciondigital.es\/caracteristicas-productos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/proyectos.comunicaciondigital.es\/"},{"@type":"ListItem","position":2,"name":"Caracter\u00edsticas de los productos 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=1774885674","url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/ddba0a0edd23b5c5ff08c9345b733ce5.jpg?ver=1774885674","contentUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/ddba0a0edd23b5c5ff08c9345b733ce5.jpg?ver=1774885674","caption":"juanmiro"},"url":"https:\/\/proyectos.comunicaciondigital.es\/en\/author\/juanmiro\/"}]}},"_links":{"self":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/80898","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=80898"}],"version-history":[{"count":6,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/80898\/revisions"}],"predecessor-version":[{"id":81170,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/80898\/revisions\/81170"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/media\/80880"}],"wp:attachment":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/media?parent=80898"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/categories?post=80898"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/tags?post=80898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}