Hace dos años Google anunció que estaba colaborando con Adobe para encontrar una forma de indexar contenido dentro de swfs. Su primera versión fue una gran avance para la comunidad Flash pero carecía de grandes propiedades. Por ejemplo ésta versión solo indexaba texto dinámico que ya esté dentro dela película. osea que el tipo de campo de texto sea dinámico y que el texto esté en el campo a la hora de compilar la película. No funcionaba si el texto era cargado via xml o algún otro método en tiempo de ejecución, tampoco funcionaba si el campo de texto era estático.

Bueno Google nunca dejó de trabaja en su googleBot para conseguir mejores resultado, y ésta nueva versión indexa contenido swf sin importar su procedencia. Básicamente aseguran que todo texto que pueda leer un humano es leído por el robot de google, incluso aseguran que sigue links dentro del swf. Incluso esta versión lee los metadatos de videos flash para indexar su contenido he incluso guardar un thumbnail. La otra gran falencia que tenia la version anterior es que no podía leer swf que estaban publicadas usando cierto métodos de javascript, la nueva versión también corrige esto.

En fin grande noticias para la comunidad Flash, ya habíamos dicho en éste blog que Flash está lejos de morir y sigue dando pelea aunque Apple se niegue a incluirlo en iOS y empuje hacia html5. Siento que de a poco Flash va recuperando terreno perdido gracias a la injurias proclamadas por Apple.

más información en el google oficial de google: http://googlewebmastercentral.blogspot.com/2010/11/what-feeling-even-better-indexing-of.html

Desafortunadamente todos lo navegadores usan distintos métodos para aplica tranparencias a objetos. La forma de solucionar esto es atacando a todos en un mismo selector. te esta forma agregamos la clase transparencia a algo en nuestro diseño y le aplicara la tranparencia adecuada segun el navegador. Esta tecnica es muy útil para dar un feedback al usuario sobre elementos que se encuentras desactivados. Por ejemplo una barra de idioma donde el idioma actual se encuentra desactivado.

1
2
3
4
5
6

.transparencia {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

En digilabs siempre estamos atentos experimentos digitales sobre todo cuando interactuan con el mundo real. Esta campaña realizada en bruselas me llamó la atención. Se trata de un arbol que habla. No, no es que al abrol realmente habla, pero twittea, postea en facebook, mensajes, fotos videos, estado del clima, tod de manera muy personal y humana. No es una simple aplicacion que sube fotos automaticamente sino que el arbol dice: mira mi serie de fotos de nubes que saqué hoy, o dice algo cmo se acaba largar a llover acá, etc. Peguenle una visita en http://www.talking-tree.com/

Con eduardo siempre que empezamos un proyecto nuevo no detenemos un momento a pensar en la usabilidad del mismo. Este es un modelo que intenta explicar que es la experiencia del usuario.

El modelo debe ser explicado desde el centro hacia afuera

1. EL valor que queremos alcanzar
2. Para clientes y proveedores, una experiencia de usuario positiva se traduce en una situación donde todos ganan.
3. Tambien queremos alcanzar “valor” mediante una experiencia de usuario positiva.
4. La experiencia de usuario tiene una serie de fases. no tenemos que enfocar en: positividad, encontrabilidad, accesibilidad, deseabilidad, usabilidad, credibilidad y utilidad.
5. Varios factores contribuyen a las fases de la experiencia de usuario. Aca hay 30 por ejemplo.
6. Para alcanzar todo ésto trabajamos en sentido contrario, empezamos por la estrategia SEO y tomando decisiones en cada uno de lo factores.

Les recomiendo bajar la bajar versión en pdf imprimirla y tenerla en la pared cerca de su monitores cuando comiencen un nuevo proyecto.

post original: http://userexperienceproject.blogspot.com/2007/04/user-experience-wheel.html

Si lo que intentan es detectar hacia que dirección va el cursor del mouse utilizando ActionScript2, les recomiendo utilizar un método que poco conocía que es nativo de Flash, su nombre es “watch“. Esta función analizar una variable y devuelve dos valores uno nuevo “newVal” y otro viejo “oldVal“,  lo cual nos facilita el trabajo si tenemos que desarrollar una pelicula que detecte si el mouse va hacia la derecha o hacia izquierda, arriba o abajo, este método es muy interesante ya que nos permitiría saber si los valores en x e y se incrementan o disminuye lo cual con un simple if podríamos saber hacia donde se dirige el cursor. Esta función también puede servir para activar alertas, cuando una variable cambia, se analiza con watch y cuando se cumple una condición se activa una alarma, se ejecuta una función o simplemente se activa una animación.

Esto también se puede hacer con listeners, pero es mas complejo ya que hay que armar la función que permite comparar el valor viejo con el valor nuevo de la variable mientras cambia. No les aconsejo utilizar onEnterFrame ya que consume muchos recursos.

Ejempo:

Codigo:

Mouse.hide();
posX = function (dx, oldVal, newVal) {
    if (oldValnewVal) {
        trace("Izquierda");
        avion_mc._rotation = -90;
    }
    return newVal;
};
posY = function (dy, oldVal, newVal) {
    if (oldValnewVal) {
        trace("rriba");
        avion_mc._rotation = 360;
    }
    return newVal;
};
 
this.watch("dirx",posX);
this.watch("diry",posY);
 
this.onMouseMove = function() {
    avion_mc._x = _xmouse;
    avion_mc._y = _ymouse;
    dirx = _xmouse;
    diry = _ymouse;
 
};

Para los que estan trabajando con As3, el método watch no existe mas, por lo cual les dejo una solución AQUI

Clase:

package
{
   import flash.events.Event;
   import flash.events.EventDispatcher;
   public class Model extends EventDispatcher
   {
       public static const VALUE_CHANGED:String = 'value_changed';
       private var _number:Number = Number;
       public function Model():void
       {
           trace('The model was instantiated.');
       }
       public function set number(newNb:Number):void
       {
          _number=newNb;
          this.dispatchEvent(new Event(Model.VALUE_CHANGED));
       }
       public function get number():Number
      {
          return _number;
 
      }
   }
}

Modo de uso:

var objectToWatch:Model = new Model();
objectToWatch.addEventListener(Model.VALUE_CHANGED, onValuedChanged);
 
function onValuedChanged(e:Event) {
   //do what you need here
}

Espero que les sea útil, la próxima me gustaría completar la pelicula de arriba con algo de trigonometría para simular 100% la dirección.