Educa5 Formulario Web

De EducaMadrid Ayuda
Saltar a: navegación, buscar

AVISO: ESTA INFORMACIÓN CORRESPONDE A UNA VERSIÓN ANTIGUA (5.2) QUE NO ESTÁ OPERATIVA ACTUALMENTE. PINCHA AQUÍ PARA VER ESTA INFORMACIÓN ACTUALIZADA..


La versión 5 del portal EducaMadrid incorpora entre sus herramientas un nuevo portlet denominado "Formulario Web". Básicamente los formularios web son un medio de comunicación entre usuarios. Podemos rellenar estos formularios web de igual modo que hacemos con los formularios de papel, utilizando casillas de selección, botones de opción, o campos de texto.

Los formularios son importantes porque permiten a los usuarios interactuar con la página, ya sea para enviar comentarios al usuario propietario de la página, buscar información, etc. y cuánto más limpio y atractivo sea su diseño mejor comunicación se establecerá entre nosotros.

Contenido

Vídeo tutorial: Formulario Web


Si queremos crear un formulario web en EducaMadrid accederemos a las opciones de configuración del portlet:


Formulario web.png


El formulario está dividido en tres partes fundamentales que debemos cumplimentar según nuestras necesidades:

Información del Formulario

Título y Descripción

Titulo descripcion formulario.png


Veamos el proceso con un ejemplo:


Título: Escribiremos una palabra o frase con el nombre o asunto del formulario que vamos a crear. Por ejemplo: "Formulario de inscripción curso EducaMadrid V.5.0"


Descripción: Este campo nos permite dar una idea general de las distintas partes o propiedades del formulario. También podemos utilizarlo para realizar puntualizaciones o aclaraciones acerca del cuestionario: "Para la aceptación de la solicitud es necesario rellenar todos los campos del siguiente formulario".



Requerir CAPTCHA

Captcha.png

Captcha es el acrónimo de Completely Automated Public Turing test to tell Computers and Humans Apart (Prueba de Turing pública y automática para diferenciar a máquinas y humanos).

La típica prueba consiste en que el usuario introduzca un conjunto de caracteres que se muestran en una imagen distorsionada que aparece en pantalla. Se supone que una máquina no es capaz de comprender e introducir la secuencia de forma correcta por lo que solamente el humano podría hacerlo.

Utilizaremos un captcha si queremos evitar que algún "intruso" pueda acceder a nuestro formulario. Para ello, bastará con marcar la opción "Requerir CAPTCHA":


Requerir captcha.png


Redirigir al usuario a una URL tras el envío del formulario

En este campo insertaremos una dirección de internet a la que el usuario será redirigido tras haber efectuado el envío del formulario.


URL envio.png

Acciones con los datos del Formulario

No es posible seleccionar dos o más acciones de forma simultánea. Deberemos elegir en cada caso sólo una de las que se encuentran disponibles.


Las acciones de formulario son los comportamientos que se llevan a cabo cuando se devuelve un formulario al servidor para que lo procese.



Correo electrónico

Email formulario.png



Si deseamos que al pulsar el botón de envío del formulario se manden los datos por email, deberemos tener marcada la opción "Enviar por correo electrónico" indicando el asunto del correo así como la dirección de correo electrónico en la cual queremos recibir los datos del formulario.




Base de datos

Si deseamos que al pulsar el botón de envío del formulario se envíe y guarde la información en una base de datos, deberemos tener marcada la opción "Excepto a base de datos". Es importante recordar que sólo podemos optar por una de las dos posibles opciones de envío de formulario, por lo que si finalmente elegimos base de datos deberemos asegurarnos de no haber seleccionado también el envío por correo electrónico.

Base datos.png


En el caso del envío a base de datos, podremos exportar los datos y almacenarlos en un fichero en formato "csv" que será generado por la propia aplicación:


Base datos csv.png

Archivo

Este tipo de acción con los datos de un formulario no está actualmente disponible para los usuarios de EducaMadrid. La URL utilizada para guardar el archivo es una ruta del servidor a la que los usuarios no pueden tener acceso en ningún caso.

Por ello, recomendamos utilizar el envío del formulario por correo electrónico o en base de datos.

Campos del Formulario

Tipos

Es conveniente indicar al usuario qué campos son obligatorios. El método más utilizado consiste en insertar el típico asterisco al lado de la etiqueta o campo.

Los distintos tipos de campos de un formulario son los cuadros y botones individuales con los que escribirá información y rellenará el formulario propuesto cualquier usuario o visitante de nuestro sitio web. A continuación describiremos cada una de las opciones que tenemos disponibles en el portlet Formulario Web de EducaMadrid:



Texto

Utilizaremos este tipo de campo cuando queramos permitir cualquier tipo de respuesta a una pregunta del formulario, proporcionando para ello sólo una línea en la que escribir la información requerida.


