Examen final - diciembre 2010

Como saben, el primer llamado a exámenes finales de diciembre 2010 fue el día 03/12, y el segundo llamado será el día martes 14/12, a las 19 hs.

Por alguna razón que desconozco, a varias entregas en la instancia de final en el primer llamado les faltó cumplir las pautas básicas de entrega, detalladas claramente en la consigna de la entrega del TP Final para la materia.

Las consignas fueron charladas en clase durante la cursada, expuestas sintéticamente en posts del blog, y están descriptas de forma exhaustiva en el PDF que tiene la consigna absolutamente especificada de la entrega del TP para Final, desde julio de 2010.

Entonces, les recomiendo fervorosamente a quienes vayan a presentarse en el segundo llamado que lean y relean la consigna de la entrega del TP Final. Está disponible desde mitad de año y es súper clara.

# PDF Consigna TP Final de compugraf3.

Salutes!

Fechas de recuperatorio, reincorporación y exámenes noviembre/diciembre 2010

Las fechas de recuperatorio, reincorporación y exámenes finales de 2010 son las siguientes:

• viernes 26/11/2010, 19hs.: recuperatorio y reincorporación
• viernes 03/12/2010, 19hs.: primer llamado a examen final
• martes 14/12/2010, 19hs.: segundo llamado a examen final

Pueden chequear las consignas para recuperatorios y reincorporación aquí, y las relacionadas con la entrega del TP en instancia de examen final aquí. En ambos casos, las pautas se mantienen igual que en el mes de julio.

Les recuerdo que presten mucha atención a la consigna, que entreguen el CD en un packaging diseñado y haciendo caso a las especificaciones técnicas en cuanto a cantidad de secciones, formato de pantalla, funcionalidad pedida, etc.

Ante cualquier duda pueden consultar via mail.

Nos vemos!

Argentina Gráfica 2010: Imagen digital en movimiento

Este jueves 21 y viernes 22 de octubre se realizarán las Jornadas de Nivel Superior que Gutenberg organiza año tras año, enmarcadas en esta ocasión en la Argentina Gráfica 2010 (que tiene lugar en el predio de la Rural del 18 al 23 de octubre).

En este contexto, y en nombre de la cátedra Computación Gráfica III de la carrera de Diseño Gráfico en Gutenberg, el viernes 22 a las 17hs. charlaremos un rato sobre la imagen digital en movimiento junto a nuestros amigos —invitados de honor— Maia Losowska y Sebastián Blanco deAnts.tv. Se trata de un estudio de motion graphics dedicado al broadcasting design, que ha realizado trabajos para Warner, Infinito, IdMagazine, América tevé, Sony, Fox, VH1, Universal, Fx, Encuentro, TN, entre otros.

Nos interesa, en particular, charlar sobre las relaciones entre la tecnología y las prácticas de diseño que trabajan con la imagen en movimiento. Creemos que el aspecto tecnológico es siempre determinante del proceso de diseño, y en este sentido lo es también del resultado final, devenido ya en pieza de diseño que opera culturalmente, resignificando y modificando las prácticas sociales.

=====================

Programa:

Jueves 21 de octubre de 2010, 19 a 22 hs.

Tecnología Digital en la Industria Gráfica
Las seis eras de la gráfica digital

19.00: Apertura. Roberto Candiano, Rector y Andrea Gergich, Directora de Estudios de Nivel Superior

19.10-19.55: Las seis eras de la gráfica digital: cómo llegamos hasta aquí y hacia dónde vamos

Presentación > Norberto Plesniak, Coordinador Carrera Producción Gráfica
Disertante > Edgardo García
La tecnología digital llegó a la gráfica de manera desordenada, mayormente a través de paradigmas que en ningún momento fueron concebidos para el medio en el que luego crecieron y fructificaron. Algunas tecnologías están ya en su madurez; otras, sin darnos cuenta, tengan quizás fecha de defunción. A riesgo de equivocarnos, no podemos ceder a la tentación de especular sobre lo que viene, basándonos en el camino que hemos recorrido. En estas Jornadas exploraremos los cambios que la tecnología digital introdujo en nuestras vidas (gráficas), sus frutos, sus promesas y, por qué no, sus cuentas pendientes, a través una “disección” de la historia digital en seis etapas o eras, que representan otras tantas olas de cambios y crisis.

19.55-20.05: Intervalo

20.05-21.00

Invitados > Gabriel Spregelburd y Marcello Molinari
Moderador > Edgardo García

Viernes 22 de octubre de 2010, 17 a 21 hs.

Nuevas fronteras del desafío digital: diseño en movimiento y soluciones digitales alternativas

17.00: Apertura. Roberto Candiano, Rector y Andrea Gergich, Directora de Estudios de Nivel Superior

17.15-18.45: Un acercamiento al mundo de la imagen digital en movimiento

Presentación > Marina González Carrera, Coordinadora CarreraDiseño Gráfico
Cátedra Gutenberg > Prof. Lucas Mourelle – Computación Gráfica III
Invitados > Estudio Ants.tv: DG Maia Losowska – DG Sebastián Blanco

El Estudio Ants presenta la experiencia de abordaje del mundo digital en movimiento desde la formación de diseño gráfico. El estudio, especializado en motion graphics y dedicado al broadcasting design, desarrolla identidades comunicacionales mediante la experimentación y exploración de nuevos lenguajes. El estudio ha realizado trabajos para Warner, Infinito, IdMagazine, América tevé, Sony, Fox, VH1, Universal, Fx, Encuentro, TN, entre otros.

