Nuevo blog – mudanza

Esta materia solía llamarse Computación Gráfica 3, y por el cambio de plan de la carrera cambió su nombre a Computación Gráfica 5, manteniendo su programa habitual.

Este blog ya no tendrá nuevos posts, y en su lugar estará el material de las nuevas clases (a partir del año 2014) en la siguiente dirección:

compugraf5.wordpress.com

Anuncios

UX2013 – gran evento!

Altamente recomendable que vayan a este evento!

intro

UX2013

Experiencia de Usuario

Usabilidad, Accesibilidad, Diseño y Tecnología
En el marco del Día Mundial de la Usabilidad
– 3 y 4 de diciembre 2013 –

UX2013 es el principal evento en Argentina sobre Experiencia de Usuario, Usabilidad, Diseño de Interacción, Accesibilidad y temáticas relacionadas. El eje que atravesará a todas las charlas es Cambio y Transformación. Explorará cómo incluir y abordar el diseño de experiencias de usuario en el ámbito corporativo.

Tendrá 2 jornadas en el marco del Día Mundial de la Usabilidad:

Jornada académica – 3 de diciembre de 9 a 19 hs.
Está orientada a estudiantes y académicos de las diversas áreas que involucran la definición de experiencias de usuario.

Jornada profesional – 4 de diciembre de 9 a 19 hs.
Está orientada a profesionales de diseño, comunicación y desarrollo que busquen generar la mejor experiencia de usuario en sus productos digitales.

http://ux2013.com.ar/

Fechas exámenes diciembre 2013

Fechas

  • Recuperatorios y reincorporaciones: martes 3 de diciembre (turno tarde: 15:30hs / turno noche: 19hs)
  • 1er llamado examen final: lunes 9 de diciembre (turno tarde: 15:30hs / turno noche: 19hs)
  • 2do llamado examen final: lunes 16 de diciembre (turno tarde: 15:30hs / turno noche: 19hs)

Recuperatorio

Si deben recuperar la primera nota, deberán realizar un examen parecido al primer parcial. Si deben recuperar la segunda nota, realizarán un examen parecido al segundo parcial.

Final obligatorio

La instancia de final consistirá en un examen práctico, en clase. Se les entregará un diseño web terminado, diseñado en Illustrator o Photoshop, y ustedes deberán hacer el desarrollo, maquetando con HTML y CSS.

El examen será a “libro abierto”. Pueden traer y ayudarse con sus apuntes (referencia de etiquetas HTML, propiedades CSS, etc), pero no pueden traer: pendrives para enchufar en la computadora, código ya escrito, archivos ya empezados.

Qué se tendrá en cuenta al revisar el examen terminado:

  • Comprensión de la consigna.
  • Sintaxis correcta de HTML.
  • Sintaxis correcta de CSS.
  • Marcado fuertemente semántico de HTML.
  • HTML libre de elementos presentacionales. Completa separación de contenido (en HTML) y forma (en CSS).
  • Parecido con el diseño estático original entregado.

Qué conviene repasar:

  • Manejo de archivos y carpetas.
  • ¿Para qué sirve el lenguaje HTML?
  • Sintaxis de HTML: etiquetas y atributos.
  • ¿Qué es el doctype? (no es necesario aprenderlo de memoria)
  • Codificación (encoding) del documento.
  • Etiquetas que conocemos (<p>, <h1>, <h2>, etc.).
  • Atributos que conocemos (href, rel, etc.).
  • Estructura de un documento HTML.
  • Completa separación de contenido y forma.
  • Análisis de un contenido y marcado estrictamente semántico por medio de HTML.
  • Rutas absolutas y relativas.
  • Cómo armar links.
  • Recorte y exportación de imágenes para la Web con Adobe Photoshop.
  • Sintaxis de CSS: selectores, propiedades y valores.
  • Manejo tipográfico con CSS.
  • Manejo de modelo de caja (box model) con CSS.
  • Posicionamiento de objetos con CSS.
  • Propiedades CSS que vimos en clase.
  • Construcción de selectores CSS.
  • Maquetado a través de HTML+CSS+imágenes: es decir, poder copiar un diseño realizado con algún soft —Photoshop, Illustrator, etc— e implementarlo como página web.

***

Quienes hayan cursado la materia hace mucho, pueden revisar los finales de acuerdo a cada año de cursada, en la sección Exámenes Finales de este sitio (link en la botonera de navegación).

Más para ver

Aquí más links, espero no repetir ninguno:

Hay mucho jugueteo con el scroll, cansa un poco; pero vale la pena ver lo que se puede hacer, llevado al extremo. Tal vez en ciertos casos —como en el diseño de un sitio para una ONG— habría que evaluar cuánto de esto podría beneficiar o perjudicar la usabilidad del sitio, en relación al tipo de usuario que estará utilizando la pieza.

Para ver y seguir mirando…

Algunos sitios interesantes para analizar detenidamente contenido, diseño y comportamiento:

Intro – un poco de todo:

Responsive Web Design (RWD) / Diseño Web Adaptable:

Institucional – servicios:

Sitios web de una única página:

Sutileza:

Clima / lenguaje / comunicación:

Originalidad:

Cierre de cursada 2013

2013-04-29 15.56.47

