A Beautiful way to interface

Prova ne sono i così detti One page layout che possono essere paragonati a dei mega
menù in prima pagina, con anchor interne al documento, che sfruttano la convenzione
dello scroll della finestra per incorporare delle vere e proprie scroll animation scritte in
javascript che diano la sensazione di una navigazione tra contenuti indipendenti e
sostituendo l’attesa del caricamento di una nuova pagina con effetti di transition.
Se alla luce delle novità compositive introdotte dal tocco possiamo parlare di “mouse
oriented websites” e “touch oriented website” vediamo come prenda il sopravvento su
tutti gli altri il codice Javascript che sta diventando il linguaggio principe per un internet
futuribile. Le librerie Javascript che gestiscono multitouch action sono, e consiglio di
andarne a testare le demo sui siti di riferimento (usate uno smartphone) :
www.interactjs.io www.touchyjs.org , www.hammerjs.github.io ed altre.
Una delle esigenze riscontrate dal W3C è quella di mettere insieme da una parte la
compatibilità tra browser dal momento che, di default, essi implementano delle touchaction
come lo zoom e lo scroll che vanno a confliggere con gli eventi dei contenuti e
dall’altra una compatibilità tra differenti puntatori (tocco, mouse, penna) senza dover
riscrivere parti di codice ad hoc, se non interi documenti duplicati appositamente per i
diversi tipi di input. A questo fine W3C introduce la specifica Pointer Events di cui abbiamo
un esempio pratico qui con un documento Html5, nella cui canvas lo script richiama,
differenziandole per colore, le interazioni di disegno per diversi sistemi di puntamento e
procedendo alla disattivazione delle touch-action del browser attraverso le proprietà di
stile.
Le possibilità multitocco non coincidono necessariamente con la multiutenza. Come
abbiamo visto la tendenza è verso una navigazione client side per mezzo di touch action e,
per operazioni propriamente server side come ad esempio l’istant messaging (la pm di
facebook, immaginiamoci se per ogni messaggio dovessimo attendere il ricaricamento
della pagina), Javascript mette in campo la tecnologia Ajax che ci permette di avere un
feedback sui nostri input in tempo reale senza il refresh. Nonostante ciò la multiutenza è
lungi dall’essere considerata.
La comunicazione client / server classica è una prima causa poiché sincrona
(inputattesaoutput) il che permette una interazione per volta. La multiutenza, invece,
si fonda su una comunicazione asincrona che permetta più interazioni
contemporaneamente (input1attesa1input2output1attesa2output2). Node.js è
la tecnologia asincrona che sta lavorando in questa direzione congiuntamente a Web
Socket (protocollo di comunicazione non più http:// bensì ws://) elevando Javascript a
linguaggio server side ma la sua adozione ai fini della multiutenza incontra un ostacolo
culturale, sicuramente temporaneo, legato agli stessi device in circolazione che vengono
avvertiti primariamente come mezzi monoutente.
66
Torna all’indice