19.00-20.45: Diseño con software libre

Presentación > Andrea Gergich, Directora de Nivel Superior
Cátedra Gutenberg > TSAG Matías Alli – Tecnología Gráfica III y IV
Invitado > DG Guillermo Espertino

La charla explora las cualidades de este modelo de desarrollo, sus principales características y virtudes. Luego de esta introducción, trabajaremos en el armado de una pieza mediante aplicaciones desarrolladas bajo esta modalidad. Para cerrar la charla se mostrarán diferentes alternativas para las tareas más habituales dejando un espacio para preguntas y respuestas.

Exámenes julio - 2010

Como ya saben, la instancia de examen final de la materia consiste en la entrega del último TP (el CD-ROM interactivo) mejorado, corregido y extendido.

• viernes 16/07/2010 - 19 hs. - entrega final

El CD se entrega en un packaging diseñado, y con sus 5 secciones funcionando.

Está prohibido pegar etiqueta, papel y/o realizar cualquier tipo de bricolage sobre el CD; el pack diseñado es únicamente lo que contiene al CD.

Les recomiendo fervorosamente que repasen la consigna:
Consigna examen final - CD-ROM interactivo 2010

===

Quienes cursaron la materia en años anteriores —y realizaron el TP correspondiente al CD-ROM interactivo— pueden atenerse a esta misma consigna (de manera general) o repasar las consignas anteriores.

Quienes, en cambio, cursaron Computación Gráfica 3 allá lejos y hace tiempo, cuando los TPs eran muy distintos, pueden repasar la consigna aquí.

De continuar con dudas, pueden filtrar los posts de este blog a través de la tag exámenes, y hacer una breve investigación/revisión cronológica de las mismas.

===

Les recuerdo, además, a los alumnos de la cursada 2010, que no se olviden de traer completa la encuesta y entregarla junto con el CD final.

===

Allí nos vemos.

Comentario al margen

Gente:

Ante los numerosos saludos vía mail (que agradezco), les cuento que no se salvarán: hace ya varios días que estoy absolutamente recuperado y libre de gripe, por lo que nos veremos —en persona— en las instancias de recuperatorios, reincorporaciones y finales.

Les pido, además, que no olviden completar la encuesta y entregarla a Marina, o traerla lista para cuando nos veamos.

¡A trabajar!

Salutes.

Recuperatorio/reincorporación 2010

Aquí van las diferentes opciones de recuperatorio. Cada uno sabe lo que tiene que recuperar, según subí en este post.

• análisis 1
• banner
• análisis 2
• cd-rom
• extra

Pueden bajar las consignas desde aquí.

Quienes deban reincorporarse, deberán traer un trabajo de análisis (pueden elegir cualquiera de las dos consignas de análisis).

La fecha para recuperatorio/reincorporación en julio 2010 es:

• Martes 6 de julio 2010 - 19 hs. - recuperatorio/reincorporación.

Salutes!

Notas y próximos pasos

Estimados:

Aquí les dejo las notas de la cursada, y qué recupera cada uno. No me agrada la idea de subirlas públicamente, pero ante la insistencia de los alumnos via mail (entendible), decidí subirlas aquí.

A continuación, enviaré un mail personal a cada alumno, con una devolución de su TP04 para que sepan qué mejorar para la instancia de final/recuperatorio. Lo haré lo más rápido posible, pero sepan comprender que no es tarea que se realice en unos pocos minutos, y la gripe ha retrasado gran parte de mis obligaciones.

En las próximas horas, asímismo, subiré con mayor detalle la consigna del Final. Adelanto que no hay misterio más que el que ya les comenté: la entrega final se trata de una mejora cualitativa del TP04, con las 5 secciones funcionando, y entregado en un packaging acorde.

Con respecto a los recuperatorios, hay gente que debe recuperar el/los análisis de las interfaces, otros que deben recuperar el TP02, otros que deben recuperar el TP04, y otros que deben recuperar —además— un TP extra, por no haber entregado el TP04.

El TP extra consta de otro CD-ROM, en el que deberán hacer una interfaz interactiva de presentación personal, a modo de currículum/portfolio. Debe tener un mínimo de 3 secciones.

Salutes!

Bitácora 15 y encuesta

Estimados:

Aquí les dejo la bitácora de la clase que no fue (la del viernes 25), cuyo mayor interés radicaba en una encuesta que pensaba entregarles.

Les pido si pueden completar dicha encuesta y dejarla en la Coordinación de la Carrera.

Mañana martes estarán listas las notas de los TPs.

Saludos.

Cambio de planes

Sí, los rumores son ciertos. Mañana viernes no tendremos clase de Computación Gráfica 3. Forzosamente tendré que hacer el cierre de la materia a distancia.

No voy a poder entregar las notas para el viernes porque no estoy en condiciones de corregir las entregas tan rápidamente. Seguramente entregaré las notas el lunes o martes, vía e-mail a la institución, y veremos cómo hacemos para que les haga llegar la devolución de cada TP, probablemente será por mail, también.

Saludos.

Entrega TP04

Hoy, miércoles 23 de junio, se entrega el TP04. Le entregan el proyecto a Marina González Carrera, Coordinadora de la Carrera de DG. Yo pasaré a buscar los trabajos a última hora, con el cierre de Gutenberg.

Obviamente no habrá clases, ni hay horario específico para la entrega, mientras lo hagan antes del cierre.

