Creazione Modulo online

Di seguito verrà illustrato e spiegato come creare un Modulo Online e il relativo Template di stampa

Per accedere alla schermata che permette la Configurazione dei Moduli Online, bisogna seguire il seguente percorso:

Cliccare su “Impostazioni” (del menù laterale).

Cliccare sul blocco “Configurazione Moduli Online”.

Accedendo così alla sezione riguardante la gestione dei Moduli Online .

Per entrare creare un nuovo Modulo Online premere il bottone in alto a destra “crea nuovo modulo online”.

Successivamente si verrà riportati alla seguente pagina

Dopo aver compilato i campi (titolo, tipologia, intestazione modulo, footer modulo, servizio/struttura, gestione autorizzazione lettura del modulo, gestione autorizzazione scrittura del modulo) verremo portati a questa nuova schermata:

Qui incomincerà la vera e propria creazione delle domande del nostro modulo online

Il modulo si divide in due aree principali:

A) VISUALIZZA: visualizzeremo e compileremo le domande presenti nel nostro modulo

B) MODULI ONLINE: è la sezione dove dovremo creare le varie domande

Iniziamo col descrivere la sezione B, nella quale ci occuperemo di creare e gestire le domande:

Etichetta: è il nome che comparirà durante la compilazione del modulo, ad esempio, come si può notare nelle due immagini precedenti, l’etichetta, dell’area B, “Modulo per utente” verrà visualizzata nell'area A durante la nostra compilazione.

Form key: questa è una chiave univoca, quindi non ci potranno essere ripetizioni e dovrà essere diversa tra una domanda e l’altra, potrà differire dall'etichetta e non dovranno essere presenti degli spazi né caratteri speciali, come ad esempio “. ; , - ? # [ { } ] “ ” ^ / * + “ ecc.. l’unico carattere disponibile è l'underscore, comunemente chiamano trattino basso: “ _ “.

Tipo: qui sarà visualizzato il tipo di campo che abbiamo utilizzato, ad esempio campo di testo, numero, caselle di scelta multipla ecc (saranno spiegati nel dettaglio successivamente).

Valore: è possibile impostare un valore predefinito per un campo, più avanti vedremo qualche esempio.

Obbligatorio: mettendo il segno di spunta ✔ il campo diventerà obbligatorio durante la compilazione del modulo, sarà distinguibile dai campi non obbligatori tramite l’apposito simbolo “ * “.

Operazioni: sarà possibile eseguire delle operazioni sulla singola domanda, come ad esempio: la modifica dell’etichetta; il poter clonare la domanda, quindi farne una copia esatta, o semplicemente il poter eliminare una domanda.

7. È il campo d’inserimento dell’etichetta del nuovo componente.

8. Il tipo di campo per il nuovo componente che andremo ad inserire.

9. Il tasto per aggiungere il nuovo componente.

Ora è possibile creare le domande del modulo, di seguito verranno fatti degli esempi di domande, come utilizzare i relativi campi e come configurarli.

I passaggi che si ripeteranno per ogni domanda saranno i seguenti:

A. Scegliere un’etichetta (Numero 7 del precedente elenco)

B. Scegliere un tipo di campo (Numero 8 del precedente elenco)

C. Premere sul campo aggiungi (Numero 9 del precedente elenco)

Iniziamo con le domande di esempio:

Area di testo

Domanda 1: se si dovesse aver un riquadro sul nostro modulo cartaceo in cui si ha a disposizione un’area per inserire del testo libero (ad esempio delle osservazioni), è possibile utilizzare il tipo di campo: Area di testo.

Etichetta: Osservazioni

Tipo: Area di testo

Dopo aver premuto il tasto 'aggiungi' verremo portati sulla seguente schermata:

Etichetta (campo obbligatorio) e Form Key (campo obbligatorio) saranno identici, ma è possibile modificare entrambi utilizzando tranquillamente nomi differenti. Valore predefinito, in cui potremmo assegnare un valore predefinito, in questo caso possiamo lasciarlo bianco. Descrizione è un campo in cui è possibile dare una descrizione del campo, ad esempio “Inserisci qua le tue considerazioni”; Obbligatorio se scegliamo di spuntare questo quadratino, renderemo il campo obbligatorio e quindi durante la compilazione sarà obbligatorio compilarlo, infine il riquadro Visualizzazione contiene gli attributi del campo, per ora lo lasceremo perdere.

Fatto ciò premendo sul tasto “salva componente”, verrà salvata la domanda e verremo portati nuovamente alla lista delle domande, poi cliccando sul tasto in alto “VISUALIZZA” potremo visualizzare il risultato della domanda che abbiamo creato:

