JUG – Ancona Italy AJAX Giovanni Baleani Developer IBS srl.

Presentazione sul tema: "JUG – Ancona Italy AJAX Giovanni Baleani Developer IBS srl."— Transcript della presentazione:

1 JUG – Ancona Italy AJAX Giovanni Baleani Developer IBS srl

2 Ajax: ma di cosa parliamo ?

3 Non parleremo di... Detersivi o squadre di calcio

4 Si parla di... una nuova tecnica per sviluppare applicazioni web

5 Definizione di “Ajax” presa da Wikipedia AJAX o Asynchronous JavaScript and XML è una tecnica per sviluppare applicazioni web interattive e dinamiche usando una combinazione di: ● HTML (o XHTML) e CSS per la parte visiva ● DOM (Document Object Model) manipolato attraverso JavaScript per mostrare dinamicamente le informazioni e interagirvi ● L'oggetto XMLHttpRequest per interscambiare e manipolare dati in modo asincrono tra il browser dell'utente e il web server

6 Inizio lavori Come implementare un comune caso d'uso per una interfaccia web: una scelta a 2 livelli

7 3 implementazioni ● Classica (jsp e servlet) ● DHTML (interamente lato client) ● Ajax (Interfaccia renderizzata da DHTML e dati forniti da una servlet)

8 Struttura del progetto

9 Implementazione classica: form.jsp

10 Implementazione classica: Servlet

11 Implementazione DHTML: form.html

12 Implementazione DHTML: Javascript

13 Implementazione Ajax: form.html

14 Implementazione Ajax: Javascript

15 Implementazione Ajax: Servlet

16 Applicazione web tradizionale

17 Applicazione web Ajax

18 Modelli a confronto

19 Considerazioni lato utente Vantaggi ● Novità della UI ● Le pagine sembrano più interattive ● Nessun bisogno di installare nuovo software Svantaggi ● Browser un po' datati non vanno ● Javascript abilitato ● I tasti “avanti” e “indietro” non funzionano ● Non si possono inviare link ad altri

20 Considerazioni lato server Vantaggi ● La banda viene sfruttata meglio ● Meno carico per la cpu: il carico utilizzato per l'interfaccia utente viene ripartito nei clients Svantaggi ● Se si abusa nell'utilizzo, si generano lentezze lato client e troppe richieste verso il server ● Javascript difficile da debuggare

21 Come iniziare ● Avvalersi di Toolkit che permettono di gestire le differenze tra i vari browser ● Studiare bene Javascript (prototype, passaggio di funzioni come parametri, eval) ● Sperimentare

22 Framework o Toolkit ? Toolkit ● Si integrano benissimo, poco invasivi. ● Permettono di prendere confidenza con ajax direttamente nelle nostre webapp. Framework ● Più completi ● Meglio strutturati, coprono ogni aspetto della user interface ● Permettono di ottenere codice più omogeneo

23 Link utili ● jQuery (http://jquery.com/) una libreria molto facile da usare e allo stesso tempo molto potente. Es. $("p.surprise").addClass("ohmy").show("slow");http://jquery.com/ ● dhtmlgoodies (http://www.dhtmlgoodies.com/) una raccolta di script ajax e dhtml.http://www.dhtmlgoodies.com/ ● Prototype (http://prototype.conio.net/) un altra libreria simile a jQuery ma con delle api meno intuitive.http://prototype.conio.net/ ● DWR (http://getahead.ltd.uk/dwr/) ottimo framework per richiamare da javascript il codice java nel backend.http://getahead.ltd.uk/dwr/ ● GWT (http://code.google.com/webtoolkit/) un toolkit di Google che permette di scrivere codice per la UI interamente in java, come awt.http://code.google.com/webtoolkit/

24 Domande...?

25 JUG – Ancona Italy Grazie ! Giovanni Baleani JUG Ancona - www.jugancona.it