Università degli studi di Napoli Parthenope

Transcript

1 Università degli studi di Napoli Parthenope - Corso di laurea in informatica - Tecnologie Web A.A. 2011/2012 Prof. Raffaele Montella Documentazione Progetto Studente: Nigro Daniele Matricola:

2 Indice 1.0 Progetto Cos è OPeNDAP Linguaggi & Funzionalità Strumenti di lavoro Sviluppo Selezione spaziale Scelta dei file e delle caratteristiche Costruzione link download Bibliografia Tecnologie Web Documentazione Progetto Pagina 1

3 1.0 Progetto Attraverso l'utilizzo di Jquery e Gmap creare una mini web app che permetta di effettuare una selezione spaziale e invia i dati a un server OPeNDAP. 2.0 Cos è OPeNDAP? OPeNDAP, acronimo di "Open-source Project for a Network Data Access Protocol", è una architettura di trasferimento dati e un protocollo ampiamente utilizzato dagli scienziati di tutto il mondo. Il protocollo è basato su HTTP e la versione corrente è OPeNDAP 2.0. OPeNDAP include gli standard per incapsulare i dati strutturati, annotare i dati con gli attributi e l'aggiunta di semantica che descrivono i dati. Il protocollo è gestito da OPeNDAP.org, un progetto pubblico senza scopo di lucro che fornisce anche implementazioni di riferimento privo di OPeNDAP server e client. Un client OPeNDAP potrebbe essere un browser normale, anche se questo dà funzionalità limitate. Di solito, un client OPeNDAP è un programma di grafica (come GrADS, Ferret o ncbrowse) o applicazioni web (come DChart) collegato con una libreria OPeNDAP. OPeNDAP client invia le richieste a un server OPeNDAP, e riceve diversi tipi di documenti o di dati binari come una risposta. Uno di questi documenti è chiamato DDS (ricevuto quando una richiesta viene inviata DDS), che descrive la struttura di un insieme di dati. Un insieme di dati, visto dal lato server, può essere un file, una raccolta di file o un database. Un altro tipo di documento che può essere ricevuto è DAS, che dà i valori degli attributi sui campi descritti nel DDS. I dati binari si riceve quando il client invia una richiesta Dods. Un server OPeNDAP può servire una collezione arbitrariamente grande di dati. Dati sul server è spesso in HDF o in formato NetCDF, ma può essere in qualsiasi formato compreso un formato definito dall'utente. Rispetto ai normali protocolli di trasferimento file (FTP ad esempio), un vantaggio importante secondo OPeNDAP è la capacità di recuperare i sottoinsiemi di file, e anche la capacità di aggregare i dati da diversi file in un'unica operazione di trasferimento. 3.0 Linguaggi & Funzionalità Attraverso l utilizzo dei linguaggi PHP5.0, Jquery 1.7.1, Javascript, il metalinguaggio XML e i fogli di stile CSS si è creato un sito dinamico denominato Gmapopendap per l interazione con il web server OPeNDAP. In particolare grazie alla selezione spaziale attraverso le api di Google Maps si interagiva con il web server per scaricare i dati relativi alla zona selezionata. 4.0 Strumenti di lavoro Elenco dei software, browser e plug-in utilizzati: Easyphp ; PHPEdit 4.2.2; Notepad ; Mozilla e Chrome come browser per i test; Firebug add-on di Mozilla. Tecnologie Web Documentazione Progetto Pagina 2

