Laboratorio de Modelos Grafico y Comunicacion Visual II

Pontificia Universidad Católica del Ecuador
Facultad de Arquitectura, Diseño y Artes
E-MAIL: dga@puce.edu.ec
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: dsoasti@gmail.com
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
1
Pontificia Universidad Católica del Ecuador
Facultad de Arquitectura, Diseño y Artes
E-MAIL: dga@puce.edu.ec
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.
2
Pontificia Universidad Católica del Ecuador
Facultad de Arquitectura, Diseño y Artes
E-MAIL: dga@puce.edu.ec
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.
•
Clase 4: Uso de componentes: estudio de caso: TextArea, Loader, Tree
3
Pontificia Universidad Católica del Ecuador
Facultad de Arquitectura, Diseño y Artes
E-MAIL: dga@puce.edu.ec
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.
o Actividad en clase: creación de un preloader, montaje de una galería con xml
4
Pontificia Universidad Católica del Ecuador
Facultad de Arquitectura, Diseño y Artes
E-MAIL: dga@puce.edu.ec
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.
7. METODOLOGÍA, RECURSOS:
5
Asignatura: Interdisciplinario VIII
ORGANIZACIÓN DOCENTE SEMANAL
ACTIVIDADES DE INTERACCIÓN DOCENTE ESTUDIANTES
TRABAJO AUTÓNOMO DEL
ESTUDIANTE
(HORAS PRESENCIALES)
(HORAS NO PRESENCIALES)
SEMANA
(1 - 16)
1° sesión
2° sesión
N° de horas de
clases teóricas
N° de horas de clases
prácticas, laboratorios,
talleres
2.5
2.5
3° sesión
2.5
4° sesión
2.5
N° de horas de
tutorías
especializadas
ACTIVIDADES (Descripción)
TAREA:
Revisión
de
herramientas
y
análisis
comparativo
de
las
herramientas
Flash
vs
Illustrator/Photoshop.
TAREA: 5 aminaciones de
graphics dentro de
MovieClips
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.
TAREA: realizar un sistema
de banners que integre los
conocimientos adquiridos
N° de horas
TEMAS A TRATAR
(N° del tema, unidad,
EVALUACIONES
o capítulo descritos en
Contenidos)
Introducción a la
interfaz,
herramientas, paletas,
áreas de pantalla.
2.5
2.5
2.5
2.5
distinción de cada
objeto, ejercicios de
animación con
Graphics dentro de
movieclip
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.
Trabajo con
ActionScript:
LoadMovie//
6
hasta ahora; 5 ejercicios en 5
formatos diferentes con el
mismo concepto y temática,
Consultar los formatos para
banner, Tema: portafolio
personal
5° sesión
2.5
Tarea: Realizar una
aplicación con 3 escenas:
bienvenida, rompecabezas de
50 piezas y despedida.
Evaluación: trabajos hechos
en clase y trabajos enviados
como tarea, presentación en
6° sesión
2.5
digital
7° sesión
2.5
8° sesión
2.5
TAREA: realizar un VR de
su cuarto
2.5
2.5
2.5
Evaluación
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.
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.
Evaluación: trabajos
hechos en clase y
trabajos enviados
como tarea
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.
2.5
7
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.
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.
9° sesión
10° sesión
2.5
2.5
Actividad en clase:
análisis de problema
y generación de
solución genérica
aplicada a problema
modular
2.5
2.5
Actividad en clase:
configuración de los
componentes de
video desde la paleta
component inspector,
y desde ActionScript.
Tarea: Realizar 2 banner
usando video, tema:
portafolio personal.
11° sesión
2.5
Evaluación
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.
Tarea: Ejercicio de incluir
CSS en texto externo
cargado al archivo swf.
12° sesión
2.5
2.5
13° sesión
2.5
2.5
8
TAREA: montaje de una
galería TAREA: montaje de
una galería de fotos usando
xml y flash
14° sesión
1
32
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
33.5
NOTA IMPORTANTE: LOS DOCENTES QUE TIENEN HASTA TRES CRÉDITOS DEBEN LLENAR POR
SESIÓN
EXÁMENES
9
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-9C6C4735B11BC9E9.html
Textos Recomendados:
http://help.adobe.com/en_US/Flash/10.0_UsingFlash/WS816BB12E-70DE-48c7-9C6C4735B11BC9E9.html
Aprobado:
Por el Consejo de Escuela
__________________________
f) Director de Escuela
fecha: ______________________
Por el Consejo de Facultad
__________________________
f) Decano
fecha: ______________________
10
INFORMACIÓN ADICIONAL PARA LA ELABORACIÓN DEL PROGRAMA
Inicio:
Fin:
Exámenes finales:
17 de agosto de 2009
18 de diciembre de 2009
del 14 al 18 de diciembre de 2009
11