RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

22
RIA: Rich Internet Applications Interfacce utente avanzate per applicazioni web! Applicazioni Internet Ricche, dinamiche e interattive

description

RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web! Consulenza FLEX e RIA, sviluppo.

Transcript of RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Page 1: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

RIA: Rich Internet ApplicationsInterfacce utente avanzate per applicazioni web!

Applicazioni Internet Ricche, dinamiche e interattive

Page 2: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Page 2

R.I.A.: sono arrivate le applicazioni ricche! (Web 2.0)

Una RIA (Rich Internet Application) è una applicazione che funziona in un browser Internet, ma utilizza un layerintermedio che può permettere di evitare il tradizionale “refresh” delle pagine.

Le tecnologie maggiormente utilizzate per creare RIA sono AJAX (Asynchronous JavaScript and XML), che utilizza JavaScript come layer intermedio, e Flash o Flex, che utilizzano il Flash Player.

Altre soluzioni per creare RIA sono OpenLaszlo (che può utilizzare sia JavaScript che Flash come layer intermedio), XUL (che utilizza un browser Mozilla compatibile come layerintermedio) e Windows Presentation Foundation (che utilizza come layer intermedio Microsoft .NET Framework 3.0)

Page 3: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Page 3

Le RIA offrono una interfaccia ricca che fornisce una esperienza di utilizzo più coinvolgente all’utente, senza la necessità di ricaricare continuamente le pagine;

Le RIA offrono validazioni e feedback in real time all’utente, scatenate da eventi generati dall’utente stesso;

Le RIA possono avere un look & feel molto vicino a quello delle normali applicazioni desktop;

Le RIA possono includere esperienze completamente multimediali, con gestione di flussi audio e video;

Le RIA possono includere funzionalità di chat o di collaborazione in tempo reale che sono molto difficile o impossibili da ottenere con delle applicazioni internet tradizionali;

R.I.A.: benefici delle RIA

Page 4: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Page 4

Flex è stato sviluppato per creare un ambiente di sviluppo che ricalchi da vicino gli ambienti di sviluppo già utilizzati da altri linguaggi di programmazione.

L'obiettivo era di sfruttare il successo di Flash come ambiente di sviluppo visuale e aprirlo ai programmatori utilizzando un approccio basato sul codice, oltre che sul design.

R.I.A.: ecco un overview su FLEX

Page 5: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Page 5

Flex Builder

Free Flex SDK

LiveCycle Data Services (LCDS)

Flex Charting

R.I.A.: componenti di FLEX

Page 6: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Page 6

Adobe ha annunciato l'intenzione di rilasciare il codice sorgente di Adobe FLEX in ambito open source. Questa iniziativa permette agli sviluppatori di partecipare al miglioramento del framework oggi più avanzato per la creazione di Rich Internet Application (R.I.A.) e la realizzazione di nuove applicazioni Adobe AIR per ambienti desktop.

L'interfaccia dei moduli server di Adobe LiveCycle ES, per esempio,è stata tutta scritta in FLEX, quindi la personalizzazione è totale (per es: nella grafica o nella localizzazione della lingua).

La documentazione e l'SDK di Flex saranno rilasciati con licenza open source Mozilla Public License (MPL) http://labs.adobe.com/wiki/index.php/Flex:Open_Source

R.I.A.: utilizzo di tecnologia Open Source

Page 7: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Page 7

Un esempio di LCDS: Flex Charting

La componente di Flex Charting è in insieme di componenti per il rich charting che facilita lo sviluppo di cruscotti informativi professionali e sistema di business intelligence.

R.I.A.: componenti di FLEX

Page 8: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Page 8

Di cosa è fatta una applicazione FLEX

MXML – Linguaggio tag based basato su XML

ActionScript 3 (AS3) –Linguaggio di scripting basato su ECMAScript 4

R.I.A.: componenti di FLEX

Page 9: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Page 9

Rich Internet Applications DocumentiIntelligenti

Un dialogo possibile tra...

Soluzioni integrate e complementari!

R.I.A. e Documenti Intelligenti

Page 10: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Page 10

Applicazioni realihttp://flex.org/showcase/

R.I.A.:esempi eapplicazioni

Page 11: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Page 11

Page 12: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Page 12

Page 13: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Page 13

EvolutionBook, in ambito RIA, realizza interfacce ricche per Adobe LiveCycle (suite di prodotti server focalizzata in ambito documentale), e per tutte le applicazioni distribuite web-based che hanno come obiettivo quello di rendere interattivo il coinvolgimento da parte dell'utente finale.

Per lo sviluppo delle RIA, EvolutionBook utilizza Adobe FLEX, tecnologia che è stata sviluppata per creare un ambiente di sviluppo che ricalchi da vicino quelli già utilizzati da altri linguaggi di programmazione. L'obiettivo era di sfruttare il successo di Flash come ambiente di sviluppo visuale ed aprirlo ai programmatori utilizzando un approccio basato sul codice, oltre che sul design.

