Skip to content

mjcoudeu/ejercicio-1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

Infografía Digital v1

Clase 01 → Lunes 10 de agosto, 2020

Las primeras tres clases de este Optativo se dividen en:

  • Precedente… 1. adj. Que precede o es anterior y primero en el orden de la colocación o de los tiempos.

  • Antecedente… 1. adj. Que antecede. 2. m. Acción, dicho o circunstancia que sirve para comprender o valorar hechos posteriores.

  • Referente… 1. adj. Que refiere o que expresa relación a algo.

En estas tres primeras clase tendrán que usar GitHub y algún editor de código fuente para resolver un ejercicio (todo esto se describe a continuación).

En esta primera clase, de "Precedentes: Del texto iluminado al diseño de información", se consulta la siguiente bibliografía:

  • Cairo, A. (2017). NERD journalism. How Data and Digital Technology Transformed News Graphics. Barcelona: Universitat Oberta de Catalunya.

  • Casanueva, M. & Bolaños, B. (2009). El giro pictórico: Epistemología de la Imagen. Barcelona: Anthropos Editorial.

  • Chiuminatto, P. (2013). René Descartes. El método de las figuras. Imaginario visual e ilustración científica. Santiago de Chile: Orjikh editores limitada.


Github

Es una plataforma de desarrollo colaborativo que utiliza el sistema de control de versiones Git. Con el trabajo en repositorios, se puede llevar registro de cambios en archivos compartidos.

Cada estudiante en Infografía Digital debe tener su cuenta en GitHub.

Una vez creada la cuenta, es necesario crear un primer repositorio con GitHub:

  • En la página de "Repositories" encontrarás un botón verde, que dice "New". Presiona ese botón. Eso te llevará a una nueva página, donde tienes que escribir un "Repository name", evita que ese nombre tenga tildes o acentos, y prefiere usar una única palabra (si necesitas usar dos o más palabras, usa guión entre ellas). GitHub revisará si puedes usar el nombre ingresado, y te dará un ticket verde cuando sí se pueda. Por ahora puedes saltarte la "Description". Luego tienes que dejar seleccionada la opción "Public" y tienes marcar un ticket en la opción de "Initialize this repository with a README". Para terminar, dale click al botón verde de "Create repository".

  • Si en tu repositorio de GitHub subes un sitio web, con su correspondiente documento index.html, bien puedes hacer que este sitio quede publicado en la Web, en una dirección a la que cualquier persona podría acceder. Esto lo puedes hacer si es que aprovechas el servicio de Github Pages.

Dos referencias que les podrían ser útiles ahora:

Y una que será útil más adelante:


Coding (descripción v/s programación)

Cuando trabajamos con código fuente podemos describir o programar. HTML y CSS no son lenguajes de programación. JavaScript, Phyton, Ruby, PHP sí lo son; con estos últimos sí se programa.

Si esta es la primera vez que utilizarás HTML y CSS para describir, y JavaScript para programar: Te vendría bien revisar el Wiki de este repositorio.

Para describir o programar, necesitamos editores de código fuente. Se recomienda usar:

  • Atom.io - Editor de texto multiplataforma (Windows, Linux, and Mac), libre y open-source, desarrollado por los creadores de GitHub.

  • Sublime Text - Editor de texto privativo, cuya versión de evaluación es plenamente funcional y no tiene fecha de caducidad.

  • Brakets - Editor de texto open-source para desarrolladores FrontEnd que trabajen con HTML, CSS y JavaScript.

El listado está organizado según preferencia; prefiera el primero, si no puede obtenerlo, vaya por el segundo; en caso que el primero y segundo fallen, vaya por el tercero.


Ejercicio

Para identificar ejemplos de lo que se aborda en la clase, cada estudiante debe seleccionar de 6 a 10 imágenes, las que debe reunir bajo un título original, y ofrecer un texto breve de no más de 200 palabras para darles un hilo conductor; se espera que las imágenes guarden relación entre sí, y que se indique la fuente de origen de cada una de ellas.

En lo que escribas, prefiera cumplir con estas recomendaciones:

La entrega de este ejercicio se hace en línea, con el uso de GitHub Pages, y aprovechando los archivos compartidos en esta carpeta de repositorio.

Este podría ser tu primer trabajo de coding ¡Pero no desesperes! Sigue las instrucciones: haz los reemplazos donde se indique. Puedes solicitar ayuda a compañeras/os que hayan aprobado el Optativo de Diseño y Nuevos Medios. Si necesita ayuda de los profesores o ayudante, debes tener tu trabajo en un repositorio.