carlos fernández durán manuel molina menéndez tutor: miguel gea megías

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

Upload: jose-francisco-crespo-moreno

Post on 23-Jan-2016

220 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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

Page 2: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

FINALIDAD DEL PROYECTO

Page 3: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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

Page 4: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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

ÍNDICE

Page 5: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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

ÍNDICE

Page 6: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

1. INTRODUCCIÓN

ÍNDICE

1.1 Objetivos planteados1.2 Situación actual

Page 7: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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

1. INTRODUCCIÓN

1.1 Objetivos planteados

Page 8: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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

1. INTRODUCCIÓN

1.1 Objetivos planteados

Page 9: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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

Page 10: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

Web 2.0 yRedes Sociales

El uso de internet

GeolocalizaciónSocial

1. INTRODUCCIÓN

1.2 Situación actual

Carlos
Ponerlo bonico iluminando.Web 2.0 y redes sociales: Explicar la imagen comparando 1.0 y 2.0 y explicar cómo influyen la redes sociales en la actualidad, no meterse mucho en su definicion.
Page 11: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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

Carlos
Ponerlo bonico iluminando.Web 2.0 y redes sociales: datos del gráfico: http://www.facebook.com/press/info.php?timeline
Page 12: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

Web 2.0 yRedes Sociales

El uso de internet

GeolocalizaciónSocial

1. INTRODUCCIÓN

1.2 Situación actual

Carlos
Ponerlo bonico iluminando.El uso de internet: Exagerar con numeros los movimientos en internet y explicar lo más curioso del gráfico
Page 13: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

Web 2.0 yRedes Sociales

El uso de internet

GeolocalizaciónSocial

1. INTRODUCCIÓN

1.2 Situación actual

Carlos
Ponerlo bonico iluminando.Geolocalización social: El uso de ubicación en las apps y redes sociales y ejemplos.
Page 14: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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

ÍNDICE

Page 15: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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

MANU_MOLINA
A VER QUE PONEMOS AQUI-SUBINDICE DEL APARTADO-IMAGENES-ESQUEMAS-ETC
Page 16: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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

Page 17: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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.

Carlos
Carlos19/11/2011Consultas a graph API de elementos y elementos conectadosAutenticacionSocial PluginsOpen Graph Protocol
Page 18: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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

Carlos
Carlos19/11/2011Consultas a graph API de elementos y elementos conectadosAutenticacionSocial PluginsOpen Graph Protocol
Page 19: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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

Carlos
Carlos19/11/2011Consultas a graph API de elementos y elementos conectadosAutenticacionSocial PluginsOpen Graph Protocol
Page 20: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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.

Carlos
Carlos19/11/2011Consultas a graph API de elementos y elementos conectadosAutenticacionSocial PluginsOpen Graph Protocol
Page 21: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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

Page 22: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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

ÍNDICE

Page 23: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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

Page 24: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

Definicion…bla bla bla

Imagen esquema definicion, incluir en la memoria…

3. GEOLOCALIZACIÓN Y GOOGLE MAPS

3.1 Geolocalización

MANU_MOLINA
BUSCAR DEFINICION MAS EXACTA EN INTERNET
Page 25: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

3. GEOLOCALIZACIÓN Y GOOGLE MAPS

3.1 Métodos de geolocalización

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

MANU_MOLINA
-BUSCAR DIBUJITOS POR INTERNET-CONCRETAR Y VERIFICAR DICHA INFORMACIÓN
Page 26: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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

MANU_MOLINA
-PONERLO BONICO
Page 27: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

-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

Page 28: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

MAPS JAVASCRIPT API

3. GEOLOCALIZACIÓN Y GOOGLE MAPS

3.4 Desarrollo sobre API Google Maps

Page 29: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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

Page 30: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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

Page 31: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

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

ÍNDICE

Page 32: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

4. APLICACIÓN DEMOSTRATIVA

ÍNDICE

4.1 Especificaciones4.2 Arquitectura del sistema4.3 Funcionalidades

Page 33: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

Bla bla bla.

4. APLICACIÓN DEMOSTRATIVA

Imagen?¿?

4.1 …

Page 34: Carlos Fernández Durán Manuel Molina Menéndez Tutor: Miguel Gea Megías

APARTADO