{"id":80910,"date":"2022-09-06T22:53:54","date_gmt":"2022-09-06T22:53:54","guid":{"rendered":"https:\/\/proyectos.comunicaciondigital.es\/formatos-comunicacion-digital-copy\/"},"modified":"2024-08-05T10:07:18","modified_gmt":"2024-08-05T10:07:18","slug":"nuevos-soportes-medios","status":"publish","type":"post","link":"https:\/\/proyectos.comunicaciondigital.es\/en\/nuevos-soportes-medios\/","title":{"rendered":"Nuevos soportes y medios"},"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>Una evoluci\u00f3n tecnol\u00f3gica con constantes aplicaciones<\/h2>\n<p>[\/et_pb_text][et_pb_accordion _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\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=\u00bbSoportes y medios: introducci\u00f3n\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<div class=\"h5p-column-content h5p-advanced-text\" id=\"h5p-interactive-book-section-1bf2dee3-02b2-44fe-a91c-0cf05eac4c8c\">\n<p>Hoy en d\u00eda contamos con una variedad tal de productos, de plataformas, y sistemas de creaci\u00f3n multimedia que a la hora de abordar las caracter\u00edsticas t\u00e9cnicas bajo las que se operan, esta cuesti\u00f3n, por s\u00ed sola, nos ocupar\u00eda m\u00e1s all\u00e1 de lo que parece razonable para el marco de esta asignatura.\u00a0<\/p>\n<p>Por ello, en este tema trabajaremos una revisi\u00f3n gen\u00e9rica sobre cu\u00e1les son las herramientas de producci\u00f3n que permiten la construcci\u00f3n de textos multimedia y, a\u00fan m\u00e1s importante, conocer qu\u00e9 aportan, y c\u00f3mo lo hacen, en el proceso de realizaci\u00f3n de un producto multimedia period\u00edstico. El conocimiento sobre ambas cuestiones es, sin duda, imprescindible para el ejercicio profesional, no tanto porque vaya a ser una necesidad la aplicaci\u00f3n directa del mismo, sino porque se trabajar\u00e1 en un contexto en el que el manejo m\u00ednimo de estos conceptos, en la relaci\u00f3n con otros profesionales del \u00e1mbito t\u00e9cnico, facilitar\u00e1 notablemente los procesos laborales y el alcance de los resultados deseados.<\/p>\n<p>Para abordar este ep\u00edgrafe, es importante que recuperes algunos de los conceptos tratados en la asignatura de \u201cNuevas Tecnolog\u00edas y Sociedad de la Informaci\u00f3n\u201d, especialmente por lo que se refiere a la evoluci\u00f3n completa de los medios electr\u00f3nicos y su impacto en la construcci\u00f3n del periodismo digital. Nosotros nos centraremos aqu\u00ed, por su oportunidad en esta materia, exclusivamente en los \u00faltimos pasos de este recorrido.<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bbEl escenario de medios actual\u00bb _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb open=\u00bboff\u00bb sticky_enabled=\u00bb0&#8243;]<\/p>\n<div class=\"h5p-column-content h5p-advanced-text\" id=\"h5p-interactive-book-section-1bf2dee3-02b2-44fe-a91c-0cf05eac4c8c\">\n<p>A comienzos de los a\u00f1os 2000, diferentes autores como Cebri\u00e1n Herreros (2001, 2003) Franquet (2002) o Pe\u00f1afiel y L\u00f3pez Vidales (2002) se\u00f1alaron que hab\u00eda comenzando\u00a0 una \u201csociedad multimedia\u201d que pon\u00eda el acento m\u00e1s all\u00e1 de la informaci\u00f3n, y se fijaba en una multiplicaci\u00f3n \u201cconcentrada\u201d de medios. En este nuevo modelo social se borraban ciertas fronteras, en especial las espaciales. Las innovaciones en las redes de comunicaciones que hemos vivido en los \u00faltimos 10 a\u00f1os han fomentado la ubicuidad de estos medios y han amplificado esta realidad, cambiado sustancialmente los modelos de producci\u00f3n y consumo de informaci\u00f3n. Sin embargo, a pesar de esta aparente y absoluta extensi\u00f3n, no debemos olvidar que siguen existiendo barreras y desigualdades en el acceso a la informaci\u00f3n como, por ejemplo las sociales, las idiom\u00e1ticas o las culturales.<\/p>\n<p>La competencia y el acelerado cambio han llevado a las empresas informativas a grandes uniones y la conformaci\u00f3n de corporaciones m\u00e1s grandes. La multiplicidad de medios sociales ha configurado una multiplicidad de voces y fuentes de informaci\u00f3n que han ganado terreno en la atenci\u00f3n de las audiencias. Por tanto, nos encontramos ante una oferta diversificada de contenidos y la multiplicaci\u00f3n de canales que atienden a una \u00ablarga cola\u00bb de nichos de consumo informativo.<\/p>\n<p>Un factor primordial en la sociedad multimedia es la convergencia. Todos los medios y servicios tienden a converger para asegurar su supervivencia. La digitalizaci\u00f3n ha permitido a los medios de comunicaci\u00f3n de masas adaptarse a este nuevo entorno, estableciendo cambios a todos los niveles: empresarial, econ\u00f3mico, de producci\u00f3n, comercializaci\u00f3n, programaci\u00f3n y organizaci\u00f3n.<\/p>\n<p>Como se\u00f1al\u00f3 Cebri\u00e1n Herreros, la informaci\u00f3n multimedia es la integraci\u00f3n de sistemas expresivos escritos, sonoros, visuales, gr\u00e1ficos y audiovisuales en su sentido pleno. El multimedia acoge el sistema audiovisual y a\u00f1ade elementos como la interactividad, navegaci\u00f3n e hipertextualidad e hipermedialidad. Es la integraci\u00f3n de diversos sistemas y soportes en una red \u00fanica capaz de congregar todos los medios tradicionales, y la convergencia de varias empresas productoras o difusoras en una unidad superior que establece objetivos y estrategias para mayor rendimiento por sinergias entre medios.<\/p>\n<p>Jeff Jarvis, profesor de periodismo y bloguero de referencia (BuzzMachine), resum\u00eda la nueva l\u00f3gica organizativa y comercial de la producci\u00f3n y distribuci\u00f3n ciberperiod\u00edstica: \u201cHaz lo que mejor sabes hacer y enlaza lo dem\u00e1s\u201d (Elola, 2010). Establece la necesidad de reorganizar los grandes grupos de comunicaci\u00f3n para satisfacer las nuevas necesidades de informaci\u00f3n solicitadas por los usuarios en la Red.<\/p>\n<p>En Espa\u00f1a es visible el hecho de que no se est\u00e1 llevando a cabo a\u00fan esa innovaci\u00f3n de contenidos de los medios tradicionales a un ritmo tan avanzado como cabr\u00eda esperarse (sobre todo si no se quiere perder a los espectadores,\u00a0principalmente a las audiencias m\u00e1s j\u00f3venes, cuya dieta medi\u00e1tica est\u00e1, de forma cada vez m\u00e1s evidente, en las plataformas de internet (YouTube,<span>\u00a0<\/span><a href=\"https:\/\/www.europapress.es\/portaltic\/videojuegos\/noticia-audiencia-twitch-crece-165-primer-trimestre-2021-20210409182637.html#:~:text=abril%20de%202021-,La%20audiencia%20de%20Twitch%20crece%20un%2016%2C5%25%20en,el%20primer%20trimestre%20de%202021&amp;text=En%20el%20primer%20trimestre%20de%202020%2C%20la%20plataforma%20contaba%20con,millones%20del%20de%20este%20a%C3%B1o.\" target=\"_blank\" rel=\"noopener\">Twitch<\/a>&#8230;)\u00a0\u00a0y las redes sociales (Instagram, Tik Tok..)<\/p>\n<\/div>\n<div style=\"margin-bottom: 5px;\">\n<p>En los \u00faltimos a\u00f1os tambi\u00e9n se ha producido el nacimiento de multitud de medios de comunicaci\u00f3n exclusivamente digitales con unas dimensiones y pretensiones mucho m\u00e1s modestas. Una de las causas puede estar en el incremento de las cifras de desempleo entre los periodistas, por lo que deciden optar por el autoempleo, en muchos casos a trav\u00e9s de cooperativas. Esto es posible gracias a la reducci\u00f3n de costes que supone la creaci\u00f3n de un medio de comunicaci\u00f3n digital en comparaci\u00f3n con uno de los denominados tradicionales (peri\u00f3dico, radio o televisi\u00f3n). Aunque esta ventaja no sirve de nada si, como afirma el profesor de la universidad, Carlos III Borja Ventura, al final se ofrecen los mismos contenidos que el resto de medios. Seg\u00fan este periodista, hay que olvidarse de \u201c<a href=\"http:\/\/www.yorokobu.es\/imprescindibles\/\" rel=\"noopener\" target=\"_blank\">contar lo que todos y salir a la calle a contar cosas que solo t\u00fa puedas contar<\/a>\u201c.<\/p>\n<p>En otros casos, el nacimiento de estos nuevos medios de comunicaci\u00f3n exclusivamente digitales nacen con otras pretensiones y persiguen otros fines. Lo explica muy bien el catedr\u00e1tico de la Universidad Carlos III de Madrid, Carlos El\u00edas, en un pr\u00f3logo titulado \u201cLos diletantes como meros periodistas\u201d, que se puede encontrar en el volumen de Cuadernos Artesanos de Latina con el t\u00edtulo de \u201cViejo periodismo, nuevos periodistas\u201d.<\/p>\n<p>Carlos El\u00edas, argumenta lo siguiente:<\/p>\n<p><em>En Espa\u00f1a, por ejemplo, muchos prejubilados de TVE u otros medios tienen su<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/blog\/\" rel=\"noopener\" target=\"_blank\">blog<\/a><span>\u00a0<\/span>informativo e, incluso, han fundado peri\u00f3dicos digitales que apenas dan dinero, pero les otorgan poder y los mantienen visibles. Blogs como los de Isabel Paz, prejubilada de TVE, o webs como diariocritico.com de Fernando J\u00e1uregui, periodistadigital.com de Alfonso Rojo, o elplural.com de Enric Sopena, se mantienen porque sus autores pueden trabajar gratis porque no viven de ello, sino de su pensi\u00f3n o de sus indemnizaciones cuando dejaron los medios tradicionales, o de ambas. Re\u00fanen una mezcla imbatible: un gran oficio, producto de su gran experiencia en el periodismo tradicional, y la vida resuelta desde el punto de vista econ\u00f3mico. Imposible competir. En el otro extremo, est\u00e1n esos \u201cni\u00f1os bien\u201d, que por ser ricos no tienen por qu\u00e9 ser tontos. Es m\u00e1s, algunos son muy brillantes, que ven en el trabajo gratuito como periodistas una forma de realizaci\u00f3n personal o\/y de reconocimiento social. Solo as\u00ed se entiende que aguanten a\u00f1os trabajando de forma gratuita en los medios.<\/em><\/p>\n<p>El actual escenario de medios en Espa\u00f1a se caracteriza, seg\u00fan<span>\u00a0<\/span><a href=\"http:\/\/www.icono14.net\/ojs\/index.php\/icono14\/article\/view\/998\/562\" rel=\"noopener\" target=\"_blank\">\u00c1lvarez-Monzoncillo, Haro y L\u00f3pez-Villanueva<\/a><span>\u00a0<\/span>(2016), por:<\/p>\n<ul>\n<li>Ajuste obligado para adaptarse a la Gran Recesi\u00f3n y a una tecnolog\u00eda disruptiva como Internet.<\/li>\n<li>Ca\u00edda de los ingresos publicitarios y de las subvenciones p\u00fablicas, m\u00e1s una bajada de ventas y suscripciones.<\/li>\n<li>Replanteamiento de las estrategias expansivas (verticales y horizontales) realizadas a principios del siglo XX gracias a los a\u00f1os de bonanza, las promesas de Internet y el f\u00e1cil acceso a los mercados financieros internacionales a intereses bajos por debajo de la inflaci\u00f3n.<\/li>\n<li>Los consumidores han podido acceder m\u00e1s f\u00e1cilmente y a un menor precio a los contenidos a trav\u00e9s de la red y con multitud de dispositivos.<\/li>\n<li>La mala situaci\u00f3n econ\u00f3mica de los medios cl\u00e1sicos (provocada, sobre todo, por su alto endeudamiento) no permite afrontar los nuevos retos que exige el cambio mientras que las nuevas empresas digitales subsisten bajo una elevada precariedad econ\u00f3mica.<\/li>\n<\/ul>\n<p>La situaci\u00f3n provocada por la<span>\u00a0<\/span><strong>pandemia de la COVID-19<\/strong><span>\u00a0<\/span>ha supuesto un nuevo revulsivo tambi\u00e9n para el sector de la informaci\u00f3n. Como se\u00f1ala<span>\u00a0<\/span><a href=\"http:\/\/www.revistaeic.eu\/index.php\/raeic\/article\/view\/269\" target=\"_blank\" rel=\"noopener\">Andreu Casero-Ripoll\u00e9s<\/a><span>\u00a0<\/span>(2020) se trata de un impacto ambivalente, con efectos positivos y negativos.<\/p>\n<p>Entre los positivos destaca:<\/p>\n<ul>\n<li>Un notable incremento del consumo de noticias, especialmente en televisi\u00f3n, convirtiendo la informaci\u00f3n period\u00edstica en un elemento clave, de recuperaci\u00f3n de su valor social.<\/li>\n<li>Impulso de nuevos formatos y productos informativos, especialmente mediante infograf\u00edas o boletines informativos.<\/li>\n<li>Aceleraci\u00f3n de la transformaci\u00f3n digital de los medios, potenciando modelos de trabajo en red y la flexibilidad de las redacciones.<\/li>\n<li>Aumento de las suscripciones digitales, lo que contribuye a aumentar las l\u00edneas de retorno econ\u00f3micas.<\/li>\n<\/ul>\n<p>Entre los aspectos negativos:<\/p>\n<ul>\n<li>Fuerte reducci\u00f3n de la inversi\u00f3n publicitaria debido a la recesi\u00f3n econ\u00f3mica que ha provocado.<\/li>\n<li>Aumento de los despidos de periodistas, o deterioro de sus condiciones laborales.<\/li>\n<li>Aumento de los mecanismos de control de la informaci\u00f3n y del trabajo de los periodistas desde las estructuras pol\u00edticas.<\/li>\n<li>Incremento sin precedente de las noticias falsas o la desinformaci\u00f3n general.<\/li>\n<\/ul>\n<\/div>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bbInternet, un espacio en constante transformaci\u00f3n\u00bb _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb open=\u00bboff\u00bb sticky_enabled=\u00bb0&#8243;]<\/p>\n<div class=\"h5p-column-content h5p-advanced-text\" id=\"h5p-interactive-book-section-1bf2dee3-02b2-44fe-a91c-0cf05eac4c8c\">\n<h2>Internet, un espacio en constante transformaci\u00f3n<\/h2>\n<p>Seg\u00fan Raymond Kuzweil,la evoluci\u00f3n de Internet puede resumirse en:<\/p>\n<ol>\n<li><a href=\"http:\/\/comunicaciondigital.es\/glosario\/web\/\" rel=\"noopener\" target=\"_blank\">Web<\/a>\u00a01.0 \u2013 Personas conect\u00e1ndose a la<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/web\/\" rel=\"noopener\" target=\"_blank\">Web<\/a>\u00a0y la<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/web\/\" rel=\"noopener\" target=\"_blank\">Web<\/a>\u00a0como punto de informaci\u00f3n est\u00e1tica.<\/li>\n<li><a href=\"http:\/\/comunicaciondigital.es\/glosario\/web\/\" rel=\"noopener\" target=\"_blank\">Web<\/a>\u00a02.0 \u2013 Personas conect\u00e1ndose a personas, la inteligencia colectiva como centro de informaci\u00f3n y la<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/web\/\" rel=\"noopener\" target=\"_blank\">Web<\/a>\u00a0es sint\u00e1ctica.<\/li>\n<li><a href=\"http:\/\/comunicaciondigital.es\/glosario\/web-3-0-3\/\" rel=\"noopener\" target=\"_blank\">Web 3.0<\/a>\u00a0\u2013 Aplicaciones<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/web\/\" rel=\"noopener\" target=\"_blank\">Web<\/a>\u00a0conect\u00e1ndose a aplicaciones<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/web\/\" rel=\"noopener\" target=\"_blank\">Web<\/a>, las personas siguen siendo el centro de la informaci\u00f3n y la<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/web\/\" rel=\"noopener\" target=\"_blank\">Web<\/a>\u00a0es sem\u00e1ntica.<\/li>\n<li><a href=\"http:\/\/comunicaciondigital.es\/glosario\/web-4-0\/\" rel=\"noopener\" target=\"_blank\">Web 4.0<\/a>\u00a0\u2013 Personas conect\u00e1ndose con Personas y aplicaciones<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/web\/\" rel=\"noopener\" target=\"_blank\">Web<\/a>\u00a0de forma ubicua, se a\u00f1aden tecnolog\u00edas como la Inteligencia Artificial, la Voz como veh\u00edculo de intercomunicaci\u00f3n para formar una<span>\u00a0<\/span><a href=\"http:\/\/comunicaciondigital.es\/glosario\/web\/\" rel=\"noopener\" target=\"_blank\">Web<\/a>\u00a0Total.<\/li>\n<\/ol>\n<p>No solo vivimos entre pantallas, las habitamos.\u00a0Las pantallas nos rodean facilitando un consumo individualizado de informaci\u00f3n caracterizado por:<\/p>\n<ul>\n<li>Internet m\u00e1s masivo y r\u00e1pido, pero m\u00e1s segmentado y personalizado.<\/li>\n<li>Mayor uso de formatos m\u00e1s interactivos<\/li>\n<li>Consumo creciente de recursos audiovisuales y multimedia interactivos a trav\u00e9s de dispositivos de movilidad.<\/li>\n<li>Un sistema web m\u00e1s personal y social (consumer-generated content, microblogs,\u2026).<\/li>\n<\/ul>\n<p>En 2007,\u00a0Fumero, Roca y Encinar ya se\u00f1alaban cu\u00e1les son algunas de las claves de esta evoluci\u00f3n y que han modificado los usos de los internautas hacia nuevas costumbres y h\u00e1bitos en una segunda versi\u00f3n de la Web:<\/p>\n<ul>\n<li>Por una parte, su \u201celasticidad sociot\u00e9cnica\u201d, es decir, la agilidad, facilidad, experiencia de uso simplificada, o inmediatez que asociamos al nuevo modelo de la Red.<\/li>\n<li>De otra, el car\u00e1cter social que se manifiesta en el fen\u00f3meno creciente de la constituci\u00f3n de redes sociales, de la aparici\u00f3n y consolidaci\u00f3n de consorcios de sujetos con intereses y expectativas comunes.<\/li>\n<li>Por \u00faltimo, la colectivizaci\u00f3n de la creatividad y de la gesti\u00f3n compartida del conocimiento; la nueva web abre ventanas a una fren\u00e9tica actividad de creaci\u00f3n participada, en cierta medida se convierte en una academia digital que erige textos por yuxtaposici\u00f3n, a veces por pura sedimentaci\u00f3n (Nielsen, en Fern\u00e1ndez: 2007), es cierto, pero que alumbra, sin ning\u00fan g\u00e9nero de duda, una manera distinta de concebir tanto los procesos de construcci\u00f3n como de gesti\u00f3n de la informaci\u00f3n (vg. conceptos como folksonom\u00edas, etiquetado social, etc.)<\/li>\n<\/ul>\n<p>Podr\u00edamos resumir, de alguna forma, esta nueva perspectiva a partir de los siguientes principios:<\/p>\n<ul>\n<li>Deber\u00e1s hacerla sencilla. Popularizaci\u00f3n de herramientas de publicaci\u00f3n y edici\u00f3n<\/li>\n<li>Deber\u00e1s hacerla potente. Evoluci\u00f3n y desarrollo de nuevas tecnolog\u00edas, lenguajes y servicios web<\/li>\n<li>Deber\u00e1s hacerla r\u00e1pida. Mejora de las redes de comunicaci\u00f3n y acceso a la Red<\/li>\n<li>No renunciar\u00e1s a tus or\u00edgenes. Desarrollo Underground, P2P, Open Source, CopyLeft, Activismo \u00e9tico, Nativos digitales\u2026<\/li>\n<li>Consolidar\u00e1s la Sociedad de la Informaci\u00f3n. Y te proyectar\u00e1s hacia una Sociedad del Conocimiento<\/li>\n<\/ul>\n<p>El Internet actual se caracteriza por:<\/p>\n<ul>\n<li><strong>Car\u00e1cter sem\u00e1ntico:<\/strong> Concepto desarrollado por Tim Berners-Lee, el Internet sem\u00e1ntico permite un marcado sem\u00e1ntico de los elementos publicados, facilitando un tratamiento m\u00e1s inteligente por parte de los sistemas autom\u00e1ticos. Esto se traduce en una mayor capacidad de integraci\u00f3n e interoperabilidad de datos mediante tecnolog\u00edas como RDF (Resource Description Framework) y SPARQL (SPARQL Protocol and RDF Query Language), promoviendo lo que se conoce como la \u00abWeb de Datos\u00bb o \u00abData Web\u00bb.<\/li>\n<li><strong>Gesti\u00f3n avanzada de la inteligencia artificial:<\/strong> La inteligencia artificial ha avanzado significativamente, permitiendo el desarrollo de sistemas adaptativos y la gesti\u00f3n din\u00e1mica y autom\u00e1tica de numerosos procesos. Las t\u00e9cnicas de IA imitan el razonamiento humano mediante algoritmos de aprendizaje autom\u00e1tico, redes neuronales y agentes inteligentes, lo que ha mejorado la eficiencia y efectividad en diversas aplicaciones, desde la personalizaci\u00f3n de contenido hasta la automatizaci\u00f3n de tareas complejas.<br \/><strong>Modelos de interfaz interactivos e inmersivos:<\/strong> Los dispositivos m\u00f3viles han consolidado su posici\u00f3n dominante en el acceso a Internet, impulsando el desarrollo de interfaces cada vez m\u00e1s interactivas e inmersivas. La realidad aumentada (AR) y la realidad virtual (VR) son ejemplos de tecnolog\u00edas que est\u00e1n redefiniendo la experiencia del usuario, permitiendo una interacci\u00f3n m\u00e1s intuitiva y envolvente con los contenidos digitales.<\/li>\n<li><strong>Transformaci\u00f3n de la red en una gigantesca base de datos interconectada:<\/strong> La red se ha transformado en una vasta base de datos interconectada, facilitando el acceso y la manipulaci\u00f3n de grandes vol\u00famenes de datos. Esta interconexi\u00f3n ha sido potenciada por el crecimiento de la Internet de las Cosas (IoT), que integra dispositivos y sensores en la red, y por el desarrollo de tecnolog\u00edas de almacenamiento y procesamiento de big data. La computaci\u00f3n en la nube (cloud computing) ha jugado un papel crucial al ofrecer escalabilidad y flexibilidad en el almacenamiento y procesamiento de datos, mientras que el an\u00e1lisis computacional avanzado permite una gesti\u00f3n m\u00e1s eficiente y una mejor toma de decisiones basada en datos.<\/li>\n<\/ul>\n<h3>Personalizaci\u00f3n de contenidos y servicios<\/h3>\n<p>Otro aspecto clave del modelo de Internet actual es la personalizaci\u00f3n de contenidos basada en el perfilado de usuario, que influye decisivamente en la entrega de contenido.<\/p>\n<p>Numerosas empresas y servicios web, incluyendo buscadores como Google, utilizan tecnolog\u00eda de rastreo y an\u00e1lisis del comportamiento de los usuarios para generar perfiles, que pueden ser gen\u00e9ricos o detallados dependiendo de si el usuario est\u00e1 registrado. Por ejemplo, ante la misma b\u00fasqueda realizada por dos usuarios diferentes, Google ofrece resultados adaptados a cada uno de ellos. Seg\u00fan las p\u00e1ginas de ayuda de Google, esto se basa en dos par\u00e1metros: si el usuario est\u00e1 conectado a su cuenta personal de Google, el buscador utilizar\u00e1 el historial web de esta cuenta como referencia; si el usuario no est\u00e1 conectado a su cuenta o no dispone de una, Google se gu\u00eda por las cookies que el navegador guarda durante un tiempo determinado al utilizar un buscador web. La personalizaci\u00f3n se ofrece por defecto, y si el usuario desea desactivarla, debe borrar su historial web en el primer caso o activar una opci\u00f3n dentro del buscador para inhabilitar la personalizaci\u00f3n en el segundo caso.<\/p>\n<p>Esta funcionalidad implica una reducci\u00f3n del espectro de b\u00fasqueda del usuario. Aparte de las implicaciones que esto tiene para el propio usuario, esta funcionalidad podr\u00eda reducir la importancia de los esfuerzos de optimizaci\u00f3n de posicionamiento en buscadores (Search Engine Optimization o SEO) que realizan las webs. Adem\u00e1s, la IA est\u00e1 modificando la forma en que los buscadores priorizan y rankean los contenidos, dando mayor visibilidad a la informaci\u00f3n m\u00e1s relevante y actualizada, y desafiando a las estrategias tradicionales de SEO.<\/p>\n<p>El uso de algoritmos avanzados para la personalizaci\u00f3n de contenidos, basados en sistemas de inteligencia artificial (IA), permite a las empresas ofrecer contenido que se adec\u00fae mejor a los intereses y gustos de los usuarios. Sin embargo, tambi\u00e9n genera preocupaciones sobre la invasi\u00f3n a la privacidad y la creaci\u00f3n de burbujas informativas, donde los usuarios acaban consumiendo solo aquello que reconfirma sus posiciones previas sobre cualquier asunto.<\/p>\n<p>En los \u00faltimos a\u00f1os, esta tecnolog\u00eda, que anteriormente estaba al alcance de grandes compa\u00f1\u00edas, ha comenzado a estar disponible tambi\u00e9n para peque\u00f1as empresas y usuarios individuales, permiti\u00e9ndoles crear sus propios sistemas de personalizaci\u00f3n. Plataformas como Amazon Web Services (AWS), Google Cloud y Microsoft Azure ofrecen herramientas accesibles para la personalizaci\u00f3n de contenido y an\u00e1lisis de datos, democratizando el acceso a tecnolog\u00edas avanzadas de IA y big data.<\/p>\n<p>Adem\u00e1s, los avances en computaci\u00f3n en la nube (cloud computing) y an\u00e1lisis computacional han potenciado estas capacidades. La nube permite a las empresas almacenar y procesar grandes vol\u00famenes de datos de manera escalable y flexible, facilitando la implementaci\u00f3n de sistemas de personalizaci\u00f3n complejos sin la necesidad de una infraestructura costosa. El an\u00e1lisis computacional avanzado, por su parte, permite extraer insights profundos y realizar predicciones precisas, mejorando la eficacia de las estrategias de personalizaci\u00f3n y optimizaci\u00f3n de contenido.<\/p>\n<\/div>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bbLa era del\u00a0User Generated content\u00bb _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb open=\u00bboff\u00bb sticky_enabled=\u00bb0&#8243;]<\/p>\n<h2>La era del<span>\u00a0<\/span><em>User Generated content<\/em><\/h2>\n<p>Antonio Fumero y Gen\u00eds Roca establecieron en su reconocido libro<span>\u00a0<\/span><a href=\"http:\/\/www.fundacionorange.es\/areas\/25_publicaciones\/WEB_DEF_COMPLETO.pdf\" rel=\"noopener\" target=\"_blank\">Web 2.0<\/a>\u00a0algunos de los principios que han impulsado la web en los \u00faltimos a\u00f1os. Esa web social y compartida pero tambi\u00e9n m\u00e1s \u201cl\u00edquida\u201d, en constante evoluci\u00f3n, y con una indudable dimensi\u00f3n marketiniana, pero en el que la participaci\u00f3n se ha convertido en un elemento clave no solo para el consumo de informaci\u00f3n, sino tambi\u00e9n para su producci\u00f3n.<\/p>\n<p>Los usuarios son una parte fundamental en la elaboraci\u00f3n de contenido. Est\u00e1n ah\u00ed, en todas partes, y con dispositivos tecnol\u00f3gicamente poderosos para captar fotos, v\u00eddeos, audio, memes&#8230; y lanzar todo ese contenido a nivel mundial a trav\u00e9s de las redes sociales y de entornos diversos de publicaci\u00f3n web. Adem\u00e1s, en los \u00faltimos a\u00f1os, esa capacidad se ha visto potenciada por la creciente disponibilidad de sistemas de Inteligencia Artificial generativa que simplifican y asisten el proceso de creaci\u00f3n, edici\u00f3n y publicaci\u00f3n de contenido.<\/p>\n<p>Esto ha cambiado la forma en la que consumimos informaci\u00f3n, pues dedicamos una parte importante de nuestra atenci\u00f3n al contenido que proveen nuestros c\u00edrculos cercanos (personales, laborales&#8230;), a aquellas personas de referencia (<em>influencers<\/em>) que seguimos en las redes sociales, o a los sistemas de recomendaci\u00f3n que, como hemos visto, bas\u00e1ndose en nuestros gustos y comportamientos, seleccionan por nosotros (hacen un curado autom\u00e1tico) la informaci\u00f3n que puede ser m\u00e1s relevante.<\/p>\n<p>En este escenario, el papel de los medios convencionales es muy complejo, y una parte de este nuevo flujo ha comenzado a ser utilizado por los propios medios. El<span>\u00a0<\/span><a href=\"https:\/\/reutersinstitute.politics.ox.ac.uk\/sites\/default\/files\/2019-09\/Kadia_Tubman_JF_paper_UGC.pdf\" target=\"_blank\" rel=\"noopener\">informe de Kadia Tubman elaborado para el Reuters Institute<\/a> destaca varias claves importantes del Contenido Generado por los Usuarios (UGC):<\/p>\n<ol>\n<li><strong>Valor del UGC:<\/strong> Las redes sociales proporcionan una abundancia de contenido, especialmente valioso durante eventos traum\u00e1ticos y crisis.<\/li>\n<li><strong>\u00c9tica y gesti\u00f3n:<\/strong> Es crucial manejar el UGC de manera \u00e9tica, protegiendo tanto a las fuentes como a los periodistas.<\/li>\n<li><strong>Buenas pr\u00e1cticas:<\/strong> Existen numerosos ejemplos de buenas pr\u00e1cticas compartidas entre expertos para interactuar con contenido de usuarios.<\/li>\n<li><strong>Confianza y comunidad:<\/strong> Un manejo adecuado del UGC puede construir confianza y animar a la audiencia a compartir m\u00e1s contenido. Hay un valor de credibilidad en lo cotidiano, en la informaci\u00f3n pr\u00f3xima y aparentemente poco elaborada, y, al tiempo, un rechazo a la informaci\u00f3n prefabricada.<\/li>\n<li><strong>Normas y est\u00e1ndares:<\/strong> Es necesario acordar est\u00e1ndares para proteger la reputaci\u00f3n y la confianza en el periodismo.<\/li>\n<\/ol>\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 global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.18.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.18.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<iframe loading=\"lazy\" src=\"https:\/\/anchor.fm\/comunica-digital\/embed\/episodes\/Nuevos-soportes-y-medios-para-la-comunicacin-digital-e1ob8cb\" 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\/80910?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\/nuevos-soportes-medios\/\">Continua leyendo<span> Nuevos soportes y medios<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":80913,"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],"tags":[],"class_list":["post-80910","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-banco-conocimiento","category-periodismo-digital"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Nuevos soportes y medios - 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\/nuevos-soportes-medios\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nuevos soportes y medios - 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\/nuevos-soportes-medios\/\" \/>\n<meta property=\"og:site_name\" content=\"Portal de proyectos multimedia\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-06T22:53:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-05T10:07:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/09\/soportes-medios.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\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\/nuevos-soportes-medios\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/nuevos-soportes-medios\/\"},\"author\":{\"name\":\"juanmiro\",\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/2e8265f6be76de5637b1bd02a53266b3\"},\"headline\":\"Nuevos soportes y medios\",\"datePublished\":\"2022-09-06T22:53:54+00:00\",\"dateModified\":\"2024-08-05T10:07:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/nuevos-soportes-medios\/\"},\"wordCount\":3648,\"image\":{\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/nuevos-soportes-medios\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/09\/soportes-medios.jpg\",\"articleSection\":[\"banco-conocimiento\",\"Periodismo digital\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/nuevos-soportes-medios\/\",\"url\":\"https:\/\/proyectos.comunicaciondigital.es\/nuevos-soportes-medios\/\",\"name\":\"Nuevos soportes y medios - Portal de proyectos multimedia\",\"isPartOf\":{\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/nuevos-soportes-medios\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/nuevos-soportes-medios\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/09\/soportes-medios.jpg\",\"datePublished\":\"2022-09-06T22:53:54+00:00\",\"dateModified\":\"2024-08-05T10:07:18+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\/nuevos-soportes-medios\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/proyectos.comunicaciondigital.es\/nuevos-soportes-medios\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/nuevos-soportes-medios\/#primaryimage\",\"url\":\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/09\/soportes-medios.jpg\",\"contentUrl\":\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/09\/soportes-medios.jpg\",\"width\":1200,\"height\":800,\"caption\":\"Back view of a young white man video editor sitting in front of a big screen working on a video montage indoors\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/proyectos.comunicaciondigital.es\/nuevos-soportes-medios\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/proyectos.comunicaciondigital.es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nuevos soportes y medios\"}]},{\"@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=1777306417\",\"url\":\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/ddba0a0edd23b5c5ff08c9345b733ce5.jpg?ver=1777306417\",\"contentUrl\":\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/ddba0a0edd23b5c5ff08c9345b733ce5.jpg?ver=1777306417\",\"caption\":\"juanmiro\"},\"url\":\"https:\/\/proyectos.comunicaciondigital.es\/en\/author\/juanmiro\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nuevos soportes y medios - 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\/nuevos-soportes-medios\/","og_locale":"en_GB","og_type":"article","og_title":"Nuevos soportes y medios - 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\/nuevos-soportes-medios\/","og_site_name":"Portal de proyectos multimedia","article_published_time":"2022-09-06T22:53:54+00:00","article_modified_time":"2024-08-05T10:07:18+00:00","og_image":[{"width":1200,"height":800,"url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/09\/soportes-medios.jpg","type":"image\/jpeg"}],"author":"juanmiro","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/proyectos.comunicaciondigital.es\/nuevos-soportes-medios\/#article","isPartOf":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/nuevos-soportes-medios\/"},"author":{"name":"juanmiro","@id":"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/2e8265f6be76de5637b1bd02a53266b3"},"headline":"Nuevos soportes y medios","datePublished":"2022-09-06T22:53:54+00:00","dateModified":"2024-08-05T10:07:18+00:00","mainEntityOfPage":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/nuevos-soportes-medios\/"},"wordCount":3648,"image":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/nuevos-soportes-medios\/#primaryimage"},"thumbnailUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/09\/soportes-medios.jpg","articleSection":["banco-conocimiento","Periodismo digital"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/proyectos.comunicaciondigital.es\/nuevos-soportes-medios\/","url":"https:\/\/proyectos.comunicaciondigital.es\/nuevos-soportes-medios\/","name":"Nuevos soportes y medios - Portal de proyectos multimedia","isPartOf":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/nuevos-soportes-medios\/#primaryimage"},"image":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/nuevos-soportes-medios\/#primaryimage"},"thumbnailUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/09\/soportes-medios.jpg","datePublished":"2022-09-06T22:53:54+00:00","dateModified":"2024-08-05T10:07:18+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\/nuevos-soportes-medios\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/proyectos.comunicaciondigital.es\/nuevos-soportes-medios\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/proyectos.comunicaciondigital.es\/nuevos-soportes-medios\/#primaryimage","url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/09\/soportes-medios.jpg","contentUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2022\/09\/soportes-medios.jpg","width":1200,"height":800,"caption":"Back view of a young white man video editor sitting in front of a big screen working on a video montage indoors"},{"@type":"BreadcrumbList","@id":"https:\/\/proyectos.comunicaciondigital.es\/nuevos-soportes-medios\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/proyectos.comunicaciondigital.es\/"},{"@type":"ListItem","position":2,"name":"Nuevos soportes y medios"}]},{"@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=1777306417","url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/ddba0a0edd23b5c5ff08c9345b733ce5.jpg?ver=1777306417","contentUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/ddba0a0edd23b5c5ff08c9345b733ce5.jpg?ver=1777306417","caption":"juanmiro"},"url":"https:\/\/proyectos.comunicaciondigital.es\/en\/author\/juanmiro\/"}]}},"_links":{"self":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/80910","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=80910"}],"version-history":[{"count":9,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/80910\/revisions"}],"predecessor-version":[{"id":81891,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/80910\/revisions\/81891"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/media\/80913"}],"wp:attachment":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/media?parent=80910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/categories?post=80910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/tags?post=80910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}