Diseño gráfico de pericasandco.

Hablar sobre “Six Feet Under” traspasa el mero comentario sobre la serie y desemboca inevitablemente en un plano filosófico. Más allá de los personajes, los guiones, la producción impecable, las historias con todo el dolor, el drama y la ternura, la serie traspasa la pantalla y te atraviesa la carne. Y te deja señal.

Me encuentro en un estado emocional extraño y no por ello desconocido para mi. Creo que hacía muchos años que no me sentía tan sensible y tan frontalmente consciente de lo que significa la vida y la muerte. Pero tuve una época en que pensaba mucho en el tema. Aunque creo que no logré alcanzar la madurez con la que ahora lo afronto.

Tras el visionado completo de la serie, y con la perspectiva global que ahora tengo de la misma, puedo decir que si no es la mejor serie que he visto jamás (cosa que no diré, seria muy fácil al tenerla tan reciente e intensamente presente en estos momentos) es la que más ha influido directamente sobre mi ser, mi espíritu o psique.

Ya sabía que la vida es corta, tiene un final, vaya, que la finitud es precisamente lo que la define.
Ya sabía que por eso mismo debes aprovechar tu tiempo, y debes vivir el momento.
Pero creo haber entendido que aparte de tener el conocimiento intelectual sobre la vida, el nacimiento y la inevitabilidad de la  muerte, debes sentirlo. Es entonces cuando somos algo más que simios que pasan por un planeta con la arrogante amnesia de ignorar que todo se acaba. Hemos olvidado que nuestro futuro y presente es finito. Es difícil aceptarlo, pero con el simple hecho de afrontarlo empiezas a vivir más intensamente.
Es bueno saber que la vida se acaba así como la juventud, la alegría pero del mismo modo el dolor, el rencor o en todo caso, que sólo permanecen durante un tiempo y en forma de recuerdo o marca que puede afectarnos en buena parte según nuestra capacidad de relativizarlos y que nos pueden ayudar a sentirnos más vivos. Six Feet Under me ha ayudado en ese sentido y a apreciar ese gran privilegio que es la vida.

Y notar esa conexión con el resto de seres humanos, empatizar con mi especie a través de un continuo sentirse identificado con los personajes y situaciones.
La serie también es muy buena relativizando las relaciones, desmitificando valores y dogmas,  mostrándonos unos hombres y mujeres que para nada son perfectos, que yerran continuamente, aman, odian y sufren. Como la vida misma vaya, y en cierta manera todo ello te ayuda a sentirte aliviado de la presión que muchas veces nosotros mismos nos aplicamos y aplicamos a nuestros seres queridos, y es que en la vida al final hacemos lo que buenamente podemos, y superamos nuestros miedos con mayor o menor éxito.

Si no has visto la serie, mírala. Hazte ese favor.

http://www.hbo.com/sixfeetunder/

Un ejemplo funcional : http://www.plastikaweb.com/weather/weather.html

Los archivos de ejemplo los podéis descargar desde aquí: weather_mvc_plastikaweb.zip

Este widget se puede compilar como un proyector exe o como una aplicación Adobe AIR desde Adobe Flash y os funcionará correctamente como una aplicación de escritorio. Si por el contrario ejecutáis el compilado swf desde el escritorio producirá un error de seguridad Sandbox.
Igualmente si lo ejecutáis desde un servidor, la llamada al XML generado desde el servidor de weather.com os generará un error de seguridad. Esto que puede parecer un engorro, se debe a una directiva de seguridad típica en aplicaciones frontend como es Flash. Utilizando un un fichero de servidor intermedio que realize la petición al servidor de datos  se puede en cierta manera burlar.

De momento y para centrarnos en la estructura y el funcionamiento de la aplicación, obviaré estas consideraciones sobre seguridad en Flash Player, y realizaré la petición de datos directamente a weather.com.

1.Registro en weather.com.

