Unidad 1 Introducci on a los Lenguajes Infogr acos

En esta asignatura abordaremos el tratamiento de im agenes mediante el uso de inform atica.

Todo el curso girar a en torno a los elementos de una infograf a y las posibilidades que tenemos para su creaci on, modicaci on o divulgaci on. La infograf a es el recurso que usaremos para conceptualizar todos los aspectos te oricos de la asignatura, no el objetivo nal de la misma.

Intentaremos dar una visi on gen erica de todos los conceptos necesarios para la elaboraci on o manipulaci on de infograf as. Utilizaremos hardware y software espec co para tal prop osito pero no es objetivo de la asignatura aprender este uso espec co si no aportar al alumno los conocimientos sucientes para utilizar cualquier hardware o software que pueda satisfacer nuestras necesidades en este campo.

Unidad 1. TEOR IA

TEMA 1.1

Qu e es una Infograf a?

Si est as viendo este documento con un lector de pdf comprueba la calidad de las ilustraciones usando el zoom.

Una infograf a es una composici on visual que muestra alg un tipo de informaci on. En el campo de la comunicaci on es necesario usar diferentes m etodos para transmitir la m axima cantidad de informaci on al m aximo n umero de receptores de la misma, y esto no se consigue utilizando u nicamente el lenguaje verbal o escrito. Con las herramientas y el conocimiento necesarios se pueden crear buenas infograf as sobre cualquier tema que queramos documentar para transmitirlo a los dem as. En este tema se abordar an aspectos t ecnicos en torno a la infograf a con los que el alumno ampl a su capacidad para su elaboraci on. Las primeras infograf as que conocemos podr an ser las pinturas rupestres de las cuevas de Altamira. Observ andolas podemos imaginar que un individuo ha intentado transmitir alg un tipo de informaci on (rituales, modos de caza. . . ) a sus compa neros (o lo ha hecho para recordarlo el mismo, qui en sabe) utilizando un soporte visual, Figura 1.1: Infograf a en Altamira explicativo de lo que el individuo quer a 1 describir (ver gura 1.1 ). Tambi en podr an llamarse infograf a muchos de los trabajos que realizaba Leonardo Da Vinci para documentar el conocimiento de su epoca o los m ultiples inventos que aport o a la humanidad. En ellos describe mediante dibujos y algo de texto aquello que quiere documentar para sus contempor aneos o para cualquiera de los que tenemos acceso hoy en d a a estas maravillas. Las ilustraciones y el texto se complementan y van ocupando los lugares adecuados con el tama no preciso para mejorar la comprensi on del mensaje que quer a transmitir Leonardo, en este caso en referencia a un estudio anat omico del Figura 1.2: Leonardo siglo XVI sobre el embri on humano (ver gura 1.22 ). Da Vinci
1

Obtenida de http://3.bp.blogspot.com/-AbjUIDMApqM/T8kFFTNDC4I/AAAAAAAABF8/HhO7U1PY 2.jpg 2 Fotograf a tomada por Luc Viatour (www.Lucnix.be) y descargada de la Wikipedia. No es de libre distribuci on.

Lenguajes Infogrcos. Curso 2013/2014

Introducci on a los Lenguajes Infogr acos

Reexiones sobre el concepto de infograf a: La infograf a combina las habilidades del dibujo y dise no de un artista con las habilidades period sticas de un reportero.

Je Goertzen

Son una combinaci on de palabras y elementos visuales que explican los acontecimientos descritos en el art culo y sit uan a la historia o a sus protagonistas en un contexto determinado.

Peggie Stark

Es aquella que da al lector el mayor n umero de ideas en el menor lapso de tiempo, y empleando la menor cantidad de tinta y el espacio m as reducido posible.

Edgard Tufte

Ejercicio 1 (Documentaci on). Busca informaci on sobre los tres personajes citados, Je Goertzen, Peggie Stark y Edgard Tufte.

Grado en Bellas Artes - UMH

Unidad 1. TEOR IA

TEMA 1.2

Evoluci on de la infograf a desde los 80

Antes de los 80 todo el proceso de creaci on de infograf as era manual por lo que s olo los artistas pod an crear infograf as de calidad.

Con la introducci on de medios inform aticos y su relaci on con las imprentas se puso al alcance de los grandes medios de comunicaci on la creaci on de infograf as de cierta calidad que hac an m as comprensible el mensaje que quer an transmitir.

El aporte m as importante de la inform atica en esta primera epoca fue la posibilidad de repetir patrones con m nimo esfuerzo, lo que se percibe en p aginas quiz a sobrecargadas de Figura 1.3: Mapa del tiem- gr acos muy similares (ver gura 1.33 ). po de USA Today. 1982 En 1983 los gr acos son poco elaborados. Son muy lineales, no hay color. Son confusos, dif ciles de entender. Los paratextos son lineales. Se incorporan con mayor facilidad elementos fotogr acos, planos. . . pero su control sobre los mismos no es sencillo, las herramientas inform aticas disponibles se ejecutan mediante ordenes escritas lo que haun dif cil su tratamiento, reserFigura 1.4: Recintos electorales. 1982 ce a vado para t ecnicos y expertos. La infograf a NO cumpl a su funci on (ver gura 1.44 ).
3 4

Obtenido bajo licencia TAL en http://... Obtenido bajo licencia TAL en

Lenguajes Infogrcos. Curso 2013/2014

Introducci on a los Lenguajes Infogr acos

En 1986 comienzan a usarse mejor los programas inform aticos, que aportan mayor funcionalidad a sus usuarios. Im agenes proporcionales Se mezclan colores Gr acos llamativos y din amicos Textos claros Se utilizan diferentes tama nos y fuentes en los textos Hay m as creatividad Aunque se sigue trabajando con comandos crecen las posibilidades del dise nador (ver gura 1.55 ). En el siglo XXI se produce un cambio radical. La programaci on visual acerca los recursos inform aticos a todo tipo de usuarios. Figura 1.5: Exportaciones. 1986

La infograf a incorpora: Gr acos sencillos y limpios Letras m as claras Menos recargados Tipos de letra sin serifa Diversicaci on de colores Figura 1.6: Trabajo infantil. . . 2002

Las nuevas interfaces de usuario facilitan la elaboraci on de infograf as con muchos recursos y aspecto m as limpio (ver gura 1.66 ).
5 6

Obtenido bajo licencia TAL en Obtenido bajo licencia TAL en

Grado en Bellas Artes - UMH

Unidad 1. TEOR IA

En 2003 la imagen habla por s sola, acompa nada por ciertas frases estrat egicas.

La facilidad para incorporar recursos a las infograf as puede derivar en resultados sobrecargados de informaci on o resultados que ocultan el detalle para aquellos que quieren ver s olo lo m as relevante de la comunicaci on. Figura 1.7: Rutas de procesiones Los elementos principales del dise no se aplican correctamente: La proporci on, la perspectiva, la forma, el movimiento, el color y la direcci on (ver gura 1.77 ). En 2004-2005 predominan las im agenes sobre los textos.

La infograf a es: M as directa M as r apida de comprender M as entendible M as din amica La informaci on se jerarquiza Figura 1.8: Pasaportes. . . 2004

Incorporan gr acos estad sticos discretos y f aciles de comprender que aportan riqueza visual y documental a la infograf a (ver gura 1.88 ).

7 8

Obtenido bajo licencia TAL en Obtenido bajo licencia TAL en

Lenguajes Infogrcos. Curso 2013/2014

Introducci on a los Lenguajes Infogr acos

En 2006 Los gr acos se asemejan m as a la realidad.

El inf ografo no quiere hacer uso de la fotograf a y preere hacer ilustraciones cada vez m as perfectas y reales, aunque en muchas ocasiones estas ilustraciones son obtenidas mediante la aplicaci on de herramientas inform aticas a la fotograf a digital cada vez m as presente. Figura 1.9: Pasos peatonales. . . 2006 Los paratextos son t ecnicos, extensos y poco legibles (ver gura 1.99 ).

En 2007 la infograf a es sencilla y limpia, las im agenes son mas elaboradas gracias al perfeccionamiento en el uso de interfaces de usuario inform aticas, hay mucha informaci on.

En muchas ocasiones estas ilustraciones son obtenidas mediante la aplicaci on de herramientas inform aticas a la fotograf a digital cada vez m as presente (ver gura 1.1010 ). Figura 1.10: Sobrecarga de trabajo f sico. . . 2007
9 10