Como ya es tradición en CompuGraf3, los cierres de cursada siempre quedan fuera de la misma. Todos los años hacemos lo posible por aprovechar al máximo el tiempo de aprendizaje de la materia y siempre me las arreglo para quedarme sin un espacio para un farewell. Pero aquí estamos, más vale tarde que nunca.

2013-04-29 19.21.01

Espero que la hayan pasado bien —yo la pasé muy bien— y que hayan aprovechado para aprender algo. Por lo pronto, creo que logramos transitar una buena parte de los conocimientos que considero fundamentales para hacer el trabajo que suele llamarse, de forma bien técnica y específica: desarrollo web front-end (front-end development). Charlamos y practicamos las bases de HTML y CSS, y hablamos alguna que otra cosa acerca de la función de JavaScript en el universo Web.

Gran parte del tiempo nos la pasamos escribiendo código. Esto, estimados, no es poco. Vivimos en un mundo donde cada vez más “cosas” —por decirlo de alguna manera— se construyen a partir de software… de código digamos. Me gustaría que recuerden todo lo que vimos acerca del maquetado de una web, pero sobre todo me gustaría que lo miren con cierta perspectiva, que den un paso atrás y reflexionen sobre la importancia de haber creado piezas de diseño escribiendo. Diría que en los años que se vienen, el trabajo de un diseñador gráfico tendrá más que ver con esto, que con toquetear botones en la pantalla de la computadora; pero no, no se trata de los años que vienen. Esto ocurre hoy. Ya, nuestro trabajo tiene mucho que ver con código; en todas sus formas y colores.

Por eso les recomiendo que reflexionen con cierta apertura de mente, que lo piensen como un primer paso en la aprendizaje de otros lenguajes. Permítanse investigar, experimentar, leer… googleen por favor!

Con código se construyen sitios web, pero también edificios, libros electrónicos, automóviles, aplicaciones para celulares, los controles de los aviones y la agenda de la secretaria del médico.

Por otra parte, me interesa también que recuerden el concepto de accesibilidad y se tomen su trabajo con responsabilidad: como diseñador especializado en la Web, estoy orgulloso de que nuestra área sea una de las pocas en donde el diseño se preocupa genuinamente por generar piezas gráficas accesibles para personas con capacidades especiales. Como vimos, la división de contenido y forma, junto con el marcado semántico del contenido, permite que un soft lea una pieza gráfica a un usuario no vidente, o permita la utilización de una interfaz a una persona con dificultades motrices, por citar algunos ejemplos. Recuerden esto, es muy importante. Recuérdenlo para la Web y traten de llevarlo a otras áreas de nuestra labor.

Además —otra tradición de la materia— van aquí algunos pequeños consejos que pueden ser de utilidad:

  • Miren mucho, lean mucho, rompan mucho: hoy es muy fácil aprender cosas nuevas. Tenemos casi (casi) todo el conocimiento de la humanidad al alcance de la mano; basta con perderse en la Web por un rato.
  • Experimenten: no se queden en la mera posición del consumidor, del que únicamente mira, lee o rompe. Construyan cosas, prueben, mezclen, programen. Rompan para construir algo nuevo. Usen su tiempo para producir!
  • Compartan: lo que vean, rompan, experimenten, programen, construyan… compártanlo! No sólo ayudarán a otros, también conocerán gente interesantísima y se darán a conocer. Compartir es una manera maravillosa de hacerse conocido, tal vez incluso una buena manera de encontrar su próximo gran trabajo o nuevas amistades.
  • Estudien inglés: para bien o para mal, el idioma inglés es la lingua franca del mundo. Van a estudiar inglés no sólo para hablar con ingleses, norteamericanos, australianos y algún que otro etcétera. Van a estudiar inglés para hablar con japoneses, austríacos, suecos y tantos más. Van a poder leer textos técnicos y libros de diseño de japoneses, austríacos, suecos… se entiende la idea. Estudien y practiquen inglés.
  • Usen con inteligencia las redes sociales: son una herramienta de marketing increíble para ustedes y sus clientes. Chusmeen la otra cara. Cuando una herramienta web es gratuita, ustedes no son el cliente: ustedes son el producto. La materia prima de Facebook son sus usuarios. Facebook vende a sus usuarios. Investiguen el otro lado. Úsenlos (Facebook, Twitter, LinkedIn, Youtube, Vimeo, Cargo Collective, etc.) para darse a conocer, dar a conocer su trabajo y ayudar a sus clientes. Investiguen las posibilidades pagas que ofrecen estas redes. Conviértanse en clientes.
  • Trabajen en un startup: se trata de empresas pequeñas que están probando nuevos rumbos. Generalmente dan mucha importancia al buen diseño, y con ello a los buenos diseñadores. Es difícil cumplir una tarea trascendental en una empresa grande y paquidérmica, en un startup tendrán la oportunidad de hacer una diferencia!
  • Sean felices: nada de lo que están aprendiendo sirve para nada si no son felices con lo que hacen. Búsquenle la vuelta. Dentro y fuera del diseño las posibilidades son infinitas. Pasamos demasiado tiempo trabajando como para no encontrar el trabajo que nos haga felices.

Nos vemos en el final!
Salutes!