Universitat Oberta de Catalunya

Los ciclos biológicos: Diploide, Haploide y Diplohaploide

Asignatura:  TFG de infografía para la Wikipedia

Autora: Núria Sánchez Díaz

Consultora y profesor:  David Gómez Fontanills/ Irma Vilà Òdena 

Asesor: Xavier Dengra  (biotecnólogo y Wikipedista)

Introducción

La culminación y parte final en la que tenemos que poner en práctica los conocimientos adquiridos en los diferentes campos o materias de nuestro Grado se evalúan y presentan en el TFG (Trabajo de Final de Grado). En mi caso, como estudiante de Grado de Multimedia, ha consistido en el desarrollo de tres infografías sobre el área de Biología, más concretamente sobre el ciclo biológico. La finalidad de estas tres infografías es substituir a las tres ya existentes en el artículo sobre el cual voy a trabajar con la intención de mejorarlas tanto en el aspecto gráfico, como herramienta didáctica de información científica, como en el aspecto de imagen digital, utilizando el formato vectorial y así poder ser ampliadas con cualquier dispositivo sin que al hacerlo se pierda calidad de imagen.

Espero que este artículo sirva como guía a todos aquellos que quieran añadir “su granito de arena” al entorno colaborativo de Wikipedia.

Etapas y retos

Organización:

Como en todo desarrollo de un producto es muy importante crear un plan de trabajo con la intención de organizar y estructurar las cargas de trabajo, las posibles dificultades que nos podemos encontrar, así como definir y marcar las diferentes reuniones con los colaboradores en el proyecto. En mi caso con el tutor del TFG y con el biólogo colaborador.

A continuación os comento una serie de aspectos que he tenido muy en cuenta para llevar a cabo este TFG y que han marcado el tiempo durante todo el proceso:

  • Recopilación de la información:
  • Estado del arte en Wikipedia sobre los gráficos científicos.
  • Soluciones gráficas que se adoptan en las publicaciones científicas y divulgativas.
  • Primeros borradores y correcciones.
  • Borradores finales y validación.
  • Publicación.
  • Memoria.

Planteamiento de las infografías:

Para contribuir como grafista, es muy importante conocer el alcance de la Wikipedia. Estamos hablando de una enciclopedia de libre acceso y alcance mundial en un entorno colaborativo y libre de derechos. Cualquiera puede colaborar pero no por eso Wikipedia deja de tener rigor. Hay un control distribuido por la comunidad de Wikipedia, formada tanto por especialistas como por personas ajenas a la comunidad que, interesadas y conocedoras de los diferentes temas, corrigen los contenidos publicados.

Las páginas más demandadas por un colectivo concreto o por un tema específico son objeto de atención de los colaboradores de Wikipedia que se esfuerzan por actualizar y mejorar los contenidos  de los artículos y por incorporar fotografías e infografías que los hagan más comprensibles.

Antes de empezar a hacer la infografía me interesé por conocer al público al que me dirigía (target) y así enfocar mi revisión hacia ese colectivo. El mismo entorno me facilitó gráficas de las visitas en las distintas publicaciones.

Imagen1. Estadísticas de visitas de la página del ciclo biológico
Imagen 1. Estadísticas de visitas de la página del ciclo biológico

Se recomienda visitarlas antes de decidirse por un tema concreto.

Link: https://tools.wmflabs.org/pageviews/?project=ca.wikipedia.org&platform=all-access&agent=user&start=2016-12-13&end=2017-04-01&pages=

Estado del arte:

Las infografías de Wikimedia Commons que he tomado como referencia a seguir son las de divulgación científica. Éstas son muy visuales y descriptivas.