Obtenido bajo licencia TAL en Obtenido bajo licencia TAL en

Grado en Bellas Artes - UMH

Unidad 1. TEOR IA

Para el mundial de f utbol de 2010 se cre o una infograf a entregada en 11 papel por La Prensa Gr aca durante 12 semanas. Muestra claramente c omo una buena documentaci on sobre el tema, la recolecci on o elaboraci on de recursos gr acos, alguna herramienta inform atica capaz de trabajar con tantos elementos y bastante dedicaci on puede ofrecer resultados muy vistosos, entregado en infograf as de tama no dinA3 que 2 pod an terminar siendo una enorme infograf a de Xm . Ejercicio 2. Discutir razonadamente cu al ser a el tama no nal del entregable.

Ejercicio 3. Discutir razonadamente cu al ser a el tama no nal del entregable digital si cada imagen tiene 960x590 p xeles cada una de ellas.

Figura 1.11: Infograf a completa del mundial de f utbol 2010

11

Puedes descargar su versi on digital en 12 cheros http://gracos.laprensagraca.com/2010/06/graco-armable-sudafrica-2010/

desde

Lenguajes Infogrcos. Curso 2013/2014

Introducci on a los Lenguajes Infogr acos

En 2011 se utilizan m ultiples recursos para la elaboraci on de excelentes infograf as. En http://avepae.org/peatones-a-su-suerteinfograa-realizada-por-moira-olivar-ilustradoradel-diario-panorama-premio-2012-de-la-sip/ se explican importantes detalles sobre la infograf a premiada en 2012 por la Sociedad Interamericana de la Prensa. En ella se observa gran cantidad de informaci on correctamente distribuida que permite al lector localizar con rapidez los detalles que sean m as de su inter es (ver gura 1.1212 ). Figura 1.12: Peatones a su suerte, premio SIP 2012

TEMA 1.3

Tipos de infograf as

Existen cuatro tipos b asicos de infograf as en funci on de su contenido: gr acos estad sticos mapas tablas diagramas

Infograf a realizada por Moira Olivar, ilustradora del Diario Panorama, Venezuela. Obtenido bajo licencia TAL en http://avepae.org/wpcontent/uploads/2012/08/PEATONES-A-SU-SUERTE-PANORAMA-PREMIOSIP.2.jpg. En los metadatos de la imagen (es jpg) no aparece informaci on sobre su origen o licencia.

12

Grado en Bellas Artes - UMH

10

Unidad 1. TEOR IA

En funci on de su aplicaci on hablamos de infograf as: period sticas, arquitect onica, instructivas, cartogr acas. . .

Los gr acos estad sticos son los m as com unmente utilizados para presentar informaci on num erica y estad stica. Se dividen, a su vez, en gr acos de barra, de torta y de ebre. Al utilizar gr acos estad sticos hemos de intentar que la forma sugiera qu e se pretende explicar sobre datos num ericos, algo dif cil de determinar si no se esfuerza el dise nador en ello, como parece ocurrir en este mapa de Charles Minard (1869) que muestra el movimiento, las p erdidas humanas y la temperatura ambiental durante la campa na de Napole on contra Rusia en 1812. Litograf a, 62 x 30 cm. (ver gura 1.1313 ). Figura 1.13: Gr aco de barra Los gr acos de torta son bastante acertados para representar repartos (proporciones en general).

Figura 1.14: Consumo de mi tarta

Este bonito ejemplo muestra tanto la parte del pastel que ya ha consumido el dise nador como aquella que a un no ha probado. (ver gura 1.1414 ).

Imagen obtenida en http://commons.wikimedia.org/wiki/File:Minard.png#le, con licencia. . . 14 Obtenido bajo licencia TAL en

13

Lenguajes Infogrcos. Curso 2013/2014

Introducci on a los Lenguajes Infogr acos

11

El mapa es necesario para mostrar la ubicaci on de un acontecimiento. Es muy utilizado en la documentaci on sobre noticias en las que la geolocalizaci on puede a nadir m as informaci on al texto explicativo, o para describir las partes de un objeto f sico (en anatom a por ejemplo). . . Es t pico el ejemplo del mapa del tiempo, que usa iconos para que entendamos visualmente lo que nos quieren transmitir (ver gura 1.1515 ).

