Todo funciona de la siguiente manera:

1. Abre www.bounceapp.com e inserta la url que dirige a la pantalla de la cual quieres obtener comentarios e ideas. Presiona ‘Grab Screenshot’ y mientras la aplicación genera una captura completa de la página, puedes ver y jugar con una pelota de ping pong que no dejará de rebotar. De ahí el nombre del sitio… duh!

2. Una vez que termine el procesamiento, tendrás la captura completa de la página de principio a fin. En ella puedes ahora remarcar zonas y dejar comentarios al respecto. Puedes colocar notas como ‘Revisa esto’, ‘¿Que tal la paleta de colores empleadas?’ o lo que se te ocurra.

3. En la esquina superior derecha presiona el botón que generará una breve URL que podrás enviar por correo a quienes desees, publicarlo en Twitter o en Facebook. Cualquiera que ingrese podrá hacer sus propias anotaciones y cada vez que revises el enlace, verás los comentarios que en ella han hecho.

El portal cuenta también con servicios avanzados para empresas que te permiten registrar un dominio y almacenar cientos de capturas y otros servicios, pero para discusiones informales vía web esta forma es mucho mejor que tomar manualmente capturas de pantalla, editarlas y enviarlas por correo.

Confieso que cuando se trata de elegir una paleta de colores para las aplicaciones que hago, tiendo a ser extremadamente simplista y elegir cuando mucho dos tonos de azul, gris y siempre el blanco. Tan simplista soy que cuando trabajo en mas de dos aplicaciones a la vez, tiendo a confundirlas pues siempre sigo el mismo diseño. Pero eso se acabó ayer! No sé cómo no conocía este portal.

Color Hunter es un buscador de paletas de colores sorprendente! Básicamente colocas las palabras claves que necesitas y haciendo uso de galerías públicas de Flickr realiza paletas de colores que combinan de un bien en la IU de tu aplicación.

No más azulitos ni escalas de grises para mí. Ya tengo de donde sacar colorcitos

Adobe sabe de este problema y lo postea acá: http://kb2.adobe.com/cps/363/3637d5c3.html

La solución es sencilla:

El método Download falla sólo cuando la clase FileReference es instanciada dentro de una función local. Para solucionar el problema basta con declararla de manera global. Ejemplos:

De esta forma el método Download no hará nada:

function downloadFile():void {
var fileRef:FileReference = new FileReference(); //FileReference com ámbito local
fileRef.download(new URLRequest(“myFile.txt”), “myFile.txt”);
}

De esta manera el método Download descargará el archivo y lo almacenará en el directorio elegido por el usuario:

private var fileRef:FileReference = new FileReference(); //FileReference com ámbito global
function downloadFile():void {
fileRef.download(new URLRequest(“myFile.txt”), “myFile.txt”);
}

Existen varios trucos para solventar esto. Uno es especificar literalmente a FLEX que tipo de fuente usará el Label. Es sencillo y se hace con una función setStyle pero por otro lado, tendrás que hacer lo mismo por cada Label, Button, …, que tengas en tu Container.

Acá propongo uno muy sencillo que te garantizará funcionar donde sea. Está en AS3. A nivel global creas un BlurFilter y un Array:

private var blur_filter:BlurFilter = new BlurFilter(0,0,0);
private var filtros:Array = new Array();

Luego, internamente en el código agregas el BlurFilter al Array:

filtros.push(blur_filter);

Y todo componente de FLEX tiene la propiedad filters. Bastará con asignar el Array filtros a la propiedad filter del Label, Button, LinkButton, …, para que mágicamente el texto de los Labels, o cualquier componente que tenga texo, se anime:

contenedor_u_objeto.filters = filtros;

Recuerda, basta con aplicar el filtro al contenedor, bien sea un Canvas, Panel, …, para que todos sus hijos se animen en conjunto sin importar que tipo de componentes sean

Sin uso de la sentencia WITH un codigo en FLEX seria asi…

this.width = 600;
this.height = 300;
this.x = 800/2 – this.width/2;
this.y = 400/2 – this.height/2;
this.setStyle(“hideEffect”, this.parallel);
this.setStyle(“showEffect”, this.parallel);
this.bot_aceptar.label = “Aceptar”;

Usando WITH tendriamos algo menos amontonado…

with(this){
width = 600;
height = 300;
x = 800/2 – width/2;
y = 400/2 – height/2;
setStyle(“hideEffect”, parallel);
setStyle(“showEffect”, parallel);
bot_aceptar.label = “Aceptar”;
}

