Visuse es un metabuscador que clasifica y muestra los resultados de búsqueda de forma visual centrándose en contenido multimedia. Usa Python, Django y JavaScript para comunicarse con buscadores como YouTube y Flickr, organizar los resultados y mostrarlos de manera optimizada en el navegador del usuario.

1. Visuse
José Luis López Pino
Tutor:
Juan Julián Merelo Guervós

2. ¿Qué es Visuse?
 Visuse es un acrónimo de VISUal Search
Engine, el proyecto consiste en un
metabuscador que clasifica y muestra los
resultados obtenidos de distintos buscadores y
sitios web de forma visual, centrándose sobre
todo en contenidos multimedia como
imágenes, vídeo y audio.
 Esto permite visualizar de una forma más
cómoda los resultados, además de resultar
muy útil para niños, personas que tengan
problemas para leer o dispositivos en los que
sea incómodo leer.

3. ¿Qué es un metabuscador?
 Un metabuscador es un buscador que, en vez
de indexar contenidos, realiza consultas a otros
buscadores y los clasifica y muestra como una
única lista (en el caso de Visuse, de forma
visual), consiguiendo así mayor cantidad de
resultados sin que el usuario tenga que
consultar uno por uno cada buscador.

4. Estado del arte:
proyectos similares
 Bing:
 Sustituir búsquedas textuales por visuales.
 Silverlight.
 Metabuscadores:
 oSkope.
 Spezify.

5. Estado del arte:
distribución de imágenes
 1979: Daniel Selator: package in two
dimensions.
 1997: S.A. para anuncios en guías.
 1999: S.A. para periódico online.
 Dispositivos móviles, album de imágenes...
 En todos estos casos se ciñen a la estructura
de columnas y los tamaños de los anuncios no
eran modicables.

6. Objetivos
 Lograr la intercomunicación con los distintos
buscadores (creación de módulos).
 Organizar la información proveniente de los
buscadores.
 Puntuación de los distintos resultados, según la
cadena de búsqueda introducida.
 Mostrar los resultados como un ”muro”,
aprovechando al máximo la ventana del
navegador.
 Mostrar los mejores contenidos con un tamaño
mayor.

7. Requisitos
 Que funcione en la mayor cantidad de
navegadores posible, pero sin renunciar a
funcionalidades importantes.
 Que se adapte a la resolución del dispositivo
en el que se esté usando.
 Fácil extensibilidad mediante módulos para los
distintos buscadores.
 Una carga de resultados y una buena
experiencia de usuario en general.
 ¡Software libre!

8. ¿Cómo funciona? (I)
Search engines
Visuse
(Metasearch Engine)

9. ¿Cómo funciona? (II)
Search engines
 El usuario introduce un término
en el cuadro de texto.
 El cliente (JavaScript), solicita Big bang
theory?
al servidor de Visuse que Big bang
theory?
Big bang
busque un dicho término en theory?
una serie de buscador. Se trata Visuse
de peticiones HTTP corrientes. (Metasearch Engine)
 El servidor Visuse a su vez Big bang
transmite a los distintos theory?
buscadores la petición del
usuario y recibe la respuesta.

10. ¿Cómo funciona? (III)
Search engines
 Conforme recibe las
respuestas, determina la
importancia de cada resultado y
los devuelve en JSON*.
 El servidor va enviando los
resultados al cliente, como
Visuse
respuesta a las peticiones (Metasearch Engine)
HTTP que había realizado.
 El cliente estudia la mejor
manera de mostrar los
resultados y los muestra al
usuario.

11. Un ejemplo
http://www.visuse.com

12. ¿Qué tecnologías usa?
 Python.
 Django.
 JSON.
 JavaScript.
 jQuery.

13. Resultados: servidor
 Módulos:
 Youtube
 Picasa
 Wikicommons
 Flickr
 Google Images
 Yahoo Search
 Algoritmos de puntuación.
 Fácil extensibilidad y configuración.
 Test.

14. Resultados: cliente
 Ordenación y visualización de los resultados
mostrados según la puntuación.
 Paginación de los resultados.
 Direcciones estáticas y amigables para las
búsquedas.
 Rápida carga.
 Tolerancia a fallos.
 El usuario no tiene que abandonar la página
para consultar las imágenes/vídeos.

15. Algoritmo voraz para la
disposición de los resultados
 Basado en el trabajo de James Padolsey.
 Muy importante la organización de resultados
antes de aplicarlo.
 Representación del espacio disponible en una
matriz.
 Va colocando las imágenes en el punto libre
que se encuentre más arriba.
 Se intenta situar del máximo tamaño posible y
si no cumple el tamaño mínimo, se descarta.

16. Resultados del algoritmo voraz

17. Aplicando enfriamiento simulado
 Se aplica sobre el orden en que considera el
algoritmo voraz los resultados.
 Adaptación del código de Jesús González
Peñalver.
 La función de fitness es el número de huecos
que quedan en la imagen.
 Tiempo de ejecución muy alto.
 Cuello de botella: función de fitness.
 No se consiguen mejoras en un tiempo de
ejecución razonable.

18. Resultados del s. a.
Sin s. a. s. a. 10 iteraciones s. a. 50 iteraciones

19. Eso es todo
 El proyecto se puede probar en
http://www.visuse.com
 Software e información:
http://visuse.wordpress.com
 ¿Alguna pregunta?
Imagen de Discoveryschool.com