flowsta/sesiones/2021-09-07.html

<h1 id="adolfo-antón-bravo">Adolfo Antón Bravo</h1>
<ul>
<li>Permitidme que me presente. Soy Adolfo Antón Bravo.</li>
<li>Este es mi primer año como profesor asociado en la UC3M y espero que sea el inicio de muchos.</li>
<li>He dado y doy clases en diversos másters. Para no hacer propaganda y por si alguien quiere conocer mi trabajo un poco más os muestro la página web <a href="https://infotics.es">infotics.es</a> donde suelo poner todo lo que hago.</li>
<li>También soy <span class="citation" data-cites="adolflow">[@adolflow]</span>(https://twitter.com/adolflow) en Twitter o <span class="citation" data-cites="flowsta">[@flowsta]</span>(https://github.com/flowsta) en Github.</li>
<li>Mi recorrido por el Periodismo de datos comienza en 2013 cuando me encontraba realizando mi programa de doctorado y me tope con el periodismo de datos y Mar Cabra. A partir de ahí no os quiero aburrir y os remito a la web.</li>
</ul>
<h1 id="qué-es-el-periodismo-de-datos">¿Qué es el Periodismo de datos?</h1>
<p>Algunos comentarios sobre el periodismo de datos:</p>
<ul>
<li>Se dice que en Periodismo de Datos hay que aprender Excel. Me gustaría explicaros qué es Excel a continuación.</li>
<li>El periodismo de datos moderno, del que bebemos actualmente, nace en 2006-2008 con una combinación de factores: abundancia de software de código abierto, HTML5 y Open Data. Hablaremos de ello más adelante.</li>
<li><a href="https://www.theguardian.com/international">The Guardian</a> es uno de los medios pioneros del periodismo de datos moderno.</li>
<li>Como es una disciplina nueva también es una disciplina contenedor. Fundamentalmente hay tres áreas implicadas en el periodismo de datos:
<ol type="1">
<li>El periodismo, y solo puede haber periodismo si hay investigación.</li>
<li>Los datos, es decir, registros electrónicos que han de ser tratados por ordenador.</li>
<li>La visualización de datos: desde la Web hasta el papel pasando por la estadística, las distintas visualizaciones o la infografía.</li>
</ol></li>
</ul>
<h1 id="debate-sobre-el-término">Debate sobre el término</h1>
<p>Esto se produjo en distintos momentos de los dos primeros días pero lo seguiremos recordando y ampliando.</p>
<ul>
<li>Aquí y ahora hablamos de periodismo de datos, y está bien.</li>
<li>Cuando empezó en Europa y EE.UU. en 2008 se denominó periodismo guiado por datos. Suele ocurrir en inglés al menos con los saberes que, cuando se realizan de otra manera, se traslada ese proceso al nombre. Así por ejemplo en los 1990’ yo hice cursos de Diseño gráfico asistido por ordenador (del <em>computer assisted graphic design</em>), ya que hasta entonces se hacía “diseño gráfico” de forma analógica.</li>
<li>La irrupción de los portales de datos abiertos hizo que se denominara <em>Data Driven Journalism</em>, aunque luego se acortó a <em>Data Journalism</em>, pero ambos términos conviven.</li>
<li>En EE.UU., por ejemplo, el precedente del periodismo de datos es el <em>precision journalism</em> o periodismo de precisión. José Luis Dader, catedrático de la Facultad de Ciencias de la Información de la UCM y que fue profesor durante el programa de doctorado, nos contaba cómo estuvo en EE.UU. para aprender esa disciplina y, al traerla a España y traducir el libro de Philip Meyer pensar si “periodismo de precisión” era un término apropiado. Pensó en “periodismo matemático”, por su rigurosidad, pero pensaba que no se entendía bien; pensó en “periodismo informático”, pero se iba a malinterpretar; o “periodismo científico”, pero se iba a confundir con el periodismo que habla de ciencia. Al final se quedó con el original “periodismo de precisión” que al menos no inducía a errores y sí que hablaba de algo nuevo, sin por ello dejar de crear polémica ya que pareciera que el resto del periodismo no fuera preciso! Lo cierto es que se denominó así en EE.UU. para oponerse a un periodismo del estilo de Truman Capote.</li>
<li>Ese periodismo de precisión no era la primera vez que en los EE.UU. se utilizaban ordenadores en periodismo. Veremos más adelante tanto el caso de Philip Meyer como el de la CBS de 1952. Este y otros usos de los ordenadores dieron en llamar a este periodismo como <em>Computer Assisted Reporting</em> o periodismo asistido por ordenador. Esta denominación pervive en la actualidad.</li>
<li>Hay otras denominaciones en EE.UU. como la que la comunidad de computer assisted reporters ha creado: <em>News Nerdery</em> o los frikis de las redacciones.</li>
<li>En Inglaterra, por ejemplo, la comunidad de periodistas de datos se ha denominado <em>Journocoders</em> o perioprogramadores.</li>
<li>Y en EE.UU. también una comunidad pionera fue la denominada <em>Hacks and Hackers</em>. <em>Hacks</em> significa “hachazos” y se refiere al martilletear de teclear en la máquina de escribir.</li>
<li>En Argentina, Sandra Crucianelli sigue hablando de “periodismo de bases de datos”, y no le falta razón pues finalmente, para trabajar con los datos, alguna “base de datos” has de tener… aunque el concepto de base de datos también ha evolucionado.</li>
</ul>
<h1 id="qué-conocimientos-previos-tenéis">Qué conocimientos previos tenéis</h1>
<p>Comentáis tres tecnologías:</p>
<h2 id="wordpress">Wordpress</h2>
<ul>
<li>No lo vamos a usar pero me gusta que lo citéis para ver si sabemos lo que es y todo lo que implica.</li>
<li><a href="https://wordpress.com/es/">Wordpress</a> es un <em>CMS</em> (Content Management System, sistema de gestión de contenidos).</li>
<li>Tanto Wordpress como otros CMS funcionan con la arquitectura WAMP o LAMP, principalmente está última.</li>
<li><em>LAMP</em> responde a Linux, Apache, MySQL y PHP y es la combinación de las cuatro tecnologías implicadas en Wordpress.</li>
<li>Cuando vemos una página en Wordpress estamos viendo el ordenador de alguien, sea una persona o una empresa. Ese ordenador va normalmente con el sistema operativo GNU/Linux.</li>
<li>Para que ese ordenador sirva páginas web requiere un servidor web. <a href="https://apache.org/">Apache</a> es el más utilizado en el mundo, es software libre también, como GNU/Linux, aunque con otra licencia. También se usa mucho <a href="https://www.nginx.com/">NGINX</a>.</li>
<li>En el HTML de Wordpress se incluye el lenguaje de programación <a href="https://www.php.net/">PHP</a> (PHP Hypertext Preprocessor, un acrónimo recursivo, figura muy utilizada en el mundo del software) que es el que construye las páginas HTML haciendo las llamadas a la base de datos donde se almacenan los contenidos de Wordpress.</li>
<li>MySQL (donde SQL significa <em>Structured Query Language</em> o lenguaje de consulta estructurada) es el servidor de la base de datos.</li>
</ul>
<h2 id="seo">SEO</h2>
<ul>
<li><em>SEO</em> responde a <em>Search Engine Optimization</em> u optimización del motor de búsqueda.</li>
<li>No tiene más relación con Wordpress que el hecho de que Wordpress se utiliza para hacer web y cualquier web suele querer ser encontrada por un motor de búsqueda. Lo veremos en otro momento.</li>
</ul>
<h2 id="excel">Excel</h2>
<ul>
<li>No vamos a usar Excel pero conviene que sepamos qué es y por qué.</li>
<li>Hay quien confunde Excel con hojas de cálculo o tablas de datos pero Excel es, por un lado, un programa para visualizar datos tabulados; por otro, un programa donde se pueden utilizar funciones para trabajar con los datos tabulados; y finalmente, un formato de datos XLSX.</li>
<li>Para trabajar con datos tabulados veremos más adelante distintas formas, preferiblemente libres y/o abiertas.</li>
<li>La última X proviene de XML cuando en 2008 Microsoft Office convirtió sus formatos de archivo en formatos compatibles con XML.</li>
<li><em>XML</em> significa <em>eXtensible Markup Language</em>. Se utiliza mucho en la industria/administraciones públicas pero no vamos a utilizarlo, al menos de momento, a no ser que lleguemos a otra cosa que es el <em>XPath</em> para el <em>scrapping</em>.</li>
<li>Básicamente, XML es como que cualquiera puede crear sus propios elementos HTML. Por eso se puede utilizar para organizar la información, los datos o los procesos y compartirlo, si se quisiera.</li>
<li>Microsoft Office es software propietario y privativo, no permite el libre uso. Más información en la siguiente sesión.</li>
<li>Quizás veamos cosas de</li>
</ul>
<h2 id="html">HTML</h2>
<p>Veamos un poco también de <em>HTML</em> ya que, aunque no vamos a trabajarlo específicamente, sí que se usará en determinados momentos.</p>
<ul>
<li><em>HTML</em> es el acrónimo de <em>HyperText Markup Language</em> o lenguaje de marcado de hipertexto.</li>
<li>Es uno de los lenguajes, el básico y principal, que se utiliza en la Web.</li>
<li>Es un lenguaje estructurado de marcas expresado en los signos <code>&lt;&gt;</code>.</li>
<li>Dentro de las marcas se sitúan los <strong>elementos</strong> HTML como por ejemplo <code>p</code> de párrafo o <code>h1</code> de <em>header 1</em>, algo así como el título o encabezamiento principal.</li>
<li>Conviene no confundir marcas con elementos.</li>
<li>HTML es un lenguaje informático pero no es un lenguaje de programación.</li>
<li>En un navegador (me refiero a Firefox, Chrome o derivados) si pulsamos el atajo de teclado <code>C-u</code> (Control + u) accedemos al código fuente de la página.</li>
<li>Probad con una página de un medio internacional como <a href="https://www.theguardian.com/">The Guardian</a> que además es referente como pionero del periodismo de datos moderno con el equipo del Datablog en 2008 compuesto por Simon Rogers y Paul Bradshaw (ya hablaremos de ellos en próximas clases).</li>
<li>Lo que sale entre las marcas <code>&lt;!--</code> y <code>--&gt;</code> son comentarios de HTML, es decir, contenido que aunque está en el codigo fuente, en el HTML, no se visualiza. Esto es habitual en todos los lenguajes informáticos, unos caracteres reservados para que el navegador/visualizador del HTML, no interprete el contenido que está a continuación.</li>
<li>Si no llegas aquí no puedes saber que quizás seas la próxima persona a la que contraten.</li>
</ul>
<figure>
<img src="/img/the-guardian-source.png" title="We are Hiring!" alt="" /><figcaption>img</figcaption>
</figure>
<h1 id="lenguajes-informáticos">Lenguajes informáticos</h1>
<p>Habéis comentado que algunas cosas os suenan a <em>lenguajes informáticos</em> o <em>lenguajes de programación</em> pero, ¿son lo mismo?</p>
<ul>
<li>Los lenguajes informáticos son todos los que entiende o puede entender el ordenador (a través de software, claro).</li>
<li>Dentro de los lenguajes informáticos están los lenguajes estructurados, como puede ser HTML, que sirve para estructurar documentos.</li>
<li>Y también están los lenguajes de programación que sirven para programar acciones que haga el ordenador. Entre estos se encuentran Java, C, C#, Python o R.</li>
<li>En la web se utiliza mucho JavaScript, es el que aporta la interactividad. Tampoco lo vamos a abordar pero algo veremos… ¡al menos saber que existe y qué es lo que hace!</li>
</ul>
<h1 id="qué-es-la-web">¿Qué es la Web?</h1>
<p>Ante esta preguntas algunas habéis respondido:</p>
<ol type="1">
<li>Un sistema que comunica información que se comparte globalmente.</li>
<li>Un espacio virtual de compartimentos que se relacionan entre sí.</li>
<li>Una base de servidores</li>
<li>¿Qué pintan los dominios?</li>
</ol>
<p>Son buenas respuestas para debatir. Un aspecto importante de la Web es que, a nivel técnico, es otro servicio de los que corren/se prestan en la red de redes que es Internet.</p>
<h1 id="qué-es-internet">Qué es Internet</h1>
<p>La Internet… :keycap_asterisk:</p>
<ul>
<li>Además de la mencionada definición concisa y precisa de “una red de redes”, Internet funciona gracias a los protocolos TCP/IP.</li>
<li><em>TCP</em> responde a <em>Transmission Control Protocol</em> o protocolo de control de la transmisión.</li>
<li><em>IP</em> responde a <em>Internet Protocol</em>, os resultará más familiar porque al estar conectado a una red como es una Intranet el router nos tiene que dar una dirección de la red local, una IP.</li>
<li>En una red TCP/IP hay unos 65500 puertos de escucha o de comunicación posible. La Web utiliza uno de ellos al menos, el 80.</li>
<li>Hay otros servicios como el correo electrónico o la mensajería instantánea que utilizan otros puertos.</li>
<li>Es cierto que se puede acceder a servicios de correo electrónico y mensajería instantánea por la Web, eso es porque las webs también pueden ser <em>webapps</em> o aplicaciones web. Esas aplicaciones conectan con los servicios de correo electrónico o mensajería instantánea que operan en los otros puertos y nos los muestran en un entorno web.</li>
<li>Actualmente funcionamos con la versión original del protocolo, la denominada <strong>IPv4</strong>, que permitía hasta 4.300 millones de direcciones. Como se vio que se iba a quedar corto se empezó a trabajar en la versión <strong>IPv6</strong>, la cual actualmente funciona también pero conviven ambas. Este artículo de <a href="https://nordvpn.com/es/blog/que-es-ipv4-y-ipv6/">NordVPN</a> lo explica muy bien.</li>
<li><input type="checkbox" disabled="" />
(Queda pendiente explicar qué es una <strong>VPN</strong>.</li>
</ul>
<h1 id="http">HTTP</h1>
<p>También os suena y sabéis la diferencia entre HTTP y HTTPS, la S es de “segura” y ahora es el estándar por defecto. No os fiéis de una página que no lo tenga.</p>
<ul>
<li><em>HTTP</em> responde a <em>HyperText Transmission Protocol</em> o protocolo de control de la transmisión.</li>
<li>Es como funciona la web, un protocolo muy simple pero no por ello limitado, al contrario.</li>
<li>Cuenta con 4 acciones posibles:
<ol type="1">
<li>POST, publicar o crear. Es cuando se crea un documento nuevo.</li>
<li>GET, obtener o bajarse. Es lo que hacemos cuando vemos una página web, solicitamos una copia de la web al servidor.</li>
<li>DELETE, borrar el documento.</li>
<li>PUT, actualiza un documento ya existente.</li>
</ol></li>
<li>Esta es una de las <em>APIs</em> más sencillas y conocidas. <em>API</em> significa <em>Access Programming Interface</em> o interfaz de programación de acceso, es algo así como los códigos para comunicarse con una web.</li>
<li>HTTP es una API universal pero luego cada recurso puede tener la suya propia. Por ejemplo, Twitter tiene su propia API y así ocurre con muchos recursos que tienen muchos contenidos que ofrecen de maneras diversas.</li>
<li>Si recordáis estas cuatro acciones que permite HTTP os aseguro que tenéis mucho ganado en relación con el uso que vais a hacer de la Web.</li>
</ul>
<h1 id="dominios">Dominios</h1>
<p>Y también habéis comentado algo de los dominios.</p>
<ul>
<li>Los dominios están ahí para evitar tener que sabernos la dirección IP del servidor donde está alojada la página web que queremos visitar.</li>
<li>Cuando escribimos el dominio en el navegador el ordenador consulta con el servidor de nombres de dominio <em>DNS</em> (/Domain Name System</li>
</ul>
<p>) e indica en qué dirección IP se encuentra alojada la web. Esto es una petición GET de HTTP.</p>
<h1 id="github">Github</h1>
<p>Os presento a <a href="https://github.com">Github</a>. Aunque lo ha comprado Micro$oft y ha perdido mucho de su glamour es una buena forma de habituarse a trabajar con un software de control de versiones que permite la colaboración y además, Github ofrece algunas posibilidades que hacen que lo vayamos a utilizar bastante.</p>
<ul>
<li>Se trata de una de las herramientas más usadas en periodismo de datos.</li>
<li>Github es la suma de <a href="https://git-scm.org">git</a>, el software, y hub, el espacio montado por GitHub..</li>
<li>Github es un espacio donde podemos alojar los repositorios o proyectos git.</li>
<li>Empezamos dando por válido una analogía: es como un Wordpress donde vamos a poner nuestros contenidos web.</li>
<li>Se pueden crear repositorios, algo así como una carpeta de nuestro sistema de ficheros del ordenador.</li>
<li>Ahora también se pueden crear proyectos pero, de momento, creamos un repositorio.</li>
<li>Hay que crear una cuenta :abc:</li>
<li>En GitHub y en lo que escribamos no utilizaremos M$Word sino otros programas libres y/o abiertos y la sintaxis simple Markdown.</li>
</ul>
<h1 id="las-nubes">Las nubes</h1>
<p>¡Cuidado con las nubes! :cloud-lightning:</p>
<ul>
<li>Se habla de la nube, cloud storage, <em>cloud computing</em> pero no hay nubes sino ordenadores de otras personas.</li>
<li>En Periodismo de datos, dado que es periodismo de investigación, conviene no utilizar software del que no nos fiemos ni aplicaciones de terceros ni servicios en la nube. No solo nuestros datos o nuestra investigación pueden estar en peligro, también nosotrxs mismxs.</li>
<li>Preferiblemente usaremos aplicaciones libres y/o abiertas y aplicaciones locales, aunque hay algunas excepciones que debieran circunscribirse al inicio y ser temporales.</li>
</ul>
<figure>
<img src="/img/thereisnocloud-bluecolor-preview.png" title="There is no cloud, just other people&#39;s computers" alt="" /><figcaption>img</figcaption>
</figure>
<h1 id="herramientas-de-visualización">Herramientas de visualización</h1>
<ul>
<li>Depende del ritmo, veremos unas u otras. Hay muuuuchas.</li>
<li>Seguro que veremos <a href="https://www.datawrapper.de/">Datawrapper</a> que aunque es un servicio de terceros, es gratuita y está basada en <a href="https://d3js.org/">D3js</a> que es libre.</li>
<li>Hay otras similares como Infogram o Flourish.</li>
<li>Hay librerías de visualización de datos de los lenguajes de programación Bash, Python y R que veremos si exploramos o no.</li>
<li>Atlas o taxonomías de visulización de datos.</li>
<li>Ejemplos, proyectos, compendios, newsletters…</li>
</ul>