Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Formularios EducaMadrid del Portal Educativo Liferay

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 6 de junio de 2023 por EducaMadrid

93 visualizaciones

Más información Transcripción

Descargar la transcripción

Buenas, en este tutorial vamos a ver qué son y cómo crear y gestionar formularios con LiveBray. 00:00:00
Los formularios web básicamente son un medio de comunicación entre usuarios. Permiten a los 00:00:12
usuarios interactuar con la página, pueden enviar comentarios al propietario de la página o pueden 00:00:17
buscar información. Además, también guían al usuario para que envíe una información concreta 00:00:21
que llegará a una cuenta de correo electrónico. Esta información también se puede almacenar en 00:00:26
una base de datos, normalmente en un fichero CSV. Respecto a esto, es muy importante recordar que si 00:00:30
vamos a tratar datos personales debemos estar debidamente legitimados para ello. Para saber si 00:00:36
estamos legitimados y qué es exactamente un dato personal debemos acudir al libro de formularios 00:00:40
LiveBray. Este se encuentra en la página de documentación y en formularios LiveBray. 00:00:45
Consideraciones previas. ¿Qué datos puedo recopilar? Tenemos que repasar muy bien todo esto y leer las 00:00:50
políticas de privacidad de datos. Dicho esto, vamos a ver cómo hacer un formulario web. Bien, una vez 00:00:55
estando en la página donde queremos hacer ese formulario y estando logueados correctamente, 00:01:01
venimos a la esquina superior izquierda y pulsamos en añadir. Abrimos el desplegable de herramientas y 00:01:05
en cuanto ponemos el cursor encima del formulario web encontramos la opción de añadir. Pinchamos y 00:01:10
vemos que aquí en la parte derecha se ha añadido una plantilla de formulario. Vamos a configurar 00:01:15
este formulario web. Para ello pinchamos en la rueda de entrada de la esquina superior y en 00:01:20
este desplegable seleccionamos configuración. Aquí se nos abre una ventana nueva con tres 00:01:24
desplegables. Si no los vemos bien, podemos venir a la parte derecha en la flecha que apunta hacia 00:01:28
abajo y cerrar estos desplegables o abrirlos. Vamos a empezar por el primero, información del 00:01:33
formulario. Aquí introducimos la información general del formulario. Le ponemos un título, 00:01:37
un asunto clave. También escribimos una descripción de este formulario. La opción de captcha, por si no 00:01:42
la conocemos, es una prueba que consiste en que un usuario introduzca una serie de carácteres o 00:01:48
escoja entre unas imágenes que aparecen en la pantalla y que una máquina se supone que no es 00:01:52
capaz de hacer. Por eso es importante activar siempre esta opción para evitar que accedan 00:01:56
intrusos o bots a nuestro formulario. Aquí, en redirigir al usuario a esta URL tras el envío del 00:02:00
formulario, lo que hacemos es insertar una dirección a la que el usuario será redirigido 00:02:06
una vez se haya completado el formulario. Vamos con el siguiente desplegable, acciones con los 00:02:10
datos del formulario. Aquí vamos a configurar qué sucede cuando alguien rellena el formulario y 00:02:14
envía los datos, es decir, cómo recibimos nosotros esos datos. Si marcamos esta opción de enviar por 00:02:19
correo electrónico, lo que ocurrirá será que cuando un usuario envíe los datos del formulario, 00:02:24
nosotros recibiremos un correo automáticamente con esos datos. Por ello, en nombre de envío, 00:02:29
escribimos un nombre genérico como remitente del correo. También, en dirección de envío, 00:02:33
definimos una dirección de correo electrónico como remitente de ese correo. En dirección destino, 00:02:38
escribimos la dirección de correo donde vamos a recibir los datos del formulario. Por cierto, 00:02:42
se pueden poner tantas direcciones como queramos separadas por comas. Y el asunto será el asunto 00:02:47
del correo que recibiremos cada vez que alguien envía el formulario. Podemos activar esta opción 00:02:52
de guardar en base de datos y elegir que esta base de datos se guarde en un archivo normalmente CSV. 00:02:57
De nuevo, aquí recuerdo que si estamos tratando datos personales debemos estar debidamente 00:03:03
acreditados para ello. Y pasamos al siguiente desplegable, que son campos del formulario. 00:03:06
Aquí vamos a definir los cuadros y botones que rellenará el usuario cuando realice el 00:03:11
formulario. Por defecto, nos vienen tres campos activados, el campo name, el campo rating y el 00:03:16
campo comments. Todos estos campos se pueden modificar, se pueden crear nuevos o eliminar. 00:03:21
Vamos a ver algunas de las opciones que nos ofrece. Para añadir campos o eliminarlos, 00:03:25
venimos al más si queremos añadir uno o al menos si queremos eliminarlo. Y para cambiar de tipo de 00:03:29
campo, en tipo, seleccionamos las opciones. Ahora vamos a repasar cada uno de ellos. Antes de eso, 00:03:35
debemos saber que si queremos que el campo sea obligatorio, que se rellene obligatoriamente, 00:03:40
no debemos marcar la casilla opcional. Es decir, por defecto, los campos son obligatorios. Si vamos 00:03:45
a dejar que un campo sea obligatorio, es recomendable indicarlo con un asterisco, 00:03:50
como se suele hacer a la derecha o al principio del nombre de ese campo. Vamos a explorar qué 00:03:54
significa cada tipo de campo. Los seleccionamos en este desplegable y el primero texto. En este 00:03:58
se puede insertar cualquier tipo de respuesta de una línea. Con el campo opciones, restringimos 00:04:03
las respuestas a unas opciones que ofrecemos de las que sólo se puede escoger una. Y las 00:04:08
escribimos aquí separadas por comas. Por ejemplo, yo voy a poner las fechas de la excursión. Estas 00:04:12
opciones estarán ocultas hasta que no se abra el desplegable. Así ocupamos menos espacio en el 00:04:16
formulario. En esto se diferencia principalmente con los botones de elección que veremos ahora. 00:04:21
Con la caja de texto, el usuario puede dar una respuesta larga a una pregunta. Como hemos 00:04:25
comentado antes, los botones de elección ofrecen distintas opciones de las que sólo se puede 00:04:30
escoger una y que aparecen ya desplegadas en el formulario. Podemos emplearlo en los casos en los 00:04:34
que sólo expusieron la respuesta. Estas opciones las ponemos aquí también seguidas de comas. Con 00:04:38
párrafo, introducimos un texto informativo o descriptivo para el usuario, que verá cuando 00:04:43
rellena el formulario. Como esto es algo que el usuario va a ver sí o sí, no nos aparece el campo 00:04:48
para marcar si es opcional o no. Por último, las casillas de selección las podemos utilizar en dos 00:04:53
casos. El caso 1, para presentar una única opción que puede ser o no obligatoria. Por ejemplo, para 00:04:57
confirmar la lectura de algún dato. O caso 2, es una opción más avanzada que consiste en restringir 00:05:03
la respuesta de una pregunta a varias respuestas, de las cuales es posible escoger más de una. Por 00:05:08
ejemplo, para recoger información acerca de preferencias o cualquier tipo de pregunta que 00:05:13
requiera una respuesta múltiple y variada. Para ello, crearemos tantos campos de tipo casilla de 00:05:18
selección como opciones de respuesta queremos ofrecer y marcaremos todos y cada uno de ellos 00:05:22
como opcionales. Cuando ya hemos acabado, pulsamos en guardar. Nos informa de que la configuración 00:05:27
ha sido actualizada. Si pulsamos en la cruz de la esquina superior derecha, vemos que el 00:05:31
formulario ya nos aparece en la web. Es importante saber que el hecho de que se haya publicado el 00:05:35
formulario en nuestra web no implica que haya quedado archivado para siempre. Es decir, si 00:05:40
quitamos el recurso en nuestra página web, el formulario desaparecerá y no tendremos forma de 00:05:45
recuperar el mismo, salvo que hayamos archivado su configuración. Por eso, vamos a ver cómo archivar 00:05:49
la configuración. Importante saber que, cuando archivamos la configuración de un formulario, en 00:05:53
realidad estamos guardando una copia de su plantilla. Esta copia puede ser modificada y 00:05:58
puede volver a publicarse en cualquier otro espacio web. Bien, para archivar pinchamos en la 00:06:03
rueda de los ajustes de nuevo y en el desplegable seleccionamos exportación e importación. 00:06:07
Automáticamente estamos en la pestaña exportar y crear un proceso de exportación. Se nos genera 00:06:11
un nombre automáticamente que podemos cambiar si queremos, pero muy importante debemos conservar 00:06:16
la extensión puntolar. Seleccionamos configuración. Si en el formulario hemos configurado unos permisos, 00:06:20
los podemos exportar también y pulsamos en exportar. Nos muestra que se ha exportado correctamente y en 00:06:26
la columna descargar a la derecha pulsamos y se nos descarga el archivo puntolar. También vemos que 00:06:32
se nos queda guardado este archivo en la pestaña en curso y anteriores, por si queremos restaurarlo 00:06:37
o volverlo a utilizar en cualquier momento. Vamos a ver también cómo exportar la base de datos de 00:06:43
este formulario, si es que habíamos seleccionado esta opción. Para ello, pinchamos de nuevo en la 00:06:48
rueda de entrada, seleccionamos configuración, desplegamos campos del formulario y aquí nos 00:06:52
muestra la opción de exportar datos. Vemos que se nos ha generado un archivo CSV con los datos 00:06:57
del formulario. Vamos a abrir ese archivo CSV, pulsamos en aceptar y aquí vemos cómo por columna 00:07:02
se nos muestra el nombre de cada alumno, la fecha escogida, las respuestas opcionales y la confirmación 00:07:08
de la casilla de selección. También podemos eliminarlos, esto no implica que se elimine el 00:07:14
archivo que nos acabamos de descargar. Por último, también podemos eliminar el propio formulario 00:07:19
viniendo a la rueda de entrada y seleccionando eliminar. Nos muestra un aviso, aceptar. 00:07:23
Más información www.alimmenta.com 00:07:32
Autor/es:
Educamadrid
Subido por:
EducaMadrid
Licencia:
Reconocimiento - No comercial - Sin obra derivada
Visualizaciones:
93
Fecha:
6 de junio de 2023 - 13:22
Visibilidad:
Público
Duración:
07′ 36″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
114.65 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid