La tecnica AJAX. Progettazione di Sistemi Interattivi. Implementazione di sistemi interattivi web-based (seconda parte) Esempio: Google Maps
|
|
- Ottaviano Visconti
- 8 anni fa
- Visualizzazioni
Transcript
1 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) per sviluppare applicazioni web interattive e dinamiche usando una combinazione di: HTML (o XHTML) e CSS: per presentazione DOM: per accedere agli elementi della pagina e gestire l interazione sul client XML per lo scambio e la manipolazione dei dati Javascript (ECMAScript): per manipolare il DOM localmente Oggetto XMLHttpRequest: per leggere/spedire dati dal/al server in maniera asincrona 2 Esempio: Google Maps Esempio: Protopage ( 3 4
2 Perché AJAX? Interazione client-server: classico Per avere applicazioni dinamiche, flessibili e risparmiare risorse Si sfrutta la potenza dei client, piuttosto che quella del server e della rete Come DHTML, ma AJAX può selettivamente modificare una parte della pagina mostrata dal browser, e aggiornarla senza bisogno di ricaricare tutta la pagina AJAX come tecnica per implementare RIA, in alternativa a Flash e Applet Java: Nessuna necessità di plug-in Facilità di integrazione con altre tecnologie W3C (es. SVG) Nessuna dipendenza da un vendor 5 Le azioni dell utente attivano richieste HTTP al server web Le risposte arrivano come nuova pagina Mentre il server sta processando la richiesta l utente deve attendere Quando la risposta arriva avviene un refresh dell intera pagina 6 Interazione client-server AJAX-based Invece di caricare una pagina web, all inizio il browser carica un AJAX engine AJAX engine: insieme di funzioni javascript responsabile del rendering e della comunicazione con il server Le risposte arrivano solitamente come documenti XML, processati dall AJAX engine, il quale provvede a manipolare il DOM e quindi a modificare la pagina 7 Sincronismo vs. asincronismo nelle richieste/risposte 8
3 Oggetto XMLHttpRequest Permette di effettuare richieste (asincrone) di una risorsa con protocollo HTTP al server web in modo indipendente dal browser Def. W3C: the XHMHttpRequest object implements an interface exposed by a scripting engine that allows scripts to perform HTTP client functionality, such as submitting form data or loading data from a server. It is the ECMAScript HTTP API Gestisce il trasporto dati in formato XML ma anche in altri formati (e.g. testo semplice, formato JSON, ) Fare una richiesta HTTP al server Per fare una richiesta HTTP al server usando Javascript si deve creare un istanza di XMLHttpRequest, oggetto che fornisce tale funzionalità var XHR = new XMLHttpRequest(); XMLHttpRequest è stato originariamente introdotto in MS IE come oggetto ActiveX (chiamato XMLHTTP) Mozilla, Safari, Opera, IE 7, IE 8 e altri browser implementano direttamente l oggetto XMLHttpRequest 9 10 Instanziazione dell oggetto XMLHttpRequest var XHR = null; // istanziazione dell oggetto XHR distinguendo fra i tipi di // browser if(window.xmlhttprequest) XHR = new XMLHttpRequest(); else if(window.activexobject) Per i browser in cui è implementato XHR = new ActiveXObject("Microsoft.XMLHTTP"); Per IE5 e IE6 11 Attributi dell oggetto XMLHttpRequest readystate: restituisce lo stato corrente dell istanza (0: not initialized, 1: connection established, 2: request received, 3: answer in process, 4: finished) status: restituisce codice HTTP proveniente dal server (es. 200 (ok), 404 (page not found)) responsetext: restituisce i dati provenienti dal server come stringa di caratteri responsexml: restituisce i dati provenienti dal server come file XML (oggetto document) onreadystatechange: gestore dell evento lanciato ad ogni cambiamento di stato (contiene il nome della funzione di gestione della risposta dal server) 12
4 onreadystatechange Gestire la risposta del server Bisogna decidere cosa fare quando viene ricevuta la risposta del server alla richiesta Si dirà quale funzione si occuperà di gestire la risposta, questo viene fatto settando la proprietà onreadystatechange dell oggetto XMLHttpRequest creato con il nome della funzione XHR.onreadystatechange = nameofthefunction; Oppure si può usare la tecnica Javascript di definire funzioni on the fly Quando viene variato il valore di readystate viene generato un evento di tipo readystatechange che deve essere gestito da un opportuno metodo, questo metodo è una funzione creata dal programmatore che viene assegnata all attributo onreadystatechange. Ad esempio: XHR.onreadystatechange = function() if(xhr.readystate == 4) if(xhr.status == 200) alert(xhr.responsetext); else alert( Not found ); XHR.onreadystatechange = function() // corpo della funzione Vediamo i principali: Metodi dell oggetto XMLHttpRequest open(method, url [,async][,user][,passwd]) dove method: tipo di richiesta (GET o POST) url: locazione file async: true (se asincrono), false (se sincrono) user, passwd: nome e password per richiedere risorsa nel caso sia protetta send( string ) Se la richiesta è un GET allora string viene messo a null altrimenti sarà una stringa del tipo nome=valore (o sequenza di stringhe) Fare la richiesta Dopo che è stato dichiarato cosa succede quando viene ricevuta la risposta dal server 1, occorre fare effettivamente la richiesta. Con GET, ad esempio: XHR.open( get, indirizzo.it/pagina.html?variabile=5 ); XHR.send(null); // send ha null come parametro perché la richiesta è una GET Oppure con POST, ad esempio: XHR.open( post, indirizzo.it/pagina.html ); XHR.setRequestHeader( content-type, application/x-wwwform-urlencoded ); //impostazione dell header XHR.send( variabile=5 ); 15 1 in realtà gli sviluppatori AJAX suggeriscono di anticipare il metodo open rispetto all assegnamento di onreadystatechange 16
5 Esempio da W3C Working Draft code to do something with data from an XML document fetched over the network: function test(data) // taking care of data function handler() if (this.readystate == 4 && this.status == 200) // so far so good if (this.responsexml!= null && this.responsexml.getelementbyid( test ).firstchild.data) test(this.responsexml.getelementbyid( test ).firstchild.data) else test(null); Esempio completo (GET di un testo) <html> <head> <script> function submitform() var req = null; if (window.xmlhttprequest) req = new XMLHttpRequest(); else if (window.activexobject) req = new ActiveXObject(Microsoft.XMLHTTP); req.open( GET", "data.xml", true); req.onreadystatechange = function() if (req.readystate == 4) if (req.status == 200) document.ajax.dyn=""received:" + req.responsetext; else document.ajax.dyn="error code " + req.status; ; req.send(null); </script> </head> var client = new XMLHttpRequest(); client.onreadystatechange = handler; client.open( GET, test.xml ); client.send(); 17 <body> <FORM method="post" name="ajax" action=""> <INPUT type="button" value="submit" ONCLICK="submitForm()"> <INPUT type="text" name="dyn" value=""> </FORM> </body> </html> 18 Caricamento di un documento XML function ajaxpage(url,containerid) xml = loadxmldoc(url); // segue codice per manipolazione documento XML var xmlhttp; function loadxmldoc(url) xmlhttp=null; if (window.xmlhttprequest) xmlhttp=new XMLHttpRequest(); // code for all new browsers else xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); // code for IE5 and IE6 if (xmlhttp!=null) xmlhttp.onreadystatechange=state_change; xmlhttp.open("get",url,false); xmlhttp.send(""); return xmlhttp.responsexml; else alert("your browser does not support XMLHTTP."); AJAX nel monitoraggio distribuito I dispositivi considerati Sensori On/Off (segnalazione di allarmi) Rilevazione e impostazione temperature Possibilità di impostare dei valori di riferimento Suddivisione del problema di monitoraggio in due parti: Raccolta dati dai dispositivi (soluzioni note: bus di campo, LAN) Visualizzazione ed interazione con l utente (soluzione innovativa) I due sistemi comunicano attraverso un database condiviso function state_change() if (xmlhttp.readystate==4) // 4 = "loaded" if (xmlhttp.status==200) // 200 = OK else alert("problem retrieving XML data"); 19 (Cadei, 2007) 20
6 Architettura per il monitoraggio distribuito Il caso: Gestione di alberghi Rilevazione allarmi o richieste di soccorso Controllo consumi Controllo e impostazione temperature Esisteva una applicazione client/server classica Obiettivo: costruire una Rich Internet Application basata su AJAX funzionalmente equivalente all applicazione esistente (Cadei, 2007) (Cadei, 2007) 22 Casi di studio: Gestione Alberghi (2) Web Operating System in AJAX 24
7 Ha diverse applicazioni incluso un browser (ricorsivo!) Vantaggi di AJAX Esecuzione lato client, manipolazione diretta tramite manipolazione del DOM Adatto per operazioni di inserimento, aggiornamento e cancellazione di record, realizzazione di web form, visualizzazione di query a database Facendo solo piccole richieste al server a cui corrispondono risposte piccole e veloci Ciò permette sviluppo di applicazioni più interattive in generale applicazioni funzionalmente equivalenti a quelle desktop Esistono altri sistemi operativi di questo tipo (e.g Svantaggi di AJAX Problemi di usabilità Bottone back del browser Salvataggio della pagina come segnalibro Javascript deve essere abilitato In MS Explorer 6 devono essere abilitati anche gli ActiveX (ma dal 7 l oggetto XMLHttpRequest è nativo di javascript) Problemi di sicurezza Strumenti di supporto La nascita di AJAX e delle RIA ha cambiato gli obiettivi del linguaggio Javascript Problema: creare interfacce in JavaScript è un compito complesso Necessità di un framework che metta a disposizione un insieme di oggetti già pronti per la gestione della grafica e dell I/O Numero di strumenti esistenti non quantificabile, molti immaturi e instabili (alcuni sono solo toolkit) 27 28
8 Toolkit e UIDE per AJAX Esempio: Rialto Studio Alcuni toolkit: Dojo Toolkit (opensource) JQuery (opensource) Rialto (Rich Internet Application Toolkit) GWT (Google Web Toolkit) AJAX Control Toolkit (Microsoft) OpenRico (opensource) Alcuni UIDE: Rialto Studio: un WYSIWYG editor, che usa descrizione XML dei componenti Visual Web Developer Express che integra AJAX Control Toolkit (incluso nel framework ASP.NET AJAX) JAMP (Javascript Ajax Mysql Php)
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)
DettagliApplicazioni 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
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
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
DettagliINTRODUZIONE 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
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
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à
DettagliApplicazioni web. Parte 8 AJAX
Applicazioni web Parte 8 AJAX Alberto Ferrari 1 AJAX - Definizione Asynchronous JavaScript and XML (AJAX) non è di per sè una tecnologia, ma è un termine che descrive un "nuovo" approccio all'utilizzo
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
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
DettagliAjax. 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
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é
DettagliFlavio 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
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
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
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
DettagliSommario. Introduzione a AJAX - Asynchronous Javascript And Xml. Motivazioni (1) XHTML e HTTP sono strumenti deboli
Sommario Introduzione a AJAX - Asynchronous Javascript And Xml Motivazioni Cosa è AJAX? Vantaggi Esempi Funzionamento Ajax 1 Ajax 2 Motivazioni (1) XHTML e HTTP sono strumenti deboli Scarsa interattività
DettagliProgettazione 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
DettagliA. Ferrari. Ajax. Asynchronous JavaScript and XML. Alberto Ferrari
Ajax Asynchronous JavaScript and XML 1 Definizione o Asynchronous JavaScript and XML (AJAX) non è di per sé una tecnologia, ma è un termine che descrive un "nuovo" approccio all'utilizzo di diverse tecnologie
DettagliTecnologie per il Web. Il web: Architettura HTTP HTTP. SSL: Secure Socket Layer
Tecnologie per il Web Il web: architettura e tecnologie principali Una analisi delle principali tecnologie per il web Tecnologie di base http, ssl, browser, server, firewall e proxy Tecnologie lato client
DettagliLaboratorio Progettazione Web PHP e FORMs HTML. Andrea Marchetti IIT-CNR andrea.marchetti@iit.cnr.ita 2013/2014
Laboratorio Progettazione Web PHP e FORMs HTML Andrea Marchetti IIT-CNR andrea.marchetti@iit.cnr.ita 2013/2014 Struttura Applicazioni Web Browser Web HTTP Server Web API Dati Presentation Application Storage
DettagliDOM (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,
DettagliAjax e jquery. Emiliano Castellina. Dipartimento di Automatica e Informatica Politecnico di Torino
Ajax e jquery Emiliano Castellina Dipartimento di Automatica e Informatica Politecnico di Torino Introduzione a jquery by Emiliano Castellina is licensed under a Creative Commons Attribuzione - Non commerciale
DettagliSviluppare 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
DettagliLa 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
Dettaglidefinizione o Asynchronous JavaScript and XML (AJAX)
ajax definizione o Asynchronous JavaScript and XML (AJAX) o o o non è un linguaggio non è una tecnologia è un termine che descrive un "nuovo" approccio all'utilizzo di diverse tecnologie esistenti, compresi:
DettagliProgrammazione 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
DettagliManuali.net. Nevio Martini
Manuali.net Corso base per la gestione di Siti Web Nevio Martini 2009 Il Linguaggio HTML 1 parte Introduzione Internet è un fenomeno in continua espansione e non accenna a rallentare, anzi è in permanente
Dettagli19. LA PROGRAMMAZIONE LATO SERVER
19. LA PROGRAMMAZIONE LATO SERVER Introduciamo uno pseudocodice lato server che chiameremo Pserv che utilizzeremo come al solito per introdurre le problematiche da affrontare, indipendentemente dagli specifici
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
DettagliVBScript. VBScript. Visual Basic Scripting Edition. Linguaggio di script per browser e server Microsoft Deriva da Visual Basic, ma è interpretato
VBScript Visual Basic Scripting Edition 1 VBScript Linguaggio di script per browser e server Microsoft Deriva da Visual Basic, ma è interpretato 2 Pag. 1 Principali caratteristiche Fine istruzione singola
DettagliCorso 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
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
DettagliScaletta. Estensioni UML per il Web. Applicazioni web - 2. Applicazioni web. WAE: Web Application Extension for UML. «Client page»
Scaletta Estensioni UML per il Web Michele Zennaro 14-05-2004 Le applicazioni web Scopo di un estensione UML per il web Due punti di vista Uno più astratto Uno più vicino ai file fisici conclusivo Commenti
DettagliOffice Web Components in programmi C# da http://escher07.altervista.org
Office Web Components in programmi C# da http://escher07.altervista.org Generalità L obiettivo è realizzare un programma C# che utilizzando il componente Web Pivot permetta di ottenere un risultato come
DettagliA. Lorenzi Pagine ASP
Pagine ASP Web server software per la gestione di un computer host Internet oppure di un server di rete, che mette a disposizione dati o applicativi per gli utenti della rete Web server IIS (Internet Information
DettagliIl Web-Service SDMX dell ISTAT
Il Web-Service SDMX dell ISTAT Versione: 1.0.0 Data: 26/06/2014 Autore: Approvato da: Modifiche Versione Modifiche Autore Data Indice dei contenuti 1 Introduzione... 4 2 Esempio d uso... 5 2.1 Riferimento
DettagliQuesiti 6 e 7) - 9 - Creiamo il file query4.php su una piattaforma OPEN SOURCE usando in linguaggio PHP ospitato su un webserver APACHE per interrogare un database MYSQL. Tale file verrà attivato cliccando
DettagliDatabase e reti. Piero Gallo Pasquale Sirsi
Database e reti Piero Gallo Pasquale Sirsi Approcci per l interfacciamento Il nostro obiettivo è, ora, quello di individuare i possibili approcci per integrare una base di dati gestita da un in un ambiente
DettagliSiti web centrati sui dati (Data-centric web applications)
Siti web centrati sui dati (Data-centric web applications) 1 A L B E R T O B E L U S S I A N N O A C C A D E M I C O 2 0 1 2 / 2 0 1 3 WEB La tecnologia del World Wide Web (WWW) costituisce attualmente
DettagliIl CMS Moka. Giovanni Ciardi Regione Emilia Romagna
Il CMS Moka Giovanni Ciardi Regione Emilia Romagna Moka è uno strumento per creare applicazioni GIS utilizzando oggetti (cartografie, temi, legende, database, funzioni) organizzati in un catalogo condiviso.
Dettagli@2011 Politecnico di Torino. Pag. 1. Architettura distribuita. Architetture Client/Server. Architettura centralizzata. Architettura distribuita
Architettura client/ stazioni utente Basi di ati Architetture /Server B locali M BG Architettura centralizzata Un architettura è centralizzata quando i dati e le (programmi) risiedono in un unico Tutta
DettagliApplicazioni web centrati sui dati (Data-centric web applications)
Applicazioni web centrati sui dati (Data-centric web applications) 1 ALBERTO BELUSSI ANNO ACCADEMICO 2009/2010 WEB La tecnologia del World Wide Web (WWW) costituisce attualmente lo strumento di riferimento
DettagliUniversità degli Studi "Roma Tre" Dipartimento di Informatica ed automazione. Facoltà di Ingegneria
Università degli Studi "Roma Tre" Dipartimento di Informatica ed automazione Facoltà di Ingegneria Corso di Laurea in Ingegneria Informatica Tesi di Laurea AUTENTICAZIONE PER APPLICAZIONI WEB Relatore
DettagliGERARCHIE RICORSIVE - SQL SERVER 2008
GERARCHIE RICORSIVE - SQL SERVER 2008 DISPENSE http://dbgroup.unimo.it/sia/gerarchiericorsive/ L obiettivo è quello di realizzare la tabella di navigazione tramite una query ricorsiva utilizzando SQL SERVER
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
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
DettagliApplicazioni web. Parte 4 AJAX
Agent and Object Technology Lab Dipartimento di Ingegneria dell Informazione Università degli Studi di Parma Applicazioni web Parte 4 AJAX Michele Tomaiuolo tomamic@ce.unipr.it Sommario Ajax jquery Esempio
DettagliIl Protocollo HTTP e la programmazione di estensioni Web
Il Protocollo HTTP e la programmazione di estensioni Web 1 Il protocollo HTTP È il protocollo standard inizialmente ramite il quale i server Web rispondono alle richieste dei client (prevalentemente browser);
DettagliEsercitazione 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
DettagliCookie 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
DettagliDott.ssa Adriana Pietramala
Corso di Informatica Laurea Triennale - Comunicazione&Dams Dott.ssa Adriana Pietramala a.pietramala@mat.unical.it Riferimenti Sito del corso: Manuale PHP http://www.php.net/download-docs.php Editor di
DettagliCorso di Sistemi di Elaborazione delle informazioni
Corso di Sistemi di Elaborazione delle informazioni Basi di Dati Claudio Marrocco I report I Report sono lo strumento più adatto per ottenere una copia stampata dei dati e delle informazioni ricavate dalle
DettagliComponenti Web: client-side e server-side
Componenti Web: client-side e server-side side Attività di applicazioni web Applicazioni web: un insieme di componenti che interagiscono attraverso una rete (geografica) Sono applicazioni distribuite logicamente
DettagliLuca Mari, Sistemi informativi applicati (reti di calcolatori) appunti delle lezioni. Architetture client/server: applicazioni client
Versione 25.4.05 Sistemi informativi applicati (reti di calcolatori): appunti delle lezioni Architetture client/server: applicazioni client 1 Architetture client/server: un esempio World wide web è un
DettagliIl Paradigma REST per lo sviluppo di applicazioni Web 2.0
tesi di laurea Anno Accademico 2006/2007 Il Paradigma REST per lo sviluppo di applicazioni Web 2.0 relatore Ch.mo prof. Domenico Cotroneo correlatore Ing. Marcello Cinque candidato Antonio Alonzi Matr.
DettagliIntroduzione alle applicazioni di rete
Introduzione alle applicazioni di rete Definizioni base Modelli client-server e peer-to-peer Socket API Scelta del tipo di servizio Indirizzamento dei processi Identificazione di un servizio Concorrenza
DettagliProtocolli e architetture per WIS
Protocolli e architetture per WIS Web Information Systems (WIS) Un Web Information System (WIS) usa le tecnologie Web per permettere la fruizione di informazioni e servizi Le architetture moderne dei WIS
DettagliProgettazione : Design Pattern Creazionali
Progettazione : Design Pattern Creazionali Alessandro Martinelli alessandro.martinelli@unipv.it 30 Novembre 2010 Progettazione : Design Pattern Creazionali Aspetti generali dei Design Pattern Creazionali
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
DettagliRE ON/OFF-LINE. L APP funziona su tutti i sistemi operativi Windows e, come applicazione desktop, su Windows 8 (non per Windows RT).
RE ON/OFF-LINE Questa innovativa APP consente di lavorare sul Registro Elettronico sempre ed ovunque, sia dai PC presenti nelle classi sia dal tablet Windows o netbook posseduti dal docente. La modalità
DettagliCasalini Crypto. Documento di protocollo tecnico VRS 2.1
Casalini Crypto 10.13 Documento di protocollo tecnico VRS 2.1 Requisiti fondamentali per l utilizzo del servizio: - I file PDF da criptare non devono essere già protetti da password o da altri sistemi
DettagliTratte da (18. TECNICHE DI ACCESSO AI DATABASE IN AMBIENTE INTERNET)
Tratte da (18. TECNICHE DI ACCESSO AI DATABASE IN AMBIENTE INTERNET) Ipotesi di partenza: concetti di base del networking Le ipotesi di partenza indispensabili per poter parlare di tecniche di accesso
DettagliIntroduzione all elaborazione di database nel Web
Introduzione all elaborazione di database nel Web Prof.ssa M. Cesa 1 Concetti base del Web Il Web è formato da computer nella rete Internet connessi fra loro in una modalità particolare che consente un
DettagliDefinizione Parte del software che gestisce I programmi applicativi L interfaccia tra il calcolatore e i programmi applicativi Le funzionalità di base
Sistema operativo Definizione Parte del software che gestisce I programmi applicativi L interfaccia tra il calcolatore e i programmi applicativi Le funzionalità di base Architettura a strati di un calcolatore
DettagliRealizzazione di interazioni sincrone e asincrone tra applicazioni Web 2.0
tesi di laurea Realizzazione di interazioni sincrone e asincrone tra applicazioni Web 2.0 Anno Accademico 2008/2009 relatore Ch.mo prof. Porfirio Tramontana candidato Marco Coppola Matr. 534/002312 Obbiettivi
DettagliApplicazione ASP di esempio
Applicazione ASP di esempio Database in rete Prof. Claudio Maccherani Un server web è un programma che gira su un computer sempre collegato ad Internet e che mette a disposizione file, pagine e servizi.
Dettaglib) Dinamicità delle pagine e interattività d) Separazione del contenuto dalla forma di visualizzazione
Evoluzione del Web Direzioni di sviluppo del web a) Multimedialità b) Dinamicità delle pagine e interattività c) Accessibilità d) Separazione del contenuto dalla forma di visualizzazione e) Web semantico
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,
DettagliArchitetture Web: un ripasso
Architetture Web: un ripasso Pubblicazione dinamica di contenuti. Come si fa? CGI Java Servlet Server-side scripting e librerie di tag JSP Tag eseguiti lato server Revisione critica di HTTP HTTP non prevede
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
DettagliSeminario di Sistemi Distribuiti RPC su SOAP
Seminario di Sistemi Distribuiti RPC su SOAP Massimiliano Vivian [777775] Massimiliano Vivian 1 Introduzione La comunicazione delle informazioni è l elemento fondamentale per lo sviluppo dei sistemi. SOAP
DettagliProgettazione e Implementazione di API WebSocket per il Gateway Dog
Corso di Laurea in Ingegneria Informatica Tesi di Laurea Magistrale Progettazione e Implementazione di API WebSocket per il Gateway Dog Relatori: Fulvio Corno Luigi De Russis Candidato: Teodoro Montanaro
DettagliSommario. Introduzione Architettura Client-Server. Server Web Browser Web. Architettura a Due Livelli Architettura a Tre Livelli
Sommario Introduzione Architettura Client-Server Architettura a Due Livelli Architettura a Tre Livelli Server Web Browser Web Introduzione La storia inizia nel 1989 Tim Berners-Lee al CERN, progetto WWW
DettagliBibliografia: Utenti e sessioni
Bibliografia: Utenti e sessioni http: protocollo stateless http si appoggia su una connessione tcp e lo scambio nel contesto di una connessione si limita a invio della richiesta, ricezione della risposta.
DettagliOffice e Applicativi sw
Associazione Nazionale Carabinieri Sezione Brugherio (MB) Segreteria da campo Office e Applicativi sw realizzato secondo gli Standard Regionali in materia di Formazione per la Protezione Civile come conforme
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
DettagliINFORMATICA DISTRIBUITA. lez 4 Livello applicazione
INFORMATICA DISTRIBUITA prof. lez 4 Livello applicazione Università degli Studi di Milano Scienze e Tecnologie della Comunicazione Musicale a.a. 2009-2010 applicazioni di rete Processo: programma in esecuzione
DettagliUNIVERSITA DEGLI STUDI DI NAPOLI FEDERICO II
UNIVERSITA DEGLI STUDI DI NAPOLI FEDERICO II CORSO DI LAUREA IN INFORMATICA Anno Accademico 2010-2011 Tutor Accademico Prof. Guido Russo Tutor Aziendale Dott. Massimo Brescia Candidato Ettore Mancini VOGCLUSTERS
DettagliPresentazione Data Base
Presentazione Data Base Ovvero: il paradigma LAPM (Linux - Apache - PHP - mysql) come supporto Open Source ad un piccolo progetto di Data Base relazionale, e tipicamente ad ogni applicazione non troppo
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
DettagliArchitettura del. Sintesi dei livelli di rete. Livelli di trasporto e inferiori (Livelli 1-4)
Architettura del WWW World Wide Web Sintesi dei livelli di rete Livelli di trasporto e inferiori (Livelli 1-4) - Connessione fisica - Trasmissione dei pacchetti ( IP ) - Affidabilità della comunicazione
DettagliDATABASE 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
DettagliLezione 9. Applicazioni tradizionali
Lezione 9 Applicazioni tradizionali Pag.1 Sommario Concetti trattati in questa lezione: SQL nel codice applicativo Cursori API native ODBC Pag.2 SQL nel codice applicativo I comandi SQL possono essere
DettagliCONTENUTI 1. INTRODUZIONE...3 2. CONCETTI BASICI SU EQUINOX CMS XPRESS...5 3. ACCESSO A EQUINOX CMS XPRESS...9 4. PAGINA D INIZIO...
CONTENUTI 1. INTRODUZIONE...3 DEFINIZIONE...3 ELEMENTI DEL SERVIZIO...3 TECNOLOGIA E OPERAZIONE...3 WORKFLOW E GRAFICO DI PROCESSI...4 2. CONCETTI BASICI SU EQUINOX CMS XPRESS...5 STRUTTURA...5 OGGETTI...5
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
DettagliLezione 1 Introduzione
Lezione 1 Introduzione Ingegneria dei Processi Aziendali Modulo 1 Servizi Web Unità didattica 1 Protocolli Web Ernesto Damiani Università di Milano I Servizi Web Un Servizio Web è un implementazione software
DettagliProgetto: Servizio location based per la ricerca di punti di interesse
Mauro Gentile Matr. 701870 Progetto: Servizio location based per la ricerca di punti di interesse Il progetto consiste nello sviluppo di un servizio che fornisce informazioni relative a punti di interesse
DettagliPort Community System del Porto di Ravenna CONFIGURAZIONE
Port Community System del Porto di Ravenna CONFIGURAZIONE SOMMARIO Indicazioni generali... 3 Dipendenze software... 4 Lato server... 4 Lato client... 4 Organizzazione del sistema... 5 Struttura delle directory...
DettagliCorso di PHP. Prerequisiti. 1 - Introduzione
Corso di PHP 1 - Introduzione 1 Prerequisiti Conoscenza HTML Principi di programmazione web Saper progettare un algoritmo Saper usare un sistema operativo Compilazione, link, esecuzione di programmi Conoscere
DettagliOreste Signore, <oreste@w3.org> Responsabile Ufficio Italiano W3C Area della Ricerca CNR - via Moruzzi, 1-56124 Pisa
http://www.w3c.it/education/2012/upra/basicinternet/#(1) 1 of 16 Oreste Signore, Responsabile Ufficio Italiano W3C Area della Ricerca CNR - via Moruzzi, 1-56124 Pisa Master in Comunicazione
DettagliSERVICE MANAGER. Architettura Client-Server e Web based di Servizi Specializzati per la Gestione di Periferiche e Connettività
SERVICE MANAGER Architettura Client-Server e Web based di Servizi Specializzati per la Gestione di Periferiche e Connettività è il prodotto di Regulus che permette un accesso generalizzato ad alto livello
DettagliCome funziona internet
Come funziona internet Architettura client server URL/URI Richiesta (Request) Risposta (Response) Pagina url e uri Uno Uniform Resource Identifier (URI, acronimo più generico rispetto ad "URL") è una stringa
DettagliCorso di Informatica. Prerequisiti. Modulo T3 B3 Programmazione lato server. Architettura client/server Conoscenze generali sui database
Corso di Informatica Modulo T3 B3 Programmazione lato server 1 Prerequisiti Architettura client/server Conoscenze generali sui database 2 1 Introduzione Lo scopo di questa Unità è descrivere gli strumenti
DettagliImplementazione di MVC. Gabriele Pellegrinetti
Implementazione di MVC Gabriele Pellegrinetti 2 Come implementare il pattern Model View Controller con le tecnologie JSP, ASP e XML Implementazione del pattern MVC in Java (JSP Model 2) SUN è stato il
DettagliLa tecnologia ASP.NET e i database
Introduzione alle pagine dinamiche Con il linguaggio HTML si possono creare delle pagine Web statiche. Se invece volessimo creare delle pagine Web dinamiche, pagine il cui codice html viene generato al
DettagliIntroduzione al Web. dott. Andrea Mazzini
Introduzione al Web dott. Andrea Mazzini Il servizio World Wide Web Il servizio Web è basato su particolari computer presenti nella rete, indicati come nodi Web, che rendono disponibili le informazioni
DettagliManuale per la configurazione di AziendaSoft in rete
Manuale per la configurazione di AziendaSoft in rete Data del manuale: 7/5/2013 Aggiornamento del manuale: 2.0 del 10/2/2014 Immagini tratte da Windows 7 Versione di AziendaSoft 7 Sommario 1. Premessa...
DettagliMODELLO CLIENT/SERVER. Gianluca Daino Dipartimento di Ingegneria dell Informazione Università degli Studi di Siena daino@unisi.it
MODELLO CLIENT/SERVER Gianluca Daino Dipartimento di Ingegneria dell Informazione Università degli Studi di Siena daino@unisi.it POSSIBILI STRUTTURE DEL SISTEMA INFORMATIVO La struttura di un sistema informativo
DettagliIntroduzione a AJAX - Asynchronous Javascript And Xml
Introduzione a AJAX - Asynchronous Javascript And Xml Dott. Nicole NOVIELLI novielli@di.uniba.it http://www.di.uniba.it/intint/people/nicole.html Ajax 1 Motivazioni Cosa è AJAX? Vantaggi Esempi Funzionamento
Dettagli