USO DEL API DE REDES SOCIALES PARA LA CREACIÓN DE SERVICIOS DE VALOR AÑADIDO

1. USO DEL API DE REDES SOCIALES PARA LA CREACIÓN DE SERVICIOS DE VALOR AÑADIDO Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

2. FINALIDAD DEL PROYECTO

3. FINALIDAD DEL PROYECTO Estudio sobre el desarrollo de aplicaciones en redes sociales, orientadas a la creación de un servicio de valor añadido: la geolocalización social.

4. ÍNDICE • INTRODUCCIÓN • DESARROLLO APLICACIONES EN FACEBOOK • GEOLOCALIZACIÓN Y GOOGLE MAPS • APLICACIÓN DEMOSTRATIVA • CONCLUSIONES

5. ÍNDICE • INTRODUCCIÓN • DESARROLLO APLICACIONES EN FACEBOOK • GEOLOCALIZACIÓN Y GOOGLE MAPS • APLICACIÓN DEMOSTRATIVA • CONCLUSIONES

6. ÍNDICE • INTRODUCCIÓN 1.1 Objetivos planteados 1.2 Situación actual

7. 1. INTRODUCCIÓN 1.1 Objetivos planteados Entorno de programación bajo un modelo social, en concreto, Facebook.

8. 1. INTRODUCCIÓN 1.1 Objetivos planteados Estudio del desarrollo de aplicaciones sobre APIs y SDKs propias de Facebook.

9. 1. INTRODUCCIÓN 1.1 Objetivos planteados Desarrollo servicio valor añadido para esta comunidad: Geolocalización social Complementada con la API de Google Maps.

10. 1. INTRODUCCIÓN 1.2 Situación actual Web 2.0 y Redes Sociales El uso de internet Geolocalización Social

11. 1. INTRODUCCIÓN 1.2 Situación actual Web 2.0 y Redes Sociales El uso de internet Geolocalización Social

12. 1. INTRODUCCIÓN 1.2 Situación actual Web 2.0 y Redes Sociales El uso de internet Geolocalización Social

13. 1. INTRODUCCIÓN 1.2 Situación actual Web 2.0 y Redes Sociales El uso de internet Geolocalización Social

14. ÍNDICE • INTRODUCCIÓN • DESARROLLO APLICACIONES EN FACEBOOK • GEOLOCALIZACIÓN Y GOOGLE MAPS • APLICACIÓN DEMOSTRATIVA • CONCLUSIONES

15. ÍNDICE 2. DESARROLLO APLICACIONES EN FACEBOOK 2.1 Social Graph: el núcleo de Facebook 2.2 Graph API: Acceso a los datos 2.3 Herramientas y SDKs

16. 2. DESARROLLO APLICACIONES EN FACEBOOK 2.1 Social Graph: el núcleo de Facebook Red de elementos de facebook conectados entre relaciones. Elementos: • Usuarios • Páginas • Imágenes y Vídeos • Aplicaciones Relaciones: • Amigo • Me gusta • Etiqueta • Permisos

17. 2. DESARROLLO APLICACIONES EN FACEBOOK 2.2 Graph API: Acceso a los datos Interfaz de conexión entre una aplicación y los datos de facebook.

18. 2. DESARROLLO APLICACIONES EN FACEBOOK 2.2 Graph API: Acceso a los datos Consultas de datos https://graph.facebook.com/220439 { "id": "220439", "name": "Bret Taylor", "first_name": "Bret", "last_name": "Taylor", "link": "http://www.facebook.com/btaylor", "username": "btaylor", "gender": "male", "locale": "en_US" } Consultas sobre elementos (objetos) Todos los elementos en facebook tienen un ID único https://graph.facebook.com/ID

19. 2. DESARROLLO APLICACIONES EN FACEBOOK 2.2 Graph API: Acceso a los datos Consultas de datos https://graph.facebook.com/me/friends { "data": [ { "name": "Demo Geolocaliza", "id": "100001861697401" }, { "name": "Manu Molina", "id": "100001254034995" }, { "name": "Carlos Fern\u00e1ndez", "id": "100000306140880" } ] } Consultas sobre elementos relacionados https://graph.facebook.com/ID/RELACION

20. 2. DESARROLLO APLICACIONES EN FACEBOOK 2.2 Graph API: Acceso a los datos Autenticación Facebook utiliza el protocolo oAuth 2.0 para la autenticación y autorización. Para que una aplicación acceda a los datos de un usuario necesita un token de acceso, previa confirmación del usuario.

21. 2. DESARROLLO APLICACIONES EN FACEBOOK 2.3 Herramientas y SDKs Sitios Web Aplicaciones Aplicaciones Móviles JavaScript SDK Android SDK PHP SDK iOS SDK Social Plugins

22. ÍNDICE • INTRODUCCIÓN • DESARROLLO APLICACIONES EN FACEBOOK • GEOLOCALIZACIÓN Y GOOGLE MAPS • APLICACIÓN DEMOSTRATIVA • CONCLUSIONES

23. ÍNDICE 3. GEOLOCALIZACIÓN Y GOOGLE MAPS 3.1 Geolocalización 3.2 Métodos de geolocalización 3.3 Utilidades de Google Maps 3.4 Desarrollo sobre API Google Maps

24. 3. GEOLOCALIZACIÓN Y GOOGLE MAPS 3.1 Geolocalización Definicion…blablabla Imagen esquema definicion, incluir en la memoria…

25. 3. GEOLOCALIZACIÓN Y GOOGLE MAPS 3.1 Métodos de geolocalización Métodos ubicación del estándar W3C incluido en HTML5

26. 3. GEOLOCALIZACIÓN Y GOOGLE MAPS 3.1 Métodos de geolocalización W3C Geolocation: 1. Permiso del navegador para georreferenciar Navigatior.geolocation() 2. Obtiene las coordenadas de ubicación navigator.geolocation.getCurrentPosition()

27. 3. GEOLOCALIZACIÓN Y GOOGLE MAPS 3.3 Utilidades de Google Maps • Visualización y manipulación de mapas. (imagen) • Código libre. • Superposición de marcas e información sobre los mapas. (imagen) • Permite trabajar con coordenadas geográficas obtenidas en la geolocalización. • Forma intuitiva de representar ubicaciones. (imagen)

28. 3. GEOLOCALIZACIÓN Y GOOGLE MAPS 3.4 Desarrollo sobre API Google Maps MAPS JAVASCRIPT API

29. 3. GEOLOCALIZACIÓN Y GOOGLE MAPS 3.4 Desarrollo sobre API Google Maps MAPS JAVASCRIPT API -Permite leer los datos JSON obtenidos en Facebook. -Rápido y eficiente para su ejecución en navegadores.

30. 3. GEOLOCALIZACIÓN Y GOOGLE MAPS 3.4 Desarrollo sobre API Google Maps MAPS JAVASCRIPT API CARGA API EN NAVEGADOR DIBUJAR MAPA SUPERPONER MARCAS DE UBICACIÓN

31. ÍNDICE • INTRODUCCIÓN • DESARROLLO APLICACIONES EN FACEBOOK • GEOLOCALIZACIÓN Y GOOGLE MAPS • APLICACIÓN DEMOSTRATIVA • CONCLUSIONES

32. ÍNDICE 4. APLICACIÓN DEMOSTRATIVA 4.1 Especificaciones 4.2 Arquitectura del sistema 4.3 Funcionalidades

33. 4. APLICACIÓN DEMOSTRATIVA 4.1 … Blablabla. Imagen?¿?

34. APARTADO