Descargar pdf
Anuncio
CREIX AMB INTERNET Desarrollo Aplicaciones para la plataforma Facebook 2 1. Introducción. 1.1. El propósito de la plataforma Facebook Facebook se creó como una versión en línea de los "Facebooks" de las universidades americanas. Los "Facebooks" son publicaciones que hacen las universidades al comienzo del año académico, que contienen las fotografías y nombres de todos los estudiantes y que tienen como objetivo ayudar a los estudiantes a conocerse mutuamente. Facebook llevó esta idea a Internet, primero para los estudiantes americanos y abrió sus puertas a cualquier persona que cuente con una cuenta de correo electrónico. La plataforma Facebook forma parte de la denominada “Red Red social” social o aplicación propietaria de contenido social. 1.2. El modelo estándar de aplicaciones en la Web Segun Wikipedia : En la ingeniería de software se denomina aplicación web a aquellas aplicaciones que los usuarios pueden utilizar accediendo a un servidor web a través de Internet o de una intranet mediante un navegador. En otras palabras, es una aplicación software que se codifica en un lenguaje soportado por los navegadores web en la que se confía la ejecución al navegador. El World Wide Web Consortium, abreviado W3C, W3C es un consorcio internacional que produce recomendaciones para la World Wide Web. Está dirigida por Tim BernersLee, el creador original de URL (Uniform Uniform Resource Locator, Locator Localizador Uniforme de Recursos), HTTP (HyperText HyperText Transfer Protocol, Protocol Protocolo de Transferencia de HiperTexto) y HTML (Hyper Hyper Text Markup Langage, Langage Lenguaje de Marcado de HiperTexto) que son las principales tecnologías sobre las que se basa la Web. Las recomendaciones principales son: Utilizar los lenguajes de código abierto HTML, CSS, HTML CSS SVG, SVG Ajax y otras tecnologías para aplicaciones Web (WebApps "). Las páginas deben ser accesibles a las personas con discapacidad (WCAG), adecuadas para la internacionalización, y hacer que funcionen en dispositivos móviles. 1.3. El modelo de aplicaciones empresariales o sociales en la plataforma Facebook Una breve explicación de la arquitectura de aplicación de Facebook. Lo primero es lo primero, tenemos que entender algo de la arquitectura subyacente de una aplicación de Facebook. Una aplicación de Facebook es en realidad dos aplicaciones: una aplicación contenedora y una aplicación web. 3 Cuando creamos una aplicación de Facebook en el sitio de Facebook lo que en realidad estamos creando es el contenedor de nuestra aplicación web. Objetivos: • Crear una gran experiencia de usuario. • Generar la participación social y el uso de aplicaciones. • Ayudar a los usuarios compartir contenidos expresivos y relevantes. • Tener respeto a la privacidad. • No engañar, confundir, o engañar a los usuarios. • Evitar el spam - fomentar la comunicación auténtica. 2. Los elementos de la plataforma Facebook 2.1. La API de Facebook Conjunto de clases enfocadas a dar acceso a los datos almacenados en la plataforma Facebook. La API de la plataforma Facebook se divide en dos tipos de clases: 1. API General: Consta de la Graph API y los Social Plugins 2. API avanzada: Formada por los lenguajes propietarios FBML, FQL, FBJS, XFBML API gráfica (Graph API). 4 Usando la API Gráfica de Facebook (GraphAPI GraphAPI ) conjuntamente con el protocolo abierto gráfico ( OpenAuth ), es más fácil que nunca leer y escribir datos desde y hacia el "gráfico o red social". He aquí algunas de las posibilidades que ofrece: • Puedes convertir tu página web en una página con todas las funciones de Facebook, al igual que si estuvieras dentro de la plataformaFacebook. • Puedes dar a tus usuarios la posibilidad de iniciar sesión con sus credenciales de Facebook y personalizar su experiencia con los parámetros que se tendrán a partir de sus perfiles. Modelo interacción Graph API Objetos de la API gráfica (Graph API). • • • • User Use : Perfil de usuario/a. Application: Application Aplicación registrada en la plataforma Facebook. Page: Page Página facebook. Group: Group Grupo Factbook. 5 • • • • • • • • • • • • • Photo: Photo Una foto o imagen individual en un album. Album: Un conjunto de imágenes o fotografías. Album Checkin Checkin: A checkin made through Facebook Places or the Graph API. Comment: Comment Un comentario en un objeto de la Graph API. Event: Event Un evento. FriendList: FriendList Una lista de usuarios conectados a un perfil. Insights: Insights Estadísticas aplicadas a objetos. Link: Link Un enlace compartido. Message: Message Un mensaje en el sistema unificado de mensajería. Note: Note Una nota escrita de texto Facebook. Post: Post Una entrada en un perfil de usuario/a. Status message: message Un objeto de estado en el Muro (Wall) de usuario. Subscription: Una subscripción a tiempo real de un objeto Graph object Subscription type. • Thread: Thread Un Objeto en un hilo de mensajes. • Video: ideo Un objeto de Video. API de Social Plugins 6 API Avanzada • FBML: FBML Es el lenguaje de etiquetado propietario de Facebook, sirve para hacer más sencillo el proceso de integrar las aplicaciones externas en Facebook, tanto a nivel visual como a nivel de contenidos almacenados en esta red social. • XFBML: XFBML Es una extensión del FBML pensada para ser utilizada con Facebook Connect y con las aplicaciones desarrolladas en modo iframe. • FQL: FQL Es una clase que permite acceder a las bases de datos de Facebook . Similar a MySQL pero con filtros de seguridad para solucionar problemas de seguridad. • FBJS: FBJS Es el JavaScript de Facebook, basado en ECMAScript, con diferencias y limitaciones respecto a JavaScript. FQL: Bases de Datos de la plataforma Facebook. FQL es un lenguaje de consultas de relaciones de datos. Su gramática es similar a otros lenguajes como SQL, SQL MySQL. MySQL FQL es una forma de consulta de los mismos datos de Facebook que permite acceder a través de funciones de la API, con una interfaz de estilo SQL. De hecho, muchas llamadas ordinarias a la API son contenedores simples para consultas FQL. Una consulta típica nos muestra esto: SELECT nombre, foto del usuario DONDE uid = 211031 O uid = 4801660 El equipo de Facebook cita una serie de ventajas en el uso de FQL incluyendo: • Reducción de los costes de ancho de banda, ya que sólo recibe los campos que solicita la aplicación. • Reducción del número de solicitudes en virtud de permitir consultas más complejas. • Una interfaz unificada. 7 Librerías de la plataforma Facebook para desarrolladores y diseñadores. Puedes diseñar tu aplicación para la platforma Factbook con cualquiera de los siguientes lenguajes de programación: ASP.NET ColdFusion ,C++ C++ ASP NET, NET ASP(VBScript), ASP ,C# C# ,Java Java ,Perl Perl ,PHP PHP ,Python Python ,Ruby Ruby on Rails ,VB.NET VB.NET. VB.NET La plataforma Facebook pone a tu disposición un conjunto de librerías o herramientas de desarrollo ( SDK ) que te permiten desarrollar tu aplicativo mediante el uso del lenguaje de desarrollo de tu plataforma. Instalando la “Facebook Application Developer” La primera cosa que necesitas, por supuesto, es una cuenta de Facebook. En tu cuenta tendrás que instalar la aplicación de desarrolladores de Facebook. Clic a continuación para instalar la aplicación de desarrollador. Esta pequeña herramienta te permitirá generar tu perfil de aplicación y obtener una clave API personal. Configuración de la aplicación. Facebook requiere que registres cada una de tus aplicaciones. Una vez que hayas iniciado sesión en Facebook instalas la aplicación desarrollador y vamos al panel para desarrollo. Dentro del panel, haz clic en "Set Set Up New Application". Application Campos obligatorios. Elige un nombre para tu aplicación. Observación: Observación Es importante porque es lo que verán los usuarios cuando están navegando por el directorio de la aplicación. Actualmente el campo de nombre es lo único que se utiliza en la búsqueda de aplicaciones. Campos opcionales. Haz clic en "campos opcionales". 8 Implementa la URL de llamada con la ubicación de tu script. Observación: Esta es la dirección URL pública de tu servidor web donde residirá la aplicación. A continuación implementa el "Canvas URL de la página". Observación: Esta es la URL de tu aplicación dentro de la plataforma Facebook. Opciones básicas. Selecciona aceptar (yes yes) yes para que tu aplicación se puede añadir en la plataforma Facebook Observación: Observación Debes verificar la casilla de verificación para desarrolladores, de modo que no se pueda añadir tu aplicación hasta que hayas terminado de trabajar en ella. Opciones de instalación. Esto permite a los usuarios añadir tu aplicación a su perfil de Facebook , en la izquierda de la barra de navegación lateral. Todos estos ajustes se pueden cambiar después de que tu aplicación ha sido creada. Es conveniente no cambiar la dirección URL o el nombre del Canvas una vez que los usuarios han instalado la aplicación. 3. Generando una aplicación para la plataforma Facebook Una aplicación de lienzo ( Canvas Application ) consta de dos partes: Un contenedor que se define en Facebook.com, y una aplicación web externa que se conecta al contenedor, suministrando la lógica específica, el comportamiento y las opiniones de tu aplicación. Cuando inicialmente creas una aplicación de Facebook mediante la creación de tu lienzo, lo que en realidad estás creando es el contenedor de nuestra aplicación web. Para completar la analogía del lienzo, la aplicación web externa, sería la pintura, Facebook el marco y el contenedor haría de lienzo. 9 En resumen, nuestra aplicación de Facebook lienzo se hará a partir de: El soporte y el lienzo, organizados a partir de la plataforma Facebook. Nuestra aplicación web, que no es diferente a cualquier otra aplicación que hayamos hecho antes, y no se encuentra alojada en cualquier servidor de Facebook, la tendremos alojada en modo local. Por lo que respecta a nuestros clientes esto se verá como una sola aplicación. Para trabajar de manera adecuada, dividiremos el proceso en tres fases: Creación Asociación Configuración Preparando un servidor local. • Creamos una base de datos • Configuramos el dominio • Conectamos con Facebook. Creando nuestra primera aplicación para Facebook. 1 0 Código para iniciar tu aplicación. 1 1 1 2 Visualización de tu aplicación. 1 3 Desarrollo de tu aplicación. Examinando las variables y los eventos. 1 4 Usando FQL en tu aplicación. 1 5 Guia de Recursos RECURSOS Nom URL Linter Facebook .NET sdk URL http://developers.Facebook.com/tools/lint/ http://Facebooksdkdotnet.codeplex.com/releases /view/53372 https://github.com/Facebook/php-sdk SDK PHP Facebook http://www.Facebook.com/developers Desarrollo Facebook Api Facebook developers.Facebook.com/documentation.php SVN llibreria PHP Conector Facebook Ruby Consola XFBML Widgets para laweb 2.0 http://svn.Facebook.com/svnroot/platform/clients /packages/Facebook-platform.tar.gz https://github.com/mmangino/Facebooker2 http://developers.Facebook.com/tools/console/ http://widgets-gadgets.com/?p=280 Observacions
