1
Pontificia Universidad Católica del Ecuador
Facultad de Arquitectura, Diseño y Artes
E-MAIL: [email protected] Av. 12 de Octubre 1076 y Roca Apartado postal 17-01-2184 Fax: 593 – 2 – 299 16 56 Telf: 593 – 2 – 299 15 35 Quito - Ecuador
1. DATOS INFORMATIVOS:
MATERIA O MÓDULO: Laboratorio de Modelos IV-VVI-VII CÓDIGO: 12016-11961-11975-11995
CARRERA: Diseño NIVEL: 4to, 5to, 6to, 7mo No. CRÉDITOS: 2 CRÉDITOS TEORÍA:
SEMESTRE/AÑO ACADÉMICO: 1er semestre 2009-2010 CRÉDITOS PRÁCTICA:
PROFESOR:
Nombre: Paulo David Soasti Bareta
Grado académico o título profesional: Diseñador, MBA-Marketing en curso.
Breve indicación de la línea de actividad académica:
Diseño Integral, Diseño Editorial, Web Design y Multimedia, Diseño de proyectos
Indicación de horario de atención a estudiantes:
Martes 10:00 a 12:30, Jueves 15:00 a 17:00, viérnes de 15:00 a 17:00 Correo electrónico: [email protected]
Teléfono: 098815859 / 2401045
2. DESCRIPCIÓN DE LA MATERIA:
Flash es un software que genera
3. OBJETIVO GENERAL:
Familiarizar e introducir al estudiante en el manejo de esta herramienta y su aplicación en el campo del diseño.
4. OBJETIVOS ESPECÍFICOS:
• Familiarizar al estudiante con conceptos y terminología específica del ActionScript2
• Integrar la tecnología XML al uso de ActionScript.
• Desarrollar capacidades de trabajo con animación.
• Introducir al estudiante al desarrollo de aplicaciones multimedia y web
5. CONTENIDOS para alumnos de 4to y 5to
• Clase 1: Bienvenida, presentación de la materia e introducción:
o Actividad en clase:Introducción a la interfaz, herramientas, paletas, áreas de pantalla.
o TAREA: Revisión de herramientas y análisis comparativo de las herramientas Flash vs Illustrator/Photoshop.
• Clase 2: Objetos dentro de flash, MovieClip, Graphic, button
o Actividad en clase: distinción de cada objeto, ejercicios de animación con Graphics dentro de movieclip
2
Pontificia Universidad Católica del Ecuador
Facultad de Arquitectura, Diseño y Artes
E-MAIL: [email protected] Av. 12 de Octubre 1076 y Roca Apartado postal 17-01-2184 Fax: 593 – 2 – 299 16 56 Telf: 593 – 2 – 299 15 35 Quito - Ecuador
o TAREA: 5 aminaciones de graphics dentro de MovieClips
• Clase 2.5: Introducción a la animación: Motion Tween, Shape tween, Clasic Tween.
o Actividad en clase: ejercicios de animación usando Motion Tween, Shape Tween, classic tween.
o TAREA: realizar 5 secuencias animada de tema: portafolio personal.
• Clase 3: Publicación de archivos: donde publicar contenido, rutas dentro del sistema. Paleta: Project, Layers, keyframes, scenes, Timeline; Introducción al ActionScript GotoandStop// GotoandPlay// Stop// programación desde: button// timeline.
o TAREA: Ejercicio donde se plantea realizar saltos dentro del timeline, cada salto deberá tener un contenido especifico de motiontween, shapetween y classic tween; Tema: Portafolio.
• Clase 4: Trabajo con ActionScript: LoadMovie// LoadMovieNUM// unloadMovie// fscommand// getURL
o Actividad en clase: Solución de problemas con la tarea de la clase anterior; carga de fotografías o archivos .swf.
o TAREA: realizar un sistema de banners que integre los conocimientos adquiridos hasta ahora; 5 ejercicios en 5 formatos diferentes con el mismo concepto y temática, Consultar los formatos para banner, Tema: portafolio personal
• Clase 5 : Behaviors: startDrag// StopDrag// hitTest// mouse//
o Actividad en clase: ejercicios de inicio y detención de dragado, de contacto de objetos, esconder el mouse y reemplazarlo por un movieClip a partir de un button.
o Tarea: Realizar una aplicación con 3 escenas: bienvenida, rompecabezas de 50 piezas y despedida.
• Clase 6: Evaluación: trabajos hechos en clase y trabajos enviados como tarea.
• Clase 7: Condicionales: If()then()else//
o Actividad en clase: generar un condicional dentro del área de trabajo. Realizar una emulación de realidad virtual VRa partir de una fotografía panorámica del aula.
o TAREA: realizar un VR de su cuarto.
• Clase 8: Control de un movieClip con teclado. Trabajo con contador
o Actividad en clase: movimiento de un Moviclip con teclado, visando un juego.
o Actividad en clase: generación de un contador.
o TAREA: integrar el contador al movimiento del Movieclip, para que cuente cuantas veces sale de la pantalla basado en el parámetro “lado derecho”
• Clase 9: Navegación: generación de menú para navegación dentro de la aplicación. Uso de MovieClips, loadMovie//
o Actividad en clase: análisis de problema y generación de solución genérica aplicada a problema modular
o Tarea: generación de plantilla de diseño que pueda ser ajustable en su diseño, debe tener área de promoción, área de display, menú de navegación y que muestre lo que el alumno ha hecho hasta ahora.
3
Pontificia Universidad Católica del Ecuador
Facultad de Arquitectura, Diseño y Artes
E-MAIL: [email protected] Av. 12 de Octubre 1076 y Roca Apartado postal 17-01-2184 Fax: 593 – 2 – 299 16 56 Telf: 593 – 2 – 299 15 35 Quito - Ecuador
• Clase 10: Evaluación
• Clase 11: trabajo con video: componentes de video, configuración desde actionscript y configuración del componente. Preloading video.
o Actividad en clase: configuración de los componentes de video desde la paleta component inspector, y desde ActionScript.
o Tarea: Realizar 2 banner usando video, tema: portafolio personal.
• Clase 12: Trabajo con texto, campos de texto: dinámico, entrada y estático.
o Actividad en clase: paso de variables con texto dinámico, ejercicio de entrada de texto para personalizar el trato al usuario, texto estático. Trabajo con CSS. setMask y el texto.
o Tarea: Ejercicio de incluir CSS en texto externo cargado al archivo swf.
• Clase 13: Preloading: importancia de informarle al usuario que se está ejecutando su orden. Caso de estudio: galerías de fotos, manual vs xml. XML: uso de xml para pasar datos, uso para casos de largas tareas.
o Actividad en clase: creación de un preloader, montaje de una galería con xml
o TAREA: montaje de una galería de fotos usando xml y flash
• Clase 14: entrega trabajo final
o Actividad en clase: entrega de aplicación tipo galería que incluya la aplicación de los ejercicios realizados en clase.
6. CONTENIDOS para alumnos de 6to y 7mo
• Clase 1: Bienvenida, presentación de la materia e introducción: Trabajo con ActionScript: LoadMovie// LoadMovieNUM// unloadMovie// fscommand// getURL
o Actividad en clase: Revisón de comandos conocidos; carga de fotografías o archivos .swf.
o TAREA: realizar un sistema de banners que integre los conocimientos adquiridos hasta ahora; 5 ejercicios en 5 formatos diferentes con el mismo concepto y temática, Consultar los formatos para banner, Tema: portafolio personal
o Desarrollo de personaje vistas frontal, lateral, isométrica, storyboard en digital de la animación ha hacerse en la próxima clase.
• Clase 2: Introducción a la animación: Motion Tween, Shape tween, Clasic Tween.
o Actividad en clase: ejercicios de animación de personajes usando Motion Tween, Shape Tween, classic tween.
o TAREA: realizar 5 secuencias animada de tema: portafolio personal.
• Clase 3: Publicación de archivos: donde publicar contenido, rutas dentro del sistema. Paleta: Project, programación desde: button// timeline.
o TAREA: Ejercicio donde se plantea realizar saltos dentro del timeline, cada salto deberá tener un contenido especifico de motiontween, shapetween y classic tween; Tema: Portafolio.
4
Pontificia Universidad Católica del Ecuador
Facultad de Arquitectura, Diseño y Artes
E-MAIL: [email protected] Av. 12 de Octubre 1076 y Roca Apartado postal 17-01-2184 Fax: 593 – 2 – 299 16 56 Telf: 593 – 2 – 299 15 35 Quito - Ecuador
o Actividad en clase: trabajo con cargas de texto esterno en un TextArea, carga de imágenes externas a un Loader y carga de un xml a un componente Tree.
o TAREA: realizar una pequeña aplicación que trabaje con estos 3 componentes, que incluya un banner. Tema: portafolio personal
• Clase 5 : Behaviors: startDrag// StopDrag// hitTest// mouse//
o Actividad en clase: ejercicios de inicio y detención de dragado, de contacto de objetos, esconder el mouse y reemplazarlo por un movieClip a partir de un button.
o Tarea: Realizar una aplicación con 3 escenas: bienvenida, rompecabezas de 50 piezas y despedida.
• Clase 6: Evaluación: trabajos hechos en clase y trabajos enviados como tarea.
• Clase 7: Condicionales: If()then()else//
o Actividad en clase: generar un condicional dentro del área de trabajo. Realizar una emulación de realidad virtual VRa partir de una fotografía panorámica del aula.
o TAREA: realizar un VR de su cuarto.
• Clase 8: Control de un movieClip con teclado. Trabajo con contador
o Actividad en clase: movimiento de un Moviclip con teclado, visando un juego.
o Actividad en clase: generación de un contador.
o TAREA: integrar el contador al movimiento del Movieclip, para que cuente cuantas veces sale de la pantalla basado en el parámetro “lado derecho”
• Clase 9: Navegación: generación de menú para navegación dentro de la aplicación. Uso de MovieClips, loadMovie//
o Actividad en clase: análisis de problema y generación de solución genérica aplicada a problema modular
o Tarea: generación de plantilla de diseño que pueda ser ajustable en su diseño, debe tener área de promoción, área de display, menú de navegación y que muestre lo que el alumno ha hecho hasta ahora.
• Clase 10: Evaluación
• Clase 11: trabajo con video: componentes de video, configuración desde actionscript y configuración del componente. Preloading video.
o Actividad en clase: configuración de los componentes de video desde la paleta component inspector, y desde ActionScript.
o Tarea: Realizar 2 banner usando video, tema: portafolio personal.
• Clase 12: Trabajo con texto, campos de texto: dinámico, entrada y estático.
o Actividad en clase: paso de variables con texto dinámico, ejercicio de entrada de texto para personalizar el trato al usuario, texto estático. Trabajo con CSS. setMask y el texto.
o Tarea: Ejercicio de incluir CSS en texto externo cargado al archivo swf.
• Clase 13: Preloading: importancia de informarle al usuario que se está ejecutando su orden. Caso de estudio: galerías de fotos, manual vs xml. XML: uso de xml para pasar datos, uso para casos de largas tareas.
5
Pontificia Universidad Católica del Ecuador
Facultad de Arquitectura, Diseño y Artes
E-MAIL: [email protected] Av. 12 de Octubre 1076 y Roca Apartado postal 17-01-2184 Fax: 593 – 2 – 299 16 56 Telf: 593 – 2 – 299 15 35 Quito - Ecuador
o TAREA: montaje de una galería de fotos usando xml y flash
• Clase 14: entrega trabajo final
o Actividad en clase: entrega de aplicación tipo galería que incluya la aplicación de los ejercicios realizados en clase.
6 Asignatura: Interdisciplinario VIII
ORGANIZACIÓN DOCENTE SEMANAL
SEMANA
ACTIVIDADES DE INTERACCIÓN DOCENTE - ESTUDIANTES
TRABAJO AUTÓNOMO DEL ESTUDIANTE
EVALUACIONES
TEMAS A TRATAR (N° del tema, unidad, o capítulo descritos en
Contenidos) (HORAS PRESENCIALES) (HORAS NO PRESENCIALES)
(1 - 16) N° de horas de clases teóricas N° de horas de clases prácticas, laboratorios, talleres N° de horas de tutorías
especializadas ACTIVIDADES (Descripción) N° de horas
1° sesión 2.5 TAREA: Revisión de herramientas y análisis comparativo de las herramientas Flash vs Illustrator/Photoshop. 2.5 Introducción a la interfaz, herramientas, paletas, áreas de pantalla. 2° sesión 2.5 TAREA: 5 aminaciones de graphics dentro de MovieClips 2.5 distinción de cada objeto, ejercicios de animación con Graphics dentro de movieclip 3° sesión 2.5
TAREA: Ejercicio donde se plantea realizar saltos dentro del timeline, cada salto deberá tener un contenido especifico de motiontween, shapetween y classic tween;
Tema: Portafolio. 2.5
Publicación de archivos: donde publicar contenido, rutas dentro del sistema. Paleta: Project, Layers, keyframes, scenes, Timeline; Introducción al ActionScript GotoandStop// GotoandPlay// Stop// programación desde: button// timeline. 4° sesión 2.5
TAREA: realizar un sistema de banners que integre los
conocimientos adquiridos 2.5
Trabajo con ActionScript: LoadMovie//
7 hasta ahora; 5 ejercicios en 5
formatos diferentes con el mismo concepto y temática, Consultar los formatos para banner, Tema: portafolio personal LoadMovieNUM// unloadMovie// fscommand// getURL Actividad en clase: Solución de problemas con la tarea de la clase anterior; carga de fotografías o archivos .swf. 5° sesión 2.5
Tarea: Realizar una aplicación con 3 escenas: bienvenida, rompecabezas de 50 piezas y despedida. 2.5 Behaviors: startDrag// StopDrag// hitTest// mouse// Actividad en clase: ejercicios de inicio y detención de dragado, de contacto de objetos, esconder el mouse y reemplazarlo por un movieClip a partir de un button. 6° sesión 2.5
Evaluación: trabajos hechos en clase y trabajos enviados como tarea, presentación en
digital 2.5 Evaluación Evaluación: trabajos hechos en clase y trabajos enviados como tarea 7° sesión 2.5 TAREA: realizar un VR de su cuarto 2.5 Actividad en clase: generar un condicional dentro del área de trabajo. Realizar una
emulación de realidad virtual VR a partir de una fotografía panorámica del aula.
8 TAREA: integrar el contador
al movimiento del
Movieclip, para que cuente cuantas veces sale de la pantalla basado en el parámetro “lado derecho”
Actividad en clase: movimiento de un Moviclip con teclado, visando un juego. Actividad en clase: generación de un contador. 9° sesión 2.5 Tarea: generación de
plantilla de diseño que pueda ser ajustable en su diseño, debe tener área de
promoción, área de display, menú de navegación y que muestre lo que el alumno ha hecho hasta ahora.
2.5 Actividad en clase: análisis de problema y generación de solución genérica aplicada a problema modular 10° sesión 2.5 2.5 Evaluación 11° sesión 2.5
Tarea: Realizar 2 banner usando video, tema: portafolio personal.
2.5
Actividad en clase: configuración de los componentes de video desde la paleta component inspector, y desde ActionScript.
12° sesión 2.5
Tarea: Ejercicio de incluir CSS en texto externo cargado al archivo swf.
2.5
Actividad en clase: paso de variables con texto dinámico, ejercicio de entrada de texto para personalizar el trato al usuario, texto estático. Trabajo con CSS. setMask y el texto.
9 TAREA: montaje de una
galería TAREA: montaje de una galería de fotos usando xml y flash
14° sesión 1 Entrega 1 Evaluación
entrega trabajo final Actividad en clase: entrega de aplicación
tipo galería que incluya la aplicación
de los ejercicios realizados en clase
32 33.5
NOTA IMPORTANTE: LOS DOCENTES QUE TIENEN HASTA TRES CRÉDITOS DEBEN LLENAR POR SESIÓN
EXÁMENES
10 8. EVALUACIÓN:
Se evalúa compresión y la capacidad de aplicación de los conceptos revisados en la clase, a los trabajos enviados.
La capacidad de integrar en una aplicación coherente los ejercicios realizados en clase. Para el trabajo final, se evalúa la planificación de las acciones, la integración de la interface con los principios de usabilidad. Demostrar competencia en el uso de la herramienta y su lenguaje.
CRONOGRAMA DE EVALUACIONES:
Primera evaluación: de 2009 Segunda Evaluación: de 2009 Tercera Evaluación : de 2009
SISTEMA DE CALIFICACIÓN (puntaje asignado a pruebas parciales):
Primera evaluación: 15 puntos Segunda Evaluación: 15 puntos Tercera Evaluación : 20 puntos
FECHA DE ENTREGA DE CALIFICACIONES EN SECRETARÍA:
Primera evaluación: de 2009 Segunda Evaluación: 2009 Tercera Evaluación : 2009
9. BIBLIOGRAFÍA:
Textos de Referencia:
Flash MX Creación y desarrollo de Websites, Brumbaugh Duncan Cheryl - Futura Ayuda de Flash CS4
Flash CS4 ISBN 9780596522940, GROVER CHRIS - Editorial O'REILLY
http://help.adobe.com/en_US/Flash/10.0_UsingFlash/WS816BB12E-70DE-48c7-9C6C-4735B11BC9E9.html Textos Recomendados: http://help.adobe.com/en_US/Flash/10.0_UsingFlash/WS816BB12E-70DE-48c7-9C6C-4735B11BC9E9.html Aprobado:
Por el Consejo de Escuela
__________________________
f) Director de Escuela fecha: ______________________
Por el Consejo de Facultad
__________________________
11 INFORMACIÓN ADICIONAL PARA LA ELABORACIÓN DEL PROGRAMA
Inicio: 17 de agosto de 2009 Fin: 18 de diciembre de 2009
