Ajax è il nome nuovo introdotto dal web 2.0, ma non si tratta di un nuovo linguaggio di. Javascript and XML

Transcript

1 Ajax Ajax è il nome nuovo introdotto dal web 2.0, ma non si tratta di un nuovo linguaggio di programmazione, piuttosto di una tecnica: Asynchronous Javascript and XML

2 Ajax Il Javascript è una vecchia conoscenza del web, introdotta da Netscape ed in seguito adottata da tutti i browser Spesso i webmaster del Web 1.0 ne abusavano e molti utenti infastiditi da popup e alert lo disattivavano

3 Ajax Tuttavia se Javascript viene usato bene può arricchire l'esperienza del navigatore e alleggerire il carico di lavoro del server Infatti mentre PHP viene interpretato dal server, Javascript viene interpretato dal browser

4 Ajax La rivoluzione iniziò quando i sviluppatori di browser iniziarono a includere in Javascript un oggetto capace di effettuare richieste in HTTP al server, in maniera trasparente all'utente Originariamente tale oggetto era stato pensato per ottenere documenti XML

5 xmlhttp.onreadystatechange = handler; Ajax function CreateXmlHttpReq(handler) { var xmlhttp = null; try { xmlhttp = new XMLHttpRequest(); } catch(e) { } try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { } xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

6 Ajax Una volta ottenuti dei dati XML tramite richiesta PHP, è possibile cambiare certe parti della pagina già caricata utilizzando le capacità di Javascript di modificare gli elementi del DOM Questo in sintesi è Ajax

7 Ajax function myhandler() { } if (myrequest.readystate == 4 && myrequest.status == 200) { } alert(myrequest.responsetext); est responsete t) function esempio3() { } myrequest = CreateXmlHttpReq(myHandler); myrequest.open("get","primo.php"); myrequest.send(null);

8 Ajax Tuttavia non siamo obbligati a richiedere un documento XML, possiamo richiedere frammenti di HTML, testo semplice Possiamo richiedere documenti statici ma anche documenti generati da PHP in base a nuove indicazioni fornite dall'utente

9 Ajax JSON JSON è un formato di codifica che permette in un linguaggio di programmazione di trasformare ad esempio un array in una stringa da decodificare in un altro linguaggio In questo modo possiamo richiedere con Ajax una stringa JSON generata da PHP e convertirla in un array in Javascript

10 Ajax Questi esempi di Ajax provengono dal documento Spaghetti Ajax di Salvatore Sanfilippo, uno dei primi italiani a trattare questa tecnologia

11 Ajax Ci sono diversi framework Javascript che permettono di astrarre Ajax, come Prototype, e altri che arricchiscono l'interfaccia interfaccia, come Scriptaculous Vedere anche mootools e jquery

12 Problematiche e Latenza della comunicazione Javascript è interpretato quindi non è veloce Diversa mentalità di programmazione (asincrona)

13 WebLogiX La WebLogiX è una ditta individuale che si occupa di sviluppo di applicazioni web Tutte le applicazioni i i si basano su un framework sviluppato in proprio, STOOPHP, che fa uso di programmazione ad oggetti e di Ajax

14 STOOPHP Con STOOPHP la progettazione dell'applicazione è limitata alla progettazione del database In base alle relazioni tra le tabelle vengono creati elenchi e form Unica condizione: il database deve essere progettato con DBDesigner

15 STOOPHP In questo modo il cliente che ha commissionato il sito può gestire le sue attività commerciali, turistiche, divulgative e i contenuti del sito stesso senza accedere in FTP o al database

16 STOOPHP La pagina di gestione è unica e tramite Ajax viene aggiornata in base alle richieste dell'utente I costi di sviluppo sono abbattuti e lo stesso codice utilizzato da più clienti segnala al programmatore i bug in maniera trasparente

17 STOOPHP - Prospettive e Scrivere documentazione per sviluppo e uso Realizzare un sistema di update attraverso SVN Ottimizzare le prestazioni

18 STOOPHP - Prospettive e Studiare in maniera approfondita la sicurezza Riorganizzare il codice in base all'evoluzione di PHP Migliorare la procedura di setup, creando uno strumento di progettazione database che segua lo standard creato