SESIÓN No. 5 - INFOGRAFÍA INTERACTIVA 

TABLA DE CONTENIDO

·         

      PALABRAS CLAVES

✓  Processing 

✓  Infografía

✓  Formato XML

·         APLICACIONES TRABAJADAS

✓  Notepad++

✓  Processing

·         RELATORÍA

·         PROCEDIMIENTOS

·         CONCLUSIONES

·         BIBLIOGRAFÍA

PALABRAS CLAVES

PROCESSING:  Es un lenguaje de programación y entorno de desarrollo integrado de código abierto basado en Java, de fácil utilización, y que sirve como medio para la enseñanza y producción de proyectos multimedia e interactivos de diseño digital. https://es.wikipedia.org/wiki/Processing.

INFOGRAFÍA:  El término infografía es un término que se utiliza para designar a un tipo de gráfico que se caracteriza por brindar a través de las imágenes o diseños información de diverso tipo dependiendo del tema que se toque en cada caso. Las infografías son una manera informal y mucho más atractiva para comunicar ya que buscan llamar la atención de la persona que las observa a partir del uso de colores, imágenes o diseños especialmente seleccionados. Las infografías no suelen contener demasiada información si no que la misma es brindada en cantidad limitada ya que lo central de este tipo de gráficas es el diseño en sí. Por lo general, una infografía saca la información de las mismas imágenes y la representa en pequeños y breves textos que hacen su lectura mucho más rápida y ágil. ABC http://www.definicionabc.com/comunicacion/infografia.php

FORMATO XML: Permite definir etiquetas personalizadas para descripción y organización de datos. Sirve para representar información estructurada en la web (todos documentos), de modo que esta información pueda ser almacenada, transmitida, procesada, visualizada e impresa, por muy diversos tipos de aplicaciones y dispositivos.

RELATORÍA

Se da inicio a la sesión No. 5 de la clase Sistemas Tecnológicos y Procesos Técnicos a cargo de la docente Laura Cortés, en ella se retroalimenta el trabajo autónomo “Dibujando en el computador. Software: Processing” y además se da la  palabra para que el grupo exponga sus las reflexiones, correspondientes al trabajo elaborado en casa, reconociendo cada una de las perspectivas con base en lo desarrollado en dicha actividad. Por consiguiente, era notable que para muchos fue algo completamente nuevo e innovador y además se sintieron a gusto desarrollando diferentes pruebas con lo allí planteado.

Por otra parte, la docente realizó una breve explicación de processing y arduino e hizo la invitación para que revisáramos la historia de arduino (Hernando Barragán https://arduinohistory.github.io/) y cómo allí hay un colombiano involucrado pero jamás mencionado en los créditos de dicha creación. Además nos enseñó el resultado final de las infografías elaboradas por algunos de nuestros compañeros y nos dejó la invitación para abrir la mente y ponernos a prueba en la construcción de una infografía interactiva de nuestro interés. Por lo tanto, nos dimos manos a la obra y comenzamos reconociendo el lenguaje xml el cual funciona como un árbol genealógico que va desde lo general hasta lo particular, el cual nos evitaría la repetición de algunos pasos en processing, para lo cual nos dimos a la tarea de abrir notepad ++ un block de notas mejorado, con el fin de elaborar el lenguaje de programación en xml, para luego ser llevado a processing.

La docente a cargo hizo una explicación muy completa del paso a paso para la construcción de la programación, se vinculó notepad++ con precessing y para cada paso se  realizaron las pruebas correspondientes. (La explicación la encontrarás en procedimientos).

Por último, cada grupo encontró la información de su interés al momento de poner a correr el processing, fue realmente una experiencia enriquecedora y muy  valiosa.

PROCEDIMIENTOS

Taller en clase “Infografía Interactiva”

PASO 1: Programación en xml en notepad++. Recuerda que este archivo debe ir en la carpeta DATA previamente creada y junto con ello los recursos gráficos que se vayan a utilizar, la cual estará incluida en la carpeta general INFOGRAFÍA.

  

PASO 2: Programación en processing. Este archivo deberá estar guardado en la carpeta general INFOGRAFÍA.

Paso 3: Reproducción del programa. En el lenguaje de programación a cada imagen se le configuró con una letra.

·         TÍTULO

·         TEMA 1 – OPCIÓN A

·         TEMA 2 – OPCIÓN B

               ·         TEMA 3 – OPCIÓN C

·         OPCIÓN 4 – LETRA D

·         OPCIÓN 5 – LETRA E

●     CONCLUSIONES

Las experiencias que se brindan con este tipo de actividades, permite el desarrollo de habilidades y capacidades que genera una participación más activa en la sociedad del conocimiento y la producción. Lo anterior se puede reflejar en la creación de contenidos pedagógicos aplicados a la educación como se aproximó la primera experiencia con el aplicativo processing en la creación de la infografía. En este sentido desde este tipo de aplicativos y programación se pueden desarrollar habilidades cognitivas y de gestión de información que puede ser desde los grados básicos de la escolaridad hasta los profesionales. Así mismo es menester señalar, que los acercamientos a la programación que se brindan en escenarios como estos de formación en Educación en Tecnología a porta a nuevas miradas pedagógicas y educativas desde el rol del docente y el estudiante además de los procesos de enseñanza y aprendizaje.

●     BIBLIOGRAFÍA

Links de interés

Aplicativo de processing: https://processing.org/

Lenguaje de referencia del aplicativo processing https://processing.org/reference/

Tutorial sobre processing: https://www.youtube.com/watch?v=34JkQbT2rW4

Aplicativo de notepad: https://notepad-plus-plus.org/

Elaborada por: Marisol Castiblanco M

                        Paola Muñoz Romero

                        Natalia Rodríguez T.