Posted by: carloslone | October 21, 2008

Creando una aplicación con PopFly

Recientemente en el MSDN Tour "Plataforma para la nueva generación de Software" di una pequeña demostración de Microsoft PopFly. Algunos amigos me han estado solicitando un How To (tutorial) de como hacer una aplicación con PopFly, por lo que a continuación les comparto este mini tutorial.

Para hacer más ágil el proceso iremos describiendo por pasos las tareas:

PASO 1: Ingresar a http://www.popfly.com y logearse con su cuento Live (La que usan en messenger).

PASO 2: Ubicar la opción "Create a Mashup", en esta opción podremos crear nuestra aplicación.

Create Mashup

PASO 3: Estamos dentro del Mashup Creator, esta herramienta nos permite poder diseñar nuestra aplicación. De lado Izquierdo aparecerá una barra con el titulo "Blocks", esta contiene los posibles bloques de aplicaciones que podemos utilizar para construir nuestro Mashup. Seleccionen la categoría "News and Updated" y ubicamos el bloque "Flickr"

Flickr

y lo arrastramos al área de trabajo:

Flickr Block

Les aparecera el mensaje "Missing Key", esto se debe a que ustedes deberan obtener una llave a travez de la cual puedan acceder a la información que tienen compartida en Flickr. Click al mensaje "Missing Key", esto les abrira una ventana:

Flick Key

Seleccionen la opción "Click here to sign up for a flickr key", sigan las intrucciones en la pagina de flickr y al obtener su llave copiarla a la casilla "API Key" y luego presionar el boton update.

Ajustar Propiedades

Ahora click al simbolo de la "llave para tuercas" (Encerrada en circulo rojo), esto los llevara a las propiedades personalizadas del servicio.  En la opción "Operation" seleccionar "getUserPhotos", en el user name colocar su nombre de usuario y dejar el limite de fotos a 15

Flickr Propiedades

Presionamos el boton "Ok"

PASO 4: Ahora ubicamos el grupo "Display" y seleccionamos el bloque "Carousel" y lo arrastramos al area de trabajo.

Bloque Carousel

El siguiente paso será asignarle al bloque "Carousel" su fuente, en este caso será el bloque "Flickr" que sera el que alimente con referencias de fotos el "Carousel"

Flickr a Carousel

PASO 5: El siguiente paso será probra nuestra aplicación, para esto ubicamos el boton "Run"

Boton Run

Esta opción les dará una vista previa de su aplicación.

Vista Preliminar

PASO 6: Guardar su Mash up, presionando el boton "Save"  y luego le damos un nombre y una descripción a nuestro proyecto.

PASO 7: Publicar en nuestro sitio la aplicación creada. Para este paso ubicaremos el boton "Share" y aqui tenemos dos opciones: La primera es usar un Gadget para presentar nuestra aplicacion en una red social o publicarla nosotros mismos seleccionando la opción "Embed". En mi caso utilizaré la segunda. El resultado es el siguiente:

Bueno Amigos, espero que les sea de mucha ayuda y les recomiendo probar todas las opciones que les brinda Popfly. Ahhh y se me olvidaba, tambien pueden crear sus propios juegos. Increible !!!

Saludos,

Carlos A. Lone

Etiquetas de Technorati: ,

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Categories

%d bloggers like this: