miércoles, 13 de julio de 2011

Exámenes julio 2011

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.

viernes, 1 de julio de 2011

Reincorporación cursada 2011

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!

lunes, 27 de junio de 2011

Recuperatorios cursada 2011

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.

Fechas de Finales, Recuperatorios y Reincorporaciones - julio 2011

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!

lunes, 6 de junio de 2011

Parcial domiciliario


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.

jueves, 26 de mayo de 2011

Invitada en Diseño Multimedial

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!

lunes, 16 de mayo de 2011

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

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!

viernes, 13 de mayo de 2011

¿Por qué es tan importante la Web?

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?

martes, 3 de mayo de 2011

Xhtml Friends Network

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.

lunes, 2 de mayo de 2011

TP02 - CV web

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

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.

lunes, 25 de abril de 2011

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

No habrá apuntes hoy.

lunes, 18 de abril de 2011

miércoles, 13 de abril de 2011

Acceso a la Web para todos



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.

lunes, 11 de abril de 2011

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

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

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.

lunes, 4 de abril de 2011

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

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.

domingo, 3 de abril de 2011

HTML - videos de repaso

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

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

DG y ortografía

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:


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

lunes, 28 de marzo de 2011

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

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

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.

lunes, 21 de marzo de 2011

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

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á

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).

domingo, 20 de marzo de 2011

Nuevo mail de contacto

Se ha creado una nueva cuenta de mail para consultas:

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

Salutes! :)

lunes, 14 de marzo de 2011

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



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:

domingo, 6 de febrero de 2011

Exámenes febrero/marzo - 2011

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: