Area sviluppo Tesene

Un team europeo di Microsof ha finalmente sviluppato uno strumento in grado di evidenziare i memory leak nel codice javascript all'interno di Internet Explorer.

Questo strumento funziona come un componente di IE e si può scaricare qui.

Questo serve in particolare nel caso di pagine contenenti javascript complessi che possono avere la tendenza ad occupare tutta la memoria del computer fino a farlo piantare. Con il tool indicato, finalmente si potranno identificare le cause del leak ed eliminarle.

Attenzione, che è ancora in versione beta.

(more…)

Dopo 3 anni di sviluppo, ieri è stata rilasciata la versione 1.0 del Dojo Toolkit.

Una descrizione completa del pacchetto sarebbe troppo lunga ed inutile da fare qui.

Le principali novità sono le seguenti:

• Le Grid. In pratica delle tabelle con tipo excel, con tutti gli optional per gestire grandi quantità di dati efficientemente. Ad esempio permettendo di ordinare i dati per colonne, gestire il resize e altre formattazioni complesse.
• I grafici. Il pacchetto dojo.charting supporta il vari tipi di grafico, di sorgenti di dati e di temi. Il bello è che sono grafici fatti interamente in HTML, Javascript e CSS.
• Supporto completo per a11y e i18n.
• Universal data access.
• dojox.gfx3d possibilità di disegnare anche scene vettoriali 2D e 3D, il tutto senza bisogno di usare immagini.
• Look and Feel migliorato.
• Meccanismi di templating per i widgets
• Stabilità migliorata (e ci mancherebbe pure nel passaggio dalla versione 0.9 alla 1.0 ndr).
• Supporto per OpenAjax Alliance Hub 1.0 che garantirà l'interoperabilità tra toolkits diversi.

Kris Zyp ha sviluppato un'estensione di Firefox per testare il codice JSON.

Questa estensione si chiama RESTTest e permette di costruire richieste HTTP per testare direttamente la risposta del server. RESTTest usa l'oggetto XmlHttpRequest permette quindi di testare velocemente le richieste XHR e di individuare eventuali problemi di sicurezza. Supporta tutti i metodi HTTP e permette di inviare richieste HTTP con headers e dati definiti ed esaminare il risultato per testare i codici sorgenti. 

Dirk Jesse ha fatto un nuovo strumento per fare layout flessibili con qualsiasi numero di colonne con i fogli di stile. 

Il layout builder si trova all'indirizzo: http://builder.yaml.de/ 

In pratica, si costruisce con un wizard fatto in javascript che sfrutta il Drag and Drop, il layout che si desidera ottenere, quindi una volta fatto si clicca su "Get the code" e si ottengono 

• il file HTML col DocType desiderato;
• il foglio di stile
• il foglio di stile con gli hacks per IE fino alla versione 5.5

Un elemento particolarmente carino di questo strumento è la possibilità di definire con precisione le dimensioni minime e massime del layout e come questo si deve comportare quando si ridimensiona la finestra del browser, oltre all'ordine con cui devono essere scritte le colonne per essere lette dai non vedenti con screen reader.

Il codice che si ottiene poi è estremamente pulito e facilmente comprensibile per chiunque, in particolare se si vogliono fare layout su due colonne o layout su tre colonne.

E' uscita la versione 1.1.4 di JQuery, che oltre a portare nuovi miglioramenti di prestazioni è l'ultima prima della versione 1.2 il cui lancio è previsto tra circa un mese.

E' stata finalmente pubblicata la versione definitiva del Dojo Toolkit 0.9.
Questo ha comportato una completa ristrutturazione del Toolkit rispetto alla versione 0.4, con una totale reingegnerizzazione del toolkit. In pratica, ora il "core" è sempre lo stesso, e non dipende dai moduli che vengono utilizzati e le dimensioni e la velocità sono state nettamente migliorate per portarlo con le prestazioni in linea con gli altri strumenti di sviluppo analoghi.

Inoltre, è stata operata una suddivisione logica tra gli elementi logici e quelli che riguardano la gestione della grafica, che è in alcuni casi davvero notevole.

Da notare anche che è prevista la pubblicazione di un ebook ufficiale gratuito, per insegnare agli sviluppatori ad usare la nuova versione del Toolkit.

A questo punto, una versione 0.9 ancora non la userei per lavori di produzione, però può iniziare valer la pena di perdere un po' di tempo a vedere come funziona. 

Da ora, chiunque potrà aggiungere le Google Maps ai propri siti o blog semplicemente copiando ed incollando un codice HTML messo a disposizione sulla pagina della Google Map, in modo analogo a quanto avviene per i video di YouTube.