Error #2044: Unhandled SecurityErrorEvent:. text=Error #2048: Security sandbox violation: http://localhost/SQR/bin-debug/SQR.swf cannot load data from http://127.0.0.1/amfphp/gateway.php.

Es un error muy común y fácil de solucionar. Se genera cuando una aplicación flash trata de acceder a datos que residen en otro dominio web. En mi caso, aunque no lo crean, es porque accedí a mi aplicacion desde mi servidor localhost y dentro de ella tengo un script que pide datos a un servicio bajo el dominio 127.0.0.1. Entonces se preguntaran, ¿no es localhost y 127.0.0.1 lo mismo?

Y mi respuesta es… “No necesariamente”. No es la primera vez que he tenidos problemas asi. Una vez, Windows dejó de reconocer el dominio localhost y debía acceder a mi servidor local siempre desde 127.0.0.1. La solución fue sencilla modificanddo un par de líneas en una subcarpeta de Windows -si ese es el caso de ustedes, googleenlo, es sencillo de resolver -

En el mejor de los casos, la solución se consigue cambiando todos los 127.0.0.1 por localhost o viceversa. Esto quiere decir que si en el AS3 tienes referencias a 127.0.0.1 entonces accede a tu aplicacion empleando la URL 127.0.0.1. Para cualquier IP o dominio aplica lo mismo.

En un entorno de producción real, esta modificacion ya no es viable. Para solucionarlo se crea un fichero en XML que va a permitir resolver el problema En este enlace Adobe publica la solución

Vale decir que no uso un único programa, para ediciones rápidas de color, tamaño o iluminación empleo el Microsoft Picture Manager, si requiero aplicar filtros o “crear y desaparecer” cosas uso el Photoshop Elements, para crear panoramas empleo el Microsoft Digital Image Suite y solo cuando de verdad necesito modificar la compleja “realidad” uso el todopoderoso Photoshop –no sin antes buscar un tutorial que me explique cómo usarlo-

Todo el software que acabo de mencionar se encuentra instalado en nuestros PCs o Laptops personales, están ajustados a nuestra resolución, ordenamos los enlaces de manera de conseguirlos rápidamente pero ocurre que si por algún motivo nos quedamos sin nuestras máquinas entonces con ellas se aisla todo nuestro laboratorio fotográfico

Por suerte, ya no hay nada que no se encuentre en la Nube… Hay procesadores de texto, hojas de cálculo, gigas de almacenamiento, música, y por supuesto, editores fotográficos… Y que no saben con que fueron hechos? Pues con FLEX! Obvio

Photoshop Express!

Es un mini laboratorio digital con lo básico pero a la vez súper útil del Photoshop de nuestras compus. Nos permite tener una cuenta donde almacenar las imágenes en línea y a su vez nos permite editar fotografías desde cualquier dispositivo de almacenamiento que tengamos conectados al computador.

Picnik!

Efectos rápidos, bordes, postales y demás. Cuando la aplicación se está cargando, nos recuerda  a un maravilloso juego de MAXIS y Electronic Arts. Lo que tiene Photoshop Express lo tiene este

SumoPaint!

Mas que un editor es un “creador”. Es un poderoso Paint en la nube. Permite crear arte digital a partir de nada. También permite editar fotografías.

Lo mejor es que todas estas aplicaciones online son gratuitas y por un pequeñísimo precio se incrementa la capacidad de almacenamiento. Pero vamos, si tenemos una SD o una Pendrive, ese almacenamiento no nos importa!

Los invito a utilizarlas, comentarlas si les gusta y recuerden. Su corazón es código FLEX

Si bien esta noticia se esperaba pronto, al menos yo la veía venir, lo que nunca me esperé es que Microsoft de verdad se haya propuesto tratar de tomar parte del mercado de las búsqueda, terreno más que dominado por el creador del inmenso Gmail. Bing es el nombre del susodicho y debo decir que es un buscador que funciona… Funciona bien! Poco use el Live Search, me parecía súper pesado visualmente y su velocidad de respuesta me dejaba mal sabor de boca. El nuevo Bing es mucho mas organizado, al usarlo sientes que ha tomado los aciertos de Google al colocar opciones avanzadas de fácil acceso y al parecer, entiende lo que le pedimos. Al buscar mi nombre más el de mi facultad en la universidad, Google me identificó y me colocó de segundo lugar, la primera es un sujeto llamado idénticamente como yo pero en una universidad de Chile XD. Lamentablemente Bing no me coloco ni en sus primeros 20 resultados, identificó a muchos Javieres en mi uni pero ninguno soy yo Por otro lado, cuando coloco “WinQSpeaker” –un software bastante divertido que desarrollé en mis días de bachillerato- tanto Google como Bing me posicionan de 1ro!

