facebook connect - facebook developer garage bilbao

Facebook Connect y Wordpress Conceptos básicos

Javier ReyesSixjumps CEO30/11/2009

1 Servicios de Facebook Connect

2 Facebook Connect Wordpress Plugin

3 Ejemplos JavaScript FB Connect

4 Ejemplos API PHP FB Connect

Agenda

Evolución de la Web: Social Web

WEB 1.0

La gran tela de araña

WEB 2.0la web

colaborativa

WEB 3.0

Semantic Web

Social Web

Redes sociales

Conversaciones online entre personas.

- El usuario es el centro- Identidad digital (pública y privada)- Reputación online- LifeStream centralizado- Grafo social- Aplicaciones sociales

Plataforma Facebook

Aplicaciones Facebook Connect

Site aplicación

Site aplicación

Site FB Connect

Site FB Connect App desktop

Desarrollo con Facebook Connect

▪ Cliente (desde el propio navegador del usuario, o desktop)

▪ XFBML

▪ Javascript

▪ ActionScript

▪ Servidor

▪ API Rest (PHP,Java, .NET…)

Wordpress + Facebook Connect plugin

Facebook Connect Login

Usuario conectado

Current userChange Facebook status

Amigos en el sitio

Current userFriends on this site

Comentarios y filtros

Feed filters:•All current page comments •Friends comments in current page•Full site comments•Friends comment in current site

Perfil del usuario en la comunidad

Usuarios en la comunidad

Invitar a tus amigos

Facebook avatars

Enviar comentarios a Facebook

Configuración del plugin

Widgets

JS Cliente: Inicialización Facebook Connect

XFBML Cliente: Botón de login

API Servidor: Leer información del perfil

JS Cliente: Leer y mostrar amigos

JS Cliente: Stream publish

ServerFBML: Envío de Invitaciones

(c) 2009 Facebook, Inc. or its licensors.  "Facebook" is a registered trademark of Facebook, Inc.. All rights reserved. 1.0