In pratica non ci sarà più bisogno di registrarsi per ottenere la Google API key e neppure di conoscere Javascript.

Ora sarà sufficiente visualizzare la mappa che si vuole pubblicare, quindi cliccare su "Collegamento a questa pagina" e copiare e incollare l'HTML sul sito o blog su cui si vuole mettere.

Questa operazione si può fare per una mappa, la ricerca di un'attività commerciale o una indicazione stradale e la mappa risultante sarà completamente interattiva, come l'originale.

Alcuni possibili utilizzi sono i seguenti:

• i proprietari di attività commerciali potranno segnalare la propria attività semplicemente, con tanto di indicazioni per arrivarci
• i bloggers possono scrivere di posti in cui sono stati ed includere una mappa del posto descritto
• chiunque può aggiornare il proprio sito personale pubblicando mappe geotaggate di dove hanno fatto le foto o anche fare mashups utilizzando gli strumenti messi a disposizione da Google.

Contrariamente al solito, questa nuova funzionalità è a disposizione degli utenti di praticamente tutto il mondo e non solo quelli che si collegano dagli USA.

Grandi aziende come Google hanno migliaia di programmatori per poter curare nei minimi dettagli le interfacce delle loro applicazioni Web, anche sfruttando degli hacks degli standard e dei browser, per ottenere alla fine un risultato che massimizzi l'usabilità per l'utente.

Nel caso specifico, vediamo un layout a tabella, in cui il contenuto di una colonna vada in overflow in modo controllato senza incasinarsi quando si ridimensiona il browser.

Questo è quello che succede nelle colonne subject di GMail.

Il trucco sta tutto nell'usare un table-layout fixed nella definizione del CSS per la tabella nel suo insieme, quindi specificare solo la larghezza delle colonne che non devono avere l'overflow nascosto e mettere l'overflow: hidden nel css relativo alle celle.

.grid { table-layout: fixed;}

.grid * td {   empty-cells: show;   overflow: hidden;   width: 100%;}

Grazie a opencomponentry per la segnalazione

Adobe ha rilasciato una nuova versione di Flash in versione beta (scarica dagli Adobe Labs). La principale novità è il supporto alla tecnologia H.264, uno dei formati più popolari nel campo dei Codec e supportato massicciamente da Apple nei suoi prodotti e nei suoi servizi. Il nuovo Flash ha il nome in codice di "Moviestar" non a caso.

Grazie ad H.264, il player aumenterà in maniera sensibile la qualità del video rispetto all'attuale versione 9. In termini pratici, come dice la stessa Adobe, sarà possibile distribuire filmati in alta definizione usando la tecnologia di streaming resa popolare da Flash. H.264 è impiegato sia da Blu-ray che da HD DVD come sistema di encoding e che grazie ad esso è anche possibile distribuire audio in qualità eccellente.
Tra le altre novità anche il supporto all'accelerazione hardware, quasi indispensabile vista la risoluzione che dovrà fornire. A questo si aggiungono il supporto per il formato Audio AAC ad alta efficienza (HE-AAC), il supporto multicore per il rendering vettoriale, la cache per i componenti più utilizzati ed il supporto per Microsoft Active Accessibility (MSAA) nella versione per Windows.

Questa innovazione è importante sotto vari punti di vista:

• Il nuovo formato video sarà disponibile anche per gli sviluppatori della piattaforma Air;
• H.264 è un formato di compressione standard, e quindi sono noti sia gli algoritmi di compressione che le specifiche;
• Flash Player è installato sul 98,7% dei computer che accedono alla rete, e quindi i filmati in questo formato saranno visibili praticamente da tutti gli utenti.

(more…)

In questa ultima parte ci occuperemo della gestione dei moduli e dell'inserimento di script.

MODULI

FORM
            Modulo interattivo.

            Attributi:
action = uri. Questo attributo specifica un programma di elaborazione del modulo. Il comportamento dei programmi utente per un valore diverso da un URI HTTP è indefinito

method = get | post. Questo attributo specifica quale metodo HTTP sarà usato per inoltrare l'insieme dei dati del modulo. I valori ammessi (maiuscolo-indifferenti) sono "get" (il predefinito) e "post"

enctype = content-type. Questo attributo specifica il tipo di contenuto usato per inoltrare il modulo al server (quando il valore di method è "post"). Il valore predefinito per questo attributo è "application/x-www-form-urlencoded". Il valore "multipart/form-data" dovrebbe essere usato in combinazione con l'elemento INPUT, type="file"

(more…)

Dopo aver creato i nuovi piani hosting, che supportano PHP 5.2 e MySql 5, Tesene è stata riconosciuta da gophp5.org come uno dei pochi provider italiani a fornire questo tipo di servizio.

(more…)