{"id":3806,"date":"2020-11-25T05:01:54","date_gmt":"2020-11-25T05:01:54","guid":{"rendered":"http:\/\/periodismobahia.com.ar\/viento-sur\/?p=3806"},"modified":"2022-08-22T14:30:07","modified_gmt":"2022-08-22T14:30:07","slug":"un-viaje-hacia-la-interactividad","status":"publish","type":"post","link":"https:\/\/periodismobahia.com.ar\/viento-sur\/?p=3806","title":{"rendered":"Un viaje hacia la interactividad"},"content":{"rendered":"\n<p>En este recorrido haremos estaciones por el periodismo digital, internet y sus or\u00edgenes, la Word Wide Web, el dominio y el hosting, los CMS, WordPress y la revoluci\u00f3n llamada Gutenberg.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Escrito y publicado por David Quilodran<\/code><\/pre>\n\n\n\n<!--more-->\n\n\n\n<p><strong>Periodismo digital<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-slideshare wp-block-embed-slideshare\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Periodismo Digital\" src=\"https:\/\/www.slideshare.net\/slideshow\/embed_code\/key\/NmMppr1hTxqXBB\" width=\"427\" height=\"356\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" style=\"border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;\" allowfullscreen> <\/iframe> <div style=\"margin-bottom:5px\"> <strong> <a href=\"https:\/\/es.slideshare.net\/monicaceda\/periodismo-digital-1970230\" title=\"Periodismo Digital\" target=\"_blank\">Periodismo Digital<\/a> <\/strong> from <strong><a href=\"https:\/\/www.slideshare.net\/monicaceda\" target=\"_blank\">M\u00f3nica C\u00e1ceda<\/a><\/strong> <\/div>\n<\/div><\/figure>\n\n\n\n<p>Internet ha revolucionado al periodismo tradicional.<\/p>\n\n\n\n<p>El periodismo digital es una modalidad del ejercicio period\u00edstico cuyo principal entorno de desarrollo es internet, y cuyos medios auxiliares son de \u00edndole digital (multimedial). Es la rama del periodismo que ha evolucionado en la era digital y que emplea el ciberespacio para investigar y producir sus contenidos.<\/p>\n\n\n\n<p>La prensa digital se distingue de las redes sociales y otras formas de comunicaci\u00f3n disponibles en internet en que opera seg\u00fan las metodolog\u00edas period\u00edsticas (confirmar fuentes, redactar bien, etc.) y suele ocupar espacio en p\u00e1ginas web legitimas como periodismo fiable.<\/p>\n\n\n\n<p>Una noticia puede presentarse como la conjugaci\u00f3n de texto, audio, im\u00e1genes y segmentos audiovisuales (Multimedialidad) lo cual es, tambi\u00e9n, una forma de leer. Otras caracter\u00edsticas son la hipertextualidad (saltar de un contenido a otro a trav\u00e9s de v\u00ednculos), interactividad (elegir que noticia ver y cual no, que videos, y replicar la noticia o exponer su opini\u00f3n).<\/p>\n\n\n\n<p>Infobae, periodismo digital<a href=\"https:\/\/www.infobae.com\/\">https:\/\/www.infobae.com\/<\/a><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul><li>Internet<\/li><\/ul>\n\n\n\n<p><strong>Internet y sus or\u00edgenes<\/strong><\/p>\n\n\n\n<div class=\"wp-block-cover is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"675\" class=\"wp-block-cover__image-background wp-image-3798\" alt=\"\" src=\"http:\/\/periodismobahia.com.ar\/viento-sur\/wp-content\/uploads\/2020\/11\/1552388984_411255_1552389117_noticia_normal.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/periodismobahia.com.ar\/viento-sur\/wp-content\/uploads\/2020\/11\/1552388984_411255_1552389117_noticia_normal.jpg 1200w, https:\/\/periodismobahia.com.ar\/viento-sur\/wp-content\/uploads\/2020\/11\/1552388984_411255_1552389117_noticia_normal-300x169.jpg 300w, https:\/\/periodismobahia.com.ar\/viento-sur\/wp-content\/uploads\/2020\/11\/1552388984_411255_1552389117_noticia_normal-768x432.jpg 768w, https:\/\/periodismobahia.com.ar\/viento-sur\/wp-content\/uploads\/2020\/11\/1552388984_411255_1552389117_noticia_normal-1024x576.jpg 1024w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\">Interactividad tecnol\u00f3gica<\/p>\n<\/div><\/div>\n\n\n\n<p>Internet es una herramienta de emisi\u00f3n mundial, un mecanismo para diseminar informaci\u00f3n y un medio para la colaboraci\u00f3n y la interacci\u00f3n entre personas y sus ordenadores sin tener en cuenta su condici\u00f3n geogr\u00e1fica.<\/p>\n\n\n\n<p>Internet se cre\u00f3 en el contexto hist\u00f3rico de la Guerra Fr\u00eda entre Estados Unidos y la U.R.S.S. En octubre de 1968, dentro del proyecto ARPAnet, funcion\u00f3 por primera vez el primer tramo de lo que hoy llamamos <strong>internet<\/strong>: dos ordenadores situados a varios kil\u00f3metros de distancia, en la Universidad de California (UCLA) y en el Stanford Research Institute. Desde entonces, internet ha evolucionado tecno l\u00f3gicamente. Tambi\u00e9n en el aspecto social y comercial.<\/p>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<p>Internet se ha convertido en un servicio de \u00abmercanc\u00edas\u00bb y esto se vio acelerado por la generalizada y r\u00e1pida adopci\u00f3n que tuvo la tecnolog\u00eda Word Wide Web (www).<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Internet. Origen y Evoluci\u00f3n.\" width=\"640\" height=\"480\" src=\"https:\/\/www.youtube.com\/embed\/6nR6ed7w0X0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption>Origen y evoluci\u00f3n de internet, por Cynthia Herlein<\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<ul><li>Word Wide Web<\/li><\/ul>\n\n\n\n<p><strong>Introducci\u00f3n a la WWW<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"twitter-tweet\" data-width=\"550\" data-dnt=\"true\"><p lang=\"es\" dir=\"ltr\">Podr\u00eda parecer simple pero algo que no sabia que es tema de cultura general es que Tim Berners-Lee Invento World Wide Web. Desarrollando las 3 tecnolog\u00edas HTTP, URL y HTML.<\/p>&mdash; Kevin Cahues (@KCahues) <a href=\"https:\/\/twitter.com\/KCahues\/status\/1329649442904039425?ref_src=twsrc%5Etfw\">November 20, 2020<\/a><\/blockquote><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n<\/div><\/figure>\n\n\n\n<p>Para comunicarse, los ordenadores necesitan entenderse entre ellos y esto es posible porque todos los dispositivos emplean el mismo \u00ablenguaje\u00bb o protocolo: el protocolo IP, un mercado \u00fanico sin barreras f\u00edsicas ni t\u00e9cnicas. Enviar informaci\u00f3n por el protocolo IP es como mandar por correo postal las p\u00e1ginas de un libro en muchos sobres distintos. La direcci\u00f3n IP es una direcci\u00f3n num\u00e9rica asignada a cada uno de los dispositivos conectados a internet.<\/p>\n\n\n\n<p>Los DNS (Sistema de Nombres de Dominio)equivalen, en internet, a la gu\u00eda telef\u00f3nica. Si conoces el dominio del sitio web que quer\u00e9s visitar, el DNS encontrar\u00e1 autom\u00e1ticamente la direcci\u00f3n IP del servidor web donde se aloja la p\u00e1gina.<\/p>\n\n\n\n<p>Para proteger el mensaje existe el \u00abdato cifrado\u00bb, que es un procedimiento que se utiliza mediante una clave. Este dato cifrado no es infalible por ende puede suceder que un mensaje sea capturado por un virus y ser hackeado o manipulado.<\/p>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>\n\nEn la www existen protocolos que permiten descargar documentos de hipertexto y enviar informaci\u00f3n b\u00e1sica a su servidor web. Este protocolo se denomina HTTP. A su vez, las p\u00e1ginas web est\u00e1n escritas en un lenguaje de etiquetas llamado HTML y sus ventajas son que garantiza la accesibilidad de personas con deficiencias visuales, es de car\u00e1cter abierto y gratuito y garantiza que las p\u00e1ginas web sean compatibles con todo tipo de dispositivos: ordenadores, tel\u00e9fonos m\u00f3viles y tabletas.\n\n<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>\n\nExiste una variante mas segura del protocolo HTTP y esa es HTTPS, que permite que solo el usuario final y el servidor web puedan descifrar la informaci\u00f3n enviada y recibida. Este protocolo es usado por sitios como Lanueva.com, Sitio Oficial Adidas y Mercado Libre. El SMTP (Simple Mail Transfer Protocol) es un protocolo simple de transferencia de correo de red utilizado para el intercambio de mensajes de correo electr\u00f3nico entre computadoras u otros dispositivos (tel\u00e9fonos m\u00f3viles, etc.).\n\n<\/p>\n<\/div>\n<\/div>\n\n\n\n<p>Las redes P2P est\u00e1n compuestas por dispositivos que participan en un tipo de comunicaci\u00f3n en igualdad de condiciones. Cada nodo (dispositivo) puede comunicarse con otros nodos y no hace diferencia entre consumidores y productores, clientes y servidores, y dos de las ventajas son que no est\u00e1n administradas porque no hay una autoridad central y dan libertad a sus usuarios. Una de las tareas mas importantes es que organizan la red y localizan recursos en ella. Un ejemplo de red P2P es Skype.<\/p>\n\n\n\n<p>El concepto Cloud Computing (informaci\u00f3n\/almacenamiento en la nube) hace referencia a cualquier servicio inform\u00e1tico que se ejecuta dentro de la red en lugar de el ordenador del usuario final.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"191\" height=\"139\" data-id=\"3814\" src=\"http:\/\/periodismobahia.com.ar\/viento-sur\/wp-content\/uploads\/2020\/11\/www-1.jpg\" alt=\"\" class=\"wp-image-3814\"\/><\/figure>\n<\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p><strong>Dominio y Hosting<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-spotify wp-block-embed-spotify wp-embed-aspect-21-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Spotify Embed: #5 Elegir HOSTING y DOMINIO\" style=\"border-radius: 12px\" width=\"100%\" height=\"152\" frameborder=\"0\" allowfullscreen allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\" src=\"https:\/\/open.spotify.com\/embed\/episode\/6aucy8iH9RjpRrUUP3wDQX?si=OLTcDX3lS9awtmV7-RJTyQ&#038;utm_source=oembed\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>El hosting es un servicio en l\u00ednea que te permite publicar un sitio o aplicaci\u00f3n web en internet. Un servidor es una computadora f\u00edsica que funciona ininterrumpidamente para que tu sitio web est\u00e9 disponible todo el tiempo. Qui\u00e9n provee un hosting es responsable de mantener el servidor en funcionamiento, protegerlo de ataques y transferir tu contenido desde el servidor a los navegadores de tus visitantes.<\/p>\n\n\n\n<p>Los beneficios de contratar un buen servidor de hosting son, entre otros: certificados SSL (para sitios seguros), creadores de p\u00e1ginas web, herramientas para desarrolladores e instalaciones de software en un solo clic.<\/p>\n\n\n\n<p>El dominio web es el equivalente a una direcci\u00f3n f\u00edsica. Un navegador web necesita un nombre de dominio para dirigirse a un sitio web. Se forma a partir de dos elementos: el nombre de dominio (que consiste del nombre del sitio web) y la extensi\u00f3n del dominio (.com).<\/p>\n\n\n\n<p>Los dominios funcionan actuando como un atajo para llegar al servidor que aloja tu sitio web. Los dominios tambi\u00e9n pueden usar \u00abredireccionamiento\u00bb, lo que te permite especificar que si las personas que visitan tu dominio son reenviadas autom\u00e1ticamente a otro. Existen diferentes tipos de dominio.<\/p>\n\n\n\n<p><strong>Dominio superior (<\/strong>.com, .org, .net, .edu<strong>). Dominio superior de c\u00f3digo de pa\u00eds (<\/strong>.es para Espa\u00f1a, .jp para Jap\u00f3n<strong>). Dominio de segundo nivel, <\/strong>directamente debajo de uno de nivel superior<strong> (<\/strong>.gov.uk<strong>)<\/strong><\/p>\n\n\n\n<p>Si el dominio que quiero est\u00e1 ocupado puedo utilizar variantes como, por ejemplo, cambiar o agregar una palabra.<\/p>\n\n\n\n<p><strong>CMS &#8211; WordPress<\/strong><\/p>\n\n\n\n<p>Un CMS es un gestor de contenidos. Es un software que permite a diferentes p\u00fablicos, mediante una interfaz web y siguiendo un flujo de trabajo determinado, crear y editar contenidos, posteriormente publicarlos.<\/p>\n\n\n\n<p>Entre sus caracter\u00edsticas b\u00e1sicas podemos destacar que permite gestionar, actualizar y publicar contenido sin necesidad de conocimientos t\u00e9cnicos ni de dise\u00f1o. Debe contar con un sistema de roles y permisos, debe posibilitar la estructura y organizaci\u00f3n del contenido, el contenido debe ser almacenado y estar accesible en todo momento, y debe tener una parte privada y una parte p\u00fablica.<\/p>\n\n\n\n<p><strong>Las ventajas de un CMS:<\/strong> atenci\u00f3n profesional al cliente y m\u00faltiples formas de realizar el pago por ellos. Elegir un CMS privado, ya hecho y maduro, permite disfrutar desde el primer momento de un software robusto y con un coste inferior a si se hubiera desarrollado.<\/p>\n\n\n\n<p><strong>Desventajas<\/strong>: el precio. por mas peque\u00f1o que sea supone una gran barrera de entrada. Dependencia total de un tercero, dificultad para lidiar con un partner tecnol\u00f3gico desde un medio de comunicaci\u00f3n. Migrar a otro sistema puede resultar poco satisfactorio (perdida de tiempo y energ\u00eda).<\/p>\n\n\n\n<p>Cuando empiezas con <strong>WordPress<\/strong>, tu primera preocupaci\u00f3n es conseguir crear una web con un dise\u00f1o impecable y que incluya todo aquello que quieras ofrecer a tus lectores; una gran ventaja de WP es que es multiusuario.<\/p>\n\n\n\n<p>Para evitar que todos los usuarios registrados accedan a todas las opciones del escritorio, WordPress tiene definido un sistema de perfiles o roles del usuario: <strong>Rol del administrador <\/strong>(puede realizar todas las tareas. Gesti\u00f3n, dise\u00f1o y contenido). <strong>Rol del super administrador<\/strong> (crear, gestionar, borrar sitios, redes, usuarios de esos sitios, etc.). <strong>Rol del editor<\/strong> (publicar, editar o borrar cualquier p\u00e1gina o entrada). Tambi\u00e9n existen el <strong>Rol del autor<\/strong>, <strong>rol de colaborador y rol de suscriptor<\/strong>.<\/p>\n\n\n\n<p>Un <strong>widgets<\/strong> se utiliza, en WordPress, para personalizar la apariencia de las paginas ya que te permiten insertar casi lo que quieras en diferentes ubicaciones de las mismas. <\/p>\n\n\n\n<p>Un <strong>plugin<\/strong> de WordPress es una extensi\u00f3n a tu sitio que modifica y mejora las funciones principales de WP. Son los modificadores que convierten, por ejemplo, un blog com\u00fan y corriente en un sitio web y lo transforma en una tienda virtual, una revista o un portfolio.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Editor Gutenberg<\/strong><\/p>\n\n\n\n<p>La nueva actualizaci\u00f3n de WordPress trajo un nuevo editor. GUTENBERG, como el apellido del inventor de la imprenta. Lleg\u00f3 para revolucionar la forma en que tradicionalmente se maquetan las entradas o p\u00e1ginas.<\/p>\n\n\n\n<p>Gutenberg vino a sustituir al editor cl\u00e1sico de toda la vida, en el que toda la informaci\u00f3n hab\u00eda que insertarla con texto o con c\u00f3digo HTML. Este nuevo editor est\u00e1 basado en bloques y permite componer entradas y p\u00e1ginas de manera modular.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Gutenberg vino a revolucionar<\/p><\/blockquote>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Gu\u00eda editor Gutenberg para WordPress, aprende a usarlo\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/2W8bPiJz-Uk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption><strong>Como usar el editor Gutenberg<\/strong>.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>En este recorrido haremos estaciones por el periodismo digital, internet y sus or\u00edgenes, la Word Wide Web, el dominio y el hosting, los CMS, WordPress y la revoluci\u00f3n llamada Gutenberg.<\/p>\n","protected":false},"author":3,"featured_media":4356,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[413,412],"tags":[475,470,160,476],"_links":{"self":[{"href":"https:\/\/periodismobahia.com.ar\/viento-sur\/index.php?rest_route=\/wp\/v2\/posts\/3806"}],"collection":[{"href":"https:\/\/periodismobahia.com.ar\/viento-sur\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/periodismobahia.com.ar\/viento-sur\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/periodismobahia.com.ar\/viento-sur\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/periodismobahia.com.ar\/viento-sur\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3806"}],"version-history":[{"count":4,"href":"https:\/\/periodismobahia.com.ar\/viento-sur\/index.php?rest_route=\/wp\/v2\/posts\/3806\/revisions"}],"predecessor-version":[{"id":4392,"href":"https:\/\/periodismobahia.com.ar\/viento-sur\/index.php?rest_route=\/wp\/v2\/posts\/3806\/revisions\/4392"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/periodismobahia.com.ar\/viento-sur\/index.php?rest_route=\/wp\/v2\/media\/4356"}],"wp:attachment":[{"href":"https:\/\/periodismobahia.com.ar\/viento-sur\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3806"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/periodismobahia.com.ar\/viento-sur\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3806"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/periodismobahia.com.ar\/viento-sur\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}