Introduzione ad AJAX

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "Introduzione ad AJAX"

Transcript

1 Introduzione ad AJAX Asynchronous Javascript And XML (PWLS 6.9, 6.10) Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 1

2 Limitazioni delle applicazioni web tradizionali I limiti percepiti dall'utente sono: lentezza nel caricamento delle pagine; necessità di ricaricare l'intera pagina ad ogni interazione. Tali limiti derivano direttamente dall'http e dalla modalità di interazione client/server classica: il browser (client) invia una richiesta (HTTP); il web server riceve la richiesta ed elabora una risposta; la risposta viene inviata al client che la visualizza/gestisce. Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 2

3 Round-trip time (RTT) RTT è il tempo richiesto per l'invio di una richiesta da parte del client e la ricezione della risposta (escluso il tempo di trasferimento dei dati). Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 3

4 Rich Internet Application (RIA) Una Rich Internet Application è un'applicazione web che si avvicina (dal punto di vista della qualità dell'interazione) ad un'applicazione standard di tipo desktop. Si cerca di spostare gli aspetti maggiormente interattivi sul lato client. Adobe Flash, Java FX e Microsoft Silverlight sono esempi di piattaforme per lo sviluppo di applicazioni di questo tipo. Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 4

5 AJAX (1) AJAX significa Asynchronous Javascript And XML. Non è una tecnologia, ma un modo di utilizzare assieme una serie di tecniche di programmazione lato client e lato server per ottenere applicazioni web piu interattive. Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 5

6 HTML "tradizionale" AJAX (2) ad ogni azione dell utente corrisponde una richiesta al server, che provoca la spedizione di un intera pagina HTML verso il browser con AJAX è possibile aggiornare parti della pagina senza che sia necessario ricaricarla completamente Esempi: Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 6

7 AJAX (3) Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 7

8 AJAX (4) Insieme di tecnologie (non specificamente server-side, ma prevalentemente client -side): XHTML e CSS standard; Visualizzazione e interazione dinamica tramite Document Object Model; Scambio dati e manipolazione basate su XML e XSLT; Recupero asincrono di dati tramite l oggetto XMLHttpRequest; Il tutto connesso tramite Javascript Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 8

9 AJAX (5) Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 9

10 AJAX (6) AJAX è utile per creare interfacce "ricche", che vadano oltre l'attuale modello per il web. Quindi applicazioni web e non semplici pagine informative. Problemi? Accessibilità: può degradare. Explorer 5.5 e 6 implementano XMLHttpRequest tramite ActiveX. Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 10

11 Altri limiti/problemi relativi ad AJAX AJAX non è la panacea per tutti i mali; infatti presenta anche qualche svantaggio: non rispetta alcune delle funzionalità tipiche di un browser (come il tasto back per la navigazione all indietro, o la possibilità di salvare dei bookmark) problemi di sicurezza, i browser al momento non gestiscono tutti allo stesso modo questa tecnologia; quindi è necessario porre attenzione agli aspetti specifici dei singoli browser, rendendo così piu complessa la programmazione. Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 11

12 XMLHttpRequest: attributi onreadystatechange: contiene la funzione che gestisce l evento lanciato, ad ogni cambiamento di stato. readystate: stato corrente dell'istanza di XMLHttpRequest: 0 = non inizializzato, 1 = aperto, 2 = richiesta inviata, 3 = risposta in ricezione e 4 = risposta ricevuta. responsetext: risposta del server in formato stringa responsexml: risposta del server in XML status: codice HTTP restituito dal server per esempio 404 per "Not Found" e 200 per "OK". Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 12

13 XMLHttpRequest: (alcuni) metodi setrequestheader(chiave, valore): aggiunge uno header alla richiesta. open(metodo, URL, async): prepara una richiesta HTTP: metodo: GET o POST (o PUT); URL relativo o assoluto; async: true, lo script prosegue l elaborazione senza aspettare; false aspetta. send(content): invia la richiesta. abort(): cancella la richiesta in atto. getallresponseheaders(): restituisce sotto forma di stringa tutti gli header HTTP ricevuti dal server. Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 13

