en un post anterior, se mostró el funcionamiento y la creación de un sencillo botón en Action Script 3.0, en este post incluimos un video tutorial en el que nos inspiramos para hacer el post.
Video tutorial de creación de botones.
Además el manejo de las acciones en actionscript 3, permite obtener datos de las acciones y programar comportamientos mas dinámicos tal y como se muestra en este post
codename “cocomo” es un plataforma acompañada de un SDK que permite a los desarrollores de flex agregar capacidades en tiempo real a sus aplicaciones ya maneja la parte social permite construir juegos para multiples jugadores o aplicaciones sociales.
los siguientes módulos que contiene son:
- Voz VOIP
- VideoCam
- Chat
- Tableros multiusuario
- Compartir archivos
- Controles de rol y permiso
- Mensajes de datos
El SDK esta disponible dentro del siguiente link cocomo si usted es usuario de adobe puede ingresar con el mismo usuario y clave asignado en adobe
Conocido bajo el nombre clave “Gumbo” es una de las proximas versiones de adobe flex , donde traen nuevas cosas sobre este framework.
Se creo un nuevo namespace MXML 2009 donde cambiaran los estados e igualmente nuevos lenguajes de tags se han incluido. También tiene compatibilidad con las nuevas funciones del flash 10.
Igualmente se creara un nuevo formato de archivo FXG ,para la creación te intercambio de gráficos similares además permitirá una integración con thermo y flash.
Sus temas principales serán:
- Ofrecer un framework donde puedan interaccionar diseñador - desarrollador.
- Mejorar el rendimiento del compilador y agregar productividad al lenguaje en manejo de datos.
- Aprovechar las capacidades del flash player 10 para el desarrollo de este nuevo framework.
Para Más información
Para instalarlo:
Bueno, el muy esperado dreamweaver CS4, sigue en fase beta, sin embargo hemos accedido a alguna información que gustosos compartiremos con todos ustedes, a continuación la lista de nuevas características:
Integración con CS4.
Un nuevo look and feel hace que Dreamweaver esté mas acorde con la interfaz gráfica de la creative suite de adobe.
nueva interfaz de usuario de Dreamweaver
Smart Objects
Otra de las características de esta integración es el uso de Smart Objects, donde básicamente se tiene un objeto gráfico en dreamweaver, se puede editar completamente en photoshop y luego volver a ser cargado de forma semiautomática en dreamweaver.
para mas info y un video tutorial pueden visitar el sitio web de Layers, un magazín acerca de las herramientas de adobe.
Herramientas para el desarrollador.
Como se mencionó en los comentarios del un post pasado, dreamweaver se ha enfocado en ser un IDE para desarrolladores web, mas que un simple editor de html por es soporta nuevas características para los desarrolladores, tales como:
Sugerencias de código para frameworks Javascript y ajax
En DW 4 es posible crear código mucho más rápido gracias a la inclusión de diversos frameworks tales como jquery, spry o Prototype.
Navegador de código y archivos reelacionados.
Con hacer clicl en cualquiera de los archivos incluidos mostrados en la barra de de archivos relacionados es posible ver el código fuente del archivo y la presentación en vista de diseño. la nueva característica de navegador de códigomuestra el código CSS que afecta la selección actual y permite acceder a él de forma fácil.
Arhivos editables, por el usuario final Mediante Adobe InContext.
inContext es un servicio en línea puesto por adobe para que los usuarios finales puedan editar directamente sus sitios. Dreamweaver permite al desarrollador crear regiones editables en InContext.
Mejores prácticas con CSS.
A veces es dificil escribir un buen documento CSS, sin embargo Dreamweaver permite realizar ese proceso sin necesidad de escribir mucho código, sólo se deben crear las reglas de CSS en el panel de propiedades y organizar como deben ajustarse cada propiedad a los estilos.
Soporte a creación de contenido AIR.
En esta versión de Dreamweaver es posible crear aplicaciones AIR basadas en HTML y javascript. Incluso se puede previsualizar la aplicación sin dejar dreamweaver.
Soporte a Subversión®.
Subversión es un software de código abierto que permite hacer control de versiones, La integración de dreamweaver con subversión permite una rica experiencia de revisión de código.
Juegos de datos HTML.
Como parte del soporte a Spry, Dreamweaver permite que contenidos dentro de una simple tabla HTML, puedan ser manipulados como un conjunto de datos dinámicos.
por último les dejo un enlace para descargar la versión beta de CS4.
http://www.comsitek.com/DreamweaverCS4Beta.rar
Adobe Flash Player 10 ya esta disponible y puede ser descargado para cualquier plataforma. Con esta versión de adobe flash player 10 las mejoras son destacables ya que se puede dar mayor soporte animaciones 3D, creación y manipulación de textos, entre otras.
Ya puedes descargarlo del sitio de adobe e informarte más sobre él. Abode Flash Player
Al programar en actionscript 3 hay que tener en cuenta que que las instancias de moviclip y botones no se les podrá agregar acciones mediante los métodos onPress() u onRelease() . Estos métodos dejaron de existir y pasaron a convertirse en eventos que deben ser manipulados mediante listeners.
Mediante este pequeño ejemplo veremos como incorporar una acción de un botón:
Primero se añade un nuevo botón en el escenario, existen varias formas para esto:
entre otros, si desean otras formas para hacer esto pueden verlo en el tutorial integrado en la ayuda de flash.
como segundo paso, nombre la instancia del botón que está presente en el escenario, para el ejemplo usamos la palabra boton (las etiquetas en flash no usan tildes, ni eñes, ni espacios, de hceho están reguladas por las mismas normas para el nombrado de las variables, para mas información mira la documentación de flash)
TIP
El autocompletar de flash puede interpretar el tipo de variable a manejar de acuerdo a las primeras letras del nombre de variable, por eso se recomienda usar los prefijos bot_ para las instancias de botones y mc_ para las instancias de movie clips.
Tu escenario debe parecerse a lo que se muestra en la imagen:
como tercer punto, abre el panel de acciones en el keyframe donde está tu botón (luego se explicará algo de buenas prácticas de localización de código) y añade el código a continuación:
/*se adiciona un listener de eventos que sera disparado cada vez que se hace click en el boton*/
boton.addEventListener(MouseEvent.CLICK,mostrar);
/*
funcion mostrar: muestra en consola un texto cada vez que ocurre un evento del mouse
parametros: event, es un MouseEvent;
para mas informacion sobre MouseEvent ver:
retorna: nada
*/
function mostrar(event:MouseEvent){
trace(”Presionar”);
}
//fin de programa
Ahora prueba tu película y cada vez que presiones el botón que creaste debe aparecer un mensaje en la consola.
Desde hace ya varios días viene circulando la más reciente versión de flash, y viene cargada de una serie de novedades, como se pronunciaron en el lanzamiento, van a ser ahorradoras de tiempo. veamos algunas de ellas.
Nuevo modelo de motion Twen.
El nuevo modelo de motion tween de flash elimina la necesidad de crear manualmente varios keyframes de forma previa a la creación de la interpolación. Esto ahorra mucho tiempo, solo es necesario editar el objeto en el tiempo (es decir, en el punto de la linea de tiempo) que se desea modificar y Adobe Flash automáticamente crea los keyframes necesarios.
En adición a esto viene la animación basada en objetos, cuando se crea una animación con interpolación de movimiento, Adobe Flash crea una línea guía de movimiento, la cual puede ser editada usando la herramienta Beizer, un verdadero salvatiempo para aquellos que usan paths para ajustar movimientos algo complejos (por ejemplo, los que hayan hecho el tutorial del vuelo de la abeja en Macromedia Flash 4, 5 y MX o quienes infructuosamente han intentado representar el rebote de una pelota).
Además esta nueva versión incluye algunos movimientos prediseñados, una ayuda vital para los animadores.
Animación cinemática inversa con huesos
Esta característica es de forma personal una de la propiedades más llamativas de la versión CS4, si muchos tuvieron que padecer con la forma de hacer caminar un dibujo por el stage, realmente van a valorar esta herramienta.
Los huesos son una herramienta de animación que lleva varios años en el mundo de la animación 3d y consiste en la creación de una estructura que sirve de patrón al movimiento (de forma análoga a como lo hace el esqueleto de los vertebrados) además la cinemática inversa consiste en encontrar la postura que deben adoptar las diferentes articulaciones para que el final del sistema articulado llegue a una posición concreta.
Pueden observar mejor esta nueva característica con un pequeño video:
Animación en 3D.
No es que Flash CS4 le haya decretado el final a Rhino, 3dMax, Maya o Blender, de una vez pongámoslo en claro: flash no permite modelar en 3d (aún) pero ahora es posible añadir efectos de animación 3D a los objetos en flash, como lo muestra este video:
Otras características novedosas de esta vesión de flash es el soporte a H.264,el uso de metadatos en los Swf y el modelado procedural (una nueva característica que permite utilizar movie clips como trazos del spray).
para mayor información sobre estas nuevas características de flash CS4 pueden visitar el Sitio oficial de ADOBE
Navegando por internet, me encontré con este sitio: openspace , es un sitio realizado en AS3 un pequeño demo de esto lo pueden ver en este link http://showcase.smartfoxserver.com/openspace1/. El desplazamiento es realizado por el mouse , existen muchas cosas que valen la pena que se vea , ya que es un tipo de desarrollo que ha dado de mucho esfuerzo e igualmente mucha dedicación. Bien por ellos!!
Comparto esta aplicación flex que se realizó comunicando por un httpService un archivo xml y con un datagrid logre que interactuaran los datos dentro de un xml y a la vez leyendo el tag de link dentro del xml y colocando un linkbutton para hacer un requestURL para abrir la nota en detalle.
Aqui les presento el código fuente :
Aqui dejo para descargar este pequeño Taller Flex
Adobe Flex se creó para realizar aplicaciones ricas en Internet que se pudieran interrelacionar de manera dinámica de una forma atractiva. Actualmente se encuentra en la versión 3.1. Está más orientado a desarrolladores y hace posible que aquellas aplicaciones desarrolladas en FLEX puedan funcionar como aplicaciones de escritorio gracias a adobe AIR (Adobe Integrated Runtime).
Flex utiliza un plugin de flash (SWF) que permite que funcione en cualquier navegador, igualmente es posible originar aplicaciones escritorio que funcionen en windows, linux o MAC.
Con flex se pueden manejar interfaces ricas y espectaculares en manejo de servicios de datos utilizando la arquitectura cliente y servidor , elementos multimédia, gráficos y lo mejor, se puede integrar con otros sistemas como java, .NET, php, ajax, etc.
El lenguaje que maneja flex es MXML , basado en etiquetas (tags) de XML y muy fácil de aprender y de asociar con actionscript. De hecho permite integrar tanto actionscript, como manejo de CSS para personalizar el estilo de nuestros componentes. Todo esto relacionado con el concepto de Web 2.0.
Uno de los más importantes capacidades de flex son los data services (servicio de mensajeria, servicio de administración de datos, servicios RPC) , los que permiten desarrollar aplicaciones empresariales, donde se necesita un alto rendimiento. Después dedicaremos un artículo dedicado completamente a los tipos de aplicaciones que podrían desarrollarse.
Adobe proveé un IDE para el desarrollo de aplicaciones Flex, llamado flex Builder, el cual tiene un costo de licenciamiento, sin embargo es gratuito para fines educativos.
Actualmente cualquier desarrollador puede descargar el SDK de manera gratuita, del sitio de Adobe.
Para aquellas personas que trabajen con eclipse pueden implementar el plugin para flex.
Para esto se necesita
Para los que trabajan con software opensource adobe igualmente dispone de este sitio http://opensource.adobe.com/ donde se encuentra el SDK de Flex e incluye proyectos hechos por desarrolladores.
Estructura de directorios de un proyecto desarrollado en Flex Builder.
Cuando se crea un proyecto en flex Builder automáticamente se crea una estructura de directorios, tal como se muestra en la imágen:
Esta aplicación consiste de un directorio de aplicación que contiene diferente tipos de archivos que requieren para compilar y correr la aplicación, estos son:
.settings: Contiene las configuraciones para el proyecto flex builder
bin-debug: contiene el debug swf y el de los archivos necesarios para la depuración
html-template: contiene los archivos a usar específicamente para la detección del player
src: son las fuentes de los archivos mxml
libs: Librería que desee implementar para la aplicación.
Aquí se muestra una aplicación que será un gran reto para nosotros, pero que haremos en el transcurso de los próximos artículos.
