El Blog del Leo

Compartiendo lo que aprendo

Facebook SDK

Como leen, Microsoft ha anunciado un set de herramientas para desarrollar aplicaciones para la plataforma Facebook, este toolkit ha sido desarrollado por la comunidad y actualmente se lanza el release 3.0 que viene con nuevas actualizaciones en la arquitectura y provee interfaces asincronas para WPF y Silverlight.
El principal punto de interacción con Facebook nos lo provee la API de facebook (Facebook.Rest.Api) que es provista por el ensamblado facebook.dll que envuelve una interfaz de uso facil para llamar a los diferentes métodos de la API de facebook

Este set de herramientas viene con los siguientes ensamblados:



  • Facebook.dll
    Es es el principal ensamblado que será usado en toda la aplicación. Tiene toda la lógica que manipula las conecciones con el API de Facebook. Este ensamblado está especificado para dar soporte a aplicaciones XAML tales como Silverlight y WPF.
  • Facebook.Silverlight.dll
    Este ensamblado será la base para todas las aplicaciones Silverlight que interactuen con Facebook. La Rest API en esta ensamblado es asincrona.
  • Facebook.Web.dll
    Este ensamblado debe ser usado para las aplicaciones Canvas. La principal funcionalidad de este ensamblado es encapsular el enlace entre la aplicacion Facebook y una aplicación Canvas (FBML/IFrame).
  • Facebook.Web.Mvc.dll
    Provee soporte para la construcción de aplicaciones Canvas usando ASP.NET MVC. Separado del ensamblado Facebook.Web.dll para evitar que todos los desarrolladores instalen los componentes de MVC.
  • Facebook.Winforms.dll
    Este ensamblado provee las herramientas para construir aplicación Facebook utilizando la tecnologia de Winforms. Este componente encapsula la API para poder ser usada de manera más fácil desde Winforms. Además posee algunos controles que pueden ayudar durante el desarrollo.
Para comenzar a usarlo que necesitamos:
  1. Descargar Facebook SDK
  2. Y seguir algun ejemplo para utilizarlo.
Saludos.

[Off-Topic] Juanelo: El Progreso



Juanelo es un webcomic creado por el Marco Canepa (a.k.a Can) y la está rompiendo en la red. Yo soy asiduo a leer diariamiente sus comics en su sitio web http://www.juanelo.cl/ , la ultima creación de Canepa fue el capítulo El Progreso, el cual refleja como hemos evolucionado con la tecnologia y como nos facilita la vida.
Disfrutenlo.

Visiten el sitio web de Juanelo y dejen sus comentarios.

ModalPopUpExtender sobre un objeto Flash con Javascript


A lo mejor no es un problema muy popular pero de que me costo encontrar la solución, me costo... Asi que decidi ponerla en el blog, primero para que no se me olvide y segundo para compartirla con quienes leen y siguien este blog.

Ubiquemonos en el contexto del problema.
Queremos poner un ModalPopUpExtender sobre un objeto Flash en nuestra pagina web, este ModalPopUp aparecera en ocasiones dada un cierta lógica.

Problema.
ModalPopUpExtender se ubica detras del objeto Flash, no teniendo opciones de manipular nuestro popUp.

