SEGUIMIENTO DE BLOGS

Dando seguimiento a sus blogs, estos son los que están más actualizados. Recuerden
http://grupocarsa-hdz.blogspot.com/
http://lluviaiz.blogspot.com/
http://multimediagerardogil.blogspot.com/
http://yesicasorifa.blogspot.com/
http://multieliza.blogspot.com/
http://cladakar-91.blogspot.com/
http://brierik-enap.blogspot.com/
http://hipermediaolasco.blogspot.com/
http://noemialvarezdiseno.blogspot.com/
http://nambito.wordpress.com/
http://monvazz.blogspot.com/
http://shengolia-design.blogspot.com/
http://mendozaigner.blogspot.com/

que el uso de la herramienta blog, debe ser constante y nos permite dar seguimiento a los métodos y técnicas que utilizamos para realizar los ejercicios y que poco a poco nos permitirán desarrollar metodologías que podremos aplicar para solucionar problemas de comunicación visual, mediante la producción de sistemas hipermedia. El blog es una bitácora que facilita la publicación cotidianda de nuestros avances y notas de clase, además es una ejemplo del uso de las TIC´s como estrategia de aprendizaje, ejemplo: http://grupocarsa-hdz.blogspot.com/

Hace unas clases explicamos que hoy en día los sistemas hipermedia ofrecen niveles de interactividad, autonomía y control al usuario para que pueda manipular la interfaz y asimilar los datos e información que contiene un sitio. El Diseñador y Comunicador Visual puede diseñar experiencias de navegación que inviten al usuario a navegar en nuestros sitios o a interactuar con el producto; las animaciones que hemos realizado en las últimas clases nos permitirán ofrecer experiencias de navegación a los usuarios.

En las próximas clases lograremos aplicar todas las técnicas que hemos aprendido en clase para desarrollar interfaces interactivas, dinámicas, animadas, para ofrecer experiencias de navegación y de interacción que contribuyan a mejorar la calidad de nuestros productos hipermedia.

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.

TAREA SITIO WEB FIREWORKS Y DREAMWEAVER

Aún faltan muchos que no han colocado el vínculo de su ejercicio en el blog... Necesito que coloquen la dirección de su dominio de prueba seguido del nombre de la carpeta donde se encuentran los archivos.

Saludos a todos

Comentarios BLOG

Nuevamente, Carla Saraí Hernández Barrios nos da un ejemplo de cómo diseñar mapas mentales o apuntes que facilitan la reflexión y el entendimiento de los temas que vemos en clase.

http://grupocarsa-hdz.blogspot.com/


Diego Olascoaga ha investigado sobre el tema de usabilidad y nos deja en su blog un video de apoyo muy útil para la planeación y producción de interactivos.

http://hipermediaolasco.blogspot.com/

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.

Blogs actualizados

Los blogs más actualizados del grupo y los que han publicado reflexiones sobre los avances de la clase, hasta la fecha son:

http://grupocarsa-hdz.blogspot.com/
http://xotulluavi.blogspot.com/
http://mmmult.blogspot.com/
http://hipermediaolasco.blogspot.com/
http://brierik-enap.blogspot.com/
http://lluviaiz.blogspot.com/
http://multimediagerardogil.blogspot.com/
http://guille-garc.blogspot.com/
http://cladakar-91.blogspot.com/
http://chatarraakov.blogspot.com/

Recuerden que el uso de tecnologías de la información y comunicación les permitirá desarrollar conocimientos útiles para las próximas generaciones de diseñadores; es necesario reflexionar sobre nuestra disciplina y de qué manera podemos recurrir a los medios interactivos para enriquecer nuestros discursos. Además, nos permitirá dar seguimiento a los procesos metodológicos que utilizamos en clase para el desarrollo de productos comunicativos hipermedia.

Reflexionemos acerca de los procesos mentales que nos permiten configurar un sitio web, organizar la información, establecer interacción con el usuario por medio de un diseño de interfaz estético, funcional y trascendente para los usuarios; es necesario entender que la interacción no se limita a la acción de un click sobre el botón.

Cada semana publicaré en el blog del grupo, aquellos blogs que cuenten con estas reflexiones y que tengan las tareas al día. Gracias

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.

NO HAY CLASE VIERNES 2 DE SEPTIEMBRE

Les ofrezco una disculpa a todos, mañana 2 de septiembre no habrá clase de Multimedia I. La tarea se entregará el lunes, los que ya enviaron el correo con la carpeta comprimida, no se preocupen.

Disculpas, el lunes repondremos la clase.

Etiquetas HTML

En este PDF se enlistan las principales etiquetas HTML espero que les sea de utilidad para repasar lo que vimos en clase:

http://blogs.enap.unam.mx/asignatura/francisco_alarcon/wp-content/uploads/2011/06/tagshtml.pdf
http://blogs.enap.unam.mx/asignatura/francisco_alarcon/wp-content/uploads/2011/06/manualhtml.pdf

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.

PUBLICANDO EN EL BLOG

Gracias a todos los que ya publicaron el mapa mental sobre el texto de Xavier Berenguer, es necesario diseñar la información de manera más clara para el espectador, buscar formas que permitan al usuario interactuar con la información aún sin usar botones y clicks...

Revisen este  blog:  http://grupocarsa-hdz.blogspot.com/ , explica muy claramente los conceptos que hemos revisado en clase por medio de diseños que invitan a interactuar con ellos sin tener que dar click...

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

Prometeus y la revolución de los medios

Para aquellos que no entraron el viernes pasado a la clase, este es el video que presentamos:

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

BLOGS MULTIMEDIA I 2012-1

Blog de los alumnos inscritos en la materia Multimedia I para el semestre 2012-1. Los blogs de cada uno de ustedes pretender dar seguimiento a las actividades realizadas en clase y establecer metodologías para la producción de diseño interactivo. Podrán publicar ensayos, reflexiones y ejercicios realizados en clase y todas las actividades relacionadas con la clase. Es una oportunidad para generar nuevos conocimientos útiles para la comunidad de la ENAP y para iniciar proyectos de investigación en esta disciplina. Para que su blog aparezca en esta página deben crear una cuenta en la plataforma que ustedes prefieran: Blogger, Wordpress, b2evolution, Bitácoras, Blogia y enviarme la dirección del blog acompañada de su nombre.