Archive

Posts Tagged ‘WebMatrix’

Microsoft Camps 2011

November 16, 2011 Leave a comment

Hola a todos, ha llegado el Code Camp, un evento enfocado a desarrolladores cuyo objetivo es presentar lo ultimo en tecnologías de desarrollo, Azure, Windows Phone 7 y Web Matrix seran los protagonistas de este evento.

clip_image001

Así mismo, para los interesados en el tema de infraestructura, también esta el IT Camp, SQL Server 2012, Private Cloud serán los protagonistas.

clip_image002

Un evento en el cual de la mano de expertos se darán a conocer estas tecnologías además de la posibilidad de que los asistentes ganen premios.

La invitación es a participar y aprovechar los recursos que Microsoft ofrece para los profesionales de tecnología.

Los speaker seleccionados para este evento son:

Sorey Gracía (WP7), Alberto Rivera (Denali), Andrés Fontán (Azure), Christian Moreno (Denali), Daniel Vargas (Private Cloud), Freddy Angarita (Denali), Gerardo Ramos (Azure), German Ruiz (Private Cloud), Guillermo Taylor (Denali), Hernán Guzmán (WP7), John Bocachica (Denali), John Bulla (Denali), Juan Carlos Ruiz (WebMatrix) , Juan David Gómez (WebMatrix), Juan Manuel Lombana (Azure), Julio Avellaneda (WebMatrix), Miguel Mendoza (Azure), Miguel Quintero (WebMatrix), Pavel Espitia (WP7), Ricardo González (Azure), Roberto Alvarado (WP7), Sergio Calderón (Private Cloud).

Los esperamos.

Gerardo Ramos

Advertisements

Integrando Autenticacion de Windows Live con ASP.NET usando #WebMatrix

January 6, 2011 1 comment

Desde hace varios años los servicios de autenticacion han ayudado a que los equipos de desarrollo implementen servicios de autenticacion como Windows Live ID, facebook, twitter, GMail, yahoo, OpenID,  entre otros a sus desarrollos, de esta manera, los usuarios no tienen que aprender un nuevo usuario y clave para nuestro sitio si no que utilizan su credencial de cualquiera de los servicios mencionados anteriormente para acceder a nuestro sitio.

imageimage

De esta manera tanto nuestros desarrollos como los proveedores de servicios de autenticacion ganan mas trafico en los sitios y hacen que los usuarios se sientan mas “amigables” con ambos sites.

Windows Live ID permite a los usuarios identificarse con su cuenta @hotmail.com @live.com u otra cuenta de cualquier dominio que se encuentre registrada en http://domains.live.com acceder a todos los servicios de Windows Live.

El servicio de autenticacion de Windows Live es muy sencillo y lo podemos ver reflejado en la siguiente imagen.

Bb676631.d36d6eab-1dfd-4df9-8b78-513dd80ec514(en-us,MSDN.10).jpg

1. El usuario solicita la pagina que contiene la autenticacion.

2. El sitio retorna la pagina con el link de Sign In.

3. El usuario hace clic en Sign In.

4. Se presenta al usuario la pagina de inicio de sesion de Windows Live.

5. El usuario ingresa sus credenciales

6. Windows Live valida y autentica al usuario.

7. Windows Live redirecciona al sitio inicial ya con un token o identificador asignado al usuario.

8. Ya con la sesion iniciada el site muestra la informacion deseada.

 

Trabajar con el SDK de Windows Live ID es muy sencillo en los siguientes pasos explicare como utilizarlo y como esta compuesto.

1. Descargar e instalar el Windows Live ID SDK

La integracion de este servicio con aplicaciones ASP.NET es bastante sencilla gracias al Windows Live ID SDK, para descargarlo podemos ir a http://bit.ly/gCS1ba.

En esta pagina se encuentran ejemplos de como se implementa ese SDK en diferentes lenguajes como C#, Visual Basic, PHP, Java, entre otros.

image

Para este caso vamos a descargar el archivo correspondiente a C# llamado webauth-cs-1.2.msi el cual es el primero de la lista.

El proceso de instalacion es se raliza a travez de un wizard de una manera bastante sencilla.

imageimage

imageimage

Ya instalado, en la carpeta selecionada durante el proceso vamos a encontrar los siguientes archivos.

image

La carpeta App_Code contiene la clase “WindowsLiveLogin.cs” encargada de la autenticacion y captura de identificadores de usuario de Windows Live y los eventos correspondientes con la autenticacion, mientras que la carpeta sample tiene un sitio de ejemplo en asp.net donde se muestra como se utiliza dicha clase.

image

Le ejecucion de este ejemplo es muy sencilla y posteriormente profundizaremos un poco en el SDK.

Copiar la carpeta App_Code dentro de la carpeta Sample, de esta manera ya incluiremos la calse “WindowsLiveLogin.cs” en el site de ejemplo.

