SlideShare une entreprise Scribd logo
1  sur  12
Facebook Apps ,[object Object]
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
Contenido ,[object Object]
Social plugins.
Graph API.
Autenticación.
Ejemplo práctico.
[object Object],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.

Contenu connexe

Tendances

Hi5 paola purizanca
Hi5 paola purizancaHi5 paola purizanca
Hi5 paola purizancaPaola
 
Análisis de contenido de las marcas de telefonía móvil española en el entorno...
Análisis de contenido de las marcas de telefonía móvil española en el entorno...Análisis de contenido de las marcas de telefonía móvil española en el entorno...
Análisis de contenido de las marcas de telefonía móvil española en el entorno...Marina Ferrer
 
Guia%20completa%20de%20una%20pagina%20de%20 facebook%20por%20psuv
Guia%20completa%20de%20una%20pagina%20de%20 facebook%20por%20psuvGuia%20completa%20de%20una%20pagina%20de%20 facebook%20por%20psuv
Guia%20completa%20de%20una%20pagina%20de%20 facebook%20por%20psuvruralregion
 
Las redes sociales
Las redes socialesLas redes sociales
Las redes socialescamila mejia
 
de.li.cious
de.li.ciousde.li.cious
de.li.ciousRo Rocha
 
Los Marcadores Sociales
Los Marcadores SocialesLos Marcadores Sociales
Los Marcadores Socialeshba14
 

Tendances (16)

Hi5 paola purizanca
Hi5 paola purizancaHi5 paola purizanca
Hi5 paola purizanca
 
Delicious.net
Delicious.netDelicious.net
Delicious.net
 
Análisis de contenido de las marcas de telefonía móvil española en el entorno...
Análisis de contenido de las marcas de telefonía móvil española en el entorno...Análisis de contenido de las marcas de telefonía móvil española en el entorno...
Análisis de contenido de las marcas de telefonía móvil española en el entorno...
 
Wed
WedWed
Wed
 
Blog
BlogBlog
Blog
 
Guia%20completa%20de%20una%20pagina%20de%20 facebook%20por%20psuv
Guia%20completa%20de%20una%20pagina%20de%20 facebook%20por%20psuvGuia%20completa%20de%20una%20pagina%20de%20 facebook%20por%20psuv
Guia%20completa%20de%20una%20pagina%20de%20 facebook%20por%20psuv
 
Las redes sociales
Las redes socialesLas redes sociales
Las redes sociales
 
marcadores sociales
marcadores socialesmarcadores sociales
marcadores sociales
 
de.li.cious
de.li.ciousde.li.cious
de.li.cious
 
Manual de facebook
Manual de facebookManual de facebook
Manual de facebook
 
Redes sociales hi5
Redes sociales hi5Redes sociales hi5
Redes sociales hi5
 
Verdugo
VerdugoVerdugo
Verdugo
 
Los Marcadores Sociales
Los Marcadores SocialesLos Marcadores Sociales
Los Marcadores Sociales
 
Guia 6 lenguaje_html
Guia 6 lenguaje_htmlGuia 6 lenguaje_html
Guia 6 lenguaje_html
 
Calidad en sitios web
Calidad en sitios web Calidad en sitios web
Calidad en sitios web
 
CTEER
CTEERCTEER
CTEER
 

En vedette

Uma foto tua_e_uma_minha
Uma foto tua_e_uma_minhaUma foto tua_e_uma_minha
Uma foto tua_e_uma_minhadrfk
 
Rad van persuasion: presentatie en spelshow Bart Schutz op Emerce Conversion ...
Rad van persuasion: presentatie en spelshow Bart Schutz op Emerce Conversion ...Rad van persuasion: presentatie en spelshow Bart Schutz op Emerce Conversion ...
Rad van persuasion: presentatie en spelshow Bart Schutz op Emerce Conversion ...Online Dialogue
 
Nism Update - September 2010
Nism Update - September 2010Nism Update - September 2010
Nism Update - September 2010NISM
 

En vedette (6)

Receta Paella de Rape con Trompetas de la Muerte
Receta Paella de Rape con Trompetas de la MuerteReceta Paella de Rape con Trompetas de la Muerte
Receta Paella de Rape con Trompetas de la Muerte
 
Uma foto tua_e_uma_minha
Uma foto tua_e_uma_minhaUma foto tua_e_uma_minha
Uma foto tua_e_uma_minha
 
HTML5, ווב נייד ותקנים פתוחים ברשת
HTML5, ווב נייד ותקנים פתוחים ברשתHTML5, ווב נייד ותקנים פתוחים ברשת
HTML5, ווב נייד ותקנים פתוחים ברשת
 
Rad van persuasion: presentatie en spelshow Bart Schutz op Emerce Conversion ...
Rad van persuasion: presentatie en spelshow Bart Schutz op Emerce Conversion ...Rad van persuasion: presentatie en spelshow Bart Schutz op Emerce Conversion ...
Rad van persuasion: presentatie en spelshow Bart Schutz op Emerce Conversion ...
 
Biblioteca eproinfo
Biblioteca eproinfoBiblioteca eproinfo
Biblioteca eproinfo
 
Nism Update - September 2010
Nism Update - September 2010Nism Update - September 2010
Nism Update - September 2010
 

Similaire à Facebook apps

AnáLisis De Fbml
AnáLisis De FbmlAnáLisis De Fbml
AnáLisis De Fbmlluisafer92
 
Redes Sociales
Redes SocialesRedes Sociales
Redes Socialesfebec
 
Redes Sociales
Redes SocialesRedes Sociales
Redes Socialesleon_ceibo
 