14 Attributi di XHTML correlati a Javascript Esempio (controlla valori immessi, prima della spedizione): <form action="script.php" method="post" onsubmit="check()" /> Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 14

15 Esercizio Svilupperemo una pagina web con tre campi di input in cui inseriremo tre numeri per i valori di R,G,B con cui impostare il colore di sfondo della pagina, Il tutto asincronamente (senza ricaricare). (NB: si può fare tutto solo con Javascript! Ma è l esercizio più semplice) Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 15

16 Struttura Una pagina web dotata di alcune funzioni lato client scritte in Javascript: dopo avere scritto la stringa nei campi di input, una funzione invia i valori alla parte lato server e aggiorna dinamicamente la pagina alla ricezione del risultato, senza ricaricare la pagina completa; due parti: il codice XHTML e quello Javascript. Uno script PHP: riceve i valori R G B via GET dalla parte lato client, costruisce la stringa rgb(r,g,b) e la invia indietro alla pagina web. Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 16

17 La parte XHTML (colori1.php) <body id="corpo"> <h1>colori RGB in Ajax</h1> R: <input type="text" name="r" id="r" value="255" size="3" onblur="spedisci(document.getelementbyid('r').value,document.get ElementById('g').value,document.getElementById('b').value);"/> G: <input type="text" name="g" id="g" value="255" size="3" /> B: <input type="text" name="b" id="b" value="255" size="3" /> <input type="button" value="cambia sfondo" onclick="spedisci(document.getelementbyid('r').value,document.ge telementbyid('g').value,document.getelementbyid('b').value);" /> <p id="descrizione"> - </p> </body> </html> Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 17

18 La parte Javascript/1 <html> <head> <title>colori RGB</title> <script type="text/javascript"> function spedisci(r,g,b) { document.getelementbyid("descrizione").innerhtm L = "---attendi "; server = 'ajaxserver1.php?r=' + R + '&G=' + G + '&B=' + B; richiesta = new XMLHttpRequest(); richiesta.onreadystatechange = updateasincrono; richiesta.open("get", server, true); richiesta.send(null); } Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 18

19 La parte Javascript/2 function updateasincrono() { if ((richiesta.readystate == 4) && (richiesta.status == 200)) { esito=richiesta.responsetext; document.getelementbyid("corpo").style.background =esito; document.getelementbyid("descrizione").innerhtml =esito; } } </script> </head> Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 19

20 Lo script lato server (ajaxserver1.php) <? function ImpostaSfondo($r, $g, $b) { $risposta = "rgb($r,$g,$b)"; return $risposta; } echo ImpostaSfondo($_GET['R'],$_GET['G'], $_GET['B']);?> Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 20

21 Commenti spedisci(r,g,b): invia la richiesta asincrona, all url ajaserver1.php, con query uguale a R=r&G=g&B=b stabilendo che la gestione della risposta verrà fatta dalla funzione updateasincrono() updateasincrono(): quando lo stato della richiesta è 4 (=risposta ricevuta) e l esito è 200 (=OK), tramite DOM modifica il colore di sfondo del corpo e il contenuto dell elemento che ha id=descrizione In questa versione semplice, lo script lato server si limita ad emettere una stringa, che quindi non è necessario codificare in XML Se dovesse restituire piu dati, potremmo usare XML, JSON, o anche XHTML direttamente! Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 21

22 Sicurezza Same Origin Policy: https://developer.mozilla.org/en/same_origin_policy_for_javascript Cosa vuol dire? Uno script Javascript non può accedere a dati/risorse al di fuori dell'origine della pagina in cui risiede. L'origine è definita da: protocollo, host e (se specificato) numero di porta. Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 22

23 Un esempio piu complesso Costruiamo un applicazione AJAX che, oltre a recuperare la risposta dal web server, invii anche dei dati (query). La pagina PHP a cui sarà indirizzata la richiesta dovrà tener conto della query nella generazione della risposta. In particolare vogliamo inviare al client soltanto le righe di un file di testo (sul server) che contengano la stringa inviata nella query. Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 23

