Archive

Posts Tagged ‘Messenger’

Workshop – Desarrollo con Windows Live

November 12, 2010 Leave a comment

Como parte del programa {Activa}, un programa orientado a profesionales de tecnologia, se realizan una serie de worskshops, martes para desarrollo y Jueves para infraestructura presentando ultimas tecnologias y metodologias para enriquecer nuestras aplicaciones y en general nuestro negocio.

El proximo martes 16 de Noviembre tengo la oportunidad de dictar el workshop de desarrollo en Windows Live, vamos a ver como integrar servicios de windows live como ID, messenger, contactos entre otros de una manera muy simple.

Asi mismo, vamos a ver integrar los modelos de autenticacion de nuestras aplicaciones con Windows Live ID para generar usuarios unicos en nuestros desarrollos.

Para los asistentes en la ciudad de bogota, puden asistir presencialmente en las oficinas de Microsoft Colombia, Cra 7 con 72 torre davivienda piso 15 a las 600PM.

Esta sesion tambien sera transmitida via live meeting para quienes no pueden asistir presencialmente.

Para ambos casos solo deben registrarse haciendo clic sobre la imagen

image

La invitacion es a participar de esta actividad, asi que los espero.

Mayor info: http://www.microsoft.com/colombia/activa/

Gerardo Ramos  Microsoft Student Partner

Windows Live Anywhere

August 11, 2010 Leave a comment

Herramientas como Windows Live Messenger y Hotmail se han convertido en utilidades indispensables a la hora de trabajar y estudiar, asi mismo la posbilidad de acceder a estos servicios sin importar el sitio o la plataforma tambien se ha convertido en una tarea necesaria.

Para ello, el equipo de Windows Live ha permitido la posibilidad de que podamos acceder a estos servicios sin importar el sitio o la plataforma, a continuacion describo algunas de las posibilidades de acceder a los servicios.

Mac:

Messenger:

 
Para mac, existe un aplicativo cliente que se instala y esta disponible para descarga gratuita su version 8 Beta.
Este aplicativo permite funciones basicas similares a las del Live Messenger para Windows tales como llamadas, video y transferencia de archivos.

Info y descarga: http://www.microsoft.com/mac/products/messenger-8/default.mspx

Video Demostrativo:

Windows Live Messenger Tutorial

 

Live Sync:

La posiblidad de sincronizar archivos entre un dispositivo mobil, windows o mac tambien esta disponible para este sistema, con live sync esto es posible.

Descarga en: http://www.microsoft.com/downloads/details.aspx?FamilyID=6fd1dcd3-41ae-4726-b8bb-ff5506315990&displaylang=en

Este PC Mac puede ser administrado y agregado desde: http://devices.live.com

Dispositivos Moviles

De entrada se puede acceder a los servicios de windows live desde smartphones segun la marca. http://www.windowsliveformobile.com/

 

http://www.windowsliveformobile.com/en-us/windowsphone/default.aspx
http://www.windowsliveformobile.com/en-us/blackberry/default.aspx
http://www.windowsliveformobile.com/en-us/nokia/default.aspx
http://itunes.com/apps/windowslivemessenger

Mayor info en: http://www.windowsliveformobile.com/

Asi mismo conoce los beneficios en: http://www.windowsliventusmartphone.com/

Gerardo Ramos – Microsoft Student Partner

Windows Live – Ventana de Contacto de Messenger en Aplicativos Web

August 9, 2010 1 comment

Hoy en dia el servicio de mensajeria instantanea se ha convertido en una necesidad an ambitos laborales y academicos. Para ello un servicio como Windows Live Messenger se ha convertido en una excelente alternativa para esta situacion.

En algunas ocasiones sucede que agregamos tantos contactos que no sabemos quien es quien, para evitar esta situacion generalmente nos volvemos “celosos” con nuestra direccion de correo entregandola solamente a quienes deseemos, pero esto a su vez es negativo ya que priva en algunos casos a que las personas puedan contactanos para alguna sugerencia.

Para ello, Windows Live Messenger ofrece una serie de controles de contacto, dichos controles permiten a cualquier persona con un cuenta de Windows Live tener la posibilidad de chatear con nosotros de manera “anonima”, es decir, poder contactarnos via Live Messenger sin tener la posibilidad de ver nuestro correo electronico.

Esto que permite, que las personas puedan ver en tiempo real nuestro estado de messenger para comunicarse con nosotros pero tenga privacidad al no hacer publica la direccion de correo electronico, por el otro lado, la persona solicitada podra ver como un “Visitante” desea chatear con el y este si podra ver la direccion de correo con la posibilidad de agregarlo a los contactos.

A continuacion presentare como se implementa y utiliza este control, la verdad es algo bastante sencillo y a la vez util como lo mencione anteriormente.

Seleccionar y Crear control de chat

En este primer paso, vamos a crear la visualizacion del control, para ello ir a http://settings.messenger.live.com/applications/CreateHtml.aspx e iniciamos sesion con la cuenta de messenger que deseamos “publicar”.

image

Existen 3 posibles controles disponibles a seleccionar, a medida que seleccionemos el control, la pagina nos genera el codigo segun sea el caso:

Control de Ventana Interna: Este control consiste en una ventana de chat, incluida en la pagina, basicamente a modo de codigo es un tag html iframe que se coloca en la pagina deseada.image
Como se puede ver, se puede personalizar el color y el tamano del control. La parte sombreada es el identificador que windows live asigna a la cuenta ID que va vinculada con el control.
image
Boton: El boton de contacto funciona similar al control de ventana, mas pequeno, basicamente cambia en q al momento de hacer clic sobre el se abre una ventana emergente con el control de chat. Para ello utiliza un javascript encargado de realizar la tarea.
image
image
image
Icono de Estado: Este icono, es el mas discreto de los 3 simplemente muestra el estado de messenger del contacto, y al igual que el boton al hacer clic se abre una ventana nueva con el control de chat, no un popup sino una ventana nueva de navegador.
image
image
image

Implementar y usar control de chat

Ya el segundo paso es incluir el codigo HTML del control seleccionado dentro del sitio web, y eso es todo.

Ya el funcionamiento es bastante sencillo, independiente del control q seleccionemos para la pagina, al momento de presentarse la ventana de chat, vemos el mensaje “Begin a Conversation”,  al hacer clic sobre el, y si tenemos una sesion de Windows Live ID abierta en el navegador, Windows Live presentara el usuario actual con el q se va a chatear.

imageimage

Por otro lado, del lado del contacto, en su ventana de messenger se indicara el correo del usuario que desea chatear con la posibilidad de agregarlo a la lista de contactos.

imageimage

En caso de que no se tenga abierta una sesion de Windows Live en la ventana del navegador, simplemente se chateara como visitante al sitio.

imageimage

De esta manera ninguno de los contactos tendra conocimiento de los correos de manera directa pero podran comunicarse desde el sitio sin ningun problema.

imageimage

Como pudimos ver, las posibilidades de comunicarnos y permitir que la gente nos contacte aumentan dia a dia, la invitacion es a conocer este control, coloque en el blog el control de estado para que puedan chatear conmigo cuando lo deseen, esta ubicado en la parte derecha de la pagina y en la pagina de Perfil.

image

image

Gerardo Ramos – Microsoft Student Partner

Categories: Windows Live Tags: ,

Windows Live – Entendiendo Messenger Connect

August 9, 2010 1 comment

Junto a la salida del Nuevo SDK de Windows Live el pasado mes de junio, se ha realizado una reestructuracion de esta herramienta con el objetivo no solo de acceder a los servicios de Live desde nuestros sitios web sino tembien generar un mayor trafico en las paginas que implementen esta tecnologia, para ello ha nacido un nuevo concepto denominado Messenger Connect, basicamente el objetivo de este componente es generar un mayor trafico dentro de nuestras aplicaciones web.