4 5.0 Sviluppo Il primo obiettivo di Gmapopendap è quello di ricavare le coordinate geografiche di una zona, questo avviene attraverso una seleziona spaziale utilizzando le api di Gmaps e il linguaggio Jquery. Successivamente bisogna acquisire altri dati dall utente e ricavare informazioni dal web server in modo da perfezionare la scelta dei dati da scaricare da OPeNDAP. Una volta ottenute tutte le informazioni si procede con la costruzione del link che ci permetterà di scaricare i dati relativi alla zona da noi selezionata con le caratteristiche dai noi scelti (come il tipo di formato, il tipo di file scelto tra quelli disponibili nel web server ecc). 5.1 Selezione spaziale La selezione spaziale viene effettuata utilizzando le api V3 di Google Maps e utilizzando il linguaggio Jquery & Javascript. In particolare viene creato un rettangolo dove vengono estratte le coordinate dei vertici alto-sinistro e basso-destro. Segue la porzione di codice: <script type="text/javascript"src=" </script> <script type="text/javascript"> var map; function initialize(){ var myoptions ={ zoom:3, center: new google.maps.latlng(40.00,13.00), maptypecontrol: true, maptypecontroloptions: {position: google.maps.controlposition.top_center, pancontrol: true, pancontroloptions: {position: google.maps.controlposition.right_top, maptypeid: google.maps.maptypeid.hybrid ; map = new google.maps.map(document.getelementbyid('map_canvas'),myoptions); var bounds = new google.maps.latlngbounds(new google.maps.latlng(36.00,7.00),new google.maps.latlng(47.00,19.00)); var rectangle = new google.maps.rectangle({bounds: bounds,editable: true); google.maps.event.addlistener(rectangle, "bounds_changed", function(){ var sceltaformato=$('[name="formato"]:checked').val(); var sceltatabella=$('[name="tabella"]:checked').val(); var field=document.getelementbyid("area"); var lowerleftns=document.getelementbyid("lowerns"); var lowerleftew=document.getelementbyid("lowerew"); var upperrightns=document.getelementbyid("upperns"); var upperrightew=document.getelementbyid("upperew"); if (field!=null && rectangle!=null){ var prec=2; var ll=rectangle.getbounds().getsouthwest(); var ur=rectangle.getbounds().getnortheast(); lllat=math.round(ll.lat()*(10^prec))/(10^prec); lllon=math.round(ll.lng()*(10^prec))/(10^prec); urlat=math.round(ur.lat()*(10^prec))/(10^prec); urlon=math.round(ur.lng()*(10^prec))/(10^prec); lowerleftns.value=lllat; lowerleftew.value=lllon; upperrightns.value=urlat; upperrightew.value=urlon; ); rectangle.setmap(map); google.maps.event.adddomlistener(window, 'load', initialize); </script> Tecnologie Web Documentazione Progetto Pagina 3