magen 2 Eejemplo ampliación https://es.m.wikipedia.org/wiki/Archivo:Vasos_sangu%C3%ADneos.svg Autoria: Kelvinson con licencia Creative Commons Genérica de Atribución / Compartir- Igual 3.0.
Imagen 2 .Ejemplo ampliación https://es.m.wikipedia.org/wiki/
Archivo:Vasos_sangu%C3%ADneos.svg Autoria: Kelvinson con licencia Creative Commons Genérica de Atribución / Compartir- Igual 3.0.
Imagen 3. Ejemplo apliación https://en.wikipedia.org/wiki/Neuron#/media/File:Complete_neuron_cell_diagram_en.svg Autoría: LaydyofHats amb licencia Creative Commons Genérica de Atribución / Compartir- Igual 3.0. (consultado el 2 de abril de 2017)
Imagen 3. Ejemplo ampliación https://en.wikipedia.org/wiki/
Neuron#/media/File:Complete
_neuron_cell_diagram_en.svg Autoría: LaydyofHats con licencia Creative Commons Genérica de Atribución / Compartir- Igual 3.0. (consultado el 2 de abril de 2017)

Para partes concretas de la información que necesitan una explicación más detallada utilizan ampliaciones en forma de lupa. También se usan colores contrastados y dibujos de fondo con transparencias para situar la parte que describen.

La búsqueda de información y de imágenes parecidas, publicaciones de divulgación, libros de texto, apuntes y publicaciones por internet ha sido muy amplia. Se han tenido en cuenta 45 imágenes de referencia, tanto del tema en concreto como de soluciones visuales. A continuación un par de ejemplos de detalle.

Imagen 4. Sorus, extraída de https://www.flickr.com/photos/ blueridgekitties/6340925614 (consultada el 20 de abril de 2017)/ Attribution-NonCommercial-ShareAlike 2.0 Generic (CC BY-NC-SA 2.0)
Imagen 5. Helecho y talo https://es.slideshare.net/claudinei-xavier/briofitas-e-pteridfitas?nomobile=true / Autoria Caludinei-Xavier, derechos reservados (consultado el 6 de mayo de 2017)

Resultados:

El propósito era substituir las tres infografías que se encuentran en la publicación original por otras tres del estilo de las mostradas anteriormente (Wikimedia Commons), explicando los mismos ciclos pero corrigiendo algunas faltas de carácter científico y, sobre todo, haciéndolas más comprensibles al público generalista.

Imágenes 6a, 6b y 6c. Imágenes originales del artículo. Menchi 2003 CC-by-sa 3.0 – Basat en Freeman & Worth’s Biology of Plants.
Imagen 7. Primer esquema gráfico

Inicialmente hice un simple esquema gráfico para poder ver como se tenía que organizar el contenido y constatar que el ciclo en sí estaba correctamente expuesto.

El siguiente paso era transmitir visualmente mucha más información sobre la infografía de forma clara. Al tratarse de una publicación de divulgación científica el asesoramiento del biólogo fue fundamental. El reto era introducir toda la información importante, como nombres y procesos, en un entorno visual que determinara en una sola mirada que estábamos hablando de ciclos.  

Empecé por la infografía más complicada debido a la cantidad de procesos e información que tenía que mostrar la ilustración. Para organizar el contenido tuve que tener en cuenta que la Wikipedia, aunque sea adaptable al formato del móvil, tiene el mismo reto que otras plataformas o portales con las imágenes: todavía no ha encontrado fórmulas para visualizar correctamente imágenes demasiado horizontales o panorámicas. Por lo tanto se optó por un formato cuadrado o ligeramente vertical de manera que se pueda visualizar correctamente con cualquier dispositivo móvil.

Las tres primeras infografías, no definitivas, intentan empezar a distribuir la información y a dar color y dimensión al dibujo.

Primer esbozo de la infografía del ciclo diplohaploide. Empezamos a distribuir la información y definimos colores y dimensiones del dibujo.
Primer esbozo de la infografía del ciclo haploide. Empezamos a distribuir la información y definimos colores y dimensiones del dibujo.
Primer esbozo de la infografía del ciclo diploide. Empezamos a distribuir la información y definimos colores y dimensiones del dibujo.

En este caso he utilizado colores pastel con alguna transparencia y degradados.

Resultado final

Este es el resultado final después de algunas correcciones de rigor científico por parte del biólogo y del profesor, además de un replanteamiento sobre la forma de la infografía, las ampliaciones, las repeticiones y colocación de algunos de los elementos.

