Comparteix:

Formulari

Videotutorials

Com crear un formulari bàsic

  • Com configurar un correu de confirmació per l'usuari
  • Com desar les dades aun fitxer

 

Creació d'un formulari

El formulari és un tipus de contingut molt potent i ens pot aportar moltes funcionalitats interessants al nostre espai. Ens permet crear un formulari amb preguntes o opcions que l’usuari haurà d'emplenar. Les respostes dels usuaris les podrem rebre a través d’un correu electrònic o bé descarregant-nos un fitxer csv amb totes les dades recollides.

El procés de creació és el següent:

  • Afegir un contingut tipus Carpeta de formulari
  • Creació dels components del formulari

Quan creem la carpeta formulari, la seva edició ens permet definir el nom, les etiquetes dels botons d’enviament i cancel·lació i els textos i/o imatges que volem que surtin abans (pròleg) i després (epíleg) del cos del formulari.

 

Un cop creat el formulari ens crea un conjunt de camps i accions per defecte que podem modificar o eliminar segons les nostres necessitats. Aquests són:

  • Remitent: ens permetrà definir una adreça de correu electrònic que rebrà un correu cada vegada que un usuari empleni el formulari. També podrem  configurar aquest missatge definint, entre d’altres, les dades que volem que ens arribin del formulari que estem creant. Si no tenim aquest component, l'adreça de correu a la qual arribaran les notificacions cada vegada que s'empleni el formulari, serà la que està configurada en general per tot el genweb, aquesta adreça ens la vau indicar quan es va fer l'alta del genweb.
  • Camps del formulari: són tres primers camps que es creen per defecte, que podrem editar o eliminar, si no ens interessen:
    • Adreça de correu electrònic
    • Assumpte
    • Comentaris
  • Gràcies: és una pàgina que se li mostra a l'usuari un cop aquest ha enviat el formulari

Edició del formulari

A un formulari podem afegir camps i adaptadors. Els camps ens permeten configurar el formulari amb la informació que s'ha d'emplenar, i els adaptadors són accions que s'executen en funció d'algun esdeveniment, per exemple, quan l'usuari envia el formulari es pot executar l'adaptador que enviarà correus electrònics de confirmació, o es pot executar l'adaptador que ens guarda les dades a una taula.

Per afegir aquests camps o adaptadors ho fem:

  • des de la pestanya Continguts fent servir el desplegable Afegeix 
  • des d'una pestanya especifica dels formularis que es diu QuickEdit.

Consell: us recomanem que feu servir la pestanya Continguts enlloc del QuickEdit, que de vegades dona problemes.

L'edició amb QuickEdit és drag & drop, afegim els components arrosegant-los. A la part esquerra de la pantalla es veurà el formulari amb els camps per defecte, i a la part dreta la llista de tipus de camps i accions que es poden seleccionar.

 

Camps del formulari

Tipus

Els camps que podem afegir a un formulari son:

  • Checkbox
  • Data
  • Número enter
  • Número decimal
  • Cadena: per introduir un text, el camp només serà d'una línia
  • Text: per introduir un text, el camp pot ocupar les línies que vulguem
  • Text amb format: per introduir text però amb un editor, de manera que l'usuari el podrà formatar
  • Desplegable múltiple: ens permetrà seleccionar més d'una opció, es pot presentar com desplegable o radio bottom
  • Selecció: només podrem seleccionar una opció, es pot presentar com desplegable o radio bottom
  • Escala de puntuació: per valorar una premisa de menys a més d'acord 
  • Fitxer: per pujar fitxers, s'explica més avall com funciona
  • Etiqueta: per introduir un literal 
  • Etiqueta amb format: podrem definir literals amb format 
  • Contrasenya: no es veuran els caràcters que escrivim
  • Captcha: per detectar que és un humà qui ha emplenat el formulari i així bloquejar robots. Important no configurar com a requerit,ja ho és pel tipus de camp. SI es configura a més com a requerit donarà error.