Algo interesante es q existen diversas formas de acceder a los servicios de Windows Live utilizando Messenger Connect:

  • Badges: un tag html que permite compartir via messenger y otras redes sociales vinculadas una ulr especifica.
  • .NET API: Este API para .NET permite acceder via codigo C# y VB a los servicios delive utilizando libreias y namespaces especificos.
  • JavaScript API’s: las librerias de Javascript incluyen metodos de acceso y controles visuales.
  • REST: endpoint que pueden ser llamados de manera externa.

Como pudimos ver, las opciones de conectividad a los servicios de windows live son varias segun la herramienta o necesidad.

 

Gerardo Ramos – Microsoft Student Partner

Categories: Windows Live Tags: ,

Incluir Control de Windows Live Chat en Aplicaciones Web

July 27, 2010 11 comments

Una de las novedades con la salida del SDK de Windows Live es el control de chat, un componente que utilizando el servicio de Windows Live ID y Windows Live Messenger permite tener la opcion de chat para implementarlo en un sitio web.

Un control bastante sencillo de implementar y de utilizar que permite a  los usuarios que con su cuenta de windows live pueda acceder a una ventana de chat y al messenger en un solo sitio.

La implemetacion de este control es bastante sencilla y consta de 2 pasos.

1. Registrar sitio y obtener el Applicaition ID

Cada vez que se desarrolla utilizando los servicios de Windows Live hay que adquirir un Application ID encargado de la identificacion del sitio dentro de Live, para ello ir a http://live.azure.com e iniciamos sesion con una cuenta de Windows Live.

En este portal se pueden registrar hasta 20 aplicaciones difetenres que consuman los servicios. En la pagina de Summary seleccionar la opcion New Service ubicado en la parte superior derecha.

image

De esta forma indicamos el registro de una aplicacion dentro de Live, para ello seleccionar la opcion Live Sevices: Existing APIs.

image

El formulario de registro es bastante sencillo de llenar, simplemente colocarlo los siguientes datos:

Service Component Label: Nombre del sitio, para el control de chat este nombre no se va a ver relfejado en ninguna parte.

Srvice Component Description: Descripcion del sitio.

Domain: Pagina de Inicio donde esta la aplicacion, sin necesidad de colocar el http://.

Return Url: pagina donde va a estar ubicado el control de chat.

image

Para finalizar clic en Create y listo, posterior al registro, el sistema presenta el Application ID asignado al sitio, este valor se va a necesitar al momento de colocar el control en la pagina.

image

2. Colocar scripts, control de Chat en sitio y asignar Application ID

Una vez registrado el sitio en Windows Live, para agregar el control de chat a un sitio web hay que incluir 3 componentes

  • Encabezado, en el tag htm de la pagina se coloca el alias wl para indicar que todos los controles q contenagan este dato estas sujetos a la definicion del javascrip definido alli. <html xmlns:wl="http://apis.live.net/js/2010"&gt;
  • Hacer referencia al javascript encargado del proceso de autenticacion. <script src="http://js.live.net/4.0/loader.js"></script>
  • Agregar el control de chat en cualquier parte del tag body de nuestra pagina. <wl:chat-frame event-name="<Nombre del Sitio>" client-id="<Application ID>"> En este ultimo paso en el campo <Application ID> se debe colocar el valor que Windows Live nos retorno al momento del registro.

A continuacion muestro un ejemplo de como es este proceso en una pagina HTML y en una de ASP.NET (ASPX)

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:wl="http://apis.live.net/js/2010">
<head>
    <title>Titulo de la Pagina</title>
    <script src="http://js.live.net/4.0/loader.js"></script>
</head>
<body>
    <div>
        <br />
        <wl:chat-frame event-name="<Nombre del Sitio>" client-id="<Application ID>">
        </wl:chat-frame>
    </div>
</body>
</html>

 