Los datos los recogemos de www.weather.com mediante XML, para lo cual necesitamos crear una cuenta de usuario desde https://registration.weather.com/ursa/profile.  Una vez completado el proceso recibimos en nuestra cuenta de correo nuestro ID Partner, el License Key, la url para descargar el sdk con información ampliada  y ejemplos de como configurar una llamada al XML que nos ofrece el servicio.

La url que debemos configurar y que generará el XML con los datos del clima de la localización seleccionada será algo así:

http://xoap.weather.com/weather/local/30339?cc=*&dayf=5&link=xoap&prod=xoap&par=[PartnerID]&key=[LicenseKey]

donde PartnerID es tu Partner ID y License Key tu número único de licencia que te han enviado vía email. En este caso 30339 es el código local para Atlanta, puedes buscar el id para otras zonas desde weather.com extrayendo el id de la url al realizar una búsqueda.

En mi caso para buscar el tiempo de Barcelona, la url seria :

http://xoap.weather.com/weather/local/SPXX0015?cc=*&dayf=1&link=xoap&prod=xoap&par=1126782060&key=7d908860312f34ae&unit=m
el último parámetro “unit” nos permite elegir el sistema métrico para los datos y mostrar así por ejemplo la temperatura en ºCelsius.

Ejemplo de ID local para Barcelona

2.Archivos y estructura de la aplicación.

La aplicación la compilaremos en la herramienta de autoría Flash de Adobe, correspondiendo un archivo .fla vacío con el nombre de Document Class de Weather.

Dentro del paquete com.plastikaweb.controller tenenos la clase WeatherController que será la parte de control del patrón.
Dentro de com.plastikaweb.model WeatherModel, correspondiente al modelo.
Dentro de com.plastikaweb.view tres clases correspondientes a los tres elementos que mostraremos, DataWeatherView (campo con una frase y varios datos en ella, ciudad, temperatura y humedad), IconWeatherView (pictograma correspondiente al clima) y TempWeatherView (campo con la temperatura en tamaño más grande).

La carpeta icons contiene todos los ficheros png que muestran el pictograma del clima, tienen una numeración predeterminada que va de 0.png a 47.png. Con el sdk de weather.com se entrega una colección de los mismos en dos formatos, grande y pequeño.
Para cambiar los iconos se pueden crear una nueva colección o descargar una desde por ejemplo http://liquidweather.net/icons.php#iconsets.

3.Model Class – WeatherModel.as.

Destacar la función load(), declarada como pública ya que será la que desde el controlador sea llamada cada vez que queramos actualizar los datos, el evento “update” que generamos en onComplete() cada vez recibimos los datos del servidor y que servirá para actualizar las vistas que estarán escuchando dicho evento, y los tres getters que simplemente retornan datos personalizados para actualizar las vistas.

package com.plastikaweb.model {

	import flash.events.Event;
	import flash.events.EventDispatcher;
	import flash.net.URLLoader;
	import flash.net.URLRequest;

	public class WeatherModel extends EventDispatcher{

		public static const UPDATE:String = "update";//constante que utilizaremos como descripción de evento personalizado
		private var _weather_xml_url:String;
		private var _weather_loader:URLLoader;
		private var _data:XML;

		public function WeatherModel(url:String) {
			_weather_xml_url = url;
			init();
		}

		private function init():void {
			_weather_loader = new URLLoader();
			_weather_loader.addEventListener(Event.COMPLETE, onComplete);
		}

		public function load():void {
			try {
				_weather_loader.load(new URLRequest(_weather_xml_url));
			}catch (error:SecurityError) {
				trace("Error de seguridad al intentar abrir XML " + Error);
			}
		}

		private function onComplete(e:Event):void {
			_data = new XML(_weather_loader.data);
			dispatchEvent(new Event(WeatherModel.UPDATE));//generamos evento al completar con éxito la carga de datos
		}

		public function get temp():String {
			return _data.cc.tmp.toString() + "º";//datos Tª
		}

		public function get extendedData():String {
			var city:String = _data.loc.dnam;
			var temp:String = _data.cc.tmp;
			var hmid:String = _data.cc.hmid;

			var desc:String = "Tiempo para "+city+"\nLa temperatura es de "+temp+"ºC y la humedad relativa del aire es del "+hmid+"%";
			return desc;//datos detalle ciudad + Tª + Humedad relativa
		}

		public function get icon():String {
			var iconName:String = _data.cc.icon.toString();
			iconName += ".png";
			return iconName;//datos con nombre del pictograma a mostrar
		}
	}
}