Com afegir un camp per annexar fitxers

L'arxiu annexat quedarà emmagatzemat al genweb, i també arriba per correu electrònic al remitent.

  1. Afegir un "Camp de Fitxer". L'arxiu no es guarda a la base de dades si no que s'envia per correu electrònic al destinatari configurat en el 'Remitent'.
  2. Cal que anem a la vista de Continguts i obrim el Remitent.
  3. En la vista 'Edita' trobarem 6 grups d'opcions. En la primera, 'Per defecte', hem d'especificar la persona que rebrà els correus amb els arxius adjunts a les respostes del formulari.
  4. En el grup 'Message' hem de parar atenció en el camp 'Mostrar respostes', allí cal especificar que volem que s'inclogui en el missatge el camp d'arxiu annexat:

 

Com evitar spam a la bustia remitent

S'ha d'afegir sempre un camp de tipus reCaptcha per evitar que robots comencin a emplenar el formulari recursivament i ens omplin la bustia remitent.

 

Adaptador de correu: configuració de les notificacions

Si després de seguir aquestes instruccions, experimenteu problemes reben les notificacions, poseu un tiquet a l'ATIC, perquè revisem que només hi ha una bustia de correu configurada per defecte a la vostra instància genweb. 

Rebre un correu com administrador

Per rebre un correu cada vegada que algú envia un formulari. Tenim dues opcions:

  1. Sense configurar res, ho rebrà la bústia que estigui configurada per defecte a tot el genweb (això es configura quan es fa l'alta del genweb, i es pot canviar obrint un tiquet a atic.upc.edu)
  2. O podem configurar específicament una bústia per aquest formulari:
    1. A l'opció del menú esquerre Accions seleccionem Configura Accions. A l 'apartat remitent seleccionem "Configuració"
    2. A la pestanya Per defecte, al camp Adreça de correu del receptor escrivim la bústia a on volem rebre la notificació

 

Enviar un correu de confirmació a l'usuari i rebre un com administrador

  1. Configurar el correu per a l'usuari
    1. A la pestanya Continguts o al Quickedit editem l'acció Remitent
    2. A la pestanya Addressing, al camp Extreure els destinataris seleccionem la opció del camp a on recollim el correu electrònic de l'usuari que, per defecte, si no hem canviat el nom, és La teva adreça de correu electrònic 
  2. Configurar el correu de l'administrador
    1. Per rebre un mail com a administradors del formulari afegirem, també a la pestanya Addressing, la bústia de l'administrador a Destinataris en còpia o a Destinataris ocults. (El que hi hagi configurat a la pestanya Per defecte ara ja no té efecte).
Si volem personalitzar el correu que es rep (canviar l'assumpte o el cos) o podem fer a la pestanya Message.

Com modificar el camp De: (From:) dels correus. Configuració del remitent.

El camp De: serà, per defecte, la bústia configurada per defecte a tot el genweb, per canviar-ho:

Al component Remitent, a la pestanya Overrides, al camp Expressió per al remitent posarem una expressió TALES:

string:nom.cognoms@upc.edu

 

Adaptador de desat de dades: tractament de les respostes dels usuaris

A banda de poder rebre un correu cada vegada que un usuari emplena un formulari, podem recollir les dades a un fitxer CSV que després ens podrem baixar i tractar amb un full de càlcul.

Per activar aquesta opció afegirem des del QuickEdit l'acció "Adaptador de desat de dades".

Per veure les dades de tots els usuaris que han emplenat el formulari entrem des de la pestanya Continguts a l'adaptador que acabem de crear. Amb el desplegable Vistes que tenim a la dreta podem seleccionar com volem veure les dades:

  • Al mateix genweb en una taula
  • En un fitxer CSV descarregable

Consell

De vegades ens podem trobar amb problemes de codificació dels accents quan obrim el CSV des de Excel, per evitar-ho podem:

  • Fer servir OpenOffice i especificar que està codificat en UTF8
  • Obrir l'aplicació Excel sense obrir el fitxer, anar a la pestanya DADES, a l'apartat Obtenir dades externes, escollim Des de text, escollim el fitxer que ens hem baixat des del genweb, i en la finestra de configuració escollim Tipus d'arxiu: Delimitat, Separador: coma, i la resta de paràmetres els que ens proposa per defecte.

Adaptador d'script personalitzat

També podem afegir un adaptador d'script, que ens permet programar en llenguatge Phyton l'acció que ens calgui. Això és per usuaris amb coneixements tècnics de programació.

No ho aconsellem ni podem donar suport degut a que les versions del llenguatge o del programari poden canviar i deixar de funcionar en qualsevol moment.

 

Altres accions

Com modificar l'acció que s'executa quan s'envia el formulari

Al component "Remitent", a la pestanya "Overrides" al camp "Acció personalitzada d'èxit" posarem una  expressió TALES.

Per exemple, podem crear un botó per descarregar un fitxer, fent servir l'eina de formulari. Per fer-ho el Botó "envia" el renombrarem a "descarrega't" i al remitent afegirem l'expressió:

redirect_to:string:fitxer.pdf

S'ens baixarà el fitxer pdf, i podrem comptabilitzar amb Google Analytics quantes descàrregues hem tingut.

Com recollir la identitat de l'usuari que emplena un formulari

Podem autoemplenar un dels camps amb el CN de  l'usuari (canonical name o nom.usuari LDAP) que està emplenant el formulari tenint en compte que:

  • L'usuari s'ha d'haver identificat, es a dir, el formulari ha d'estar en intranet
  • El que es recull és el CNAME o nom curt de la l'usuari a l'LDAP. Per exemple: nom.cognom1.cognom21.- Creem el formulari

Els passos són:

  1. Afegim un camp tipus text
  2. Editem el camp i a la pestanya "Overrides", en el primer apartat on posa "Expressió per defecte", afegim here/memberId

Documentació relacionada: https://docs.plone.org/working-with-content/managing-content/ploneformgen/faq.html#q-how-do-i-make-a-field-default-to-the-member-s-name-address-id

Tenim la possibilitat és posar aquest camp ocult, ja que no es necessari que l'usuari l'empleni.

 

Documentació oficial del producte de formularis

https://docs.plone.org/develop/plone/forms/ploneformgen.html

 

Protecció de dades personals

Si en el nostre formulari recollim dades de caràcter personal haurem de complir amb el que dicta el Reglament General de Protecció de Dades (RGPD).  Trobareu tota la informació al respecte a:

https://www.upc.edu/normatives/ca/proteccio-de-dades/cataleg-de-normes-ti/guia-dret-informar-i-legitimacio

https://www.upc.edu/normatives/ca/proteccio-de-dades/cataleg-de-normes-ti/informacio-que-cal-facilitar-quan-demanem-dades-personals

També cal tenir en compte que hi ha tràmits que, per llei, cal fer des de la Seu Electrònica:

https://seuelectronica.upc.edu/ca/tramits

 

Alternatives als formularis de genweb

Comparativa de les diferents solucions per crear formularis que ofereix la UPC.

El primer que hem de valorar és si és un tràmit que cal fer des de la Seu Electrònica:

https://seuelectronica.upc.edu/ca/tramits

Si us cal fer un formulari amb opcions més avançades que les de Genweb, recordeu que teniu disponible el servei MyEnquestes, que permet fer enquestes i formularis i està basat en el programari lliure LimeSurvey. MyEnquestes permet, de manera senzilla, definir condicions, temporitzadors, guardar el formulari i continuar-ho en un altre moment, etc.

També estan disponibles eines online, com ara Google Forms, però hem de tenir en compte que en aquest cas les dades dels nostres formularis s'estan guardant a un sistema aliè a la UPC, a una companyia amb seu als Estats Units, a on la legislació de protecció de dades és diferent a l'Europea, per tant no és recomanable si estem tractant amb dades sensibles.