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

1. Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
h8p://www.faceblog.es

2. De
la
edad
de
piedra
a
la
web
2.0
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

3. Las
redes
sociales
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

4. Facebook
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

5. Las
aplicaciones
de
Facebook
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

6. Tipos
de
aplicaciones
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

7. Facebook
Connect
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

8. Facebook
y
el
mundo
exterior
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

9. ¿Es
fácil
desarrollar
aplicaciones
para
Facebook?
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

10. Es
fácil
desarrollar
aplicaciones
para
Facebook
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

11. ¿Se
gana
dinero
con
las
aplicaciones
de
Facebook?
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

12. ¿Se
tarda
mucho
Iempo
en
hacer
una
aplicación
de
Facebook?
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

13. ¿Se
tarda
mucho
Iempo
en
hacer
una
aplicación
de
Facebook?
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

14. Las
aplicaciones
más
usadas
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

15. Las
empresas
con
más
usuarios
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

16. Redes
Sociales
y
ROI
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

17. Entornos
para
una
aplicación
de
Facebook:
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

18. Entornos
para
una
aplicación
de
Facebook:
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

19. Entornos
para
una
aplicación
de
Facebook:
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

20. Entornos
para
una
aplicación
de
Facebook:
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

21. Entornos
para
una
aplicación
de
Facebook:
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

22. Entornos
para
una
aplicación
de
Facebook:
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

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. Cómo
funciona
una
aplicación
Zpica
de
Facebook
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

25. Cómo
funciona
una
aplicación
Zpica
de
Facebook
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

26. Cómo
funciona
una
aplicación
Zpica
de
Facebook
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

27. Tecnologías
de
Facebook
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

28. Tecnologías
de
Facebook
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

29. Tecnologías
de
Facebook
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

30. Tecnologías
de
Facebook
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

31. Tecnologías
de
Facebook
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

32. Tecnologías
de
Facebook
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

33. Tecnologías
de
Facebook
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

34. Tecnologías
de
Facebook
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

35. Tecnologías
de
Facebook
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

36. Nuestras
tecnologías
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

37. Nuestras
tecnologías
Etc…
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

38. Recursos
para
desarrolladores
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

39. Recursos
para
desarrolladores
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

40. Recursos
para
desarrolladores
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

41. Recursos
para
desarrolladores
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

42. Recursos
para
desarrolladores
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es

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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. Gracias

Gabriel
Cuesta
Arza
hqp://www.faceblog.es
Cuesta.tel
Desarrollo
de
Aplicaciones
para
Facebook
Gabriel
Cuesta
Arza
-­‐
Faceblog.es