4.Controller Class – WeatherController.as.

Sólo destacar el método público update() que llama a load() de la clase WeatherModel.

package com.plastikaweb.controller {

	import flash.display.Sprite;
	import flash.events.TimerEvent;
	import com.plastikaweb.model.WeatherModel;

	public class WeatherController extends Sprite {

		private var _model:WeatherModel;

		public function WeatherController(m:WeatherModel) {
			_model = m;
		}

		public function update(e:TimerEvent = null):void {
			//actualización de los datos
			_model.load();
		}
	}
}

5.View Class – DataWeatherView.as, IconWeatherView.as, TempWeatherView.as.

He creado tres clases diferentes con diferentes formatos para mostrar los datos. Se podría crear una, o una clase pseudo-abstracta y que todas heredasen de esta, o que extendiese desde una Interface. Por simplicidad en en ejemplo he elegido esta opción.
No necesitan mucha explicación, cada una de ellas genera elementos visuales, ya sea un TextField con formato o  un Loader para cargar los pictogramas y los ubica en el escenario. Se les asigna un listener para actualizar la vista cuando los datos cambien en el modelo.

5a-DataWeatherView.as

package com.plastikaweb.view {

	import flash.display.Sprite;
	import flash.events.Event;
	import com.plastikaweb.model.WeatherModel;
	import flash.text.TextField;
	import flash.text.TextFormat;
	import flash.text.TextFieldAutoSize;

	public class DataWeatherView extends Sprite{

		private var _model:WeatherModel;
		private var _data_txt:TextField;

		public function DataWeatherView(m:WeatherModel) {
			var formatTemp:TextFormat = new TextFormat();
			formatTemp.color = 0x999999;
			formatTemp.font = "_sans";
			formatTemp.size = 12;

			_data_txt = new TextField();
			_data_txt.defaultTextFormat = formatTemp;
			_data_txt.multiline = true;
			_data_txt.wordWrap = true;
			_data_txt.autoSize = TextFieldAutoSize.LEFT;
			_data_txt.width = 190;
			_data_txt.x = 10;
			_data_txt.y = 120;
			addChild(_data_txt);

			_model = m;
			_model.addEventListener(WeatherModel.UPDATE, onUpdateModel);
		}

		private function onUpdateModel(e:Event):void {
			if (_data_txt != null) {
				_data_txt.text = _model.extendedData;
			}
		}
	}
}

5b-IconWeatherView.as

package com.plastikaweb.view {

	import flash.display.Bitmap;
	import flash.display.BitmapData;
	import flash.display.Loader;
	import flash.display.Sprite;
	import com.plastikaweb.model.WeatherModel;
	import flash.events.Event;
	import flash.net.URLRequest;
	import flash.events.IOErrorEvent;

	public class IconWeatherView extends Sprite {

		private var _model:WeatherModel;
		private var _loader:Loader;
		private var _iconName:String;

		public function IconWeatherView(m:WeatherModel) {
			_model = m;
			_model.addEventListener(WeatherModel.UPDATE, onUpdateModel);
			_loader = new Loader();
			_loader.x = 70;
			_loader.y = 10;
			addChild(_loader);
		}

		private function onUpdateModel(e:Event):void {
			//actualizamos el icono sólo si ha cambiado desde la última llamada del controlador
			if (_iconName != _model.icon) {
				_iconName = _model.icon;
				_loader.addEventListener(Event.COMPLETE, onLoaderComplete);
				_loader.addEventListener(IOErrorEvent.IO_ERROR, onLoaderError);
				_loader.unload();
				_loader.load(new URLRequest("icons/" + _iconName));
			}
		}

		private function onLoaderComplete(e:Event):void {
			_loader.removeEventListener(Event.COMPLETE, onLoaderComplete);
		}

		private function onLoaderError(e:IOErrorEvent):void {
			trace("error en la carga del icono");
		}
	}
}

