{"id":300,"date":"2013-11-24T03:03:20","date_gmt":"2013-11-24T03:03:20","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/vivianaliss\/?page_id=300"},"modified":"2013-11-25T15:18:31","modified_gmt":"2013-11-25T15:18:31","slug":"300-2","status":"publish","type":"page","link":"https:\/\/blog.espol.edu.ec\/vivianaliss\/300-2\/","title":{"rendered":"Dise\u00f1o Multimedia"},"content":{"rendered":"<h1>Dise\u00f1o de una presentaci\u00f3n multimedia<\/h1>\n<p>En este apartado dise\u00f1aremos un proyector EXE que contenga una presentaci\u00f3n de varias dispositivas. El tema elegido es \u201c<b>Fauna asturiana<\/b>\u201d. Las im\u00e1genes y los textos han sido bajados de Internet. Todos los archivos que vamos a necesitar se encuentran en la subcarpeta <b>Fauna <\/b>dentro de la carpeta <b>Curso Flash.<\/b><\/p>\n<p>El uso de Flash en el dise\u00f1o de una presentaci\u00f3n de diapositivas tiene varias ventajas en relaci\u00f3n con el empleo de otras herramientas conocidas:<\/p>\n<ul>\n<li>Mayor control en la edici\u00f3n de la presentaci\u00f3n<\/li>\n<li>Compatibilidad plena tanto en el entorno web como multimedia.<\/li>\n<li>Genera archivos de reducido tama\u00f1o.<\/li>\n<li>Produce un archivo ejecutable final compacto y f\u00e1cilmente portable.<\/li>\n<\/ul>\n<p>Los archivos que vamos a necesitar para crear nuestro proyector son las im\u00e1genes: fotoasturcon.jpg, fotolobo.jpg, fotooso.jpg, fotourogallo.jpg; los archivos de texto: txtasturcon.txt, txtlobo.txt, txtoso.txt y txturogallo.txt; as\u00ed como los sonidos: soniasturcon.wav, sonilobo.wav, sonioso.wav y soniurogallo.wav.<\/p>\n<table width=\"100%\" border=\"0\">\n<tbody>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>1<\/b><\/span><\/td>\n<td><\/td>\n<td>Clic en <b>Modificar &gt; Documento <\/b>para definir como tama\u00f1o del escenario: 550 px de Anchura por 400 px de Altura.<b> <\/b>Definir el color negro como fondo del escenario. Clic en el bot\u00f3n <b>Aceptar<\/b>.<b> <\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>2<\/b><\/span><\/td>\n<td><\/td>\n<td>Vamos a importar las im\u00e1genes a la Biblioteca del documento actual. Elige <b>Archivo &gt; Importar &gt; Importar a Biblioteca. <\/b>En casilla <b>Buscar en<\/b>, localiza y abre la carpeta <b>Fauna <\/b>situada en <b>Curso Flash<\/b>. Selecciona como <b>Tipo<\/b>, los archivos de extensi\u00f3n <b>JPEG<\/b>. Aparecen las cuatro im\u00e1genes a importar. Clic en la primera, pulsa la tecla <b>&lt;Mayus&gt;<\/b> y sin soltarla clic en la \u00faltima. Has seleccionado todos los archivos. Clic en el bot\u00f3n <b>Abrir. <\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>3<\/b><\/span><\/td>\n<td><\/td>\n<td>Ahora vamos a importar los sonidos. Selecciona <b>Archivo &gt; Importar &gt; Importar a Biblioteca. <\/b>Selecciona como <b>Tipo <\/b>los archivos de extensi\u00f3n <b>WAV.<\/b> Aparecen los cuatro sonidos. Selecci\u00f3nalos todos con el procedimiento anterior. Clic en el bot\u00f3n <b>Abrir. <\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>4<\/b><\/span><\/td>\n<td><\/td>\n<td>Mediante <b>Ventana &gt; Biblioteca <\/b>puedes comprobar que en la biblioteca del documento actual aparecen los mapas de bits y sonidos importados. La informaci\u00f3n que contienen los TXT ser\u00e1 pegada en el interior de bloques de texto.<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>5<\/b><\/span><\/td>\n<td><\/td>\n<td>Abre la biblioteca com\u00fan <b>Curso <\/b>mediante <b>Ventana &gt; Otros paneles &gt; Bibliotecas comunes &gt; Curso<\/b>. Pincha y arrastra hasta la librer\u00eda del documento actual, el bot\u00f3n <b>sonido bot\u00f3n<\/b> almacenado en la carpeta <b>Botones. <\/b>A partir de ese bot\u00f3n vamos a crear 4 botones, cada uno de los cuales reproducir\u00e1 la voz del animal cuando el cliente pulse sobre \u00e9l.<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>6<\/b><\/span><\/td>\n<td><\/td>\n<td>Clic derecho sobre el nombre del bot\u00f3n <b>sonido bot\u00f3n <\/b>en la Biblioteca actual. Selecciona la opci\u00f3n <b>Duplicar. <\/b>Teclea como nombre del nuevo bot\u00f3n: <b>butlobo.<\/b> Repite esta operaci\u00f3n para crear <b>butasturcon, butoso <\/b>y <b>buturogallo.<\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>7<\/b><\/span><\/td>\n<td><\/td>\n<td>Clic derecho sobre el nombre del bot\u00f3n <b>butlobo <\/b>en la ventana de la Biblioteca actual y selecciona <b>Edici\u00f3n.<\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>8<\/b><\/span><\/td>\n<td><\/td>\n<td>Una vez situado en el modo de edici\u00f3n de s\u00edmbolos, <b>Insertar &gt; L\u00ednea de tiempo &gt; Capa. <\/b>Doble clic sobre el nombre de la capa para cambiarlo: <b>Sonido<\/b>.<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>9<\/b><\/span><\/td>\n<td><\/td>\n<td>En el fotograma <b>Presionado <\/b>de esta nueva capa, clic derecho y selecciona <b>Insertar Fotograma Clave. <\/b>Pincha y arrastra desde la Biblioteca actual a este fotograma, el sonido <b>sonilobo<\/b>.<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>10<\/b><\/span><\/td>\n<td><\/td>\n<td>Clic en el nombre <b>Escena 1 <\/b>o bien en la flecha <b>atr\u00e1s <\/b>situados en la base de la l\u00ednea de tiempo para abandonar la edici\u00f3n de este s\u00edmbolo.<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>11<\/b><\/span><\/td>\n<td><\/td>\n<td>Repite los pasos 7-10 sobre los botones <b>butasturcon, butoso <\/b>y <b>buturogallo <\/b>para incorporarles los sonidos <b>soniasturcon, sonioso, y soniurogallo<\/b>, respectivamente.<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>12<\/b><\/span><\/td>\n<td><\/td>\n<td>Ahora vamos a definir las capas de la presentaci\u00f3n. Haz doble clic sobre el nombre de la capa y define su nuevo nombre: <b>Diapos<\/b>. <b> <\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>13<\/b><\/span><\/td>\n<td><\/td>\n<td>Inserta una nueva capa encima. Su nombre ser\u00e1: <b>Botonera. <\/b>Haciendo doble clic sobre su nombre se puede cambiar. Esta capa contendr\u00e1 el t\u00edtulo principal y la botonera.<b> <\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>14<\/b><\/span><\/td>\n<td><\/td>\n<td>Selecciona la herramienta <b>Texto. <\/b>En el <b>Inspector de Propiedades <\/b>define como fuente Arial,<b> <\/b>como tama\u00f1o 18 puntos, color azulito y efecto negrita. Clic sobre el escenario y teclea <b>\u201cFAUNA ASTURIANA\u201d<\/b>.<b> <\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>15<\/b><\/span><\/td>\n<td><\/td>\n<td>Elige la herramienta <b>Flecha <\/b>para pinchar y situar este t\u00edtulo principal en la esquina superior izquierda.<b> <\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>16<\/b><\/span><\/td>\n<td><\/td>\n<td><b>Ventana &gt; Otros paneles &gt; Bibliotecas comunes &gt; Curso <\/b>\u00a0para abrir esta biblioteca com\u00fan. Dentro de la carpeta <b>Botones, <\/b>abre la carpeta <b>Playback. <\/b>Vete arrastrando hasta la esquina superior derecha del escenario y situando de izquierda a derecha los siguientes botones: <b>playback-rewind, playback-step back, playback-step forward, playback-go to end<\/b> y <b>playback \u2013 stop<\/b>. De esta forma hemos creado la botonera que nos dar\u00e1 control sobre la proyecci\u00f3n de diapositivas.<b> <\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>17<\/b><\/span><\/td>\n<td><\/td>\n<td>Selecciona la herramienta <b>Flecha <\/b>y selecciona todos los botones. <b>Ventana &gt; Paneles de dise\u00f1o &gt; Alinear <\/b>para visualizar el panel de <b>Alineamiento<\/b>. Clic en los botones <b>Alinear borde superior <\/b>y <b>Distribuir horizontalmente respecto al centro<\/b>. <b> <\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>18<\/b><\/span><\/td>\n<td><\/td>\n<td>Clic en la capa <b>Diapos<\/b>. Vamos a crear la primera diapositiva. <b> <\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>19<\/b><\/span><\/td>\n<td><\/td>\n<td>Pincha y arrastra desde la Biblioteca, el mapa de bits <b>fotolobo <\/b>para situarlo en la izquierda del escenario.<b> <\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>20<\/b><\/span><\/td>\n<td><\/td>\n<td>Selecciona la herramienta <b>Texto. <\/b>En el <b>Inspector de Propiedades <\/b>define como fuente <b>Arial, <\/b>como <b>tama\u00f1o<\/b> 16 puntos, <b>color de la fuente<\/b>: amarillo-naranja (\u201c#FFCC33\u201d) y <b>efecto <\/b>negrita. Clic sobre el escenario y teclea <b>\u201c1. EL LOBO\u201d<\/b>.<b> <\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>21<\/b><\/span><\/td>\n<td><\/td>\n<td>Elige la herramienta <b>Flecha <\/b>para pinchar y situar este t\u00edtulo secundario al lado de la esquina superior derecha de la fotograf\u00eda. Para ajustar con precisi\u00f3n la posici\u00f3n, usa las teclas de flechas.<b> <\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>22<\/b><\/span><\/td>\n<td><\/td>\n<td>Minimiza la ventana de <b>Macromedia Flash MX 2004 <\/b>y haz doble clic sobre el archivo <b>txtlobo.txt <\/b>de la carpeta <b>Fauna<\/b>. Al tratarse de un archivo de texto, arrancar\u00e1 la aplicaci\u00f3n <b>Bloc de Notas <\/b>de Windows mostrando el contenido de este archivo. Selecciona todo el texto mediante pinchar y arrastrar y c\u00f3pialo mediante <b>Edici\u00f3n &gt; Copiar <\/b>desde <b>Bloc de Notas. <\/b>Cierra la ventana del editor de textos y restaura la ventana de Flash.<\/p>\n<table width=\"100%\" border=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"center\">Primera diapositiva del ejercicio Fauna Asturiana<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>23<\/b><\/span><\/td>\n<td><\/td>\n<td>Selecciona la herramienta <b>Texto. <\/b>A continuaci\u00f3n pincha y arrastra sobre el escenario en el espacio inmediatamente debajo del t\u00edtulo secundario y al lado derecho de la fotograf\u00eda. Has creado un cuadro de texto de anchura fija.<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>24<\/b><\/span><\/td>\n<td><\/td>\n<td>En el <b>Inspector de Propiedades <\/b>de este cuadro de texto, definir: <b>Tipo de fuente<\/b>: Arial; <b>Tama\u00f1o<\/b>: 14 puntos; <b>Color de la fuente<\/b> blanco y efecto <b>Negrita.<\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>25<\/b><\/span><\/td>\n<td><\/td>\n<td>Observa que el cursor parpadea en el cuadro de texto del escenario. Si esto no ocurre repite el paso 23. En lugar de teclear la informaci\u00f3n de este cuadro la vamos a pegar desde el portapapeles mediante: <b>Edici\u00f3n &gt; Pegar.<\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>26<\/b><\/span><\/td>\n<td><\/td>\n<td>Activa la herramienta <b>Flecha <\/b>y pincha y arrastra este cuadro para situarlo correctamente en el escenario en relaci\u00f3n con el t\u00edtulo y la fotograf\u00eda<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>27<\/b><\/span><\/td>\n<td><\/td>\n<td>Pincha y arrastra una instancia del s\u00edmbolo <b>butlobo <\/b>para situarlo debajo de este cuadro de texto.<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>28<\/b><\/span><\/td>\n<td><\/td>\n<td>Clic derecho en el fotograma n\u00ba2 en la capa <b>Diapos <\/b>y selecciona <b>Insertar fotograma Clave<\/b>. Ahora nos encontramos en el fotograma n\u00ba2. Vamos a cambiar su contenido para mostrar la informaci\u00f3n del siguiente animal: el oso. Haz clic en cualquier parte del escenario para deseleccionar el contenido del escenario.<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>29<\/b><\/span><\/td>\n<td><\/td>\n<td>Clic derecho sobre la imagen del lobo, elige <b>Intercambiar mapa de bits<\/b>, selecciona <b>fotooso.jpg <\/b>y acepta.<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>30<\/b><\/span><\/td>\n<td><\/td>\n<td>Clic derecho sobre el bot\u00f3n de sonido, elige <b>Intercambiar s\u00edmbolo<\/b>, selecciona <b>butoso <\/b>y acepta.<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>31<\/b><\/span><\/td>\n<td><\/td>\n<td>Doble clic sobre el t\u00edtulo de la diapositiva y sustit\u00fayelo por <b>\u201c2. EL OSO\u201d<\/b>. Acepta.<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>32<\/b><\/span><\/td>\n<td><\/td>\n<td>Minimiza la ventana de Flash y abre mediante doble clic el archivo de texto <b>txtoso.txt<\/b>. Arrastra para seleccionar su contenido y copialo al portapapeles<b> <\/b>mediante <b>Edici\u00f3n &gt; Copiar <\/b>. Cierra el <b>Bloc de Notas <\/b>y regresa a <b>Flash.<\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>33<\/b><\/span><\/td>\n<td><\/td>\n<td>Doble clic sobre el texto del fotograma n\u00ba2, arrastra para seleccionarlo todo y elige <b>Edici\u00f3n &gt; Pegar<\/b>. El contenido inicial es sustituido por el almacenado en el portapapeles.<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>34<\/b><\/span><\/td>\n<td><\/td>\n<td>Elige la herramienta <b>Flecha<\/b> y sit\u00faa adecuadamente los bloques de este fotograma.<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>35<\/b><\/span><\/td>\n<td><\/td>\n<td>Clic derecho sobre el fotograma n\u00ba2 de la capa <b>Botonera <\/b>y selecciona <b>Insertar fotograma<\/b>.<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>36<\/b><\/span><\/td>\n<td><\/td>\n<td>Repite los pasos 28-35 para crear los fotogramas n\u00ba3 y n\u00ba4 con los siguientes datos:<\/p>\n<ul>\n<li><b>Fotograma n\u00ba3<\/b>. T\u00edtulo secundario: \u201c<b>3<\/b>. <b>EL ASTURC\u00d3N<\/b>\u201d. Mapa de bits: <b>fotoasturcon. <\/b>Archivo de texto con informaci\u00f3n: <b>txtasturcon.txt.<\/b> Bot\u00f3n con sonido: <b>butasturcon.<\/b><\/li>\n<li><b>Fotograma n\u00ba4<\/b>. T\u00edtulo secundario: \u201c<b>4. EL UROGALLO<\/b>.\u201d. Mapa de bits: <b>fotourogallo. <\/b>Archivo de texto con informaci\u00f3n: <b>txturogallo.txt.<\/b> Bot\u00f3n con sonido: <b>buturogallo<\/b><\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>37<\/b><\/span><\/td>\n<td><\/td>\n<td>A continuaci\u00f3n vamos a asignar acciones de navegaci\u00f3n a cada bot\u00f3n de la consola. Con la herramienta <b>Flecha <\/b>activada, selecciona el primer bot\u00f3n. En este caso el bot\u00f3n <b>playback-rewind<\/b>.<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>38<\/b><\/span><\/td>\n<td><\/td>\n<td>Muestra el panel<b> Acciones - Bot\u00f3n <\/b>utilizando <b>Ventana &gt; Paneles de dise\u00f1o &gt; Acciones <\/b>.<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>39<\/b><\/span><\/td>\n<td><\/td>\n<td>Introduce el c\u00f3digo de script, tratando de respetar los signos de puntuaci\u00f3n, las llaves y par\u00e9ntesis as\u00ed como las min\u00fasculas\/may\u00fasculas:<\/p>\n<dl>\n<dd><span style=\"font-family: Courier\">on (release){<\/span><\/dd>\n<dd><span style=\"font-family: Courier\">\u00a0\u00a0\u00a0 gotoAndStop(1);<\/span><\/dd>\n<dd><span style=\"font-family: Courier\">}<\/span><\/dd>\n<\/dl>\n<p>La acci\u00f3n gotoAndStop(&lt;n\u00famero_de_fotograma&gt;) env\u00eda (goto) la cabeza lectora al fotograma cuyo n\u00famero se indica y se detiene all\u00ed (stop). Con ello se regresar\u00e1 a la primera diapositiva siempre que se pulse en este bot\u00f3n.<\/p>\n<table width=\"100%\" border=\"0\">\n<tbody>\n<tr>\n<td><\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"center\">Acci\u00f3n gotoAndStop para llevar la cabeza lectora a un fotograma concreto<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>40<\/b><\/span><\/td>\n<td><\/td>\n<td>Sin cerrar el panel <b>Acciones<\/b>, realiza clic sobre el bot\u00f3n <b>playback \u2013 step back. <\/b>Ahora introduce el siguiente c\u00f3digo:<\/p>\n<dl>\n<dd><span style=\"font-family: Courier\">on (release) {<br \/>\nprevFrame();<br \/>\n}<\/span><\/dd>\n<dt>La acci\u00f3n PrevFrame(); env\u00eda la cabeza lectora al fotograma anterior para detenerse all\u00ed.<\/dt>\n<\/dl>\n<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>41<\/b><\/span><\/td>\n<td><\/td>\n<td>Clic sobre el bot\u00f3n <b>playback - step forward. <\/b>Introduce el c\u00f3digo de ActionScript:<\/p>\n<dl>\n<dd><span style=\"font-family: Courier\">on (release) {<br \/>\nnextFrame();<br \/>\n}<\/span><\/dd>\n<dt>La acci\u00f3n nextFrame(); mueve la cabeza lectora al siguiente fotograma para detenerse all\u00ed.<\/dt>\n<\/dl>\n<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>42<\/b><\/span><\/td>\n<td><\/td>\n<td>Clic sobre el bot\u00f3n <b>playback - go to end.\u00a0 <\/b>Teclea el siguiente c\u00f3digo:<\/p>\n<dl>\n<dd><span style=\"font-family: Courier\">on (release){<\/span><\/dd>\n<dd><span style=\"font-family: Courier\">\u00a0\u00a0\u00a0gotoAndStop(4);<\/span><\/dd>\n<dd><span style=\"font-family: Courier\">}<\/span><\/dd>\n<\/dl>\n<p>La acci\u00f3n gotoAndStop(); env\u00eda la cabeza lectora al fotograma cuyo n\u00famero se indica. En este caso al pulsar en este bot\u00f3n se alcanzar\u00e1 siempre la \u00faltima diapositiva: n\u00ba4.<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>43<\/b><\/span><\/td>\n<td><\/td>\n<td>Clic sobre el bot\u00f3n <b>playback \u2013 stop. <\/b>Debes introducir el siguiente c\u00f3digo:<\/p>\n<dl>\n<dd><span style=\"font-family: Courier\">on (release){<\/span><\/dd>\n<dd><span style=\"font-family: Courier\">\u00a0\u00a0\u00a0fscommand(\"quit\");<\/span><\/dd>\n<dd><span style=\"font-family: Courier\">}<\/span><\/dd>\n<\/dl>\n<p>La acci\u00f3n fscommand(\"quit\"); cierra el proyector. Esto ocurrir\u00e1 cuando se pulse en este bot\u00f3n. Recuerda que esto s\u00f3lo funciona si la pel\u00edcula se visualiza a trav\u00e9s del proyector .EXE. Debes sustituirlo por getURL(\"javascript:window.close()\"); si la pel\u00edcula se visualizar\u00e1 a trav\u00e9s del navegador web. En este caso el ejercicio consiste en crear un proyector de diapositivas para ejecutar en el disco duro local. Por este motivo utilizaremos la acci\u00f3n fscommand.<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>44<\/b><\/span><\/td>\n<td><\/td>\n<td>S\u00f3lo resta indicar a Flash que cuando comience a reproducir el primer fotograma, se detenga para mostrar la diapositiva. Clic sobre el fotograma 1 de la capa <b>botonera<\/b>. Si el panel <b>Acciones - Fotograma <\/b>no est\u00e1 visible entonces elige <b>Ventana &gt; Paneles de desarrollo &gt; Acciones<\/b>. Teclea el c\u00f3digo:<\/p>\n<dl>\n<dd><span style=\"font-family: Courier\">stop();<\/span><\/dd>\n<\/dl>\n<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>45<\/b><\/span><\/td>\n<td><\/td>\n<td>Usando <b>Archivo &gt; Guardar<\/b>, guarda este archivo FLA en tu carpeta favorita. De esta forma ya le indicas a Flash d\u00f3nde guardar el resto de archivos de publicaci\u00f3n. Puedes utilizar como nombre de este archivo <b>Fauna.fla<\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>46<\/b><\/span><\/td>\n<td><\/td>\n<td>En el cuadro de di\u00e1logo que se despliega mediante <b>Archivo &gt; Configuraci\u00f3n de Publicaci\u00f3n<\/b>, activa la casilla <b>Proyector Windows (.exe) <\/b>y haz clic en el bot\u00f3n <b>Publicar.<\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>47<\/b><\/span><\/td>\n<td><\/td>\n<td>Cierra la aplicaci\u00f3n Flash.<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>48<\/b><\/span><\/td>\n<td><\/td>\n<td>Utilizando el <b>Explorador de Windows<\/b>, localiza el proyector <b>EXE <\/b>en tu disco duro y observar\u00e1s que aparecen los distintos archivos de publicaci\u00f3n de Flash. Doble clic sobre el proyector <b>fauna.exe <\/b>y comprueba su funcionamiento. Advierte que esta presentaci\u00f3n se puede visualizar tambi\u00e9n desde el navegador a trav\u00e9s de la p\u00e1gina <b>fauna.html <\/b>que se ha creado.<\/p>\n<p>&nbsp;<\/p>\n<h1>Crear un proyector exe a partir de un swf<\/h1>\n<p>En esta secci\u00f3n vamos a estudiar c\u00f3mo crear un proyector EXE a partir de una animaci\u00f3n Flash en formato SWF.<\/p>\n<table width=\"100%\" border=\"0\">\n<tbody>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>1<\/b><\/span><\/td>\n<td><\/td>\n<td>Utilizando el <b>Explorador de Windows<\/b> sit\u00faate en la carpeta <b>ejemplos <\/b>dentro del directorio <b>Curso Flash. <\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>2<\/b><\/span><\/td>\n<td><\/td>\n<td>Doble clic para abrir el archivo <b>atapuerca.swf<\/b>.<b> <\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>3<\/b><\/span><\/td>\n<td><\/td>\n<td>Arranca el reproductor aut\u00f3nomo de Flash mostrando esta pel\u00edcula. Selecciona <b>Ver &gt; Pantalla completa <\/b>y luego la tecla <b>&lt;Esc&gt; <\/b>para experimentar. <b> <\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>4<\/b><\/span><\/td>\n<td><\/td>\n<td>Elige Archivo &gt; Crear proyector .<\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>5<\/b><\/span><\/td>\n<td><\/td>\n<td>En el cuadro de di\u00e1logo <b>Guardar como <\/b>selecciona la carpeta donde deseas guardarlo y el nombre. Por ejemplo: <b>Mis Documentos <\/b>y el nombre por defecto: <b>atapuerca.exe <\/b><\/td>\n<\/tr>\n<tr>\n<td align=\"right\" valign=\"top\" width=\"16\"><span style=\"color: #000080\"><b>6<\/b><\/span><\/td>\n<td><\/td>\n<td>Cierra el reproductor de Flash y sit\u00faate en <b>Mis Documentos<\/b>. Al abrir este archivo EXE arranca el reproductor mostrando la pel\u00edcula como si se tratase del SWF. Sin embargo el archivo EXE puedes distribuirlo a terceros sin necesidad de que tengan instalado Flash en su ordenador<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.ite.educacion.es\/formacion\/materiales\/34\/cd\/curso\/cap15\/images\/image1509.jpg\" width=\"365\" height=\"241\" border=\"1\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>Dise\u00f1o de una presentaci\u00f3n multimedia En este apartado dise\u00f1aremos un proyector EXE que contenga una presentaci\u00f3n de varias dispositivas. El tema elegido es \u201cFauna asturiana\u201d. Las im\u00e1genes y los textos han sido bajados de Internet. Todos los archivos que vamos &hellip; <a href=\"https:\/\/blog.espol.edu.ec\/vivianaliss\/300-2\/\">Sigue leyendo <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":8769,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-300","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/vivianaliss\/wp-json\/wp\/v2\/pages\/300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/vivianaliss\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/vivianaliss\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/vivianaliss\/wp-json\/wp\/v2\/users\/8769"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/vivianaliss\/wp-json\/wp\/v2\/comments?post=300"}],"version-history":[{"count":3,"href":"https:\/\/blog.espol.edu.ec\/vivianaliss\/wp-json\/wp\/v2\/pages\/300\/revisions"}],"predecessor-version":[{"id":303,"href":"https:\/\/blog.espol.edu.ec\/vivianaliss\/wp-json\/wp\/v2\/pages\/300\/revisions\/303"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/vivianaliss\/wp-json\/wp\/v2\/media?parent=300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}