Nuestro agradecimiento a los organizadores, y a Aníbal Menezes (Image Campus) y María Laura Alegre (Universidad de Flores) por la invitación y coordinación!

Programa:

• 13:30 Acreditación
• 14:00 Apertura FIEDBA (a cargo de: Aníbal Menezes, Pablo Junquera y Anabella Rondina).
• 14:15 Conferencia Santiago Bustelo
• 15:15 Break
• 15:30 Conferencia Hernán Berdichevsky
• 16:30 Entrega de certificados

14:15hs: Diseño de Interacción, accesibilidad e inclusión.
A cargo de Santiago Bustelo

El Diseño de Interacción es una nueva disciplina que comparte principios y herramientas de Diseño Industrial, Diseño Gráfico e Ingeniería de Software, dedicada al diseño de productos digitales que ofrezcan mejores experiencias para la mayor cantidad de usuarios.

En un mundo cada vez más conectado e interdependiente, los diseñadores tenemos la llave para lograr que cada producto o servicio interactivo sea usable y accesible para todas las personas, sin importar el nivel de alfabetización digital y las capacidades físicas, sensoriales, e intelectuales que tengan. Se presentarán metodologías y herramientas que permiten hoy hacer realidad esa meta, casos reales de aplicación y sus resultados, y oportunidades y desafíos que presentan las nuevas disciplinas.

Santiago Bustelo es diseñador gráfico recibido en FADU/UBA, donde también ejerció como docente. Fundador y director del estudio de diseño y desarrollo Icograma. Ha dictado presentaciones y talleres sobre Diseño de Interacción y Diseño Centrado en el Usuario en FADU/UBA, UTN y Universidad de Palermo. Entre sus clientes se encuentran Techint, Molinos, Microsoft, Banco Santander, Bumeran.com, Officenet Staples y Stanford University. Preside el capítulo local de la Asociación de Diseño de Interacción (IxDA BA) y es el coordinador de todos los capítulos latinoamericanos. Es fundador y coordinador del Movimiento de Diseño Inclusivo.

15:30hs: Identidad Nacional
A cargo de Hernán Berdichevsky

A partir de la Crisis argentina del 2001, surge una iniciativa. La misma tenía que ver con una coyuntura, con un momento muy crítico. La gestación y desarrollo del Proyecto “Identidad Argentina”, es un buen ejemplo, para entender, una propuesta creativa, que reutiliza recursos, y aprovecha situaciones adversas, para generar otras estimulantes y prósperas. La idea de mostrar otra Argentina. La variedad, el espectro argentino. La mezcla de razas, de situaciones culturales.

Hernán Berdichevsky es socio fundador junto a Gustavo Stecher de imagen HB en el año 1995, donde desarrolla estrategias de imagen para diferentes clientes en Argentina, Chile y USA, países donde se encuentran sus oficinas. Se desempeñó como docente en UBA entre los años 1990 hasta 1999. En la actualidad reparte su tiempo entre las conferencias y su trabajo como diseñador. A finales del 2009, el estudio imagen HB ganó por concurso nacional la marca del Bicentenario Argentino.

Acerca del FIEDBA (Foro de Instituciones Educativas de Diseño de la Ciudad de Buenos Aires)

El FIEDBA (Foro de Instituciones educativas del Diseño de la Ciudad de Buenos Aires) se constituye desde marzo del 2007, en el marco del Nombramiento de la UNESCO, “Buenos Aires, Ciudad del Diseño”. Dicho Foro está integrado, por los representantes de las Instituciones, privadas y de orden estatal, terciarias y universitarias, que enseñan carreras de Diseño, en la Ciudad:

La misión principal de este foro es promover la mejora de la calidad académica en el diseño y el intercambio entre instituciones, abordando diversas temáticas que incumbe a las instituciones educativas.

• Universidad de Belgrano
• Universidad Abierta Interamericana
• Universidad Argentina de la Empresa
• Universidad de Flores
• Universidad Maimónides
• Integral Taller de Arquitectura
• Fundación Gutenberg
• Escuela Argentina de Moda
• Image Campus
• Nueva Escuela de Diseño y Comunicación

Fuente: FIEDBA

A través de este programa, se busca que las PyMEs productivas y de servicios de la Ciudad adquieran una mirada integral y estratégica de diseño.

