Computación Gráfica 3 - Gutenberg

Exámenes julio 2011

2011-07-13T09:59:00.003-03:00

Como ya saben, este viernes 15 de julio a las 19hs. tienen la instancia de examen final para la aprovación del a cursada de Computación Gráfica 3.

QUIENES CURSARON EN 2011:

El examen constará de una evaluación en vivo, en las computadoras, en la que deberán copiar el diseño de una página, y hacer el desarrollo web con las tecnologías que vimos: HTML+CSS.

Haremos dos turnos (19.00 a 20.30 / 20.30 a 22.00), y será en orden de llegada

QUIENES CURSARON EN AÑOS ANTERIORES:

Allí nos vemos! Saludos!

Reincorporación cursada 2011

2011-07-01T12:07:00.001-03:00

Quienes deban reincorporar, deberán traer un TP escrito a modo de análisis de una interfaz web, siguiendo la consigna del TP01 (pero eligiendo otra web, claro está).

Saludos!

Recuperatorios cursada 2011

2011-06-27T16:54:00.003-03:00

Las condiciones de recuperatorio son simples, y como siguen:

1. El TP01 no se podía desaprobar. Influirá en las notas finales de cursada, ayudando o complicando a quien corresponda. Pero en ningún caso deberá recuperarse.

2. Quienes deban recuperar el TP02: deberán traer su respectivo TP02 rehecho, o arreglado según las pautas. Recomendamos leer la consigna del TP02.

3. Quienes deban recuperar el parcial domiciliario: deberán venir el día del recuperatorio y realizarán un ejercicio muy similar al del parcial en cuanto a su nivel de complejidad, aunque en formato presencial. Así que vénganse preparados para codificar HTML y CSS: igual que en el caso del parcial domiciliario, deberán imitar un diseño en cada detalle.

Tengan a bien revisar las fechas de recuperatorio y reincorporación.

Fechas de Finales, Recuperatorios y Reincorporaciones - julio 2011

2011-06-27T16:36:00.003-03:00

Para agendar. A continuación las fechas de Exámenes Finales, Recuperatorios y Reincorporaciones de julio 2011.

martes 05/07/2011 - 19hs.: recuperatorios y reincorporaciones.
viernes 15/07/2011 - 19hs.: examen final.

Ahí nos vemos!

Parcial domiciliario

2011-06-06T19:27:00.004-03:00

Estimados, por cuestiones de tiempos (las clases son muy cortas y no tenemos suficientes computadoras). Haremos un pequeño ejercicio a modo de parcial domiciliario.

Deberán transformar el siguiente diseño en una página web, siguiendo a rajatabla el diseño y el ajuste tipográfico fino.

Si hacen click sobre la imagen el navegador los llevará a la imagen en tamaño real, desde donde podrán guardarla en su computadora, utilizando el comendo Archivo > Guardar, de su navegador (también pueden hacerlo con botón derecho sobre la imagen).

Qué se entrega:

Un CD con una carpeta con su nombre, y los archivos necesarios ahí dentro. La carpeta hace las veces de carpeta raíz.

Cuándo se entrega:

El lunes 13 de junio.

Algunos datos:

La idea es que el fondo total de la página sea gris (como se ve a ambos lados), y que el fondo que está justo por debajo del contenido sea blanco, se mantenga centrado en la pantalla, y mida 656 píxels de lado a lado.

La tipografía del logo es particular, y quizás no quede otra que generarla como imagen. El texto de la botonera está en Arial y el texto principal en Georgia.

Invitada en Diseño Multimedial

2011-05-26T10:39:00.002-03:00

Como les comentaba el lunes en clase, el día jueves 2 de junio a las 19 hs. vendrá una experta en usabilidad y accesibilidad web a la materia Diseño Multimedial. La visita se hará en el marco de un proyecto que estamos realizando en dicha materia, pero pienso que puede llegar a ser de interés para nuestra cursada de Computación Gráfica 3. Quien quiera venir, aunque no curse Diseño Multimedial, está más que invitado.

Salutes!

Pack de Apuntes - Clase 10 - Lunes 16-05-2011

2011-05-16T19:58:00.003-03:00

IMPORTANTE: hoy es la entrega del TP02. A no olvidarse de entregar!

===

Además, hoy trabajaremos con cierto caso de estudio, tomando algunas partes del sitio web clubdeldisco.com para practicar.

Imitaremos el diseño de algunos encuadres y partes del sitio, de forma tal de poner en uso los conocimientos con los que estuvimos chapoteando las últimas clases.

Continuamos maquetando con HTML y CSS.

Salutes!

¿Por qué es tan importante la Web?

2011-05-13T13:54:00.003-03:00

En un futuro no muy lejano, la mayoría de las aplicaciones que no requieran mucha carga de procesamiento podrán funcionar directamente dentro del navegador. Los Google Docs son un buen ejemplo, toda una suite de oficina en la web, dentro del navegador.

Estas aplicaciones son páginas web. Están armadas con las tecnologías HTML, CSS y JavaScript, entre otras.

