JSProxy: javascript desde actionscript
Una forma sencilla de gestionar todo el javascript que podamos necesitar en una aplicación flash/flex utilizando exclusivamente actionscript.
Un ejemplo (con Flash):
-
import com.joangarnet.js.JavaScript;
-
import flash.events.Event;
-
-
var flashAppId:String = 'JSProxyFlash';// movie id in the html host
-
test1();
-
test2();
-
function test1():void{
-
// some javascript to inject in the DOM
-
var js1:XML =
-
<script type="text/javascript">
-
<![CDATA[
-
function sayHello(){
-
alert( "hello" );
-
}
-
Utils = {
-
getURL:function(){
-
return window.location.href.toString();
-
}
-
}
-
var z = 10;
-
var a = {
-
b:{
-
c:{
-
prop1:"hola 1",
-
prop2:"--"
-
}
-
}
-
};
-
]]>
-
</script>;
-
var javascript1:JavaScript = new JavaScript(flashAppId);
-
javascript1.addEventListener(Event.COMPLETE,javascript1Complete);
-
javascript1.js = js1.toString();
-
}
-
// the javascript is ready to use from now on
-
function javascript1Complete(event:Event):void{
-
var javascript1:JavaScript = event.target as JavaScript;
-
trace( javascript1.getScope("Utils").getURL() );
-
javascript1.getScope(JavaScript.WINDOW).sayHello();
-
trace( javascript1.getScope(JavaScript.WINDOW).z );
-
trace( javascript1.getScope("a.b.c").prop1 );
-
javascript1.getScope("a.b.c").prop2 = "hola 2";
-
trace( javascript1.getScope("a.b.c").prop2 );
-
}
-
// let's try to load an external library
-
function test2():void{
-
var javascript2:JavaScript = new JavaScript
-
(
-
flashAppId,
-
"http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"
-
);
-
javascript2.addEventListener(Event.COMPLETE,javascript2Complete);
-
}
-
// the library is loaded and ready to be used
-
function javascript2Complete(event:Event):void{
-
var javascript2:JavaScript = event.target as JavaScript;
-
trace( javascript2.getScope("jQuery.browser").version );
-
}
Se puede ver se puede trabajar de dos formas: inyectar javascript o cargar archivos .js externos en tiempo de ejecución.
Una vez se han inyectado/pedido dichos scripts y el javascript engine del navegador los ha interpretado disponemos de un callback que nos avisa de que ya podemos trabajar con ellos.
Firefox 3
Por si no te has enterado ya el día 17 se intentará batir un récord absurdo de "el software con más descargas durante 24 horas" con la salida de Firefox 3. Hay una página con la geolocalización de los inscritos y un formulario por si quieres inscribirte.
Menuda chorrada... pero yo me he inscrito y lo descargaré de todos modos!! :p
Cambio de servidor
Estos últimos días he tenido problemas serios con mi servidor, concretamente ha petado… he tenido que mover a todos mis clientes, incluído yo mismo, y toda su información a otro proveedor.
Parece que todo ha vuelto a la normalidad y que este blog está intacto después de la migración, pero si alguien ve alguna cosa rara agradecería que me lo notificara.
Gracias!
Talleres Verano SBF[08]
Ya estamos otra vez con el verano llamando a la puerta, en apenas un mes estaremos disfrutando de unas merecidas vacaciones. O como mínimo estaremos compartiendo buenos momentos con la gente que las esté disfrutando... la cuestión es que de algún modo el buen ambiente se contagia y el calor pasa a segundo plano...
Con el verano llegan las cosas típicamente veraniegas como los bañadores, las cremas protectoras, las noches largas y, como no, los talleres de verano subflash!
Este año se celebra la sexta edición de este familiar y entrañable festival del desarrollo Flash (realmente del desarrollo web en general).
En estas seis ediciones han pasado una gran cantidad de personajes de distintas partes de la geografía peninsular y algunos incluso de mucho más lejos... todos ellos con sus peculiaridades, sus personalidades y sus historias...
Y es que lo bueno de este evento es que, además de aprender acerca de las últimas tecnologías de boca de las personas que deciden la dirección que toman las mismas conoces a gente con inquietudes y sensibilidades muy afines a las tuyas.
En el fondo a la mayoría, por no decir todos los que asistimos, lo que nos mueve es la pasión por el desarrollo, así que tener la oportunidad de pasar tres días en un ambiente 100% enfocado a ello (y a todo lo que le envuelve) es como poco un gran placer 
Seis años dan para mucho... la gente ha ido rotando. Unos vienen, otros se van, otros vuelven y así sucesivamente. El resultado final es una familia que cada año es mayor. Las conexiones cada vez son más numerosas y también lo son las posibilidades de colaboración. Este evento es una oportunidad para el disfrute, pero sin duda también para el negocio. Para nosotros ambas cosas son compatibles. Pero que suerte tenemos!
Para los que quieran ver un pedazo de lo que se vive en estos tres días aquí dejo un PEDAZO de montaje que Toni y Astrid tuvieron el gran detalle de regalarnos a todos los que asistimos en la edición del 2005 ( qué melancolía... ):
http://www.subflash.com/talleres/2005/video/videoTalleres.html
Por cierto, este año nos vemos! ya hablaré más adelante en otro post de la ponencia/taller que voy a dar: "Del 2 al 3 en 45".
Aquí dejo algunos enlaces de interés:
* Foro talleres verano 2008 * Microsite talleres 2008
Nueva cara
Por fin he decidido darle un cambio a la cara del blog. Desde que empecé este blog a finales del 2004 he mantenido el mismo estilo en dos sistemas de blog distintos.
Ahora continúo con Wordpress pero he actualizado a la última versión y he aprovechado para modificar el tema.
Todavía no he acabado las mudanzas... espero tenerlo todo listo para la semana que viene. Por el momento si alguien ve alguna cosa rara que me avise por favor.
Gracias!
Utilizando namespaces
¿Qué es?
Un namespace (espacio de nombres) es un contenedor abstracto que nos permite controlar la visibilidad de propiedades y métodos. Es algo parecido al concepto de package.
Por defecto disponemos de cuatro namespaces: private, protected, public e internal. Estos espacios de nombre tiene un comportamiento especial que permite restringir el acceso a miembros teniendo en cuenta una serie de reglas con respecto a la herencia o al package al que pertenecen.
Aparte de éstos cuatro nosotros podemos definir nuestros propios namespaces.
Un ejemplo
Definimos un namespace:
-
package com.joangarnet.namespaces{
-
public namespace jg_internal = "http://www.joangarnet.com/namespaces/jg_internal";
-
}
Aplicamos el namespace a un miembro de una clase:
-
package com.joangarnet.controls{
-
public class Window{
-
import com.joangarnet.namespaces.jg_internal;
-
private var propiedad:String = "No soy accesible";
-
jg_internal var propiedad:String = "Si soy accesible";
-
}
-
}
Vemos que tenemos dos propiedades "propiedad" con el mismo identificador, lo cual puede parecer erróneo. Lo que sucede al compilar es que al tener visibilidades diferentes, estan en espacios de nombres diferentes, los identificadores no colisionan.
Yo personalmente he utilizado raramente esta característica del lenguaje, pero se me ocurren algunas [pseudo]situaciones interesantes dónde puede ser útil:
Miembros pseudo privados
Hace un par de posts me quejaba del hecho que, en algún caso puntual algunas clases del SDK de Flex lo ponían dificil a la hora de proporcionar extendibilidad. La causa de ésto era la definición de miembros privados en algunas clases que entorpecían y, alguna vez incluso imposibilitaban el poder extenderlas. En un par de ocasiones he tenido que recurrir a una técnica llamada monkey patching para poder extender una clase determinada.
Una posible forma de eviar esto pasaría por definir un espacio de nombres semánticamente parecido a private (¿os suena mx_internal?) que nos permitiera extender los miembros de la clase de forma responsable, siendo conscientes de que estamos utilizando un namespace especial y que tenemos que andar con especial ojo en lo que hacemos.
Pseudo sobrecarga de métodos
El hecho que podamos definir un mismo método en diferentes espacios de nombres dentro de una misma clase nos hace recordar a la sobrecarga de métodos disponible en otros lenguajes como Java. Se puede obtener una funcionalidad parecida utilizando namespaces:
-
<?xml version="1.0" encoding="utf-8"?>
-
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="inicio()">
-
<mx:Script>
-
<![CDATA[
-
namespace air;
-
namespace flex;
-
private var runtime:Namespace;
-
private function inicio():void{
-
if( Capabilities.playerType == "Desktop" ) {
-
runtime = air;
-
}else{
-
runtime = flex
-
}
-
runtime::guardar();
-
}
-
-
air function guardar():void {
-
trace( "Guardar en filesystem" )
-
}
-
-
flex function guardar():void {
-
trace( "Guardar en el server" )
-
}
-
]]>
-
</mx:Script>
-
</mx:Application>
Esto ejecutado en un navegador y ejecutado en una aplicación AIR muestra dos resultados diferentes.
Ejecución pseudo condicional
La compilación condicional disponible en Flex Builder es una funcionalidad muy útil (de la que hablaré en un futuro post en madeinflex) que permite definir bloques que se ejecutan dependiendo si se ha asignado un valor determinado desde los parámetros de compilación. Esto permite por ejemplo tener rutinas de debug que solo se compilan durante el desarrollo y que en el momento de salir a producción con un simple cambio en un valor desaparecen por completo.
Con namespaces y siguiendo exactamente el mismo sistema que en el ejemplo anterior podemos hacer algo parecido como se ve en el siguiente ejemplo:
-
<?xml version="1.0" encoding="utf-8"?>
-
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="inicio()">
-
<mx:Script>
-
<![CDATA[
-
namespace desarrollo;
-
namespace produccion;
-
-
public static var entorno:Namespace;
-
-
private function inicio():void{
-
entorno = produccion;
-
entorno::guardar();
-
}
-
-
desarrollo function guardar():void {
-
trace( "Estoy en desarrollo" )
-
}
-
-
produccion function guardar():void {
-
trace( "Estoy en producción" )
-
}
-
]]>
-
</mx:Script>
-
</mx:Application>
Enlaces relacionados
* namespace * Namespace
Flash Player 10 Astro
Esta major release del flash player no es comparable a la 9 porque no lleva una nueva máquina virtual, pero la verdad es que si hay un segundo puesto éste es para Flash Player 10 codename Astro! Además esta release lleva claramente la firma de la comunidad por la influencia que ésta ha tenido en la dirección que algunas de las novedades han tomado!
No voy a explicar mis experiencias porque me acabo de enterar y no he experimentado nada pero las nuevas funcionalidades hablan por si solas.. las pongo por órden de interés según mi criterio.
Dynamic Sound Generation
Posibilidad de generar sonido dinámicamente a través de nuevas APIs de la clase Sound.
(sacado de kaourantin.net)
-
var sound:Sound = new Sound();
-
function sineWavGenerator(event:SamplesCallbackEvent):void {
-
for ( var c:int=0; c<1234; c++ ) {
-
var sample:Number = Math.sin((Number(c+event.position)/Math.PI/2))*0.25;
-
sound.samplesCallbackData.writeFloat(sample);
-
sound.samplesCallbackData.writeFloat(sample);
-
}
-
}
-
sound.addEventListener("samplesCallback",sineWavGenerator);
-
sound.play();
New Text Engine + Text Layout Components
Acceso de bajo nivel a un nuevo motor de renderizado de texto que permite crear componentes de texto totalmente personalizados. Junto con el motor se han proporcionado algunos componentes AS3 que hacen uso de él.
File Reference runtime access
Posibilidad de cargar y guardar archivos del sistema de archivos del usuario en el Flash Player (sin necesidad de AIR). No he leído acerca de esto pero seguro deben haber implicaciones en cuanto a politicas de seguridad...
Más...
Hay más cosas que se pueden consultar en las release notes, como por ejemplo un nuevo tipo llamado Vector que es parecido a Array pero en el que todos los elementos deben ser del mismo tipo, los efectos 3D nativos que permiten de forma sencilla añadir, animar o transformar elementos 2D en un mundo pseudo 3D....
Una release realmente interesante!
Nuevo Flex!
Fascinante!!!! esta vez se han pasado cuatro calles!!!!!
Ahora puedes construir tu propio Flex a medida! Puedes hacerlo a través de un configurador muy visual hecho con.... Flex!
Además esta vez tenemos una web especialmente creada para Flex!
Corre, serás uno de los primeros en verlo 
* Nuevo Flex
[ via faratasystems.com ]
¿Métodos privados?
Me he encontrado con que el componente mx.controls.ProgressBar del SDK de Flex 3 tiene un bug. El bug se da en el método updateDisplayList(), que en un momento dado intenta acceder a una propiedad que es nula. El típico Cannot access a property or method of a null object reference ....
Llegado a este punto me he dicho:
- vale, no pasa nada. Creo una subclase de ProgressBar, sobreescribo updateDisplayList() y me aseguro de que la propiedad en cuestión no se acceda con valor nulo. Parece simple...
Pues no... resulta que el método updateDisplayList(), un método con visibilidad protected, durante su ejecución hace una llamada a un método privado y además utiliza propiedades privadas durante su ciclo de vida, lo cuál inutiliza totalmente el que el método sea sobrescribible ya que a la práctica no lo es.
Yo me pregunto... ¿tiene sentido hacer esto? Yo opino que es un error de diseño del método. Si expones un método a las subclases tienes que tener cuidado de que pueda ser sobrescrito.
Y ya poniéndonos fuertes... ¿Tiene sentido utilizar propiedades privadas en un SDK? Nunca sabes lo que los usuarios van a hacer con tus APIs, así que no te confíes y define la visibilidad más restrictiva con protected.
Vaya, digo yo...
El futuro de ActionScript
No sé en otros lenguajes, pero con ActionScript los desarrolladores siempre se han caracterizado por tener un especial afán en descubrir "qué es lo que viene en la próxima versión", supongo que se ha debido al hecho que en cada nueva versión siempre se le ha sacado el 200% del jugo tanto al lenguaje como al runtime.
Pues bien, para lo que sean de este grupo ( me incluyo ) aquí dejo un par de enlaces muy interesantes que desvelan las novedades de ECMAScript 4 que van a ser incluídas (o es muy posible que vayan a ser incluídas) en ActionScript.
-
Enlaces
-
-
Sindicación
-
Agregado