Microsoft intenta ganar terreno en las búsquedas… Su nueva opción es bueno pero… Google tiene más tiempo, la gente ya lo conoce, lo ama y le es fiel… Por otro lado Google quiere darle vida al hardware de tu computadora… Pero por mas amante de Google que seas, seguro lo probarás pero no te despegarás definitivamente de tu amado Linux, Windows o Mac. Yo soy muy openmind y para nada radical, me gustan estas cosas y pruebo de todo con la finalidad de demostrar que el producto ha sido bien hecho. Pero, por allí dicen que…

Mas sabe diablo por viejo que por diablo

Y a eso le sumo…

Zapatero a su zapato

Existen muchas entradas técnicas en cientos de blogs y sitios especializados que también honran tributo a esta maravilla del Web 2.0.

Qué puedo hacer con FLEX?

Con un único código, tu aplicación se ejecutará en tu escritorio -ejecutándose sobre Adobe Air- o desde cualquier navegador web que lo soporte, actualmente, todos los que tengan el plugin de Flash.  FLEX es multiplataforma, el SDK y el compilador está disponible tanto en Windows como en Linux.

Si has programado en Java, FLEX será un paseo para ti. Puedes construir la aplicación de tus sueños empleando AS3, lenguaje script full orientado a objetos; emplear el FLEX Builder para construirlas de manera gráfica simplemente arrastrando y ordenando los componentes de interfaz como más te guste y asignando propiedades y eventos en MXML -lenguaje de etiquetado XML de FLEX-

Como había mencionado anteriormente, FLEX puede ejecutarse en tu navegador sin embargo eso no implica que esté ejecutándose desde la web. Las aplicaciones en FLEX se descargan en su totalidad en tu equipo y su capacidad de procesamiento queda limitada solo por la velocidad y capacidad del hardware de tu computador. Esto depende, por supuesto, de la naturaleza de la aplicación. Ejemplo, un editor de imágenes basado en FLEX se descargará y podrá funcionar sin necesidad de volverse a conectar; esto es gracias a que FLEX se integra perfectamente con el sistema operativo de tu equipo permitiéndole tener acceso a tu carpeta de imágenes y cualquier lugar de tus dispositivos de almacenamiento. Por otro lado, si la aplicación es una herramienta colaborativa, entonces si requerirá de una conexión para enviar audio, video o mensajes.

Cuando creas una aplicación en FLEX, tienes a tu disposición acceso a toda la tecnología multimedia que puedas imaginar. En combinación con Flash Interactive Server, puedes crear aplicaciones que se comuniquen con otras instancias de la misma en tiempo real y transmitir audio y video, archivos, mensajes entre objetos, entre otros. Todo de manera síncrona o asíncrona.

Lo siguiente es una combinación de enlaces de interés para ver qué es FLEX, donde se encuentra FLEX en nuestro día a día y lo que se puede hacer con él.

Sitio oficial del proyecto

http://labs.adobe.com/technologies/flex/

Compilación de Aplicaciones basadas en FLEX

http://flex.org/showcase/

http://designingwebinterfaces.com/great-flex-ux

Blogs amigos Evangelistas

http://blog.flexexamples.com/

http://flex.org/

En el próximo post dejaré mas detalles técnicos de FLEX y las ventajas para el programador, diseñador o aficionado al mundo de creación de contenido y aplicaciones web.

• Son dos equipos, los rojos y los blancos
• Los rojos se mueven primero
• Para moverse se elige la coordenada de la ficha y la dirección del movimiento
• Si un equipo falla su movimiento entonces le toca el turno al contrario
• Solo se evita salirse del tablero al tratar de realizar un movimiento y moverse a una casilla ocupada por una ficha del mismo color
• No se corona, la ficha llega al otro extremo y listo
• Salen mensajes explicando el evento ocurrido al mover la ficha
• Si es posible, una ficha se come a una de su color opuesto

Adicionalmente el código fue realizado en dos horas, probado a medias y existe algo de redundancia en las condiciones… Por favor que eso no de pie a que me consideren un mal programador… Simplemente me dio fastidio depurarlo, optimizarlo y además, debía parecer que lo hizo una persona con poca experiencia programando

Archivo fuente

Para compilar y ejecutar en Linux

g++ damas.c –o damas
./damas