Desarrollo De Aplicaciones Para Facebook

10,354 views

Published on

Conferencia a Cargo de Gabriel Cuesta para ADWa sobre Desarrollo De Aplicaciones Para Facebook

Published in: Education

Desarrollo De Aplicaciones Para Facebook

  1. 1. Desarrollo  de  Aplicaciones  para   Facebook   Gabriel  Cuesta  Arza   h8p://www.faceblog.es  
  2. 2. De  la  edad  de  piedra  a  la   web  2.0   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  3. 3. Las  redes  sociales   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  4. 4. Facebook   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  5. 5. Las  aplicaciones  de   Facebook   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  6. 6. Tipos  de  aplicaciones   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  7. 7. Facebook  Connect   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  8. 8. Facebook  y  el  mundo   exterior   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  9. 9. ¿Es  fácil  desarrollar   aplicaciones  para  Facebook?   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  10. 10. Es  fácil  desarrollar   aplicaciones  para  Facebook   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  11. 11. ¿Se  gana  dinero  con  las   aplicaciones  de  Facebook?   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  12. 12. ¿Se  tarda  mucho  Iempo  en  hacer   una  aplicación  de  Facebook?   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  13. 13. ¿Se  tarda  mucho  Iempo  en  hacer   una  aplicación  de  Facebook?   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  14. 14. Las  aplicaciones  más  usadas   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  15. 15. Las  empresas  con  más   usuarios   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  16. 16. Redes  Sociales  y  ROI   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  17. 17. Entornos  para  una  aplicación   de  Facebook:   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  18. 18. Entornos  para  una  aplicación   de  Facebook:   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  19. 19. Entornos  para  una  aplicación   de  Facebook:   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  20. 20. Entornos  para  una  aplicación   de  Facebook:   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  21. 21. Entornos  para  una  aplicación   de  Facebook:   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  22. 22. Entornos  para  una  aplicación   de  Facebook:   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  23. 23. ¿Qué  necesito  para  ser   desarrollador  de  Aplicaciones   de  Facebook?   1.-­‐  Ser  usuario  habitual  de  Facebook   2.-­‐  Conocer  un  lenguaje  de  programación  a   nivel  avanzado   3.-­‐  Conseguir  un  “Hola  Mundo”   4.-­‐  Tener  una  buena  idea   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  24. 24. Cómo  funciona  una   aplicación  Zpica  de  Facebook   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  25. 25. Cómo  funciona  una   aplicación  Zpica  de  Facebook   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  26. 26. Cómo  funciona  una   aplicación  Zpica  de  Facebook   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  27. 27. Tecnologías  de  Facebook   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  28. 28. Tecnologías  de  Facebook   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  29. 29. Tecnologías  de  Facebook   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  30. 30. Tecnologías  de  Facebook   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  31. 31. Tecnologías  de  Facebook   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  32. 32. Tecnologías  de  Facebook   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  33. 33. Tecnologías  de  Facebook   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  34. 34. Tecnologías  de  Facebook   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  35. 35. Tecnologías  de  Facebook   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  36. 36. Nuestras  tecnologías   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  37. 37. Nuestras  tecnologías   Etc…   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  38. 38. Recursos  para   desarrolladores   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  39. 39. Recursos  para   desarrolladores   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  40. 40. Recursos  para   desarrolladores   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  41. 41. Recursos  para   desarrolladores   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  42. 42. Recursos  para   desarrolladores   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  43. 43. Mi  primera  aplicación   1.-­‐  Accede  a  Facebook  con  tu  usuario  y  tu   clave.   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  44. 44. Mi  primera  aplicación   2.-­‐  Ve  a  la  url  h"p://www.facebook.com/developers.   Se  te  solicitará  permiso  para  aceptar  esta  aplicación.   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  45. 45. Mi  primera  aplicación   3.-­‐  A  conInuación  entraremos  en  una  página  que  nos   dará  la  opción  de  crear  una  nueva  aplicación  y  de   descargarnos  las  librerías  PHP  necesarias  para  nuestro   servidor.   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  46. 46. Mi  primera  aplicación   4.-­‐  Descargamos  en  primer  lugar  las  librerías  PHP,   incluyen  una  aplicación  de  ejemplo.   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  47. 47. Mi  primera  aplicación   5.-­‐  Ahora  hay  que  instalar  las  librerías  en  nuestro  servidor   subiéndolas  mediante  FTP,  recordad  que  son  librerías   para  PHP5  por  lo  que  vuestro  servidor  debe  soportar  este   lenguaje.   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  48. 48. Mi  primera  aplicación   6.-­‐  Una  vez  subimos  hemos  subido  las  librerías  y  la   aplicación  de  pruebas  a  nuestro  servidor  tenemos  que   volver  a  Facebook  y  hacer  click  sobre  “Configurar  una   nueva  aplicación”  o  “crear  una”.   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  49. 49. Mi  primera  aplicación   7.-­‐  A  conInuación  se  nos  pide  que  demos  nombre  a  la   aplicación  y  que  aceptemos  las  condiciones  de  servicio.   Podéis  poner  el  nombre  que  queráis,  aunque  sea  similar   a  una  aplicación  ya  existente.   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  50. 50. Mi  primera  aplicación   8.-­‐  Una  vez  le  hemos  dado  al  botón  de  “Guardar   cambios”  nos  econtramos  con  la  pantalla  de   configuración  básica  de  nuestra  aplicación.  Vamos  a   destacar  en  primer  lugar  de  la  misma  3  datos  que  son   importanZsimos:    AplicaIon  ID,  Clave  API  y  secreto,   debemos  tomar  nota  de  estos  datos  (aunque  siempre   estarán  disponibles  sin  entramos  con  nuestro  usuario  en   la  página  de  los  desarrolladores).   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  51. 51. Mi  primera  aplicación   9.-­‐  A  conInuación  se  nos  pide  que  introduzcamos  los   datos  de  información  básica:  descripción,  icono  de  la   aplicación  (el  icono  pequeñito),  logoIpo  de  la  aplicación   (  el  icono  grande),  el  idioma  y  los  desarrolladores.   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  52. 52. Mi  primera  aplicación   10.-­‐  Nos  quedaría  confirmar  la  información  del  email  del   desarrollador  y  las  Urls  de  ayuda,  condiciones  de  uso  y   privacidad.  No  hace  falta  que  tengáis  esas  páginas   creadas,  podéis  poner  las  urls  que  vayáis  a  crear  en  el   futuro.   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  53. 53. Mi  primera  aplicación   11.-­‐  Le  damos  al  botón  “Guardar  cambios”  y  Facebook   nos  envía  a  la  página  de  inicio  para  desarrolladores  de   nuestra  nueva  aplicación.  Buscamos  el  botón  de  “Editar   configuración”  y  lo  pulsamos.   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  54. 54. Mi  primera  aplicación   12.-­‐  Volvemos  a  la  página  anterior  de  creación  de  la   aplicación,  pero  ahora  debemos  hacer  click  en  la  pestaña   “Lienzo”.   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  55. 55. Mi  primera  aplicación   13.-­‐  Esta  pantalla  es  importanZsima,  en  ella  debemos  en   primer  lugar  configurar  la  url  de  nuestra  aplicación  en   Facebook.   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  56. 56. Mi  primera  aplicación   14.-­‐  A  conInuación  debemos  configurar  la  url  de  la   aplicación  en  nuestro  servidor  PHP  (es  de  aquí  de  donde   Facebook  leerá  las  respuestas  de  nuestro  servidor  para   publicarlas  en  su  entorno).  En  concreto  en  este  ejemplo   deberemos  poner  la  url  de  nuestro  servidor  que  nos  lleva   a  la  aplicación  “footprints”  de  ejemplo  que  hemos  subido   antes  por  FTP.   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  57. 57. Mi  primera  aplicación   15.-­‐  Para  este  tutorial  debemos  dejar  configurada  la   aplicación  en  modo  FBML,  no  en  modo  Iframe.   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  58. 58. Mi  primera  aplicación   16.-­‐  Una  vez  hecho  esto  guardamos  los  cambios  y  nos   vamos  a  nuestro  servidor  PHP.  Dentro  de  la  carpeta   footprints  hay  un  fichero  llamado  config.php,  debemos   editarlo  y  darle  valor  a  las  variables  $api_key  con  nuestra   CLAVE_API  y  $secret  con  nuestra  clave  secreta  SECRETO.   Esta  aplicación  de  muestra  requiere  para  funcionar   interactuar  con  una  base  de  datos  de  vuestro  servidor  así   que  deberéis  configurar  los  datos  del  servidor  de  base  de   datos  y  crear  la  tabla  que  pide.  Esta  parte  viene  con   comentarios  PHP.   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  59. 59. Mi  primera  aplicación   17.-­‐  Facebook  Iene  su  aplicación  de  muestra  en  esta  url:   h"p://apps.facebook.com/footprints/   18.-­‐  Ahora  sólo  os  queda  ya  compararla  con  el   funcionamiento  de  la  vuestra  con  vuestra  url  de   facebook,  es  decir,  h"p://apps.facebook.com/[nombre   dado  en  el  paso  13]   19.-­‐  Pues  ya  está,  ya  tenéis  vuestra  primera  aplicación  de   prueba,  ahora  toca  poneros  a  modificar  el  fichero   index.php  para  ir  haciendo  pruebas.  ¡Qué  aproveche!   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  
  60. 60. Gracias     Gabriel  Cuesta  Arza   hqp://www.faceblog.es   Cuesta.tel   Desarrollo  de  Aplicaciones  para  Facebook   Gabriel  Cuesta  Arza  -­‐  Faceblog.es  

×