Esposizione RIA

SVILUPPO DI UNA APPLICAZIONE WEB CON TECNOLOGIE RIA UNIVERSITA DEGLI STUDI DI PAVIA - sede di Mantova FACOLTA DI INGEGNERIA MAZZANTI LUCA

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Road Map

Web 2.0 ,[object Object],Rich Internet Applications Social Network Vuole informare che il Web è maturato, e dispone di tecnologie che permettono un nuovo approccio, un interazione bidirezionale tra utente ed il servizio offerto. Tra le varie sfaccettature di questo fenomeno abbiamo:

Il Web come Piattaforma di Sviluppo ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Il Web come piattaforma significa poter utilizzare Internet e il Web stesso per realizzare vere e proprie applicazioni software

Rich Internet Applications Le Rich Internet Applications sono applicazioni web che possiedono le caratteristiche e le funzionalità delle tradizionali applicazioni per computer, senza però necessitare dell'installazione sul disco fisso. Il Web come piattaforma significa poter utilizzare Internet e il Web stesso per realizzare vere e proprie applicazioni software. Sfruttare i processi e le infrastrutture esistenti. Distribuzione e ubiquità di lavoro Componenti e piattaforma

Vantaggi delle RIA ,[object Object],[object Object],[object Object],[object Object],[object Object]

AJAX: Asynchronous JavaScript and XML ,[object Object],[object Object],[object Object],[object Object],[object Object],AJAX è asincrono nel senso che i dati extra sono richiesti al server e caricati in background senza interferire con il comportamento della pagina esistente. Si basa su uno scambio di dati in background fra web browser e server, che consente l'aggiornamento dinamico di una pagina web

Utilizzo Ajax ,[object Object],[object Object],[object Object],[object Object],if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else […] xhr.open(“GET”,“page.jsp?id=”+encodeURI(myId), true); xhr.onreadystatechange = function(){ processReqChange(req); } xhr.send(null);

Wicket ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Wicket cerca di semplificare il difficoltoso incontro tra il protocollo HTTP stateless ed il lato server side di programmazione Java.

Gestione della Sessione semplificato ,[object Object],[object Object],[object Object],[object Object]

Sviluppare in Wicket ,[object Object],[object Object],<html> <head/> <body> <a wicket:id=“link”/> <span wicket:id=“label”> Ho cliccato x volte </span> </body> </html> public class LinkCounter extends WebPage { public LinkCounter() { add(new AjaxFallbackLink("link") { @Override public void onClick(AjaxRequestTarget target) { counter++; target.addComponent(label); } }); add(new Label("label", new PropertyModel(this, "counter"))); CODE VIEW 1 4 3 2 6 5

Suite Easy SpareCat ,[object Object],[object Object],[object Object],[object Object],GESTIONALE AZIENDALE RIGHE ORDINE / PREVENTIVAZIONE GESTIONALE AZIENDALE EXCEL, ASCII …. DISEGNI ESPLOSI GESTIONE DISTINTE AUTHORING CATALOGO PUBBLICAZIONE DISTINTA RICAMBI DISTINTA RICAMBI DISTINTA PRODOTTI DISTINTA FORNITORI INTERNET EASY SPARECAT

Il Progetto: Easy Sparecat Web Viewer Navigazione dei cataloghi Ricerca delle spare parts Acquisto degli articoli Visualizzazione degli esplosi Distinta associata

Analisi ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Analisi ,[object Object],[object Object],[object Object],[object Object],FLEX AJAX JSF Pesantezza d’esecuzione Tool di sviluppo Rich Experience Facilità costruzione Interfacce Utente Dipende dal toolkit Comunicazione con middle tier REST da implementare Possibilità integrazione Tavola Svg

Analisi ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Analisi ,[object Object],[object Object],[object Object],[object Object],Sviluppare in Flex comporterebbe l’introduzione di una parte critica al progetto, non controllabile né prevedibile in tempo e in riuscita. La decisione quindi è quella di attuare la visualizzazione dell’immagine vettoriale tramite un Applet java scritta utilizzando delle librerie già conosciute, e sviluppare l’interfaccia visuale in AJAX. Sono a disposizione dei programmatori vari Toolkits di sviluppo Ajax: alcuni offrono librerie Javascript, altri aggiungono a queste la possibilità di utilizzarle tramite un linguaggio secondario, tra quelli lato server.

Sviluppo ,[object Object],deve poter essere integrato in un portale, per la gestione degli ordini delle parti di ricambio ,[object Object],[object Object],[object Object],[object Object]

Navigazione Per ogni elemento vi è un pannello di info.

Albero dei Cataloghi Due esempi del punto di forza dato dalla gestione della Pubblicazione dei Cataloghi

Tavola ,[object Object],Pannello delle parti di ricambio Sensibilizzazione Pallinatura Carrello

Personalizzazioni ,[object Object]

Personalizzazioni ,[object Object],[object Object],[object Object]

Conclusioni ,[object Object],[object Object],[object Object],[object Object]

Esposizione RIA

Recommended

Recommended

More Related Content

Similar to Esposizione RIA

Similar to Esposizione RIA (20)

Recently uploaded

Recently uploaded (6)

Esposizione RIA