ASPX:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Chat.aspx.cs" Inherits="NFN.Chat" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns:wl="http://apis.live.net/js/2010">
<head id="Head1" runat="server">
    <title>Titulo de la Pagina</title>
    <script src="http://js.live.net/4.0/loader.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <wl:chat-frame event-name="<Nombre del Sitio>" client-id="<Application ID>">
        </wl:chat-frame>
    </div>
    </form>
</body>
</html>

Como se puede ver el proceso es bastante sencillo y tanto para una pagina asp.net como html el proceso es identico.

Este control es visualmente personalizable, simplemente es agregar al tag del control alguna de las siguientes propiedades con los valores especificados

image

El uso de este control es bastante sencillo, para iniciar a chatear, debemos inciar sesion con nuestro Windows Live ID.

imageimageimage

Hecho esto, Vamos a ver como en la parte superior del control no sola mente se activa el control de chat sino tambien los contactos del messenger, de esta manera vamos a poder tanto chatear como hablar por messenger de manea independiente pero desde el mismo control, a continuacion una serie de pantallazos de ejemplo para visualizar mas detalladamente.

imageimage

imageimage

Nuestro Framework .NET es un portal de entusiastas y expertos en tecnologias de desarrollo Microsoft al cual pertenezo, tuve la oportunidad y orgullo de implementar este control de chat un este sitio, para cualquier consulta con los expertos los invito a visitar el sitio http://nuestroframework.net/

image

Y visitar el chat: http://nuestroframework.net/Articles/NFNChat.aspx

Para mayor info recomiendo ir al portal de desarrollo de Windows Live: http://dev.live.com

Info de control de Chat: http://msdn.microsoft.com/en-us/library/ff750122.aspx

La invitacion es a aprovechar estos recursos, si bien messenger es una herramienta que hoy en dia se ha convertido en una necesidad para muchos, vale la pena aprovecharla no solo para comunicarnos con nuestros contactos sino tambien de compartir con quienes deseemos.

Gerardo Ramos – Microsoft Student Partner

Windows Live – Desarrolla Live

July 1, 2010 1 comment

Buenas!!!!

Despues de una larga espera (desde octubre pasado), se ha liberado el nuevo portal de desarrollo de Windows Live, junto a el tambien se libero una serie de nuevos tools para cada uno de los servicios asociados a la plataforma.

 

La posibilidad de que nuestras aplicaciones utilicen el sistema de autenticacion y registro de windows live, un sistema que actualmente tiene millones de usuarios en el mundo y dia a dia crece. Seguro y confiable.
Info: http://msdn.microsoft.com/es-co/windowslive/ff723757(en-us).aspx
El servicio de mensajeria instantanea mas utilizando del mercado, integrarlo a nuestros desarrollos de manera sencilla para ofrecer comunicacion entre los usuarios de una manera agil y facil.
Info: http://msdn.microsoft.com/es-co/windowslive/ff723757(en-us).aspx
Todos tenemos contactos, imaginemos que los usuarios de nuestra pagina puedan contactarlos de manera facil desde nuestro sitio, Contacts da la posibilidad de ejecutar esta tarea.
Info: http://msdn.microsoft.com/es-co/windowslive/ff759524(en-us).aspx
Hoy en dia todos realizamos actividades como bloggear, comentar en fotos, subir fotos o videos, etc, agregar actividades estas a nuestro perfil y que se vean reflejadas en nuestro sitio, es una posibilidad que Activity Stream permite.
Info: http://msdn.microsoft.com/es-co/windowslive/ff759528(en-us).aspx
Los calendarios son la mejor forma de organizar nuestro tiempo y actividades, asi mismo, la utilizacion de diversos calendarios segun su uso es frecuente dia a dia,  imaginemos que desde nuestro sitio los usuarios puedan subcribirse al calendario de la pagina o manejar el propio.
Asi mismo, acceder a las fotos almacenadas en nuestro skydrive, tagear una persona.
Info: http://msdn.microsoft.com/es-co/windowslive/ff759526(en-us).aspx