Risultato :

Campo di testo

Domanda 2: per tutte quei campi o domande che sono del testo semplice (ad esempio: colore preferito) possiamo utilizzare il tipo di campo: Campo testo

Etichetta: Colore preferito

Tipo: Campo testo

Dopo aver premuto il tasto 'aggiungi' verremo portati sulla seguente schermata:

Etichetta (campo obbligatorio) e Form Key saranno identici (nella Form Key lo spazio è stato sostituito dall'underscore/trattino basso), ma è possibile modificare entrambi utilizzando tranquillamente nomi differenti. Valore predefinito, in cui potremmo assegnare un valore predefinito, in questo caso possiamo lasciarlo bianco. Descrizione è un campo in cui è possibile dare una descrizione del campo, ad esempio “Inserisci il colore che più ti piace”; Obbligatorio, all'interno del riquadro “VALIDAZIONE”, se scegliamo di spuntare questo quadratino, renderemo il campo obbligatorio e quindi durante la compilazione sarà obbligatorio compilarlo, infine il riquadro Visualizzazione contiene gli attributi del campo, per ora lo lasceremo perdere.

Fatto ciò premendo sul tasto “Salva” componente, verrà salvata la domanda e verremo portati nuovamente alla lista delle domande, poi cliccando sul tasto in alto “VISUALIZZA” potremo visualizzare il risultato della domanda che abbiamo creato:

Risultato (andare su visualizza):

Data

Domanda 3: quando c’è bisogno di inserire una data all’interno del nostro modulo, sarà possibile utilizzare il tipo di campo: Data

Etichetta: Data di compilazione

Tipo: Data

Dopo aver premuto il tasto 'aggiungi' verremo portati sulla seguente schermata:

Etichetta (campo obbligatorio) e Form Key, in questo esempio, scegliamo di chiamarli con nomi differenti:

Etichetta: Data di compilazione

Form Key: dataComp;

Valore predefinito, in cui potremmo assegnare un valore predefinito, in questo caso possiamo lasciarlo bianco. Descrizione è un campo in cui è possibile dare una descrizione del campo, in questo caso possiamo lasciarlo bianco; Obbligatorio, all'interno del riquadro “VALIDAZIONE”, se scegliamo di spuntare questo quadratino, renderemo il campo obbligatorio e quindi durante la compilazione sarà obbligatorio compilarlo. Data Iniziale e Data Finale si intende le date disponibili, -2 years e +2 years, significa che in questo campo “data” sarà possibile inserire una data che parte dal giorno corrente fino a due anni precedenti e che arriva ai prossimi due anni, eventualmente per la data di nascita questi due campi saranno impostati a -100 years e +2 years. Infine, il riquadro Visualizzazione contiene gli attributi del campo.

Fatto ciò premendo sul tasto “salva componente”, verrà salvata la domanda e verremo portati nuovamente alla lista delle domande, poi cliccando sul tasto in alto “VISUALIZZA” potremo visualizzare il risultato della domanda che abbiamo creato:

Risultato (andare su visualizza):

Data e ora

Domanda 4: quando c’è bisogno di inserire un orario all’interno del nostro modulo, sarà possibile utilizzare il tipo di campo: Data e ora

Etichetta: Ora di compilazione

Tipo: Data e ora

Dopo aver premuto il tasto 'aggiungi' verremo portati sulla seguente schermata:

Etichetta (campo obbligatorio) e Form Key, in questo esempio, scegliamo di chiamarli con nomi differenti:

Etichetta: Ora di compilazione

Form Key: oraComp;

Valore predefinito, in cui potremmo assegnare un valore predefinito, in questo caso possiamo lasciarlo bianco, Descrizione è un campo in cui è possibile dare una descrizione del campo, in questo caso possiamo lasciarlo bianco; Obbligatorio, all'interno del riquadro “VALIDAZIONE”, se scegliamo di spuntare questo quadratino, renderemo il campo obbligatorio e quindi durante la compilazione sarà obbligatorio compilarlo, in Visualizzazione sarà possibile scegliere il formato dell’ora, se 12-ore (am/pm) o 24-ore.

Risultato (andare su visualizza):

E-sign

Domanda 5: quando c’è bisogno di inserire una firma, sarà possibile utilizzare il tipo di campo: E-Sign

Etichetta: Firma

Tipo: E-Sign

Dopo aver premuto il tasto 'aggiungi' verremo portati sulla seguente schermata:

Etichetta (campo obbligatorio) e Form Key saranno identici. Descrizione è un campo in cui è possibile dare una descrizione del campo, ad esempio “Inserisci il colore che più ti piace”; Titolo di default della firma, in cui potremmo assegnare un valore predefinito per il campo titolo della firma, solitamente utilizzato per identificare il titolo della persona (ad esempio, Sig. o Sig.ra, Dott. Ecc.. ), in questo caso possiamo lasciarlo bianco, Obbligatorio, all'interno del riquadro “VALIDAZIONE”, se scegliamo di spuntare questo quadratino, renderemo il campo obbligatorio e quindi durante la compilazione sarà obbligatorio compilarlo, infine il riquadro Visualizzazione contiene gli attributi del campo, per ora lo lasceremo perdere.

Fatto ciò premendo sul tasto “salva componente”, verrà salvata la domanda e verremo portati nuovamente alla lista delle domande, poi cliccando sul tasto in alto “VISUALIZZA” potremo visualizzare il risultato della domanda che abbiamo creato:

Risultato (andare su visualizza):

Griglia

Domanda 6: quando c’è bisogno di inserire griglia, ad esempio una serie di domande in cui è possibile dare delle risposte comuni a tutte le domande, sarà possibile utilizzare il tipo di campo: Griglia

Esempio di griglia:

SI NO

domanda 1 X |

domanda 2 | X

domanda 3 X |

Etichetta: griglia

Tipo: Griglia

Dopo aver premuto il tasto 'aggiungi' verremo portati sulla seguente schermata:

Etichetta (campo obbligatorio) e Form Key saranno identici. Opzioni sarà la lista delle possibili risposte comuni a tutte le domande, bisognerà comporre le opzioni nel seguente modo CHIAVE|RISPOSTA, ricordarsi bene di iniziare le opzioni col numero 1. Domande sarà la lista delle possibili domande, bisognerà comporre le domande nel seguente modo CHIAVE|DOMANDA, ricordarsi bene di iniziare le domande col numero 1.

Risultato (andare su visualizza):

Matrix

Domanda 7: quando c'è bisogno di inserire una tabella in cui si possono avere righe multiple, ad esempio se si desidera chiedere dei dati (nome, data di nascita, sesso), sarà possibile utilizzare il tipo di campo: Matrix

Etichetta: Tabella

Tipo: Matrix

Dopo aver premuto il tasto 'aggiungi' verremo portati sulla seguente schermata:

Etichetta (campo obbligatorio) e Form Key saranno identici. Descrizione è un campo in cui è possibile dare una descrizione del campo.

Saranno presenti due campi di configurazioni della nostra tabella, che ci permetteranno di decidere quanti righe e quante colonne utilizzare nella nostra tabella. (le righe si potranno aggiungere successivamente tramite un tasto “Aggiungi riga” mentre le colonne saranno fisse).

Dopo aver configurato la struttura della nostra tabella avremo una schermata simile alla seguente:

Fatto ciò, dovremo definire la 'tipologia' dei campi.

I campi disponibili sono i seguenti:

Matrix -> Campo di testo: è un campo di testo, solitamente utilizzato per inserire brevi parole (ad esempio il nome, cognome…) textfield size e lunghezza massima è appunto la lunghezza della parola, in caratteri (50 corrispondo a 50 caratteri, quindi a 50 lettere o spazi e non parole).

Titolo: è il titolo della colonna.

Textfield size e Lunghezza massima: sono la lunghezza massima del campo, per quanto riguarda il testo.

Matrix ->Select Options: di selezione, molto simile al campo “Opzioni del selettore” che vedremo successivamente, nel quale è possibile dare una scelta multipla o no, tramite una lista di valori o i classici radio.

Titolo: è il titolo della colonna

Opzione: è la lista delle possibili scelte (nel nostro esempio, si può utilizzare per chiedere il sesso), bisognerà comporre le opzioni sempre con la struttura CHIAVE|VALORE, ad esempio:

1|Maschio

2|Femmina

il Risultato sarà

□ Maschio

□ Femmina

Select type: è la scelta tra 1) Listbox (le risposte in lista) o 2) Radio le scelte col quadratino nel quale bisogna mettere il segno di spunta.