5c-TempWeatherView.as

package com.plastikaweb.view {
	import flash.display.Sprite;
	import flash.events.Event;
	import com.plastikaweb.model.WeatherModel;
	import flash.text.TextField;
	import flash.text.TextFormat;

	public class TempWeatherView extends Sprite{

		private var _model:WeatherModel;
		private var _temp_txt:TextField;

		public function TempWeatherView(m:WeatherModel) {
			var formatTemp:TextFormat = new TextFormat();
			formatTemp.bold = true;
			formatTemp.color = 0xdddddd;
			formatTemp.font = "_sans";
			formatTemp.size = 50;
			_temp_txt = new TextField();
			_temp_txt.x = 10;
			_temp_txt.y = 40;
			_temp_txt.defaultTextFormat = formatTemp;
			addChild(_temp_txt);

			_model = m;
			_model.addEventListener(WeatherModel.UPDATE, onUpdateModel);

		}

		private function onUpdateModel(e:Event):void {
			if (_temp_txt != null) {
				_temp_txt.text = _model.temp;
			}
		}
	}
}

6.Document Class – Weather.as.

Por fin la clase vinculada a nuestro fichero .fla.

package {

	import flash.display.Sprite;
	import flash.utils.Timer;
	import flash.events.TimerEvent;
	import com.plastikaweb.model.WeatherModel;
	import com.plastikaweb.controller.WeatherController;
	import com.plastikaweb.view.TempWeatherView;
	import com.plastikaweb.view.DataWeatherView;
	import com.plastikaweb.view.IconWeatherView;

	public class Weather extends Sprite{

		public function Weather() {
			//modelo
			//parametro
			//url que genera el XML con la información sobre el tiempo de la localización elegida
			//SPXX0209 en este caso es el ID local para Barcelona
			//parametros importantes:
			//par - id individual de nuestra cuenta en weather.com
			//key - clave individual de nuestra cuenta en weather.com
			//unit - valor m para sistema métrico
			var model:WeatherModel = new WeatherModel("http://xoap.weather.com/weather/local/SPXX0015?cc=*&dayf=5&link=xoap&prod=xoap&par=1126782060&key=7d908860312f34ae&unit=m");
			//controlador
			var controller:WeatherController = new WeatherController(model);
			//vista de temperatura
			var tempview:TempWeatherView = new TempWeatherView(model);
			//vista del icono
			var iconview:IconWeatherView = new IconWeatherView(model);
			//vista de datos ampliados
			var dataview:DataWeatherView = new DataWeatherView(model);

			addChild(tempview);
			addChild(iconview);
			addChild(dataview);

			//primera llamada al servidor de datos
			controller.update(null);

			//intervalo de actualización de datos (1 minuto en este caso)
			var timer:Timer = new Timer(60000);
			timer.addEventListener(TimerEvent.TIMER, controller.update);
			timer.start();
		}
	}
}

Anexo

Lo dicho, si compiláis el fla y ejecutáis el swf en local veréis que no funciona. Si en las opciones de compilación de Flash activáis la opción de crear proyector para Windows o Mac, o creáis una aplicación AIR si que funcionará como aplicación de escritorio.

Un truco para ejecutarlo en servidor o en local desde un swf sin lidiar con los problemas de seguridad de Flash Player es crear un archivo de servidor (PHP, .NET, etc) que recoja el XML servido desde weather.com, por ejemplo en PHP:

proxy.php

<?php
	$dataURL = "http://xoap.weather.com/weather/local/SPXX0015?cc=*&dayf=5&link=xoap&prod=xoap&par=1126782060&key=7d908860312f34ae&unit=m";
	readfile($dataURL);
?>

Luego en nuestro caso cambiamos la url que pasamos por parámetro en Weather.as al instanciar el Model a la del fichero php alojado en nuestro servidor.

