Sobre Infografías

Definición:
La infografía es una representación visual informativa o diagrama de textos escritos que en cierta manera resume o explica figurativamente; en ella intervienen diversos tipos de gráficos y signos no lingüísticos y lingüísticos (pictogramas, ideogramas y logogramas) formando descripciones, secuencias expositivas, argumentativas o narrativas e incluso interpretaciones. La presentación gráfica figurativa envuelve o glosa los textos y puede o no adoptar la forma de una secuencia animada incluso con sonidos. De intención ante todo didáctica, la infografía nació como un medio de transmitir información gráficamente de forma más dinámica, viva e imaginativa que la meramente tipográfica. A los documentos elaborados con esta técnica se los denomina infogramas.

Wikipedia

Planteamiento de la actividad:

Los estudiantes fueron asignados a una actividad en la empresa donde laboran que consiste en que, como empleados del área de sistemas, deben crear una lámina explicativa, probablemente para un afiche, sobre qué es un algoritmo, para qué sirven los algoritmos, qué tipos de algoritmos hay (primera parte de la infografía) y profundizar en los dos tipos de algoritmos más utilizados que son: el pseudogódigo (segunda parte de la infografía) y el diagrama de flujo (tercera parte de la infografía). La composición diseñada con esa información debe ser muy didáctica, muy gráfica y creativa.

Herramienta a utilizar para el diseño de la infografía:

PowerPoint (según explicación y ejemplos vistos en clase).

Material de consulta y apoyo:

En la siguiente publicación se explica muy detalladamente cómo se construye una infografía en diapositivas de PowerPoint, consejos de diseño y además cómo unir las diapositivas diseñadas, en una sola imagen infográfica utilizando un editor de imagen, en este caso el autor se apoya en el software PhotoFiltre 7 como ejemplo:

Sitio: Empleo mi marca
Artículo: Cómo hacer una infografía con PowerPoint paso a paso
Link: https://empleomimarca.com/2014/04/23/como-hacer-facilmente-una-infografia-con-power-point-paso-a-paso/


Video que nos cuenta sobre PhotoFiltre 7 y de dónde se puede descargar el portable.
Link: https://youtu.be/RXW6oMLA9iA

Los dos links de descarga que tiene el video en su descripción son seguros, uno nos direcciona al sitio web de donde se puede descargar tanto el instalable del programa como el zip de la carpeta portable del software (al descomprimirlo se genera la carpeta, este es el que se debe descargar) y el otro link del video es para descargar el parche del idioma (el archivo StudioES.plg), este archivo debe reemplazar al del idioma inglés que tiene la carpeta portable (o sea el archivo StudioEN.plg) para que la aplicación se nos muestre en español y no en inglés, si así lo queremos.

Para profundizar sobre el tema de Infografías, material que pueda interesarte  en un contexto diferente al de PowerPoint:

Publicación que nos define muy bien todos los conceptos sobre infografías, pasos para crearlas, sitios online y programas para su elaboración, muestra un buen ejemplo de infografía y tiene varios videos sobre el tema. Material muy recomendado para su lectura.

Sitio: Marketing and Web

Artículo: Mega guía para crear infografías online superoriginales con Piktochart y Photoshop
Link: http://www.marketingandweb.es/marketing/crear-infografias-online/

Test 1 de Programación - Primer Período

En el siguiente link puede abril el test.

CLIC AQUÍ

Test 1 de Multimedia - Primer período

Link del Test:

CLIC AQUÍ

Software Raptor y documentación

Raptor es un programa que proporciona un entorno de programación basado en diagramas de flujo, muy útil para quien inicia con los conceptos de programación y el desarrollo de software diseñando y ejecutando algoritmos. Permite escribir y ejecutar programas de una manera muy gráfica e intuitiva, con una sintaxis muy sencilla.

El software de Raptor Portable que utilizo en mis clases puede ser descargado desde mi disco duro virtual en Google Drive, dando clic Aquí o desde el sitio oficial de Raptor http://raptor.martincarlisle.com/ (página en inglés), en versiones instalables o el portable.

PDF en diapositivas sobre los símbolos, ciclos y diagramas de flujo en Raptor
Tecnológico de Monterrey
http://www.unematicas.com/archivos1/manual_Raptor.pdf
PDF sobre Funciones y operadores en Raptor
Eva Maya Martínez - Sistema Educativo Indoamericano
http://raptorestructuras.atspace.com/texto/tuto_2.pdf

Sketchup 5 - Oficinas modulares