El proyecto se entrega en un CD o DVD sin etiquetas. Escriban con marcador indeleble, por favor.

Retrospectiva: TP04

Es momento de hacer una retrospectiva del TP04, para estar seguros de no olvidarnos de nada importante. En este sentido es imprescindible que:

• revisen la consigna.
• se hagan preguntas sobre su proyecto.
• revisen los apuntes de la materia (incluyendo las bitácoras): las bitácoras dan cuenta del recorrido que fuimos haciendo durante la cursada, y nos ayudan a repasar ciertos conceptos clave de nuestra tarea.
• ante dudas tecnológicas, vean los videos (y, nuevamente, lean los apuntes teóricos de Flash).
• prueben su interfaz como un usuario, naveguen sus pantallas, vean si les parece coherente.
• naveguen el blog de la cátedra, vean los posts extras que hay entre clase y clase, hay material interesante, de inspiración, y recordatorios importantes para nuestro trabajo.

¡A trabajar, que ya casi estamos!

Pack de Apuntes - Clase 14 - Viernes 18-06-2010

Aquí va la bitácora 14.

Recuerden que hoy es pre-entrega. Les pido que ingresen a horario a clase, así tenemos tiempo de corregir a todos.

La pre-entrega es una instancia obligatoria, no falten.

Ah, cómo… no vas a preentregar?

Visualización de información

En los últimos tiempos, un área relacionada al diseño, la comunicación visual, y en muchos casos a las interfaces interactivas ha sido la de la visualización de información (data visualization).

Aquí les dejo un ejemplo interesantísimo, hecho en Plataforma Flash, que muestra la reacción de la gente en la red Twitter sobre los diferentes partidos del Mundial.

World Cup 2010 Twitter Replay

(elijan un partido y hagan play; verán un estudio comparativo de las palabras más dichas en Twitter, a medida que avanza el partido)

¿No te importa el fóbal? A mí tampoco, véanlo igual.

Al margen:

• Sitio web obligado en relación a la visualización de información: Visual Complexity
• Libro obligado: Data Flow
• Libro de programación orientada a la visualización de información: Visualizing Data

Salutes!

Acerca del debate entre HTML5 y Flash

En los últimos meses se ha hablado, escrito y discutido muchísimo acerca de cuestiones relacionadas con el universo del desarrollo web, el desarrollo de aplicaciones para smartphones y depravaciones similares, y cuestiones político-filosóficas acerca del futuro de la web y del modelo de negocio de las empresas más pesadas dedicadas al software.

Este debate ha generado una rivalidad —quizás ficticia— entre lo que dan en llamar HTML5 y Flash. El asunto nos interesa porque el avance tecnológico es constante, y nuestra profesión exige que estemos más o menos atentos a lo que va ocurriendo en nuestro campo de acción.

Aquí un artículo que se explaya sobre el asunto, por si desean ahondar.

Salutes!

Pack de Apuntes - Clase 13 - Viernes 11-06-2010

Aquí va la bitácora 13.

Hoy dedicaremos toda la clase a corregir el TP04. Se trata de la última corrección antes de la pre-entrega.

Algunas preguntas pertinentes para que pienses en función de tu proyecto:

• ¿Tengo un partido gráfico fuerte?
• ¿La forma en la que estoy animando acompaña el partido gráfico elegido? ¿Comparten un mismo lenguaje?
• ¿La información se encuentra ordenada y fragmentada de forma lógica entre las diferentes instancias de navegación?
• ¿Hay indicios para que el usuario sepa cómo manejar la interfaz? ¿Se puede ubicar fácilmente en mi estructura de navegación?
• ¿Se trata de un proyecto digno de un estudiante de tercer año de la carrera de DG? ¿Es verosímil?
• ¿Las animaciones están funcionando sin problemas? No debe haber líneas punteadas en la línea de tiempo.
• ¿La programación funciona correctamente? Todos los botones deben funcionar de la manera esperada.

Además, aquí repito el cronograma de las clases restantes:

• viernes 11/06: Corrección más avanzada del TP04.
• viernes 18/06: Preentrega obligatoria del TP04, última corrección antes de la entrega.
• miércoles 23/06: Entrega del TP04 (no hay clases).
• viernes 25/06: Última clase, devolución de notas y cierre de la cursada.

Inspiración

¿Estás animando/programando el TP04 y te falta inspiración?!

Nuevamente: 78 interfaces geniales hechas en Plataforma Flash.

(de todas formas, recuerden que no estamos desarrollando un sitio web, sino un CD-ROM interactivo… tengan en cuenta esa salvedad, y extraigan como inspiración lo que convenga)

:)

Pack de Apuntes - Clase 12 - Viernes 04-06-2010

Para la clase de hoy deben traer:

• Bitacora 12
• Auriculares (turno noche)
• Su interfaz interactiva en proceso ya en Flash, para corrección.

Turno noche, sonido:

La clase pasada no llegamos a ver el tema de sonido en el turno noche. Quienes vengan a ese turno, recuerden traer auriculares nuevamente.

Corrección TP04:

Para ambos turnos: Hoy hacemos colgada cibernética del trabajo práctico 04. Es absolutamente necesario que traigas material para corrección en clase.

Comenzaremos a corregir la interfaz ya en tecnología Flash. Vení con tu interfaz interactiva en SWF, APP, EXE y FLA.

Inspiración:

La web es una fuente de inspiración enorme (especialmente cuando de interfaces interactivas se trata). Naveguen! Naveguen! Naveguen!

