Facebook Connect y Wordpress  Conceptos básicos <ul><li>Javier Reyes </li></ul><ul><ul><li>Sixjumps CEO </li></ul></ul><ul...
Agenda 1 Servicios de Facebook Connect 2 Facebook Connect Wordpress Plugin 3 Ejemplos JavaScript FB Connect 4 Ejemplos API...
Evolución de la Web: Social Web Conversaciones online entre personas. - El usuario es el centro - Identidad digital (públi...
Plataforma Facebook Aplicaciones Facebook Connect Site aplicación Site aplicación Site FB Connect Site FB Connect App desk...
Desarrollo con Facebook Connect <ul><ul><li>Cliente (desde el propio navegador del usuario, o desktop) </li></ul></ul><ul>...
Wordpress + Facebook Connect plugin
Facebook Connect Login
Usuario conectado Current user Change Facebook status
Amigos en el sitio Current user Friends on this site
Comentarios y filtros <ul><li>Feed filters: </li></ul><ul><li>All current page comments  </li></ul><ul><li>Friends comment...
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
 
Upcoming SlideShare
Loading in …5
×

Facebook Connect - Facebook Developer Garage Bilbao

2,114
-1

Published on

Mesa redonda sobre Facebook Connect y Wordpress plugin

Published in: Technology, Education
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,114
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
31
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Facebook Connect - Facebook Developer Garage Bilbao

  1. 3. Facebook Connect y Wordpress Conceptos básicos <ul><li>Javier Reyes </li></ul><ul><ul><li>Sixjumps CEO </li></ul></ul><ul><ul><li>30/11/2009 </li></ul></ul>
  2. 4. Agenda 1 Servicios de Facebook Connect 2 Facebook Connect Wordpress Plugin 3 Ejemplos JavaScript FB Connect 4 Ejemplos API PHP FB Connect
  3. 5. Evolución de la Web: Social Web Conversaciones online entre personas. - El usuario es el centro - Identidad digital (pública y privada) - Reputación online - LifeStream centralizado - Grafo social - Aplicaciones sociales WEB 1.0 La gran tela de araña WEB 2.0 la web colaborativa WEB 3.0 Semantic Web Social Web Redes sociales
  4. 6. Plataforma Facebook Aplicaciones Facebook Connect Site aplicación Site aplicación Site FB Connect Site FB Connect App desktop
  5. 7. Desarrollo con Facebook Connect <ul><ul><li>Cliente (desde el propio navegador del usuario, o desktop) </li></ul></ul><ul><ul><ul><li>XFBML </li></ul></ul></ul><ul><ul><ul><li>Javascript </li></ul></ul></ul><ul><ul><ul><li>ActionScript </li></ul></ul></ul><ul><ul><li>Servidor </li></ul></ul><ul><ul><ul><li>API Rest (PHP,Java, .NET…) </li></ul></ul></ul>
  6. 8. Wordpress + Facebook Connect plugin
  7. 9. Facebook Connect Login
  8. 10. Usuario conectado Current user Change Facebook status
  9. 11. Amigos en el sitio Current user Friends on this site
  10. 12. Comentarios y filtros <ul><li>Feed filters: </li></ul><ul><li>All current page comments </li></ul><ul><li>Friends comments in current page </li></ul><ul><li>Full site comments </li></ul><ul><li>Friends comment in current site </li></ul>
  11. 13. Perfil del usuario en la comunidad
  12. 14. Usuarios en la comunidad
  13. 15. Invitar a tus amigos
  14. 16. Facebook avatars
  15. 17. Enviar comentarios a Facebook
  16. 18. Configuración del plugin
  17. 19. Widgets
  18. 20. JS Cliente: Inicialización Facebook Connect
  19. 21. XFBML Cliente: Botón de login
  20. 22. API Servidor: Leer información del perfil
  21. 23. JS Cliente: Leer y mostrar amigos
  22. 24. JS Cliente: Stream publish
  23. 25. ServerFBML: Envío de Invitaciones

×