HTML5 and Next RIA Apps. Le API per HTML5 Forms
|
|
- Giuditta Rosalia Carraro
- 8 anni fa
- Visualizzazioni
Transcript
1 HTML5 and Next RIA Apps Le API per HTML5 Forms
2 Le API per HTML5 Forms Nella precedente lezione abbiamo visto i principali nuov tag di HTML5, un esempio di progetto base con Initializr e come integrare jquery Template, per costruire dinamicamente e via JSON parti della nostra pagina. Nella lezione di oggi affronteremo i seguente argomenti: - I nuovi campi di input - Supporto dei browser - Le API per i Form HTML5
3 HTML5 Forms I nuovi campi di input HTML5 and Next RIA Apps Le API per HTML5 Forms La specifica HTML5 dedicata ai form si è concentrata sul miglioramento dei form HTML preesistenti, per offire nuovi controlli e intervenire sulle limitazioni di quelli attuali. Tale specifica riguarda gli aspetti legati al comportamento e alla semantica, lasciando inalterati quelli legati all'aspetto e alla renderizzazione. Tale aspetto viene lasciato gestire ai browser, contribuendo alla giusta competizione tra i produttori. E' importante ricordare, nel rendering di un form di offrire anche soluzioni di fallback, in modo tale da offire la stessa funzionalità emulata via Javascript. I form HTML5 comprendono un certo numero di nuove API ed elementi, il cui supporto è ancora in fase di implementazione nei vari browser, ma le specifiche sono già scritte e affidabili. Per fare una corretta panoramica sulle funzionalità occorre fare la separazione: - nuovi tipi di input - nuove funzionalità e attributi
4 HTML5 Forms Supporto dei browser Il supporto che i vari browser offrono per i form HTML5 è in crescita, ma attualmente limitato; l'unico che supporta la quasi totalità delle funzionalità sono Opera e i browser basati su Webkit (Safari Mobile, Google Chrome). Browser Chrome Firefox Internet Explorer Opera Safari Supporto Dalla versione 5.x sono supportati i vari tipi di input (tel, , url, search, range). La validazione è in buona parte supportata Supporto non disponibile nelle versioni 3.6.x; nella versione 4.0 il supporto è parziale. I tipi di input non supportati (url, , range) sono renderizzati come normali campi di input. Supporto NON disponibile. L'unica versione che dà una sua interpretazione è la 9. I nuovi tipi di input sono renderizzati come normali campi di testo. Supporto molto avanzato sia come rendering sia come API di validazione Dalla versione 4.x sono supportati vari tipi di input (tel, , url, search, range) in particolare c'è la gestione delle tastiere virtuali dedicate nel caso di Safari Mobile. Come vedremo più avanti, l'uso di Modernizr ci semplifica di molto l'uso dei Form HTML5.
5 HTML5 Forms Elenco dei metodi di input HTML5 and Next RIA Apps Le API per HTML5 Forms Il luogo migliore dove reperire un elenco completo e attuale dei nuovi elementi di input con le relative specifiche è il sito del W3C stesso, e più precisamente la pagina solo che è una pagina di non facile lettura. Per avere un quadro generale e aggiornato ecco un elenco che descrive i nuovi tipi di input Input type tel search url datetime date, month, week, time Descrizione Usato in ambito mobile per l'inserimento di un numero telefonico; fa comparire una tastiera numerica. E' possibile impostare un pattern ed utilizzare il validatore setcustomvalidity() Utilizzato per recuperare una stringa da passare ad un motore di ricerca; aggiunge una X alla fine del campo per resettarne il contenuto. Utilizzato per l'inserimento di una URL, sia assoluta che relativa; nel caso mobile fa comparire (se prevista) una tastiera con caratteri alfabetici. Utilizzato per l'inserimento di uno o più indirizzi (attributo multiple ) Utilizzato per inserire in modalità guidata una data ed un orario in base alle impostazioni locali del browser; viene utilizzato un controllo calendario renderizzato automaticamente dal browser Utilizzati per recuperare una data, un mese, una settinama o un orario mediante controlli standard del browser.
6 HTML5 Forms Elenco dei metodi di input Input type number range color Descrizione Utilizzato per l'inserimento di un numero (intero e float) Utilizzato per recuperare un valore tra un insieme definito (tra un massimo e minimo); il browser renderizza automaticamente uno slider per selezionare il valore Utilizzato per recuperare il codice esadecimale o RGB di un colore, mediante un apposito selettore, creato e gestito direttamente dal browser. Ecco un esempio di codice per un form HTML5 con i nuovi campi di input.
7 HTML5 Forms Elenco dei metodi di input HTML5 and Next RIA Apps Le API per HTML5 Forms Ecco un esempio di codice per un form HTML5 con i nuovi campi di input. <!DOCTYPE html> <html> <head> <title>html5 Forms</title> <script type="text/javascript"> // Visualizza il valore attuale del range function showrangevalue(rangeval) { document.getelementbyid('displayrangevalue').innerhtml = rangeval; // === Verifica che i due indirizzi siano uguali function check (input) { if (input.value!= document.getelementbyid('fld ').value) { // --- Le due password non coincidono, visualizzo un messaggio // --- di errore "custom" input.setcustomvalidity('i due indirizzi devono essere uguali'); else { // --- Le due password coincidono, resetto il messaggio di errore input.setcustomvalidity(''); </script> </head>
8 HTML5 Forms Elenco dei metodi di input HTML5 and Next RIA Apps Le API per HTML5 Forms Ecco un esempio di codice per un form HTML5 con i nuovi campi di input. <body> <h1>panoramica nuovi campi di input</h1> <form id="frmmain" id="frmmain" action="<?=$_server[php_self]?>"> <dl> <!-- type=tel --> <dt> <label for="fldtel">numero Telefonico</label> </dt> <dd> <input type="tel" id="fldtel" name="fldtel" value="" required /> </dd> <!-- type=range --> <dt> <label for="fldrange">range di valori</label> </dt> <dd> <input type="range" id="fldrange" name="fldrange" min=18 max=120 value=18 onchange="javacript:showrangevalue(this.value);"/> <span id="displayrangevalue">18</span> </dd>
9 HTML5 Forms Elenco dei metodi di input HTML5 and Next RIA Apps Le API per HTML5 Forms Ecco un esempio di codice per un form HTML5 con i nuovi campi di input. <!-- type= --> <dt> <label for="fld ">indirizzo </label> </dt> <dd> <input type=" " id="fld " name="fld " value="" required /> </dd> <dt> <label for="fld repeat">ripeti Indirizzo </label> </dt> <dd> <input type=" " id="fld repeat" name="fld repeat" value="" required oninput="javascript:check (this);" /> </dd>
10 HTML5 Forms Elenco dei metodi di input HTML5 and Next RIA Apps Le API per HTML5 Forms Ecco un esempio di codice per un form HTML5 con i nuovi campi di input. <!-- type=text e attributo pattern impostato --> <dt> <label for="fldtextpattern">inserisci un testo nel formato AAANNNN</label> </dt> <dd> <input type="text" id="fldtextpattern" name="fldtextpattern" required pattern="[a-z]{3[0-9]{4" title="inserisci un testo nel formato AAANNNN (3 lettere maiuscole e 4 numei)"/> </dd> <!-- type=url --> <dt> <label for="fldurl">insersci una URL</label> </dt> <dd> <input type="url" id="fldurl" name="fldurl" placeholder=" /> </dd>
11 HTML5 Forms Elenco dei metodi di input HTML5 and Next RIA Apps Le API per HTML5 Forms Ecco un esempio di codice per un form HTML5 con i nuovi campi di input. <!-- type=number --> <dt> <label for="fldnumber">insersci un numero</label> </dt> <dd> <input type="number" id="fldnumber" name="fldnumber" min=5 max=10 /> </dd> <!-- type=date --> <dt> <label for="flddata">insersci una data</label> </dt> <dd> <input type="date" id="flddata" name="flddata" /> </dd> </dl> <input type="submit" value="invia Form" > </form> </body> </html>
12 HTML5 Forms L'Attributo list e l'elemento datalist L'attributo list e l'elemento datalist interagiscono tra di loro per consentire agli sviluppatori di specificare l'elenco dei possibili valori di un campo. Per utilizzare questa funzionalità è necessario: - creare un elemento datalist nel documento impostando un ID univoco in un punto qualunque della pagina; - popolare l'elemento datalist con un elenco di elementi option con i dati che voglio poter visualizzare e scegliere. Ad esempio consideriamo il seguente codice:
13 HTML5 Forms L'Attributo list e l'elemento datalist <dl> <!-- type=tel --> <dt> <label for="fldtel">scegli una città</label> </dt> <dd> <input type="text" id="fldcitta" name="fldcitta" list="elencocitta" value="" required /> </dd> </dl> </form> <datalist id="elencocitta"> <option value="milano" label="milano" /> <option value="lodi" label="lodi" /> <option value="bergamo" label="bergamo" /> <option value="piacenza" label="piacenza" /> <option value="cremona" label="cremona" /> <option value="torino" label="torino" /> </datalist>
14 HTML5 Forms La validazione La funzione principale della validazione è quella di identificare dati non validi nei controlli e comunicare questi errori all'utente. Quindi occorre implementare una serie di verifiche client-side, cioè che avvengono nel browser, per notificare questi errori e dare la possibilità di correggerli, prima di inviare il form verso il server. In HTML5 vi sono otto modalità di verifica dei dati inseriti nei form, esaminandole una per una. Ma prima abbiamo bisogno di definire un oggetto principale: il validitystate. L'oggetto validitystate è disponibile in ogni controllo nei browser che supportano la validazione dei form HTML5: var valcheck = document.myform.myinput.validity; Questo comando crea un riferimento all'oggetto validitystate di un elemento di nome myinput. Tale oggetto a sua volta contiene i riferimenti agli otto possibili stati di validazione e un resoconto con il risultato dei controlli, ad esempio valcheck.valid Restituisce un booleano riferito al rispetto di tutti i vincoli di validazione di uno specifico campo; è appunto da considerare come un resoconto di tutti i vincoli: se uno non è rispettato avrò false.
15 HTML5 Forms La validazione L'oggetto validitystate si aggiorna in tempo reale: è possibile interrogare il riferimento più volte dopo averlo creato e i valori resituiti rispecchieranno la situazione anche dopo che i valori nel form sono stati modificati. Ecco l'elenco degli otto stati: (bool)valuemissing Scopo Assicurare che nel controllo venga inserito un valore Utilizzo Dettagli Impostare l'attributo required nel controllo <input type="tel" id="fldtel" name="fldtel" value="" required /> Con l'attributo required impostato, il controllo non sarà validato finchè non vi è l'azione dell'utente (o di uno script) che inserisce un valore. Se il valore manca, quindi valuemissing==true (bool)typemismatch Scopo Garantire che il valore inserito sia del tipo previsto (numero, , url, etc..) Utilizzo Dettagli Impostare l'attributo type appropriato Gli attributi type , url, etc non servono soltanto per far comparire le tastirere virtuali adeguate nel caso mobile, ma appunto vanno ad identificare un tipo di dato ben specifico.
16 HTML5 Forms La validazione (bool)patternmismatch Scopo Assicurare che il valore inserito rispecchi quanto indicato nell'attrubuto pattern Utilizzo Dettagli Impostare l'attributo pattern nel controllo <input type="text" id="fldtextpattern" name="fldtextpattern" required pattern="[a-z]{3[0-9]{4" title="inserisci un testo nel formato AAANNNN (3 lettere maiuscole e 4 numei)"/> Per meglio quidare l'utente nell'individuazione dell'errore è sempre buona norma inserire anche l'attributo title. (bool)toolong Scopo Garantire che il valore inserito non sia composto da troppi caratteri Utilizzo Dettagli Impostare l'attributo maxlength nel controllo <input type="tel" id="fldtel" name="fldtel" maxlength="13" /> Restituisce true se la lunghezza inserita è maggiore a quella specificata
17 HTML5 Forms La validazione (bool)rangeunderflow Scopo Definire il valore minimo di un controllo numerico Utilizzo Dettagli Impostare l'attributo min nel controllo Restituirà true se si va al di sotto di min (bool)rangeoverflow Scopo Definire il valore massimo di un controllo numerico Utilizzo Dettagli (bool)stepmismatch Scopo Garantire che l'input rispetti la combinazione min, max, step Utilizzo Dettagli Impostare l'attributo max nel controllo Restituirà true se si va al di sopra di max Impostare l'attributo step nel controllo Se la combinazione non viene rispettata restituisce true (bool)customerror Scopo Gestisce errori specifici definiti e verificati dall'applicazione Utilizzo Dettagli Richiamare il medoto setcustomvalidity(message) per portare un controllo nella modalita customerror Utile in quei casi in cui la validazione è personalizzata
18 HTML5 Forms La validazione: esempio di codice HTML5 and Next RIA Apps Le API per HTML5 Forms <script type="text/javascript"> // === handler per l'evento "invalid" function invalidhandler(evt) { var validity = evt.srcelement.validity; // --- Verifica nell'oggetto validity quale vincolo non è rispettato if(validity.valuemissing) { // --- mostra all'utente un messaggio custom //... eventuali verifiche sul campo // === Disabilita gli altri eventi sul campo evt.preventdefault(); // === Attribuisco il gestore dell'evento invalid myfield.addeventlistener('invalid', invalidhandler, false); </script>
19 HTML5 Forms La validazione Nel caso di utilizzo di Modernzr abbiamo la seguente semplice considerazione da fare: if(modernizr.input.attributename) { // === Attributo supportato if(modernizr.inputtypes.elementname) { // === Elemento supportato supportato
20 HTML5 Forms La validazione Per offrire una funzionalità alternativa, si può considerare il seguente codice: window.onload = function() { // get the form and its input elements var form = document.forms[0], inputs = form.elements; // if no autofocus, put the focus in the first field if (!Modernizr.input.autofocus) { inputs[0].focus(); [ segue ]
21 HTML5 Forms La validazione Per offrire una funzionalità alternativa, si può considerare il seguente codice: // if required not supported, emulate it if (!Modernizr.input.required) { form.onsubmit = function() { var required = [], att, val; // loop through input elements looking for required for (var i = 0; i < inputs.length; i++) { att = inputs[i].getattribute('required'); // if required, get the value and trim whitespace if (att!= null) { val = inputs[i].value; // if the value is empty, add to required array if (val.replace(/^\s+ \s+$/g, '') == '') { required.push(inputs[i].name);
22 HTML5 Forms La validazione Per offrire una funzionalità alternativa, si può considerare il seguente codice: ; // show alert if required array contains any elements if (required.length > 0) { alert('the following fields are required: ' + required.join(', ')); // prevent the form from being submitted return false;
Laboratorio 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
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
DettagliSMS API. Documentazione Tecnica YouSMS HTTP API. YouSMS Evet Limited 2015 http://www.yousms.it
SMS API Documentazione Tecnica YouSMS HTTP API YouSMS Evet Limited 2015 http://www.yousms.it INDICE DEI CONTENUTI Introduzione... 2 Autenticazione & Sicurezza... 2 Username e Password... 2 Connessione
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
Dettagli04/05/2011. Lezione 6: Form
Lezione 6: Form In alcuni documenti HTML può essere utile creare dei moduli (form) che possono essere riempiti da chi consulta le pagine stesse (es. per registrarsi ad un sito). Le informazioni sono poi
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
DettagliLE CARATTERISTICHE DEI PRODOTTI MULTIVARIANTE
LE CARATTERISTICHE DEI PRODOTTI MULTIVARIANTE Che cosa sono e a cosa servono le caratteristiche? Oltre a descrivere le qualità di un prodotto con un testo generico (descrizione) è possibile dettagliare
DettagliOSSIF WEB. Manuale query builder
OSSIF WEB Manuale query builder - Maggio 2010 1) Sommario 1) SOMMARIO... 2 INTRODUZIONE... 3 Scopo del documento... 3 Struttura del documento... 3 Descrizione dell interfaccia grafica... 3 SELEZIONE DI
DettagliCorso 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
DettagliCookie Policy per www.lalocandadisettala.com
Policy per www.lalocandadisettala.com Uso dei cookie Il "Sito" (www.lalocandadisettala.com) utilizza i per rendere i propri servizi semplici e efficienti per l utenza che visiona le pagine di www.lalocandadisettala.com.
DettagliLezione 6: Form 27/04/2012
Lezione 6: Form In alcuni documenti HTML può essere utile creare dei moduli (form) che possono essere riempiti da chi consulta le pagine stesse (es. per registrarsi ad un sito). Le informazioni sono poi
DettagliPROCEDURA ON-LINE PER L EROGAZIONE DEI VOUCHER FORMATIVI SULL APPRENDISTATO PROFESSIONALIZZANTE. AVVISO PUBBLICO N. 1 del 16 Aprile 2012
PROCEDURA ON-LINE PER L EROGAZIONE DEI VOUCHER FORMATIVI SULL APPRENDISTATO PROFESSIONALIZZANTE AVVISO PUBBLICO N. 1 del 16 Aprile 2012 VOUCHER FORMATIVI APPRENDISTATO PROFESSIONALIZZANTE GUIDA OPERATIVA
DettagliGestione Risorse Umane Web
La gestione delle risorse umane Gestione Risorse Umane Web Generazione attestati di partecipazione ai corsi di formazione (Versione V03) Premessa... 2 Configurazione del sistema... 3 Estrattore dati...
DettagliGUIDA STUDENTI HOMEPAGE DEI CORSI ON-LINE
GUIDA STUDENTI Benvenuti sulla piattaforma Des-K, basata su Moodle. Di seguito una breve introduzione alla navigazione tra i contenuti e le attività didattiche dei corsi on-line e una panoramica sui principali
DettagliAccedere all'area riservata
Accedere all'area riservata Collegarsi all indirizzo: http://www.provincia.bologna.it/ambiente Fare click sul pulsante Rete Natura 2000 Misura 323 Accedere all'area riservata Fare click alla voce Area
DettagliManuale servizio Webmail. Introduzione alle Webmail...2 Webmail classica (SquirrelMail)...3 Webmail nuova (RoundCube)...8
Manuale servizio Webmail Introduzione alle Webmail...2 Webmail classica (SquirrelMail)...3 Webmail nuova (RoundCube)...8 Introduzione alle Webmail Una Webmail è un sistema molto comodo per consultare la
DettagliGuida per la registrazione alla piattaforma di Gestione dei Corsi per il Consulente Tecnico Telematico
Guida per la registrazione alla piattaforma di Gestione dei Corsi per il Consulente Tecnico Telematico Maribel Maini Indi ndice ce: Procedura di registrazione alla piattaforma e di creazione del proprio
DettagliALICE AMMINISTRAZIONE UTENTI WEB
AMMINISTRAZIONE UTENTI WEB REL. 1.2 edizione luglio 2008 INDICE 1. AMMINISTRAZIONE DI UTENTI E PROFILI... 2 2. DEFINIZIONE UTENTI... 2 2.1. Definizione Utenti interna all applicativo... 2 2.1.1. Creazione
DettagliGESGOLF SMS ONLINE. Manuale per l utente
GESGOLF SMS ONLINE Manuale per l utente Procedura di registrazione 1 Accesso al servizio 3 Personalizzazione della propria base dati 4 Gestione dei contatti 6 Ricerca dei contatti 6 Modifica di un nominativo
DettagliInfostat-UIF. Istruzioni per l accesso e le autorizzazioni
Infostat-UIF Istruzioni per l accesso e le autorizzazioni Versione 1.2 1 INDICE 1. Istruzioni operative per l'utilizzo dei servizi Infostat-UIF... 3 2. Registrazione al portale Infostat-UIF... 4 2.1. Caso
DettagliScenari esemplificativi di utilizzo delle Mailing List
Scenari esemplificativi di utilizzo delle Mailing List La Mailing List è un particolare tipo di account che permette di definire al proprio interno un insieme di destinatari ai quali sarà possibile spedire
DettagliUtilizzo dei Cookie Cosa sono i cookie? A cosa servono i cookie? cookie tecnici cookie, detti analitici cookie di profilazione
Utilizzo dei Cookie Questo sito utilizza i cookie. Utilizzando il nostro sito web l'utente accetta e acconsente all utilizzo dei cookie in conformità con i termini di uso dei cookie espressi in questo
DettagliGestione delle informazioni necessarie all attività di validazione degli studi di settore. Trasmissione degli esempi da valutare.
Gestione delle informazioni necessarie all attività di validazione degli studi di settore. Trasmissione degli esempi da valutare. E stato previsto l utilizzo di uno specifico prodotto informatico (denominato
Dettagliflusso delle informazioni... 2 password... 3 password/2... 3 inserimento di una nuova richiesta... 4 le condizioni di vendita... 6
istruzioni per l inserimento di una richiesta on line di prodotti speciali flusso delle informazioni... 2 password... 3 password/2... 3 inserimento di una nuova richiesta... 4 le condizioni di vendita...
DettagliProcedura di iscrizione alla Piattaforma On Line e-learning. Q&S Qualità & Sicurezza S.r.l. PUNTO 1: Accesso alla Piattaforma... 2
Procedura di iscrizione alla Piattaforma On Line e-learning Q&S Qualità & Sicurezza S.r.l. SOMMARIO PUNTO 1: Accesso alla Piattaforma... 2 PUNTO 2: Creazione dell Account: dove cliccare... 3 PUNTO 3: Creazione
DettagliGUIDA UTENTE PRIMA NOTA SEMPLICE
GUIDA UTENTE PRIMA NOTA SEMPLICE (Vers. 2.0.0) Installazione... 2 Prima esecuzione... 5 Login... 6 Funzionalità... 7 Prima Nota... 8 Registrazione nuovo movimento... 10 Associazione di file all operazione...
DettagliCAPITOLO 1 PREREQUISITI DI INSTALLAZIONE SOFTWARE RICAMBI CAPITOLO 2 PROCEDURA
SOFTWARE RICAMBI CAPITOLO 1 PREREQUISITI DI INSTALLAZIONE SOFTWARE RICAMBI CAPITOLO 2 PROCEDURA DI INSTALLAZIONE SOFTWARE RICAMBI CAPITOLO 3 ISTRUZIONI PER L USO 1 CAPITOLO 1 PREREQUISITI DI INSTALLAZIONE
DettagliGUIDA AGLI ORDIN I SU ADCOM.IT
GUIDA AGLI ORDIN I SU ADCOM.IT 1. Registrazione Per effettuare Acquisti/Noleggi sul sito web adcom.it è necessario, innanzi tutto essere utenti registrati. Per registrarsi la procedura da seguire è molto
DettagliModulo 4 Il pannello amministrativo dell'hosting e il database per Wordpress
Copyright Andrea Giavara wppratico.com Modulo 4 Il pannello amministrativo dell'hosting e il database per Wordpress 1. Il pannello amministrativo 2. I dati importanti 3. Creare il database - Cpanel - Plesk
DettagliOGGETTO: Procedura di iscrizione alla Piattaforma On Line e-learning Q&S Qualità e Sicurezza S.r.l.
OGGETTO: Procedura di iscrizione alla Piattaforma On Line e-learning Q&S Qualità e Sicurezza Salve, questa semplice guida, organizzata in punti, è stata pensata per facilitarle l iscrizione alla piattaforma
DettagliL amministratore di dominio
L amministratore di dominio Netbuilder consente ai suoi clienti di gestire autonomamente le caselle del proprio dominio nel rispetto dei vincoli contrattuali. Ciò è reso possibile dall esistenza di un
DettagliHelp Desk Guida all'uso
Help Desk Guida all'uso Il sistema di help desk consente agli utenti di effettuare richieste di assistenza hardware e software attraverso un portale web raggiungibile al seguente indirizzo: http://helpdesk.molisedati.it.
DettagliGuida alla registrazione on-line di un NovaSun Log
Guida alla registrazione on-line di un NovaSun Log Revisione 4.1 23/04/2012 pag. 1 di 16 Contenuti Il presente documento è una guida all accesso e all utilizzo del pannello di controllo web dell area clienti
DettagliIl calendario di Windows Vista
Il calendario di Windows Vista Una delle novità introdotte in Windows Vista è il Calendario di Windows, un programma utilissimo per la gestione degli appuntamenti, delle ricorrenze e delle attività lavorative
DettagliMANUALE PER LA GESTIONE DEL SERVIZIO DI NEWSLETTER
MANUALE PER LA GESTIONE DEL SERVIZIO DI NEWSLETTER HNewsletter: Servizio di Newsletter HNewsletter è un applicazione che permette di inviare un solo messaggio di posta elettronica ad un elenco di indirizzi
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
DettagliStudio Legale. Guida operativa
Studio Legale Guida operativa Cliens Studio Legale Web Cliens Studio Legale Web è un nuovo strumento che consente all avvocato di consultare i dati presenti negli archivi Cliens del proprio studio, attraverso
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
DettagliREPORT DI VALUTAZIONE DELL ACCESSIBILITÀ
Pag. 1 di 13 REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ PUBBLICA AMMINISTRAZIONE Comune di Pella (NO) http://www.comune.pella.no.it/ DATA DELLA VALUTAZIONE 09/07/2008 AUTORE DELLA VALUTAZIONE Alessio Mantegna
DettagliProcedura di iscrizione alla Piattaforma On Line
PUNTO 1 Procedura di iscrizione alla Piattaforma On Line Accedere dal proprio browser internet al sito: http://www.qeselearning.it/ NOTA: è preferibile utilizzare Chrome o Firefox La schermata che le apparirà
DettagliISTRUZIONI PER LA CORRETTA REGISTRAZIONE AL SITO PER POTER ACCEDERE ALL'AREA PRIVATA
ISTRUZIONI PER LA CORRETTA REGISTRAZIONE AL SITO PER POTER ACCEDERE ALL'AREA PRIVATA REGISTRAZIONE: Cliccare su Registrati La procedura di registrazione prevede tre passi (Step): Step 1: Scegliete il Comando,
DettagliFon.Coop Sistema di Gestione dei Piani di Formazione. Manuale per la Registrazione utente nel Nuovo
Fon.Coop Sistema di Gestione dei Piani di Formazione Manuale per la Registrazione utente nel Nuovo sistema informativo GIFCOOP del 03/12/2014 Indice 1 SCOPO E CAMPO DI APPLICAZIONE DEL DOCUMENTO... 3 2
DettagliServizio on-line di Analisi e Refertazione Elettrocardiografica
Servizio on-line di Analisi e Refertazione Elettrocardiografica Guida utente Scopo del servizio... 2 Prerequisiti hardware e software... 3 Accesso all applicazione... 4 Modifica della password... 7 Struttura
DettagliSulla colonna a destra si trovano invece i blocchi dedicati alle utilità e all amministrazione:
GUIDA STUDENTI Benvenuti sulla piattaforma Des-K, basata su Moodle! Di seguito una breve introduzione alla navigazione nell area dedicata alle Work Experience. Per i sistemi Windows si consiglia fortemente
DettagliFORYOU Passione per la comunicazione. Direct Marketing Concorsi via Sms
FORYOU Passione per la comunicazione Direct Marketing Concorsi via Sms Concorsi Via SMS -> Gli step di preparazione 1. Scelta del servizio di ricezione - Tipologia di Sim - Funzioni standard della piattaforma
DettagliFACILE: Procedure guidate / Aggiornamento dal sito
Pagina 1 FACILE: Procedure guidate / Aggiornamento dal sito Sommario FACILE: Procedure guidate / Aggiornamento dal sito1 Premessa2 Attivazione della funzione di aggiornamento dal Sito3 Aggiornamento dal
DettagliDocumentazione API web v 1.0
Documentazione API web v 1.0 Web: www.kalliopepbx.it Supporto tecnico: kalliope-pbx@netresults.it Documentazione API web v1.0-1 - Rev.: 16-11-2012 Documentazione API web v1.0-2 - Rev.: 16-11-2012 Changelog
DettagliSCI Sistema di gestione delle Comunicazioni Interne > MANUALE D USO
SCI Sistema di gestione delle Comunicazioni Interne > MANUALE D USO 1 Sommario... Sommario...2 Premessa...3 Panoramica generale sul funzionamento...3 Login...3 Tipologie di utenti e settori...4 Gestione
DettagliService Personale Tesoro. Guida all utilizzo del Portale Stipendi P@
Service Personale Tesoro Guida all utilizzo del Portale Stipendi P@ Accesso al Portale Stipendi PA Per accedere al Portale Stipendi PA selezionare l indirizzo: https://stipendipa.tesoro.it Dall indirizzo
DettagliGestione Turni. Introduzione
Gestione Turni Introduzione La gestione dei turni di lavoro si rende necessaria quando, per garantire la continuità del servizio di una determinata struttura, è necessario che tutto il personale afferente
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
DettagliQUICK GUIDE - AXIOS SIDI CONTABILITA (Area Nuovo Bilancio/Contabilità ver. 6.1.0 o succ. SPLIT PAYMENT)
QUICK GUIDE - AXIOS SIDI CONTABILITA (Area Nuovo Bilancio/Contabilità ver. 6.1.0 o succ. SPLIT PAYMENT) Prima di proseguire nella lettura della guida controllare di aver acquistato il programma AXIOS SIDI
DettagliForm Editor. Dove NomeProfilo è personalizzabile.
Form Editor Il tema permette di generare automaticamente dei moduli per la raccolta di dati in tre semplici step: 1. Si crea una tabella nel database per la raccolta dei dati. Per la creazione si parte
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
DettagliNuova funzione di ricerca del sito WIKA.
Nuova funzione di ricerca del sito WIKA. Il sito WIKA dispone ora di una funzione di ricerca completamente riprogettata. Essa è uno strumento particolarmente importante in quanto deve fornire al navigatore
DettagliDirezione Centrale per le Politiche dell Immigrazione e dell Asilo
Direzione Centrale per le Politiche dell Immigrazione e dell Asilo Sistema inoltro telematico domande di nulla osta, ricongiungimento e conversioni Manuale utente Versione 2 Data creazione 02/11/2007 12.14.00
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
DettagliGuida Rapida all uso del portale www.tiinvito.com v.1.0 (beta)
Guida Rapida all uso del portale www.tiinvito.com v.1.0 (beta) 1 PREMESSA Lo scopo del portale è quello di semplificare le operazioni di gestione degli invitati ad un evento (es. un Matrimonio) mediante
DettagliSoftware Servizi Web UOGA
Manuale Operativo Utente Software Servizi Web UOGA S.p.A. Informatica e Servizi Interbancari Sammarinesi Strada Caiese, 3 47891 Dogana Tel. 0549 979611 Fax 0549 979699 e-mail: info@isis.sm Identificatore
DettagliGestione On Line delle Domande
finanziamenti a favore di Province, Comuni o loro forme associative per la realizzazione di cantieri di lavoro LR 31 dicembre 2012, n.27, art.9, c.127 DPReg. 15 febbraio 2013, n.21 Gestione On Line delle
DettagliCOOKIE POLICY DEL SITO
COOKIE POLICY DEL SITO PREMESSA Questa pagina costituisce una sezione dell'informativa privacy estesa consultabile sul sito e descrive nello specifico l'utilizzo dei cookie effettuato dal titolare. INFORMAZIONI
DettagliU N I O N C A F GUIDA ALLA COMPILAZIONE ONLINE DEL MODELLO 730/2014
U N I O N C A F GUIDA ALLA COMPILAZIONE ONLINE DEL MODELLO 730/2014 REGISTRATI AL SERVIZIO ED UTILIZZA INTERNET EXPLORER USERNAME E PASSWORD DI ACCESSO HANNO DURATA ANNUALE. PER FRUIRE DEL SERVIZIO DI
DettagliCOMUNICAZIONE UTENTI SISTEMI-PROFIS INSTALLAZIONE GE.RI.CO. 2015 e PARAMETRI2015
COMUNICAZIONE UTENTI SISTEMI-PROFIS INSTALLAZIONE GE.RI.CO. 2015 e PARAMETRI2015 Vicenza, 3 giugno 2015 Gentile cliente, si ricorda che a partire dall aggiornamento PROFIS 2011.1 è stato automatizzato
DettagliSOMMARIO... 3 INTRODUZIONE...
Sommario SOMMARIO... 3 INTRODUZIONE... 4 INTRODUZIONE ALLE FUNZIONALITÀ DEL PROGRAMMA INTRAWEB... 4 STRUTTURA DEL MANUALE... 4 INSTALLAZIONE INRAWEB VER. 11.0.0.0... 5 1 GESTIONE INTRAWEB VER 11.0.0.0...
DettagliIstruzioni per il pagamento con Carta di Credito
Sommario Sommario...1 Istruzioni per il pagamento con Carta di Credito...2 Maschera dei pagamenti... 2 Effettuare la transazione... 4 Risoluzione problemi...7 Problemi legati alla configurazione della
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
DettagliIstituto Centrale per il Catalogo Unico delle Biblioteche Italiane. e per le Informazioni bibliografiche. Manuali utente per SBN WEB. Versione 1.
Istituto Centrale per il Catalogo Unico delle Biblioteche Italiane e per le Informazioni bibliografiche Manuali utente per SBN WEB Versione 1.0 Produzione editoriale Vers. 1.0 27/09/2013 Pagina 1 Sommario
DettagliGestione delle Chiavi
UNIFE - Dipartimento di Fisica e Scienze della Terra Gestione delle Chiavi Versione 2.0 Nuova Versione E' stata realizzata una nuova versione della Web Application per la semplificazione della gestione
DettagliPreps Crea nuovo modello
indice Preps Crea nuovo modello 1. Introduzione 2. Definizione modello 3. Creazione imposizione 4. Numerazione pagine 5. Definizione del bianco tipografico 6. Definizione abbondanza pagine 7. Aggiunta
DettagliAPP - myavsalarm ABC - INSTALLATORE
APP - myavsalarm ABC - INSTALLATORE Devi registrarti sul sito www.myavsalarm.com per diventare un installatore abilitato all APP. Apri un browser, vai sul sito dedicato all APP ed entra nell area a te
DettagliGuida Operativa Programma Pestalozzi
Ministero dell Istruzione, dell Università e della Ricerca Ufficio Scolastico Regionale per la Lombardia Ufficio IX Comunicazione Guida Operativa Programma Pestalozzi Utilizzo del Portale Web SharePoint
DettagliMANUALE BREVE PER IL DOCENTE TUTOR
MANUALE BREVE PER IL DOCENTE TUTOR INDICE ARGOMENTO PAGINA Descrizione ruolo svolto 2 Note 2 RUOLO TUTOR Modalità di accesso 3 FUNZIONI SOTTO COMUNICA: Messaggeria 5 FUNZIONI SOTTO STRUMENTI: AGENDA 10
DettagliNOVITÀ SITI COMMERCIALISTA
NOVITÀ E-COMMERCE Sono state introdotte, nella versione 2011B, una serie di implementazioni grazie alle quali sarà ora possibile disporre all interno del proprio sito E-commerce delle seguenti funzionalità:
DettagliE-LEARNING ACADEMY GUIDA OPERATIVA
E-LEARNING ACADEMY INDICE PREMESSA 3 1. FUNZIONALITÀ DELLA PIATTAFORMA E-LEARNING ACADEMY 4 2. REGISTRATI 5 2.1 COME EFFETTUARE LA REGISTRAZIONE 5 3. PERCORSI 8 3.1 COME FRUIRE DEI CONTENUTI FORMATIVI
DettagliGuida al sistema. Dott. Enea Belloni
Sistema Gestionale Voucher Guida al sistema Dott. Enea Belloni Sommario della presentazione Il sistema informatico per la gestione delle domande L utente presentatore: diritti e responsabilità La pagina
DettagliCOMUNIC@CTION INVIO SMS
S I G e s t S.r.l S e d e l e g a l e : V i a d e l F o r n o 3 19125 L a S p e z i a T e l e f o n o 0187/284510/15 - F a x 0187/525519 P a r t i t a I V A 01223450113 COMUNIC@CTION INVIO SMS GUIDA ALL
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
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
DettagliGESTIONE SOGGETTI INCARICATI MANUALE UTENTE VERSIONE 1.0
09/01/2015 GESTIONE SOGGETTI INCARICATI MANUALE UTENTE VERSIONE 1.0 PAG. 2 DI 16 INDICE 1. INTRODUZIONE 3 2. PREMESSA 4 3. FUNZIONI RELATIVE AGLI INCARICATI 6 3.1 NOMINA DEI GESTORI INCARICATI E DEGLI
DettagliESEMPI DI FORM (da www.html.it)
ESEMPI DI FORM (da www.html.it) Vediamo, nel particolare, tutti i tag che HTML 4.0 prevede per la creazione di form. Questo tag apre e chiude il modulo e raccoglie il contenuto dello stesso,
DettagliRegistratori di Cassa
modulo Registratori di Cassa Interfacciamento con Registratore di Cassa RCH Nucleo@light GDO BREVE GUIDA ( su logiche di funzionamento e modalità d uso ) www.impresa24.ilsole24ore.com 1 Sommario Introduzione...
DettagliMANUALE DI INTEGRAZIONE API SMSSmart (v 2.2)
MANUALE DI INTEGRAZIONE API SMSSmart (v 2.2) Questo documento contiene le informazioni necessarie per l interfacciamento con il gateway SMS di SMSSmart. Il suo utilizzo è riservato ai clienti che abbiano
DettagliPSNET UC RUPAR PIEMONTE MANUALE OPERATIVO
Pag. 1 di 17 VERIFICHE E APPROVAZIONI VERSIONE V01 REDAZIONE CONTROLLO APPROVAZIONE AUTORIZZAZIONE EMISSIONE NOME DATA NOME DATA NOME DATA PRATESI STATO DELLE VARIAZIONI VERSIONE PARAGRAFO O DESCRIZIONE
DettagliMANUALE OPERATIVO PER IL CARICAMENTO DEI CONTENUTI DELLE AZIENDE ASSOCIATE NELLA SEZIONE A LORO RISERVATA
MANUALE OPERATIVO PER IL CARICAMENTO DEI CONTENUTI DELLE AZIENDE ASSOCIATE NELLA SEZIONE A LORO RISERVATA 1 Innanzitutto ricordiamo che con il browser Internet Explorer 7 non sarà più possibile accedere
DettagliEsempio Cookie Policy
Esempio Cookie Policy INFORMATIVA ESTESA SULL USO DEI COOKIE Uso dei cookie cascinaladoria.it o il Sito utilizza i Cookie per rendere i propri servizi semplici e efficienti per l utenza che visiona le
DettagliSistema Gestionale FIPRO. Dott. Enea Belloni Ing. Andrea Montagnani
Sistema Gestionale FIPRO Dott. Enea Belloni Ing. Andrea Montagnani Firenze, 29 Aprile 2010 Sommario della presentazione Il sistema informatico per la gestione progetti FIPRO L utente presentatore: diritti
DettagliManuale d uso. A. Registrazione all Area Operativa
Manuale d uso A. REGISTRAZIONE ALL AREA OPERATIVA B. CREAZIONE DI UN EVENTO NEL SITO EXPO VENETO C. ACCREDITAMENTO COME AZIENDA DI SERVIZI PER EXPO VENETO D. FASI DI APPROVAZIONE DI UN EVENTO O DI UNA
DettagliGuida all accesso al portale e ai servizi self service
Guida all accesso al portale e ai servizi self service INDICE PREMESSA 2 pag. 1 INTRODUZIONE 2 2 MODALITÀ DI PRIMO ACCESSO 2 2.1 LA CONVALIDA DELL INDIRIZZO DI POSTA ELETTRONICA 2 2.2 L INSERIMENTO DELLA
DettagliMANUALE PARCELLA FACILE PLUS INDICE
MANUALE PARCELLA FACILE PLUS INDICE Gestione Archivi 2 Configurazioni iniziali 3 Anagrafiche 4 Creazione prestazioni e distinta base 7 Documenti 9 Agenda lavori 12 Statistiche 13 GESTIONE ARCHIVI Nella
DettagliDipartimento di Ingegneria Civile e Ambientale TYPO 3 MANUALE UTENTE
Dipartimento di Ingegneria Civile e Ambientale TYPO 3 MANUALE UTENTE Sommario 1) Introduzione... 3 2) Come richiedere l autorizzazione alla creazione di pagine personali... 3 3) Frontend e Backend... 3
DettagliPrenota On-line - Manuale Utente
Prenota On-line - Manuale Utente Aggiornato al 17/04/2014 1 Indice generale 1. Il Login e la registrazione... 3 2. Pagina iniziale l elenco delle funzioni... 3 3. Prenotazione dell appuntamento... 4 3.1
DettagliFORMMAIL.pl. E'presentata una lista dei campi che possono essere utilizzati all'interno della form: CAMPO NECESSARIO DA INSERIRE NELLA FORM
FORMMAIL.pl L utilizzo di questo script è già previsto in tutti i nostri piani hosting. Inanzitutto la prima cosa da fare è creare un area di form: il "method" deve
DettagliSpazio Commerciale. Le tue vendite, il nostro successo. Manuale Operativo. Guida inserimento articoli tramite Area di amministrazione.
Manuale Operativo Guida inserimento articoli tramite Area di amministrazione Pagina 1 di 8 Indice Generale 1. Sommario 2. Introduzione 3. Glossario 4. Accesso all'interfaccia 5. Icone e funzionalità 5.1.
DettagliAREA RISERVATA tamoil.it
AREA RISERVATA tamoil.it L Area Riservata tamoil.it permette l accesso ad una serie di funzionalità riservate ai clienti Tamoil, siano essi possessori di mycard Tamoil Corporate, Gestori di punti vendita
DettagliPer la registrazione (attivazione) seguite quanto spiegato sotto: È la prima volta che si accede a Enphase?
Per la registrazione (attivazione) seguite quanto spiegato sotto: È la prima volta che si accede a Enphase? I prodotti Enphase Energy migliorano notevolmente le prestazioni dei sistemi a energia solare.
DettagliManuale Utente. Gestione Richieste supporto Data Warehouse. Della Ragioneria Generale dello Stato. Versione 1.0. Roma, Ottobre 2015
Manuale Utente Gestione Richieste supporto Data Warehouse Della Ragioneria Generale dello Stato Versione 1.0 Roma, Ottobre 2015 1 Indice 1 Generalità... 3 1.1 Scopo del documento... 3 1.2 Versioni del
DettagliSOSEBI PAPERMAP2 MODULO WEB MANUALE DELL UTENTE
SOSEBI PAPERMAP2 MODULO WEB MANUALE DELL UTENTE S O. S E. B I. P R O D O T T I E S E R V I Z I P E R I B E N I C U L T U R A L I So.Se.Bi. s.r.l. - via dell Artigianato, 9-09122 Cagliari Tel. 070 / 2110311
DettagliGuida alla configurazione della posta elettronica dell Ateneo di Ferrara sui più comuni programmi di posta
Guida alla configurazione della posta elettronica dell Ateneo di Ferrara sui più comuni programmi di posta. Configurazione Account di posta dell Università di Ferrara con il Eudora email Eudora email può
DettagliINDICE. Accesso al Portale Pag. 2. Nuovo preventivo - Ricerca articoli. Pag. 4. Nuovo preventivo Ordine. Pag. 6. Modificare il preventivo. Pag.
Gentile Cliente, benvenuto nel Portale on-line dell Elettrica. Attraverso il nostro Portale potrà: consultare la disponibilità dei prodotti nei nostri magazzini, fare ordini, consultare i suoi prezzi personalizzati,
DettagliServizio di Posta elettronica Certificata (PEC)
Pag. 1 di 25 Servizio di Posta elettronica Certificata (PEC) Manuale Utente MICROSOFT Pag. 2 di 25 INDICE 1. MODALITÀ DI ACCESSO AL SERVIZIO...3 2. CLIENT DI POSTA...4 3. CONFIGURAZIONE CLIENT DI POSTA
Dettagli