image

2. Crear un nombre de dominio Nuevo en la maquina local

Todo aplicativo web que vaya a utilizar los servicios de windows live debe estar registrado en la plataforma, para ello modificaremos el archivo host de nuestra maquina local para crear un alias a nuestra maquina.

En Windows XP/Vista/2008/7 la ubicacion de este archivo es “C:\Windows\System32\drivers\etc”. Abrir el archivo hosts en un editor de texto como Bloc de Notas. Y colocar el nombre que deseemos para el ejemplo, en ese caso lo llame http://www.windowslivelocal.com

image

De esta manera cuando en un navegador ingresemos www.windowslivelocal.com simplemente se va a dirigir a localhost o nuestra maquina local.

3. Registrar dominio en Windows Live.

Ya con el nombre de dominio creado para nuestra prueba, vamos a registrarlo en Live. Para ello ir a http://manage.dev.live.com e iniciar sesion con nuestras credenciales de live.

Una ve ingresado se pueden registrar hasta 100 dominios diferentes en la pagina.

image

Click en Add an application. En la siguiente pantalla, se seleccionara el tipo de aplicativo a registrar, para el caso seleccionar “Web Application” e ingresar el nombre de dominio que creamos en el paso anterior.

image

Cuando ingresemos los datos hacemos clic en I accept, Windows Live asiganara a nuestro dominio 2 keys de identificacion, una llave publica y una privada.

image

Estas llaves las vamos a necesitas mas adelante asi que es mejor tenerlas a mano.

Ahora hay que indicar la url de retorno a la cual queremos que redireccione despues de que un usuario inicie sesion. Para ello clic en el link Essentials.

image

En esta pagina se configuran parametros la pagina de privacidad del sitio, logo y demas elementos que se utilizan cuando el aplicativo web utiliza Messenger Connect, para el Windows Live ID SDK solo actualizaremos el campo Return URL con el valor :/webauth-handler.aspx">http://<dominio>:<puerto>/webauth-handler.aspx, que para el ejemplo le asigne el puerto 88, de esta manera la cadena quedaria, http://www.demoid.com:88/webauth-handler.aspx y Clic en Save.

4. Configuracion y Ejecucion del ejemplo desde WebMatrix

