Está en la página 1de 5

26/12/2015

Descriptor

INACAP
ASIGNATURA:TallerdeDiseoMultimediaI

88HORAS

DESCRIPCINDELAASIGNATURA:
Taller de Diseo Multimedia I es una asignatura prctica del rea formativa de especialidad, que tiene como finalidad entregar al alumno los conocimientos tericos y prcticos fundamentales, que le permitan al estudiante desarrollar
grficos, presentaciones, animaciones, web sites e interactividad bsica con Flash, para Internet y otros soportes.

COMPETENCIAS:
Al aprobar la asignatura el estudiante estar en condiciones de:

Utilizar herramientas que permitan la elaboracin de un sitio web a travs de la integracin de recursos multimediales.
Aplicar aspectos metodolgicos para manipular la informacin en formato digital.
Aplicar herramientas de edicin digital bidimensional y/o tridimensional.

Esta asignatura contribuye al desarrollo de las siguientes competencias genricas:

1.Demostrar destrezas bsicas en el uso de herramientas tecnolgicas.


2.Resolver problemas aplicando criterio y de forma efectiva.
3.Trabajar en equipo agregando valor.

UNIDADESDEAPRENDIZAJE:

Introduccin al desarrollo con Flash

HORAS
20

Animacin con Flash

30

Interactividad con Flash

20

EVALUACIN:

18

DOCENTEELABORADOR:AndrsYezDurn

ASESORDEDISEOCURRICULAR:GuillermoDurnGonzlez

UNIDADESDEAPRENDIZAJE
1.Introduccin al desarrollo con Flash
APRENDIZAJESESPERADOS
1.1.
Analiza potencial y caractersticas de Adobe Flash
como integrador multimedia y generador de RIAs.

20Horas
CRITERIOSDEEVALUACIN
1.1.1.
Revisa los trminos y tecnologas relacionadas con Rich Internet Applications y multimedia.
1.1.2.
Analiza las posibilidades y caractersticas de Flash, Flashplayer y formatos asociados.
1.1.3.Consulta la documentacin on-line de Flash.

1.2.
Utiliza el entorno de trabajo (IDE) de Adobe Flash
identificando los elementos que lo componen.

1.2.1.
Revisa las opciones del men de Flash para adecuada gestin de la herramienta.
1.2.2.
Manipula dimensin y ubicacin de paneles y rea de trabajo para correcta organizacin del entorno
de desarrollo.
1.2.3.
Establece reglas, cuadrculas y guas a travs de respectivo panel.

http://siga3.inacap.cl/aapedescriptor/showasig_moodle.aspx?idasig=ID0608

CONTENIDOSMNIMOSOBLIGATORIOS
Introduccin a Flash:
-Conceptos de RIA (Rich Internet Application), Web 2.0, interactividad, multimedia
-Conceptos de ancho de banda, optimizacin, grficos vectoriales, bitmap, usabilidad,
resolucin de pantalla, etc.
-Flash, caractersticas y posibilidades.
-Flash Player, AVM (Adobe Virtual Machine) 1 y 2
-Formatos FLA y SWF
-Conceptos de etapas en proceso de desarrollo con Flash
-Conceptos bsicos de publicacin e integracin con otras aplicaciones
-Documentacin
Entorno de trabajo de Flash:
-Elementos del entorno integrado de desarrollo (IDE) de Flash
-Pgina de inicio
-Escenario y rea de trabajo
-Lnea de tiempo
-Herramientas
-Paneles de trabajo
-Propiedades del documento
-Men
1/5

26/12/2015

Descriptor

1.2.4.Configura propiedades del documento a travs de respectivo panel.

1.3.
Elabora dibujos con herramientas de diseo
vectorial en Flash.

1.3.1.
Revisa conceptos bsicos de dibujo vectorial para su correcta interpretacin.
1.3.2.
Compone dibujos vectoriales aplicando todo el set de herramientas de Flash.
1.3.3.
Aplica efectos y transformaciones en los dibujos a travs de los respectivos paneles.
1.3.4.Manipula capas y grupos de dibujos a travs de los respectivos paneles.

1.4.
Integra imgenes para su visualizacin en las
pelculas Flash.

1.4.1.
Revisa los formatos de imgenes soportados por Flash para su correcta utilizacin.
1.4.2.
Importa, configura y optimiza imgenes en el respectivo panel.
1.4.3.Traza imgenes para su manipulacin con herramientas de dibujo vectorial.