Los criterios de selección fueron en primer lugar el historial de la empresa y su posicionamiento. Se tuvo en cuenta la experiencia en consultoría de PyMEs y la metodología de trabajo aplicada en la consultoría, destacando a aquellas consultoras con un equipo interno interdisciplinar y su formación académica. Por último, el CMD ha analizado los casos presentado en la inscripción y el modo de resolución de los mismos, teniendo en cuenta cómo se llego al resultado.

La incorporación de diseño a la producción de bienes y servicios incrementa la competitividad e innovación de las empresas y ayuda a aumentar la oferta exportable. El programa de Incorporación de Diseño en Empresas ofrece una consultoría intensiva de diseño a empresas PyME inscriptas en el programa.

La consultoría de empresas es un servicio de asesoramiento profesional que tiene por objetivos la solución de problemas empresariales, el descubrimiento y la evaluación de nuevas oportunidades, el mejoramiento y la puesta en práctica de cambios.

El programa de Incorporación de Diseño en Empresas ofrece un sistema de consultoría con un equipo de diseñadores que trabajan en conjunto con las empresas inscriptas, ofreciendo una mirada integral y estratégica del diseño.

Fuente: Centro Metropolitano de Diseño - Gestión de Diseño

Introduction

Congo is a set of tools for enhancing the layout process of complex web applications.

When designing web applications we combine basic standard elements such as text, links or form inputs, to produce custom Components such as navigation menus, shopping carts or products. So every bit of a web application is part of a Component.

These Components are meant to be used in different pages of the application. Moreover, some of them may vary according to the context. That is why an index of Components is so important, and the ability to show all the variations of a Component in a single window is Congo’s main asset. This allows anyone to apply changes to any part of the application and know instantly how this will impact across views.

Besides maintainability, Congo provides a good base for reusability, as each Component is isolated from the rest and can be easily exported and used in other projects.

Congo is NOT…

A web application framework. It is intended for front-end developers.

Download

• Download congo-0.6.2.zip

Compatibility

Currently based on PHP5.

Este tipo de comentarios permite, tocando un solo caracter, activar o desactivar bloques enteros de código, o desactivar una parte y activar otra.

Resulta mucho más práctico que cualquier otra alternativa para activar y desactivar los bloques de código que se están probando. Y muy útil cuando hay diferencias entre el entorno de desarrollo y el de producción, y no queremos publicar un JavaScript lleno de ifs y switches.

Para quienes quieran ver qué está pasando y cómo funcionan, marco en verde lo que el intérprete toma como comienzo del comentario, en rojo el final, y en gris el código que resulta inactivo.

Rockstar on/off comments:

/***/
bloque de código activo
/**/

Al borrar la segunda barra del primer comentario, queda desactivado el bloque de código:

/***
bloque de código inactivo
/**/

Rockstar block switch comments:

/***/
bloque 1 activo
/*/
bloque 2 inactivo
/**/

Al borrar la segunda barra del primer comentario, queda desactivado el primer bloque y activado el segundo:

/***
bloque 1 inactivo
/*/
bloque 2 activo
/**/

Cuestiones de legibilidad