Por otro lado, si tienen fiaca de buscar buenas interfaces, y buen material que sirva de referencia e inspiración, pueden empezar por el blog de la materia: aquí se postean cuestiones de interés entre clase y clase. Les recomiendo que peguen una revisada general al blog, que se fijen allí a la izquierda (☜) las tags (especialmente pueden visitar las tags: para ver, links y para leer), que visiten también los sitios amigos y que chusmeen los links flasheros.

El material se sube semana a semana para que lo vean, lo analicen, lo consuman, y lo capitalicen en cuanto a su bagaje de piezas de diseño que quedarán en su memoria.

Salutes!

Pack de Apuntes - Clase 11 - Viernes 28-05-2010

Hoy haremos la primera corrección del TP04 —corregiremos pantallas estáticas en la pantalla grande— y trabajaremos con sonido en Flash.

En este sentido, necesitaremos de:

• Bitácora 11
• Pack de sonidos

Es importante que recuerdes traer auriculares.



Salutes.

TP04: más comentarios

Con respecto al TP04, repito (especialmente para quienes estuvieron ausentes la última clase):

• Los sitios web reales de las ONGs elegidas no son sitios web profesionales. No están bien hechos desde el punto de vista de diseño, ni desde el punto de vista técnico (del desarrollo). Se eligieron esas ONGs y no otras, justamente por eso: para que ustedes puedan diseñar desde cero una solución interactiva interesante, sin tener la presión de tener que superar/acompañar un sistema gráfico existente. Ahora bien: sí esperamos profesionalismo en el diseño y el desarrollo de nuestras interfaces interactivas. Si, en algún momento, nuestros CD-ROMs se parecen a los sitios web reales de estas organizaciones, estamos en problemas.
  
  
• Pueden tomar la marca real (el iso/logotipo) si es aceptable gráficamente, o crear una ustedes. Recuerden que este no es un trabajo de diseño de marca, por lo que no querría que dediquen mucho tiempo a este ítem. Si deciden diseñar una nueva marca para la ONG, hagan algo que sea correcto, pero rápido. Me interesa que inviertan tiempo en proyectar, diseñar, animar, y programar una interfaz interactiva interesante.
  
  
• El contenido del CD-ROM interactivo no puede ser simulado. Esto significa que pueden utilizar los textos de los sitios web reales de las ONGs (o de otras fuentes de información que consigan, entrevistas, papelería, etc). Si por alguna razón deciden redactar textos, los mismos deben ser acordes con la organización que están trabajando. Con respecto a las imágenes, pueden utilizar las imágenes reales de los sitios web, pero recomiendo extraer también de bancos de imágenes, flickr, etc. (intuyo que tendrán mejor calidad), teniendo en cuenta esto mismo: que sean imágenes que ilustren coherentemente la problemática abordada por la ONG.
  
  
• Mañana, viernes 28, corregiremos el diseño de las pantallas estáticas de la interfaz. Aquí pueden repasar el cronograma de correcciones y clases restantes.

Repito parte de la consigna, que me parece importante:

Se evaluará tanto la resolución tecnológica (desarrollo en Flash: programación y calidad de las animaciones) como el diseño, y el proyecto en su totalidad. Sobre todo se busca que realices un trabajo verosímil.

Salutes!

Entrega TP03 y comentarios sobre TP04

A quienes no entregaron el TP03 el viernes:

Estaré recibiendo los TP03 faltantes vía mail, hasta el martes 25 al mediodía.

A quienes no sepan qué ONG utilizar para su TP04:

Los números de qué ONG le tocaba a cada uno fueron repartidos en clase. Si no estabas presente, elegí uno al azar del PDF del TP04 y comenzá a trabajar!

Recuerden que el viernes que viene ya corregiremos el diseño (estático, no animado) de las pantallas del CD-ROM interactivo.

Saludos y buen fin de semana largo para todos!

Pack de Apuntes - Clase 10 - Viernes 21-05-2010

Recuerden que hoy es la entrega del TP03.

Aquí os dejo el pack de apuntes del día de la fecha:

• Bitácora 10
• TP04

Hoy lanzamos el último TP del año, y el cronograma de las clases que nos quedan es mas o menos así:

• viernes 28/05: Sonido en Flash y corrección pantallas estáticas TP04.
• viernes 04/06: Corrección de las primeras pruebas en Flash del TP04.
• viernes 11/06: Corrección más avanzada del TP04.
• viernes 18/06: Preentrega obligatoria del TP04, última corrección antes de la entrega.
• miércoles 23/06: Entrega del TP04 (no hay clases).
• viernes 25/06: Última clase, devolución de notas y cierre de la cursada.

Salutes!

Libros como máquinas multimedia

La naturalización que se dio tras siglos de uso del objeto libro, dificultó en gran medida el análisis y la percepción de los mismos como máquinas, como aparatos de la comunicación.

Les dejo un artículo interesantísimo, escrito por el Prof. Arq. Enrique Longinotti, en donde se contempla la posibilidad de considerar ciertos libros, a partir del Siglo XVI, como las primeras máquinas que inauguraban una práctica multimedial relacionada con el conocimiento.



El artículo: Tecnologías del texto y de la imagen. Libros antiguos, máquinas virtuales.
Fue publicado originalmente en Jorge La Ferla (comp.), Artes y medios audiovisuales: Un estado de situación II. Las practicas mediáticas pre digitales y post analógicas, Buenos Aires, Aurelia Rivera, Nueva Librería, 2008.

Sobre el autor: Prof. Arq. Enrique Longinotti.

(Comentario al margen: si nunca escucharon a Mr. Longinotti, no saben lo que se pierden. Recomendación, asistir a alguna de sus charlas, conferencias y/o teóricas.)

Salutes!

Navegación: video para practicar

Lo prometido es deuda.

A pedido del público, aquí el largometraje acerca de lo visto la última clase: Una de las tantísimas maneras de hacer navegación en Flash.




Aprovechen estos videos para practicar desde sus casas. Cada uno sabe quién necesita de práctica. El TP04 se viene con todo y hay que estar preparados.

===

"La inspiración existe, pero cuando llega mejor que te encuentre practicando Flash."

Pablo Picasso.

===

Salutes!

Pack de Apuntes - Clase 09 - Viernes 14-05-2010

Aquí os dejo el pack de apuntes del día de la fecha:

• Bitácora 09
• TP03

Hoy jugaremos programando navegación en Flash
¡No falten!

Ahí se ven.

Videos para practicar

La última clase dimos nuestros primeros pasos con el lenguaje de programación ActionScript (2.0). Como habrán visto, el asunto se va complicando, de ahí mi recomendación de aprovechar esta semana para practicar lo visto el viernes pasado.

Insisto, utilicen Flash Professional desde sus casas, generen archivos nuevos e intenten experimentar utilizando programación en KeyFrames y en Botones. Les recuerdo que las funciones que vimos en clase son:

• stop();
• play();
• gotoAndPlay(5); // se elige como "goto" desde el panel de la izquierda.
• gotoAndStop(81); // se elige como "goto" desde el panel de la izquierda.
  

Aquí subí algunos videos para que les resulte más sencilla la práctica.

Animación de tipo Motion:


Animación de tipo Shape:


Easing en Flash:


Creación de botones en Flash:


Primeros pasos con ActionScript 2.0:



Salutes!

Pack de Apuntes - Clase 08 - Viernes 07-05-2010

====================
HOY ENTREGA TP02

(Si por alguna razón no podés venir a clase, enviá tu entrega con algún amigo/compañero/etc.)
====================

Aquí va el pack de apuntes incluyendo:

• Bitácora 08

Dado que hoy trabajaremos con programación e interactividad en Flash, nos serán de utilidad los apuntes de la clase pasada: sería ideal que traigan ambos packs de apuntes a clase. Aquí pueden bajar el Pack 07, y aquí el Pack 08.


Algunas incógnitas:

• ¿Qué significa “interactividad”?
• ¿Existen grados de interactividad, o se trata de una cuestión binaria del tipo: hay interactividad / no hay interactividad?
• ¿Podemos hablar de interactividad fuera del marco de los medios electrónicos/digitales?
• ¿Qué es una interfaz?

Y por otro lado:

• ¿Qué es programar?
• ¿Qué es un lenguaje de programación?
• ¿Cómo se programa interactividad en Flash?

Salutes.

Pack de Apuntes - Clase 07 - Viernes 30-04-2010

Aquí va el pack de apuntes incluyendo:

• Bitácora 07
• Flash 09
  

Bajar los archivos de clase desde aquí.

Hoy corregiremos el material proceso del TP02 que traigan a clase, y comenzaremos a charlar sobre el asunto de la interactividad en Flash.

No falten!

Salutes.

Galería de banners

Espero que estén todos muy bien, que hayan disfrutado la visita de Ants y que estén pensando/trabajando en su TP02.

El compañero Lucas Martino ha dejado, via un comentario, el link a un sitio web donde se exponen banners de diferente naturaleza para escrutinio del público:
www.bannerblog.com.au

Pueden visitar el archivo del sitio para acceder a dichos banners en orden cronológico.

Agradezco el comentario de mi tocayo e invito a todos a realizar aportes a nuestro blog. El enriquecimiento que surja de sus aportes seguramente ayudará a todos sus compañeros.

=============
Aprovecho esta oportunidad para agradecer, en nombre de todos nosotros, a la gente de Ants y a mi colega Ezequiel por su visita :)
=============

Será hasta el viernes!

Pack de Apuntes - Clase 06 - Viernes 23-04-2010

Recuerden que este viernes 23 de abril:



=================
Charla estudio Ants.tv
viernes 23 de abril, de 20.40 a 22 hs.

No habrá clase en el horario de prehora, por lo que todos los estudiantes deberán venir en el horario nocturno únicamente.

La charla de Ants.tv será presentada por el invitado sorpresa.
=================

Les dejo la bitácora con la orden del día:

• Bitácora 06

Pueden bajar la bitácora desde aquí.

Salutes!

Animación interesante

Y ya que estamos en el baile del motiongraphics —pre visita Ants— les dejo una pieza de diseño de animación interesantísima, de Steffen Bygebjerg.

The animation work was made in Adobe After Effects. Each frame was then printed and the print was subsequently scanned back into the computer. The scanned frames were then assembled back into the original animation, now with a new rugged look, created by the visit in the physical analogue world. No effects added after scanning.

Traducción libre:
El trabajo de animación se realizó con el soft Adobe After Effects. Cada cuadro fue luego impreso y a continuación escaneado para ingresarlo nuevamente a la computadora. Los fotogramas escaneados fueron compaginados nuevamente en la animación original, con un look corroído creado justamente por este pasaje momentáneo por el mundo físico-analógico. No se agregaron efectos a posteriori del escaneado.

