Hola a tod@s!

En los útimos eventos que hemos tenido os he ido comentando que subiría las demos al Blog...bien..por fin ha llegado ese dia!! Creedme que no he estado parado, pero subir las demos requiere comprobarlas, recopilarlas...y no era capaz de reservar una horilla para hacerlo todo. Bien... qué podéis encontrar por aqui

 

Demos de PureCode

En este evento tratábamos de que la gente que no trabaja con .NET o con tecnología Microsoft pudiese aprovechar ciertas partes de nuestra plataforma. En concreto veíamos como sacarle partido a ASP.NET AJAX desde PHP. En estas demos, vamos transformando una página PHP tradicional en una página que utiliza el framework de ASP.NET AJAX y phpmsajax (una iniciativa de Steve Marx alojada en CodePlex), para lograr la misma funcionalidad, pero asíncrona, con componentes de UI y consumiendo un objeto JSON que encapsula los servicios.

Enlace a las demos

Enlace a la presentación de ASP.NET AJAX

Enlace a la presentacion de Windows Live

 

Demos de talleres de ASP.NET AJAX utilizado desde Visual Studio y .NET

Esto esta totalmente orientado a desarrollos .NET. Hemos visto en varias cuidades algunas cosillas sobre como mejorar el trabajo con UpdatePanels (diferencia entre cnditional y always), truquillos con la libreria de AJAX en cliente (WebRequest, Debug, JSON, Encapsulación) y el PageRequestManager para controlar el ciclo de eventos en cliente, consumo de servicios web...

Enlace a las demos de AJAX y alguna de Windows Live  (No incluye demos con el toolkit de WL para Visual Studio)

Enlace al ASP.NET AJAX control toolkit

 

Demo de como incluir messenger en tu página / blog para que te contacten

Es bien sencillo, pero dada la expectación que levanta en las sesiones, vamos a ver en detalle como incluir en tu página web una ventana de messenger para que un visitante de la web te contacte sin ser un contacto de tu lista. En MSDN esta la correspondiente página donde se explica el API (presencia e IM control).

El hecho de que se pueda abrir desde cualquier página web una conversación de messenger a un usuario que esta logueado en su máquina es una combinación de dos APIs. Por un lado esta la Presence API, es la encargada de exponer el estado de un usuario dentro de la red de messenger. Y por otro lado está el IM Control que es una especie de Widget (en el desarrollo para los servicios de Windows Live, el término Widget no está muy presente, se utiliza más WebControl) que muestra una ventana para contactar con el usuario que ha expuesto su presencia.

Primero has de ir al siguiente sitio web para indicar que efectivamente, quieres permitir que cualquier persona en internet pueda saber si estas o no online en tu messenger

Enlace a aplicación web para exponer nuestro estado en messenger

Una vez hemos expuesto nuestro estado, en la sección de Create HTML podemos copiar code snippets para pegar en nuestra web, pero nosotros vamos a consultarlo a mano. En la zona de Create HTML échale un vistazo a que ID te ha asignado messenger, será algo de este estilo...

         XXXXXXXXXXXXXXXXXX@apps.messenger.live.com

Ahora incluye una sección de script en tu página web susituyendo las XXXXXXXXX por tu ID

<script type="text/javascript" src=http://applications.messenger.live.com/users/XXXXXXXXX@apps.messenger.live.com/presence/?cb=funcionCallback>

Véis que pasamos como parámetro una funcion de callback, en esta vamos a recibir un objeto JSON con el siguiente payload

 "status": "Online", 
  "statusText": "Online", 
  "id": "XXXXXXXXXXXXX@apps.messenger.live.com", 
  "displayName": “David Salgado", 
  "icon": {    "url":"http://settings.messenger.live.com/Conversation/img/Status_Online.gif",     "width": 16, 
   "weight": 16 
  }

De modo que en la función, podemos ver si la persona esta online y si es así incluimos el IM Control para que la persona sea contactable

function checkpresence(presence)
{
if (presence.statusText == "Online")
 {
 $get("msngform").innerHTML = "<iframe  src=\http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=XXXXXXXXXX%40apps.messenger.live.com&mkt=en-US\ width=\"300\" height=\"300\" style=\"border: solid 1px black; width: 300px; height: 300px;\" frameborder=\"0\"></iframe>";
 }
}

Hala! ahora os toca probarlo :) por último os paso el enlace de la página de desarrollo en Windows Live Services por si queréis echar un vistazo a algún otro servicio ;)

 

Creo que no se me olvida nada, pero si me dejo algo...dejadme comentario para que lo suba.

 

Happy Hacking!

~DS