SlideShare una empresa de Scribd logo
1 de 14
Desarrollo de aplicaciones
para Facebook
Tecnologías Emergentes
Introducción
es una
de las redes
sociales más
importantes en la
actualidad. Millones
de personas
comparten a diario
fotos, videos y sus
experiencias con
sus amigos en esta
red.

nos
ofrece la posibilidad
de desarrollar
aplicaciones para
ser utilizadas
dentro de esta red
social.
Introducción
Cuando desarrollamos
un programa para
Facebook, éste puede
interactuar con el
usuario y con sus
amigos. Una aplicación
puede escribir en el
muro de un usuario,
enviar invitaciones y
mensajes a sus
conocidos. De esta
forma, nuestro programa
puede distribuirse de
forma exponencial en la
red.
Introducción
Entre muchas otras cosas una aplicación para
Facebook tiene las siguientes
:
◦ Llevar registros de todos los usuarios que la utilicen
◦ Publicar mensajes en el timeline del usuario
◦ Usar la información de contacto (email, teléfono, fecha
de nacimiento) del usuario
◦ Pedir que le de like a su sitio
◦ Postear mensajes en su facebook cada
que haga un comentario en su sitio
◦ Interactuar con los amigos del
usuario mediante invitaciones,
mensajes, y actividad
Definición
“Una aplicación para facebook
consiste en una página web que
funciona dentro de dicha red social, y
va desde una simple interconexión
de un sitio web con facebook, hasta
una aplicación para leer noticias e
interactuar con tus amigos desde
facebook.”
Creando aplicaciones en
Facebook
Recursos disponibles :
API: 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”): 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”): 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.
Con FBML se puede acceder a distintos
puntos de la red como el perfil,
acciones del perfil, canvas y feeds.
Estructura de la aplicación


Product Directory

• About
• Left Nav
• Canvas Page

• Profile

• Profile Box

• Message Attachments
• User Dashboard

• Profile Actions Links

• Privacy Settings
• Alerts

• News Feed
• Requests

• Home
Usando la API


En primer lugar hay que obtener la librería para conectarse a
la API:
◦ Librería PHP 4 & 5
◦ Librería Java



Creamos un archivo ‘appinclude.php’ que se incluye en la
parte superior de todas nuestras páginas y colocamos dentro
los datos que se obtienen de la página, allí buscamos nuestra
aplicación y tomamos nota de: API Key y Secret Key.



Luego reemplazamos [API Key], [Secret
Key] y [CallbackURL] por nuestros datos.
Con respecto al require_once debemos indicar
la ubicación del archivo ‘facebook.php’
dependiendo de que versión de PHP
usamos:
◦ PHP 4
◦ PHP 5
Usando la API
Ejemplos de Aplicaciones par
Facebook
Ejemplos de Aplicaciones par
Facebook


Existen cientos de aplicaciones para
facebook, por ello se dividen en 2
subgrupos:
◦

: existen numerosas categorías a su
vez (simulación, familia, deportes, acción,
casino, estrategia…)
◦
: también existen
múltiples categorías (música y audio,
cine y televisión, concursos,
comunicación, viajes, noticias,
salud, educación, negocios,
libros…)
Ejemplos de Aplicaciones par
Facebook
Bibliografía


http://www.maestrosdelweb.com/editoria
l/primeros-pasos-para-generaraplicaciones-de-facebook/



http://www.area25.es/espanol/web/desa
rrolloaplicacionesfacebook.asp



http://www.amarello.com.mx/s
ervicios/desarrolloaplicaciones-facebook
Realizado por:
 Isabel Martín Mosácula
o José Vicente Rodrigo Delgado

Más contenido relacionado

La actualidad más candente

La actualidad más candente (16)

Web 2.0.doc blo ggler este si
Web 2.0.doc blo ggler este siWeb 2.0.doc blo ggler este si
Web 2.0.doc blo ggler este si
 
Katy Fuentes De Informacion
Katy Fuentes De InformacionKaty Fuentes De Informacion
Katy Fuentes De Informacion
 
Facebook apps
Facebook appsFacebook apps
Facebook apps
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Tecnologías en la web 2.0
Tecnologías en la web 2.0Tecnologías en la web 2.0
Tecnologías en la web 2.0
 
C:\Web 1 0 Y 2 0 Bolivar
C:\Web 1 0 Y 2 0 BolivarC:\Web 1 0 Y 2 0 Bolivar
C:\Web 1 0 Y 2 0 Bolivar
 
Presentación de dos herramientas digitales
Presentación de dos herramientas digitalesPresentación de dos herramientas digitales
Presentación de dos herramientas digitales
 
Presentación de dos herramientas digitales
Presentación de dos herramientas digitalesPresentación de dos herramientas digitales
Presentación de dos herramientas digitales
 
Web 1 Guillermo
Web 1 GuillermoWeb 1 Guillermo
Web 1 Guillermo
 
A2paginas w3ii miguelangelpalma
A2paginas w3ii miguelangelpalmaA2paginas w3ii miguelangelpalma
A2paginas w3ii miguelangelpalma
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Tecnologías detrás de las redes sociales
Tecnologías detrás de las redes socialesTecnologías detrás de las redes sociales
Tecnologías detrás de las redes sociales
 
Xavier Nicolalde}L[1]
Xavier  Nicolalde}L[1]Xavier  Nicolalde}L[1]
Xavier Nicolalde}L[1]
 
31 herramientas para hacer tu web mas social
31 herramientas para hacer tu web mas social31 herramientas para hacer tu web mas social
31 herramientas para hacer tu web mas social
 
A2paginas w3oII anagisela
A2paginas w3oII anagisela          A2paginas w3oII anagisela
A2paginas w3oII anagisela
 
Oferta laboral
Oferta laboralOferta laboral
Oferta laboral
 

Similar a Desarrollo de aplicaciones para facebook

Aplicaciones web, movil y escritorio
Aplicaciones web, movil y escritorioAplicaciones web, movil y escritorio
Aplicaciones web, movil y escritorioAlbert Carrión
 
AnáLisis De Fbml
AnáLisis De FbmlAnáLisis De Fbml
AnáLisis De Fbmlluisafer92
 
Herramientas Informaticas.- Aplicaciones Web 2.0
Herramientas Informaticas.- Aplicaciones Web 2.0 Herramientas Informaticas.- Aplicaciones Web 2.0
Herramientas Informaticas.- Aplicaciones Web 2.0 Utmach
 
herramientas de comunicacion
herramientas de comunicacionherramientas de comunicacion
herramientas de comunicacioneva1999
 
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
 
Herramientas de internet
Herramientas de internetHerramientas de internet
Herramientas de internetCristian David
 
Las tecnologías detrás de las redes sociales
Las tecnologías detrás de las redes socialesLas tecnologías detrás de las redes sociales
Las tecnologías detrás de las redes socialesDiego Vi Re
 
Redes Sociales
Redes SocialesRedes Sociales
Redes Socialesfebec
 
Redes Sociales
Redes SocialesRedes Sociales
Redes Socialesleon_ceibo
 
Tecnologia detrás de las redes sociales
Tecnologia detrás de las redes socialesTecnologia detrás de las redes sociales
Tecnologia detrás de las redes socialesIngrid Escobal
 
Recursos on-line
Recursos on-lineRecursos on-line
Recursos on-linelaurajiab
 
Recursos on-line
Recursos on-lineRecursos on-line
Recursos on-linelaurajiab
 
Web 1.0 y Web 2.0
Web 1.0 y Web  2.0Web 1.0 y Web  2.0
Web 1.0 y Web 2.0mmaranju
 

Similar a Desarrollo de aplicaciones para facebook (20)

Aplicaciones web, movil y escritorio
Aplicaciones web, movil y escritorioAplicaciones web, movil y escritorio
Aplicaciones web, movil y escritorio
 
AnáLisis De Fbml
AnáLisis De FbmlAnáLisis De Fbml
AnáLisis De Fbml
 
Herramientas Informaticas.- Aplicaciones Web 2.0
Herramientas Informaticas.- Aplicaciones Web 2.0 Herramientas Informaticas.- Aplicaciones Web 2.0
Herramientas Informaticas.- Aplicaciones Web 2.0
 
herramientas de comunicacion
herramientas de comunicacionherramientas de comunicacion
herramientas de comunicacion
 
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
redes socialesredes sociales
redes sociales
 
Herramientas de internet
Herramientas de internetHerramientas de internet
Herramientas de internet
 
Las tecnologías detrás de las redes sociales
Las tecnologías detrás de las redes socialesLas tecnologías detrás de las redes sociales
Las tecnologías detrás de las redes sociales
 
Redes Sociales
Redes SocialesRedes Sociales
Redes Sociales
 