1.5.
Integra texto para su visualizacin en las
pelculas Flash.

1.5.1.
Revisa los formatos de texto soportados por Flash para su correcta utilizacin.
1.5.2.
Modifica propiedades de carcter y prrafo en el respectivo panel.
1.5.3.
Traza texto para su manipulacin con herramientas de dibujo vectorial.
1.5.4.Manipula fuentes para su integracin en pelculas Flash.

-Reglas, cuadrcula, guas y ajuste


-Probar pelcula
Dibujo Vectorial:
-Conceptos de forma (Shape)
-Conceptos de relleno y trazo
-Dibujo y edicin de formas
-Herramientas de visualizacin (zoom, mano)
-Herramientas de dibujo vectorial (seleccin, subseleccin, pluma, lpiz, lnea, pincel, deco,
rectngulo, valo, polystar, cuentagotas, cubo de pintura, bote de tinta, degradado, color
de relleno, color de trazo, transformacin libre, borrado, etc.)
-Propiedades de forma (posicin, tamao, etc.)
-Panel color (degradados, alfa, flujo, relleno mapa de bits, etc.)
-Panel muestra, panel transformar, panel alinear
-Grupos (agrupar , desagrupar)
-Capas
-Distribucin en capas
-Organizar (traer al frente, enviar hacia atrs, etc.)
Imgenes:
-Consideraciones respecto de imgenes vectoriales v/s bitmap
-Formatos de imagen
-Importacin de imgenes
-Optimizacin
-Propiedades de imagen
-Imgenes en Panel Biblioteca
-Trazado de Imagen
Textos:
-Tipos de texto (esttico, dinmico, introduccin de texto)
-Campo de texto y sus propiedades (html, selectable, border, etc. )
-Propiedades de caracter (familia, estilo, tamao, color, suavizado, etc.)
-Propiedades de prrafo (formato, espacio, mrgenes, comportamiento, etc.)
-Texto HTML
-Texto TLF y clsico
-Trazado de texto
-Fuentes

ACTIVIDADESMNIMASOBLIGATORIAS
El alumno:

Discute en equipo los conceptos fundamentales del desarrollo Multimedia con Adobe Flash, su potencial y caractersticas.
Aplica buenas prcticas en la gestin del Entorno Integrado de Desarrollo.
Da efectiva solucin a requerimientos de diseo vectorial con Flash, aplicando todo el set de herramientas que ofrece Flash para este fin.

2.Animacin con Flash


APRENDIZAJESESPERADOS
2.1.
Elabora aplicaciones Flash con grficos y clips de
pelculas.

30Horas
CRITERIOSDEEVALUACIN
2.1.1.
Revisa conceptos de smbolo grfico y clip de pelcula para su correcta manipulacin.
2.1.2.
Configura propiedades en smbolos mediante paneles respectivos.

CONTENIDOSMNIMOSOBLIGATORIOS
Smbolos grfico y clip de pelcula:
-Concepto de smbolo e instancia.
-Propiedades de smbolos grficos y clips de pelcula (x, y, rotation, etc.)
-Efectos de color, filtros, mezclas.
-Transformar, organizar, agrupar, alinear.

2.1.3.
Aplica efectos y transformaciones en smbolos mediante paneles respectivos.
2.2.
Elabora animaciones Flash cuadro a cuadro y
efectos bsicos.

2.2.1.
Revisa conceptos bsicos para la animacin en Flash.
2.2.2.
Compone animaciones con mtodo cuadro a cuadro.

http://siga3.inacap.cl/aapedescriptor/showasig_moodle.aspx?idasig=ID0608

Animacin cuadro a cuadro:


-Lnea de tiempo, capas, escenas, velocidad (FPS), fotogramas, cabeza lectora, etc.
-Manejo de fotogramas (insertar, quitar, copiar, etc.)
-Movimientos simultneos
-Animacin con smbolos anidados
2/5

26/12/2015

Descriptor

2.2.3.Aplica smbolos anidados y movimientos simultneos en las animaciones.


2.3.
Elabora animaciones Flash con interpolacin de
movimiento y forma.

2.3.1.
Manipula fotogramas clave en lnea de tiempo.
2.3.2.
Manipula efectos a travs de guas de movimiento.
2.3.3.
Revisa conceptos bsicos para la animacin de forma en Flash.
2.3.4.
Manipula la animacin a travs de consejos de forma.

2.4.
Elabora animaciones Flash con mscaras.

2.4.1.
Identifica los alcances de la aplicacin de mscaras en una aplicacin Fash.
2.4.2.
Inserta mscaras y capas mscara en la lnea de tiempo.

Animacin con interpolacin de movimiento:


-Fotogramas clave (keyframe)
-Interpolacin de movimiento (posicin, escala, color, filtro, sesgo, rotacin, etc.)
-Animacin con interpolacin clsica.
-Guas de movimiento
Animacin con traslacin y rotacin 3D

Animacin con interpolacin de forma:


-Interpolacin de Forma (posicin, escala, color, relleno, etc.)
-Consejos de forma
-Gestin de consejos de forma
Animacin con Mscaras
-Capa mscara
-Animacin con mscara
-Efectos con mscara

2.4.3.Genera efectos visuales aplicando mscaras.


2.5.
Elabora animaciones Flash con huesos.

2.5.1.
Revisa conceptos bsicos de cinemtica inversa y su implementacin en Flash.
2.5.2.
Confecciona huesos, esqueletos, uniones y poses a travs de respectivas herramientas.

Animacin con Huesos:


-Concepto de cinemtica inversa (IK)
-Concepto de hueso, esqueleto, unin, pose, etc.
-Animacin de un esqueleto en la lnea de tiempo.

2.5.3.Elabora animaciones Flash con cinemtica inversa.


ACTIVIDADESMNIMASOBLIGATORIAS
El alumno:

Analiza en grupos de trabajo web sites y presentaciones con diferentes efectos y animacin en Flash.
Aplica buenas prcticas en su pelcula, nombrando adecuadamente las capas, smbolos y fotogramas clave.
Da efectiva solucin a requerimientos de animacin multimedia, aplicando todo el set de herramientas que ofrece Flash para este fin.

3.Interactividad con Flash


APRENDIZAJESESPERADOS
3.1.
Reconoce aspectos bsicos del lenguaje
ActionScript 3.

20Horas
CRITERIOSDEEVALUACIN
3.1.1.
Revisa el panel de cdigo para as reconocer entorno y herramientas de programacin.
3.1.2.
Distingue la sintaxis de ActionScript y conceptos bsicos del lenguaje.

CONTENIDOSMNIMOSOBLIGATORIOS
Introduccin a AS3:
-Panel de cdigo y sintaxis de ActionScript 3
-Conceptos de funciones, eventos y listeners.
-Consideraciones bsicas para la migracin AS2 / AS3.

3.1.3.Reconoce consideraciones bsicas para una correcta migracin de funcionalidades desde


ActionScript 2 a ActionScript 3.
3.2.
Aplica ActionScript para agregar interactividad
bsica a la aplicacin Flash.

3.2.1.
Inserta botones con todos los estados para visualizar y activar los respectivos eventos.
3.2.2.
Utiliza ActionScript 3 para programar botones y funciones bsicas.
3.2.3.Desarrolla barras de navegacin para moverse por secciones de la aplicacin Flash y abrir
URL externas.

3.3.
Elabora aplicaciones multimedia con audio y
video.

3.3.1.
Revisa formatos y respectivas propiedades de audio y video para una ptima
integracin/importacin en Flash.
3.3.2.
Manipula sonidos y videos para correcta funcionalidad en botones y lnea de tiempo.

http://siga3.inacap.cl/aapedescriptor/showasig_moodle.aspx?idasig=ID0608

Botones y Navegacin:
-Botn, estados (reposo, sobre, presionado, zona activa), eventos, botoneras.
-AS3 para botones.
-AS3 para navegacin en lnea de tiempo (play, stop, gotoandplay, gotoand stop,prevframe,
nextframe, prevscene, nextscene, etc.)
-AS3 para hipervnculos (Urlrequest y navigateTourl)

Gestin de audio y video:


-Formatos de audio, sonidos, loops, propiedades, importacin, optimizacin.
-Botones y lnea de tiempo con sonido.
-Formatos de video, FLV, Adobe media encoder, propiedades, importacin, optimizacin.
-Componente reproductor de video.
3/5

26/12/2015

Descriptor

3.3.3.Configura componente reproductor de video para visualizacin de audio y video en Flash.


3.4.
Pblica aplicaciones, presentaciones y web sites
Flash con diferentes configuraciones.

3.4.1.
Maneja las propiedades de publicacin para personalizar algunos aspectos de la aplicacin y pgina
web Flash.
3.4.2.
Revisa la estructura y parmetros del documento HTML que contiene el SWF para as poder
intervenir/configurar/arreglar algunas funcionalidades del Flash.

Publicacin
-Configuracin de publicacin
-Estructura y parmetros del HTML contenedor
-Publicacin de pgina web Flash
-Proyector .exe

3.4.3.
Exporta una aplicacin Flash para su visualizacin como archivo ejecutable (.exe).
3.5.
Crea medio de almacenamiento ptico con
aplicacin Flash autoejecutable.

3.5.1.
Elabora CD o DVD para ejecucin automtica.
3.5.2.
Configura autoejecutable para visualizacin a pantalla completa.

CD o DVD Interactivo- autoejecutable:


-Autorun
-Fullscreen
-Cerrar

3.5.3.Programa botn para cerrar la aplicacin.


ACTIVIDADESMNIMASOBLIGATORIAS
El alumno:

Forma grupos de trabajo para el anlisis, desarrollo y publicacin de aplicaciones Flash con navegacin.
Demuestra destrezas en el uso de ActionScript 3 al agregar interactividad bsica a las aplicaciones.
Da efectiva solucin a requerimientos de integracin de recursos multimedia como audio y sonido en las presentaciones, aplicaciones y web sites Flash.

ESTRATEGIASMETODOLGICAS

La asignatura se desarrollar bajo la modalidad presencial, donde el docente cuenta con un laboratorio computacional equipado y con acceso a internet para las actividades lectivas y talleres prcticos.

Estrategias aplicables para todas las unidades:

El docente:
Expone y analiza la materia con ejemplos prcticos usando la computadora y proyector.
Motiva el estudio y debate en grupo, as como la participacin en foros especializados de la materia.
Contextualiza las materias aplicadas en proyectos del mundo real en contraste con el mundo terico de los libros.
Revisa referencias en la web y analiza con los alumnos aplicaciones realizadas y las estrategias para resolver stas.
Entrega referencias a recursos (documentacin, foros, blogs, portales, etc).
Estimula el uso de manuales y bibliografa asociados a las herramientas de desarrollo utilizadas en la asignatura.
Incentiva estudio, lectura, investigacin y profundizacin individual de cada materia a tratar.
Motiva el desarrollo de aplicaciones en forma individual como estrategia para reforzar los conceptos.

UNIDAD I
El docente:
Contextualiza la Primera Unidad.
Analiza conceptos de Multimedia y RIA, Entorno de Desarrollo de Flash, paneles y herramientas de diseo.

UNIDAD II
El docente:
Contextualiza la Segunda Unidad.
Analiza presentaciones, animaciones y web sites Flash publicadas en la red y su posible reproduccin/mejora a travs de las mltiples opciones que ofrece Flash.

UNIDAD III
El docente:
Contextualiza la Tercera Unidad.
Analiza ejemplos de interactividad bsica e interfaces de navegacin Flash publicadas en la web.

BIBLIOGRAFADELAASIGNATURA

http://siga3.inacap.cl/aapedescriptor/showasig_moodle.aspx?idasig=ID0608

4/5

26/12/2015

Descriptor

BibliografiaObligatoria
Ttulo

Autor

Ao ISBN/ISSN

Editorial

Fuente NombreRecursoDigital

TipodeMaterial

AdobeFlashProfessionalCS5classroominabook:theofficialtrainingworkbookfromAdobeSystems

AdobePress

2010 9780321701800

Adobe

Libro

FoundationFlashCS5fordesigners

Green,Tom

2010 9781430229940

FriendsofonApressCompany

Libro

Ttulo

Autor

Ao ISBN/ISSN

Editorial

Fuente NombreRecursoDigital

TipodeMaterial

Aflashdeveloperresourcesite.Disponibleen:http://www.flashkit.com/

Pginaweb

Cl:Cristalab.Disponibleen:http://www.cristalab.com/

Pginaweb

ReferenciadellenguajeycomponentesActionScript3.0.Disponibleen:http://livedocs.adobe.com/flash/9.0_es/ActionScriptLangRefV3/

Adobe

Pginaweb

BibliografiaSugerida:

Cerrar

http://siga3.inacap.cl/aapedescriptor/showasig_moodle.aspx?idasig=ID0608

5/5