Esta semana, en el evento Google I/O 2011, se mostraron varios productos en proceso, aquí una simpática animación que nos cuenta acerca del Chromebook. Una computadora cuyo sistema operativo directamente será el navegador; se prende el artefacto y se accede a la web, no hay un "afuera" de la web. No hay escritorio, no hay aplicaciones: sólo la web.

Interesante, no?

Xhtml Friends Network

2011-05-03T09:53:00.001-03:00

XFN (Xhtml Friends Network) es una forma de marcar los contenidos de un XHTML de forma tal que se establezcan relaciones entre personas, amistad, familiares, etc.

Es interesante, porque convierte la web misma en una especie de Facebook, péguenle una mirada.

Xhtml Friends Network

TP02 - CV web

2011-05-02T19:31:00.004-03:00

Aquí va la consigna del Trabajo Práctico 02. Por el momento no estará en formato PDF tampoco, pero confío en que no será problema para ustedes.

CV web

El trabajo práctico 02 consiste en hacer un pequeño (pero no por eso menos importante) sitio web con su CV personal.

Incluirás unas pocas secciones (mínimo 4), por ejemplo: inicio, datos académicos, experiencia profesional y contacto. En estas 4 páginas web codificarás toda la información de acuerdo a lo visto en clase, marcando correctamente los contenidos de forma semántica. Te recordamos que la atención al significado semántico y al correcto marcado de las diferentes partes del contenido es clave para realizar un correcto desarrollo web.

En esta instancia, nos interesa en especial que prestes atención al correcto marcado de la info en los archivos HTML, al correcto funcionamiento de los links entre páginas, y al correcto uso de estilos CSS (incluir los estilos en un archivo aparte, etc).

El objetivo del trabajo es evaluar si se comprendieron correctamente los conceptos fundamentales de marcado semántico, división de contenido y forma en la disciplina del desarrollo web, y una utilización básica del lenguaje HTML (contenido) y CSS (forma), así como también un uso inicial del programa Adobe Dreamweaver (aunque podés utilizar cualquier otro programa, o incluso codificar a mano, si te animás).

Cuándo entregarás:

09/05/2011 preentrega: corrección en clase.
16/05/2011 entrega: entrega del trabajo práctico.

Qué entregarás:

Un CD en cuyo interior habrá una carpeta con tu nombre, que tenga en su interior todos los archivos que hacen a tu sitio web. El CD debe tener tu nombre escrito con marcador indeleble (NO pegar etiquetas sobre el disco).

Pack de Apuntes - Clase 08 - Lunes 02-05-2011

2011-05-02T17:09:00.003-03:00

La Bitácora 08 no estará disponible en formato PDF, pero incluimos aquí mismo el plan del día.

Hoy continuaremos profundizando en el uso de CSS y su relación con HTML. En particular, nos concentraremos en la idea de "diagramación" (layout).

Se viene una nueva instancia de evaluación, en la forma del TP02. Recomiendo hacer las consultas que crean convenientes con respecto a lo visto de HTML y CSS.

Pack de Apuntes - Clase 07 - Lunes 25-04-2011

2011-04-25T02:00:00.000-03:00

No habrá apuntes hoy.

Pack de Apuntes - Clase 06 - Lunes 18-04-2011

2011-04-18T15:22:00.000-03:00

Aquí va la bitácora del día:

Bitácora 06

Salutes!

Acceso a la Web para todos

2011-04-13T13:03:00.009-03:00

Sir Tim Berners-Lee, el creador de la World Wide Web, asegura que el acceso a su invento debe estar asegurado para todos:

Berners-Lee: Web access is a 'human right' (en inglés)

Aquí la versión traducida por los simpáticos robots de Google.

Pack de Apuntes - Clase 05 - Lunes 11-04-2011

2011-04-11T18:10:00.003-03:00

Va el pack con los apuntes del día de la fecha, incluyendo:

bitácora 05
desarrollo web 05: CSS, box model

Descargar apunte.

DG y la importancia de la ortografía

2011-04-11T09:47:00.002-03:00

Aquí un mail de un corrector de textos que trabaja para una revista. Que sirva de ejemplo para comprender la importancia de la ortografía y el correcto tipeo de textos por parte de Diseñadores Gráficos.

Pack de Apuntes - Clase 04 - Lunes 04-04-2011

2011-04-04T17:53:00.003-03:00

Hoy comenzaremos a trabajar con el lenguaje CSS. Aquí les dejo la bitácora del día:

Bitácora 04

Bajar BT04.

IMPORTANTE: Recuerden que hoy es la entrega del TP01!!!

No se olviden de traer —además de la entrega— la ficha de datos, por favor.

HTML - videos de repaso

2011-04-03T23:49:00.002-03:00

Aquí les dejo algunos videos para que repasen lo visto en clase:

El lenguaje HTML from compugraf3 on Vimeo.

HTML y definición de sitio con Dreamweaver from compugraf3 on Vimeo.

Pueden ver más videos (de años anteriores) en http://www.vimeo.com/compugraf3/videos

DG y ortografía

2011-04-03T21:52:00.004-03:00

Se aserca la entrega del TP01. Como digimos en clace, es fundamental evitar los erores hortográficos. Es importisimo en nuestra diciplina poder escribir a consiensia y estar alertas ante los posívles erores.

Aqui un articulo interesante al respecto:

8 métodos no aburridos para evitar errores ortográficos

(Yo no se si son "no aburridos", pero son.)

Pack de Apuntes - Clase 03 - Lunes 28-03-2011

2011-03-28T11:50:00.003-03:00

Hoy continuaremos trabajando sobre el lenguaje HTML, pero haciendo hincapié en las herramientas del Adobe Dreamweaver.

Aquí les dejo el pack de apuntes para la clase de hoy, incluyendo:

bitácora 03
apunte desarrollo web 04
trabajo práctico 01

Es muuuy importante que traigan completa su ficha de datos con foto. El presentismo dependerá de ello.

Salutes!

The Big Web Show

2011-03-28T11:47:00.004-03:00

The Big Web Show es un video podcast semanal en donde el archi-conocido Jeffrey Zeldman entrevista a otras personalidades del mundo del diseño y del desarrollo web. Muy recomendable.

Pack de Apuntes - Clase 02 - Lunes 21-03-2011

2011-03-21T10:37:00.002-03:00

Aquí va el pack de apuntes de la clase 02:

bitácora 02

Descargar desde aquí.

Hoy comenzamos a trabajar con HTML, el formato más importante en el universo web.

Nos familiarizaremos con la sintaxis del lenguaje y veremos principalmente su función como lenguaje de marcado (recordemos que la M de HTML significa: Markup / Marcado).

IMPORTANTE: el HTML no es el archivo de Dreamweaver. Se trata de un estándar web, abierto y gratuito, regulado por la W3C (una entidad sin fines de lucro) y que no pertenece a ninguna empresa.

Relevá e investigá

2011-03-21T10:35:00.003-03:00

Al comenzar a trabajar en un nuevo medio, es siempre importante hacer un relevamiento e investigar a fondo las cuestiones propias del entorno.

Les dejo tres links para que miren y analicen:

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, cómo se organiza la información, el aprovechamiento de imperativos tecnológicos propios del medio, 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 y las funciones que cumplen las animaciones (además de la función meramente estética).

Nuevo mail de contacto

2011-03-20T12:10:00.001-03:00

Se ha creado una nueva cuenta de mail para consultas:

>> compugraf3 [arroba] lucasmourelle [punto] com [punto] ar

Salutes! :)

Pack de Apuntes - Clase 01 - Lunes 14-03-2011

2011-03-14T17:58:00.004-03:00

Bienvenidos a Computación Gráfica 3, en su versión 2011.

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

ficha de datos
bitácora 01
apunte desarrollo web 01
apunte desarrollo web 02
apunte desarrollo web 03

Click aquí para bajar los apuntes.

Es importante aclarar que el programa de la materia ha cambiado totalmente en 2011, en relación a las cursadas previas. Esto significa que los apuntes y consignas de años anteriores no se aplican.

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

Aquí van algunos links a sitios interesantes:

Aquí van algunos con un poco de 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 Yugo)
http://www.griplimited.com/
http://polo444.nl/
http://www.group94.com/
http://mad-ar.ch/

Exámenes febrero/marzo - 2011

2011-02-06T09:46:00.009-03:00

Aquí dejo las consignas para las instancias de examen de febrero/marzo 2011. Les recuerdo que el examen final de la materia Computación Gráfica 3 consiste en la entrega de un proyecto: les recomiendo fervientemente que lean y repasen las consignas.

FECHAS:

lunes 21/02/2011, 19 hs.: recuperatorio y examen final.
lunes 28/02/2011, 19 hs.: examen final.

CONSIGNAS FINAL:

Las consignas para los recuperatorios se pueden bajar desde aquí.

Ante cualquier inquietud, no duden en consultar vía mail.

Salutes!

Examen final - diciembre 2010

2010-12-08T21:43:00.006-03:00

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

2010-11-21T13:51:00.007-03:00

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

2010-10-19T00:21:00.006-03:00

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

2010-07-09T13:41:00.008-03:00

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

2010-07-05T11:50:00.003-03:00

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

2010-07-02T21:06:00.003-03:00

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

2010-06-30T10:41:00.005-03:00

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

2010-06-28T19:39:00.003-03:00

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

2010-06-24T20:50:00.003-03:00

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

2010-06-23T01:00:00.000-03:00

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

2010-06-21T13:56:00.003-03:00

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

2010-06-18T12:27:00.004-03:00

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

2010-06-15T21:31:00.003-03:00

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

2010-06-11T15:59:00.003-03:00

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

2010-06-11T15:52:00.003-03:00

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

2010-06-09T12:16:00.004-03:00

¿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

2010-06-04T10:57:00.004-03:00

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

2010-05-28T11:04:00.004-03:00

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:

Es importante que recuerdes traer auriculares.

Salutes.

TP04: más comentarios

2010-05-27T13:51:00.005-03:00

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

2010-05-24T13:30:00.004-03:00

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

2010-05-21T12:13:00.004-03:00

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

2010-05-20T23:12:00.001-03:00

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