El asunto nos interesa, especialmente en cuanto al uso de la tecnología, a la resolución particular, a la combinación de técnicas digitales y analógicas, y comunicacionalmente en cuanto a lo que puede significar la problematización de las mismas.

Pack de Apuntes - Clase 05 - Viernes 16-04-2010

Aquí va el pack de apuntes incluyendo:

• Bitácora 05
• Flash 08
  
• TP 02
  

Bajar los archivos de clase desde aquí.

Por otro lado, con respecto al TP02, aquí hay subidos algunos banners de años anteriores para que tengan una idea.

Salutes!

Viernes 23 - nos visita Ants.tv

He aquí un adelanto de lo que ocurrirá, no esta semana, sino la otra:

El día viernes 23 de abril nos estará visitando la gente de Ants.tv, un estudio de motion graphics dedicado al broadcasting design.

El estudio ha realizado trabajos para Warner, Infinito, IdMagazine, América tevé, Sony, Fox, VH1, Universal, Fx, Encuentro, TN, entre otros.

Es importante recordar aquello que charlamos semanalmente en nuestras clases acerca de la importancia de la resolución tecnológica en el proceso de diseño. En este sentido, la visita nos ayudará a ahondar y a enterarnos más sobre un universo emparentado con el del diseño y desarrollo de interfaces interactivas, el del diseño de animación (comúnmente llamado motiongraphics); universo que seguramente utilizará algunas herramientas conocidas por nosotros, y otras que le son propias.

Para aprovechar el encuentro al máximo, recomiendo que vayan enterándose sobre el campo del motiongraphics en general, y sobre el trabajo del estudio en particular.

Web obligada: motionographer.com
Otros links relacionados con el diseño de animación aquí.

=================
IMPORTANTE:
La charla del estudio Ants.tv será el viernes 23 de abril, de 20.40 a 22 hs. No habrá clase en el horario de prehora, por lo que todos los estudiantes deberán venir en el horario nocturno únicamente.

La charla de Ants.tv será presentada por el invitado sorpresa.
=================

Ausentes y TP01

A quienes estuvieron ausentes el viernes y no enviaron su entrega vía amigo/compañero/flete:

☞ tengan a bien enviar el TP01 en PDF vía mail.

'chas gracias.

Buena semana!

Pack de Apuntes - Clase 04 - Viernes 09-04-2010

Aquí está el pack de apuntes del día de la fecha, incluyendo únicamente:

• Bitácora 04

Pueden bajar los apuntes desde aquí.

Les recuerdo que hoy es la entrega del TP01. Como cualquier instancia de entrega es obligatoria.

Por otro lado, les imploro que traigan la ficha de datos completa. Pueden bajar la ficha del post de apuntes de la primera clase.

Un nuevo paradigma de GUI

Se denomina GUI (Graphical User Interface, Interfaz Gráfica de Usuario) a cierto tipo de interfaces que permiten la interacción con aparatos eletrónicos (computadoras, teléfonos celulares, reproductores de MP3, consolas de video-juegos, electrodomésticos, etc.) a través de una metáfora gráfica.

Con el tiempo, la metéfora utilizada para este tipo de interfaces se fue estabilizando y buscando ciertos lugares comunes que ayudasen a simplificar y estandarizar sus modos de funcionamiento. El día de hoy encontramos que la mayor parte de las computadoras controla sus aplicaciones y recursos a partir de la archi-conocida interfaz de ventanas, íconos, menúes y cursor.
En el campo que estudia la interacción usuario-computadora, se utiliza la sigla WIMP (Window, Icon, Menu, Pointing device) para tipificar aquellas interfaces que utilizan dicha metáfora.

En los últimos años, comenzaron a aparecer una serie de productos, prototipos y dispositivos que presentan una interfaz controlada de forma táctil, generalmente con las yemas de los dedos. Los ejemplos más conocidos son los celulares con pantalla touch a la manera del iPhone.

Hace algunos días, Apple sacó al mercado un nuevo producto llamado iPad, con interfaz igual o similar. En la medida que se va extendiendo esta nueva forma de interacción, vemos cómo —nuevamente— un cierto tipo de interfaz se va estabilizando, un paradigma con una metáfora distinta a aquella denominada WIMP, que supo monopolizar las interfaces en las dos últimas décadas.

Aquí algunos ejemplos:

Tablet demo:


Adobe and Wired prototype:


Mag+ prototype:


Video institucional de Apple iPad:


iPad en funcionamiento:


Es muy interesante analizar los nuevos modos de interacción que proponen estos dispositivos. Sería ideal que puedan probar este tipo de interfaces para poder experimentar e investigar esta cuestión. Si tienen la suerte de tener alguno de estos artefactos, tanto mejor; si no, pidan alguno para jugar un rato. Vean qué otras formas de interactuar existen además de tocar sobre los gráficos de los botones.

En relación a la Flash Platform:
Adobe ha anunciado que a partir de la próxima versión del Adobe Flash Professional se podrán generar aplicaciones para iPhone, iPod Touch y iPad desde la misma plataforma, con las herramientas que muchos desarrolladores de Flash conocen, y programando en ActionScript 3.0.

Pack de Apuntes - Clase 03 - Viernes 26-03-2010

Buenas buenas, aquí está el pack de apuntes del día de la fecha, incluyendo:

• Bitácora 03
• Flash 05
• Flash 06
• Flash 07
• Trabajo Práctico 01

Sip, hoy lanzamos el TP01, cuya fecha de entrega es la clase que viene (después de Semana Santa).

Pueden bajar los apuntes desde aquí.