En los tres casos las formas redondeadas ayudan a entender que es un ciclo y la flecha marca el sentido del desarrollo dicho ciclo. Otra solución gráfica utilizada ha sido marcar las diferentes fases con dos colores o tonalidades diferentes.  

Para las ampliaciones he escogido una forma simple redondeada, de menos a más, utilizando además un icono con forma de microscopio que indica que es una ampliación.

Otra solución gráfica utilizada ha sido poner algún elemento de fondo que ubique el ciclo para que no quede como un elemento aislado.

Imagen 11. Ciclo diplohaploide

El ciclo diplohaploide es el que utilizan una parte de las plantas, esto ha motivado que los colores utilizados sean los tonos verdes y marrones propios de la naturaleza.

En los dos ciclos siguientes la ampliación forma parte de todo o casi todo el ciclo, es por eso que en el caso de los diploides he sacado los elementos más grandes fuera del ciclo.

Imagen 12. Ciclo haploide.

En el caso de los organismos haploides (micro alga verde) por la forma del alga y para que la ilustración quede más equilibrada hago salir una parte y la complemento con su nombre. En estas infografías, como en la anterior, he utilizado colores que tienen que ver con los ciclos y he substituido degradados por transparencias ya que los nombres se ven mejor con un color uniforme.

Imagen 12. Ciclo Diploide

En el caso del ciclo Diploide he utilizado el ratoncito como organismo modelo, por lo tanto los colores intentan ser de colores de piel; y en el caso de la micro alga verde he utilizado verdes y azules claros para simular agua.

Respecto al lenguaje, es de tipo científico y los nombres en latín los he puesto en cursiva. Para el resto he utilizado la negrita en medida 18pt para destacar fases y ciclos y el resto en medida 14pt y 12pt en función de la importancia que tiene el nombre al proceso.

El tipo de letra es de la familia de las fuentes tipográficas “sans-serif” (de palo seco) con terminación lineal. No tiene un nombre definido, es genérica de este estilo y viene como predeterminada en el programa de licencia libre Inkscape. Con este tipo de letra se garantiza que se pueda ver bien en cualquier dispositivo. Hay cuatro tipos de variaciones, Normal, Italic, Bold y Bold Italic. La escalera de color escogida es la RGB porque se creó para poder ver correctamente los colores en cualquier pantalla. Tiene una escala de color que va de 0 a 255.

En una infografía, el color de la letra también es muy importante ya que un negro puro destacaría mucho sobre las tonalidades de los diferentes colores utilizados. Así que he dado a la tonalidad de la letra un valor de 48 sobre 0 en la intensidad de color al rojo (red), verde  (green) o azul (blue) que predomina al color de fondo a cada infografía.

De las tres infografías, existen tres versiones más. Son exactamente iguales, lo que varía es el idioma (versiones en castellano, catalán y inglés ) y también hay una cuarta sin texto para que se pueda editar o utilizar en las escuelas como “mapa mudo”. A la selección de las diferentes versiones se accede desde la página de la infografía.

Las infografías se han publicado en Wikimedia Commons con el formato SVG estándar para gráficos vectoriales en la web. Los textos se han vectorizado para que se vea igual en cualquier contexto pero también está la versión editable para facilitar las traducciones.

El primer paso antes de subir las infografías a Wikimedia Commons es validar el contenido en la web de W3c con la finalidad de conseguir el estándar y, de esta manera, confirmar que se podrá ver correctamente en cualquier navegador, ya que no arrastra etiquetas antiguas ni errores en su sintaxis.

El procedimiento a seguir es ir a Campaign: WikiArs y con el asistente de carga Upload Wizard, subir las imágenes. Se deben ir siguiendo los pasos que se explican en la primera parte del proceso de carga.

Imagen 14. Captura de la subida de archivos

Se libera la licencia escogiendo la que más se ajuste a lo que tú quieras, teniendo en cuenta que para que sea útil, la licencia ha de dejar compartir y editar, y seguidamente viene la carga de los archivos. El asistente deja subir unos cuantos a la vez.