Redes Sociales
Redes SocialesRedes Sociales
Redes Sociales
 
Tecnologia detrás de las redes sociales
Tecnologia detrás de las redes socialesTecnologia detrás de las redes sociales
Tecnologia detrás de las redes sociales
 
Recursos on-line
Recursos on-lineRecursos on-line
Recursos on-line
 
Recursos on-line
Recursos on-lineRecursos on-line
Recursos on-line
 
Blogger karen cuitiva
Blogger karen cuitivaBlogger karen cuitiva
Blogger karen cuitiva
 
Trabajo practico n5
Trabajo practico n5Trabajo practico n5
Trabajo practico n5
 
Trabajo practico n5 completo
Trabajo practico n5 completo Trabajo practico n5 completo
Trabajo practico n5 completo
 
Web 1.0 y Web 2.0
Web 1.0 y Web  2.0Web 1.0 y Web  2.0
Web 1.0 y Web 2.0
 
Tarea 2
Tarea 2Tarea 2
Tarea 2
 
Tarea 2
Tarea 2Tarea 2
Tarea 2
 
Tarea 2
Tarea 2Tarea 2
Tarea 2
 

Desarrollo de aplicaciones para facebook

  • 1. Desarrollo de aplicaciones para Facebook Tecnologías Emergentes
  • 2. Introducción es una de las redes sociales más importantes en la actualidad. Millones de personas comparten a diario fotos, videos y sus experiencias con sus amigos en esta red. nos ofrece la posibilidad de desarrollar aplicaciones para ser utilizadas dentro de esta red social.
  • 3. Introducción Cuando desarrollamos un programa para Facebook, éste puede interactuar con el usuario y con sus amigos. Una aplicación puede escribir en el muro de un usuario, enviar invitaciones y mensajes a sus conocidos. De esta forma, nuestro programa puede distribuirse de forma exponencial en la red.
  • 4. Introducción Entre muchas otras cosas una aplicación para Facebook tiene las siguientes : ◦ Llevar registros de todos los usuarios que la utilicen ◦ Publicar mensajes en el timeline del usuario ◦ Usar la información de contacto (email, teléfono, fecha de nacimiento) del usuario ◦ Pedir que le de like a su sitio ◦ Postear mensajes en su facebook cada que haga un comentario en su sitio ◦ Interactuar con los amigos del usuario mediante invitaciones, mensajes, y actividad
  • 5. Definición “Una aplicación para facebook consiste en una página web que funciona dentro de dicha red social, y va desde una simple interconexión de un sitio web con facebook, hasta una aplicación para leer noticias e interactuar con tus amigos desde facebook.”
  • 6. Creando aplicaciones en Facebook Recursos disponibles : API: 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”): 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”): 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. Con FBML se puede acceder a distintos puntos de la red como el perfil, acciones del perfil, canvas y feeds.
  • 7. Estructura de la aplicación  Product Directory • About • Left Nav • Canvas Page • Profile • Profile Box • Message Attachments • User Dashboard • Profile Actions Links • Privacy Settings • Alerts • News Feed • Requests • Home
  • 8. Usando la API  En primer lugar hay que obtener la librería para conectarse a la API: ◦ Librería PHP 4 & 5 ◦ Librería Java  Creamos un archivo ‘appinclude.php’ que se incluye en la parte superior de todas nuestras páginas y colocamos dentro los datos que se obtienen de la página, allí buscamos nuestra aplicación y tomamos nota de: API Key y Secret Key.  Luego reemplazamos [API Key], [Secret Key] y [CallbackURL] por nuestros datos. Con respecto al require_once debemos indicar la ubicación del archivo ‘facebook.php’ dependiendo de que versión de PHP usamos: ◦ PHP 4 ◦ PHP 5
  • 10. Ejemplos de Aplicaciones par Facebook
  • 11. Ejemplos de Aplicaciones par Facebook  Existen cientos de aplicaciones para facebook, por ello se dividen en 2 subgrupos: ◦ : existen numerosas categorías a su vez (simulación, familia, deportes, acción, casino, estrategia…) ◦ : también existen múltiples categorías (música y audio, cine y televisión, concursos, comunicación, viajes, noticias, salud, educación, negocios, libros…)
  • 12. Ejemplos de Aplicaciones par Facebook
  • 14. Realizado por:  Isabel Martín Mosácula o José Vicente Rodrigo Delgado