Servicio Nacional de Aprendizaje SENA

Sistema de Gestin de la Calidad

Regional Antioquia Nombre Centro de Formacin GUIA DE APRENDIZAJE No._____

Fecha: 24-11-2011 Versin 4 Pgina 1 de 6

1. IDENTIFICACIN DE LA GUA DE APRENDIZAJE Nombre del Programa de Formacin:

DISEO E INTEGRACIN DE MULTIMEDIA

No. Ficha en Sofia:

Nombre del Proyecto:

OVA OBJETO VIRTUAL DE APRENDIZAJE

Fase del Proyecto: PLANEACIN

Actividad de Proyecto: Definir la infraestructura lgica y fsica.

Competencia: Una competencia que se toma del programa de formacin y del proyecto formativo. 220501029 - Disear la solucin multimedia de acuerdo con el anlisis de la informacin recolectada. 220501030 - Integrar los elementos multimediales de acuerdo con un diseo establecido. Resultados de Aprendizaje: Tiempo Estimado de Ejecucin: 22050102907 - Elaborar los elementos de la multimedia siguiendo las pautas establecidas en el guin tcnico 4 HORAS 22050102909 - Crear el prototipo de la multimedia siguiendo el patrn establecido en el guin, el mapa de navegacin y el storyboard 22050103001 - Seleccionar materiales audiovisuales segn las especificaciones del guin tcnico y el storyboard 2. INTRODUCCIN La animacin y la interactividad son fundamentales hoy en da para el desarrollo de cualquier tipo de producto Multimedial. Lo esttico pasa a un segundo plano y de hace necesario que el usuario interacte constantemente con los productos que se le presenten. La realizacin de todo tipo de animaciones ser el objetivo fundamental de esta gua, donde el aprendiz aprender a realizar las diferentes piezas que se utilizan en el medio y que tienen que ver con movimiento e interactividad. As mismo aprender a darles acciones a algunos botones que pueden llevar al usuario a desarrollar otra accin o a ir a otra parte del Sitio. Impactar es uno de los objetivos principales al desarrollar productos en flash, lo que diferencia este programa de todos los otros es la capacidad que se tiene de lograr productos interactivos, animados y que generen una motivacin al usuario. Los productos que se realicen debern incitar al usuario a visitar determinados sitios, links, imgenes, video o audios. Esta gua pretende ser un complemento de los temas vistos anteriormente, es decir que los desarrollos estticos realizados en algunos programas de diseo ac cobraran vida, y sern interactivos y atractivos el pblico objetivo.

Servicio Nacional de Aprendizaje SENA

Sistema de Gestin de la Calidad

Regional Antioquia Nombre Centro de Formacin GUIA DE APRENDIZAJE No._____

Fecha: 24-11-2011 Versin 4 Pgina 2 de 6

3. ACTIVIDADES Y ESTRATEGIAS DE APRENDIZAJE ACTIVIDAD DE APRENDIZAJE: BOTONES Descripcin: El instructor proporcionar documento gua sobre el tema. Los aprendices debern crear un botn para cada uno de los estados, sobre, presionado y zona activa. Deben Realizar un botn que en el estado presionado o rollover reproduzca clip de pelcula. Con ltima actividad del tema el aprendiz deber realizar botonera basndose en algunos diseos de Sitios Web.

Ambiente(s) requerido: Sala de computadores con conexin a internet y con los software de Illustartor, Photoshop y flash. Medios y Recursos requeridos: Pantalla o video beam para orientar en el trabajo.

4. EVIDENCIAS Y EVALUACION Criterios de Evaluacin: Produce los componentes audiovisuales siguiendo el cronograma y haciendo uso adecuado de las herramientas de software. Integra las herramientas de produccin multimedia los componentes audiovisuales producidos segn las especificaciones del storyboard. Codifica los elementos de la multimedia de acuerdo al mapa de navegacin. Despliega y manipula datos de manera sncrona y asncrona segn las especificaciones del mapa de navegacin. Verifica el correcto funcionamiento de la multimedia siguiendo el orden establecido por el mapa de navegacin. Observacin. Pruebas prcticas. Botn de estados. Botn, clip de pelcula. Botonera. Debe subirse a la nube al finalizar la clase

Tipo de la evidencia: Producto entregable:

Forma y fecha de entrega:

Servicio Nacional de Aprendizaje SENA

Sistema de Gestin de la Calidad

Regional Antioquia Nombre Centro de Formacin GUIA DE APRENDIZAJE No._____

Fecha: 24-11-2011 Versin 4 Pgina 3 de 6

5. GLOSARIO Estado sobre clic - reposo

6. FUENTES

http://www.aulaclic.es/flashcs3/t_1_1.htm Consultado el 26 de julio de 2012 Video para hacer un botn que nos lleva a una pgina Web http://www.youtube.com/watch?v=5L6_jk2yCb0 otro ejemplo para crear un botn http://www.youtube.com/watch?v=CbTHkw_wIP4 crear botn con sonido parte 1 http://www.youtube.com/watch?v=mqxTxU_VN3k crear un botn con sonido, movimiento parte 2 http://www.youtube.com/watch?v=5WrG0tfsU2c&feature=relmfu
7. DOCENTES ASOCIADOS A LA ACTIVIDAD: Nombres Luis Fernando Ospina E Cargo Instructor rea Educacin Media Fecha Julio 26 de 2012

8. CONTROL DEL DOCUMENTO ELABOR Amaris Ariza Bolao Doris Elena Monsalve Sossa Mara Eugenia Agudelo Ruiz Gloria Isabel Daza Restrepo REVIS Doris Mara Parra Pineda APROB Xiomara Posada Zuluaga VERSIN 04 FECHA Noviembre 24 de 2011

Servicio Nacional de Aprendizaje SENA

Sistema de Gestin de la Calidad

Regional Antioquia Nombre Centro de Formacin GUIA DE APRENDIZAJE No._____

Fecha: 24-11-2011 Versin 4 Pgina 4 de 6

DOCUMENTO GUA DE TRABAJO DISEO DE BOTONES CON FLASH FLASH Qu es un Botn? Los smbolos de tipo Botn son los que aportan la mayor parte de la interactividad de las pelculas Flash con aquel que la est visualizando. Un botn, en Flash, es igual que cualquier botn de cualquier entorno informtico, sea web o cualquier otro. Son elementos que se prestan a que el usuario los presione, desencadenando al hacerlo una serie de acciones. Tambin es habitual ver como este tipo de elementos reaccionan cuando se les pasa el ratn por encima o cuando se les est pulsando, por ejemplo. Pues bien, para conseguir los efectos interactivos que acabamos de mencionar en otros lenguajes orientados a la web, que es el caso que nos ocupa, debemos crear programas relativamente grandes. Esto es un inconveniente bastante grande ya que el uso de los botones es una prctica muy habitual en el diseo en Internet. Sin embargo, en Flash no ocurre as. Su interfaz est diseada de manera especial para la creacin de botones, lo que nos permite crear todos estos efectos de una manera muy sencilla. Al igual que los otros smbolos de Flash 8, los botones tienen su propia lnea de tiempos. Esta es independiente pero, sin embargo, est formada nicamente por cuatro fotogramas, uno para cada estado posible del botn.

Reposo. Aspecto por defecto del botn, es decir, cuando el puntero del ratn no est situado sobre l. Sobre. Aspecto del botn cuando situamos el puntero sobre l. Presionado. Apariencia que deseamos tenga nuestro botn mientras lo mantengamos pulsado.

Servicio Nacional de Aprendizaje SENA

Sistema de Gestin de la Calidad

Regional Antioquia Nombre Centro de Formacin GUIA DE APRENDIZAJE No._____

Fecha: 24-11-2011 Versin 4 Pgina 5 de 6

Zona activa. Aqu debemos indicar el rea real en la que queremos que acte nuestro botn. Esto es importante sobre todo en botones compuestos slo por texto. Los botones pueden contener a su vez otros smbolos, como clips o grficos (tambin de tipo Bitmap). La unin de las posibilidades de todos los smbolos dota a los botones de gran espectacularidad.

Creacin de un Botn En la creacin de un botn podemos considerar dos fases. En la primera vamos a convertir nuestro objeto a smbolo de tipo botn y posteriormente veremos cmo completarlo internamente, lo que nos ayudar a entender mejor dicha estructura. Primeramente crearemos el objeto que representar el aspecto por defecto de nuestro botn con las herramientas que nos ofrece Flash 8. Seleccionaremos el objeto y accederemos al men Insertar Convertir en Smbolo, le daremos el comportamiento Botn y asignaremos un nombre a nuestro nuevo smbolo.

De esta forma ya tenemos transformado el objeto para que se comporte como un botn. Ahora lo completaremos internamente. Para determinar cmo debe reaccionar el botn en funcin de las acciones del ratn, lo editaremos haciendo clic con el botn derecho del ratn sobre nuestro nuevo botn y seleccionando la opcin Editar. Cuando tengamos delante la lnea de tiempos del botn (observa que tiene el aspecto que hemos mostrado anteriormente), seleccionaremos cada uno de los frames (sobre, reposo, presionado y zona activa) y pulsaremos F6 para crear un fotograma clave en cada uno de ellos.

Servicio Nacional de Aprendizaje SENA

Sistema de Gestin de la Calidad

Regional Antioquia Nombre Centro de Formacin GUIA DE APRENDIZAJE No._____

Fecha: 24-11-2011 Versin 4 Pgina 6 de 6

Ahora ya podemos modificar el aspecto inicial del botn para cada posicin del cursor y marcar el rea de accin del botn (fotograma Hit) en la que simplemente podremos dejar la misma figura que la inicial (en este caso slo es importante la forma del objeto, no los colores u otras cosas) o bien dibujar con las herramientas de dibujos de Flash una nueva figura, en cuya superficie "se sentir aludido" nuestro botn. Si una vez creado el botn queremos observar sus distintos estados y todava no hemos terminado la pelcula entera y por tanto no deseamos tener que reproducirla toda podemos hacerlo accediendo a la Biblioteca de nuestra pelcula y seleccionando el botn creado. Para ver lo que comentbamos bastar con pulsar la tecla situada a la derecha de la vista previa del smbolo. Formas en los Botones Los botones son smbolos que pueden tener multitud de formas. Si bien lo ms habitual es ver botones rectangulares, cuadrados y circulares, cuya creacin es inmediata como vimos en el punto anterior, tambin hay otros muchos tipos de botones que, pese a ser menos utilizados, es muy habitual verlos en multitud de pginas web. Entre estos estn los creados mediante formas poligonales, aquellos que estn formados por texto nicamente, dibujos con diferentes motivos, etc. Es interesante su uso para dar ms vistosidad ya que algunos resultan ms expresivos, y en esto Flash nos ayuda mucho, debido a la relativa sencillez de creacin de botones que sus herramientas de dibujo nos ofrece. Hay varias formas de botn tambin muy extendidas, como el botn con relieve sencillo o los botones en forma de pldora. Puesto que existen muchas formas de conseguir estos efectos.