Les recuerdo que los apuntes deben bajarse, imprimirse, y llevarse a clases cada viernes (también pueden pedirlos en la fotocopiadora del primer piso).
Les pido, también, que traigan la ficha de datos completa, con su fotografía.

Salutes!

A seguir navegando!

Estimados, aquí va lista casi completa de sus links favoritos, más frecuentemente visitados; están anotados sin ningún orden en particular. Me tomé la libertad de agregar mis sitios web favoritos.

• http://www.graphic-exchange.com/
• http://www.linkodromo.com.ar/
• http://www.eduardorecife.com/
• http://www.ole.clarin.com/
• http://www.facebook.com/
• http://www.dekazeta.net/
• http://www.youtube.com/
• http://www.myspace.com/
• http://www.yahoo.com/
• http://www.google.com/
• http://www.alumnosgutenberg.com.ar/
• http://www.miaandjem.com/
• http://portfolio.estebandiacono.tv/
• http://www.colletivo.com.br/
• http://www.fwis.com/
• http://www.linkodromo.com.ar/
• http://www.clarin.com.ar/
• http://www.catedracosgaya.com.ar/
• http://www.paragrafica.com.ar/
• http://www.bluevertigo.com.ar/
• http://www.creattica.com/
• http://www.addsoftheworld.com/
• http://www.bestwebgallery.com/
• http://www.wix.com/
• http://www.lovelypackage.com/
• http://www.valpnow.com/
• http://www.totoroforestproject.org/
• http://www.madebysawdust.co.uk/
• http://www.foroalfa.org/
• http://www.magnumphotos.com/
• http://www.badd.com.ar/
• http://www.flickr.com/
• http://www.udgba.com.ar/
• http://www.dafont.com/
• http://www.taringa.com/
• http://www.wikipedia.com/
• http://www.billboard.com/
• http://www.hotmail.com/
• http://www.mercadolibre.com.ar/
• http://www.metro951.com/
• http://www.optitech.com.ar/
• http://www.cqtextures.com/
• http://ffffound.com/
• http://www.thefwa.com/
• http://www.formfiftyfive.com/
• http://www.aiga.org/
• http://visuelle.co.uk/
• http://twitter.com/
• http://fresh01.co.za/
• http://www.grafikcache.com/
• http://designinstruct.com/
• http://www.swiss-miss.com/
• http://motionographer.com/
• http://cmykern.com/
• http://szymon.tumblr.com/

Sería interesante que los visiten, y vean cuáles están desarrollados utilizando las tecnologías de la Plataforma Flash.
Varios de los sitios tienen referencias y recursos súper útiles para otras materias también.

=x=x=x=x=x=x
ffffound.com un infaltable que nadie incluyó en su lista. ¿Qué pasa gente?!
=x=x=x=x=x=x

Otro punto importante a destacar, es el lugar de las aplicaciones web en esta lista. Cada año, se suman más aplicaciones web (casi todas de tipo social) a la lista de sitios web favoritos y más visitados. Esto da cuenta de un cambio en las prácticas de quienes accedemos a la web regularmente, y tiene interés para un análisis profundo de corte casi sociológico, les diría.

Salutes!

Pack de Apuntes - Clase 02 - Viernes 19-03-2010

Aquí les dejo el pack de apuntes para la clase 02:

• Bitácora 02
• Flash 03
• Flash 04

Recuerden que deben llevar el pack impreso a clase: pueden bajarlo desde aquí, o comprarlo en la fotocopiadora de Gutenberg antes de entrar al aula.

También deben traer leídos los apuntes Flash 01 y 02, correspondientes a la clase pasada, y completa la ficha de datos con su fotografía.

IMPORTANTE: la prehora fue aprobada, por lo que si te anotaste a prehora, hoy deberás acudir a clase a las 17.30 hs.!

Navegá!

Les dejo tres links para que miren y analicen algunos puntos:

http://www.spin.co.uk/
Estudio Inglés. Desarrollaron la identidad institucional de Fundación Proa (museo que está aquí en Buenos Aires, en el barrio de La Boca).

http://www.nanozoom.net/
Diseñador y desarrollador flash freelance argentino, que vive y trabaja en Francia.

http://www.intentionallies.co.jp/
Estudio radicado en Tokyo, Japón. El sitio está desarrollado por Yugo Nakamura http://www.yugop.com/ (un infaltable en el ambiente de diseño de interacción).

Todos estos sitios utilizan la tecnología flash ocupando toda la página web. Lo que están viendo (en estos tres casos) es una página web —es decir, un archivo HTML— que muestra un archivo de flash (SWF) que se redimensiona según el tamaño de la ventana del navegador.

Sería interesante que naveguen estos sitios y piensen desde el punto de vista del diseño las siguientes cuestiones:

• La función que cumple el blanco (no me refiero al color, sino a la ocupación del espacio).
• Cómo se organiza la infomación, y cómo esta organización determina la estructura de la interfaz.
• El aprovechaminto de imperativos tecnológicos propios del medio (por ejemplo, el retraso en la carga de información a través de internet: cómo se muestra este proceso de carga y cómo se aprovechan estas situaciones para generar momentos gráficamente interesantes).
• La utilización de otros métodos de interacción que no impliquen únicamente hacer click sobre botones.
• La función que cumple el azar. El por qué de la inclusión del azar en ciertas situaciones de diseño de interacción.
• Funciones que cumplen las animaciones, además de la función meramente estética.

Por si tienen ganas, aquí más links a sitios copados hechos con tegnología Flash.

Si quieren pueden dejar comentarios con links a otros sitios interesantes, etc.

Salutes!

Prehora de viernes

Importante: Marina González Carrera está realizando la inscripción al turno de pre-hora, recuerden que sería ideal que se anote gente, para poder dividir la clase en dos grupos y estar más cómodos con la cantidad de computadoras.

Quien quiera, puede acercarse a la Coordinación de la Carrera y avisarle a Marina que desea estar en la prehora. El horario sería de 17.30 a 18.50.

Si lo podemos resolver estos días, antes del viernes, ya estaríamos más cómodos la clase que viene.

¡Feliz San Patricio, everybody!

Saludos!

Lucas.

FWA: flash showroom

Les dejo web para chusmear. Visita obligada y fuente de inspiración para ver sitios realizados con tecnología de la Plataforma Flash: The FWA (Favourite Website Awards).

Recuerden que se puede averiguar si un sitio utiliza Flash haciendo botón derecho sobre diferentes partes de la página. Pueden compartir links que crean interesantes vía comentarios en el blog.

Recomiendo también visitar los links titulados sitios amigos y links flasheros, que pueden encontrar en la columna izquierda del blog.

Salutes!

Pack de Apuntes - Clase 01 - Viernes 12-03-2010

Bienvenidos a la cursada 2010 de la materia Computación Gráfica 3.

Aquí va el pack de apuntes de la primera clase, incluyendo:

• ficha de datos
• bitácora 01
• apunte flash 01
• apunte flash 02

Bajar los apuntes aquí.

Dejo aquí algunos links con sitios web desarrollados con tecnología Flash:

=============

http://www.shskh.com (muy interesante con "strings")

http://wonder-wall.com/ (by yugo)

http://www.uniqlo.com/uniqlo1000/ (by yugo)

http://www.paintwithben.com

http://www.intentionallies.co.jp/ (otro by yugop)

navegación:

http://journey-to-zero.com/

http://www.plusgood.co.uk

http://www.seedmagazine.com/ui09/

http://www.mstudio.com/

http://www.nanozoom.net/

http://www.spin.co.uk/

http://www.nagaoka-id.ac.jp/gallery/gallery.html

experimental:

http://www.concavescream.com

=============

Salutes!

Lucas.

Consideraciones para la entrega final

Buenas! Espero que estén disfrutando el verano.

Quisiera, con un poco de antelación, postear algunas consideraciones importantes para quienes tengan que entregar en fecha de finales.

Además de repasar la consigna, sería ideal que tengan en cuenta los siguientes puntos:

• Lean nuevamente la consigna, no confíen en su memoria.
• La entrega se realiza en CD (no pegar etiqueta sobre el disco por favor; escribir nombre en marcador indeleble), no traigan los archivos en pendrive.
• El CD se entrega con packaging acorde a la estética del proyecto.
• En el CD, deberán incluir los archivos FLA (editable flash), SWF (compilado flash), EXE (ejecutable windows), APP (ejecutable mac) y TXT (datos del alumno y comentarios).
• Se evaluará tanto la resolución tecnológica (desarrollo en Flash) como el diseño, y el proyecto como totalidad. Sobre todo buscamos que realicen un trabajo verosímil.
• La entrega final de Computación Gráfica 3, funciona como examen final de la cursada; por lo tanto, la calidad del proyecto entregado deberá estar a la altura de un examen final, así como también dar cuenta de lo aprendido durante la cursada, y del nivel y la sensibilidad de diseño de un estudiante del último año de la carrera de Diseño Gráfico.
• Si no hicieron caso al primer punto, lean nuevamente la consigna (disculpen la repetición).

Recordatorios de algunas cuestiones charladas en clase, acerca del TP04:

• La interfaz interactiva, funcionando desde el ejecutable (tanto de Mac, como de Windows), deberá verse en pantalla completa.
• Recuerden que estamos trabajando con la Plataforma Flash. Es necesario que los elementos no aparezcan espontáneamente en sus posiciones finales, sino que su aparición se realice de forma animada, de acuerdo al lenguaje gráfico planteado en el proyecto. Si las pantallas son estáticas, entonces el proyecto pudo haberse realizado en PDF; si da lo mismo, estamos equivocando el uso de la tecnología. Tener en cuenta el factor tecnológico al momento de diseño, es fundamental.
  
• La entrega final implica un salto cualitativo importante, sobre el proyecto entregado como TP04 durante la cursada de la materia.
• En la instancia de final, no aprobará un proyecto que simplemente funcione. El proyecto debe ser profesional y creíble como producto terminado. Los detalles de interactividad, funcionalidad, usabilidad y de animación deben estar cuidados.

Todos estos son detalles que charlamos durante la cursada. Si tienen dudas pueden enviarme mail con consultas.

Salutes!

Exámenes febrero/marzo 2010

Las fechas de finales/recuperatorios son:

• martes 23/02/2010 - 19 hs. - recuperatorio / final
• lunes 01/03/2010 - 19 hs. - final
  

El examen final implica la entrega final y mejorada del último TP de la cursada, pueden revisar la consigna aquí.

También pueden revisar todos los posts con la etiqueta exámenes.

Saludos!

Revista digital: proyecto experimental

Mag+ from Bonnier on Vimeo.

Simulación en video de genial investigación/experimentación realizada por la gente de Berg y Bonnier R&D para un posible futuro de revista digital.

Más información del proyecto aquí.

Salutes!