Multipla: permette di scegliere se le nostre opzioni saranno selezionabili entrami o solamente una. (nel nostro esempio del sesso, l’opzione “multipla” non sarà attiva).

Matrix -> Etichetta: utilizzato unicamente per ripete un testo per tutte le righe.

Titolo: è il titolo della colonna.

Label Name: sarà il testo che verrà ripetuto per tutte le righe, ad esempio se si vuole scrivere una piccola legenda comune a tutte le righe.

Matrix -> Data: è un campo in cui è possibile inserire una data.

Titolo: è il titolo della colonna.

Calendario: la differenza tra attivarlo o meno è visibile nella seguente immagine (a sinistra (1) è attivo (consigliata), a destra (2) è disattivato).

Data di inizio: si intende la data da cui si può scegliere (nei casi in cui si chiede la data di nascita questo campo bisognerà impostarlo a -100 years).

Data fine: è la fine del range selezionabile. Solitamente impostato a +2 years.

Matrix -> Area di testo: è un campo di testo libero, utilizzato ad esempio se si necessita di lasciar scrivere delle osservazioni in tutte le righe.

Titolo: è il titolo della colonna.

Righe: è l’altezza della nostra area di testo (impostare ad 1 o 2).

Cols: è la larghezza della nostra area di testo.