24 Dettagli dell applicazione Il file di testo sul server si chiamerà lista_computer.txt e conterrà in ogni riga il nome di un computer. La pagina PHP computer.php accetta in input come parametro una stringa che utilizza come filtro per produrre in output soltanto le righe del file lista_computer.txt che la contengono. La pagina statica AjaxComputerList.html conterrà il codice Javascript responsabile dell inoltro della richiesta al server web e della visualizzazione della risposta. Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 24

25 Il file lista_computer.txt Dell Optiplex Dell Inspiron Dell Dimension imac Sun Ultra 1 Gateway laptop... Gateway 800 Palm VII Handspring Visor Atari Beowulf Cluster II Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 25

26 computer.php <?php if(!isset($_request['query'])) $query=""; else $query=$_request['query']; $filename='lista_computer.txt'; $f = fopen($filename, "r"); $contenuto = fread($f, filesize($filename)); fclose($f); $computer = explode("\n",$contenuto); $risultato=""; for($i=0; $i<count($computer); $i++) if(!(stripos($computer[$i],$query)===false)) $risultato=$risultato. $computer[$i]. "<br>"; echo $risultato;?> Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 26

27 La pagina statica <html> <head> <title> </title> <script type="text/javascript"><!--... //--></script> </head> <body> <form name="mioform"> Inserisci una stringa: <input type="text" name="query" size="10" onblur="javascript:recuperalista();"><br> <span id="risultato"></span> </form> </body> </html> Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 27

28 Le funzioni Javascript utilizzate In modo analogo all esempio precedente vi sono due funzioni nel codice Javascript: RecuperaLista(): funzione richiamata dall evento di perdita del focus della casella di testo della pagina (elemento <input>); serve a generare la richiesta dopo aver inizializzato un oggetto XMLHttpRequest; UpdateAsincrono(): funzione avente lo scopo di attendere la risposta dal server, aggiornando la pagina con la visualizzazione del risultato. Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 28

29 RecuperaLista function RecuperaLista() { } document.getelementbyid("risultato").innerhtml = " ricerca in corso "; var valore = window.document.mioform.query.value; richiesta = new XMLHttpRequest(); richiesta.onreadystatechange = UpdateAsincrono; richiesta.open("get","computer.php?query="+valore, true); richiesta.send(null); Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 29

30 UpdateAsincrono function UpdateAsincrono() { } if((richiesta.readystate == 4) && (richiesta.status == 200)) { var esito = richiesta.responsetext; document.getelementbyid("risultato").innerhtml = esito; } Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 30

31 Esempio di esecuzione Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 31

