Recomendados
Más contenido relacionado
Destacado
Destacado (19)
Similar a Buscador de imágenes en redes sociales con AJAX y APIs
Similar a Buscador de imágenes en redes sociales con AJAX y APIs (20)
Buscador de imágenes en redes sociales con AJAX y APIs
- 1. Buscador AJAX de imágenes en redes sociales Sergio Rus Carrasco http://www.flickr.com/photos/34201712@N02/3948254587
- 2. Evolución de la Web http://www.flickr.com/photos/leecullivan/122271605/
- 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
- 7. Ahora
- 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
- 16. Grafo social
- 19. Grandes generadores de contenidos
- 20. sobre todo imágenes http://www.flickr.com/photos/generated/499403902
- 22. 750+ millones de usuarios 30000 millones de contenidos De media ~130 amigos
- 23. 32+ millones de usuarios 6000 millones de fotografías
- 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
- 26. Frontend APIs + AJAX + HTML5
- 27. Backend Symfony: PHP + MySQL
- 30. APIs usadas Facebook Graph API Flickr API Google AJAX Search API
- 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" } ] }
- 38. Facebook Graph API Acceso al grafo social del usuario Requiere autentificación Requiere permisos de acceso
- 39. Oauth Protocolo estándar de autorización para acceder desde una web a los recursos privados que un usuario tiene en otra web
- 40. Oauth
- 42. Flickr API Acceso a imágenes públicas Motor de búsqueda
- 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
- 46. Google Search API Acceso a imágenes indexadas por el motor de búsqueda de Google
- 51. Web Storage API Session History API
- 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
- 55. Web Storage Local Storage Session Storage
- 56. Session History Manipulación del historial
- 57. Session History Manipulación del historial Nuevo método PushState
- 58. Session History Manipulación del historial Nuevo método PushState Nuevo evento PopState
- 59. PushState Añade entradas al historial Asocia estado (objeto) a la entrada
- 60. PopState Disparado al cambiar historial Devuelve el objeto almacenado
- 61. Session History Permite modificar la URL actual sin necesidad de recargar la página
- 62. Trabajo futuro