Download - Buscador AJAX de imágenes en redes sociales
![Page 1: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/1.jpg)
Buscador AJAX de imágenes en redes sociales
Sergio Rus Carrasco
http://www.flickr.com/photos/34201712@N02/3948254587
![Page 2: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/2.jpg)
Evolución de la Web
http://www.flickr.com/photos/leecullivan/122271605/
![Page 3: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/3.jpg)
Antes...
http://www.flickr.com/photos/visualpanic/253081627/
![Page 4: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/4.jpg)
Antes...
Páginas web
![Page 5: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/5.jpg)
Antes...
Páginas web
Contenidos estáticos y cerrados
![Page 6: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/6.jpg)
Antes...
Páginas web
Contenidos estáticos y cerrados
Navegador = visor documentos
![Page 7: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/7.jpg)
Ahora
![Page 8: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/8.jpg)
Ahora
Aplicaciones web
![Page 9: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/9.jpg)
Ahora
Aplicaciones web
Contenidos dinámicos (AJAX) y
abiertos (APIs)
![Page 10: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/10.jpg)
Ahora
Aplicaciones web
Contenidos dinámicos (AJAX) y
abiertos (APIs)
Plataformas colaborativas
![Page 11: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/11.jpg)
Ahora
Aplicaciones web
Contenidos dinámicos (AJAX) y
abiertos (APIs)
Plataformas colaborativas
Navegador = sistema operativo
![Page 12: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/12.jpg)
Web 2.0
Blogs
Wikis
Aplicaciones web
Mashups
Social media
![Page 13: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/13.jpg)
Web 2.0
Blogs
Wikis
Aplicaciones web
Mashups
Social media
![Page 14: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/14.jpg)
![Page 15: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/15.jpg)
![Page 16: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/16.jpg)
Grafo social
![Page 17: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/17.jpg)
http://goo.gl/z3GDm
![Page 18: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/18.jpg)
http://www.flickr.com/photos/49503165485@N01/3976415352
![Page 19: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/19.jpg)
Grandes generadores de contenidos
![Page 20: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/20.jpg)
sobre todo imágenes
http://www.flickr.com/photos/generated/4994039025/
![Page 21: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/21.jpg)
http://www.flickriver.com/photos/ansik/4425771596/
![Page 22: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/22.jpg)
750+ millones de usuarios
30000 millones de contenidos
De media ~130 amigos
![Page 23: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/23.jpg)
32+ millones de usuarios
6000 millones de fotografías
![Page 24: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/24.jpg)
Acceder a esos contenidos
de una forma eficiente,
interactiva,
y proporcionando una buena
experiencia de usuario
Objetivo
http://www.flickr.com/photos/visualpanic/404347995/
![Page 25: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/25.jpg)
Proyecto
http://www.flickr.com/photos/37803129@N00/2436481628
![Page 26: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/26.jpg)
Frontend
APIs + AJAX + HTML5
![Page 27: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/27.jpg)
Backend
Symfony: PHP + MySQL
![Page 29: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/29.jpg)
![Page 30: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/30.jpg)
APIs usadas
Facebook Graph API
Flickr API
Google AJAX Search API
![Page 31: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/31.jpg)
REST
http://www.flickr.com/photos/visualpanic/3192855619/
![Page 32: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/32.jpg)
REST
Recursos
URL, HTTP
GET, POST, PUT, DELETE
HTML, XML, JSON
http://www.flickr.com/photos/visualpanic/3192855619/
![Page 33: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/33.jpg)
REST
Recursos
URL, HTTP
GET, POST, PUT, DELETE
HTML, XML, JSON
http://www.flickr.com/photos/visualpanic/3192855619/
![Page 34: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/34.jpg)
http://forum.lessthandot.com/viewtopic.php?f=100&t=6905
![Page 35: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/35.jpg)
<person> <firstName>John</firstName> <lastName>Smith</lastName> <age>25</age> <address> <streetAddress>21 2nd Street</streetAddress> <city>New York</city> <state>NY</state> <postalCode>10021</postalCode> </address> <phoneNumber type="home">212 555-1234</phoneNumber> <phoneNumber type="fax">646 555-4567</phoneNumber></person>
XML
![Page 36: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/36.jpg)
{ "firstName": "John", "lastName": "Smith", "age": 25, "address": { "streetAddress": "21 2nd Street", "city": "New York", "state": "NY", "postalCode": "10021" }, "phoneNumber": [ { "type": "home", "number": "212 555-1234" }, { "type": "fax", "number": "646 555-4567" } ] }
JSON
![Page 37: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/37.jpg)
![Page 38: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/38.jpg)
Facebook Graph API
Acceso al grafo social del usuario
Requiere autentificación
Requiere permisos de acceso
![Page 39: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/39.jpg)
Oauth
Protocolo estándar de autorización
para acceder desde una web a los
recursos privados que un usuario tiene
en otra web
![Page 40: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/40.jpg)
Oauth
![Page 42: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/42.jpg)
Flickr API
Acceso a imágenes públicas
Motor de búsqueda
![Page 43: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/43.jpg)
Flickr API
Acceso a imágenes públicas
Motor de búsqueda
Acceso a imágenes privadas
Requiere autentificación
![Page 44: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/44.jpg)
Flickr API
Acceso a imágenes públicas
Motor de búsqueda
Acceso a imágenes privadas
Requiere autentificación
![Page 45: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/45.jpg)
![Page 46: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/46.jpg)
Google Search API
Acceso a imágenes indexadas por el
motor de búsqueda de Google
![Page 48: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/48.jpg)
![Page 49: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/49.jpg)
![Page 50: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/50.jpg)
![Page 51: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/51.jpg)
Web Storage API
Session History API
![Page 52: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/52.jpg)
Almacenamiento masivo
Web Storage
![Page 53: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/53.jpg)
Almacenamiento masivo
Entre 2 y 5 MB, según navegador
Web Storage
![Page 54: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/54.jpg)
Almacenamiento masivo
Entre 2 y 5 MB, según navegador
Parejas clave-valor
Web Storage
![Page 55: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/55.jpg)
Local Storage
Session Storage
Web Storage
![Page 56: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/56.jpg)
Manipulación del historial
Session History
![Page 57: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/57.jpg)
Manipulación del historial
Nuevo método PushState
Session History
![Page 58: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/58.jpg)
Manipulación del historial
Nuevo método PushState
Nuevo evento PopState
Session History
![Page 59: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/59.jpg)
Añade entradas al historial
Asocia estado (objeto) a la entrada
PushState
![Page 60: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/60.jpg)
Disparado al cambiar historial
Devuelve el objeto almacenado
PopState
![Page 61: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/61.jpg)
Permite modificar la URL actual sin
necesidad de recargar la página
Session History
![Page 62: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/62.jpg)
Trabajo futuro
![Page 63: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/63.jpg)
http://www.newmediadecisions.com/services-and-solutions
![Page 64: Buscador AJAX de imágenes en redes sociales](https://reader034.vdocuments.co/reader034/viewer/2022051513/546e0f1ab4af9f932c8b5557/html5/thumbnails/64.jpg)
blog.sergiorus.com
twitter.com/sergiorus
linkedin.com/in/sergiorus
Contacto