Ajax. Introdotta da Microsoft nel 1998 è stata standardizzata e adottata da tutti i browser moderni.
|
|
- Matteo Fiorini
- 8 anni fa
- Visualizzazioni
Transcript
1 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 del browser verso un server. Introdotta da Microsoft nel 1998 è stata standardizzata e adottata da tutti i browser moderni. Adottata da Google e da altre grandi aziende per l'implementazione di servizi web evoluti (Maps, Earth, Suggest, etc.) altrimenti irrealizzabili, si è largamente diffusa solo dopo il 2005 quando J. J. Garrett ha coniato il termine Ajax nell'articolo
2 L'oggetto XHR Ajax si basa su un oggetto JavaScript (ActiveXObject in IE, XMLHttpRequest, abbreviato XHR, negli altri browser) in grado di fare da intermediario tra browser e server. L'oggetto dispone di una serie di metodi e proprietà che consentono di gestire comunicazioni sincrone/asincrone tra browser e server. I dati restituiti dal server possono essere: dati testuali non formattati dati in formato XML nel caso di dati con struttura complessa.
3 funzionamento Nella figura sono confrontate le comunicazioni browser-server nella modalità classica e nella modalità Ajax. L'oggetto XHR, compreso nell'ajax engine, si occupa di gestire la comunicazione con il server e di tradurre i dati ricevuti in codice HTML
4 Funzionamento - dettagli Di norma, un'interazione Ajax si svolge come segue: 1. Creazione di un oggetto XHR 2. Apertura di una comunicazione verso un server 3. Invio richiesta al server 4. Gestione degli eventi onreadystatechange, controllando le proprietà readystate ( = 4 comunicazione completata) e status ( successo se 200 status <300 ) dell'oggetto XHR. 5. Estrazione, traduzione e valutazione dei dati ricevuti
5 Funzionamento dettagli (2) Il passo (4) della procedura precedente avviene in modo asincrono rispetto al funzionamento del browser poichè si tratta di un evento (il cambiamento del valore di readystate) che dipende dal server. Si spiegano così i diagrammi temporali qui a destra.
6 Formato dati server I dati restituiti dal server possono essere In formato XML: è necessario convertire i dati in HTML; operazione non difficile ma noiosa da programmare In formato testo: può contenere codice HTML, CSS, JavaScript oppure in formato JSON (JavaScript Object Notation), una sintassi JavaScript con cui si denotano gli oggetti. In qualsiasi formato, i dati vanno in genere valutati (elaborati).
7 Formato JSON Sintassi JavaScript per gli oggetti. si elencano le proprietà, separate da virgole, indicando il nome e il valore delle proprietà. I valori di tipo stringa, numerici, booleani, array e funzione si denotano come al solito. Una proprietà può avere valori di tipo oggetto Le date vanno specificate i) con il costruttore Date(), ii)come stringa in formato ISO8601, iii) in millisecondi, come I valori restituiti da Date.getTime() impiegato ={ nome : Mario, cognome: Rossi, matricola:21345, coniugato:true, dataassunzione:new Date(1975,3,12), ufficio:{ denominazione: acquisti, indirizzo: via Roma 52,, elencocodiciprogetti:[3,47, 25], stampa: function(){ alert(this.matricola);
8 Supporto Ajax Molte librerie JavaScript, ad esempio jquery, forniscono delle funzioni per semplificare la programmazione delle comunicazioni Ajax.
9 Caricamento di file remoti con Ajax Consideriamo alcuni semplici esempi tratti dal capitolo 8 del libro di C. Heilmann (il codice è scaricabile dal sito del libro raggiungibile dalla home page del corso) ed è accessibile al link Il primo esempio mostra una pagina con tre link, ciascuno dei quali permette di caricare il contenuto di un file di testo nella parte destra della pagina corrente. Per provare l'esempio, fare click sul link
10 Esempio uso XHR L'applicazione permette di trasferire il testo contenuto in uno dei tre file: perfect_day.txt, great_adventure.txt e friday.txt posti nella stessa cartella dei file examplexhr.html (la pagina contenente i link e il testo caricato) e simplexhr.js (contenente gli script che avviano il trasferimento dei file in modalità Ajax.
11 <ul> </ul> examplexhr.html <li><a href="perfect_day.txt" onclick="return simplexhr.doxhr('txtcontainer1',this.href)"> Perfect Day</a></li> <li><a href="great_adventure.txt" onclick="return simplexhr.doxhr('txtcontainer1',this.href)"> Great Adventure</a></li> <li><a href="friday.txt" onclick="return simplexhr.doxhr('txtcontainer1',this.href)"> Friday I'm in love</a></li> Il file examplexhr.html contiene una lista di tre link. Al click del mouse, si esegue il metodo (funzione) doxhr() che richiede il caricamento all'interno di un <div> di nome txtcontainer1 del file specificato dall'attributo href.
12 simplexhr={ doxhr:function(container,url){ // codice..., retrieved:function(requester){ // codice... simplexhr.js, failed:function(requester){ alert('the XMLHttpRequest failed. Status: '+requester.status); return true; Esaminiamo il file simplexhr.js mettendo in luce le parti di codice coinvolte nelle varie fasi del trasferimento dati. Il codice è scritto usando JSON e definisce un oggetto simplexhr che definisce tre funzioni: doxhr() gestisce la comunicazione con il server, retrieved() inserisce il testo nel documento simplexhr.html e failed() genera un messaggio d'errore in caso di fallimento.
13 Doxhr() -1 doxhr:function(container,url){ if(!document.getelementbyid!document.createtextnode){return; simplexhr.outputcontainer=document.getelementbyid(container); if(!simplexhr.outputcontainer){return; var request; try{ request = new XMLHttpRequest(); catch(error){ try{ request = new ActiveXObject("Microsoft.XMLHTTP"); catch(error){ return true;..., La funzione doxhr() crea un oggetto XMLHttpRequest che è assegnato alla variabile request, distinguendo il caso in cui il browser è IE oppure no.
14 Doxhr() -2 doxhr:function(container,url){. request.open('get',url,true);., Successivamente con il metodo open() dell'oggetto XHR si definiscono le modalità della richiesta al server: Uso del metodo GET o POST L'URL del file Comunicazione asincrona (true) o sincrona (false)
15 Doxhr() -3 doxhr:function(container,url){... request.onreadystatechange=function(){ if(request.readystate == 1){ simplexhr.outputcontainer.innerhtml='loading...'; if(request.readystate == 4){ if (request.status && / /.test(request.status)) { simplexhr.retrieved(request); else{ simplexhr.failed(request);..., Si imposta il gestore dell'evento onreadystatechange che esegue la funzione assegnatagli quando il valore della proprietà readystate dell'oggetto request cambia valore (può assumere valori interi tra 0 e 4) La funzione controlla solo due valori, 1 e 4, che corrispondono alle situazioni di comunicazione in corso e comunicazione completata Nel primo caso si scrive nel <div> che conterrà il testo la frase loading Nel secondo caso, si verifica che la comunicazione sia andata a buon fine controllando il valore della proprietà status di request. In caso positivo si invoca la funzione retrieved() che carica il testo ricevuto nel <div>, altrimenti si invoca la funzione failed() che genera un messaggio d'errore
16 Doxhr() -4 doxhr:function(container,url){... request.setrequestheader('if-modified-since','wed, 05 Apr :00:00 GMT'); request.send(null); return false;, Il metodo setrequestheader() cambia l'intestazione della richiesta verso il server, ponendo una data precedente a quella attuale, per evitare il malfunzionamento di alcuni browser che non aggiornano correttamente la variabile status. Il metodo send() invia la richiesta del browser al server e return false evita che sia eseguito il comportamento predefinito del link che è stato cliccato.
17 retrieved() retrieved:function(requester){ var data=requester.responsetext; data=data.replace(/\n/g,'<br />'); simplexhr.outputcontainer.innerhtml=data; return false;, Il metodo retrieved() legge la proprietà responsetext dell'oggetto requester e ne assegna il valore (una stringa di testo) alla variabile data a cui si applica la funzione replace() che converte i ritorni a capo (\n) in tag <br>. Infine la stringa è inserita nel tag <div>, individuato dalla proprietà outputcontainer.
18 Ricezione di dati in formato XML e JSON Dell'esempio appena visto esistono altre versioni che differiscono per il formato dei dati ricevuti: Per quanto riguarda il codice, cambia solo quello della funzione retrieved(), che deve compiere: la traduzione di codice XML in HTML la valutazione di codice JavaScript in notazione JSON o in notazione standard
19 Un altro esempio L'oggetto XHR ha una limitazione (imposta per motivi di sicurezza) : non può inoltrare richieste ad altri server oltre a quello con cui è connesso. Però può richiedere l'esecuzione di uno script (sullo stesso server) che compia in sua vece l'accesso a un secondo server. L'esempio che ora vedremo recupera i titoli delle ultime notizie in formato RSS dal sito di Yahoo.
20 Recupero feed RSS L'applicazione si compone dei seguenti file: exampleexternalrss.html: interfaccia con l'utente, contiene un link che, se premuto, avvia la richiesta delle news externalrss.css: foglio di stile externalrss.js: contiene le funzioni per la gestione della comunicazione Ajax con il server loadrss.phps: script PHP lato server che riceve la richiesta di recuperare le news di Yahoo e le restituisce all'oggetto XHR
21 exampleexternalrss.html <p><a href=" onclick="return readrss.doxhr('newscontainer',this.href)">get Yahoo news</a></p> <div id="newscontainer"></div> Come negli esempi precedenti, il click del link attiva l'esecuzione della funzione doxhr() che stabilisce una connessione con il server
22 externalrss.js readrss={ doxhr:function(container,url){... request.open('get','loadrss.php?url='+encodeuri(url)); request.setrequestheader('if-modified-since','wed, 05 Apr :00:00 GMT'); request.send(null); return false;, Il metodo doxhr() funziona come in precedenza. Si noti che la funzione open() dell'oggetto request ha come secondo parametro l'url dello script PHP
23 retrieved:function(requester){ externalrss.js -2 readrss.outputcontainer.innerhtml=''; var data=requester.responsexml; if(data.getelementsbytagname('error').length>0){ var error=data.getelementsbytagname('error')[0].firstchild.nodevalue; readrss.outputcontainer.innerhtml='<p>'+error+'</p>' else {... Il metodo retrieved() legge I dati XML dalla proprietà responsexml assegnandoli alla variabile data; poi verifica se si è manifestato un errore e, in tal caso, lo segnala inserendo un paragrafo di testo nel <div> che deve contenere le news.
24 retrieved:function(requester){ externalrss.js -3,... else { var items=data.getelementsbytagname('item'); var end=items.length; if(end<1){return;... Se la connessione ha avuto buon fine si leggono i tag <item> (che corrispondono alle news) e si memorizzano in un array di nome items.
25 retrieved:function(requester){, externalrss.js else {... var item,feedlink,name,description,content=''; for(var i=0;i<5;i++){ feedlink=items[i].getelementsbytagname('link').item(0).firstchild.nodevalue; name=items[i].getelementsbytagname('title').item(0).firstchild.nodevalue; item='<li><a href="'+feedlink+'">'+name+'</a></li>' content+=item; readrss.outputcontainer.innerhtml='<ul>'+content+'</ul>'; return false; Il ciclo for scandisce l'array items dei titoli, decodifica il codice XML e appende il codice prodotto alla stringa content, il cui risultato è inserito nel <div>, acceduto tramite la proprietà outputcontainer.
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
DettagliEsercizi 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
DettagliAJAX. 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
DettagliChe cos'è un modulo? pulsanti di opzione caselle di controllo caselle di riepilogo
Creazione di moduli Creazione di moduli Che cos'è un modulo? Un elenco di domande accompagnato da aree in cui è possibile scrivere le risposte, selezionare opzioni. Il modulo di un sito Web viene utilizzato
DettagliObiettivi d esame PHP Developer Fundamentals on MySQL Environment
Obiettivi d esame PHP Developer Fundamentals on MySQL Environment 1.0 Ambiente di sviluppo 1.1 Web server e database MySQL Comprendere la definizione dei processi che si occupano di fornire i servizi web
DettagliSito web parrocchiale: STRUMENTI E PROGRAMMI
Sito web parrocchiale: STRUMENTI E PROGRAMMI tratteremo di... DIOCESI DI BRESCIA Linguaggi HTML,CSS Siti STATICI Siti DINAMICI e codice PHP CMS JOOMLA! Linguaggio HTML HTML: è il linguaggio con cui potete
DettagliAjax è 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
DettagliI MODULI Q.A.T. PANORAMICA. La soluzione modulare di gestione del Sistema Qualità Aziendale
La soluzione modulare di gestione del Sistema Qualità Aziendale I MODULI Q.A.T. - Gestione clienti / fornitori - Gestione strumenti di misura - Gestione verifiche ispettive - Gestione documentazione del
DettagliClient - Server. Client Web: il BROWSER
Client - Server Client Web: il BROWSER Il client Web è un applicazione software che svolge il ruolo di interfaccia fra l utente ed il WWW, mascherando la complessità di Internet. Funzioni principali Inviare
DettagliProgetto ittorario Anno scol. 2013-2014
PROGETTO ittorario Scopo: Creazione di una pagina web che mostri l orario di un docente, della classe della materia o dell aula a discrezione dell utente. Sviluppatori: Progetto sviluppato dalla classe
DettagliScrivere uno script php che, dato un array associativo PERSONE le cui chiavi sono i
Esercizi PHP 1. Scrivere uno script PHP che produca in output: 1. La tabellina del 5 2. La tavola Pitagorica contenuta in una tabella 3. La tabellina di un numero ricevuto in input tramite un modulo. Lo
DettagliManuale Utente Albo Pretorio GA
Manuale Utente Albo Pretorio GA IDENTIFICATIVO DOCUMENTO MU_ALBOPRETORIO-GA_1.4 Versione 1.4 Data edizione 04.04.2013 1 TABELLA DELLE VERSIONI Versione Data Paragrafo Descrizione delle modifiche apportate
DettagliMANUALE MOODLE STUDENTI. Accesso al Materiale Didattico
MANUALE MOODLE STUDENTI Accesso al Materiale Didattico 1 INDICE 1. INTRODUZIONE ALLA PIATTAFORMA MOODLE... 3 1.1. Corso Moodle... 4 2. ACCESSO ALLA PIATTAFORMA... 7 2.1. Accesso diretto alla piattaforma...
DettagliAJAX 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é
DettagliEsempio di esecuzione di una pagina JSP: Il client chiede la pagina: http:// sdfonline.unimc.it/info/modulo.jsp;
JAVA SERVER PAGES Una pagina JSP (Java Server Pages), richiesta da un utente (client), viene eseguita dal server web nella propria memoria; generalmente il prodotto dell elaborazione è una pagina html
DettagliPHP e MySQL. Guida scaricata da www.webstyling.it
Home -> Manuali & Tutorials -> Guida PHP PHP e MySQL E' possibile realizzare delle applicazioni in php appoggiandosi ad un database, quale ad esempio MySQL. Con le novità introdotte ai tempi di MySQL 4.1
DettagliCorso Analista Programmatore Web PHP Corso Online Analista Programmatore Web PHP
Corso Analista Programmatore Web PHP Corso Online Analista Programmatore Web PHP Accademia Futuro info@accademiafuturo.it Programma Generale del Corso Analista Programmatore Web PHP Tematiche Trattate
DettagliMANUALE UTENTE Profilo Azienda Partecipata. APPLICATIVO CAFWeb
MANUALE UTENTE Profilo Azienda Partecipata APPLICATIVO CAFWeb CAF_ManualeUtente_Partecipate_2.0.doc Pag. 1 di 17 Sommario 1 GENERALITÀ... 3 1.1 Scopo... 3 1.2 Validità... 3 1.3 Riferimenti... 3 1.4 Definizioni
DettagliACCESSO AL SISTEMA HELIOS...
Manuale Utente (Gestione Formazione) Versione 2.0.2 SOMMARIO 1. PREMESSA... 3 2. ACCESSO AL SISTEMA HELIOS... 4 2.1. Pagina Iniziale... 6 3. CARICAMENTO ORE FORMAZIONE GENERALE... 9 3.1. RECUPERO MODELLO
DettagliProtocolli applicativi: FTP
Protocolli applicativi: FTP FTP: File Transfer Protocol. Implementa un meccanismo per il trasferimento di file tra due host. Prevede l accesso interattivo al file system remoto; Prevede un autenticazione
DettagliEsercitazione n. 10: HTML e primo sito web
+ Strumenti digitali per la comunicazione A.A 0/4 Esercitazione n. 0: HTML e primo sito web Scopo: Creare un semplice sito web con Kompozer. Il sito web è composto da una home page, e da altre due pagine
DettagliIstruzioni per l installazione del software per gli esami ICoNExam (Aggiornate al 15/01/2014)
Istruzioni per l installazione del software per gli esami ICoNExam (Aggiornate al 15/01/2014) Il software per gli esami ICON può essere eseguito su qualunque computer dotato di Java Virtual Machine aggiornata.
DettagliCorso 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
DettagliConsiglio regionale della Toscana. Regole per il corretto funzionamento della posta elettronica
Consiglio regionale della Toscana Regole per il corretto funzionamento della posta elettronica A cura dell Ufficio Informatica Maggio 2006 Indice 1. Regole di utilizzo della posta elettronica... 3 2. Controllo
DettagliProgettazione Web Applicazioni client-server
Progettazione Web Applicazioni client-server Sviluppo di un'applicazione Web integrando: HTML MySQL PHP Apache Applicativi utilizzabili: gestione database: JDER, MySQL Workbench, HeidiSQL (Win), DBeaver
DettagliGuida alla procedura di inserimento materiale didattico sui minisiti degli insegnamenti
Guida alla procedura di inserimento materiale didattico sui minisiti degli insegnamenti Inserimento materiale Rendere il materiale accessibile tramite inserimento di user e password (autenticazione) Impostazioni
DettagliCorso basi di dati Installazione e gestione di PWS
Corso basi di dati Installazione e gestione di PWS Gianluca Di Tomassi Email: ditomass@dia.uniroma3.it Università di Roma Tre Cosa è PWS? Il Personal Web Server altro non è che una versione ridotta del
DettagliAGENDA APPUNTAMENTI INAIL
AGENDA APPUNTAMENTI INAIL Agenda Appuntamenti Sedi" è un servizio rilasciato dall INAIL per la prenotazione di appuntamenti, da parte di datori di lavoro, infortunati ed intermediari, con funzionari delle
DettagliCome funziona il WWW. Architettura client-server. Web: client-server. Il protocollo
Come funziona il WWW Il funzionamento del World Wide Web non differisce molto da quello delle altre applicazioni Internet Anche in questo caso il sistema si basa su una interazione tra un computer client
DettagliImporterONE Export Plugin Magento
ImporterONE Export Plugin Magento Indice generale 1 INTRODUZIONE...2 2 INSTALLAZIONE DEL PLUGIN...2 3 CONFIGURAZIONE...4 4 OPERAZIONI PRELIMINARI...11 1-10 1 INTRODUZIONE Questo plugin di esportazione
DettagliAJAX. Asynchronous JavaScript and XML
AJAX Asynchronous JavaScript and XML AJAX Lo sviluppo di applicazioni HTML con AJAX si basa su uno scambio di dati in background fra web browser e server, che consente l'aggiornamento dinamico di una pagina
DettagliChe differenza c è tra una richiesta XML ed una domanda XML? (pag. 4)
FAQ INVIO DOMANDE CIGO CON FLUSSO XML Cosa serve per inviare una domanda CIGO con il flusso XML? (pag. 2) Come si prepara una domanda in formato XML? (pag. 3) Che differenza c è tra una richiesta XML ed
Dettagli12 - Introduzione alla Programmazione Orientata agli Oggetti (Object Oriented Programming OOP)
12 - Introduzione alla Programmazione Orientata agli Oggetti (Object Oriented Programming OOP) Programmazione e analisi di dati Modulo A: Programmazione in Java Paolo Milazzo Dipartimento di Informatica,
DettagliHTML. Usare il seguente HTML per i primi tre esercizi (che, si noti, al momento restituisce un errore JavaScript):
HTML Usare il seguente HTML per i primi tre esercizi (che, si noti, al momento restituisce un errore JavaScript): prove Javascript
Dettagli11/02/2015 MANUALE DI INSTALLAZIONE DELL APPLICAZIONE DESKTOP TELEMATICO VERSIONE 1.0
11/02/2015 MANUALE DI INSTALLAZIONE DELL APPLICAZIONE DESKTOP TELEMATICO VERSIONE 1.0 PAG. 2 DI 38 INDICE 1. PREMESSA 3 2. SCARICO DEL SOFTWARE 4 2.1 AMBIENTE WINDOWS 5 2.2 AMBIENTE MACINTOSH 6 2.3 AMBIENTE
DettagliGRUPPO CAMBIELLI. Posta elettronica (Webmail) Consigli di utilizzo
GRUPPO CAMBIELLI Posta elettronica (Webmail) Consigli di utilizzo Questo sintetico manuale ha lo scopo di chiarire alcuni aspetti basilari per l uso della posta elettronica del gruppo Cambielli. Introduzione
DettagliTabelle di riferimento Pulsanti Inserire documento Predisposizione doc Approvazione Doc Numerazione Doc Pubblicazione Albo Webservice
- Albo pretorio virtuale e gestione della consultazione documentale - Argomenti Tabelle di riferimento Pulsanti Inserire documento Predisposizione doc Approvazione Doc Numerazione Doc Pubblicazione Albo
DettagliManuale per l utilizzo dell applicazione Client per il controllo remoto di apparecchiature da laboratorio
Manuale per l utilizzo dell applicazione Client per il controllo remoto di apparecchiature da laboratorio Dopo il collegamento alla Home Page del laboratorio di teledidattica è possibile scaricare il file
DettagliM.U.T. Modulo Unico Telematico
Via Alessandria, 215 Roma tel: 06/852614 fax: 06/85261500 e-mail: info@cnce.it M.U.T. Modulo Unico Telematico http://mut.cnce.it Installazione certificato digitale su Windows Indice dei contenuti NOTE
DettagliCapitolo 4 Pianificazione e Sviluppo di Web Part
Capitolo 4 Pianificazione e Sviluppo di Web Part Questo capitolo mostra come usare Microsoft Office XP Developer per personalizzare Microsoft SharePoint Portal Server 2001. Spiega come creare, aggiungere,
DettagliPOSTECERT POSTEMAIL CERTIFICATA GUIDA ALL USO DELLA WEBMAIL
POSTECERT POSTEMAIL CERTIFICATA GUIDA ALL USO DELLA WEBMAIL Sommario Pagina di accesso... 3 Posta in arrivo... 4 Area Posta... 5 Area Contatti... 8 Area Opzioni... 10 Area Cartelle... 13 La Postemail Certificata
DettagliSiti 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
DettagliRealizzazione siti web. Protocolli Internet
Realizzazione siti web Protocolli Internet Argomenti del primo incontro Il concetto di I protocolli di Internet (in particolare ftp e http) Spazio pubblico e privato nel sito dell ITIS Memorizzazione di
DettagliSWISSCAST. Descrizione della modalità di esportazione di documenti in pagine HTML
SWISSCAST Descrizione della modalità di esportazione di documenti in pagine HTML Versione 1.2 del 22 dicembre 2009 1 Scopo del documento Questo documento descrive come esportare documenti pubblicati sul
DettagliIl Web Server e il protocollo HTTP
Corso PHP Parte 2 Il Web Server e il protocollo HTTP E un programma sempre attivo che ascolta su una porta le richieste HTTP. All arrivo di una richiesta la esegue e restituisce il risultato al browser,
DettagliIntroduzione ad AJAX
Introduzione ad AJAX Asynchronous Javascript And XML (PWLS 6.9, 6.10) Complementi di Tecnologie Web A.A. 2011-2012 M.Franceschet, V.Della Mea e I.Scagnetto - 1 Limitazioni delle applicazioni web tradizionali
DettagliSendMedMalattia v. 1.0. Manuale d uso
2 SendMedMalattia v. 1.0 Pagina 1 di 25 I n d i c e 1) Introduzione...3 2) Installazione...4 3) Prima dell avvio di SendMedMalattia...9 4) Primo Avvio: Inserimento dei dati del Medico di famiglia...11
DettagliPROGRAMMA SVOLTO DI INFORMATICA ANNO SCOLASTICO 2013/2014. DOCENTE: Villani Chiara
LICEO SCIENTIFICO STATALE "FILIPPO LUSSANA" V i a A n g e l o Ma j, 1 2 4 1 2 1 B E R G A M O 035 237502 Fax: 035 236331 Sito e contatti: www.liceolussana.com Codice fiscale: 80026450165 PROGRAMMA SVOLTO
DettagliLA GESTIONE DELLE VISITE CLIENTI VIA WEB
LA GESTIONE DELLE VISITE CLIENTI VIA WEB L applicazione realizzata ha lo scopo di consentire agli agenti l inserimento via web dei dati relativi alle visite effettuate alla clientela. I requisiti informatici
DettagliTRASMISSIONE REPORTISTICA MENSILE. WEB SERVICE Descrizione procedura
TRASMISSIONE REPORTISTICA MENSILE Indice 1. DESCRIZIONE... 3 2. METODI... 4 3. IL FILE XML... 6 3.1 Descrizione contenuti del file... 7 4. COME IMMETTERE I DATI SE NON CI SONO STATE VALUTAZIONI... 12 5.
DettagliLaboratorio di Alfabetizzazione Informatica - Esame 20 settembre 2013.
Laboratorio di Alfabetizzazione Informatica - Esame 20 settembre 2013. Questo documento contiene le istruzioni per lo svolgimento dell esame. La durata della prova è 60 minuti e richiede lo svolgimento
DettagliInitZero s.r.l. Via P. Calamandrei, 24-52100 Arezzo email: info@initzero.it
izticket Il programma izticket permette la gestione delle chiamate di intervento tecnico. E un applicazione web, basata su un potente application server java, testata con i più diffusi browser (quali Firefox,
Dettaglisito 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
DettagliSPORTELLO UNICO DELLE ATTIVITÀ PRODUTTIVE MANUALE OPERATIVO FUNZIONI DI PAGAMENTO ONLINE. Versione 05
SPORTELLO UNICO DELLE ATTIVITÀ PRODUTTIVE MANUALE OPERATIVO FUNZIONI DI PAGAMENTO ONLINE Versione 05 Novembre 2015 1 Sommario Generalità... 3 Pagare con ICONTO... 7 Pagare con carta di credito... 10 Pagare
DettagliSistema di gestione Certificato MANUALE PER L'UTENTE
Sistema di gestione Certificato MANUALE PER L'UTENTE Pagina 1 di 16 Indice 1 Introduzione...3 2 Genera certificato...4 3 Sospendi certificato...10 4 Riattiva certificato...12 5 Revoca certificato...14
DettagliManuale elettronico Gestione progetti
Manuale elettronico Gestione progetti Versione: 1.0 Nome: IT_Gestione_progetti_V1.PDF Argomenti: 1 Gestione progetti...2 1.1 Crea o elabora progetto...2 1.2 Anteprima progetto...3 1.2.1 Elabora / modifica
Dettagliper scrivere un articolo da prima pagina! per inviare una newsletter Come si crea Comunicazione Anfaa Edizione 4a.2013
per scrivere un articolo da prima pagina! Quando si vuole inserire un articolo che compaia nel riquadro Ultime notizie della home page, si deve impostare la categoria Ultime notizie, in aggiunta a quella
DettagliRichiesta pagina PHP (es: index.php)
PHP PHP = personal home page SERVER Richiesta pagina PHP (es: index.php) Server Web (Apache) in ascolto sulla porta 80, si accorge che la pagina richiesta è una pagina PHP in base all'estensione o con
DettagliIndice. I livelli di Autorizzazione in Sharepoint. Livelli di autorizzazione predefiniti di Windows SharePoint Services 3.0
Indice I livelli di Autorizzazione in Sharepoint... 1 Livelli di autorizzazione predefiniti di Windows SharePoint Services 3.0... 1 Autorizzazioni per elenco... 2 Autorizzazioni per sito... 3 Autorizzazioni
DettagliManuale Utente MyFastPage
Manuale MyFastPage Utente Elenco dei contenuti 1. Cosa è MyVoice Home?... 4 1.1. Introduzione... 5 2. Utilizzo del servizio... 6 2.1. Accesso... 6 2.2. Disconnessione... 7 2.3. Configurazione base Profilo
DettagliRiccardo Dutto, Paolo Garza Politecnico di Torino. Riccardo Dutto, Paolo Garza Politecnico di Torino
Integration Services Project SQL Server 2005 Integration Services Permette di gestire tutti i processi di ETL Basato sui progetti di Business Intelligence di tipo Integration services Project SQL Server
DettagliLa prima operazione da fare è di registrarsi nel sito di Altervista al seguente indirizzo: http://it.altervista.org/registrazione.
Configurazione di Museo & Web CMS per altervista.org Si da per scontato che siate già in possesso del pacchetto Museo & Web CMS v1.4.0 (build 233 beta) scompattato in una qualsiasi cartella del vostro
DettagliDOCUMENTAZIONE POISSON
DOCUMENTAZIONE POISSON INDICE: 1. Primo approccio all'interfaccia 2. Distribuzione dei dati 3. Effettuare una elaborazione e una lettura dell'elaborazione 4. Sistema di aggiornamenti 5. Assistenza 6. Acquisto
DettagliCos è la FatturaPA. Come creare una fattura elettronica con Fattura Facile (creazione del file XML)
Cos è la FatturaPA La FatturaPA è una fattura elettronica ai sensi dell'articolo 21, comma 1, del DPR 633/72 ed è la sola tipologia di fattura accettata dalle Amministrazioni che, secondo le disposizioni
DettagliMon Ami 3000 MACommerce La soluzione per il commercio elettronico totalmente integrata con Mon Ami 3000
Mon Ami 000 MACommerce La soluzione per il commercio elettronico totalmente integrata con Mon Ami 000 Prerequisiti La soluzione MACommerce si integra totalmente con le versioni Azienda Light e Azienda
Dettagli2015 PERIODO D IMPOSTA
Manuale operativo per l installazione dell aggiornamento e per la compilazione della Certificazione Unica 2015 PERIODO D IMPOSTA 2014 società del gruppo Collegarsi al sito www.bitsrl.com 1. Cliccare sul
DettagliMANUALE D USO DELLA PIATTAFORMA ITCMS
MANUALE D USO DELLA PIATTAFORMA ITCMS MANULE D USO INDICE 1. INTRODUZIONE... 2 2. ACCEDERE ALLA GESTIONE DEI CONTENUTI... 3 3. GESTIONE DEI CONTENUTI DI TIPO TESTUALE... 4 3.1 Editor... 4 3.2 Import di
DettagliLinguaggio 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:
DettagliTHAIREPORT. Cordialmente. Matelica, lì 19/12/2007. Halley Informatica Area Web
THAIREPORT OGGETTO: aggiornamento della procedura HE - THAIREPORT dalla versione 00.00.90 alla versione 01.02.00 dalla versione 01.01.01 alla versione 01.02.00 Nell inviarvi quanto in oggetto Vi ricordiamo
DettagliManuale Utente PEC e Client di Posta tradizionale
1. Manuale di configurazione per l utilizzo della Casella di Posta Certificata PEC tramite il client di posta tradizionale. Per poter accedere alla propria casella mail di Posta Elettronica Certificata
DettagliAJAX. Riccardo Rosati
AJAX Riccardo Rosati Linguaggi e tecnologie per il Web Corso di laurea in Ingegneria informatica e automatica Sapienza Università di Roma a.a. 2016/2017 http://www.dis.uniroma1.it/~rosati/lw/ AJAX AJAX
DettagliGuida all utilizzo della Piattaforma per la staffetta di Scrittura Creativa 2015-16. Manuale pratico per docenti e tutor
Guida all utilizzo della Piattaforma per la staffetta di Scrittura Creativa 2015-16 Manuale pratico per docenti e tutor Sommario Sommario Primo utilizzo... 3 Ricezione della mail con il nome utente e creazione
DettagliPORTALE CLIENTI Manuale utente
PORTALE CLIENTI Manuale utente Sommario 1. Accesso al portale 2. Home Page e login 3. Area riservata 4. Pagina dettaglio procedura 5. Pagina dettaglio programma 6. Installazione dei programmi Sistema operativo
DettagliSU Suap. IS357_03_01 Lettera aggiornamento SUAP vers. 02.00.00. Pagina 1 di 10
SU Suap OGGETTO: aggiornamento della procedura Suap dalla versione 01.03.01 alla versione 02.00.00 Nell inviarvi quanto in oggetto Vi ricordiamo che gli aggiornamenti vanno effettuati tempestivamente e
DettagliInstallazione di Moodle. Preparato per: Gruppo A, Piattaforma di E - Learning Preparato da: Cinzia Compagnone, Vittorio Saettone
Installazione di Moodle Preparato per: Gruppo A, Piattaforma di E - Learning Preparato da: Cinzia Compagnone, Vittorio Saettone 21 maggio 2006 Installazione di Moodle Come installare Moodle: Questa guida
DettagliCorso Online Analista Programmatore Microsoft
Corso Online Analista Programmatore Microsoft We Train Italy info@wetrainitaly.it Programma Generale del Corso Analista Programmatore Microsoft Tematiche di Base Modulo Uno Le basi della programmazione
DettagliWORD (livello avanzato): Struttura di un Documento Complesso. Struttura di un Documento Complesso
Parte 5 Adv WORD (livello avanzato): Struttura di un Documento Complesso 1 di 30 Struttura di un Documento Complesso La realizzazione di un libro, di un documento tecnico o scientifico complesso, presenta
DettagliImporterOne Manuale Export Plugin Prestashop
ImporterOne Manuale Export Plugin Prestashop Indice generale 1 INTRODUZIONE...2 2 INSTALLAZIONE DEL PLUGIN...2 3 CONFIGURAZIONE...5 4 OPERAZIONI PRELIMINARI...11 1-10 1 INTRODUZIONE Questo plugin di esportazione
DettagliManuale di Conservazione. Versione 2015.10
Manuale di Conservazione Versione 2015.10 NewS Fattura PA - Indice Generale 1. Premessa...3 1.1 Fattura Elettronica...3 1.2 Riferimenti Normativi...3 1.2.1 Disposizioni riguardanti la conservazione delle
DettagliMANUALE USO CRUI - OPERATORE -
MANUALE USO CRUI - OPERATORE - 1. INTRODUZIONE. Il presente documento è rivolto a personale delle UNIVERSITA con qualifica di OPERATORE (come descritto al seguente paragrafo) ed è volto a descrivere le
DettagliProgetto SOLE Sanità OnLinE
Progetto SOLE Sanità OnLinE Rete integrata ospedale-territorio nelle Aziende Sanitarie della Regione Emilia-Romagna: I medici di famiglia e gli specialisti Online (DGR 1686/2002) console - Manuale utente
DettagliUniversità degli Studi di Padova Corso di Laurea in Informatica
Cognome e Nome Matricola Università degli Studi di Padova Corso di Laurea in Informatica Corso di Tecnologie Web Prova scritta del 24/03/2006 Importante: Scrivere il proprio Cognome, Nome e numero di matricola
DettagliUn framework a supporto della sperimentazione di tecniche euristiche. per l ottimizzazione di pagine Web per Screen Readers
tesi di laurea Un framework a supporto della sperimentazione di tecniche euristiche Anno Accademico 2007/2008 relatore Ch.mo prof. Porfirio Tramontana relatore Ch.mo prof. Porfirio Tramontana candidato
DettagliAccise Settore Prodotti Alcolici Manuale d uso
Olitech Informatica Telematico Accise Accise Settore Prodotti Alcolici Manuale d uso Versione del manuale: 26-01-2010 1 Indice Accise Settore Prodotti Alcolici Manuale d uso... 1 Indice... 2 Funzionalità
DettagliShellExcel. Una domanda contiene i riferimenti (#A, #B, #C) alle celle che contengono i dati numerici del
Progetto Software to Fit - ShellExcel Pagina 1 Manuale d'uso ShellExcel ShellExcel è una interfaccia per disabili che permette ad un alunno con difficoltà di apprendimento di esercitarsi ripetitivamente
DettagliGUIDA UTENTE MONEY TRANSFER MANAGER
GUIDA UTENTE MONEY TRANSFER MANAGER (vers. 1.0.2) GUIDA UTENTE MONEY TRANSFER MANAGER (vers. 1.0.2)... 1 Installazione... 2 Prima esecuzione... 5 Login... 7 Funzionalità... 8 Anagrafica... 9 Registrazione
DettagliInstallazione di GFI WebMonitor
Installazione di GFI WebMonitor Requisiti di sistema di GFI WebMonitor Server Microsoft Windows 2000 (SP 3) o 2003. Microsoft ISA 2000 Server (non in modalità solo firewall) OPPURE Server Microsoft ISA
DettagliGUIDA TECNICA ALLA RENDICONTAZIONE SU SIRIO
GUIDA TECNICA ALLA RENDICONTAZIONE SU SIRIO Guida per il compilatore Versione 1.0 Sommario 1 Rendicontazione... 2 1.1 Da cosa è costituita la rendicontazione... 2 1.2 Dove reperire i modelli e come compilarli...
DettagliServizio Telematico Paghe
Servizio Telematico Paghe GUIDA ALL USO DELLE PAGINE DI AMMINISTRAZIONE DEL SERVIZIO PAGHE.NET Software prodotto da Nuova Informatica srl 1 SOMMARIO SOMMARIO...2 INTRODUZIONE...3 FLUSSO DELLE INFORMAZIONI...3
DettagliRealizzare 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à
DettagliLa prima applicazione Java. Creazione di oggetti - 1. La prima applicazione Java: schema di esecuzione. Gianpaolo Cugola - Sistemi Informativi in Rete
La prima applicazione Java Programma MyFirstApplication Il programma visualizza una finestra vuota sullo schermo. Importo il package delle classi usate nel seguito. Dichiaro la classe MyFirstApplication
DettagliDexma Newsletter System
Dexma Newsletter System Quick Reference Indice Indice... 2 1 Introduzione a Postletter... 3 2 Richiesta di un account Demo... 3 3 Liste di invio... 5 3.1 Creazione di una lista... 5 3.2 Andare alla lista
Dettagli@ITCSPRIMOLEVIBOLLATE.IT il manuale!
@ITCSPRIMOLEVIBOLLATE.IT il manuale! Sommario @ITCSPRIMOLEVIBOLLATE.IT IL MANUALE!...1 1. PRIMO ACCESSO...1 2. MODIFICARE LA PASSWORD...3 3. LEGGERE LA POSTA...4 4. CONFIGURARE IL PROPRIO CLIENT DI POSTA
DettagliSPORTELLO UNICO DELLE ATTIVITÀ PRODUTTIVE MANUALE OPERATIVO FUNZIONI DI SCRIVANIA PER GLI UFFICI SUAP
InfoCamere Società Consortile di Informatica delle Camere di Commercio Italiane per azioni SPORTELLO UNICO DELLE ATTIVITÀ PRODUTTIVE MANUALE OPERATIVO FUNZIONI DI SCRIVANIA PER GLI UFFICI SUAP versione
DettagliCalcolare il massimo di una lista
Calcolare il massimo di una lista Ieri abbiamo imparato a calcolare il massimo di una lista predefinita: lista = [4,24,-89,81,3,0,-12,31] max = lista[0] # questo e' un commento: primo elemento di lista
DettagliAJAX. Riccardo Rosati
AJAX Riccardo Rosati Linguaggi e tecnologie per il Web Corso di laurea in Ingegneria informatica e automatica Sapienza Università di Roma a.a. 2017/2018 http://www.dis.uniroma1.it/~rosati/lw/ AJAX AJAX
DettagliVisual basic base Lezione 01. L'ambiente di sviluppo
L'ambiente di sviluppo L'ambiente di sviluppo Visual basic è un linguaggio di programmazione Microsoft. In questo corso prenderemo in considerazione, l'ultima versione. net di questo linguaggio. Microsoft
DettagliFPf per Windows 3.1. Guida all uso
FPf per Windows 3.1 Guida all uso 3 Configurazione di una rete locale Versione 1.0 del 18/05/2004 Guida 03 ver 02.doc Pagina 1 Scenario di riferimento In figura è mostrata una possibile soluzione di rete
DettagliSCARICO DATI ONETOUCH Verio per EuroTouch Home GUIDA ALL USO
SCARICO DATI ONETOUCH Verio per EuroTouch Home GUIDA ALL USO Sommario Installazione dell applicazione... 3 L applicazione... 4 Requisiti... 4 Avvio dell applicazione... 4 Connessione al Database di EuroTouch
Dettagli