Hecho los pasos anteriores ahora abrimos Web Matrix (http://bit.ly/webmatrix).

Nota: para el caso y si web matrix esta en Windows Vista o 7 hay que ejecutarlo como administrador.

En la pantalla de inicio seleccionar la opcion “Site from folder”.

image

Y abrir la carpeta sample del sdk descargado anteriormente.

Hecho esto vamos ahora a signarle el puerto 88 y el nombre de dominio al sitio, para ello en el panel de la izquierda seleccionar la opcion Site ubicado en la parte inferior y la opcion Settings.

En la caja de texto de la url colocar le nombre de dominio y el puerto que registramos en Windows Live tal como se ve en la imagen.

image

 

Por ultimo vamos a asignar al sitio las llaves asignadas por Windows Live para identificar el dominio que colocamos en web matrix con el que registramos. En el panel de la izquierda seleccionar la opcion files y hacer doble clic sobre el archivo web.config.

image

Ahora editamos los valores wll_appid y wll_secret, con los valores obtenidos en el paso anterior.

image

image

Y listo ahora vamos a ejecutar el sitio para verificar su funcionamiento. En la cinta de opciones clic en la opcion Run.

image

Inmediatamente veremos una ventana de internet explorer con el nombre de dominio y el puerto que indicamos en la configuracion de webmatrix.

Si hacemos clic en el boton Sign In, este direccionara a una pagina de autenticacion de Windows Live en la cual se solicitan las credenciales de usuario.

image

Interesante de esta pagina como podemos ver es que es directa de Windows Live, de esta manera el usuario ya identificara la interfaz y se dara cuanta que es propia de Microsoft, tambien la pagina advierte que nuestro dominio simplemente esta compartiendo autenticacion con el sitio y se le suministrara un ID anonimo.

image

Ahora cuando el usuario ingrese sus credenciales validas de Windows Live, vamos a ver como se direcciona automaticamente a la pagina de inicio con la diferencia de que el boton de sign in cambio a sign out y se muestra el ID anonimo que Windows Live le asigno al usuario que inicio sesion en Windows Live ya con este valor podremos identificar al usuario cada vez que inicie sesion en el site.

image

Ahora analicemos mas detalladamente el codigo en Visual Studio.

5. Analisis del SDK

Lo primero que vamos a ver es el control de sign in. En la pagina default.aspx se puede visualizar que es un tag html iframe.

image

Si se desea modificar el estilo del control recomiendo consultar este link http://bit.ly/hdPXz0

Como observamos toma como parametro el APPID del archivo web.config que se indico anteriormente.

Cuando hacemos clic sobre el, y redirecciona a la pagina de inicio de sesion Windows Live, cuando el usuario ingresa sus credenciales, windows live redirecciona al Return URL que indicamos al momento del registro de la pagina.

image

La pagina webauth-handler.aspx se encarga se crear y eliminar las cookies segun el request que se realice.

Primero se definen parametros como la pagina de login y logout, que en este caso es la misma, el nombre de la cookie y las fechas de expiracion.

image

Al cargar la pagina (recordemos que esta pagina la direcciona Windows Live cuando el usuario se loguea de manera correcta) se verifica la accion que se esta ejecutando, utilizando el objeto HttpRequest obtenemos la accion que se ejecuta.

image

Dependiendo de la accion se elimina la cookie o se cierra la sesion.

image

En caso contrario a los dos anteriores “login” se crea una instancia de la clase WindowsLiveLogin

image

Cuando la accion es “login” se crea una nueva instancia del pbjet WIndowsLiveLogin.User el cual va a almacenar el identificador del usuario, el tiempo activo de la sesion entre otros.

Por ultimo se crea la cookie y se redirecciona  al pagina deseada.

Para conocer mas en detalle la pagina webauth-handler.aspx ir a http://msdn.microsoft.com/en-us/library/bb676640.aspx

Ya cuando se direcciona a una pagina del site (default.aspx en el ejemplo), este crea una instancia nueva del objeto WindowsLiveLogin.

Este objeto lee la cookie que se creo anteriormente y almacena el identificador del usuario dentro de la propiedad id.

image

Como pudimos ver, el modelo de autenticacion de Windows Live es bastante sencillo de comprender y de implementar. En la misma pagina se encuentran tambien ejemplos en php, java y otros lenguajes, su implementacion y funcionamiento es igual, asi que la invitacion es a conocerlos y a utilizar estos servicios gratuitos conocidos por todos.

Mayor Info:

MSDN, Windows Live ID Authentication SDK: http://msdn.microsoft.com/en-us/library/bb676633.aspx

Windows Live ID SDK: http://bit.ly/LiveIDSDK

Centro de Desarrollo de Windows Live: http://dev.live.com/

Samples for Web Authetication: http://msdn.microsoft.com/en-us/library/bb676635.aspx

Gerardo Ramos

Activa tu Conocimiento en Desarrollo – Noviembre

October 31, 2010 1 comment

image

Uno de los objetivos del programa activa tu conocimiento es presentar a los participantes, las nuevas tendencias y herramientas en cuanto a temas de desarrollo e infraestructura. En esta ocasion quiero compartiles la agenda para lo que resta del año para el track de desarrollo.

Para este track tengo la oportunidad de ser Speaker de las sesiones del 16, 23 y 30 de noviembre, Windows Live, Redes Sociales y WebMatrix son los temas que tendre la oportunidad de dar a conocer a la comunidad de profesionales.

image

Como vemos la agenda las 2 primeras sesiones se enfocan en arquitectura, despues vemos como integrar servicios de redes sociales y windows live en nuestras aplicaciones, y para finalizar WebMatrix y cerraremos con una breve Introduccion a XNA.

Para quienes estan en Bogota pueden asistir presencialmente a la actividad, en las oficinas de Microsoft Colombia, para los de afuera pueden asistir via live meeting, en la pagina de Activa pueden encontrar los enlaces.

La invitacion queda abierta a participar de estas ultimas sesiones del 2010 asi que los espero.

Mayor Info: http://www.microsoft.com/colombia/activa/activa_conocimiento_desarrollo.aspx

Gerardo Ramos – Microsoft Student Partner

Maratón Latinoaméricana de Tecnología y Microsoft PDC

October 26, 2010 Leave a comment

Banner_Mix2

Hola a todos

Despues de una larga espera por fin da inicio le Maraton Latinoamericana de Tecnologia, un evento organizado por MSP (Microsoft Student Partners) de toda Latinoamerica enfocada a estudiantes. Presentando tecnologias Microsoft de punta, y mediante transmision online, el talento y animo de los MSP de latinoamerica saldra a relucir los proximos 26 y 27 de octubre.

Asi mismo el pdc (Profesional Dveloper Conference) que se realizara los dias 28 y 29 y tambien sera transmitido de manera online permitira a los asistentes conocer las ultimas tecnologias y tendencias en cuanto a desarrollo.

Los dejo con la agenda y los links de enlace. Para mayor info clic sobre las imagenes.progrmacion

La invitacion es a aprovechar una semana llena de tecnologia de la mano de los estudiantes mas talentosos de latam.

Asi mismo pueden encontrar toda la infor relacionada en la pagina del evento, la cual esta montada sobre Windows Azure aprovechando srvicios de Windows Live y aplicativo el cual tuve la oportunidad y honor de construir.

Pagina Oficial: http://maratonpdc.cloudapp.net/

Gerardo Ramos – Microsoft Student Partner

WebMatrix & Windows Live Parte II (Integrando con Moodle)

October 22, 2010 10 comments

Como parte de este corto ciclo de integracion de Servicios de Windows Live con aplicaciones Open Source utilizando WebMatrix, en este segundo post quiero mostrar como de manera sencilla y ulizando webmatrix se integra Moodle no solo la autenticacion de windows live, sino tambien correo electronico, messenger y alertas.

Mayor info en: http://moodle.com/

Una introduccion breve, Moodle es un LMS (Learning Management System), una plataforma de educacion virtual open source muy robusta el cual permite a instituciones educativas crear espacios de colaboracion entre estudiantes y docentes. La creacion de cursos, carga de materiales, examenes, foros de discusion entre otras caracteristicas.

Hablando de caracteristicas tecnicas Moodle, esta construido en PHP y MySql, interesante de esto es que cuando se instala WebMatrix, se instala tambien PHP 5 y un motor de MySql 5 o 6, de esta manera moodle puede correr sin problemas con webmatrix.

La integracion de los servicios de Windows Live con Moodle esta orientada a aquellas instituciones que tienen la plataforma live@edu, la cual permite a las instituciones educativas acceder a todos los servicios de windows live a travez de su cuenta de correo institucional (@institucion.edu), una de las caracteristicas mas importantes de esta plataforma es no el uso de hotmail sino de Outolook Live, con cero publicidad y una interfaz limpia, permite a los usuarios navegar dentro de su correo electronico y contactos de una manera mas sencilla.

A continuacion explicare desde la instalacion del moodle y su integracion con Live.

1. Instalacion y Configuracion de Moodle utilizando WebMatrix

El primer paso es descargar e instalar moodle a travez de webmatrix, para ello, abrimos webmatrix y en la pantalla inicial seleccionamos la opcion “Site from Web Gallery” y en el tipo CMS seleccionar moodle, colocarle el nombre deseado y clic en Next.

image

En la pantalla de terminos y condiciones clic en “I Accept”.
image

Posteriormente se solicitan el servidor de base de datos, nombre de base de datos, nombre de administrador y contrasena.
image

Una vez descargado e instalado Moodle, clic en Ok para finalizar.
image

Como todo aplicativo que se integre con Windows Live, este debe pertenecer a un dominio y estar registrado dentro de Live, en este ejemplo vamos a ejecutar la aplicacion de manera local.
Para asignar un nombre de dominio al PC local debemos modificar el archivo host  ubicado en c:/Windows/System32/Drivers/etc como se ve en la imagen, para el ejemplo se coloco el nombre www.moodlelocal.com pero puede ser el que  se desee.
image

2. Configurando Moodle

Ahora volviendo a WebMatrix, vamos a asignarle el nombre de dominio que se definio en el ultimo paso del numeral anterior.

Para ello, en webmatrix, ir al panel Site y seleccionaro la opcion Settings, en este punto se permite seleccionar la pagina inicial del sitio, url, si se desea utilizar Conexiones SSL, y version del .NET Framework.

En la URL colocar la direccion que agregamos en el archivo host como se ve en la imagen.

image

Para efectuar los cambios reiniciamos el sitio, hecho esto, en la pestana site seleccionar la opcion Restart.

Nota: Si se esta trabajando en Windows 7, se debe iniciar webmatrix como administrador.

Hecho esto entramos a la utl y puesto especificado en webmatrix, para el ejemplo http://www.moodlelocal.com:8286//, de esta forma se entrara a la pagina de configuracion de moodle. En esta pagina se indican los terminos de uso de la licencia, para aceptar y continuar clic en Yes.

image

La pagina siguiente, permite seleccionar el metodo de instalacion, seleccionar la opcion “Unattended operation” para realizar una instalacion desatendida, de esta manera, no visualizaremos el proceso de instalacion sino hasta que este se complete. Clic en Continue para iniciar la instalacion.

image

La instalacion dura alrededor de 10 mins tiempo durante el cual en la ventana del navegador se visualizaran los pasos que va avanzando el proceso de instalacion.

Al finalizar, se presentara la ventana de configuracion inicial en donde se preguntaran datos generales del sitio y del administrador del sistema.

image

image

Cuando hallamos llenado el formulario, clic en Update Profile para confirmar los datos.

La siguiente pagina es la encargada de configurar los parametros del sitio. Titulo, Descripcion. Clic en Save changes para continuar.

image

Y listo ya tenemos nuestro moodle montado en web matrix con un nombre de dominio local asignado y listo para trabajar.

image

El siguiente paso es integrar los bloques de servicio de Windows Live y la crecion de las cuentas.

2. Agregar bloques de Live Services en Moodle

El proceso de integracion de live services a moodle es bastante sencillo y consta de 3 etapas.

La primera etapa consiste en la “instalacion” de los bloques de live en moodle, para ello los invita a descargar los componentes que se pueden encontrar en esta pagina, haciendo clic sobre el link “Try It”.

El archivo descargado se llama MS4M.zip.

image
El contenido del archivo descargado contiene los paquetes de integracion, paginas de autenticacion y ayuda e idiomas.

auth: paginas de autenticacion
blocks: bloques de visualizacion y consulta para paginas.
documentation: manual de instalacion y FAQs
lang: paginas de ayuda de live services

image

La segunda etapa consiste en reempazar el archivo php.ini por el que les referencio a continuacion y pueden descargar: http://cid-817623b1a1f904a6.office.live.com/self.aspx/Public/php.ini

Este archivo se encuentra ubicado en C:\Program Files (x86)\IISExpress8\PHP\v5.2 para sistemas de 64 bits y C:\Program Files\IISExpress8\PHP\v5.2 para sistemas de 32.

Nota: Para la ejecucion de este paso debemos tener detenido el IIS8 Express o mejor aun cerrar webmatrix.

En la tercera etapa se van a copiar todos los bloques que vienen en el archivo que descargamos en la primera etapa de este paso. Basicamente hay que copiar los archivos que estan en el zip en las mismas carpetas donde estas estan ubicadas, a ontinuacion explico de manera detallada el proceso.

En el archivo descargado MS4M.zip, copiar el contenido de la carpeta auth a la carpeta auth del sitio creado anteriormente en webmatrix.

image

De igual manera en el archivo descargado MS4M.zip, copiar el contenido de la carpeta blocks a la carpeta blocks del sitio creado.

image

Tambien copiar el archivo block_live_services.php de la carpeta lang\en_utf8 a la carpeta lang\en_utf8 del sitio.

image

Por ultimo la carpeta live_services copiarla al sitio lang\en_utf8\help.

image

Una vez hecho esto, al volver a webmatrix y ejecutar el sitio, seleccionar del menu princila, la opcion notifications y vamos a ver como el sistema ya reconoce el bloque de live_services e indica que ha sido colocado exitosamente.

image

 

3. Registrar Dominio en Windows Live

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 diferentes 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.

Service 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

Nota: Como webmatrix asigna un puerto al aplicativo, en el campo Return URL hay que colocar dicho puerto y apuntar a la pagina de integracion y autenticacion que copiamos del archivo descargado tal como se presento en el punto anterior, http://<dominio&gt;:<puerto>/auth/liveid/webauth-handler.php, para el ejemplo queda asi http://www.moodlelocal.com:6594/auth/liveid/webauth-handler.php

Para finalizar clic en Create y listo, posterior al registro, el sistema presenta el Application ID y el Secret Key asignado al dominio, este valor se va a necesitar al momento de colocar los bloques de live dentro del moodle.

image

Ya configurado el moodle, registrado el dominio en windows live, el siguiente paso consiste en registrar el application Id en moodle y configurar los bloques de live services.

 

4. Configuracion de Bloques de Live Services en Moodle

Volviendo a nuestro sitio de moodle, si bien los bloques de live services quedaron bien instalados como vimos en el paso 2, hay que activarlos y registrar el application id que acabamos de obterner.

Para ello en el menu principal, ir a la opcion Users – Authentication – Manage Authentication, y buscar dentro del listado el componente Windows Live ID, para activarlo hacer clic en el ojo cerrado de la columna Enable, para quedar tal como se ve en la imagen.

image

En la misma pagina, en la parte inferior en la seccion de Common Setting en la parte Instructions, vamos a colocar el texto y el link a la pagina de autenticacion de windows live, este contenido se va a ver representado en la pagina inicial del moodle al momento de iniciar sesion.

En esta seccion vamos a colocar un texto HTML para representar de manera facil y agradable el inicio de sesion de Live, para ello, seleccionar el icono image para colocar el texto en html, ahi colocamos el siguiente codigo.

<div style="font-size: 120%">
  <p><span style="font-family: ‘segoe ui light’, arial, helvetica, sans-serif; color: #333333; font-size: 1.6em">Utiliza tu <img width="175" height="23" alt="Windows Live" src="http://www.moodlelocal.com:6594/blocks/live_services/shared/images/WindowsLive.png&quot; complete="true" longdesc="http://www.moodlelocal.com:6594//admin/Windows%20Live%20Logo&quot; complete="true" /> ID<br />Para entrar Moodle Live</span><span style="font-family: ‘segoe script’, ‘felt tip roman’, ‘comic sans ms’; color: #333333; font-size: 1.6em"> cuando quieras!</span></p>
  <div style="line-height: 32px"><a style="text-align: center; width: 88px; display: block; font-family: ‘segoe ui’, arial, helvetica, sans-serif; background: url(/blocks/live_services/shared/images/glossybutton88.gif) no-repeat right top; float: left; height: 32px; color: #333333; font-size: 1.2em; font-weight: normal; margin-right: 0px; text-decoration: none" href="http://www.moodlelocal.com:6594/auth/liveid/login.php"><span style="padding-bottom: 11px; line-height: 12px; padding-left: 0px; padding-right: 0px; display: block; font-family: ‘segoe ui’, arial, helvetica, sans-serif; background: url(/blocks/live_services/shared/images/glossybtn32.gif) no-repeat; float: left; height: 32px; color: #333333; font-size: 1.2em; font-weight: normal; margin-right: 0px; text-decoration: none; padding-top: 9px">Sign in</span></a> </div><br /><br /><br />
  <p style="font-family: ‘segoe ui’, arial, helvetica, sans-serif; color: #666666; font-size: 0.85em">Utilizando tu Windows Live ID tambien tienes acceso a Windows Live e-mail, calendario, messenger, y alertas directamente en este sitio.</p>
  <p style="font-family: ‘segoe ui’, arial, helvetica, sans-serif; color: #666666; font-size: 0.85em">Para registrarse comunicate con el administrador del sistema (<a href="mailto:admin@sample.com">admin@sample.com</a>).</p></div>

Nota: hay que tener en cuenta en este codigo que donde colocamos, http://www.moodlelocal.com:6569 hay que colocar el dominio que se agrego en el host y el puerto que webmatrix asigno al sitio.

Aunque este es un ejemplo de codigo a colocar como se puede detallar estan los links a la pagina de autenticacion. Hecho esto volvemos a presionar el boton image para pasar a la vista visual de tal forma que veremos el siguiente resultado.

image

image

Ahora vamos a asignar el application id y el secret key que windows live nos asigno a sitio de moodle.

Para ello, ir al menu Modules – Blocks – Microsoft® Live Services, en esta pantalla, en primera medida se registraran el application ID y el secret key entregados al final del punto 3 tal como se ve en la imagen.

image

image

Asi mismo en esta pagina se indican los servicios que se desean visualizar desde el moodle, es asi como se activan cada uno de ellos.

Outlook, les recuerdo que este es un LMS (Learning Management System) y cuyo enfoque es para educacion, asi mismo se recomienda su integracion con la plataforma live@edu, es por ello que el correo electronico debe ser del outlook, propio de live@edu y no hotmail.

image

Messenger y Alertas:

image

Busqueda con Bing:

image

Una vez seleccionados los servicios que deseamos visualizar y asociado el application id en la parte inferior hacemos clic en Save Changes.

Ahora vamos a indicarle a moodle que deseamos que estos servicios que acabamos de activar queremos visualizarlos en las paginas de los cursos, para ello en el menu principal ir a Modules – Blocks – Sticky Blocks. En la lista desplegable Page type to configure seleccionar la opcion Course Page y en el listado blocks ubicado a mano derecha seleccionar Microsoft Live Services, de esta manera, todos los usuarios que entren a un curso especifico tendran acceso a los servicios de live activados anteriormente.

image

5. Cargue de usuarios a Moodle

Si bien el sistema va a utilizar autenticacion de Windows Live, debemos indicarle que usuarios van a poder acceder al sistema, para ello vamos a cargar mdiante un archivo de texto las cuentas que se van a crear y referenciar a live.

La estructura del archvo debe ser de la siguiente manera.

username, password, firstname, lastname, email, auth, msn

usuario1,password1,nombre,apellido,usuario1@institucion.edu,liveid,usuario1@institucion.edu

usuario2,password2,nombre,apellido,usuario2@institucion.edu,liveid,usuario2@institucion.edu

usuario3,password3,nombre,apellido,usuario3@institucion.edu,liveid,usuario3@institucion.edu

Un formato bastante sencillo, los campos username y password indican las credenciales en caso de que la autenticacion sea por moodle y no por Windows Live, nombre, apellido, correo electronico institucional para el inicio de sesion, el campo auth con el calor liveid indica que esta cuenta va a ser autenticada mediante windows live, y el campo msn idealmente con el mail institucional para el messenger.

Ya con el documento de texto listo vamos al menu Users – Authentication – Upload Users, buscamos el archivo ya con las cuentas a crear y hacemos clic en Upload Users.

image

Antes del cargue de los usuarios, moodle identifica y verifica los datos para que el usuario autorice su cargue.

image

Para finalizar el rpoceso clic en Upload Users, como se puede ver en la imagen anterior, yo cargue diversas cuentas registradas en live, una de live@edu, una de hotmail, una distinta registrada en domains y la de student partners. Esto nos indica que podremos cargar cualquier mail que pertenezca a un dominio registrado en live.

Al finnalizar el proceso sale el reporte final de cargue de usuarios.

image

A continuacion vamos a crear un curso de prueba y a asignar los usuarios que acabamos de cargar para verificar su crecion existosa y la autenticacion con Windows Live.

 

6. Creacion de Curso de Prueba y asignacion de roles

Para pruebas del sistema vamos a crear un curso de demostracion para simular un ambiente de produccion.

Finalizada la instalacion, el sistema inicia sesion con la cuenta de administrador que se indico en el paso anterior, para crear un curso en el menu, Site Administration seleccionar la opcion Courses – Add/edit courses, y hacer clic sobre el boton Add a new course.

image

Este formulario pide datos basicos del curso como nombre, descripcion, fecha de inicio entre otros, despues de llenar el formulario clic en Save Changes.

Despues se presenta la pantalla de asignacion de roles a usuarios.

image

Para este caso vamos a asignar a todos los usuarios que cargamos en el punto anterior como rol de estudiante, para ello seleccionar el link Student de la columna Roles.

A continuacion a cada una de las cuentas que deseemos vamos a agregarlas al rol de estudiante, seleccionamos las cuentas y hacemos clic en el boton add, para guardar cambios clic en el boton Assign Roles in Course ubicado en la parte inferior.

image

Y listo ya hemos finalizado todo el proceso de integracion de live services con moodle, a continuacion vamos a relizar las pruebas y ver que ventajas podemos concluir de este proceso.

7. Pruebas

Vamos a iniciar con el proceso de pruebas, cuando cerremos el sistema y vayamos a inicar sesion de entrada nos encontraremos con el mensaje html que colocamos en el paso 4.

image

Esta pagina de inicio contendra el link para acceder a moodle utilizando la autenticacion de Windows Live, para iniciar clic en el boton Sign in.

image

Como vemos direccionara a una pagina de autenticacion de windows live, y si detallamos la parte superior veremos el mensaje “Windows Live is not affiliated with http://www.moodlelocal.com and will share with it only an anonymous ID.” indicandole al usuario que nuestro dominio no tiene nada que ver con windows live, y que este solo compartira un ID anonimo nada mas para el proceso de autenticacion.

Cuando iniciamos sesion con una cuenta que no esta registrada en moodle (de los que se cargo en el paso 5), cuando el usuario se autentica por primera vez a nuestro sitio, se le presenta una ventana de autorizacion a compartir los servicios de live con este sitio.

image

Para continuar clic en Allow Access, de forma automatica se direcciona a la pagina de inicio de nuestro moodle ya con el usuario autenticado con windows live, ahora accederemos al curo al cual le dimos permiso de acceso.

image

Como podemos ver en la imagen, ya en e curso que creamos anteriormente en el paso 6 no solo tenemos acceso al contenido que este ofrezca y que el administrador publique si no tambien, a mano derecha vamos a poder visualizar los servicios de Windows Live los cuales configuramos en el paso 4.

Ahora simplemente seleccionamos la opcion que deseemos para ir al correo electronico, ver calendario o chatear con nuestros contactos utilizando messenger.

Ahora si un usuario que no esta previamente registrado inicia sesion dentro del moodle, este identificara su falla y le advertira que no tiene acceso al sistema.

image

 

8. Conclusiones, Ventajas.

Como pudimos ver uilizando herramientas 100% gratuitas como webmatrix, moodle y windows live, ya tenemos todo un LMS listo para poner en produccion como explique en este post, webmatrix ofrece hosting gratuito por un tiempo para hospedar nuestra aplicacion y base de datos.

La realizacion de este proceso tiene muchas ventjas:

1. Utilizando el servicio de Windows Live ID, los usuarios no tendran necesidad de tener nuevas credenciales de acceso para este sitio simplemente con su cuenta de live.

2. Asi mismo desde un solo lugar los usuarios tendran acceso no solo al contenido del sitio sino tambien a su correo electronico sea outlook o hotmail, contactos, alertas, calendario y messenger desde un solo sitio.

3. Para una institucion educativa implementar este sistema es bastante economico en lugar de implementar toda una plataforma propietaria.

4. Si se opta por uno de las opciones de hosting gratuito que webmatrix ofrece los costos de infraestructura y administracion de esta desaparecen.

5. La mejor de todas y como lo pudimos ver a lo largo del tutorial, herramientas gratuitas, una inversion en esfuerzo y tiempo que la verdad vale la pena aprovechar e invertir.

 

Bueno como pudimos ver es un proceos aunque un poco extenso bastante sencillo, despues de practicarlo un par de veces ya se aprende de memoria y se puede realizar en 10 mins.

La invitacion es a aprovechar estas herramientas, si bien Microsoft promociona el uso de su plataforma, la posibilidad de integrar esta con herramientas de software libre la podemos ver contemplada en este post y ver sus capacidades.

Mayor Info:

Microsoft Live Services Plug-in: http://www.educationlabs.com/projects/moodleproduct/Pages/default.aspx

 

Gerardo Ramos – Microsoft Student Partner

Microsoft WebCamps Bogota 2010

October 14, 2010 Leave a comment

image

El Microsoft Webcamps es toda una jornada de eventos enfocados a nuevas tecnologias de desarrollo, este anio se va a realizar en bogota mas especificamente en las oficinas de Microsoft Colombia y a la vez se transmitira via live meeting.

Para esta edicion tengo el honor de ser speaker de la sesion de Windows Azure, es un reto pero vamos a trabajar fuerte para sacarlo adelante.

El 30 de noviembre es el dia escogido para esta actividad, la agenda sera la siguiente y los temas seran los que se describen acontinuacion.

Tema Speaker
JQuery, REST, JSON Frank Silva
Windows Azure Gerardo Ramos
IE9, HTML5, CSS3 Juan Carlos Ruiz Pacheco
MVC 2 (3) Hugo Zapata
ASP.NET 4 Roberto Alvarado
WebPi: WebMatrix y Kentico Marylin Alarcón

Y la agenda para el dia sera

Hora Actividad
8.30 – 9.00 Registro
9.00 – 10.40 Primera Charla
10.40 – 11.00 Break (Incluido)
11.00 – 12.00 Segunda Charla
12.00 – 13.00 Almuerzo (Incluido)
13.00 – 15.45 Laboratorios
15.45 – 16.00 Evaluación Evento y Cierre

Como se puede ver habran sesiones teoricas y practicas es por ello que los asistentes podran llevar sus maquinas para los laboratorios.

Mayor Info en: http://www.webcamps.ms/

Conoce mas detalles y la invitacion especial al evento en: http://blogs.msdn.com/b/warnov/archive/2010/10/13/web-camp-colombia-2010.aspx

La invitacion es a participar proximamente estare publicando los links para acceder via livemeeting, asi que los espero y a explotar al maximo el conocimiento que va a llover ese dia.

Gerardo Ramos – Microsoft Student Partner

WebMatrix & Windows Live Parte I

October 12, 2010 Leave a comment

 image

Para quienes no lo conocen, Microsoft WebMatrix es una herramienta disenada para aquellos que desean hacer desarrollos agiles sin necesidad de depender de una IDE de desarrollo, y que permite entre tantas caracteristicas construir paginas en Asp.Net y PHP. Tambien orientado para aquellos usuarios que estan iniciando dentro del mundo del desarrollo.

WebMatrix permite crear archivos para cualqueir tipo de pagina web, es decir crear hojas de estilos (css), javascripst (js), ASP clasico (asp), XML, ASP.Net en Visual Basic y C# (aspx, cs y vb), PHP, txt, entre otros.

Pero una de las novedades mas interesantes que se presenta es la sintaxis Razor, que basicamente consta de la posibilidad de agregar codigo c# o Visual basic junto al html.

Les dejo un par de links para entenderlo mejor y ponerlo en practica:

http://www.asp.net/webmatrix/tutorials/2-introduction-to-asp-net-web-programming-using-the-razor-syntax

http://weblogs.asp.net/scottgu/archive/2010/07/02/introducing-razor.aspx

Una de las catacteristicas que ofrece webmatrix es la posibilidad de utilizar aplicaciones open source tales como WordPress, Moodle, Kentico, DotnetNuke, Joomla, entre otros, para montar nuestros sitios web.

Para conocer la galeria completa, info en: http://bit.ly/12PjHs

Pero que seria de una aplicacion web bien construida si no puedo hostearla, para ello WebMatrix ofrece tambien la posibilidad de acceder a cuentas gratuitas y de prueba para colgar nuestras aplicaciones en internet.

image

Hay muchas cosas que hablar de webmatrix, si desean conocer mas, quiero invitarlos a visitar el blog de Walter Novoa, Developer Evangelist para Microsoft Colombia y especificamente este post donde habla un poco mas en detalle de la herramienta.

Por ahora los dejo con esta corta presentacion acerca de WebMatrix.

image

El proceso de instalacion es bien sencillo, para ello les dejo este tutorial donde se explica como hacerlo.

En proximos Post comentare como integrar servicios de Windows Live sobre varias Web apps que vienen incluidas en webmatrix.

Por ahora la invitacion es a descargar esta excelente herramietna y a sacarle el jugo.

Descarga Webmatrix: http://www.microsoft.com/web/webmatrix/

Tutoriales y videos: http://www.asp.net/webmatrix

Gerardo Ramos  – Microsoft Student Partner