Imagen 15. Archivos subidos.

Seguidamente se deben rellenar los campos de cada uno de los archivos subidos, si es el mismo archivo con pequeñas variaciones, como en nuestro caso, se puede rellenar el primero y copiarlo a todos los demás vigilando desmarcar la casilla que copia el nombre del archivo también.

Se debe hacer una descripción del contenido en diferentes idiomas, poner el centro educativo donde se ha realizado la infografía (GMM UOC), la organización ([[m:Amical Wikimedia|Amical Wikimedia]]) y la categorización con etiquetas que describan el contenido. Nos piden concretar si es obra original (como en nuestro caso) o derivada. Finalmente se añaden las plantillas de “Validado por W3c” y la etiqueta de “hecho con Inkscape”.

Imagen 16. Archivos en Commons

Una vez los archivos aparecen en Wikimedia Commons  ya se pueden publicar las imágenes en la página de Wikipedia para la que estaban hechas.

Después de todo el proceso se puede pedir la distinción de “Quality Image”, que es una distinción que da la comunidad a las imágenes de alta calidad artística, técnica y divulgativa.

Conclusiones

Hacer una publicación en la Wikipedia es mucho más riguroso de lo que yo creía. Hay todo un colectivo de personas que garantiza la calidad de la publicación. Para mí ha sido una oportunidad poder conocer el entorno y un placer poder formar parte de este colectivo sin ánimo de lucro que contribuye a construir una enciclopedia para difundir el conocimiento.

Las normas de la comunidad se basan en el respeto y la colaboración y es por este motivo que un aspecto muy importante es el tipo de licencia bajo la que se publica todo el contenido de la Wikipedia. Todas las imágenes que se publican deben tener una licencia libre que permite cualquier tipo de uso, esto implica que has de aceptar liberar tu contribución a la comunidad.

Es por eso que he liberado mi obra con licencia Creative Commons con reconocimiento, compartir igual.

Para que sirva para toda la comunidad he hecho cuatro versiones, en catalán, en castellano, en inglés y otra muda que pueda ser editada.

El asesoramiento sobre los aspectos científicos ha ido de la mano del bio-tecnólogo Xavier Dengra.

Recomendaciones

Una de las decisiones más importantes es que la ilustración tenga la forma circular tan descriptiva de los ciclos, esto ayuda a la comprensión de la información. Utilizar colores que formen parte del proceso y que no sean excesivamente contrastados para que los textos se lean con mayor facilidad y utilizar figuras de fondo para contextualizar los procesos, son tres de las múltiples cosas que hacen que una infografía sea útil y muy consultada por los usuarios de la Wikipedia.

Si se trata de más de una infografía dentro del mismo artículo, deberían tener un cierto equilibrio de forma y color, como en el caso del TFG. Las formas circulares, los tipos de flechas, las tonalidades de los colores y el tipo de letra deberían ir en la misma línea.

Respecto a la Wikipedia, recomiendo hacer una colaboración en Wikimedia Commons antes de subir los archivos que estés preparando: es muy aconsejable porque ayuda a entender el funcionamiento del entorno.

Otro aspecto muy importante es la validación de los archivos en el formato Plain SVG por el W3consortium, de esta manera nos aseguraremos de que el contenido se pueda ver en cualquier navegador.

Finalmente, es interesante pedir la distinción de la comunidad de Commons “Quality image” (imagen de calidad). Es un proceso donde miembros de Commons dan esta distinción. El proceso suele durar unos dos días y finalmente te comunican si ha sido elegida o no. Si es elegida, en las infografías aparece el distintivo de imagen de calidad.

Documentación

Acerca del autor

Mi nombre es Núria Sánchez Díaz. Durante mucho tiempo he trabajado en comercio y ahora soy empresaria y estudiante de la Universitat Oberta de Catalunya. Hablo inglés italiano, castellano y catalán. Mi seudónimo en la Wikipedia es NuriaWrite.

Deja un comentario