Facebook Apps <ul><li>Integrantes
Martín Andrés Valles Gutiérrez.
Héctor Ernesto Rodríguez Lazos.
Edwin Rafael Valdez Seañez.
Titular
M.C. Edgar Omar Bañuelos Lozoya </li></ul>
Contenido <ul><li>Características generales de estas aplicaciones.
Social plugins.
Graph API.
Autenticación.
Ejemplo práctico. </li></ul>
<ul>Características generales de estas aplicaciones Categorias de desarrollo </ul>API: es una interfaz basada en REST que ...
Upcoming SlideShare
Loading in...5
×

Facebook apps

309

Published on

Exposición

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
309
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Facebook apps

  1. 1. Facebook Apps <ul><li>Integrantes
  2. 2. Martín Andrés Valles Gutiérrez.
  3. 3. Héctor Ernesto Rodríguez Lazos.
  4. 4. Edwin Rafael Valdez Seañez.
  5. 5. Titular
  6. 6. M.C. Edgar Omar Bañuelos Lozoya </li></ul>
  7. 7. Contenido <ul><li>Características generales de estas aplicaciones.
  8. 8. Social plugins.
  9. 9. Graph API.
  10. 10. Autenticación.
  11. 11. Ejemplo práctico. </li></ul>
  12. 12. <ul>Características generales de estas aplicaciones Categorias de desarrollo </ul>API: es una interfaz basada en REST que permite el acceso a los datos del perfil, amigos, fotos y eventos del usuario mediante la utilización de mensajes GET o POST. Consultas (FQL, “Facebook Query Language”): es un lenguaje de consultas similar a SQL utilizado para acceder a los mismos datos que la API pero permitiendo consultas más complejas. Maquetación (FBML, “Faceboook Markup Language”): es un lenguaje de markup similar a HTML que permite ser intercalado con el HTML a utilizar para integrar las aplicaciones a la experiencia de usuario Facebook. Utilizando FBML se pueden acceder distintos puntos de la red como ser el perfil, acciones del perfil, canvas y feeds. Este lenguaje también incluye soporte para AJAX y Javascript.
  13. 13. <ul>Características generales de estas aplicaciones </ul><ul><li>Product Directory: cuando un usuario navega el directorio de aplicaciones de Facebook, por cada aplicación se muestra una pequeña sección con el nombre, una imagen y una pequeña descripción.
  14. 14. About: esta página muestra información general de la aplicación. Debe inducir al usuario a instalar la aplicación.
  15. 15. Left Nav: es el panel de navegación izquierdo. Las aplicaciones pueden tener su ícono y nombre en este panel </li></ul>
  16. 16. <ul>Características generales de estas aplicaciones </ul><ul><li>Canvas Page: es la página principal de la aplicación.
  17. 17. Home: esta página es accedida utilizando el panel de navegación de la izquierda, en general muestra información de los amigos del usuario.
  18. 18. User Dashboard: es la página donde el usuario administra sus datos en una aplicación y determina de que forma las aplicaciones acceden a sus datos personales.
  19. 19. Profile: es la representación online de la identidad del usuario. La API provee múltiples puntos de integración con el perfil del usuario permitiendo actualizar datos del mismo.
  20. 20. Profile Box: presenta información actualizada sobre las acciones recientes del usuario.
  21. 21. Profile Actions Links: debajo de la foto del usuario en el perfil, se pueden agregar enlaces para invocar acciones en la aplicación. </li></ul>
  22. 22. <ul>Características generales de estas aplicaciones </ul><ul><li>Privacy Settings: se utiliza para definir los niveles de privacidad de los datos del perfil por aplicación.
  23. 23. News Feed: como su nombre lo indica es un “feed” de noticias, allí las aplicaciones pueden “publicar” información del usuario de la misma.
  24. 24. Alerts: las aplicaciones pueden enviar notificaciones a los usuarios a través del correo electrónico.
  25. 25. Message Attachments: las aplicaciones pueden incluir archivos adjuntos que aparecen en la ventana para componer mensajes.
  26. 26. Requests: las aplicaciones pueden crear peticiones que aparecen en la parte superior izquierda de la página principal. En general son iniciados por amigos que solicitan realizar alguna acción </li></ul>
  27. 27. <ul>Social plugins </ul><ul><li>Permiten ver lo que tus amigos les a gustado, comentado o compartido en sitios a través de la web.
  28. 28. Botón like
  29. 29. Al igual que el botón le permite compartir páginas de los usuarios de su sitio de nuevo a su perfil de Facebook con un solo clic.
  30. 30. Activity Feed
  31. 31. Activity Feed plug-in muestra a los usuarios lo que sus amigos están haciendo en su sitio a través de gustos y comentarios. </li></ul>
  32. 32. <ul>Social plugins </ul><ul><li>Recomendaciones
  33. 33. Las Recomendaciones plugin ofrece a los usuarios sugerencias personalizadas para las páginas que les gustaría.
  34. 34. Like Box
  35. 35. Like Box permite a los usuarios ver su flujo directamente desde su página web.
  36. 36. Botón de inicio de sesión
  37. 37. El botón de inicio de sesión muestra imágenes de perfil de los amigos del usuario que ya han firmado para su sitio Web, además de un botón de inicio de sesión. </li></ul>
  38. 38. <ul>Social plugins </ul><ul><li>Registro
  39. 39. El registro de plug-in permite a los usuarios a firmar fácilmente para algun sitio web con su cuenta de Facebook.
  40. 40. Facepile
  41. 41. El Facepile plugin muestra las imágenes de perfil de Facebook de los usuarios que han gustado o se han inscrito en su sitio.
  42. 42. Comentarios
  43. 43. El plug-in permite a los usuarios comentar sobre cualquier parte del contenido de su sitio.
  44. 44. En vivo
  45. 45. Este plug-in le permite a los usuarios compartir en tiempo real a medida que interactúan durante un evento en vivo. </li></ul>
  46. 46. Graph API <ul><li>La Graph API es la nueva API simplificada de Facebook. Representa uniformemente objetos en el gráfico social, así como las conexiones entre ellos. Cada objeto del gráfico tiene un identificador único y simplifica enormemente la forma en que los desarrolladores leen y escriben datos en Facebook.
  47. 47. Representa la información de Facebook de una forma organizada donde existen tipos de elementos con información que los compone (usuarios, posts, fotos, eventos, etc.) y conexiones entre todos ellos (amigos, feed, fotos y albumes, etc.). Facebook a adoptado este modelo de datos y ha pasado a generar las peticiones mediante URLs muy simples. </li></ul>
  48. 48. Autenticacion <ul><li>La plataforma deFacebook utiliza el protocolo OAuth 2.0 para la autenticación y autorización. Mediante los flujos que se pueden utilizar dentro de su sitio web, móviles y aplicaciones de escritorio.
  49. 49. Este documento describe los diferentes mecanismos que utiliza la plataforma de Facebook para apoyar a cada uno de estos flujos. Los ejemplos de este documento como usar PHP para la programación del lado del servidor y HTML, JavaScript / del lado del cliente. </li></ul>
  50. 50. Ejemplo <ul><li>Aplicacion Badoo para facebook es como una comunidad de gente interesante en la zona donde vives y también de gente de todo el mundo, facilita la forma segura de conocer y buscar alguien con quien pasar buenos momentos. </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×