Pues de esto se encarga Widget Browser, disponible en Adobe Labs. Vamos a dar un paseo por sus paneles.

Una vez descargado e instalado como cualquier otra aplicación AIR, lo primero que veremos será una ventana donde se cargan automáticamente todos los widgets disponibles en Adobe Exchange (necesitarás un AdobeID):

Panel principal de Widget Browser

Una vez seleccionado el widget que queramos, podremos añadirlo a “My widgets”, panel donde encontraremos todos los que hayamos seleccionado y que deseamos configurar:

Panel My Widgets

El panel de opciones es muy sencillo: Puedes mostrar/ocultar la barra superior de información o hailitar el panel para crear tus propios proyectos de widgets.

Panel de Opciones

¿Cómo personalizar los widgets? Sencillo: Seleccionamos uno del panel “My Widgets” y se nos abrirá una vista previa del mismo. A partir de aquí, el panel izquierdo mostrará presets que haya creado el desarollador y que pueden servir de muestra.Podemos seleccionar cualquiera de ellos como primer paso:

Panel de configuración del widget

La configuracióin puede ir más allá: Pulsando el botón “Configure” en la parte inferior izquierda del panel, se nos abrirán todas las opciones de personalización que el desarrollador haya añadido. En este widget, por ejemplo, se pueden ver cuatro apartados: General, Animation, Colors and Dimensions y Fonts:

Configurando el widget

Cuando hayamos realizado las modificaciones, podemos guardar nuestro preset desde la parte inferior derecha: Le asignamos un nombre, le damos una descripción (opcional) y pulsamos “Save Preset”:

Guardando nuestro preset

Ya tenemos nuestro widget personalizado. El siguiente paso es poder utilizarlo con Dreamweaver.

Además de haber sido un placer colaborar con Elder (como siempre), sólo podemos darle la enhorabuena por el excelente nivel y variedad de los talleres seleccionados.

Y por si alguno se ha quedado con ganas de más, Edgar Parada ha recolectado las cuentas de Twitter de los ponentes

El esfuerzo ha merecido la pena, enhorabuena!!

Ya están aquí. Ya llegaron.

Adobe presentaba esta mañana (la del 23) su nueva suite, la CS4. Algunos de estos nuevos programas ya los conocíamos por medio de sus Betas (Dreamweaver, FireWorks y SoundBoth), aunque como siempre, estas betas sufren algunos cambios de última hora que deparan en ocasiones más de una sorpresa y una amplia sonrisa.

Quizá (y después de algunos comentarios en la red) uno de los más esperados era Flash. Los vídeos colgados en su web dejarán a más de uno boquiabierto (y yo el primero). Desde que conozco flash (desde la versión 1) probablemente sea una de las versiones que más me haya sorprendido por lo espectacular del resultado, bien sea por su nueva forma de animar, su cinemática inversa, el pincel rotador o el editor de movimientos.

Dreamweaver por su parte cada vez es más serio, y cada vez son más lo que lo toman en serio. Esta nueva versión lo convierten en un verdadero IDE de desarrollo, ganando a otros en algunos aspectos como por ejemplo por su previsualización en tiempo real gracias al motor de WebKit (verdad, Andrés ?), el navegador de código o la posibilidad de ver en tiempo real los procesos generados por una llamada Ajax, e incluso el sistema de autocompletar para frameworks conocidos como JQuery, Prototype y como no Spry. Damos la bienvenida como no, y ya era hora a su integración con Subversión.

Con Photoshop siempre es bueno tener un sombrero a mano. Por lo menos para ponerselo y así poder sacárselo. Han mejorado las herramientas ya existentes (opciones de fusión, zoom, alineación, escalados, …) y otras herramientas que desde luego haran las delicias de muchos. La gestión de objetos 3D y la posibilidad de pintar encima de ellos, la herramienta de profundidad de campo, el rescalado basado en el contenido, y algunas cosas más que iremos viendo con el tiempo.

E illustrator, que aunque no lo he usado mucho (todavía duele lo de Freehand) , por fin trae soporte multipágina, aunque lo llamen “mesas de trabajo”. La transparencia en los degradados, el pincel de manchas, la previsualización de separaciones, y la edición directa en el panel apariencia, son algunas de las nuevas herramientas que nos vamos a poder encontrar en esta nueva versión.

Son desde luego muchas novedades las que nos trae el CS4. Ahora solo queda el poder probarlas “de verdad”.

[ Dreamweaver ] [ Flash ] [ Photoshop ] [ Illustrator ] [ Adobe ]

En el primero de ellos veréis una de las novedades de la versión 1.6 de Spry, incluida en DW CS4: La capacidad de extraer información incluso de elementos html (si, además de xml) que se encuentran en la misma página donde vamos a utilizarlo. ¿Que para qué sirve? ¿HIJAX?

El segundo video os mostrará algún truco para conseguir que nuestro documento con Spry sea no sólo accesible, sino estéticamente presentable cuando JavaScript se encuentra deshabilitado.

Y, finalmente, el tercer vídeo separará todo el JavaScript utilizado (incluidos los eventos) a un archivo externo y nos dejará un documento dinámico con el código tan limpio que ya quisieran para sí muchas páginas estáticas.

- Ver vídeo #1 (obtener datos con Spry)
- Ver vídeo #2 (páginas accesibles con JavaScript deshabilitado)
- Ver vídeo #3 (Separando JavaScript)

Os recomendamos para una correcta visión una resolución de monitor de 1280×1024 o superior.

Ver el video

Ejemplo: Tu librería AJAX modifica de forma dinámica el contenido de tu documento, así que realizar modificaciones en el código implica imaginarse el cómo será el html en un momento concreto (al cargar datos de un xml, al ejecutar un innerHTML, un rollover en JavaScript…).

¿Qué tal imaginar que pudieras ‘congelar’ la página en un momento concreto de su uso por parte del usuario y poder ver el código como si el tiempo se hubiera detenido?

Pues Dreamweaver CS4 es capaz de capturar ese momento y mostrarte el código que representa ese preciso instante como si fuera una página estática. ¡Impresionante!

Ver vídeo (recomendable una resolución igual o superior a 1280)

starluck casino screenshots
online casino coupons
casino rama package
used casino equipment
northern minnesota casino
manadalay bay casino
casino party decoration
casinos in tunica
casino mississippi philadelphia
harrahs joliet casino
casinoalgarve
casino event rama
casino elko nevada
blackhawk casino hotel
casino craps games
casino affiliate network
mandalay casino
casino slot internet
tucson az casino
riverboat casino cruises
casino gambling indiana
argosy casino name
internet casino
casino royale casino
casino empress indiana
winner casino
wyn casino
casino media group
arizona casino night
casino greektown job
trpicana casino
casino jobs london
casino slots free
beating the casino
casino niagra falls
casino rakes
casino careers
quinalt casino resort
casino windsor poker
casino israel
casino hammond trump
morongo casino restaurants
casino gaming palace
sun cruz casinos
casino chance lucky
casino kinder la
aero player casino
casino gambling sites
niagara falls casinos
jackpot nv casino
cedars casino
casino double eagle
bycicle casino
atlantic casino miami
best casino odds
casino blackjack strategy
casino head indian
blue chips casino
lucky charm casino
quinalt casino
casino cda
akwesasne casino
casino pay check
casino hodgepodge
tahoe casinos
brimley mi casino
supercasino1000 remove
casino online real
casino gambling market
morongo casino hotel
casino kokomo indiana
balleys hotel casino
hardrockcafe casino
california casino list
loleta casino
winstar casino concert
casino players magazine
sudbury downs casino
casino palm beach
michigan detroit casinos
casino games craps
casino+niagara
commerce casino california
ameristar casino council
casino offline
casinorama hotel
casino echeck igm
casino cherokee nc
casino theme invitations
casino game cashman
cancun casinos
casino established online
borgatta hotel casino
hollywood casino la
bet365 casino uk
mississippi casinos biloxi
top ten casinos
casino cruise miami

Su variado abanico de opciones te brinda la posibilidad además, de configurar opciones avanzadas que permitan personalizar totalmente el archivo ejecutable: título, fecha de caducidad, ventana de presentación, icono, versión del archivo, opciones del botón derecho del ratón y otros detalles. Además puede instalar automáticamente Flash OCX si el sistema no dispone de él.

El programa cuenta con una intuitiva interfaz con soporte para drag-and-drop que te permite previsualizar el archivo SWF en todo momento, e incluye un completo sistema de ayuda.

Interfaz
La interfaz de usuario de Eltima SWF&FLV Toolbox es una interfaz intuitiva, de fácil manejo dividida en tres secciones o áreas de trabajo.

A la izquierda se sitúa la ventana de exploración donde podremos acceder a las diferentes carpetas de nuestro sistema, y en la parte inferior los diferentes archivos ubicados en la carpeta que seleccionemos en la parte superior.

En la parte superior central podemos encontrar la lista de tareas, separando el fichero a tratar y la acción que se va a ejecutar sobre dicho fichero, y a su derecha un monitor para poder visualizar en todo momento una vista previa del fichero a tratar, con la información específica del fichero, a saber, nombre de la película, tamaño, fotogramas, versión y el modo de empaquetamiento del fichero.

La tercera sección de la interfaz de usuario del programa nos muestra una serie de pestañas en las que iremos eligiendo las diferentes tareas o acciones que queramos aplicar al fichero seleccionado; estas pestañas con sus respectivas acciones las iremos revisando minuciosamente a continuación.

Pestaña ?Video?

En esta pestaña se encuentran las tareas en las que podremos convertir de forma directa una animación SWF a un fichero en modo vídeo, fotograma a fotograma. El resultado de esta conversión nos dará lugar una película de vídeo con el mismo número de fotogramas que el fichero swf original. Esta conversión es ideal a la hora de transformar animaciones lineales a vídeo, para luego integrarlas en ediciones de vídeo mediante un editor de vídeo tradicional del tipo Adobe Premiere. Eltima SWF&FLV Toolbox ofrece la posibilidad conversión de ficheros SWF a archivos en formato AVI de vídeo que utilicen cualquier codec instalado en el sistema. Es importante notar que el usuario que verá el fichero generado necesitará del mismo codec instalado en su sistema.

En la pestaña de configuración podremos elegir el codec de vídeo en el que el fichero de salida vendrá codificado, de entre los codec de compresión instalados en la máquina donde se ejecuta la aplicación. Podremos seleccionar también la calidad de vídeo final y el intervalo entre fotogramas claves, para la posterior edición.

Desde la misma pestaña podremos añadir un sonido en formato MP3 que acompañe al vídeo generado pudiendo elegir el bitrate o ratio de compresión del audio, y si lo deseamos en mono o estéreo.

Eltima SWF&FLV Toolbox tiene la posibilidad de crear vídeo desde un swf interactivo, teniendo la opción de capturar el movimiento del cursor del ratón. Esta opción es ideal para crear vídeos a parir de demostraciones interactivas.

En las pruebas que hemos efectuado, hemos conseguido convertir ficheros swf realizados con Flash en ficheros de vídeo AVI, codificados con el codec Microsoft Video 1. Estos ficheros utilizaban como fondo un color magenta que posteriormente, en un editor de vídeo hemos usado como ?chroma key? con otro vídeo en una línea de tiempo inferior. El resultado, no ha podido satisfacernos más, un vídeo con rótulos muy llamativos.

Pestaña ?Advanced Projector?

Dividida en cuatro subpestañas, a saber: ?Exe properties?, ?Launching properties?, ?interaction properties? y ?Advanced properties?, esta pestaña nos da la posibilidad de personalizar un proyector ejecutable a partir de una animación swf. Esta característica de la aplicación nos permite generar proyectores autoejecutables que nos permitirán distribuir nuestra aplicación sin necesidad de que en el ordenador donde se ejecute esté instalado el Adobe Flash Player; con lo que podremos distribuir aplicaciones autónomas independientes.

En la pestaña ?Exe properties? podremos añadir información de copyright de la aplicación, personalizar un icono o un cursor de ratón entre otras cosas. En la pestaña ?Launching properties? podremos configurar que aparezca un icono en la barra de sistema y comprobar si el cliente tiene instalado el OCX de flash player. Podremos configurar las opciones posibles en el menú contextual del botón derecho del mouse y algunas otras opciones de reproducción como iniciar la reproducción conforme el fichero sea ejecutado o que la película sea un bucle, en la pestaña ?Interaction properties?; y establecer una fecha de caducidad de nuestra aplicación o personalizar las opciones de la ventana en la que se ejecuta en la pestaña ?Advanced Properties?.

En definitiva, esta opción, una de las más importantes de Eltima SWF&FLV Toolbox, nos permitirá empaquetar nuestro fichero swf en una aplicación independiente que se ejecute del modo y forma que nosotros deseemos. El programa ofrece prácticamente el control absoluto del archivo ejecutable final y nos deja ajustar muchas características del archivo EXE final comenzando por la ventana del player y su posición exacta en pantalla y otras funcionalidades muy útiles.

Al igual que la posibilidad que trae algún otro software como MdM Zinc, de personalizar completamente la apariencia de la ventana, si combinamos Eltima SWF&FLV Toolbox con nuestra creatividad, podremos generar aplicaciones de un alto nivel creativo a la hora de su presentación en pantalla.

Pestaña ?Projector?

La conversión de un fichero SWF a un Proyector ejecutable sencillo es mucho más simple que la de Proyector Avanzado y por ello en esta pestaña no son necesarios ningunos ajustes adicionales. Por consiguiente, el mismo archivo SWF convertido a ejecutable con esta opción será más pequeño que el resultante de la conversión a archivo de Proyector Avanzado, pero carece de la flexibilidad que este último nos da para personalizar las opciones de interactividad y de la ventana del proyector.

Pestaña ?FLV to SWF?

En la actualidad existen pocas aplicaciones del tipo ?player? que permitan visualizar archivos de Flash Video (Formato FLV) de forma independiente de aplicaciones de Flash. Por ello Eltima SWF&FLV Toolbox incluye la posibilidad de convertir vídeos de formato original en FLV a ficheros SWF de Flash que pueden ser reproducidos con el player de Flash o en cualquier navegador de internet. Nos da la posibilidad esta opción, de añadir controles para la reproducción del vídeo, controlar la opacidad de los mismos, y otras opciones muy útiles como son la compresión del fichero swf resultante, la protección del mismo, silenciar el sonido, convertir la reproducción en un bucle e iniciar el player de flash automáticamente tras su ejecución.

Pestaña ?Screensaver?

La pestaña ?Screensaver? nos permite convertir cualquier archivo EXE (proyector de flash) SWF o FLV en un fichero salvapantallas, de extensión SCR, que podremos utilizar o distribuir como salvapantallas; y que podremos probar desde las opciones de pantalla de nuestro sistema operativo. Eltima SWF&FLV Toolbox ofrece opciones adicionales para personificar el salvapantallas como por ejemplo, añadir nuestro propio título o añadir la dirección de correo electrónico o nuestra página web; botones, etc.
Pestaña ?Projector to SWF?

Dentro de las opciones de decompilacíon de Eltima SWF&FLV Toolbox, encontramos esta opción que nos permite convertir ficheros proyectores ejecutables generados desde Flash Player a ficheros SWF (archivos de flash que no contienen el reproductor de flash independiente), una opción que en determinados casos nos puede resultar muy útil. Esta opción no tiene ajustes adicionales.

Pestaña ?Image series?

De entre las opciones más útiles de Eltima SWF&FLV Toolbox está la posibilidad de convertir cualquier fichero SWF o FLV a una sucesión de ficheros JPG, GIF o BMP, pudiendo en todo momento, configurar la calidad de los archivos resultantes. Los nombres de archivo resultantes serán generados de forma automática añadiendo el número de fotograma como sufijo al nombre de la imagen.

Pestaña ?Animated Image?

Esta opción permite la conversión de archivos SWF/FLV/EXE; en un archivo de GIF animado fotograma a fotograma que podría ser usado como una alternativa de la animación flash. Desde esta pestaña podremos ajustar la calidad de imagen (paletas), la pérdida, opacidad y número de fotogramas por segundo que incidirán directamente en el tamaño del fichero final GIF.

Es importante observar en esta opción, que podremos omitir las áreas transparentes de nuestra animación swf original, utilizar la misma paleta para todos los fotogramas o combinar todas las capas de nuestro SWF original, todo ello dando como resultado un fichero gif final con menor tamaño, menos pesado, y por lo tanto, más fácil de reproducir.

Pestaña ?Unprotect?

Esta opción nos permite quitar la etiqueta de protección de cualquier archivo SWF. La etiqueta de protección nos impide que podamos importar películas SWF a modo de movieclips a nuestras aplicaciones Flash. Gracias a Eltima SWF&FLV Toolbox podremos deshacernos de esta protección y recuperar nuestros archivos SWF que antes estaban protegidos.

Pestaña ?Compress?

La pestaña de compresión ofrece una opción para reducir aún más el tamaño del archivo SWF. Para ello contamos con la utilización de la compresión sin pérdidas Zlib que nos permite reducir de forma considerable el tamaño final de la mayoría de los swf que tratemos con ella. Esto nos permite generar ficheros SWF mucho más livianos en nuestras páginas web. Los ficheros resultantes solo podrán ser reproducidos con las últimas versiones de Adobe Flash Player, ya que esta característica es una opción incluída en los últimos reproductores; o bien podremos forzar la descompresión, y así conservar la compatibilidad con versiones de Flash Player anteriores a la 6.

Idioma

Eltima SWF&FLV Toolbox viene por defecto con la posibilidad de establecer como idioma predeterminado, 9 lenguajes diferentes, y también la posibilidad de agregar nuevos idiomas mediante una aplicación que nos permite introducir los términos de cada comando u opción en el idioma que prefiramos. Una útil opción para personalizar aún más si cabe la interfaz de usuario del programa.

Conclusión

Eltima SWF&FLV Toolbox es un software versátil y de gran utilidad a la hora de trabajar con ficheros SWF y FLV, tanto si no disponemos de los ficheros fuente en fla de nuestros originales, para recuperar información, o simplemente para realizar conversiones y otras utilidades de apoyo que Flash no trae directamente, y que nos pueden servir de gran utilidad. Una herramienta que podremos obtener por un precio muy asequible, y que gracias a ser Partner del DWUG, podremos obtener con un importante descuento. La web original del producto es http://www.eltima.com/products/swf-tools/ donde además de poder descargar una demo funcional del producto, podremos encontrar muchas otras utilidades y productos que nos puede servir de gran ayuda.

Descarga este Artí­culo en Formato PDF (476 KB)

Como bien dicen los autores en su prólogo, la palabra ‘diseño’ aparece rodeada en nuestra sociedad de múltiples significados y connotaciones muy diversas. Yo añadiría que, en el entorno web, también tiene una connotación negativa (el diseñador web pocas veces ha sido bien visto).

Este libro puede ser una buena guía para aquellos ·que sienten cierta inquietud por el diseño orientado a internet: ¿Qué debemos tener en cuenta y con qué herramientas contamos?

Los autores realizan un extenso paseo por aquellos temas que son inherentes al diseño en general: los conceptos y principios básicos son siempre los mismos, pero hay que tener en cuenta el medio (que en ese entorno, por sus especiales circunstancias, es casi el fin).

El libro no es ni un manual ni un libro de consultra rápida: Es un compendio de todos los aspectos básicos del diseño con el punto de mira puesto en internet: aspectos como el color, la tipografía, la composición, la usabilidad, sus efectos psicológicos… son explicados de forma teórica para luego ver su expresión técnica.

¿Qué herramienta han utilizado los autores para explicar de forma práctica todo el bloque teórico? Simplemente se han inclinado por la más conocida y la que más posibilidades ofrece: Adobe/Macromedia Flash (por temas de calendario, el libro aún utiliza el nombre ‘antiguo’).

En este sentido, hay que reconocer uno de los puntos más fuertes del libro: El CD de acompañamiento: Ha sido una pena que utilice los archivos swf en estado puero y no incluya una mini-aplicación para lanzarlos, pero hay que reconocer que los tutoriales interactivos son todo un acierto: Personalmente, el 95% de los CD’s incluidos con los libros son absolutamente prescindibles (y sólo sirven para encarecer el producto) pero este caso es distinto: Se han incluido decenas de películas interactivas que explican los pasos para obtener los ressultados explicados en el libro al utilizar Flash: Es un excelente ejemplo de uso del papel para explicar la teoría y del aprendizaje interactvio que ofrece un ordenador para la práctica. Que tomen nota los detractores de uno y otro medio (y de aquellos autores que quieren insertar un CD en el libro y al final sólo sirve para incrementar el precio y almacenar versiones de prueba que son descargables por internet en unos minutos)

Si tienes inquietudes sobre los conceptos esenciales del diseño en general, el libro te será de utilidad. Si ya te encuentras en ese mundo, pero quieres saber cómo aplicarlos a la web, también te será de utilidad. Una lectura, en definitiva, entretenida y plagada de ejemplos visuales. Y si eres de aquellos que ves todos los días diseños horribles, aprenderás los errores cometidos por el autor.

Ficha técnica:
Título: ‘Diseño gráfico de contenidos para internet’
Autores: Ramón Rubio García;Jsvier Suarez Quirós; Santiago Martín González; Ramón Gallego Santos; Samuel Morán Fernanz.
Editorial: Pearson Educación, S.A. Madrid 2006
ISBN 10: 84-8322-301-5
ISBN 13: 978-84-8322-301-5
Formato: 170×240 mm
Páginas: 216
Precio aprox: ?28.00

Nota importante: Los usuarios de dwug.es y los asistentes a la presentación del libro el próximo día 12 de Enero de 2007 a cargo de Ramón Rubio García, uno de los coautores, en el Cibercentro ‘La Lila’(Oviedo) podrán beneficiarse de un descuento en su compra de un 12% (superior al de cualquier otra oferta oficial). Durante la charla de presentación podrás consultar los detalles de esta oferta.