No hay duda que estos nuevos tools de desarrollo para windows live permiten una mejor experiencia para los visitantes de nuestros sitios o aplicaciones, proximamente hare enfasis en cada uno de ellos. Por ahora la invitacion es a ingresar al portal de desarrollo para windows live a conocerlos.

Windows Live Developer Center

Gerardo Ramos – Microsoft Student Partner

Windows Live – Office Web Apps

June 7, 2010 4 comments

Buenas!!!

Windows Live dia a dia va evolucionando, desde el anuncio de la salida del wave 4, nos hemos dado cuenta de las novedades que se vienen y en general del cambio radical que van a tener los servicios de Windows Live.

Primero los invito a conocer la nueva pagina de perfil http://profile.live.com

De entrada se puede ver el nuevo menu ubicado en la parrte superior de la pagina.

image

Ahora les presentare algunas de las novedades de los servicios que al dia de hoy han sido agregados.

Hotmail:

Este servicio es el que mas cambios va a tener, a continuacion les referencio un video donde se nombran varias de estas novedades, aun no estan disponibles pero esperar valdra la pena.

 

Messenger:

Colocando el raton sobre el texto de messenger del menu superior, se presentan las siguientes opciones image
Al hacer clic sobre “Iniciar sesion en Messenger”,  este menu nos presentara el listado de contactos conectados ademas de la opcion de agregar mas contactos image
Asi mismo cada vez que se abre una nueva conversacion, la ventana correspondiente a esta se ubicara en la parte inferior derecha con la posibilidad de convertirse en una externa. image

image

Algo que me agrado bastante de este nuevo messenger fue el rendimiento, y como siempre la facilidad de uso.

Importante a tener en cuenta es que sin importar la pagina donde te encuentres dentro de windows live, el servicio de messenger siempre va a estar habilitado y con el estado y conversaciones que tengamos abiertas.

Office:

Esta nueva opcion si que es interesante, permite visualizar todos los documentos que tengamos almacenados en nuestro Skydrive

image

A manmo derecha se puede ver la posibilidad de crear documentos de Word, Excel Powerpoint y Onennote 100% en linea.

image

Al seleccionar la opcion de word, nos presentara la pantalla para colocar el nombre del documento.

image

Hecho esto se abrira en la ventana del navegador Word Web App, en donde tendremos a disposicion las funciones mas basicoas de word directamente desde el navegador.

image

La posibilidad de agregar imagenes desde el PC, abrir el documento directamente en Word, administrar permisos entre otros, convierten a esta herramienta en una nueva forma de acceder a nuestra informacion desde cualquier parte.

image

 

De igual forma para Excel, funcionalidades basicas pero suficientes para inicar a trabajr.

image

 

Formulas, versionamiento de documentos.

imageimage

 

En power point, de entrada se pregunta al usuario la selecciond e una plantilla especifica

image

Funcionalidades tales como agregar notas, smart art, imagenes desde el pc.

image

 

Por ultimo Onenote permite la posibilidad de sincronizar notas desde nuestro onenote en nuestro pc con la version con Onenote Webapp

imageimage

Fotos:

Dentro de las opciones de fotos se pueden ver las opciones:

image

Dentro de las opciones generales de compartir, cargar y ver presentacion, fotos recientes de contactos entre otros.

image

 

image

 

Skydrive:

25 Gb de almacenamiento y la posibilidad de agregar archvisoa de hasta 50MB con solo arrastrar y pegar gracias a la tecnologia silverlight.

image

 

La invitacion es a aprovechar estos excelentes servicios que dia a dia van evolucionando, solo nos queda esperar el wave 4 que se viene en los proximos meses.

Donde Iniciar: http://home.live.com

Mayor info:http://www.officelive.com/en-us/web-apps-preview

Starter Guide: Download the Getting Started Guide

 

Video: Office Casual: Why work with Office Web Apps

 

Gerardo Ramos – Microsoft Student Partner