2010-05-15T18:25:00.004-03:00

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

2010-05-14T10:48:00.001-03:00

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

2010-05-11T21:00:00.009-03:00

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

2010-05-07T08:49:00.003-03:00

====================
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

2010-04-30T11:15:00.002-03:00

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

2010-04-25T18:33:00.005-03:00

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

2010-04-21T20:00:00.001-03:00

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

2010-04-19T14:00:00.001-03:00

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

2010-04-15T20:00:00.001-03:00

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

2010-04-14T19:26:00.008-03:00

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

2010-04-12T12:04:00.003-03:00

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

2010-04-09T16:24:00.002-03:00

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

2010-04-06T21:24:00.012-03:00

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

2010-03-26T11:22:00.006-03:00

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!

2010-03-26T10:22:00.010-03:00

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.

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

2010-03-19T10:53:00.004-03:00

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á!

2010-03-19T10:48:00.000-03:00

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

2010-03-17T15:51:00.003-03:00

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

2010-03-16T23:22:00.002-03:00

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

2010-03-12T20:23:00.003-03:00

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

2010-01-28T17:49:00.010-03:00

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 evaluará tanto la resolución tecnológica (desarrollo en Flash) como el diseño, y el proyecto como totalidad. Sobre todo buscamos que realicen un trabajo verosí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

2010-01-27T14:09:00.002-03:00

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

2010-01-24T14:51:00.004-03:00

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!

¡Feliz año 2010!

2009-12-28T16:52:00.002-03:00

Envío saludos y un fuerte abrazo a todos los gutenbergianos: alumnos, docentes, administrativos y no-docentes.

¡Les deseo un excelente 2010, lleno de proyectos y alegrías!

Aprovecho la oportunidad para felicitar a los recién recibidos, flamantes DG. ¡Congrats!

Recordatorio exámenes diciembre 2009

2009-12-12T18:54:00.002-03:00

Como les comentaba en el post anterior, les recuerdo que las fechas de finales son:

lunes 14/12/2009 - 19 hs.
lunes 21/12/2009 - 19 hs.

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.

Nos vemos!

Fuga Gráfica en Gutenberg

2009-12-03T11:05:00.006-03:00

Fuga Gráfica es la XII edición del Festival de Arte Contemporáneo y Experimental que funciona como espacio abierto para la difusión del arte multimedia.

=x=x=x=x=x=x=x=x=x=x=
Fuga Gráfica en Gutenberg
Av. Belgrano 4299 (esquina Muñiz).

- sábado 5 y domingo 6 de diciembre
- desde las 19.00 hs hasta las 00.00 hs

- entrada $10 (entrada alumnos Gutenberg $5)
=x=x=x=x=x=x=x=x=x=x=

En continuidad con la renombrada Fuga Jurásica que tenía como sede el Museo de Ciencias Naturales, Fuga Gráfica define a la “gráfica” como temática convocante y estímulo para los artistas participantes y tiene como sede a la Fundación Gutenberg.

Este festival, ideado y organizado por el paleontólogo y músico electrónico, Luis Marte, nuclea las más variadas disciplinas, con el eje común de la experimentación. Arte sonoro, video, animación, fotografía, plástica, web art, artes escénicas, instalaciones, charlas y seminarios definen a este festival de creatividad con características únicas.

El sábado 5 y domingo 6 de diciembre desde las 19.00 hs hasta las 00.00 hs, el público es invitado a experimentar el arte en sus diferentes manifestaciones.

Tomando casi todo el edificio, el evento asume la particularidad del lugar logrando una integración conceptual. Fuga Gráfica cuenta con 100 artistas y agrupaciones dedicadas a la experimentación creativa. Cabe destacar la presencia del músico Fernando Kabusacki, el artista digital y VJ Jorge Castro, el artista plástico Juan Doffo, el cineasta Ernesto Baca, entre otros.

La temática definida en esta edición es la gráfica y esta ha sido la propuesta que ha servido de estímulo a los artistas participantes en cada una de las disciplinas.

Sábado 5 de diciembre

sala 1:
Power Varela / Ignacio Gracian / Automartin / BTB / Srta.Amalia
sala 2:
Quum / §gl¢§ / Pangea / Auto / Danel

Domingo 6 de diciembre

sala 1:
Pablo Ribot / Kabusacki / Lothus / Mc Fly / Microesfera
sala 2:
Observatorio51 / Jorge Castro / Luis Marte / Melmann / Klang!

Más información aquí.

Exámenes diciembre - 2009

2009-11-11T17:39:00.004-03:00

Espero que estén todos muy bien. A continuación les paso las fechas de recuperatorio, reincorporación y exámenes de diciembre de 2009.

viernes 04/12/2009 - 19 hs. - reincorporación/recuperatorio
lunes 14/12/2009 - 19 hs. - entrega final
lunes 21/12/2009 - 19 hs. - entrega final

Les recomiendo que lean atentamente todas las consignas correspondientes (recuperatorio, reincorporación, entrega de examen final), así vienen con todo lo necesario.

Recordatorio: la entrega del CD-ROM interactivo es con packaging.

===
Dejo abiertos los comentarios de este post para consultas.
===