PRIMERA SESIÓN (2 horas de clase)

Descargar el siguiente material para trabajar el taller del diseño 3D de las oficinas modulares en Sketchup. Seguir según las medidas y orientaciones dadas en clase:

Documento en PDF

A continuación publico las medidas que se tuvieron en cuenta para el diseño. Se deben hallar las medidas faltantes y necesarias para poder comenzar el trabajo en Sketchup.

El trabajo de esta sesión va mínimo hasta donde terminan la maqueta base, con paredes alzadas y uso de texturas (materiales) en pisos y paredes. Guarde el archivo con el nombre Taller 5 Modulares - apellidos en sus lugares de almacenamiento.

SEGUNDA SESIÓN (2 horas de clase)

En la segunda parte del trabajo se decorará la maqueta con objetos (componentes) para cada uno de los lugares de la maqueta, con muebles de oficina, aparatos electrónicos, personas y demás objetos que ambientes el lugar.

También se realizará la publicación del modelo realizado en el blog de cada estudiante.

Algunas recomendaciones para descargar componentes que puedan utilizar en la decoración de sus maquetas (ya que el material para Sketchup 8 es difícil de conseguir) son:

Blog con paquetes extra de componentes para Sketchup (Aquí).

Se descargan y se ejecutan para iniciar el proceso de instalación y lo normal es indicar en la instalación que se descarguen en la carpeta Componentes o en la carpeta Materiales de Sketchup 8, según lo que se ha descargado. También se pueden instalar en la memoria USB (ya que en nuestra sala de sistemas los computadores están congelados y el proceso de instalación se borraría al apagarlos)

Variables, Tipos de datos y Operadores

El resumen de estos 3 temas se encuentra en el siguiente documento:

Dando clic Aquí

Lectura completa del material y apuntes completos en el cuaderno.

Incrustar un Prezi en el Blog

En el Prezi Clásico

Estando en el prezi que se desea insertar, se da clic en Incrustar (el botón está en la parte inferior de la pantalla, en la vista clásica de Prezi)

Aparece una nueva ventana como la siguiente, la cual muestra el código HTML para embeber o incrustar el objeto en un sitio web como nuestro blog.

Debemos seleccionar todo el código y copiarlo para ir al blog y en el modo edición se da clic en el botón HTML y al final del código se pegará lo copiado. Para ver el resultado hay que dar clic al botón Redactar para volver al modo de edición normal.

Ejemplo de Prezi incrustado en este blog:

En el Prezi Next

Dar clic en el ícono Compartir (Share), en la parte superior derecha de la ventana.

Luego dar clic en el link Nuevo enlace (Create new link) y en la nueva ventana escriba su nombre y de clic en Crear enlace (Create link).

Copie el enlace (url) y péguelo en un bloc de notas. Como este no es el código HTML, debemos construirlo de la siguiente manera. Copie de aquí el siguiente código:

<iframe src="pegue_la_url_acaembed" width="600" height="420">   </iframe>

Y péguela debajo de la url en el bloc de notas. Esto lo hacemos para arreglar en el bloc de notas el código desde allí y luego poderlo copiar. Lo vamos a arreglar así: Vuelva a seleccionar la URL para copiarla y péguela en la sección del código que dice: pegue_la_url_aca para reemplazar ese pedao de texto con la url y debe quedar algo así,

<iframe src="https://prezi.com/view/uVcEbzJqQfvuf8BFKBy3/embed" width="600" height="420">   </iframe>

Y luego seguimos el procedimiento de copiar ese código ya arreglado y pegarlo al final del código HTML de su publicación, como se explicó en el claso del Prezi Clásico.

Aquí está la prueba de que sí funciona con un ensayo algo incompleto de Prezi, pero es solo para ver su funcionamiento.

Conceptos Multimedia - Parte III

Continuando con el trabajo sobre conceptos multimedia, realizaremos una completa presentación en Prezi, parte del material ya ha sido consultado y se ha trabajado en los talleres anteriores, pero debemos reforzar el manejo de esos conceptos y completarlos con algunos que no se han tratado.

Para ello encontrará aquí el link de la plataforma Prezi el cual le llevará a una interfaz gráfica como la siguiente:

De clic en Mira cómo funciona y recorre la pequeña presentación que allí se muestra. Luego puede ir a Comencemos para seleccionar la opción Basic que es la única que nos permite trabajar una cuenta gratuita. Cree la cuenta Basic gratuita.

