Descrizione

Con l'avvento del web 2.0 gli utenti desiderano sempre più applicazioni altamente interattive con interfacce utente ricche che non hanno nulla da invidiare a quelle fornite dalle applicazioni stand-alone. Attualmente tali applicazioni vengono realizzate con tecnologie eterogene (Ajax, Flash, Silverlight, JavaFX) ma, alla porta, si sta affacciando il nuovo HTML 5 che promette di implementare applicazioni altamente interattive, multimediali e ricche senza la necessità di utilizzare plugin aggiuntivi.

Ma che cos'è HTML 5? Quali novità sono disponibili per gli sviluppatori? È compatibile con le tecnologie web attuali? Quali cambiamenti introduce nel mondo web? È pronto per essere utilizzato in ambito Enterprise?

Il porting delle applicazioni esistenti su HTML 5 non è banale in quanto la struttura del linguaggio è diversa da quella utilizzata nella versione precedente e le scelte di design delle pagine possono fare la differenza in fatto di fruibilità, prestazioni, usabilità e accessibilità.

Che cosa si può mantenere delle vecchie applicazioni basate su HTML 5? Che cosa deve essere riscritto?

Il corso, attraverso l'esposizione di esempi pratici e il confronto continuo con la vecchia tecnologia, vuole fornire ai partecipanti delle best practice per lo sviluppo di applicazioni in HTML 5 e per il porting delle applicazioni esistenti verso il nuovo linguaggio.

Destinatari

• Capi progetto
• Analisti
• Progettisti
• Sviluppatori
• Web Designer
• Chiunque sia interessato a conoscere le funzionalità del nuovo HTML 5

Prerequisiti

Conoscenze base sulla realizzazione di pagine web

Contenuti

Evoluzione delle tecnologie per lo sviluppo di applicazioni web

• C'era una volta l'HTML
• Il passaggio all'HTML dinamico
• Javascript come collante universale
• XHTML
• Le tecnologie per lo sviluppo di applicazioni ricche (AJAX, JavaFX, Silverlight, Flash/Flex)
• Problemi e criticità delle attuali tecnologie

Perché è nato HTML 5

• Le nuove esigenze delle applicazioni web (SOA, Cloud, RIA,...)
• Perchè HTML 5 e non HXTML 2?
• Compatibilità con il passato? No grazie
• Nuove opportunità per le aziende

Le caratteristiche di HTML 5

• Nuova struttura dei documenti (DIV Addio): elementi strutturali e semantici
• Utilizzo dei CSS in HTML 5
• Le nuove funzionalità per lo sviluppo di RIA: le nuove Form, Drag & Drop e l’utilizzo di funzionalità dinamiche
• Gestire contenuti multimediali in HTML 5
• Funzionalità grafiche embedded... Flash addio: l'oggetto canvas, SVG Embedded, Grafica 3D, librerie grafiche integrate. Creare grafica e animazioni in HTML 5
• HTML5 communication API: XMLHTTP Request Level 2, WebSockets e Server-sent Event (finalmente il Push)
• Geolocalizzazione
• HTML 5 e accessibilità (WAI-ARIA)
• Data Storage (local storage, Web DB e Web SQL)
• Funzionamento Off-line delle applicazioni web
• Utilizzo avanzato di HTML 5: Utilizzo di Java Script ed Integrazione lato server

Portare le applicazioni aziendali su HTML 5

• Retro compatibilità
• Il supporto da parte dei browser
• Vantaggi, rischi e criticità nell'utilizzo in applicazioni enterprise
• Come procedere per l'utilizzo di HTML 5 in azienda
• Pattern per l'implementazione delle componenti di presentation
• Best Practices per la conversione delle attuali applicazioni in HTML 5

Casi di studio ed esempi

Durata

3 giorni