Solución.
La solución que encontramos nos la da nuestro buen amigo javascript y algunos arreglos a nuestro html, solución probada en Firefox e Internet Explorer.
  • Objeto Flash:
    El objeto Flash que está destacado en amarillo, tenemos que asignar las propiedades wmode en opaque tanto en el tag param como en el tag embed, además, tenemos que tener a nuestro objeto en dentro de un div y debemos colocarle un id, ya que lo invocaremos desde javascript.
    <div id="flashObject">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,42,0"
    id="presentacion_blanco_10" width="990px" height="400">
    <param name="movie" value="img/presentacion_blanco_19.swf" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#FFFFFF" />
    <param name="wmode" value="opaque" />
    <embed name="presentacion_blanco_10" src="img/presentacion_blanco_19.swf" quality="high"  wmode="opaque" bgcolor="#FFFFFF" swliveconnect="true" width="990px" height="400" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    </object>
    </div>
  • ModalPopUpExtender
    La caracteristica importante que hay que tener preparada en el ModalPopUpExtender es BehaviorID ya que con ese nombre(ID) es con cual se puede invocar al ModalPopUpExtender desde Javascript.
    <cc1:ModalPopupExtender ID="PopUpEjemplo" runat="server" TargetControlID="label" BehaviorID="PopUpEjemplo" PopupControlID="seleccionSubrogancia" PopupDragHandleControlID="panelDragHandle" BackgroundCssClass="popUpStyle" />

  • Javascript
    Ahora en nuestro código Javascript crearemos una función la cual esconda nuestro objeto flash para poder colocar sobrepuesto el ModalPopUpExtender cuando sea invocado.

    function pageLoad(sender, e) {


    var popup = $find("PopUpEjemplo");
    popup.add_shown(noVisible); // En la propiedad add_show(muestra popUp),ocultamos el objeto Flash
    popup.add_hidden(Visible);
    }  // En la propiedad add_hidden(oculta popUp), mostramos el objeto Flash

    function noVisible(ev) {
    objFlash = document.getElementById('flashObject');
    objFlash.style.display = 'none'; }

    function Visible(ev) {
    objFlash = document.getElementById('flashObject');
    objFlash.style.display = 'block'; }
Con todo estos simples pasos podemos trabajar con objetos Flash y ModalPopUpExtender sin ningun problema.
Espero les sirva.

Debug de Javascript desde Visual Studio



Muchas personas saben que existe esta opción pero no saben como habilitar, podemos poner millones de puntos de interrupción pero nunca agarra en el javascript. Bueno, lo que tenemos que hacer es habilitar el modo de depuración de Javascript.


La pregunta natural es:
¿Dónde se encuentra está opción?

No se encuentra en Visual Studio precisamente, sino que en los navegadores. Para el caso de Internet Explorer, debemos ir a las opciones de nuestro explorador para habilitar esta anhelada herramienta:
Y sacar el check de la opción 'Deshabilitar la depuración de scripts', al realizar esta acción automaticamente se habilita la opcion de poder realizar depuracion de javascript en Visual Studio, sencillo ¿no?






¿Y para Firefox?
Bueno, firefox no se integra al modo de depuración de Visual Studio, por lo cual debemos utilizar otros software para poder realizar esta depuración tales como:
  • FireBug: permite a ejecutar paso a paso el script de cliente y examinar los elementos DOM de HTML.
  • JavaScript Debugger: ofrece un entorno de depuración de JavaScript que incluye un explorador de código fuente y otras características.
Espero que les sirva.
Saludos.

[Evento] Cells On Camp - Concepción




El día 4 de Noviembre de realizará en Concepción el evento llamado Cells On Camps en DUOC organizado por organizado por los MSP Concepción y la Escuela de Informática y Telecomunicaciones de DuocUC sede San Andrés.
Habrá un panel de charlas especializadas, música, juegos, regalos y muchas sorpresas más.

Agenda:
9:00 - 9:30: Palabras de Bienvenida Directivos
9:45 - 10:45: Pablo Campos - Interoperabilidad en ambientes virtualizados [Windows Server 2008 R2 + Suse 10 Sp2 + Redhat 5.3]
11:00 - 12:00: Max Marín - Introducción a Windows 7
12:15 - 13:15: Francisco Agurto - Silverlight 3 new features!
13:15 - 14:15: Almuerzo
14:30 - 15:30: Brede Basualdo - Programación para Windows Mobile
15:45 - 16:45: Leonardo Muñoz - Desarrollo de cliente escritorio para Facebook
17:00 - 18:00: Gonzalo Pérez - Lo nuevo de ASP.net
18:00 - Torneo Xbox + Cierre

Seguidores

Certificaciones

Microsoft Certified Professional

Mis Tweets

Twitter