Java  »  Articoli  »  JSP e servlet 

Nel corso degli anni, lo sviluppo di applicazioni web, e in particolare delle interfacce utente, è cambiato radicalmente come anche la rappresentazione e il raggruppamento delle informazioni. Il classico modello a directory, tipico delle prime applicazioni web è stato, negli ultimi anni, rimpiazzato da un modello meno gerarchico, cosiddetto a tag, dove ad un elemento informativo può essere associata più di una categoria (come avviene nel modello ad albero di directory). Le cosiddette applicazioni web 2.0 hanno portato diversi modelli di comunicazione visuale, che guidano in maniera più diretta l'utente permettendogli di fruire del servizio in maniera immediata.

Le tante applicazioni di social network, i nuovi portali pensati per una perfetta interazione con l'utente, hanno adottato una serie di tecniche e convenzioni che rendono la navigazione dei siti web molto familiare, pur passando da un sito ad un altro. Dal punto di vista dell'usabilità tutto questo si traduce in un beneficio per l'utente che non si trova costretto ad ogni nuovo sito di ricostruire una mappa mentale, ma può ricorrere all'uso di elementi con cui ha ormai familiarità.

L'articolo ci mostrerà come sviluppare uno di questi tipici elementi, la tag cloud, introdotta per mostrare un insieme di categorie dando rilievo a quelle più importanti. Si tratta di un insieme di etichette (tag) che non hanno un ordinamento particolare, racchiuse all'interno di un box, ognuna di esse con una formattazione tale che le fa risaltare (se importante) agli occhi degli utenti del sito web.

Come dicevamo, oltre che di un semplice modo di rappresentare le informazioni, utilizzare un sistema di etichette vuole dire organizzare le informazioni in maniera differente. Noi ci occuperemo quindi di mostrare come sia possibile organizzare tali informazioni in un contesto web applicato alla piattaforma Java, mostrando un esempio concreto.

Analisi dei requisiti e progetto

La nostra intenzione è mostrare lo sviluppo di un gestore di tag che, nel nostro caso, sarà sviluppato partendo da zero. Da quanto abbiamo avuto modo di capire, un tag è un'etichetta di una risorsa (una pagina web, una foto, un video, ecc). Molto spesso, quindi, l'utente vuole visualizzare tutte le risorse che sono etichettate da un tag. Altra possibilità che generalmente si dà all'utente è quella di assegnare un'etichetta ad una risorsa (utente che sempre più diventa produttore di contenuti).

Fondamentalmente, quindi i requisiti sono tre:

• visualizza lista risorse associate al tag;
• visualizza dettaglio risorsa;
• aggiungi tag a risorsa.

La nostra analisi dei requisiti è completata dicendo che nel nostro semplice esempio una risorsa è una fotografia (in modo da rendere concreto il progetto), ma l'idea è adattabile a qualsiasi contesto.

Altri articoli

Altre guide

Altre newsletter