Tener en cuenta dos últimas cosas:

1. En las opciones de configuración de publicación de Flash, pestaña “Flash”, en avanzado, aseguraos que  en la seguridad de reproducción local está seleccionada la opción “Acceder sólo a la red”, en caso contrario el Flash Player os pedirá permisos para acceder al dominio donde está alojado vuestro fichero de lenguaje de servidor.
2. Al ejecutar en local el swf necesitáis colocar en la raíz de vuestro servidor un fichero crossdomain.xml que de permisos a cualquier dominio. Suena algo terrorífico, pero otra solución no he sabido encontrarle… Todo esto significa una cosa, que un formato como el swf no es un formato de servidor y en consecuencia está restringido su acceso con buen criterio.

Espero os haya sido de utlidad, cualquier mejora o comentario será bienvenido.

Flash Performance Monitoring | InsideRIA

Shared via AddThis

SWFScan

Otros enlaces interesantes relacionados:

• OWASP Flash Security Project
• Adobe Developer Connection: Creating more secure SWF web applications
• swfintruder

memest en myspace

Para aquellos que con el paso del tiempo, y ya son unos cuantos, se preguntan que significa el nombre de mi, banda Memest, ahi va una explicación que redactó Anselmo, bajista del grupo hace algún tiempo sobre el concepto que se inventó Jaume, guitarrista de Memest.

MEMEST. ein???
Un meme es una unidad de información que se transmite de una cultura a otra, de una generación a otra o, simplemente, de un individuo a otro.

En conclusión, podríamos definir este concepto como unidad de imitación o de transmisión cultural. Sin embargo, el meme hay que entenderlo como un virus de la mente, porque la habita y la contagia; así pues, invade y ocupa la mente humana, donde se auto-replica hasta alterar la conducta de la persona contaminada y, a partir de ella, pasa de individuo a individuo a través de los vectores que transmiten (la prensa o Internet serían un ejemplo).

Por lo tanto, un meme es la imitación de comportamientos y pensamientos que conlleva un ahorro importante de gasto psíquico y que se acaba traduciendo en una pérdida considerable de criterio, personalidad y, en definitiva, de individualidad. Así pues, las modas en el vestir y los gustos en la música son memes, el felicitar la Navidad o hacer regalos, también lo son y, por supuesto, las doctrinas religiosas.
Uno de los más grandes memes y de los más extendidos es la religión cristiana. El nombre del grupo está inicialmente dedicado a esta doctrina, por ser “el mayor de los memes” ( “the biggest meme“, en inglés). Yendo más allá, para bautizar la banda se ha hecho una incorrección gramatical y se ha abreviado el superlativo “the biggest meme“, obteniendo “the Memest“, contracción que nos da nombre.

Nuestras letras hablan de temas psicológicos, vitales, existenciales y en gran parte de la idea del dios cristiano, simplemente porque es el paradigma religioso en el que nos hemos visto inmersos desde nuestra educación. Hemos nacido y crecido bajo la influencia y la tiranía del “más grande de los memes“; a pesar de ello, nuestro rechazo va dirigido a todos los dioses, todas las religiones, todos los dogmas y, por extensión, todos los memes perniciosos y contraproducentes para el desarrollo del ser humano como individuo libre de prejuicios y miedos, caracterizado por su criterio original y sus propias ideas, al margen de toda alienación impuesta culturalmente.

Ahí queda eso!

la web de memest en myspace

plastikaweb.com

Durante los meses de noviembre de 2008 a marzo de 2009 estuve diseñando lo que sería la nueva www.plastikaweb.com.

Lo bueno, bonito ,que no barato, de hacer tu propia web es que no tienes que ajustarte a un “timming” a no ser que quieras auto-flagelarte, y eso significa programar como quieres, recrearte en los detalles y orientado totalmente a OOP desde el principio hasta el final.

Lo satisfactorio de todo ello es que ahora tengo una librería bastante amplia de clases en AS3 para las tareas más habituales del mundo real, bueno, todo lo real que se puede considerar este mundo, desde crear un campo de texto con label, con validación, etc hasta implementar deep-linking en toda la aplicación.