Figura 1.15: Mapa del tiempo

La tabla es un cuadro sencillo en el que se presentan datos descriptivos que, a veces, no son f aciles de cruzar y no se pueden comparar con facilidad. Puede aparecer como una simple lista de datos que se colocan en varias columnas. . . Las infograf as pueden volverse m as elaboradas de acuerdo a la complejidad del art culo. De esta manera, un gr aco de barras puede combinarse con un diagrama y un gr aco de tarta, por ejemplo, para expresar una u nica informaci on. Las tablas a menudo no parecen gr acos pero permiten cruzar informaci on con pocos recursos (ver gura 1.1616 ).

(a) Muy sencilla

(b) Con alguna decoraci on

Figura 1.16: Tablas simples

15 16

Obtenido bajo licencia TAL en Im agenes obtenidas bajo licencia TAL en http://...

Grado en Bellas Artes - UMH

12

Unidad 1. TEOR IA

Tambi en pueden presentar un aspecto m as art stico, incluso es f acil con las herramientas actuales decorar la misma tabla con diferentes iconos (ver gura 1.1717 ).

(a) Predicci on del tiempo femenina

(b) Predicci on del tiempo masculina

Figura 1.17: Usando tablas como elementos infogr acos

El diagrama es un gr aco que puede precisar de mayores habilidades 18 art sticas (ver gura 1.18 ).

(a) Eres aspirante a inform atico?

(b) Elementos de una bicicleta

Figura 1.18: Un par de diagramas infogr acos Cuando el prop osito del cuadro es mostrar c omo se ve o funciona algo, un diagrama es m as apropiado que los n umeros o la prosa
17 18

Im agenes obtenidas bajo licencia TAL en http://... Im agenes obtenidas bajo licencia TAL en http://...

Lenguajes Infogrcos. Curso 2013/2014

Introducci on a los Lenguajes Infogr acos

13

TEMA 1.4

Partes de una infograf a y recursos

Elio Leturia, en su art culo Qu e es una infograf a? 19 , arma Para que un cuadro gr aco sea considerado completo debe poseer un titular, un texto explicativo corto, un cuerpo de informaci on, una fuente y un cr edito de autor.

El titular debe ser. . .

El texto debe ser. . .

El cuerpo. . .

La fuente indica. . .

El cr edito. . .

Ejercicio 4. Completa las citas consultando la fuente.

Leturia, Elio (1998): Qu e es infograf a? - Revista Latina de Comunicaci on Social, 4. Recuperado el 24 de septiembre de 2013 de http://www.ull.es/publicaciones/latina/z8/r4el.htm

19

Grado en Bellas Artes - UMH

14

Unidad 1. TEOR IA

T tulo El t tulo ha de ser directo y sintetizar la informaci on que se pretende transmitir ya que representa el primer contacto del lector con la infograf a. Puede escribirse un subt tulo si aporta informaci on de gran inter es que completa la aportada por el t tulo. Debe usarse una tipograf a legible y puede adornarse con una trama adecuada a la infograf a. Texto explicativo El texto explicativo ha de ser preferiblemente corto. Aporta informaci on que complementa a la aportada por el cuerpo. Tambi en se usa texto en leyendas, notas al pie. . . El animo es siempre que no oculten la informaci on fundamental de la infograf a, s olo han de complementarla del modo m as discreto posible. Cuerpo El cuerpo es la base de la infograf a, es quien hace atractiva la informaci on presentada, a la vez que inteligible por el mayor n umero de lectores a los que va dirigida. No ha de ser necesariamente simple, aunque redundar en detalles en el cuerpo puede distraer la atenci on de lo que se pretende comunicar. Fuente y cr editos Fuente y cr editos aparecen siempre en una parte discreta de la infograf a, en un margen y con letra peque na.

Lenguajes Infogrcos. Curso 2013/2014

Introducci on a los Lenguajes Infogr acos

15

Es importante conocer la legislaci on sobre derechos de autor para no incurrir en plagio (p.ej.) o saber qu e derechos tenemos sobre una infograf a que presenta nuestros cr editos. Hemos visto los tipos m as comunes de infograf as y sus partes desde un punto de vista general. Ahora expondremos algunos de los recursos m as utilizados en su creaci on, que no son recursos desconocidos para ning un artista. Como la infograf a es un lenguaje visual, uno de los mejores recursos es el texto. Sus m ultiples versiones (tipos) le permiten adoptar diferentes formas, su funci on es evidente: comunicar lo que se haya escrito. Todos los recursos de la infograf a se pueden clasicar por su forma o por su funcionalidad. Por su forma Si ponemos la atenci on en la forma del recurso podemos usar los siguientes:

Gr aco Separado Integrado Radial En serie Estad stico Mapas Iconos Flechas, conectores N umeros, s mbolos ...
Grado en Bellas Artes - UMH

16

Unidad 1. TEOR IA

Por su funcionalidad

Si ponemos la atenci on en la funcionalidad del recurso podemos usar los siguientes:

Proporci on Perspectiva Texturas Formas C rculo (movimiento) Rect angulo (estabilidad) Tri angulo (intermedio) Plano Movimiento Color Paratexto Leyendas ...

TEMA 1.5

Cu ando usar una infograf a?

Lenguajes Infogrcos. Curso 2013/2014

Introducci on a los Lenguajes Infogr acos

17

Como norma general se usar a una infograf a siempre que tengamos tiempo y recursos adecuados para exponer la informaci on que deseamos en un formato que no sea puramente verbal.

Es importante adaptar la infograf a al p ublico al que va dirigida, no todo el mundo se siente atra do por los mismos dise nos o estilos. En ocasiones las infograf as se han de presentar en exposiciones serias, otras han de ser m as divertidas. . . La adaptaci on al p ubliando usar una infoco al que se desea llegar puede lo- Figura 1.19: Cu a? grar que la infograf a consiga su ob- graf jetivo: divulgar informaci on. (ver gura 1.1920 ).

Obtenida en http://media02.hongkiat.com/infographics/preview.jpg, al pulsar el enlace adjunto para comprobar los cr editos de la imagen no aparece la informaci on buscada.

20

Grado en Bellas Artes - UMH

18

Unidad 1. PRACTICA

PRACTICA 1.1

Revisi on y discusi on sobre los elementos de diversas infograf as

Lee el art culo titulado ::infograma 21 e intenta comprender su contenido para debatir en clase el tema tratado. Consta de dos p aginas, para acceder a la segunda tendr as que buscar un s mbolo + al nal del texto (lamentablemente no siempre se muestra este enlace, haz zoom usando Ctrl++ (tecla Ctrl pulsada y pulsar tecla +) y es posible que el s mbolo desaparezca de tu pantalla). Lee el art culo Qu e es una infograf a? 22 y plantea en clase los conceptos en los que est es de acuerdo con el art culo y aquellos con los que est es en desacuerdo. Lee la documentaci on que recoge la Wikipedia sobre Infograf a23 , visita su traducci on al espa nol Podr as hacer algo para mejorar la p agina traducida? Visita 50 Informative And Well-Designed Infographics 24 y comenta los elementos25 de las 10 infograf as que m as te impacten, tanto por su atractivo como por sus aspectos negativos. Tras observar gran cantidad de infograf as habr eis deducido que no todas contienen las cuatro partes que hemos expuesto en el tema 1.4, pero supone un buen punto de partida para comenzar a hacer nuestras propias infograf as. Ahora observa las misma infograf as26 y trata de describir los recursos que se han utilizado. Debate con tus compa neros sobre la idoneidad de los mismos, su universalidad. . .
http://www.cursos.ucv.cl/arq48100/javierprieto/trabajos/infograma/ http://www.ull.es/publicaciones/latina/z8/r4el.htm, escrito por Elio Leturia. 23 http://en.wikipedia.org/wiki/Infographic 24 http://www.hongkiat.com/blog/50-informative-and-well-designed-infographics/, escrito por Hongkiat Lim 25 Al hablar de elementos de la infograf a nos referimos a t tulo, texto explicativo, cuerpo, fuente y cr editos 26 http://www.hongkiat.com/blog/50-informative-and-well-designed-infographics/
22 21

Lenguajes Infogrcos. Curso 2013/2014

Introducci on a los Lenguajes Infogr acos

19

PRACTICA 1.2

Elaborar una infograf a