Soluzioni / Prodotti

Page 14: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Page 14

Flex BuilderFlex Builder abbiamo detto essere è un IDE, ovvero un ambiente di sviluppo integrato basato su Eclipse per la programmazione di RIA, che coniuga le funzionalità avanzate delle applicazioni desktop con le potenzialità multipiattaforma di Adobe Engagement Platform.Sebbene non necessario, in quanto lo sviluppo di applicazioni Flex è anche possibile utilizzando un normale Text Editor, ciò offre il più completo ambiente di sviluppo per la creazione rapida di applicazioni Flex. Flex Builder consente agli sviluppatori di creare rapidamente applicazioni web con logiche complesse per il lato client che integrano XML, servizi web o Flex Data Services.

Flex SDK gratuitoFlex Software Development Kit (SDK) è disponibile come download gratuito dal sito Adobe ed include:- il framework Flex (tutte le component class library);- il compilatore e il debugger.Attraverso l’utilizzo di un qualsiasi text editor, è possibile creare i file ActionScript e MXML della propria applicazione, e poi compilarli come SWF tramite l’utilizzo di Flex SDK.

FLEX

Page 15: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Page 15

Referenze

Nome del progetto: PSR REGIONE CAMPANIATipo di progetto: SVILUPPONome del committente: STUDIO STAFF SpaCliente finale: REGIONE CAMPANIADescrizione del progetto: Realizzazione di un sistema di Workflow realizzato in JAVA con interfaccia FLEX. L'integrazione tra Adobe Flex e Java è stata realizzata tramite l'utilizzo di webservices e delle funzionalità di Remoting integrate nella piattaforma Adobe LiveCycle ES.

Nome del progetto: UBI FITipo di progetto: SVILUPPO

Committente: ADOBE SYSTEM ITALIA SrlCliente finale: UBI SISTEMI E SERVIZI

Descrizione del progetto: Realizzazione di un sistema di gestione dei dati realizzato in JAVA con interfaccia FLEX. L'integrazione tra Adobe Flex e Java è stata realizzata tramite

l'utilizzo di Adobe LiveCycle Data Services e di Adobe Blaze DS.

Nome del progetto: RICH TEXT EDITORTipo di progetto: SVILUPPONome del committente: EBILLING SpaCliente finale: EBILLING SpaDescrizione del progetto: Applicazione FLEX di tipo RICH TEXT EDITOR, finalizzata alla realizzazione di una componente Flex WYSIWYG da integrare dentro sistemi di data entry.

Qui di seguito sono presenti alcune delle referenze in ambito FLEX di "soluzioni / prodotti" realizzati:

Page 16: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Page 16

Page 17: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Page 17

Page 18: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Page 18

Nei progetti inerenti le RIA (Rich Internet application), operiamo sia con modalità chiavi in mano (contratti a prezzo e risultati fissati), sia con consulenze time & material (contratti a gg. lavorate), eseguendo i seguenti servizi:

– Analisi: Raccolta informazioni, Definizione requisiti, Studio di fattibilità e stima costi, Consulenza.

– Sviluppo: Progettazione, Realizzazione, Test e Collaudo.

– Formazione: Apprendimento sull'uso di una nostra soluzione, di una applicazione software, sull'aggiornamento e mantenimento di una applicazione.

– Assistenza e Manutenzione: Installazione e messa in esercizio di nuove applicazioni e/o soluzioni, help-desk, aggiornamenti di funzionalità.

Servizi

Page 19: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Page 19

Page 20: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Page 20

Page 21: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Page 21

Una RIA (Rich Internet application) è una applicazione che funziona in un browser Internet, ma utilizza un layer intermedio che permette di evitare il tradizionale “refresh” delle pagine web. Le tecnologie più mature e maggiormente utilizzate per creare RIA sono:– AJAX (Asynchronous JavaScript and XML), che utilizza JavaScript come layer intermedio;

– e Flash o FLEX che utilizzano il Flash Player come layer intermedio.

– (Adobe Flash Platform include: Flash Player, Adobe AIR, Flex, Flex Builder, Flash Professional, Flash Media Server e Blaze DS)

Altre soluzioni per creare RIA sono:– OpenLaszlo (che può utilizzare sia JavaScript che Flash come layer intermedio);

– XUL (che utilizza un browser Mozilla compatibile come layer intermedio);

– e Windows Presentation Foundation (che utilizza come layer intermedio Microsoft .NET Framework 3.0).

Tecnologie

Page 22: RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni web!

Contatti

Do You Have Any Questions?

EvolutionBook S.r.l.Via Sestio Calvino n. 155

Cap 00174 Roma.

Tel. +39.06.71.07.20.96Fax +39.06.71.07.39.18

email: [email protected]