Rico, Qooxdoo e Dojo

Progettato per la creazione di rich Internet applications.

Features

• Effetti di animazione: fornisce animazioni reattive per effetti fluidi e transizioni che possono comunicare cambiamenti alla pagina in maniera più ricca che nelle applicazioni web tradizionali. A dispetto della maggioranza degli effetti, le animazioni di Rico possono essere interrotte, messe in pausa, riavviate, o essere sostituite da altri effetti allo scopo di migliorare l’interazione con l’utente finale.
• Styling: Rico fornisce sia effetti cinematici, che semplici stili visuali, tutti racchiusi in una interfaccia molto semplice.
• Trascinamento: Le applicazioni Desktop hanno a lungo utilizzato il trascinamento (Drag and Drop) nelle loro interfacce per semplificare l’interazione con l’utente. Rico fornisce una delle più semplici interfacce per abilitare la vostra applicazione web al supporto del Drag and Drop. Basta classificare qualunque elemento HTML od oggetto JavaScript come “draggabile” o come “droppabile” (ovvero area in cui l’oggetto trascinato puo’ essere lasciato) e Rico pensa da solo al resto.
• Supporto AJAX: Rico fornisce un’interfaccia molto semplice per la registrazione di gestori o “handler” di richieste AJAX. Questa interfaccia innovativa permette di aggiornare più elementi HTML od oggetti JavaScript come risultato di una singola richiesta AJAX.

Download e info qui

qooxdoo è uno dei più completi e innovativi framework AJAX Open Source e multipurpose, sotto una doppia licenza LGPL/EPL. Include supporto allo sviluppo professionale JavaScript, una intefaccia grafica moderna e un alto livello di comunicazione client-server.

Caratteristiche

• Individuazione del Client: qooxdoo capisce quale browser è in uso e rende disponibile tale informazione.
• Astrazione del browser: qooxdoo include un cosidetto “browser abstraction layer” che tenta di astrarre le specifihe particolari di ogni browser verso uno standard comune. Ciò semplifica lo sviluppo di codice, lassciando libero il programmatore di concentrarsi ciò che si vuole e non su “come fare per”. La caratteristica di astrazione del browser viene resa disponibile con un set di funzioni base spesso necessarie per la creazione di interfacce grafiche. Ad esempio, stili e posizioni runtime (in multiple relazioni: pagina, browser e schermo) di ciascun elemento nel vostro documento.
• Implementazione di proprietà avanzate: qooxdoo supporta proprietà “reali” per oggetti. Ciò significa che ogni classe puo’ definire delle proprietà che l’istanza creata dovrebbe avere. L’handler addProperty inoltre aggiunge le funzioni di get e di set. L’unica cosa che resta da aggiungere è una funzione di modifica.
• Gestione degli eventi: qooxdoo rende disponibile una propria intefaccia degli eventi. Questa include funzioni di registrazione e cancellazione degli eventi.Oltre a ciò esiste la possibilità di chiamare le funzioni nel contesto di qualunque oggetto (Quello predefinito è l’oggetto che definisce il listener degli eventi). Il sistema degli eventi normalizza le differenze tra i browser, include il supporto della rotellina del mouse, doppio-click ed altre cose. qooxdoo inoltre incorpora la funzionalità di cattura avanzata che permette di catturare tutti gli eventi quando ad esempio un utente trascina qualche oggetto per lo schermo.

Download e info qui

Dojo permette di costruire componenti dinamiche nelle pagine web e qualunque altro ambiente che supporti JavaScript. Potete utilizzare i componenti forniti da Dojo per rendere i vostri siti web più usabili, reattivi e funzionali. Con Dojo è possibile costruire interfacce utenti più facilmente, widget interattive più velocemente, e transizioni animate. Potete usare API a basso livello e strumenti di compatibilità da Dojo per sviluppare codice JavaScript portabile e allo stesso tempo semplificare script complessi. Il sistema di eventi di Dojo, API I/O, e la caratteristica di miglioramento del linguaggio formano la base di questo potente ambiente di programmazione. Potete usare gli strimenti di sviluppo di Dojo per scrivere delle unità di test in versione command-line per provare i vostri script. Il processo di sviluppo di Dojo vi aiuta ad ottimizzare il vostro codice JavaScript per lo sviluppo offrendo la possibilità di raggruppare set di file e riutilizzarli attraverso una struttura a “profili”.

Caratteristiche

• Punti di ingresso multipli: Un concetto fondamentale nella progettazione di Dojo è quello dei “Punti di ingresso multipli”. Questa terminologia sta a significare che Dojo lavora sodo per garantire agli utenti la possibilità di cominciare ad utilizzare Dojo dal livello che risulta loro più congeniale.
• Indipendenza dall’interprete: Dojo tenta di assicurare che sia disponibile il supporto del core del sistema al maggior numero di piattaforme JavaScript possibile. Ciò permetterà a Dojo di diventare la “libreria standard” per i programmatori JavaScript, costantemente in movimento tra ambienti client-side, server-side e desktop.
• Unifica di diverse codebases: come ad esempio Burstlib.

Download info qui

Yahoo! User Interface Library

La libreria Yahoo! User Interface (YUI) è un set di utilità e controlli, scritto in JavaScript, for la costruzione di “Rich web applications” interattive utilizzando tecniche come script DOM, DHTML e AJAX. La libreria YUI inoltre include diverse risorse CSS. Tutti i componenti nella libreria YUI sono stati rilasciati come open source sotto la licenza BSD e gratuiti per ogni tipo di utilizzo.

Funzionalità

Abbiamo a disposizione due diversi tipi di componenti: le Utilità e i Controlli. Le utilità YUI semplificano la creazione di script DOM cross-browser, ovvero compatibile tra i vari browser, così come in generale tutte le applicazioni web con caratteristiche DHTML e AJAX. La libreria di controlli YUI fornisce elementi di visual design altamente interattivi per le vostre pagine web. Questi elementi sono creati e gestiti esclusivamente a livello client-side e non richiedono mai un refresh della pagina.

utilità disponibili:

• Animazione: Potrete creare “effetti cinematografici�? nelle vostre pagine web animando la posizione, dimensione, opacità o altre caratteristiche degli elementi della pagina. Tali effetti possono essere utilizzati per rinforzare la consapevolezza dell’utente dei cambiamenti che stanno avvenendo all’interno della pagina.
• Gestione della History del Browser: Gli sviluppatori di Rich Internet Applications vogliono che i bookmark non segnalino soltanto le pagine ma anche gli stati delle pagine e vogliono che il tasto back del browser operi in maniera coerente con gli stati della loro applicazione. La Gestione della History del Browser permette quindi di controllare le funzionalità di bookmarking e del tasto back all’interno delle Rich Internet Applications.
• Gestore delle connessioni: Questa libreria di utilità aiuta la gestione delle transazioni di tipo XMLHttpRequest (comunemente conosciute come AJAX) in maniera assolutamente cross-browser, includendo il supporto integrato ai post da form, gestione degli errori / eccezioni e i callback. Il gestore delle connessioni supporta inoltre l’upload dei file.
• Utilità di DataSource: Il DataSource fornisce un’intefaccia per il recupero di dati da array, servizi XHR, e funzioni customizzate con caching integrato oltre che il supporto alla gestione delle connessioni.
• Collezione di DOM:L’utilità DOM è un oggetto definito “ad ombrello”, che comprende una discreta varietà di metodi per tipici interventi basati sul DOM-scripting, inclusi il posizionamento degli elementi e la gestione dei fogli di stile (CSS).
• Drag & Drop: Potrete creare oggetti draggabili che possono essere presi e trascinati ovunque nella pagina. Questo permette anche la gestione degli eventi nel corso del trascinamento (come ad esempio quando un oggetto trascinato passa sopra un determinato obiettivo); l’utilità gestisce anche tutta la pulizia del codice e mantiene la compatibilità verso tutti i browser supportati.

Controlli disponibili:

• Auto Completamento: Il Controllo di Auto Completamento vi permette di ottimizzare le interazioni dell’utente che riguardano l’inserimento di testi; il controllo fornisce liste di suggerimenti e funzionalità di scrittura veloce basate su una varietà di formati data-source e supporto lato server attraverso XMLHttpRequest.
• Controlli pulsante: I Controlli pulsante forniscono checkbox, radio button, submit ed elementi di interfaccia menù / bottone che sono di grande impatto visuale e che sono molto più potenti e funzionali dei normali pulsanti built-in dei browser.
• Calendario: Il Controllo Calendario è un controllo grafico e dinamico utilizzato per la selezione delle date.
• Contenitore: La famiglia di controlli di tipo Contenitore supporta una varietà di pattern di finestre DHTML come Tooltip, Panelli e MessageBox. I controlli Modulo e Overlay forniscono una piattaforma per l’implementazione di pattern di finestra DHTML addizionali e customizzati.
• Controllo DataTable: Il controllo DataTable fa leva sulla struttura semantica delle tabelle HTML e le migliora con funzionalità di sorting, possibilità di ridimensionare le colonne, di modificare i dati all’interno dei campi della tabella e altro ancora.
• Logger: Il controllo Logger fornisce un modo semplice e veloce di scrivere dei log su una console on-screen, sulla console dell’estensione FireBug di Firefox, o sulla console JavaScript di Safari. I componenti di debug delle librerie YUI sono inoltre integrate perfettamente con il controllo Logger per scopi di debug interno.
• Menu: Grazie al Controllo Menu è possibile creare menù come quelli delle normali applicazioni desktop con pochissime righe di codice. I menù possono essere generati interamente in javaScript oppure possono essere stratificati su liste non ordinate.

Download e info: qui

Prototype

Prototype è un Framework JavaScript che mira a facilitare lo sviluppo di applicazioni web dinamiche.

Offrendo un toolkit per lo sviluppo basato sulle classi unico e facile da usare e la migliore libreria Ajax attualmente disponibile, Prototype sta velocemente diventando il termine di paragone per gli sviluppatori di web applications ovunque.

Funzionalità

• Sviluppo semplice di applicazioni Ajax: Oltre che semplici richieste, questo modulo gestisce in maniera intelligente anche il codice JavaScript restituito dal server e fornisce classi helper per il polling.
• Estensioni DOM: aggiunge diversi e utili metodi agli elementi restituiti dalla funzione $(): ad esempio, potete scrivere $(’comments’).addClassName(’active’).show() per prendere l’elemento con l’ID ‘comments’, aggiungere una classe e visualizzarla (se precedentemente nascosta).
• Utilizzo di JSON (JavaScript Object Notation): JSON è un’alternativa veloce e leggera a XML nelle richieste ti tipo Ajax

Download ed info qui

Nel prossimo articolo tratteremo altre tre librerie meno famose ma molto promettenti: Rico, Qooxdoo e Dojo. Stay tuned!