Agregador de redes sociales
Agregador de redes socialesAgregador de redes sociales
Agregador de redes socialesFranciel Sanchez
 
Redes sociales (facebook)
Redes sociales (facebook)Redes sociales (facebook)
Redes sociales (facebook)Sergio Palay
 
Social Media Tools
Social Media ToolsSocial Media Tools
Social Media ToolsJavier Reyes
 
Web 2.0: redes sociales personales, páginas de inicio personalizadas, aplicac...
Web 2.0: redes sociales personales, páginas de inicio personalizadas, aplicac...Web 2.0: redes sociales personales, páginas de inicio personalizadas, aplicac...
Web 2.0: redes sociales personales, páginas de inicio personalizadas, aplicac...rebujita
 
Redes sociales-facebook-1
Redes sociales-facebook-1Redes sociales-facebook-1
Redes sociales-facebook-1bjgy120699
 
Redes sociales-facebook
Redes sociales-facebookRedes sociales-facebook
Redes sociales-facebookkevinestarda07
 
redes-sociales-facebook.ppt
redes-sociales-facebook.pptredes-sociales-facebook.ppt
redes-sociales-facebook.pptElmerVerstegui
 
Redes sociales-facebook
Redes sociales-facebookRedes sociales-facebook
Redes sociales-facebookfita cedño
 
Redes Sociales En Internet Iv
Redes Sociales En Internet IvRedes Sociales En Internet Iv
Redes Sociales En Internet IvPromálaga
 

Similaire à Facebook apps (20)

AnáLisis De Fbml
AnáLisis De FbmlAnáLisis De Fbml
AnáLisis De Fbml
 
Redes Sociales
Redes SocialesRedes Sociales
Redes Sociales
 
Redes Sociales
Redes SocialesRedes Sociales
Redes Sociales
 
Api Facebook
Api FacebookApi Facebook
Api Facebook
 
Trabajo autonomo.gaby
Trabajo autonomo.gabyTrabajo autonomo.gaby
Trabajo autonomo.gaby
 
Trabajo autonomo.
Trabajo autonomo.Trabajo autonomo.
Trabajo autonomo.
 
Trabajo autonomo.
Trabajo autonomo.Trabajo autonomo.
Trabajo autonomo.
 
Redes sociales-facebook
Redes sociales-facebookRedes sociales-facebook
Redes sociales-facebook
 
Agregador de redes sociales
Agregador de redes socialesAgregador de redes sociales
Agregador de redes sociales
 
Herramientas web 2
Herramientas web 2Herramientas web 2
Herramientas web 2
 
Facebook i drupal
Facebook i drupalFacebook i drupal
Facebook i drupal
 
Redes sociales (facebook)
Redes sociales (facebook)Redes sociales (facebook)
Redes sociales (facebook)
 
Social Media Tools
Social Media ToolsSocial Media Tools
Social Media Tools
 
Web 2.0: redes sociales personales, páginas de inicio personalizadas, aplicac...
Web 2.0: redes sociales personales, páginas de inicio personalizadas, aplicac...Web 2.0: redes sociales personales, páginas de inicio personalizadas, aplicac...
Web 2.0: redes sociales personales, páginas de inicio personalizadas, aplicac...
 
Redes sociales-facebook-1
Redes sociales-facebook-1Redes sociales-facebook-1
Redes sociales-facebook-1
 
Redes sociales-facebook
Redes sociales-facebookRedes sociales-facebook
Redes sociales-facebook
 
Redes sociales-facebook-1
Redes sociales-facebook-1Redes sociales-facebook-1
Redes sociales-facebook-1
 
redes-sociales-facebook.ppt
redes-sociales-facebook.pptredes-sociales-facebook.ppt
redes-sociales-facebook.ppt
 
Redes sociales-facebook
Redes sociales-facebookRedes sociales-facebook
Redes sociales-facebook
 
Redes Sociales En Internet Iv
Redes Sociales En Internet IvRedes Sociales En Internet Iv
Redes Sociales En Internet Iv
 

Facebook apps

  • 1.
  • 6. M.C. Edgar Omar Bañuelos Lozoya
  • 7.
  • 12.
  • 13.
  • 14. About: esta página muestra información general de la aplicación. Debe inducir al usuario a instalar la aplicación.
  • 15. Left Nav: es el panel de navegación izquierdo. Las aplicaciones pueden tener su ícono y nombre en este panel
  • 16.
  • 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. 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. 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. Profile Box: presenta información actualizada sobre las acciones recientes del usuario.
  • 21. Profile Actions Links: debajo de la foto del usuario en el perfil, se pueden agregar enlaces para invocar acciones en la aplicación.
  • 22.
  • 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. Alerts: las aplicaciones pueden enviar notificaciones a los usuarios a través del correo electrónico.
  • 25. Message Attachments: las aplicaciones pueden incluir archivos adjuntos que aparecen en la ventana para componer mensajes.
  • 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
  • 27.
  • 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.
  • 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.
  • 32.
  • 33. Las Recomendaciones plugin ofrece a los usuarios sugerencias personalizadas para las páginas que les gustaría.
  • 35. Like Box permite a los usuarios ver su flujo directamente desde su página web.
  • 36. Botón de inicio de sesión
  • 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.
  • 38.
  • 39. El registro de plug-in permite a los usuarios a firmar fácilmente para algun sitio web con su cuenta de Facebook.
  • 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.
  • 43. El plug-in permite a los usuarios comentar sobre cualquier parte del contenido de su sitio.
  • 45. Este plug-in le permite a los usuarios compartir en tiempo real a medida que interactúan durante un evento en vivo.
  • 46.
  • 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.
  • 48.
  • 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.
  • 50.