Nube de etiquetas

September 12th, 2007 by Alba

Actualmente nos encontramos de reformas en Alia y en la nueva web hemos incluido el sistema de nube de etiquetas (tags cloud). Esta forma de representar las palabras clave de una web no es nueva, pero es la primera vez que lo realizamos procesando de forma conjunta el contenido estático y dinámico de la web.

El método que seguimos es el siguiente: En primer lugar realizamos las operaciones necesarias para la sección en la que nos encontramos y rellenamos la plantilla. A continuación el contenido entero de la plantilla se convierte en una cadena de caracteres para poder procesar las etiquetas existentes en ella.
El procesado de las etiquetas consiste en buscar y sustituir por un enlace cada etiqueta existente y contar el número de veces que aparece.

Procesado de etiquetas
Tras este proceso, procedemos a construir la nube. Se elabora una regla para asignar un tamaño de fuente distinto a cada etiqueta según el porcentaje de aparición que tenga. Los rangos de asignación que utilizamos son proporcionales al tamaño de fuente, esto es para que sea más fácil que aparezcan distintos tamaños dentro de la nube de etiquetas. Si los rangos son todos iguales, lo más frecuente es que los tamaños que aparezcan en la nube sean todos parecidos y no haya grandes diferencias que es lo característico de este sistema.

Por ejemplo:

Realización de la nube

Finalmente, la nube quedaría de la siguiente manera:

Nube etiquetas

Cuando cualquiera de las palabras clave aparecen en el contenido de la web, se muestran como un enlace a su descripción y al situarte sobre ellas aparece un bocadillo con una pequeña introducción:

Ejemplo etiqueta

Un saludo y espero que os sirva de utilidad.

Publicado en Programacion

1 respuesta

  1. Juan Pérez García

    Me gusta vuestra manera de trabajar, he leído un par de posts del blog y están muy bien!

    suerte con los proyectos

Déjanos tu opinión

Ten en cuenta: La moderación de comentarios está activa, se puede retrasar la publicación de tu comentario. No tienes que enviarlo dos veces!.