Upload
andres-karp
View
9.564
Download
0
Embed Size (px)
DESCRIPTION
Conferencia a Cargo de Gabriel Cuesta para ADWa sobre Desarrollo De Aplicaciones Para Facebook
Citation preview
Desarrollo de Aplicaciones para Facebook
Gabriel Cuesta Arza h8p://www.faceblog.es
De la edad de piedra a la web 2.0
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Las redes sociales
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Las aplicaciones de Facebook
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Tipos de aplicaciones
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Facebook Connect
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Facebook y el mundo exterior
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
¿Es fácil desarrollar aplicaciones para Facebook?
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Es fácil desarrollar aplicaciones para Facebook
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
¿Se gana dinero con las aplicaciones de Facebook?
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
¿Se tarda mucho Iempo en hacer una aplicación de Facebook?
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
¿Se tarda mucho Iempo en hacer una aplicación de Facebook?
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Las aplicaciones más usadas
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Las empresas con más usuarios
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Redes Sociales y ROI
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Entornos para una aplicación de Facebook:
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Entornos para una aplicación de Facebook:
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Entornos para una aplicación de Facebook:
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Entornos para una aplicación de Facebook:
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Entornos para una aplicación de Facebook:
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Entornos para una aplicación de Facebook:
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
¿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
Cómo funciona una aplicación Zpica de Facebook
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Cómo funciona una aplicación Zpica de Facebook
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Cómo funciona una aplicación Zpica de Facebook
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Tecnologías de Facebook
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Tecnologías de Facebook
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Tecnologías de Facebook
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Tecnologías de Facebook
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Tecnologías de Facebook
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Tecnologías de Facebook
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Tecnologías de Facebook
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Tecnologías de Facebook
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Tecnologías de Facebook
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Nuestras tecnologías
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Nuestras tecnologías
Etc…
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Recursos para desarrolladores
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Recursos para desarrolladores
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Recursos para desarrolladores
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Recursos para desarrolladores
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Recursos para desarrolladores
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
Mi primera aplicación
1.-‐ Accede a Facebook con tu usuario y tu clave.
Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
Gracias Gabriel Cuesta Arza
hqp://www.faceblog.es Cuesta.tel