Texto ejemplo.png


Caja de texto

Utilizaremos este tipo de campo cuando queramos permitir cualquier tipo de respuesta a una pregunta del formulario, proporcionando para ello varias líneas en las que escribir información.


Cajatexto ejemplo.png


Opciones

Los combos se utilizan para restringir la respuesta de una pregunta a unas determinadas opciones de respuesta, de las cuales sólo es posible escoger una. Se diferencian de los radiobuttons en que las respuestas de los combos están ocultas para ocupar menos espacio en el formulario.


Opciones ejemplo.png

Radiobuttons

Utilizaremos esta opción para restringir la respuesta a una pregunta a unas determinadas opciones de respuesta, de las cuales sólo es posible escoger una. Lo haremos en los casos en que realmente sólo es posible una respuesta, por ejemplo, "sexo: hombre o mujer". También podremos utilizarla para hacer al usuario decantarse por la opción preferida o más cercana.


Radiobuttons ejemplo.png


Paragraph

Utilizaremos esta opción cuando queramos introducir un texto informativo o descriptivo para su lectura por parte del usuario. Observamos que este tipo de campo, lógicamente, no muestra la casilla "Opcional".


Paragraph ejemplo.png

Checkbox

Los checkboxes podremos utilizarlos en dos casos:

1.- Para presentar una única opción que no es obligatoria. Por ejemplo, para confirmar la lectura de algún dato, optar por recibir un correo electrónico, etc. Para ello, será necesario tener marcada en todos los casos la casilla "opcional".


Checkbox ejemplo2.png


2.- Otra opción más avanzada consiste en restringir la respuesta de una pregunta a unas determinadas opciones de las cuales es posible escoger varias. Por ejemplo, para recoger información de los usuarios acerca de preferencias, gustos o cualquier otro tipo de pregunta que requiera una respuesta múltiple y variada.

Para ello será necesario crear tantos campos de tipo checkbox como opciones de respuesta queramos ofrecer, marcando todos y cada uno de ellos como opcionales. Podremos, además, introducir el enunciado de la pregunta mediante la previa creación de un campo tipo paragraph tal como se muestra en la imagen:


Checkbox ejemplo1.png



Mover campos

Para reorganizar el orden de los campos utilizaremos las flechas situadas en la parte inferior de cada uno de ellos. Los desplazamientos pueden efectuarse tanto hacia arriba como hacia abajo dependiendo de la posición a la que queramos llevar el campo correspondiente.


Mover campos.png


Añadir/Eliminar campos

Ambas opciones se encuentran disponibles al final del formulario:


Anadir campo.png


  • Añadir otro campo: Nos permite incorporar nuevos campos durante la elaboración del cuestionario.


Eliminar campo.png


  • Quite el campo pasado de la forma: Nos permite eliminar el último campo que hemos introducido durante la elaboración del cuestionario. No devuelve mensaje de confirmación por lo que en el momento que pulsemos sobre el texto "Quite el campo pasado de la forma", el último campo que hubiéramos creado será eliminado.


Guardar (publicar) Formulario

Guardar el formulario equivale a publicarlo para que los usuarios lo rellenen y lo envíen pero esta acción no implica que el formulario haya quedado archivado de forma permanente. Cuando quitemos el portlet de nuestra página web, el formulario desaparecerá y no tendremos forma de recuperarlo salvo que hayamos "archivado su configuración".

Para publicar el formulario bastará con pulsar sobre el botón "Guardar" que se encuentra al final del formulario:


Guardar formulario.png

Archivar la configuración del Formulario

Cuando archivamos la configuración de un formulario, en realidad estamos guardando una copia de su plantilla, igual que cuando se guarda un archivo en un equipo.

Esta copia del formulario que guardamos podrá ser modificada y, a continuación, volver a publicarse en cualquier otro sitio o espacio web. De este modo, podremos reutilizar el formulario tantas veces como queramos y tener guardadas y disponibles distinas variaciones del mismo.

Dentro de las opciones de configuración del portlet, iremos a la pestaña "Archivado" y escribiremos un nombre con el que archivar la configuración actual.


Plantilla archivar.png


Tras guardar el "archivo" la herramienta nos devuelve mensaje de confirmación: Configuracion actualizada.png.

Observamos además que ahora podremos realizar algunas acciones con la copia guardada:

  • Restaurar: Utilizaremos esta funcionalidad cuando queramos recuperar la copia guardada para publicar el formulario en cualquier otro portlet visible en un espacio web.


Restaurar configuracion 600.png


  • Eliminar: Borra la copia guardada. La herramienta nos pedirá confirmación antes de eliminar definitivamente la copia del formulario.


Eliminar configuracion 600.png
Vistas
Herramientas personales
Navegación
Herramientas