Saludos!

TMDG 2009 - No Carson :(

2009-09-29T16:06:00.004-03:00

Lamentablemente, parece que David Carson canceló a último momento y dejó a los muchachos de TrimarchiDG 2009 en una situación bastante complicada.

El reemplazo del surfista será Tomas Roope, de inglaterra.
http://www.therumpusroom.tv/

Aquí la lista de conferencistas actualizada.

Me caigo y me levanto.

TMDG 2009 - marea roja!

2009-09-28T17:59:00.004-03:00

Esto es un comunicado importante para quienes viajen este fin de semana al TrimarchiDG 2009, a realizarse en Mar del Plata…
Al parecer, hay alerta por marea roja en las costas bonaerenses, por lo que se recomienda no consumir productos de mar (lamentablemente).

Una vez ingerido el molusco contaminado, los especialistas indican que la intoxicación se manifiesta a menos de 30 minutos y resulta fatal en la mayoría de los casos.

Aquí la noticia completa.

Allí nos vemos!

TMDG 2009

2009-09-17T14:35:00.006-03:00

Como probablemente sepan, dentro de poquito comienza el TrimarchiDG 2009. Este año, con una lista de conferencistas muy interesante:

David Carson
Juan Pablo Cambariere
Alex Trochut
Zalma Jalluf
The President
Itsvan Orosz
Area 3
Colletivo
Out Of Register
Idn
Patricio Oliver
entre otros…

El evento se realiza el 2, 3 y 4 de octubre, en el Estadio Polideportivo de Mar del Plata.

Hay algunas opciones relativamente económicas que incluyen viaje y estadía, sólo viaje, sólo estadía, etc…
http://www.trimarchidg.net/packs.php
http://manuchis.com.ar/trimarchidg/
…y seguramente habrá otras ofertas dando vueltas por ahí.

Allí nos vemos!

Final de Viernes

2009-08-13T16:30:00.005-03:00

Espero que estén todos muy bien.

Mañana (viernes 14/08/2009) es el final de Computación Gráfica 3. Les recuerdo que tengan a bien leer las respectivas consignas.

===
El examen final —para quienes cursaron la materia en 2009— implica la entrega del CD interactivo siguiendo la consigna del TP04, con mejoras que impliquen un salto cualitativo (de calidad), por sobre la entrega que realizaron al final del cuatrimestre. Deberán entregar la pieza interactiva en un packaging, acorde al sistema gráfico planteado en su interfaz de usuario.

Descargar consigna Final, para quienes cursaron en el año 2009.

Quienes vengan al final, y hubieren cursado la materia años pasados, pueden repasar las consignas anteriores aquí.

===

Allí nos vemos!

Contenido: impreso/web

2009-07-16T13:14:00.006-03:00

Excelente charla de Jason Santa María (un diseñador/desarrollador web muy reconocido), acerca de las diferencias técnicas del diseño web y sus implicancias técnicas, con respecto al diseño para impresión (in English).

Como sabemos, el diseño es afectado indefectiblemente por el factor tecnológico (y viceversa), así como también es influenciado el arte. Viviendo en los comienzos del siglo XXI, sería tonto pensar que el arte, el diseño, y la tecnología son disciplinas separadas, con fronteras definidas.

Resulta clarificador pensar que en algún momento de la historia de la humanidad, un pincel fue un artefacto tenológico de avanzada; y a partir de allí imaginarse las implicancias que aquella invención habrá tenido en las posibilidades artísticas de los individuos de antaño.

Exámenes Finales 2009 - julio/agosto

2009-07-16T12:59:00.003-03:00

Ya se acerca la fecha de finales, no duerman!

Recuerden que el examen final, para quienes cursaron la materia en 2009, implica la entrega del CD interactivo siguiendo la consigna del TP04, con mejoras que impliquen un salto cualitativo (de calidad), por sobre la entrega que realizaron al final del cuatrimestre. Deberán entregar la pieza interactiva en un packaging, acorde al sistema gráfico planteado en su interfaz de usuario.

CONSIGNAS FINAL:

Quienes vengan al final, y hubieren cursado la materia años pasados, pueden repasar las consignas anteriores aquí.

Salutes! Allí nos vemos!

Nuevas fechas recuperatorio/reincorporación/final

2009-07-07T11:37:00.006-03:00

Como saben, las fechas originales de recuperatorio, reincorporación y final han sido modificadas. Las nuevas fechas oficiales para Computación Gráfica 3 son en agosto:

viernes 07/08 - 19hs. - recuperatorio y reincorporación
viernes 14/08 - 19hs. - final (entrega CD mejorado y con packaging)

Salutes!

Suspensión de actividades en Gutenberg

2009-07-01T21:08:00.005-03:00

Estimados, les informo las resoluciones que ha tomado la Dirección de Gutenberg a raíz de la Pandemia de Influenza A-H1N1:

Se suspenden las actividades académicas desde el 6 al 31 de Julio inclusive.
Los exámenes de Reincorporación y Recuperación se tomarán en la semana del 3 al 7 de Agosto.
Los Exámenes Finales-Turno Julio-Agosto, se tomarán en la semana del 10 al 14 de Agosto.
La cursada del segundo cuatrimestre comenzará el martes 18 de agosto (o el Lunes 17 en el caso que las autoridades educativas desafecten el día feriado).
La inscripción a materias del segundo cuatrimestre se realizará a partir del lunes 13 de julio.
La Administración y la Secretaría Académica atenderán a alumnos/as y docentes en el horario de lunes a viernes de 13:30 a 20:30, durante todo el mes de Julio. La Biblioteca atenderá durante el mes de Julio de lunes a viernes de 18 a 20:30. Por prevención no se prestarán libros a domicilio.
Las distintas cátedras están facultadas para instrumentar actividades de consulta u orientación vía electrónica.
Los/as alumnos/as y Docentes que presenten síntomas compatibles con Influenza A-H1N1, les pedimos nos lo comuniquen telefónicamente o vía electrónica a Secretaría Académica.

A cuidarse!

Recuperatorio/reincorporación 2009

2009-06-29T19:00:00.005-03:00

Aquí les dejo las diferentes opciones de recuperatorio:

Análisis
Banner [TP02]
CD-ROM interactivo [TP04]
Extra (currículum interactivo)

Bajar las consignas de recuperatorio.

Cada cual sabe cuál/cuáles de estos ítems debe traer para la instancia de recuperatorio.

Les recuerdo que quienes desaprobaron el TP04 deberán traer el TP04 arreglado y terminado (para aprobar); y que quienes no lo entregaron deberán traer el TP04 que les quedó pendiente más el trabajo recuperatorio (currículum interactivo).

Quienes deban reincorporar, deberán traer el trabajo de análisis como reincorporación.

La primera fecha de recuperatorio/reincorporación es el día

viernes 10/07 - 19hs. - recuperatorio y reincorporación (OJO, ESTA FECHA YA NO VA MÁS; aquí las nuevas fechas)

Allí nos vemos!

Fin - Clase 14 - Viernes 26-06-2009

2009-06-26T10:43:00.011-03:00

Estimados, hoy es la última clase, el plan del día es el siguiente:

Breve charla de cierre de la cursada.
Devolución de notas de cursada (quiénes aprueban, quiénes recursan, quiénes recuperan, qué recupera cada uno, etc.).
Devolución individual sobre las entregas del TP04, analizando juntos el proyecto, para que sepan qué laburar para la instancia de Final (dejo la devolución individual de cada TP para lo último de la clase, de esta manera quienes no hubieron entregado el TP04 podrán irse después de la entrega de notas).

Algunas aclaraciones al respecto de la entrega:

No se corregirán trabajos hoy, las instancias de corrección ya pasaron.
Las entregas aceptadas fueron las que llegaron hasta el jueves temprano (a las 15 hs. se cerró la recepción de entregas). Las notas ya están cerradas, no se consideran entregados los mails que llegaron ayer a las 20 hs., 22 hs., 23 hs., y la madrugada de hoy.
Considero la no entrega del último TP de una cursada (cualquiera sea), una falta grave.

Les pido que no falten a la clase de hoy, y que sean puntuales, así tenemos tiempo para corregir los trabajos de aquellos que cumplieron con su responsabilidad como cursantes de la materia.

Entrega TP04 - comunicado

2009-06-25T10:25:00.006-03:00

Evidentemente (y lamentablemente) muchos alumnos se han tomado la libertad de no entregar: auto-convocándose a la entrega del TP04 en la instancia de recuperatorio.

Teniendo en cuenta…

que la falta de material para corrección en las instancias previas a la entrega fue vergonzosa,
que el recuperatorio es dentro de dos semanas,
que se trata una falta de respeto hacia la gente que probablemente dedicó horas de sueño a realizar el TP para poder entregar a tiempo,
que sería raro entender la recuperación de un TP que nunca se entregó (y por lo tanto nunca desaprobó),
y la cantidad de gente que se tomó esta libertad,

Les adelanto que la instancia de recuperatorio para aquella gente que no haya entregado el TP04 será diferente a la de quienes hubieren laburado, entregado, y desaprobado (lo cual implica un mérito mayor, claro está).

Aquellos que no entregaron, traerán al recuperatorio:

no sólo el TP04,
sino además una consigna extra que será subida al blog en breve.

Bon voyage.

MENSAJE DEL INVITADO SORPRESA

2009-06-23T17:20:00.004-03:00

Colegas, les digo así porque ya en estas instancias es así. Están a mitad de año, en algunos casos cursando sus últimas materias de ésta, la Carrera que eligieron como su profesión; sí, por esa misma que hace un mes que ya no duermen, que no se despegan del monitor. Pero tengo buenas noticias, las cosas no van a cambiar mucho, sólo los “nombres”, materia x empresa, profesor x cliente pero lo que nunca cambia nunca cambia son las entregas, eso nunca cambia, y es parte de la responsabilidad como profesional que tenemos.

Falta poco, nada, es la recta final pero no dejen pasar estas oportunidades que no es muy frecuente.

Saludos el invitado casi sorpresa.

Entrega TP04 - miércoles

2009-06-23T16:50:00.006-03:00

Estimados:

Les recuerdo que mañana (miércoles 24) es la entrega del TP04. Les comento que una entrega es una instancia de evaluación, necesaria y obligatoria.

Lamento que no se hayan podido aprovechar las instancias de corrección —en Gutenberg y Starbucks— pero eso ya quedó atrás; ahora habrá que ponerle pilas a estos CDs interactivos, aplicando lo que vimos en clase a nivel técnico, lo que charlamos a nivel proyectual/diseñístico, y lo que ustedes pueden capitalizar de estos años de estudio transcurridos cursando la carrera.

Relean bien todos los ítems que les indiqué en el post anterior.

El viernes haremos la devolución y veremos quienes están complicados de notas (por éste u otros TPs) y tengan que ir a recuperatorio.

Salutes!

Repaso TP04

2009-06-22T00:14:00.008-03:00

Un breve repaso sobre lo dicho acerca del TP04:

Recuerden que la entrega es el miércoles, deberán dejarle la entrega a Marina en la Coordinación de la Carrera.

Salutes!

Pack de Apuntes - Clase 13 - Viernes 19-06-2009

2009-06-19T11:20:00.001-03:00

Les dejo la bitácora del día. Recuerden que hoy es preentrega!

Bitácora 13

Aquí el link para descargar ZIP con los PDFs de clase 13.

Pre-entrega

2009-06-18T14:50:00.004-03:00

Recuerden que mañana (viernes 19/06) es la preentrega del TP04. Es importante que presten mucha atención a la idea de diseño de interfaces —cuestión sobre la cual estuvieron meditando y analizando en los TPs de análisis—, y a ir plantando indicios de uso al usuario de manera que sus CD-ROMs interactivos sean navegables sin la necesidad de un manual de instrucciones.

El tercer año de la carrera es el momento oportuno para empezar a comprender y capitalizar todo lo aprendido en las diferentes materias y sus posibles interrelaciones; en este sentido, quizás sea útil desempolvar la función indicial que poseen algunos signos, según la teoría del amigo Peirce, a quien probablemente leyeron y estudiaron en la materia Teorías de la Comunicación. Quiero decir… qué es un indicio?

Nos vemos mañana en la preentrega!
Ah, cómo… no vas a preentregar?

ups.

Final de cursada - fechas

2009-06-18T11:23:00.005-03:00

Gente, aquí les paso las fechas de final de cursada para que estemos todos atentos y manejando la misma información:

viernes 19/06 - preentrega
miércoles 24/06 - entrega (no hay clase)
viernes 26/06 - devolución entregas (para que realicen correcciones para el final)

viernes 10/07 - 19hs. - recuperatorio y reincorporación
viernes 17/07 - 19hs. - final (entrega CD mejorado y con packaging, ya les subiré la consigna del final)

CUIDADO: ESTAS FECHAS HAN SIDO MODIFICADAS. Aquí las nuevas fechas.

Salutes!

Navegación en Flash

2009-06-15T22:37:00.006-03:00

En clase vimos un posible método (bajar archivo) para generar navegación en Flash. A diferencia del HTML (en donde la idea de hípertexto –textos interconectados a través de links– es parte fundamental de la tecnología), la Plataforma Flash no posee una manera oficial y estándar de saltar de un contenido a otro… esto que normalmente damos en llamar "navegación".

Para generar el tipo de desarrollo que vimos en clase, hace falta tener en cuenta estos tres puntos:

// Crear las animaciones de aparición de cada sección:
Es importante comprender que no existe el concepto de "sección" con entidad técnica dentro del Flash. La plataforma en la que estamos trabajando desconoce esta idea.
Lo que haremos, entonces, es animar la aparición de cada sección, una a continuación de la otra tal como se ve en el archivo de ejemplo que pueden bajar (y que desarrollamos en clase).

// Evitar que el Flash muestre las secciones continuamente:
Este punto es muy sencillo, deberá estar programado un stop(); al final de cada aparición de sección. Recuerden que es recomendable tener una capa aparte para las acciones. Así es que en la capa que tienen para este fin, harán un keyframe al final de cada sección y escribirán la programación del

stop();

// Poner en funcionamiento la botonera de navegación:
Deberán programar en cada botón de la botonera, el código que haga que cuando el usuario suelte dicho botón, el Flash se dirija al fotograma inicial de la aparición de la sección en cuestión.
La programación deberá ubicarse en cada botón, y quedará algo así:
(recuerden que para programar el botón, deben seleccionarlo: 1 click sobre el botón)

on(release){
gotoAndPlay(5);
}

…si programan con los números de fotograma, o así si programan con los nombres de las etiquetas (labels):

on(release){
gotoAndPlay("bocetos");
}

Si ven que no les está saliendo en sus casas, bájense el archivo y fíjense cómo está hecho. Hay dos versiones, una con la programación de los botones hecha a partir de los números de fotogramas, y la otra a partir de los nombres de las etiquetas (labels).

Salutes!

Domingo de corrección en Starbucks!

2009-06-13T17:27:00.004-03:00

Estaremos mañana (domingo) en el Starbucks de Elcano corrigiendo el TP04. Lo más probable es que estemos en la mesa grande del 1er. piso. ¡Vengan con material para corregir!

Tenemos invitado sorpresa!!!

dirección: Av. Elcano 3179 (Belgrano R, Capital)
fecha y hora: domingo 14/6, 15 hs. aproximadamente.

Nos vemos!

Pack de Apuntes - Clase 12 - Viernes 12-06-2009

2009-06-12T11:29:00.006-03:00

Les dejo la bitácora del día.

Bitácora 12

Aquí el link para descargar ZIP con los PDFs de clase 12.

Hoy hacemos colgada cibernética del trabajo práctico 04. Es absolutamente necesario que traigan material para corrección en clase. Vengan con las pantallas del CD-ROM interactivo en JPEGs o en AI pasados a curvas así los vemos y charlamos del asunto.

También corregiremos primeras intenciones de animación para ver cómo va la cosa.

===
Al margen: les adelanto que quizás les proponga hacer juntada extra-oficial de corrección para este domingo, después se los confirmo. Es para el que quiera/pueda.
¡Probablemente con invitado especial!
===

Salutes!

Tokyo Fashion Map

2009-06-11T11:34:00.005-03:00

Miren este sitio (paciencia con el tiempo de carga), hecho por nuestro amigo Yugo Nakamura!

Presten atención a la claridad del concepto, y cómo esa claridad se transmite a la interfaz. Piensen, también, acerca del Proyecto como un todo: concepto, gráfica, sonido, animaciones, interacción con el usuario, etc. En fin, a utilizar una mirada crítica y analítica de diseñadores!

Tips para TP04

2009-06-09T10:39:00.004-03:00

Aquí algunos consejos para el trabajo práctico 04:

Debieran laburar el diseño —ya desde Illustrator— en un formato acorde a una resolución de monitor, por ejemplo 1024 x 768px. Sin embargo, deben recordar que el interactivo podrá ser visto en monitores con otras resoluciones y proporciones, entonces es conveniente diseñar con un tanto de "demasía" y que lo que se vea de más en monitores de otros tamaños quede diseñado. Si eligen generar un archivo de 1024 x 768px, entonces, pásense más allá de los límites de la pantalla: diseñen lo que queda por fuera.
Al momento de generar la estética gráfica, vayan imaginando cómo se moverán los diferentes elementos, qué estilo de animación utilizarán. Pueden tomar algún sitio web de referencia, y mirar atentamente la relación entre la gráfica y el estilo de animación que utiliza.
Diseñen las pantallas internas de la navegación (por ejemplo: referencias, bocetos, marca, piezas del sistema, etc.) y, dependiendo del proyecto de cada uno, piensen también en diseñar una pantalla de entrada (una especie de intro, o portada) y una de salida (para la animación de cierre de la cual estuvimos hablando la clase pasada). Cada proyecto es distinto, y en este sentido son ustedes los que deciden qué pantallas se incluyen y cómo fragmentar la información. Tengan en mente esta idea de proyecto: ustedes proyectan este trabajo de principio a fin.
Piensen en el sonido. ¿Su proyecto tendrá sonido? ¿Tendrá sonido de fondo, sonido en los botones?
¡Hagan una pieza que les guste! Si el proyecto no gusta al mismísimo diseñador que lo parió, estamos fritos.

Salutes!

Pack de Apuntes - Clase 11 - Viernes 06-06-2009

2009-06-05T11:14:00.002-03:00

Aquí va el pack de apuntes incluyendo la bitácora de hoy y el último trabajo práctico:

Bitácora 11
TP 04

Aquí el link para descargar ZIP con los PDFs de clase 11.
Salutes!

Gráfica not dead

2009-06-04T18:48:00.007-03:00

Miren este trabajo de animación realizado por la gente de Prologue.

Es un buen ejemplo de proyecto de diseño de altísima calidad. Parece evidente que este grupo de diseñadores cuidó hasta el último detalle a la hora de producirlo y tuvo en cuenta nociones que van más allá del universo de la animación.

Es un laburo que posee una estética y un partido gráfico y sonoro muy claros, un manejo tipográfico súper ajustado y una paleta de colores que lleva a un extremo las posibilidades RGB que suponen generar una pieza visual que será vista en pantalla (en contraposición a una pieza impresa, por ejemplo).

La pieza mezcla inteligentemente diseño plano vectorial, material fotográfico, video, animación en 2D y 3D y sonido.

No sé si a ustedes les pasa lo mismo, pero a pesar del tipo de pieza y del medio en donde se inserta (televisión) pienso que es un laburo muy gráfico.
¿Qué opinan?

Para ausentes y distraídos

2009-06-01T13:18:00.003-03:00

Les recuerdo que el viernes que viene (5 de junio) se entrega el trabajo práctico 03, cuya consigna pueden encontrar junto con los apuntes de la clase pasada.

Ya que estamos, les cuento que la clase que viene experimentaremos la clase nro. 11, sobre un total de 14, por lo que nos quedan sólo 4 encuentros para terminar la cursada.
¡Pilas que ya falta poco!

Salutes!