Tornando all’esempio, dopo aver configurati campi, si dovrebbe aver una configurazione simile alla seguente:

Come parte finale della configurazione del campo di tipo Matrix, c'è la possibilità di far scegliere al compilatore se aggiungere o rimuovere dinamicamente le righe della tabella, la configurazione dovrà essere la seguente

Risultato (andare su visualizza):

Opzione di selettore

Domanda 8: se si dovesse aver bisogno di inserire una selezione singola o multipla, è possibile utilizzare il campo di tipo: Opzioni del selettore

Etichetta: Selettore

Tipo: Opzioni del selettore

Dopo aver premuto il tasto 'aggiungi' verremo portati sulla seguente schermata:

Etichetta (campo obbligatorio) e Form Key saranno identici. Descrizione è un campo in cui è possibile dare una descrizione del campo. Il campo Opzioni conterrà la lista delle possibili scelte. Bisogna ricordarsi che la struttura deve essere CHIAVE|VALORE , il campo Multipla permetterà di scegliere le risposte in maniera univoca (solo una selezionabile), o in maniera multipla(più risposte selezionabili).

Risultato (andare su visualizza):

Nascosto

Domanda 9: se si dovesse aver bisogno di inserire dei punteggi alle domande, è possibile utilizzare il campo di tipo: Nascosto.

Per far ciò il procedimento è diverso, bisogna andare sull'etichetta “scoring rules”.

Si presenterà la seguente schermata:

Dopo aver premuto sul tasto “abilita”, verrà automaticamente creato un campo di tipo Nascosto, nella nostra schermata dei campi (tab campi del modulo), con il nome utilizzato nell'etichetta dell’immagine soprastante.

Fatto ciò bisogna creare una nuova Regola, aprendo il riquadro “NEW RULE” (della tab “scoring rules”) sarà possibile scegliere il componente e quale punteggio assegnare:

Component: contiene la lista di tutti i campi.

Dati: contiene il punteggio associato alle risposte per il Component scelto; ad esempio se si ha un campo di tipo “Opzioni del selettore” strutturato nel seguente modo.

1|Scelta uno

2|Scelta due

3|Scelta tre

E si vuole associare dei valori a queste scelte, bisognerà selezionare il Component corrispondente ad “Opzioni del selettore” e valorizzare le risposte nel seguente modo VALORE|PUNTEGGIO, quindi nel nostro caso sarà:

1|0

2|1

3|5

Premendo il tasto 'aggiungi' verrà aggiunta la regola poco più sotto, se dovesse servire sarà possibile eliminarla o modificarla:

È possibile dare un punteggio a qualsiasi campo, ma bisogna stare attenti che il VALORE deve coincidere con la risposta data, quindi nel caso in cui il Component sia un campo di testo (colore preferito), noi creiamo una regola di punteggio in cui associamo:

al valore rosso 5 punti ( rosso|5 )

al valore blu 3 punti ( blu|3 )

se il compilatore inserirà giallo, ovviamente quest’ultimo non avendo nessun punteggio associato, non verrà considerato nella tabella finale dei punti.

Visualizzando il risultato, si otterrà un’immagine simile alla seguente:

Riferimento Nodo

Domanda 10: se si dovesse aver bisogno di scegliere un nodo presente all'interno della piattaforma (Anagrafica, Enti, Servizi.. ecc), è possibile utilizzare il campo di tipo: Riferimento Nodo

Etichetta: Riferimento nodo

Tipo: Riferimento nodo

Dopo aver premuto il tasto aggiungi verremo portati sulla seguente schermata:

Field type: permetterà di scegliere se rappresentare la lista del nodo mediante:

Select List, cioè una lista di selezione (il classico menu a tendina).
Checkbox/Radio, cioè una lista rappresentata mediante il quadratino o tramite il pallino di selezione.
Autocompletamento, cioè comparirà una casella durante la compilazione nella quale iniziando a scrivere la parola, verranno suggerite le possibili scelte ( CONSIGLIATO ).