Los saltos de línea son sólo por legibilidad. Como no se usan comentarios de línea ( // ), el código funciona de la misma manera sin espacios, tabuladores ni saltos de línea:

/***/bloque de código activo/**/
/***/bloque 1 activo/*/bloque 2 inactivo/**/

Los comentarios de apertura funcionan perfectamente con dos asteriscos en lugar de tres: observarán que el segundo asterisco siempre resulta ser código inactivo. Incluí este asterisco adicional por dos razones: permite diferenciar la apertura del cierre al mirar el código, y que un buscar y reemplazar tome sólo los comentarios de apertura.

Diferenciar entornos de desarrollo y producción

En Icograma estamos usando los comentarios “on/off” para las partes del código que empleamos para debugging, y los “switch” para las que establecen variables o funciones que difieren entre nuestro entorno de desarrollo y el de producción.

De esa manera, lo que hacemos para generar JavaScript para producción, es:

• Reemplazar /***/ por /***
• Minificar o comprimir el código con YUI Compressor

…proceso tan mecánico que resulta fácilmente automatizable.

Rock & Roll!

2011, Santiago Bustelo

En esta presentación, hacemos foco en que el diseño y la usabilidad son atributos cualitativos intrínsecos al software, como la performance: no existe software “sin diseño”, sino casos en donde el diseño no fue realizado de forma intencional. Con una aplicación de ejemplo, mostramos cómo se articulan el diseño de interacción, la usabilidad y el desarrollo sobre metodologías ágiles.

Santiago Bustelo, noviembre 2010

Keikendo: debuggeando gente (Diseño de Interacción para equipos de desarrollo) - Bar Camp Buenos Aires 2010

Nada más errado. La estrella debe ser el cliente.

El trabajo del diseñador de interacción es observar todos los detalles para que todo salga a la perfección, para que el espectáculo sea un éxito, y para que el cliente -la estrella- cautive al público.

Tomamos la idea del cliente y la convertimos en un producto. Probamos ese producto con usuarios, el público, hasta asegurar que sea un éxito. Planeamos el proyecto, prevemos los riesgos y preparamos planes de contingencia, dirigimos el proceso y nos encargamos de la ejecución a nivel de detalle. Conocemos cada parte del conjunto y cargamos con todas las herramientas para resolver cualquier situación antes de que se vuelva un problema.

El cliente es la estrella. El producto que diseñamos, el álbum que debe ganarse su lugar en el top 40. Nosotros somos los productores, los compositores fantasma, los músicos sesionistas, los escenógrafos, los vestuaristas, los maquilladores y los peluqueros. Y también, los plomos.

Inspirado en la brillante observación de Alan Wexelblat en IxDA.

Santiago Bustelo
Dirección de Diseño y Desarrollo - Icograma

El evento es también el puntapié inicial del Movimiento de Diseño Inclusivo, un grupo de asociaciones y profesionales independientes relacionados con el diseño interactivo, la comunicación, la accesibilidad y la usabilidad. Buscan la creación de productos y servicios interactivos que puedan ser utilizados por todos, más allá del nivel de alfabetización digital, capacidad física, sensorial, e intelectual de cada uno. Y que al atender las necesidades de aquellos normalmente excluidos del uso de un producto, se mejore también la experiencia para el público en general.

Más información e inscripción: disenoinclusivo.org.ar

Se extiende la inscripción hasta el 21 de Octubre de 2010

IxDA Buenos Aires convoca a empresas, organizaciones y profesionales independientes de los campos de diseño, desarrollo y experiencia de usuario a participar de la primera edición de los PREMIOS UADI.

Los UADI premian los trabajos realizados en las disciplinas de usabilidad, arquitectura de información, diseño de interacción y experiencia de usuario en Argentina.

Inscripción a los premios UADI

La inscripción comienza el 16 de septiembre de 2010 y se extiende hasta el 21 de Octubre. Podrán participar sitios web, aplicaciones o software que hayan sido finalizados entre Enero de 2009 y Octubre de 2010 y realizados por equipos de profesionales argentinos.

La participación es libre y gratuita. Quienes deseen participar deberán inscribirse en http://www.ixda.com.ar/premiosuadi/inscripcion/ y completar los datos solicitados.

Los trabajos inscriptos serán evaluados por un jurado de especialistas integrado por miembros de asociaciones profesionales del sector, empresas y profesionales independientes.

Jurado:

Diego Pimentel

Director Ejecutivo de Comunicación Institucional en IUNA

Gonzalo Auza

Vicepresidente de UPA Argentina.

Juan Manuel Carraro

Coordinador PREMIOS UADI.

Maximiliano Kraszewski

CTO de Psicofxp.com

Miguel De Santis

Director de Operaciones en Wunderman Argentina

Pablo Lerner

Profesor titular en el Programa de Actualización en Diseño Digital. FADU-UBA

Santiago Bustelo

Coordinador de IxDA — Buenos Aires

Más información y Reglamento:

http://www.ixda.com.ar/premiosuadi/

La charla de presentación se orientará a el workflow de desarrollo en WPF, pero las técnicas pueden ser aprovechadas en otras tecnologías ricas o de desarrollo web.

Será en el marco de CodeCamp Buenos Aires, que se desarrollará en la Universidad de Palermo (Mario Bravo 1050) el próximo sábado 4 de septiembre de 2010, de 9:00 a 18:00 horas.

Oradores: Santiago Bustelo, Federico Lois, Sebastian Fernandez Quezada.

Evento gratuito, requiere registración previa »

Sample Form