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

Carlos Fernández DuránManuel Molina Menéndez

Tutor:Miguel Gea Megías

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.

FINALIDAD DEL PROYECTO

1. INTRODUCCIÓN2. DESARROLLO APLICACIONES EN FACEBOOK3. GEOLOCALIZACIÓN Y GOOGLE MAPS4. APLICACIÓN DEMOSTRATIVA5. CONCLUSIONES

ÍNDICE

1. INTRODUCCIÓN2. DESARROLLO APLICACIONES EN FACEBOOK3. GEOLOCALIZACIÓN Y GOOGLE MAPS4. APLICACIÓN DEMOSTRATIVA5. CONCLUSIONES

ÍNDICE

1. INTRODUCCIÓN

ÍNDICE

1.1 Objetivos planteados1.2 Situación actual

Entorno de programación bajo un modelo social, en concreto, Facebook.

1. INTRODUCCIÓN

1.1 Objetivos planteados

Estudio del desarrollo de aplicaciones sobre APIs y SDKs propias de Facebook.

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.

1. INTRODUCCIÓN

1.1 Objetivos planteados

Web 2.0 yRedes Sociales

El uso de internet

GeolocalizaciónSocial

1. INTRODUCCIÓN

1.2 Situación actual

Web 2.0 yRedes Sociales

El uso de internet

GeolocalizaciónSocial

1. INTRODUCCIÓN

1.2 Situación actual

Catego

ría 1

Catego

ría 2

Catego

ría 3

Catego

ría 4

012345

Serie 1

Serie 1

Web 2.0 yRedes Sociales

El uso de internet

GeolocalizaciónSocial

1. INTRODUCCIÓN

1.2 Situación actual

Web 2.0 yRedes Sociales

El uso de internet

GeolocalizaciónSocial

1. INTRODUCCIÓN

1.2 Situación actual

1. INTRODUCCIÓN2. DESARROLLO APLICACIONES EN FACEBOOK3. GEOLOCALIZACIÓN Y GOOGLE MAPS4. APLICACIÓN DEMOSTRATIVA5. CONCLUSIONES

ÍNDICE

2. DESARROLLO APLICACIONES EN FACEBOOK

ÍNDICE

2.1 Social Graph: el núcleo de Facebook2.2 Graph API: Acceso a los datos2.3 Herramientas y SDKs

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

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.

2. DESARROLLO APLICACIONES EN FACEBOOK

2.2 Graph API: Acceso a los datos

Consultas de datos

Consultas sobre elementos (objetos)

Todos los elementos en facebook tienen un ID único

https://graph.facebook.com/ID

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"}

2. DESARROLLO APLICACIONES EN FACEBOOK

2.2 Graph API: Acceso a los datos

Consultas de datos

Consultas sobre elementos relacionados

https://graph.facebook.com/ID/RELACION

https://graph.facebook.com/me/friends{ "data": [ { "name": "Demo Geolocaliza", "id": "100001861697401" }, { "name": "Manu Molina", "id": "100001254034995" }, { "name": "Carlos Fern\u00e1ndez", "id": "100000306140880" } ]}

2. DESARROLLO APLICACIONES EN FACEBOOK

2.2 Graph API: Acceso a los datos

Autenticación

Facebook utiliza elprotocolo 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.

2. DESARROLLO APLICACIONES EN FACEBOOK

2.3 Herramientas y SDKs

Sitios Web Aplicaciones Aplicaciones Móviles

JavaScript SDK

PHP SDK

Social Plugins

Android SDK

iOS SDK

1. INTRODUCCIÓN2. DESARROLLO APLICACIONES EN FACEBOOK3. GEOLOCALIZACIÓN Y GOOGLE MAPS4. APLICACIÓN DEMOSTRATIVA5. CONCLUSIONES

ÍNDICE

3. GEOLOCALIZACIÓN Y GOOGLE MAPS

ÍNDICE

3.1 Geolocalización3.2 Métodos de geolocalización3.3 Utilidades de Google Maps3.4 Desarrollo sobre API Google Maps

Definicion…bla bla bla

Imagen esquema definicion, incluir en la memoria…

3. GEOLOCALIZACIÓN Y GOOGLE MAPS

3.1 Geolocalización

3. GEOLOCALIZACIÓN Y GOOGLE MAPS

3.1 Métodos de geolocalización

Métodos ubicación del estándar W3C incluido en HTML5

W3C Geolocation:1. Permiso del navegador para georreferenciar

Navigatior.geolocation() 2. Obtiene las coordenadas de ubicación

navigator.geolocation.getCurrentPosition()

3. GEOLOCALIZACIÓN Y GOOGLE MAPS

3.1 Métodos de geolocalización

-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)

3. GEOLOCALIZACIÓN Y GOOGLE MAPS

3.3 Utilidades de Google Maps

MAPS JAVASCRIPT API

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.

3. GEOLOCALIZACIÓN Y GOOGLE MAPS

3.4 Desarrollo sobre API Google Maps

MAPS JAVASCRIPT API

3. GEOLOCALIZACIÓN Y GOOGLE MAPS

3.4 Desarrollo sobre API Google Maps

CARGA API EN NAVEGADOR

DIBUJAR MAPA

SUPERPONER MARCAS DE UBICACIÓN

1. INTRODUCCIÓN2. DESARROLLO APLICACIONES EN FACEBOOK3. GEOLOCALIZACIÓN Y GOOGLE MAPS4. APLICACIÓN DEMOSTRATIVA5. CONCLUSIONES

ÍNDICE

4. APLICACIÓN DEMOSTRATIVA

ÍNDICE

4.1 Especificaciones4.2 Arquitectura del sistema4.3 Funcionalidades

Bla bla bla.

4. APLICACIÓN DEMOSTRATIVA

Imagen?¿?

4.1 …

APARTADO