Tipi di contenuto che possono essere usati come riferimento : è la lista di tutti i nodi presenti all’interno della piattaforma.

Etichetta (campo obbligatorio) e Form Key saranno identici.

Descrizione è un campo in cui è possibile dare una descrizione del campo.

Se si dovesse scegliere “Anagrafiche” durante la fase di compilazione comparirà la lista di tutte le anagrafiche presenti nella piattaforma.

Invece se si volesse che la lista delle anagrafiche fosse limitata in base ai permessi impostati per chi compila, sarà necessario mettere il segno di spunta sulla voce “Use a view” e successivamente selezionare la voce: “elenco_anagrafica_references - Entity Reference”.

In questo modo, durante la compilazione, il compilatore potrà scegliere le stesse anagrafiche presenti nella sua voce del menu laterale “Utenti”.

Successivamente premendo sul tasto “salva componente”, verrà salvata la domanda e verremo portati nuovamente alla lista delle domande, poi cliccando sul tasto in alto “VISUALIZZA” potremo visualizzare il risultato della domanda che abbiamo creato:

Risultato (andare su visualizza):

Riferimento Utente

Domanda 11: se si dovesse aver bisogno di scegliere tra gli operatori presenti all'interno della piattaforma, ad esempio nel caso di un campo “Operatore associato” che potrebbe non corrispondere alla persona che sta compilando è possibile utilizzare il campo di tipo: Riferimento Utente.

Etichetta: Riferimento nodo

Tipo: Riferimento nodo

Dopo aver premuto il tasto 'aggiungi' verremo portati sulla seguente schermata:

Field type: permetterà di scegliere se rappresentare la lista degli operatori mediante:

· Select List, cioè una lista di selezione (il classico menu a tendina).

· Checkbox/Radio, cioè una lista rappresentata mediante il quadratino o tramite il pallino di selezione.

· Autocompletamento, cioè comparirà una casella durante la compilazione nella quale iniziando a scrivere la parola, verranno suggerite le possibili scelte ( CONSIGLIATO ).

User with roles that can be referenced: è la lista del tipo di utente che può essere scelto, ad esempio se si vuole che all’interno della nostra lista compaiano tutti gli operatori sociali, selezioneremo il ruolo “Operatore sociale”.

Etichetta (campo obbligatorio) e Form Key saranno identici.

Descrizione è un campo in cui è possibile dare una descrizione del campo.

Fatto ciò premendo sul tasto salva componente, verrà salvata la domanda e verremo portati nuovamente alla lista delle domande, poi cliccando sul tasto in alto “VISUALIZZA” potremo visualizzare il risultato della domanda che abbiamo creato.

Risultato (andare su visualizza):

Riquadro

Questo Tipo di Campo ti consente di creare dei riquadri per cui, in sede di visualizzazione, puoi fare apparire alcuni Campi raggruppati sotto un unico riquadro al quale dare un titolo significativo per il gruppo dei Campi in esso inseriti.

Nel riquadro dell’etichetta puoi inserire il titolo del riquadro.

Nella Descrizione puoi inserire una istruzione che comparirà subito sotto il titolo del riquadro.

Compilato il campo, questo ti apparirà, in sede di visualizzazione, come l’ultimo Campo compilato. Ora lo puoi spostare in un qualunque punto dell’elenco dei Campi trascinandolo con il mouse dopo averlo agganciato sulla croce delle freccette.

A questo punto, con la stessa modalità trascini successivamente al Campo riquadro i Campi che dovranno essere inseriti all’interno del riquadro spostandoli un poco sulla destra come nella immagine seguente.

Appariranno dei “triangolini”. Salva il modulo e in sede di visualizzazione gli ultimi tre campi appariranno inseriti nel riquadro che abbiamo intestato “Insieme domande a seguito di osservazione diretta”.

N.B. Nel caso in cui all’interno di un riquadro vengano inseriti alcune domande in modalità “Matrix” queste non rispondono ad alcuna condizione. Questo è un bug del sistema che forse verrà risolto in successivi aggiornamenti di Drupal.

ATTENZIONE: se utilizzi il comando che ti consente di eliminare il riquadro eliminerai anche tutti i campi in esso contenuti. Se vuoi eliminare il Campo Riquadro devi prima portare all’esterno i campi che in esso sono contenuti, salvare i cambiamenti e, solo successivamente, eliminare il campo Riquadro.

Il risultato totale del modulo online sarà il seguente: