El delfín de El tinglado
El delfín de El tinglado

Enlace permanente

« José Mª Campo

TIC »

Imprimir

Diaporamas flash (I , II , III , IV y V) + addenda

Enlace permanente  1  2  3  4  5  6  7  8 

diaporama

Insertar diaporamas flash Descripción del funcionamaiento de diferentes diaporamas en flash para insertar en las bitácoras.

Lourdes Domenech, miembro de este Tinglado, me ha planteado por medio de un correo la posibilidad de explicar la manera en que funciona el Diaporma flash que incrusté en un artículo de Alejandro a propósito de un fotoblog de José Mª Glz Serna sobre la Semana Santa de Sevilla. Dew posee dos diaporamas: este que presento aquí (el más antiguo) y una nueva versión con archivo XML, más versátil pero que me gusta menos. Todos ellos se pueden utilizar de la misma forma que su famoso reproductor mp3. Así que, para empezar, ahí van las cinco opciones (+ Addenda) en las que he trabajado sobre este asunto de los diaporamas flash:

1.Diaporama Dew (versión 1).

Me permito incluir, a modo de ejemplo, una serie de fotos personales de Bretaña. Este primer diaporama de Dew es muy sencillo. A.Código y animación: Se trata de descargar el archivo swf: dewslider de 28Ko pulsando sobre el enlace con el botón derecho y guardarlo en nuestro archivo del Tinglado, por ejemplo. El código simplificado (sin los parámetros que se comentan más adelante) que hay que añadir es este:

Naturalmente habrá que indicar la ruta en la que hemos colocado nuestro reproductor dewslider.sfw en "data=" y en "value=". Por otra parte, será necesario indicarle la ruta de cada una de nuestras imágenes en "img=" (¡dos veces!). Cuidado al copiar y pegar pues cualquier error en las rutas o el código producirá errores en la presentación como me ocurrió a mí el otro día (el diaporama se veía en Firefox y Opera pero no en IE). Si tenéis alguna duda, editad este artículo y comprobad cómo he insertado el diaporama en el mismo. B.Parámetros: También se pueden "parametar" otras variables como la automatización en la transición de diapositivas, la posibiliadad de pantalla completa o la presencia o no de los botones:

  • bg=off (on por defecto) : no muestra el fondo
  • buttons=off (on por defecto) : no muestra los botones siguiente/previa.
  • auto=X (off por defecto) : pasa automáticamente a la imagen siguiente cada X segundos.
  • fullscreen=on (off por defecto) : muestra la imagen al máximo del tamaño del objeto y, por tanto, no hay cuadro ni textos. El código , con estas variables, quedaría así:

Enlace permanente  1  2  3  4  5  6  7  8 

Por José Mª Campo en TIC el 21.04.06 con 21 comentarios Bookmark and Share
Palabras clave diaporama, flash

Los comentarios están cerrados.

21 comentarios

     
Abajo

[1] Por Lourdes Domenech el 21.04.06/23:23 Enlace permanente   Responder 

Lourdes Domenech

Gracias por este regalo, de mi parte y de la de otros compañeros a los que he empujado a asomarse a este blog. ¡La de cosas que estamos aprendiendo!

Prometo hacer los deberes del Tinglado, ¿o debería decir TICglado?

[2] Por Lourdes Barroso el 22.04.06/00:33 Enlace permanente   Responder 

Lourdes Barroso

Smiling emoticon Gracias, tambien de mi parte, tendré que buscar un hueco para practicar, se me acumula la teoría.

[3] Por Alejandro Valero el 22.04.06/16:11 Enlace permanente   Responder 

Alejandro Valero

Si a alguien le interesa ver cómo queda uno de mis diaporamas, a los que se refiere José María, que vea esta actividad.

Estos diaporamas son muy sencillos de hacer. En estos diaporamas que he hecho no he incluido fotografías sino las diapositivas típicas de los programas de presentaciones, aquí un repaso de inglés.

[4] Por Isidro Vidal el 24.04.06/09:19 Enlace permanente   Responder 

Isidro Vidal

Hola
Mario Antonio Nuñez , en su blog DigiZen, comentaba en un artículo la posibilidad de pasar presentaciones PowerPoint a swf con el programa FlashSpring Lite

Me parece que es un sistema parecido al de dew. Yo he hecho una prueba en el blog de aula: Cuaderno de Música - 1º1. Está realizado con la posibilidad del editor de texto de Blogia de insertar películas flash. Para pasar las diapositivas hay que ir pinchando en el ratón, hay otra versión más potente que tiene más posibilidades. Esta es gratuita.

Álvaro Gregori Amplía este artículo con otros conversores y con otra versión de pago de FlasSpring Lite más potente.

[5] Por José Mª Campo el 24.04.06/09:29 Enlace permanente   Responder 

José Mª Campo

isidro,

Creo que estos conversores son una herramienta interesante pero presentan la pequeña "pega" de tener que añadir un progrma más a PorwerPoint. ¿Para qué tener que añadir un programa si OpenOffice hace lo mismo directamente en Impress y además es gratuito? Estoy seguro de que Alejandro estará de acuerdo conmigo winking emoticon

[6] Por Isidro Vidal el 24.04.06/17:00 Enlace permanente   Responder 

Isidro Vidal

Estás en lo cierto Jose Mª.
Pero estoy en un centro donde todo el software que se utiliza es Microsoft Office, pagado por el Gobierno Vasco y todo legal, con instrucciones sobre qué programas debe haber en el servidor del centro.En fin, este es el dilema.
En casa he trasteado con OpenOffice pero siempre vuelvo. Creo que es algún tipo de condicionamiento canino.
Saludos Tongue emoticon

[7] Por Alejandro Valero el 25.04.06/00:04 Enlace permanente   Responder 

Alejandro Valero

No sólo estoy de acuerdo contigo, José María, sino que estoy viendo últimamente una predisposición tuya hacia el software libre. De ahí a instalarte Linux va sólo un paso... Smiling emoticon

isidro, nadie te impide que instales OpenOffice en tu instituto. Seguro que a tus alumnos les gustará, y así podrán instalárselo en su casa sin tener que piratear.

[8] Por Bea el 27.04.06/11:45 Enlace permanente   Responder 

Visitante

Fantástico!!! Muchas gracias por compartir tu trabajo.

[9] Por estudiaenologia el 03.05.06/18:58 Enlace permanente   Responder 

Visitante

Gracias por estos aportes fenomenales. Y ahí va una pregunta: con la opción de flickr, ¿se podría crear para compartir un diaporama con sólo unas fotos determinadas (por ejemplo las de un set)?? Ahora mismo se puede en la pagina de flickr, pero ¿hay posibilidad de insertarlo en nuestras webs como tu ejemplo? Es que hay fotos determinadas que no te interesan que salgan en la presentación, pues no tienen nada que ver con la mencionada presentación que quieres crear.

[10] Por José Mª Campo el 03.05.06/22:50 Enlace permanente   Responder 

José Mª Campo

estudiaenologia,
Efectivamente se puede hacer que sólo se vean las fotos de un set (album) concreto. Para ello hay que añadir al código anterior lo siguiente (en rojo):
user_id=user_id=XXXXXXXX@NXXO&set_id=000000 en donde los 000000 corresponden al número de nuestro set. Se puede saber el número del set pulsando, dentro de flickr, la opción "View as slideshow" y copiar en la dirección web el número que está tras /sets/.
Es todo. Espero que sirva de ayuda...

[11] Por José el 04.05.06/10:17 Enlace permanente   Responder 

Visitante

Gracias José Mª, eres un pozo de sabiduría. Muchas gracias por compartir tu trabajo es una excelente recopilación.

[12] Por Leonor Quintana el 05.05.06/00:27 Enlace permanente   Responder 

Leonor Quintana

Mi más sincera felicitación y agradecimiento por tu excelente tutorial sobre los diaporamas.
Habrá que ir experimentando poco a poco...
Enhorabuena!!!

[12.1] Por Claudio el 21.08.06/14:48 Enlace permanente

Visitante

Estimados: Tengo que confeccionar un diaporama en un ramo de psicologias aplicada a los RRHH en un Magister que estoy realizando. Les agredeceria mucho si me ayudan con un tutorial o guia para realizar los diaporamas, ya que no se como se hacen. Gracias

[13] Por PLSEGOVIA el 15.07.06/19:00 Enlace permanente   Responder 

Visitante

Gracias José Mª,
Muchas gracias por compartir tu trabajo y permitirnos disponer de tus conocimientos. Siempre son bienvenidas (en el sentido más práctico) tus aportaciones.

Un saludo y muchas gracias.

[14] Por Raul LORENZO el 08.08.06/16:47 Enlace permanente   Responder 

Visitante

Gracias desde Argentina José Mª; con mis alumnos estamos practicando y probando los distintos métodos, haz hecho una recopilación genial y muy bien explicada.
Aprovecho y te pido permiso, (si no te molesta) para linkear a tu página desde una webquest para un Trabajo práctico (evaluación de un curso online de http://www.educ.ar ) citando la fuente y el autor como corresponde. El tema de la webquest será el uso de secuencias de imágenes en páginas web (gif animados, javascript, flash,...); de este último tema te nombro como referencia "obligatoria", que te parece???!!!winking emoticon

Bueno, un saludo a todos!!!
y para aportar algo les paso unos links para hacer secuencias secillas usando javascript

1) Secuencia de imágenes

2) Diapositivas de imágenes

[15] Por Alejandro Valero el 01.01.02/18:25 Enlace permanente   Responder 

Alejandro Valero

Raúl, José María está ahora de vacaciones, pero no creo que tenga ningún inconveniente en que le enlaces a su página; para eso estamos en la Red, para enlazarnos también simbólicamente.

Gracias, además, por los dos enlaces que nos ofreces. Personalmente, me gusta mucho JavaScript, así que tus enlaces me serán muy útiles.

[16] Por Jos eRamón el 05.09.06/19:02 Enlace permanente   Responder 

Visitante

Excelente. Muchas gracias. Tengo interés en un tema que no encuentro en ningun post acerca de diaporamas: ¿hay alguna manera de determinar el tipo de transición que se va a realizar entre las diapositivas o son dadas por defecto en los diferentes generadores?

[16.1] Por José Mª Campo el 06.09.06/10:47 Enlace permanente

José Mª Campo

Jose Ramón, Existen, en efecto, algunos diaporamas que permiten elegir el tipo de transición entre diapositivas. Es el caso, por ejemplo, de RockYou (página 2 de este artículo). BubbleShare, por su parte, permite trabajar con distintos tipos de diaporamas (más de media docena). Flash Slide Show Maker, (no presentado en este artículo) también permite elegir entre distintas presentaciones y, dentro de ellas, distintos tipos de transición de diapositivas. La desventaja de estas herramientas es que incluyen necesariamente enlaces a las páginas de sus autores y publicidad sobre su producto, cosa que no ocurre , por ejemplo, con Dewplayer o el Diaporama 01 (addenda) y los presentados en las páginas 7 y 8 de este artículo.

[17] Por Mercedes González el 31.10.06/17:52 Enlace permanente   Responder 

Visitante

Aunque llego tarde como el transporte, ¡felicidades y gracias por este artículo!. Es mi primera experiencia con los diaporamas (y con todo lo demás) y he optado por Rock You. Me ha parecido muy fácil y de un resultado sorprendente, lo he insertado en mi blog y funciona a las mil maravillas.
Gracias de nuevo, te recomiendo siempre.

[18] Por Carlos el 25.12.06/20:08 Enlace permanente   Responder 

Visitante

Hola enhorabuena por tu espacio y gracias por la ayuda para muchas cosas que quiero hacer en mi blog.
Te escribo por si puedes solucionarme una dudita sobre swf en blogs: Partiendo de tus indicaciones y tras mucho trastear he conseguido escribir el siguiente script:

[19] Por miguel el 09.02.07/20:13 Enlace permanente   Responder 

Visitante

DUDAS SOBRE DIAPORAMA DEW
Antes de nada mis feliticitaciones por la cantidad de conocimientos que nos permites compartir.

Estoy intentando incluir este tipo de diaporama en mi página web, y mis dudas son las siguientes:

1º ¿Se pueden incluir diaporamas en páginas web o sólo en blogs?.
2º He intentado incluir el código que nos presentabas y, aparece en la página el marco, el número de imágenes ,y los cursores, pero las imágenes no. Las imágenes están en la misma carpeta que el archivo de la página y el archivo dewslider.
3º Puesto que uno de los posibles problemas es la ruta, podrías ofrecer algún ejemlo de código para acceder a imágenes mediante una ruta.

Gracias.

Ir arriba

Escribe un comentario

Nombre:
Web o mail:
Cookies: Recuerda mis datos

Poner/Quitar editor

Atenci&oacte;nEste comentario se publicará después de ser aprobado por la Administración del blog.
No se admitirán comentarios ofensivos ni mal escritos: éste es un blog educativo.

Corrige tu texto en una nueva ventana con Revisor.
Escribe bien las mayúsculas, la puntuación, las tildes y la ortografía.