More Related Content Similar to Buscador AJAX de imágenes en redes sociales Similar to Buscador AJAX de imágenes en redes sociales (20) Buscador AJAX de imágenes en redes sociales1. Buscador AJAX de imágenes
en redes sociales
Sergio Rus Carrasco
http://www.flickr.com/photos/34201712@N02/3948254587
3. Antes...
http://www.flickr.com/photos/visualpanic/253081627/
5. Antes...
Páginas web
Contenidos estáticos y cerrados
6. Antes...
Páginas web
Contenidos estáticos y cerrados
Navegador = visor documentos
9. Ahora
Aplicaciones web
Contenidos dinámicos (AJAX) y
abiertos (APIs)
10. Ahora
Aplicaciones web
Contenidos dinámicos (AJAX) y
abiertos (APIs)
Plataformas colaborativas
11. Ahora
Aplicaciones web
Contenidos dinámicos (AJAX) y
abiertos (APIs)
Plataformas colaborativas
Navegador = sistema operativo
12. Web 2.0
Blogs
Wikis
Aplicaciones web
Mashups
Social media
13. Web 2.0
Blogs
Wikis
Aplicaciones web
Mashups
Social media
24. Objetivo
Acceder a esos contenidos
de una forma eficiente,
interactiva,
y proporcionando una buena
experiencia de usuario
http://www.flickr.com/photos/visualpanic/404347995/
25. Proyecto
http://www.flickr.com/photos/37803129@N00/2436481628
31. REST
http://www.flickr.com/photos/visualpanic/3192855619/
32. REST
Recursos
URL, HTTP
GET, POST, PUT, DELETE
HTML, XML, JSON
http://www.flickr.com/photos/visualpanic/3192855619/
33. REST
Recursos
URL, HTTP
GET, POST, PUT, DELETE
HTML, XML, JSON
http://www.flickr.com/photos/visualpanic/3192855619/
35. XML
<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>
36. JSON
{ "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"
}
]
}
39. Oauth
Protocolo estándar de autorización
para acceder desde una web a los
recursos privados que un usuario tiene
en otra web
43. Flickr API
Acceso a imágenes públicas
Motor de búsqueda
Acceso a imágenes privadas
Requiere autentificación
44. Flickr API
Acceso a imágenes públicas
Motor de búsqueda
Acceso a imágenes privadas
Requiere autentificación
53. Web Storage
Almacenamiento masivo
Entre 2 y 5 MB, según navegador
54. Web Storage
Almacenamiento masivo
Entre 2 y 5 MB, según navegador
Parejas clave-valor
59. PushState
Añade entradas al historial
Asocia estado (objeto) a la entrada