Antes de explicar como esta estructurada la aplicación, voy a enumerar lo que he implementado y que quería conseguir con ello. El como ya lo iré desgranando en sucesivas entradas.

Lo que hay implementado en www.plastikaweb.com es lo que sigue:

• Deep-linking en todo el sitio. Es decir la navegación “adelante-y-atrás” del navegador funciona a medida que navegas por las diferentes secciones y cambios de idioma en el sitio. Del  mismo modo el historial del navegador funciona con cualquier sección que se quiera recordar. Para ello he utilizado SWFAddress.
• Arbol de navegación de todo el sitio existente en XHTML válido. Compruébalo.
  La base de los contenidos y la estructura del sitio web es una estructura HTML real y totalmente funcional.
  Si alguien navega con el javascript deshabilitado verá los contenidos con un CSS específico, más o menos afortunado y evidentemente mejorable (estoy en ello xD).  Esto significa dos cosas principalmente:
  • El mantenimiento de los contenidos del sitio se realiza actualizando el XHTML, el PHP o la base de datos MySQL, es totalmente externo a Flash.
  • Cada apartado y todos los contenidos del sitio son visible para Google y los otros buscadores web. Compruébalo.
• Gráficos cargados externamente, ya sea desde librerias en Flash o desde el propio HTML.
• Fuentes embedidas y cargadas en aplicación Flash externamente, desde swf, y estilos de los campos de texto definidos desde CSS externo.
• Posición de los elementos en Flash definidos para cada sección desde XML externo, así como las transiciones en la carga de las mismas, el formato de texto si es necesario, las dimensiones del escenario, la posición del mismo, el framerate, el formato de los diferentes estados del menú principal, la posición de los elementos en caso de redimensión del navegador, el tipo de campos en el formulario, los caracteres admitidos, la validación de cada campo, la obligatoriedad de cada uno, la tabulación…
  Ya iré explicando todo esto poco a poco.
• Tracking del sitio con Google Analytics. Ver el artículo Flash + Google Analytics que explica como se implementa en ActionScript 3.
• En cuanto al código AS3 y como ya he comentado anteriormente, he intentado actuar los mas “OOP-oriented” posible, optimizar el código al máximo y hacer la experiencia lo más liviana, rápida y robusta posible.
  He utilizado algunas  librerías externas entre ellas:
  • TweenLite para todas las transiciones.
  • Varios componentes de Flash para elementos de formulario (en este caso el ComboBox).
  • gaforflash, para implementar Google Analytics.

www.plastikaweb.com

En una segunda entrega iré explicando en detalle el cómo he implementado todo ello.

Del mismo modo espero vuestros comentarios, aportaciones para mejorar el concepto general y el sistema, a fin de que sea lo más fácil de implementar en nuevos sitios y tenga el mantenimiento más rápido y ágil posible.

Hasta entonces saludos!

El error 404, el que nos retorna un servidor al no encontrar la página que le solicitábamos, también puede (y debe) ser objeto de mimo y creatividad.

http://10steps.sg/articles/60-beautiful-404-error-pages/

El de plastikaweb es discreto viendo algunos de los ejemplos del enlace!

http://www.plastikaweb.com/404
Posted in plastikaweb, web Tagged: 404, html, web ]]> http://plastikaweb.wordpress.com/2009/04/19/ejemplos-de-error-404/feed/ 0 plastik http://plastikaweb.wordpress.com/2009/04/16/utilizar-mxp-con-actionscript/ http://plastikaweb.wordpress.com/2009/04/16/utilizar-mxp-con-actionscript/#comments Thu, 16 Apr 2009 18:43:58 +0000 plastikaweb http://memeplastika.com/?p=73 ]]> Para todos aquellos como yo que no utilizen Flash habitualmente y quieran utilizar las librerias que los componentes de Flash (extensión mxp) guardan en su interior, existe una libreria para Total Commander llamada MXP Lister.