32 In Explorer 6 L oggetto XMLHttpRequest è realizzato con un ActiveX, quindi: if (window.xmlhttprequest) { // Mozilla, Safari, richiesta = new XMLHttpRequest(); } else if (window.activexobject) { // IE richiesta = new ActiveXObject( Msxml2.XMLHTTP ); //IE6 } Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 32

33 Una pagina di test (I) <html> <head>... <title> </title> <script type="text/javascript"><!-- function ajaxfunction() { var xmlhttp; var tipobrowser="firefox, Opera 8.0+, Safari, Internet Explorer 7.0+"; try { // Firefox, Opera 8.0+, Safari, Internet Explorer 7.0 } xmlhttp=new XMLHttpRequest(); catch(e) { Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 33

34 Una pagina di test (II) } tipobrowser="internet Explorer 6.0+"; try { } // Internet Explorer 6.0+ xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); catch(e) { } tipobrowser="internet Explorer 5.5+"; try { } // Internet Explorer 5.5+ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); catch(e) { } tipobrowser="il tuo browser non supporta AJAX!"; Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 34

35 Una pagina di test (III) document.getelementbyid("msg").innerhtml="tipo di browser: "+tipobrowser; } //--></script> </head> <body> <a href="javascript:ajaxfunction() javascript:ajaxfunction()">test</a><br /> <span id="msg"></span> </body> </html> La pagina presentata ci permette di verificare se il nostro browser supporta la tecnologia AJAX. Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 35

36 Dobbiamo fare tutto da zero? Chiaramente no: esistono numerose librerie che implementano: comunicazione asincrona, codifica/decodifica XML, funzioni avanzate per l interfaccia utente es.: utilizzo avanzato del mouse (posizione, ecc). Es.: GoogleGears, XAjax Complementi di Tecnologie Web A.A M.Franceschet, V.Della Mea e I.Scagnetto - 36

AJAX. Goy - a.a. 2006/2007 Servizi Web 1. Cos'è il Web 2.0

AJAX. Goy - a.a. 2006/2007 Servizi Web 1. Cos'è il Web 2.0 AJAX Goy - a.a. 2006/2007 Servizi Web 1 Cos'è il Web 2.0 Web 2.0 = termine introdotto per la prima volta nel 2004 come titolo di una conferenza promossa dalla casa editrice O Reilly L'idea è che ci si

Dettagli

La tecnica AJAX. Progettazione di Sistemi Interattivi. Implementazione di sistemi interattivi web-based (seconda parte) Esempio: Google Maps

La tecnica AJAX. Progettazione di Sistemi Interattivi. Implementazione di sistemi interattivi web-based (seconda parte) Esempio: Google Maps Progettazione di Sistemi Interattivi Implementazione di sistemi interattivi web-based (seconda parte) Docente: Daniela Fogli La tecnica AJAX AJAX: Asynchronous Javascript and XML Tecnica (insieme di tecnologie)

Dettagli

INTRODUZIONE AI PRINCIPI DELLO SVILUPPO DI APPLICAZIONI WEB INTERATTIVE

INTRODUZIONE AI PRINCIPI DELLO SVILUPPO DI APPLICAZIONI WEB INTERATTIVE INTRODUZIONE AI PRINCIPI DELLO SVILUPPO DI APPLICAZIONI WEB INTERATTIVE ( I.D. Falconi ~ 21.12.2013) INTRODUZIONE AD AJAX Le caratteristiche di una applicazione Ajax sono sostanzialmente due: aggiornare

Dettagli

Corso di Applicazioni Telematiche

Corso di Applicazioni Telematiche Asynchronous JavaScript Technology and XML: Ajax Corso di Applicazioni Telematiche A.A. 2010-11 Prof. Simon Pietro Romano Università degli Studi di Napoli Federico II Facoltà di Ingegneria Rich Internet

Dettagli

Ajax. Introdotta da Microsoft nel 1998 è stata standardizzata e adottata da tutti i browser moderni.

Ajax. Introdotta da Microsoft nel 1998 è stata standardizzata e adottata da tutti i browser moderni. Ajax AJAX (Asynchronous JavaScript And XML) è una tecnica fondamentale per la creazione di siti e applicazioni web ad alta interattività, che consente di evitare di ricaricare intere pagine ad ogni richiesta

Dettagli

DOM (Document Object Model) manipolato attraverso un linguaggio ECMAScript come JavaScript o JScript per mostrare le informazioni ed interagirvi;

DOM (Document Object Model) manipolato attraverso un linguaggio ECMAScript come JavaScript o JScript per mostrare le informazioni ed interagirvi; Capitolo 5 AJAX AJAX è uno strumento di sviluppo per la realizzazione di applicazioni web interattive. La sua tecnologia si basa su uno scambio asincrono di dati in background fra web browser e server,

Dettagli

La tecnica AJAX. Progettazione di Sistemi Interattivi. Implementazione di sistemi interattivi web-based (seconda parte) Esempio: Google Maps

La tecnica AJAX. Progettazione di Sistemi Interattivi. Implementazione di sistemi interattivi web-based (seconda parte) Esempio: Google Maps Progettazione di Sistemi Interattivi Implementazione di sistemi interattivi web-based (seconda parte) Docente: Daniela Fogli La tecnica AJAX AJAX: Asynchronous Javascript and XML Tecnica (insieme di tecnologie)

Dettagli

Sviluppare applicazioni Web 2.0 con Ajax

Sviluppare applicazioni Web 2.0 con Ajax Sviluppare applicazioni Web 2.0 con Ajax Maurizio Cozzetto 11 Agosto 2009 Ajax Definizione Il termine Ajax è apparso la prima volta su Internet il 18 febbraio 2005 nell articolo Ajax: A New Approach to

Dettagli

Realizzare una piccola chat in php senza database

Realizzare una piccola chat in php senza database Realizzare una piccola chat in php senza database L obiettivo di questa guida è implementare una semplice chat in linguaggio php, facilmente inseribile in qualsiasi sito. La chat che realizzeremo avrà

Dettagli

Esercitazione 8. Basi di dati e web

Esercitazione 8. Basi di dati e web Esercitazione 8 Basi di dati e web Rev. 1 Basi di dati - prof. Silvio Salza - a.a. 2014-2015 E8-1 Basi di dati e web Una modalità tipica di accesso alle basi di dati è tramite interfacce web Esiste una

Dettagli

Dott.Ing.Ivan Ferrazzi. XML e AJAX. Introduzione ai concetti base. Dott. Ing. Ivan Ferrazzi V1.2 del 15/01/2014 1/20

Dott.Ing.Ivan Ferrazzi. XML e AJAX. Introduzione ai concetti base. Dott. Ing. Ivan Ferrazzi V1.2 del 15/01/2014 1/20 XML e AJAX Introduzione ai concetti base Dott. Ing. Ivan Ferrazzi V1.2 del 15/01/2014 1/20 Copyright 2014 Dott.Ing. Ivan Ferrazzi Permission is granted to copy, distribute and/or modify this document under

Dettagli

Applicazioni web-based. Progettazione di Sistemi Interattivi. Implementazione di sistemi interattivi web-based (prima parte) Gli Standard Web

Applicazioni web-based. Progettazione di Sistemi Interattivi. Implementazione di sistemi interattivi web-based (prima parte) Gli Standard Web Progettazione di Sistemi Interattivi Implementazione di sistemi interattivi web-based (prima parte) Docente: Daniela Fogli Applicazioni web-based Il World Wide Web (W3C) [www.w3.org]: Fondato da Tim Berners-Lee

Dettagli

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

Ajax è il nome nuovo introdotto dal web 2.0, ma non si tratta di un nuovo linguaggio di. Javascript and XML 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 Ajax Il Javascript è una vecchia conoscenza

Dettagli

Flavio De Paoli depaoli@disco.unimib.it

Flavio De Paoli depaoli@disco.unimib.it Flavio De Paoli depaoli@disco.unimib.it 1 Il web come architettura di riferimento Architettura di una applicazione web Tecnologie lato server: Script (PHP, Pyton, Perl), Servlet/JSP, ASP Tecnologie lato

Dettagli

Siti interattivi e dinamici. in poche pagine

Siti interattivi e dinamici. in poche pagine Siti interattivi e dinamici in poche pagine 1 Siti Web interattivi Pagine Web codificate esclusivamente per mezzo dell HTML non permettono alcun tipo di interazione con l utente, se non quella rappresentata

Dettagli

Ajax. Pasqualetti Veronica

Ajax. Pasqualetti Veronica Ajax 1 Pasqualetti Veronica AJAX: Introduzione AJAX (Asynchronous JavaScriptS i tand XML) è una tecnica per la creazione di applicazioni Web interattive. Permette l aggiornamento asincrono di porzioni

Dettagli

sito web sito Internet

sito web sito Internet Siti Web Cos è un sito web Un sito web o sito Internet è un insieme di pagine web correlate, ovvero una struttura ipertestuale di documenti che risiede, tramite hosting, su un web server e accessibile

Dettagli

Indice generale. Parte I Anatomia del Web...21. Introduzione...xiii

Indice generale. Parte I Anatomia del Web...21. Introduzione...xiii Indice generale Introduzione...xiii Capitolo 1 La sicurezza nel mondo delle applicazioni web...1 La sicurezza delle informazioni in sintesi... 1 Primi approcci con le soluzioni formali... 2 Introduzione

Dettagli

Metodologie Informatiche applicate al Turismo

Metodologie Informatiche applicate al Turismo Metodologie Informatiche applicate al Turismo 11. Realizzare Siti Dinamici e Applicazioni Web Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://www.di.unipi.it/ milazzo milazzo di.unipi.it

Dettagli

Esercizi di JavaScript

Esercizi di JavaScript Esercizi di JavaScript JavaScript JavaScript é un linguaggio di programmazione interpretato e leggero, creato dalla Netscape. E' presente a patire da Netscape 2 in tutti i browser ed é dunque il linguaggio

Dettagli

Cookie e Webstorage. Vediamo ora i metodi dell oggetto localstorage. Per memorizzare un valore si utilizza il metodo setitem:

Cookie e Webstorage. Vediamo ora i metodi dell oggetto localstorage. Per memorizzare un valore si utilizza il metodo setitem: Cookie e Webstorage Un cookie (letteralmente biscotto) è un pacchetto di informazioni che viene salvato sul computer dell utente. In successive sessioni di collegamento a Internet (normalmente per un periodo

Dettagli

La programmazione web: lato client e lato server

La programmazione web: lato client e lato server La programmazione web: lato client e lato server Parlando di PHP e di altri linguaggi di scripting può capitare di sentir citare le espressioni "lato client" e "lato server": per chi non è esperto della

Dettagli

Progettazione di Sistemi Interattivi. Gli strati e la rete. Struttura e supporti all implementazione di applicazioni in rete (cenni)

Progettazione di Sistemi Interattivi. Gli strati e la rete. Struttura e supporti all implementazione di applicazioni in rete (cenni) Progettazione di Sistemi Interattivi Struttura e supporti all implementazione di applicazioni in rete (cenni) Docente: Daniela Fogli Gli strati e la rete Stratificazione da un altro punto di vista: i calcolatori

Dettagli

Corso di Informatica Modulo T3 B1 Programmazione web

Corso di Informatica Modulo T3 B1 Programmazione web Corso di Informatica Modulo T3 B1 Programmazione web 1 Prerequisiti Architettura client/server Elementi del linguaggio HTML web server SQL server Concetti generali sulle basi di dati 2 1 Introduzione Lo

Dettagli

Programmazione Web. Introduzione

Programmazione Web. Introduzione Programmazione Web Introduzione 2014/2015 1 Un'applicazione Web (I) 2014/2015 Programmazione Web - Introduzione 2 Un'applicazione Web (II) 2014/2015 Programmazione Web - Introduzione 3 Un'applicazione

Dettagli

Esploriamo Javascript! 1 di Ivan Venuti

Esploriamo Javascript! 1 di Ivan Venuti Esploriamo Javascript! 1 di Ivan Venuti L Html è stato pensato (e creato) per presentare contenuti statici che, visualizzati da utenti diversi, diano sempre lo stesso risultato. Per sopperire a questa

Dettagli

Architetture Web I Server Web e gli Standard della Comunicazione

Architetture Web I Server Web e gli Standard della Comunicazione Architetture Web I Server Web e gli Standard della Comunicazione Alessandro Martinelli alessandro.martinelli@unipv.it 27 Marzo 2012 Architetture Architetture Web Protocolli di Comunicazione Il Client Side

Dettagli

Nessuna parte del testo può essere in alcun modo riprodotta senza autorizzazione scritta di Sperling & Kupfer Editori.

Nessuna parte del testo può essere in alcun modo riprodotta senza autorizzazione scritta di Sperling & Kupfer Editori. TITOLO ORIGINALE JavaScript Step by Step, 2E Published with the authorization of Microsoft Corporation by: O Reilly Media, Inc. 1005 Gravenstein Highway North Sebastopol, California 95472 Copyright 2010

Dettagli

Le tecnologie software Internet

Le tecnologie software Internet Università di Bergamo Facoltà di Ingegneria Applicazioni Internet B B2_1 V1.7 Le tecnologie software Internet Standard aperti / Sun Java Il contenuto del documento è liberamente utilizzabile dagli studenti,

Dettagli

Il Web, HTML e Java Corso di Laurea in Ingegneria Informatica Progetto S.C.E.L.T.E.

Il Web, HTML e Java Corso di Laurea in Ingegneria Informatica Progetto S.C.E.L.T.E. Il Web, HTML e Java Corso di Laurea in Ingegneria Informatica Progetto S.C.E.L.T.E. Università di Bologna Facoltà di Ingegneria Bologna, 08/02/2010 Outline Da applicazioni concentrate a distribuite Modello

Dettagli

Le tecnologie software Internet

Le tecnologie software Internet Università di Bergamo Facoltà di Ingegneria Applicazioni Internet B Paolo Salvaneschi B2_1 V1.7 Le tecnologie software Internet Standard aperti / Sun Java Il contenuto del documento è liberamente utilizzabile

Dettagli

Architetture Web I Server Web e gli Standard della Comunicazione

Architetture Web I Server Web e gli Standard della Comunicazione Architetture Web I Server Web e gli Standard della Comunicazione Alessandro Martinelli alessandro.martinelli@unipv.it 1 Aprile 2014 Architetture Web I Server Web e gli Standard della Comunicazione Il Server

Dettagli

AJAX e altre applicazioni di Javascript. Luca Fabbri

AJAX e altre applicazioni di Javascript. Luca Fabbri AJAX e altre applicazioni di Javascript Luca Fabbri 1 Definizione di AJAX? AJAX, acronimo di Asynchronous JavaScript and XML, è una tecnica di sviluppo per creare applicazioni web interattive. 2 Perché

Dettagli

Linguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML

Linguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML Reti Linguaggio HTML 1 HTML = Hypertext Markup Language E il linguaggio usato per descrivere documenti ipertestuali Ipertesto = Testo + elementi di collegamento ad altri testi (link) Linguaggio di markup:

Dettagli

DATABASE IN RETE E PROGRAMMAZIONE LATO SERVER

DATABASE IN RETE E PROGRAMMAZIONE LATO SERVER DATABASE IN RETE E PROGRAMMAZIONE LATO SERVER L architettura CLIENT SERVER è l architettura standard dei sistemi di rete, dove i computer detti SERVER forniscono servizi, e computer detti CLIENT, richiedono

Dettagli

Reverse Engineering di Rich Internet Applications basate su AJAX

Reverse Engineering di Rich Internet Applications basate su AJAX Facoltà di Ingegneria Corso di Studi in Ingegneria Informatica tesi di laurea Reverse Engineering di Rich Internet Applications basate su AJAX Anno Accademico: 2006/2007 relatore Ch.mo prof. Anna Rita

Dettagli

Corso di PHP. Prerequisiti. 6.1 PHP e il web 1. Conoscenza HTML Tecnica della programmazione Principi di programmazione web

Corso di PHP. Prerequisiti. 6.1 PHP e il web 1. Conoscenza HTML Tecnica della programmazione Principi di programmazione web Corso di PHP 6.1 PHP e il web 1 1 Prerequisiti Conoscenza HTML Tecnica della programmazione Principi di programmazione web 2 1 Introduzione In questa Unità illustriamo alcuni strumenti di programmazione

Dettagli

Tecnologie e Programmazione Web

Tecnologie e Programmazione Web Presentazione 1 Tecnologie e Programmazione Web Html, JavaScript e PHP RgLUG Ragusa Linux Users Group SOftware LIbero RAgusa http://www.solira.org - Nunzio Brugaletta (ennebi) - Reti 2 Scopi di una rete

Dettagli

La realizzazione di WebGis con strumenti "Open Source".

La realizzazione di WebGis con strumenti Open Source. La realizzazione di WebGis con strumenti "Open Source". Esempi di impiego di strumenti a sorgente aperto per la realizzazione di un Gis con interfaccia Web Cos'è un Web Gis? Da wikipedia: Sono detti WebGIS

Dettagli

JAVASCRIPT. Tale file è associato alla pagina web mediante il tag