5 Scomponiamo la funzione initialize per specificare il significato delle varie porzioni di codice. myoptions è la sezione della reference dedicata alle opzioni proprie delle mappa: var myoptions ={ zoom:3, center: new google.maps.latlng(40.00,13.00), maptypecontrol: true, maptypecontroloptions: {position: google.maps.controlposition.top_center, pancontrol: true, pancontroloptions: {position: google.maps.controlposition.right_top, maptypeid: google.maps.maptypeid.hybrid ; In questo caso impostiamo uno zoom di 3 la mappa centrata a quelle coordinate (40 e 13) e altre opzioni tipo il pannello di controllo e il tipo di mappa ibrida. Con rectangle assegnamo la classe rettangolo con le coordinate dei vertici contenute in bond: var bounds = new google.maps.latlngbounds(new google.maps.latlng(36.00,7.00),new google.maps.latlng(47.00,19.00)); var rectangle = new google.maps.rectangle({bounds: bounds,editable: true); Le Google Maps API consentono anche di gestire eventi che occorrono sulle mappe e sugli overlay al loro interno, tramite l'uso del metodo google.maps.event.addlistener Nel nostro caso la porzione di codice: google.maps.event.addlistener(rectangle, "bounds_changed", function(){ var sceltaformato=$('[name="formato"]:checked').val(); var sceltatabella=$('[name="tabella"]:checked').val(); var field=document.getelementbyid("area"); var lowerleftns=document.getelementbyid("lowerns"); var lowerleftew=document.getelementbyid("lowerew"); var upperrightns=document.getelementbyid("upperns"); var upperrightew=document.getelementbyid("upperew"); if (field!=null && rectangle!=null){ var prec=2; var ll=rectangle.getbounds().getsouthwest(); var ur=rectangle.getbounds().getnortheast(); lllat=math.round(ll.lat()*(10^prec))/(10^prec); lllon=math.round(ll.lng()*(10^prec))/(10^prec); urlat=math.round(ur.lat()*(10^prec))/(10^prec); urlon=math.round(ur.lng()*(10^prec))/(10^prec); lowerleftns.value=lllat; lowerleftew.value=lllon; upperrightns.value=urlat; upperrightew.value=urlon; In pratica google.maps.event.addlistener(sorgente, evento, ascoltatore),dove - sorgente è la mappa o l'overlay di cui si vogliono rilevare gli eventi, - evento è una stringa che indica il nome dell'evento, ad es 'click', - ascoltatore è una funzione che viene eseguita in corrispondenza di un evento sulla sorgente. Non ha parametri, tranne nel caso degli eventi del mouse (click, rightclick, mouseover, ecc.) in cui può avere un parametro da cui estrarre le coordinate del mouse. Il numero e il tipo di eventi gestibili dipende dalla sorgente dell'evento (ad es. l'evento di apertura o chiusura vale solo per le InfoWindow, mentre l'evento 'livello di zoom modificato' vale solo per le mappe). Tecnologie Web Documentazione Progetto Pagina 4

6 5.2 Scelta dei file e delle caratteristiche La scelta effettuata dall utente è fondamentale sia per determinare le caratteristiche dei dati sia per selezionare il file da cui verranno scaricati i dati. In particolare si potrà scegliere in che formato scaricare i file e che tipo di dati scaricare, cioè se conoscere per esempio l umidità del terreno o altre caratteristiche relative alla zona selezionata sulla mappa. Inoltre è necessario effettuare la scelta del file del web server da cui verranno scaricati i dati. Per poter ottenere tutti i file è necessario parsare l albero XML del web server dove sono contenuti tutti i files e le loro caratteristiche, questa operazione è stata effettuata tramite le funzioni DOM di PHP5.0. In particolare leggiamo i nomi dei files presenti sul web server, questo risulta necessario visto che i files presenti si aggiornano periodicamente. L utente potrà scegliere anche se aggiornare le coordinate, questo punto verrà spiegato successivamente. Segue la porzione di codice per estrarre i files dal webserver: <?php $documento = new DOMDocument(); $documento->load( ' ); $elementi = $documento->getelementsbytagname( "dataset" );//SELEZIONIAMO IL NODO $ind=0; foreach( $elementi as $elemento ){ $arrayurl[$ind] = $elemento->getelementsbytagname('access')->item(0)- >getattribute('urlpath'); //DALL'ELEMENTO ACCESS PRELEVIAMO L'ATTRIBUTO URL DEL FILE $ind++;?> 蠐 Segue la parte di codice che comprende tutte le scelte da parte dell utente: <form metod="get" action="elabora.php"> <!-- FORM COORDINATE --> <fieldset style="text-align:center;border-radius: 50px 50px 50px 50px;borderstyle:Solid;border-color:#646464;border-width:2px;width: 100%"> <legend align="center"><h3><strong>coordinate Vertici</strong></h3></legend> <!-- DOPO AVER SELEZIONATO I DATI DALLA MAPPA OSSIBILE SCARICARE I DATI DA OPeNDAT --> <!-- COORDINATE VERTICE BASSO SX --> <div id="area" value=""> <div style="margin-left:5%;text-align:left;float: left;width:45%;height:100%;"> Vertice Basso-Sinistro: <INPUT style="text-align:center;" size=4 TYPE="text" NAME="lowerNS" id="lowerns" value="36.00"> South/North <INPUT style="text-align:center;" size=4 TYPE="text" NAME="lowerEW" id="lowerew" value="7.00"> West/East </div> <!-- COORDINATE VERTICE ALTO DX --> <div style="margin-right:5%;text-align:right;float: right;width:45%;height:100%;"> Vertice Alto-Destro: South/North <INPUT style="text-align:center;" size=4 TYPE="text" NAME="upperNS" id="upperns" value="47.00"> Tecnologie Web Documentazione Progetto Pagina 5

7 West/East <INPUT style="text-align:center;" size=4 TYPE="text" NAME="upperEW" id="upperew" value="19.00"> </div> </div> </fieldset> <!-- SELEZIONA FILE --> <fieldset style="text-align:center;border-radius: 50px 50px 50px 50px;borderstyle:Solid;border-color:#646464;border-width:2px;width: 100%"> <legend align="center"><h3><strong>seleziona file</strong></h3></legend> <select name="url"> <?php foreach( $arrayurl as $urlfile){?> <option style="font-size:18px"value="<?php echo $urlfile;?>"><?php echo substr($urlfile,10,20);?></option> <?php?> </select> </fieldset> <!-- SELEZIONA FORMATO --> <fieldset style="text-align:center;border-radius: 50px 50px 50px 50px;borderstyle:Solid;border-color:#646464;border-width:2px;width: 100%"> <legend align="center"><h3><strong>seleziona formato da scaricare</strong></h3></legend> <input type="radio" name="formato" value="" checked="" /> NetCDF <input type="radio" name="formato" value=".dods" /> Binario(dods) <input type="radio" name="formato" value=".ascii"/> Ascii </fieldset> <!-- AGGIORNA COORDINATE --> <fieldset style="text-align:center;border-radius: 50px 50px 50px 50px;borderstyle:Solid;border-color:#646464;border-width:2px;width: 100%"> <legend align="center"><h3><strong>aggiorna le coordinate</strong></h3></legend> <!-- IMPOSTATO IL VALORE NO AD ENTRAMBI LE SCELTE PER OVVIARE AL PROBLEMA DELLA PORTA 8080 CON ALTERVISTA --> Vuoi aggiornare le coordinate? <input type="radio" name="aggiornamento" value="si"/> SI <input type="radio" name="aggiornamento" value="no" checked="" /> No </fieldset> <!-- SELEZIONA TABELLA --> <fieldset style="text-align:center;border-radius: 50px 50px 50px 50px;borderstyle:Solid;border-color:#646464;border-width:2px;width: 100%"> <legend align="center"><h3><strong>seleziona tabella dati</strong></h3></legend> <div style="margin-left:5%;text-align:left;float: left;width:45%;height:100%;"> <input type="radio" name="tabella" value="tslb[0:1:144][0:1:4]" checked="tslb[0:1:144][0:1:4]" /> Temperatura suolo <input type="radio" name="tabella" value="p[0:1:144][0:1:26]" /> Perturbazioni <input type="radio" name="tabella" value="vegfra[0:1:144]" /> Frazione vegetazione <input type="radio" name="tabella" value="p_hyd[0:1:144][0:1:26]"/> Pressione idrostatica </div> <div style="margin-right:5%;text-align:right;float: right;width:45%;height:100%;"> Umidità terreno <input type="radio" name="tabella" value="smois[0:1:144][0:1:4]" /> Albedo <input type="radio" name="tabella" value="albedo[0:1:144]" /> Altezza terreno <input type="radio" name="tabella" value="hgt[0:1:144]" /> Temperatura mare <input type="radio" name="tabella" value="sst[0:1:144]" /> Tecnologie Web Documentazione Progetto Pagina 6

8 </div> </fieldset> <center> <input type="submit" style="margin-left:10%;height: 5%; width: 40%; font-family: Helvetica"><br/> </center> </form> Tecnologie Web Documentazione Progetto Pagina 7

9 5.3 Costruzione link download Dopo aver ottenuto le coordinate dei vertici del rettangolo della selezione spaziale e le varie scelte dell utente è possibile procedere alla creazione del link per il download. Per poter scaricare i dati dal nostro web server c è bisogno di ottenere dalle coordinate del rettangolo dei valori di indici corrispondenti. Questo viene fatto interrogando il web server, in particolare le tabelle XLAT e XLONG e ricavando i relativi indici i e j. Quest operazione è effettuata prima in modo statico avendo precedentemente caricato attraverso un parsing le due tabelle e quindi avendo tutti i valori contenuti in esse. A questo punto è possibile trovarsi il valore della nostra coordinata che più si avvicina a quello della tabella e da questo ne ricaviamo l indice. Inoltre è possibile aggiornare le due tabelle prevaricate, questo attraverso le funzioni di manipolazione di stringa ed espressioni regolari. E da notare che tutte queste considerazioni vengono effettuate per tre diversi tipi di files, in quando varia la grandezza di ogni tipo di file e quindi la quantità di dati. Segue il blocco di codice per ottenere gli indici e il possibile aggiornamento: <?php //VAR APPOGGIO PER RICERCARE GLI INDICI MINIMI $LLat_min=89; $ULat_min=89; $LLong_min=179; $RLong_min=179; $tipofile=substr($indirizzofile,15,3); switch($tipofile){ //1 CASE case 'd01': //IF PER CONTROLLARE LA SCELTA DI AGGIORNARE LE COORDINATE if($agg_coordinate=="si"){ $xlat1 = file_get_contents(" 0:1:0][0:1:207][0:1:298]"); $matchesfound1 = preg_match_all('([0-9]{1,3\.[0-9]{1,4)',$xlat1, $listof s1); $i1=0; if ($matchesfound1) { foreach ($listof s1[0] as $found 1) { $lat[$i1]=$found 1; //echo $lat[$i1]. "<br/>"; //VISUALIZZA GLI ELEMENTI $i1++; $xlong1 = file_get_contents(" [0:1:0][0:1:207][0:1:298]"); $matchesfound11 = preg_match_all('([0-9]{1,3\.[0-9]{1,4)',$xlong1, $listof s11); $i11=0; if ($matchesfound11) { foreach ($listof s11[0] as $found 11) { $long[$i11]=$found 11; //echo $longd03[$i33]. "<br/>"; $i11++; Tecnologie Web Documentazione Progetto Pagina 8

10 for ($k=0; $k<61600; $k++){ //INDICI LATITUDINE //RICAVIAMO LA I E LA J DELLE COORDINATE DI LATITUDINE UPPER if((abs($lat[$k]-$u_ns)) < $ULat_min){ $ULat_min=(abs($lat[$k]-$u_ns)); $iuplat=(int)($k/298); $juplat=$k%298; //RICAVIAMO LA I E LA J DELLE COORDINATE DI LATITUDINE LOWER if((abs($lat[$k]-$l_ns)) < $LLat_min){ $LLat_min=(abs($lat[$k]-$l_ns)); $ilwlat=(int)($k/298); $jlwlat=$k%298; //INDICI LONGITUDINE //RICAVIAMO LA I E LA J DELLE COORDINATE DI LONGITUDINE LEFT if((abs($long[$k]-$l_ew)) < $LLong_min){ $LLong_min=(abs($long[$k]-$l_ew)); $illong=(int)($k/298); $jllong=$k%298; //RICAVIAMO LA I E LA J DELLE COORDINATE DI LONGITUDINE RIGHT if((abs($long[$k]-$r_ew)) < $RLong_min){ $RLong_min=(abs($long[$k]- $r_ew)); $irlong=(int)($k/298); $jrlong=$k%298; //FINE FOR break;//fine 1 CASE //2 CASE case 'd02': //IF PER CONTROLLARE LA SCELTA DI AGGIORNARE LE COORDINATE if($agg_coordinate=="si"){ $xlat2 = file_get_contents(" 0:1:0][0:1:170][0:1:152]"); $matchesfound2 = preg_match_all('([0-9]{1,3\.[0-9]{1,4)',$xlat2, $listof s2); $i2=0; if ($matchesfound2) { foreach ($listof s2[0] as $found 2) { $latd02[$i2]=$found 2; //echo $latd02[$i2]. "<br/>"; $i2++; $xlong2 = file_get_contents(" [0:1:0][0:1:170][0:1:152]"); $matchesfound22 = preg_match_all('([0-9]{1,3\.[0-9]{1,4)',$xlong2, $listof s22); $i22=0; if ($matchesfound22) { foreach ($listof s22[0] as $found 22) { $longd02[$i22]=$found 22; //echo $longd03[$i33]. "<br/>"; $i22++; for ($k=0; $k<25800; $k++){ //INDICI LATITUDINE //RICAVIAMO LA I E LA J DELLE COORDINATE DI LATITUDINE UPPER if((abs($latd02[$k]-$u_ns)) < $ULat_min){ $ULat_min=(abs($latD02[$k]-$u_ns)); $iuplat=(int)($k/152); $juplat=$k%152; Tecnologie Web Documentazione Progetto Pagina 9

11 //RICAVIAMO LA I E LA J DELLE COORDINATE DI LATITUDINE LOWER if((abs($latd02[$k]-$l_ns)) < $LLat_min){ $LLat_min=(abs($latD02[$k]-$l_ns)); $ilwlat=(int)($k/152); $jlwlat=$k%152; //INDICI LONGITUDINE //RICAVIAMO LA I E LA J DELLE COORDINATE DI LONGITUDINE LEFT if((abs($longd02[$k]-$l_ew)) < $LLong_min){ $LLong_min=(abs($longD02[$k]-$l_ew)); $illong=(int)($k/152); $jllong=$k%152; //RICAVIAMO LA I E LA J DELLE COORDINATE DI LONGITUDINE RIGHT if((abs($longd02[$k]-$r_ew)) < $RLong_min){ $RLong_min=(abs($longD02[$k]- $r_ew)); $irlong=(int)($k/152); $jrlong=$k%152; //FINE FOR break; //FINE 2 CASE //ULTIMO CASE (DEFAULT) default: //IF PER CONTROLLARE LA SCELTA DI AGGIORNARE LE COORDINATE if($agg_coordinate=="si"){ $xlat3 = file_get_contents(" 0:1:0][0:1:137][0:1:110]"); $matchesfound3 = preg_match_all('([0-9]{1,3\.[0-9]{1,4)',$xlat3, $listof s3); $i3=0; if ($matchesfound3) { foreach ($listof s3[0] as $found 3) { $latd03[$i3]=$found 3; echo $latd03[$i3]. "<br/>"; $i3++; $xlong3 = file_get_contents(" [0:1:0][0:1:137][0:1:110]"); $matchesfound33 = preg_match_all('([0-9]{1,3\.[0-9]{1,4)',$xlong3, $listof s33); $i33=0; if ($matchesfound33) { foreach ($listof s33[0] as $found 33) { $longd03[$i33]=$found 33; //echo $longd03[$i33]. "<br/>"; $i33++; for ($k=0; $k<15000; $k++){ //INDICI LATITUDINE //RICAVIAMO LA I E LA J DELLE COORDINATE DI LATITUDINE UPPER if((abs($latd03[$k]-$u_ns)) < $ULat_min){ $ULat_min=(abs($latD03[$k]-$u_ns)); $iuplat=(int)($k/110); $juplat=$k%110; //RICAVIAMO LA I E LA J DELLE COORDINATE DI LATITUDINE LOWER if((abs($latd03[$k]-$l_ns)) < $LLat_min){ $LLat_min=(abs($latD03[$k]-$l_ns)); $ilwlat=(int)($k/110); $jlwlat=$k%110; Tecnologie Web Documentazione Progetto Pagina 10

12 //INDICI LONGITUDINE //RICAVIAMO LA I E LA J DELLE COORDINATE DI LONGITUDINE LEFT if((abs($longd03[$k]-$l_ew)) < $LLong_min){ $LLong_min=(abs($longD03[$k]-$l_ew)); $illong=(int)($k/110); $jllong=$k%110; //RICAVIAMO LA I E LA J DELLE COORDINATE DI LONGITUDINE RIGHT if((abs($longd03[$k]-$r_ew)) < $RLong_min){ $RLong_min=(abs($longD03[$k]- $r_ew)); $irlong=(int)($k/110); $jrlong=$k%110; //FINE FOR break; //FINE ULTIMO CASE (DEFAULT) Quindi è possibile costruire il nostro link per procedere con il download, ne segue il codice: $stringa=" lladati."[".$ilwlat.":1:".$iuplat."][". $jllong.":1:".$jrlong."]"; Per poter aggiornare le coordinate dopo aver scaricato le due tabelle in formato ascii, attraverso le funzioni di analisi delle stringhe e le espressioni regolari ricerchiamo i valori della tabella. In particolare grazie a questa porzione di codice: if($agg_coordinate=="si"){ $xlat1 = file_get_contents(" 0:1:0][0:1:207][0:1:298]"); $matchesfound1 = preg_match_all('([0-9]{1,3\.[0-9]{1,4)',$xlat1, $listof s1); $i1=0; if ($matchesfound1) { foreach ($listof s1[0] as $found 1) { $lat[$i1]=$found 1; //echo $lat[$i1]. "<br/>"; //VISUALIZZA GLI ELEMENTI $i1++; $xlong1 = file_get_contents(" [0:1:0][0:1:207][0:1:298]"); $matchesfound11 = preg_match_all('([0-9]{1,3\.[0-9]{1,4)',$xlong1, $listof s11); $i11=0; if ($matchesfound11) { foreach ($listof s11[0] as $found 11) { $long[$i11]=$found 11; //echo $longd03[$i33]. "<br/>"; $i11++; Tecnologie Web Documentazione Progetto Pagina 11

13 6.0 Bibliografia - PHP5 & MySQL La Guida, Tim Converse, Joyce Park, Clark Morgan, McGraw Hill. - Javascript : la guida, Danny Goodman, Micheal Morrison, McGraw-Hill, c JavaScript & jquery: The Missing Manual, David Sawyer McFarland, O'Reilly. - HTML & CSS : il web secondo HTML dog / Patrick Griffiths, Griffiths, Patrick, Pearson, c Google Maps Api Family: - Php Manual: - Jquery: - Guida Jquery: - SimpleXML: gestire XML in PHP 5: - Guida XML DOM Guida CSS: - Espressioni regolari e funzioni sulle stringhe: Tecnologie Web Documentazione Progetto Pagina 12