Para instalarlo en Total Commander sólo tenéis que ir a Configuración – Opciones – Editar/Ver – Configurar visualizador interno – LS-Plugins  y les damos a añadir. Buscamos la ruta donde tengamos descomprimido el archivo mxplst.wlx y listos.

Para extraer los archivos swc que contiene el mxp sólo tenemos que navegar hasta ellos con el Total Commander, seleccionarlos y darle a F3. 

Ya podemos utilizar las clases compiladas en el swc con nuestro editor favorito de AS3, por cierto, yo utilizo Flashdevelop.

Tracking de plastikaweb.com

Google Analytics es un servicio de Google para llevar cuenta de las estadísticas de una sitio web. Es gratuito y lo único que necesitas para utilizarlo es una cuenta de Google.

Hace poco finalizé mi nueva web corporativa, plastikaweb, realizada enteramente en Flash, y implementé el sistema en todas sus secciones, siendo excitántemente sencillo, rápido y satisfactorio. Las ventajas son más que evidentes, los desarrolladores Flash y Actionscript ya no tenemos excusas para hacer seguimiento de como los usuarios interactuan con nuestras aplicaciones, así como nuestros clientes.

1. Primero hemos de añadir el código de “tracking” (GATC: Google Analytics Tracking Code), Google te lo proporciona ya con tu ID personal, sólo debes añadirlo en el código HTML justo antes del cierre de la etiqueta </body>.Es como sigue, utilizando el ID correspondiente según cada caso:     

   <script type="text/javascript">
   var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
   document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js'
   type='text/javascript'%3E%3C/script%3E"));
   </script>
   <script src="http://www.google-analytics.com/ga.js" type="text/javascript">
   </script>
   <script type="text/javascript">
   try {
   var pageTracker = _gat._getTracker("UA-xxxxx-yy");
   pageTracker._trackPageview();
   } catch(err) {}
   </script>
   

 

2. Descargamos la libreria gaforflash (Google Analytics Tracking For Adobe Flash) para AS3. Podemos usar el archivo swc para Actionscript 3 o el que viene para Flash.  Yo aquí describo el que hace uso de Actionscript, pero el de Flash es prácticamente similar.
    
3. Importamos las clases necesarias al inicio de nuestra clase principal o donde queramos referenciar la utilidad.

   import com.google.analytics.AnalyticsTracker;
   import com.google.analytics.GATracker;

4. Creamos una instancia de la clase GATracker. 

   private var _tracker: GATracker = new GATracker(this,ID,trackingMode,debugging); 

    

   Los parámetros son como siguen:           

   • una referencia al objeto actual.
   • el “web ID“, puedes ofrecerlo directamente (“UA-xxxxx-yy”) o hacer referencia a él mediante DOM, (“window.pageTracker”).
   • el tipo de “tracking”, puede ser “Bridge” (control del “tracking” del HTML i del contenido Flash) o “AS3” (control únicamente del código Actionscript). Si utilizamos el método “Bridge” tenemos que tener la precaución de que el parámetro allowScriptAccess del objeto Flash embedido en el HTML tenga el valor “always”.
   • “debugging“. Creo que está claro… 
      
5. Sólo nos queda añadir de que eventos queremos hacer seguimiento, lo más inmediato son evidentemente los cambios de sección pero podemos hacer “tracking” de cualquier acción del usuario, como el envio de un formulario, el visionado de un video, el click en un enlace externo, lo que sea.
   Sólo añadiremos el método trackPageview en el listener, el frame, la función, etc que lance un evento.  Por ejemplo:           

   _tracker.trackPageview("/trackingName"); 

   donde “/trackingName” es el nombre que aparecerá en Google Analytics para el seguimiento del evento. Es importante añadir siempre la barra “/” al principio.
    

6. Enlaces sobre el tema:
   • Google Analytics Tracking for Adobe Flash
     
   • gaforflash - Google Analytics Tracking For Adobe Flash
   • Google Analytics Blog: Web Analytics Tips & Tricks: Want to track Adobe Flash? Now you can!
   • Google Analytics