No vamos a elaborar una infograf a completa en esta pr actica. Es posible que t u s que puedas pero en estos apuntes vamos a practicar sobre lo que ya sabemos, y nos falta mucha teor a inform atica para ser capaces de elaborar buenas infograf as. Vamos a pensar y discutir sobre la infograf a que entregar eis en la u ltima pr actica evaluable del curso. A estas alturas del curso no pienses que ya est a decidida la pr actica nal de curso, nos inventaremos una para ir aprendiendo a lo largo del curso cu al es el camino m as completo para desarrollar una buena infograf a. En clase se propondr a un tema, un formato (o varios) y qui en ser a el destinatario de la infograf a. La idea es que comencemos con un dise no b asico de la infograf a.

1. Decidiremos cu al ser a su t tulo y c omo quedar a aproximadamente en la infograf a nal. 2. Buscaremos informaci on escrita y gr aca sobre el tema elegido. 3. Decidiremos qu e formar a su cuerpo: im agenes, gr acos. . . 4. . . .

Guardaremos este dise no y la planicaci on en un papel dinA4 que nos servir a en pr acticas posteriores. Conforme avancemos en la asignatura aprenderemos conceptos aplicables a este trabajo e iremos preparando el material necesario para poder realizar nalmente la infograf a dise nada.

Grado en Bellas Artes - UMH

20

Unidad 1. PRACTICA

PRACTICA 1.3

Crear un diccionario de conceptos de la asignatura

Esta pr actica surge de la necesidad de aanzar los conocimientos adquiridos en cualquier asignatura universitaria. Aunque s olo se expondr a en esta primera unidad es una pr actica com un a todas las unidades de la asignatura, es responsabilidad del alumno tener actualizados sus apuntes, resolver las dudas que le van surgiendo a lo largo del curso, bien a trav es de tutor as presenciales, bien a trav es de consultas mediante correos electr onicos u otros medios de comunicaci on virtuales o incluso ampliando informaci on a trav es de la web, donde encontrar eis muchos art culos sobre cualquier tema que os preocupe (en este u ltimo m etodo el alumno ha de ser m as cr tico pues la informaci on disponible en la web no tiene siempre una calidad contrastada).

PRACTICA 1.4

Recopilaci on y an alisis de infograf as actuales

A lo largo del curso se realizar an pr acticas obligatorias cuya correcci on formar a parte de la evaluaci on nal de la asignatura. Esta es la primera pr actica evaluable del curso, en clase se expondr a el anunciado y se aclarar an las dudas que os surjan al respecto. La idea es que os tom eis un tiempo para seleccionar una infograf a que os resulte impactante, bien por su belleza o bien por todo lo contrario, la analic eis y entregu eis un informe junto a la infograf a respondiendo brevemente a las cuestiones que se plantear an en la misma. Esta es la u nica pr actica del curso que se realiza y se entrega a mano.

Lenguajes Infogrcos. Curso 2013/2014

 Indice de guras
1.1. Infograf a en Altamira . . . . . . . . . . . . . 1.2. Leonardo Da Vinci . . . . . . . . . . . . . . . 1.3. Mapa del tiempo de USA Today. 1982 . . . . 1.4. Recintos electorales. 1982 . . . . . . . . . . . . 1.5. Exportaciones. 1986 . . . . . . . . . . . . . . . 1.6. Trabajo infantil. . . 2002 . . . . . . . . . . . . . 1.7. Rutas de procesiones . . . . . . . . . . . . . . 1.8. Pasaportes. . . 2004 . . . . . . . . . . . . . . . 1.9. Pasos peatonales. . . 2006 . . . . . . . . . . . . 1.10. Sobrecarga de trabajo f sico. . . 2007 . . . . . . 1.11. Infograf a completa del mundial de f utbol 2010 1.12. Peatones a su suerte, premio SIP 2012 . . . . 1.13. Gr aco de barra . . . . . . . . . . . . . . . . . 1.14. Consumo de mi tarta . . . . . . . . . . . . . . 1.15. Mapa del tiempo . . . . . . . . . . . . . . . . 1.16. Tablas simples . . . . . . . . . . . . . . . . . . 1.17. Usando tablas como elementos infogr acos . . 1.18. Un par de diagramas infogr acos . . . . . . . 1.19. Cu ando usar una infograf a? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 2 4 4 5 5 6 6 7 7 8 9 10 10 11 11 12 12 17