Mostrando entradas con la etiqueta Tareas. Mostrar todas las entradas
Mostrando entradas con la etiqueta Tareas. Mostrar todas las entradas

viernes, 30 de septiembre de 2011

TAREA ANIMACIÓN FLASH


  • La tarea consiste en realizar una animación como la que practicamos en clase, utilizando los símbolos Movie Clip... Un símbolo que contenga varios elementos que cuenten con animación propia y que dicho símbolo se pueda animar en la escena 1, combinado con un escenario animado… (Pueden hacer variaciones al ejercicio, el carro fue un buen pretexto para incorporar objetos que se mueven según la acción de un Movie clip principal. Algunos libros le llaman a esto: animación secundaria, es decir, el movimiento de un elemento repercute en algún objeto que esté ligado a este o que tenga una relación directa con él, ya sea porque lo contiene o porque se encuentra a un lado o sobre él… esto lo revisaremos en clase la próxima semana, pero tratemos de investigar un poco sobre este fenómeno en la animación).
  • Para continuar con los ejercicios, les encargo el diseño de las piezas de un brazo mecánico, 3 brazos, dos pinzas y un soporte para todo el sistema. Lo realizaremos utilizando todas las herramientas de dibujo que hemos visto hasta ahora. Recuerden traer su archivo en versión CS4, para poder utilizarlo en el salón.

Los felicito a todos, hasta la fecha hemos avanzado bastante en el trabajo con Flash. Aún falta revisar muchas herramientas y técnicas que les permitirán desarrollar argumentos y diseños en esta plataforma. Es importante que mientras aprendemos a utilizar esta herramienta, tengan en mente que no es fundamental el uso de un software específico para solucionar un producto comunicativo, lo que realmente importa es la capacidad de argumentar, conceptualizar y diseñar un proyecto, establecer metodologías que faciliten el desarrollo de la producción visual, ya sea digital o con medios tradicionales. 

Cada una de las técnicas y procesos que hemos revisado en clase, nos permitirán establecer una metodología de trabajo que se enriquecerá con la investigación de nuevos soportes, formatos, técnicas visuales, estrategias de comunicación y todos aquellos conceptos que nos permitirán convertir las ideas en productos comunicativos útiles, funcionales y trascendentes para nuestros usuarios.

viernes, 9 de septiembre de 2011

Tarea 19 de septiembre

El siguiente ejercicio consta de realizar un sitio web combinando el programa Fireworks y el Dreamweaver para estructurar y organizar un sitio por medio de "frames". El tema es libre y se deben producir suficientes contenidos para lograr ejercitar el tema de vínculos, target y eventos del botón. El sitio debe contener archivos GIF animados y todas las imágenes utilizadas en el sitio deben estar optimizadas para facilitar la navegación. (la cantidad de páginas html es abierta pero no debe ser menor a diez vínculos y el index.html, si los contenidos están correctamente optimizados, el peso total del sitio será menor a 5 MB y podrán insertarlo al servidor. No se incluyen al servidor los archivos editables PNG, son muy pesados).

El sitio debe ser diseñado y construido teniendo en cuenta los conceptos de funcionalidad y usabilidad y sobre todo explotar lo más posible los recursos de ambos programas para generar una interfaz estética y profesional.
Para realizar pruebas de descarga es necesario dar de alta un dominio de prueba en el sitio:

http://www.000webhost.com como lo hicimos hoy en la clase, una vez que cuenten con su dominio deben insertar un enlace en su blog para poder revisar sus contenidos desde el sitio.

La tarea no se entrega en disco, sólo se revisa en su dominio de prueba,  no habrá prórrogas. Es una ejercicio sencillo y nos permitirá contar con una alternativa funcional y usable para hacer versiones ligeras de nuestros sitios web.

miércoles, 7 de septiembre de 2011

Viernes 9 de septiembre

Para el viernes deben traer a la clase los frames en archivo PNG de Fireworks, para concluir el ejercicio que iniciamos el lunes.
- 3 cabeceras (top frames), con imagenes diferentes.
- Left frame con 10 botones (cada botón con sus respectivos "states")
 -Bottom frame (con los legales del sitio)
-Y para cada botón un documento para vincular (con las medidas del main frame)

No olviden traer imágenes para optimizar, nos servirán para diseñar archivos GIF animados.

miércoles, 31 de agosto de 2011

Tarea viernes 2 de septiembre

Gracias a todos lo que ya enviaron sus carpetas RAIZ comprimidas con el ejercicio HTML. Para los que aún no lo envían,  la fecha límite para entregar este ejercicio es el próximo viernes 2 de septiembre. La tarea consiste en:
  • -Crear un sitio con código HTML, se deben crear el index.html con al menos tres botones organizados dentro de una tabla, para vincular a una página cada uno. Recuerden optimizar las imágenes en Fireworks antes de colocarlas en el documento HTML. Todos los documentos deben almacenarse en una carpeta RAIZ, deben comprimir la carpeta y enviarla a mi correo electrónico.
  • -El viernes deben traer los archivos PNG de Fireworks de una pantalla 800 x 600 px, dividida en frames: Top frame, left frame, main frame y bottom frame (un archivo PNG para cada frame). En el lef frame diseñaremos 3 botones con sus respectivos estados y en la cabecera colocaremos dos botones adicionales.
  • -Es necesario que en su memoria USB, cuenten con imágenes para optimizar en clase y realizar los ejercicios.

viernes, 19 de agosto de 2011

Tarea para el LUNES 22 de agosto

Revisaremos el texto: "Cómo escribir programas interactivos" de Xavier Berenguer http://blogs.enap.unam.mx/asignatura/francisco_alarcon/wp-content/uploads/2011/06/Escribir-programas-interactivos.pdf

  • A partir del texto revisado, diseñarán un MAPA MENTAL que permita explicar de manera más clara y rápida, los conceptos planteados en el texto. Pueden hacerlo en un cartel, un díptico, un banner...y deben colocarlo en su blog. Esto nos ayudará a ejercitar nuestra capacidad de configuración y estructuración de la información, para aplicarlo posteriormente al diseño de mapas de navegación y para que la arquitectura de la información en nuestros sitios sea funcional para el usuario. Entrega: Lunes 22 de agosto
  • Explicaremos brevemente el concepto de hipervínculo, basados en el ejercicio que realizamos en clase (botones y vínculos), tomando en cuenta los criterios de usabilidad que revisamos en clase. Entrega: Lunes 22 de agosto
  • Vean la película TRON, si pueden vean las dos y analícenlas desde el punto de vista del usuario de una aplicación electrónica, traten de ubicar los conceptos de autonomía, control, interacción y las analogías a las tecnologías HIPERMEDIA que se presentan en la película. Una vez que vean la película, publicarán en su blog una breve reseña donde hablarán de la película, de los conceptos hipermedia y como se relacionan las tecnologías de la información y los sistemas interactivos con el diseño. Entrega: A más tardar el lunes 29 de agosto

lunes, 15 de agosto de 2011

Viernes 19 de agosto

Los blogs ya están publicados:
Lista de blogs enviados hasta el lunes 15 de agosto
 Los que aún no cuentan con su blog personal, deben enviar la dirección del blog y su nombre completo a: santo_enap@hotmail.com

Para el próximo viernes 19 de agosto, deben traer las imágenes optimizadas:

3 archivos JPG optimizados (deben pesar cada uno menos de 40 kb):
-640 px de anchura

-720 px de anchura
-950 px de anchura
 Las dimensiones de altura se proporcionarán dependiendo del formato de sus imágenes. Estos JPG, nos servirán para desplegar una imagen en tamaño completo dentro de un contenedor HTML.

3 botones JPG (para crear vínculos a cada imagen optimizada)
-cada botón de 50x50 px (pueden tomar un fragmento de la imagen que se mostrará en tamaño completo).


Revisaremos un texto de Xavier Berenguer, para profundizar en el tema de la INTERACCIÓN y el viernes explicaré el ejercicio que realizaremos con esta lectura.

http://blogs.enap.unam.mx/asignatura/francisco_alarcon/wp-content/uploads/2011/06/Escribir-programas-interactivos.pdf