Aquí les dejo dos tutoriales que recomiendo ver para hacer este proceso, aclarar dudas y reconocer la interfaz y las principales herramientas. Uno es un video y el otro es un documento en PDF para el que prefiera leer.

Tutorial en Video

Manual en PDF

Este es un Manual de Prezi Next muy completo, que deben bajar a la carpeta Materiales y subirlo a su Google Drive también.

Después de familirizados un poco con la aplicación continuamos con el trabajo referente a Conceptos Multimedia.

Para el diseño de la presentación en Prezi se tendrán en cuenta las siguientes temáticas que se deben abordar en la presentación. Algunas se han trabajado a lo largo de los talleres de conceptos multimedia, pero las que no, deben tener hoy sus correspondientes apuntes en el cuaderno:

• Introducción a la multimedia, fundamentos, desarrollo histórico, impacto.
• Diseño multimedia, componentes, conceptos relacionados como hipertexto, hipermedia e interactividad.
• Tipologías multimedia, definición, características, ventajas y desventajas de cada una.
• Plataformas de difusión online y offline, medios de difusión web, móvil, widgets, televisión, escritorio, dvd, cd-rom.
• Tipos de software y hardware utilizado.
• Campos de aplicación de la multimedia.

Debe dedicarse una sección del Prezi a cada una de estas temática (son 6).

Después de terminado su diseño en la aplicación me compartirán el link de la presentación por medio del correo electrónico, así:

Para: sistemasjdsm@gmail.com

Asunto: Prezi conceptos Multimedia

En el mensaje pegar el link e informar quiénes realizaron el trabajo (aunque dentro del prezi obviamente esté marcado)

Sólidos 3 y 4 de Sketchup

Fundamentos de Programación - Parte II

Tema explicado en clase:

 Ejemplo:

Otros temas explicados en clase: programa Sumar dos números y mostrar el resultado, término Variable, Tipo de dato numérico, Tipo de dato caracter, Uso básico de Raptor.

Videos fuente correspondientes a estas temáticas: Video 1 y Video 2 (por si desean aclarar dudas de lo explicado en clase) del canal de youtube Geekipedia de Ernesto.

Después de los apuntes correspondientes de lo explicado en la clase, copie la siguiente definición en su cuaderno:

_____________________       ________________    ____________________

Software Raptor: es una herramienta de autor gráfica creada por Martin C. Carlisle, Terry Wilson, Jeff Humphries y Jason Moore. El software se encuentra alojado y es mantenido por el profesor Martín Carlisle de la Academia de Fuerza Aérea de los EE.UU.

El software permite a los estudiantes escribir y ejecutar programas que utilizan diagramas de flujo. Tipicamente es utilizado en las instituciones para enseñar introducción a los conceptos de programación. (Wikipeadia)

Símbolos de software:

Assignment (Asignación), Call (Llamada), Input (Entrada), Output (Salida), Selection (Selección) y Loop (Buble).
_______________________  ________________  ______________________

Continuamos con la parte práctica:

En su carpeta PROGRAMAS, cree una subcarpeta llamada RAPTOR y del siguiente link descargue los archivos del portable de esta aplicación.

Link: https://drive.google.com/open?id=1QpWPycClchp05K3cJfAmtnpVOfhTbzUB

La carpeta debe quedar pesando aproximadamente 7,70 MB y debe contener 63 archivos y 13 carpetas. Puede confirmar esta información dando clic derecho en la carpeta RAPTOR para verificar sus Propiedades. Esto lo hacemos para estar seguros de que tenemos la aplicación completa para su funcionamiento. Sin embargo, tenemos otra opción de descarga a continuación.

Segunda opción de descarga: consiste en descargar el .PAF de la aplicación Aquí. (la extensión .paf corresponden a archivos de instalación de aplicaciones portables). Después de descargarlo, se ejecuta con doble clic para iniciar un proceso de instalación que creará la carpeta portable de la aplicación, carpeta que se puede copiar y pegar en cualquier dispositivo para ejecutarse desde allí, como por ejemplo, una USB.

Si, al tratar de ejecutar la aplicación Raptor, pide instalar una versión de .NET Framework Acepte para que el computador use internet para actualizarse.

Lea el siguiente material (2 artículos), tome los apuntes correspondientes en el cuaderno y con esa información trabaje su primer programa en Raptor.

Sitio: Tecnología, programación y dinosaurios

Publicación: Empezando a programar - Conociendo Raptor (III)

Link: https://netfaozz.wordpress.com/2013/01/18/empezando-a-programar-conociendo-raptor-iii/

Publicación: Empezando a programar - Símbolos y primer programa (IV)

Link: https://netfaozz.wordpress.com/2013/01/20/empezando-a-programar-simbolos-y-primer-programa-iv/

Archivo: Primer programa - apellidos

Este y los demás archivos de esta aplicación quedarán guardados en una carpeta llamada RAPTOR, en su USB y en su Google Drive.

Realice una captura de pantalla de su primer programa terminado y guárdela con el mismo nombre, pero con formato JPEG o PNG. Más adelante la va a necesitar.

Realice los programas para Sumar, Restar, Multiplicar y Dividir (esos serán los nombres de los archivos, así: Sumar - apellidos) de acuerdo con el ejercicio trabajado en la explicación dada al comienzo de la clase.

Después de probar los programas y estar seguro de que están bien realizados, dibujar los diagramas en el cuaderno, crear los archivos PNG o JPEG con las capturas de pantalla y subir los archivos correspondientes a su carpeta RAPTOR en Google Drive.

Cree una publicación en su blog de estudiante, con título de entrada: Mis primeros programas en Raptor y en el texto de la publicación vaya colocando como títulos los nombres de cada archivo, así: Primer programa en Raptor, Sumar, Restar, etc. cada título irá acompañado de la imagen capturada del diagrama finalizado y debajo el link obtenido del archivo en su Google Drive y pegado como se les ha compartido en varias oportunidades. Ejemplo:

Link: https://drive.google.com/open?id=15FxZgFVOCCfHfAjo--xSnj5lpxBKrWSk

Envíe el link de la publicación realizada, así:
Para: sistemasjdsm@gmail.com
Asunto: Mis primeros programas con Raptor
Pegar el link en el texto del mensaje

Realice las siguientes consultas en el cuaderno:

1. Definición de Variable y Constante.
2. Tipos de datos en programación.
3. ¿Qué es un algoritmo?
4. Formas de representación de los algoritmos.
5. 3 ejemplos sencillos de pseudocódigo.

Para aclarar, al finalizar esta semana debemos haber terminado este trabajo. Tenemos 2 horas del martes, 2 horas del miércoles y 3 horas del jueves). ¿Qué deben entregar?
Apuntes Explicación en clase.
Apuntes Material leído.
Envío del correo con el link de la publicación Mis primeros programas con Raptor.
Cuestionario Terminología importante.

Sólidos 1 y 2 de Sketchup

Guardar el archivo con el nombre Sólidos 1 y 2 - apellidos y guardar en su dispositivo USB y en su cuenta de Google Drive.

Al finalizar el taller de hoy se comenzará la publicación de los talleres trabajados de la siguiente manera:

• La publicación tiene como título de entrada: Talleres de Sketchup.
• En el contenido se irá enunciando: Taller Cubo y debajo irá la correspondiente captura de pantalla del taller (acomoden la imagen lo mejor posible aprovechando el espacio para que quede capturada lo más grande posible y viéndose completa).
• Debajo de cada imagen capturada del taller irá la palabra Link: y pegan el link correspondiente obtenido de su archivo almacenado en Google Drive.
• Así sucesivamente con cada uno de los talleres: Taller figuras, Taller silla, Taller estante, Sólidos 1 y 2, Sólidos 3 y 4. 

Las actividades con Sketchup cierran en la próxima clase con la elaboración de la última actividad y la entrega de la publicación en el blog de los talleres trabajados.

Material de Sketchup

Material trabajado para los apuntes del cuaderno sobre herramientas de la aplicación y comandos de teclado o teclas abreviadas y la minipráctica con el archivo Taller Cubo - apellido (documento en PDF).

Material trabajado para la práctica generando el archivo Taller Figuras - apellido (documento en PDF).

Material trabajado como práctica, generando el archivo Taller Silla - apellido (video de Youtube).

Material de práctica trabajando el archivo Taller Estantería - apellido (documento en PDF).

Todos los archivos generados se irán guardando en la carpeta Sketchup de la memoria USB personal y en la carpeta Sketchup de su cuenta personal en Google Drive y así respectivamente con todos los trabajos realizados en todas las temáticas vistas (dos soportes mínimo ya que quien tiene computador en la casa debe tener copia allá, así se debe hacer con todo lo que uno genera, tener varias copias de seguridad).

El material debe estar bien organizado y disponible ya que cuando cerramos las actividades de Sketchup realizamos la respectiva reseña de la aplicación en una publicación en su Blog de estudiante.

Enlace para descargar el programa Aquí.