1
00:00:00,000 --> 00:00:12,320
Buenas, en este tutorial vamos a ver qué son y cómo crear y gestionar formularios con LiveBray.

2
00:00:12,320 --> 00:00:17,440
Los formularios web básicamente son un medio de comunicación entre usuarios. Permiten a los

3
00:00:17,440 --> 00:00:21,960
usuarios interactuar con la página, pueden enviar comentarios al propietario de la página o pueden

4
00:00:21,960 --> 00:00:26,280
buscar información. Además, también guían al usuario para que envíe una información concreta

5
00:00:26,280 --> 00:00:30,640
que llegará a una cuenta de correo electrónico. Esta información también se puede almacenar en

6
00:00:30,640 --> 00:00:36,080
una base de datos, normalmente en un fichero CSV. Respecto a esto, es muy importante recordar que si

7
00:00:36,080 --> 00:00:40,480
vamos a tratar datos personales debemos estar debidamente legitimados para ello. Para saber si

8
00:00:40,480 --> 00:00:45,400
estamos legitimados y qué es exactamente un dato personal debemos acudir al libro de formularios

9
00:00:45,400 --> 00:00:50,360
LiveBray. Este se encuentra en la página de documentación y en formularios LiveBray.

10
00:00:50,360 --> 00:00:55,640
Consideraciones previas. ¿Qué datos puedo recopilar? Tenemos que repasar muy bien todo esto y leer las

11
00:00:55,680 --> 00:01:01,120
políticas de privacidad de datos. Dicho esto, vamos a ver cómo hacer un formulario web. Bien, una vez

12
00:01:01,120 --> 00:01:05,720
estando en la página donde queremos hacer ese formulario y estando logueados correctamente,

13
00:01:05,720 --> 00:01:10,920
venimos a la esquina superior izquierda y pulsamos en añadir. Abrimos el desplegable de herramientas y

14
00:01:10,920 --> 00:01:15,560
en cuanto ponemos el cursor encima del formulario web encontramos la opción de añadir. Pinchamos y

15
00:01:15,560 --> 00:01:20,280
vemos que aquí en la parte derecha se ha añadido una plantilla de formulario. Vamos a configurar

16
00:01:20,280 --> 00:01:24,040
este formulario web. Para ello pinchamos en la rueda de entrada de la esquina superior y en

17
00:01:24,040 --> 00:01:28,200
este desplegable seleccionamos configuración. Aquí se nos abre una ventana nueva con tres

18
00:01:28,200 --> 00:01:33,080
desplegables. Si no los vemos bien, podemos venir a la parte derecha en la flecha que apunta hacia

19
00:01:33,080 --> 00:01:37,960
abajo y cerrar estos desplegables o abrirlos. Vamos a empezar por el primero, información del

20
00:01:37,960 --> 00:01:42,360
formulario. Aquí introducimos la información general del formulario. Le ponemos un título,

21
00:01:42,360 --> 00:01:48,120
un asunto clave. También escribimos una descripción de este formulario. La opción de captcha, por si no

22
00:01:48,120 --> 00:01:52,880
la conocemos, es una prueba que consiste en que un usuario introduzca una serie de carácteres o

23
00:01:52,880 --> 00:01:56,480
escoja entre unas imágenes que aparecen en la pantalla y que una máquina se supone que no es

24
00:01:56,480 --> 00:02:00,360
capaz de hacer. Por eso es importante activar siempre esta opción para evitar que accedan

25
00:02:00,360 --> 00:02:06,320
intrusos o bots a nuestro formulario. Aquí, en redirigir al usuario a esta URL tras el envío del

26
00:02:06,320 --> 00:02:10,760
formulario, lo que hacemos es insertar una dirección a la que el usuario será redirigido

27
00:02:10,760 --> 00:02:14,960
una vez se haya completado el formulario. Vamos con el siguiente desplegable, acciones con los

28
00:02:14,960 --> 00:02:19,520
datos del formulario. Aquí vamos a configurar qué sucede cuando alguien rellena el formulario y

29
00:02:19,520 --> 00:02:24,720
envía los datos, es decir, cómo recibimos nosotros esos datos. Si marcamos esta opción de enviar por

30
00:02:24,720 --> 00:02:29,360
correo electrónico, lo que ocurrirá será que cuando un usuario envíe los datos del formulario,

31
00:02:29,360 --> 00:02:33,680
nosotros recibiremos un correo automáticamente con esos datos. Por ello, en nombre de envío,

32
00:02:33,680 --> 00:02:38,160
escribimos un nombre genérico como remitente del correo. También, en dirección de envío,

33
00:02:38,160 --> 00:02:42,800
definimos una dirección de correo electrónico como remitente de ese correo. En dirección destino,

34
00:02:42,800 --> 00:02:47,280
escribimos la dirección de correo donde vamos a recibir los datos del formulario. Por cierto,

35
00:02:47,280 --> 00:02:52,920
se pueden poner tantas direcciones como queramos separadas por comas. Y el asunto será el asunto

36
00:02:52,920 --> 00:02:57,320
del correo que recibiremos cada vez que alguien envía el formulario. Podemos activar esta opción

37
00:02:57,320 --> 00:03:03,040
de guardar en base de datos y elegir que esta base de datos se guarde en un archivo normalmente CSV.

38
00:03:03,040 --> 00:03:06,960
De nuevo, aquí recuerdo que si estamos tratando datos personales debemos estar debidamente

39
00:03:06,960 --> 00:03:11,360
acreditados para ello. Y pasamos al siguiente desplegable, que son campos del formulario.

40
00:03:11,360 --> 00:03:16,040
Aquí vamos a definir los cuadros y botones que rellenará el usuario cuando realice el

41
00:03:16,040 --> 00:03:21,120
formulario. Por defecto, nos vienen tres campos activados, el campo name, el campo rating y el

42
00:03:21,120 --> 00:03:25,680
campo comments. Todos estos campos se pueden modificar, se pueden crear nuevos o eliminar.

43
00:03:25,680 --> 00:03:29,680
Vamos a ver algunas de las opciones que nos ofrece. Para añadir campos o eliminarlos,

44
00:03:29,680 --> 00:03:35,400
venimos al más si queremos añadir uno o al menos si queremos eliminarlo. Y para cambiar de tipo de

45
00:03:35,400 --> 00:03:40,560
campo, en tipo, seleccionamos las opciones. Ahora vamos a repasar cada uno de ellos. Antes de eso,

46
00:03:40,560 --> 00:03:45,080
debemos saber que si queremos que el campo sea obligatorio, que se rellene obligatoriamente,

47
00:03:45,080 --> 00:03:50,280
no debemos marcar la casilla opcional. Es decir, por defecto, los campos son obligatorios. Si vamos

48
00:03:50,280 --> 00:03:54,040
a dejar que un campo sea obligatorio, es recomendable indicarlo con un asterisco,

49
00:03:54,040 --> 00:03:58,800
como se suele hacer a la derecha o al principio del nombre de ese campo. Vamos a explorar qué

50
00:03:58,800 --> 00:04:03,400
significa cada tipo de campo. Los seleccionamos en este desplegable y el primero texto. En este

51
00:04:03,400 --> 00:04:08,520
se puede insertar cualquier tipo de respuesta de una línea. Con el campo opciones, restringimos

52
00:04:08,520 --> 00:04:12,640
las respuestas a unas opciones que ofrecemos de las que sólo se puede escoger una. Y las

53
00:04:12,640 --> 00:04:16,800
escribimos aquí separadas por comas. Por ejemplo, yo voy a poner las fechas de la excursión. Estas

54
00:04:16,800 --> 00:04:21,080
opciones estarán ocultas hasta que no se abra el desplegable. Así ocupamos menos espacio en el

55
00:04:21,080 --> 00:04:25,680
formulario. En esto se diferencia principalmente con los botones de elección que veremos ahora.

56
00:04:25,680 --> 00:04:30,360
Con la caja de texto, el usuario puede dar una respuesta larga a una pregunta. Como hemos

57
00:04:30,360 --> 00:04:34,600
comentado antes, los botones de elección ofrecen distintas opciones de las que sólo se puede

58
00:04:34,600 --> 00:04:38,800
escoger una y que aparecen ya desplegadas en el formulario. Podemos emplearlo en los casos en los

59
00:04:38,800 --> 00:04:43,440
que sólo expusieron la respuesta. Estas opciones las ponemos aquí también seguidas de comas. Con

60
00:04:43,440 --> 00:04:48,400
párrafo, introducimos un texto informativo o descriptivo para el usuario, que verá cuando

61
00:04:48,400 --> 00:04:53,000
rellena el formulario. Como esto es algo que el usuario va a ver sí o sí, no nos aparece el campo

62
00:04:53,000 --> 00:04:57,840
para marcar si es opcional o no. Por último, las casillas de selección las podemos utilizar en dos

63
00:04:57,840 --> 00:05:03,120
casos. El caso 1, para presentar una única opción que puede ser o no obligatoria. Por ejemplo, para

64
00:05:03,120 --> 00:05:08,520
confirmar la lectura de algún dato. O caso 2, es una opción más avanzada que consiste en restringir

65
00:05:08,520 --> 00:05:13,640
la respuesta de una pregunta a varias respuestas, de las cuales es posible escoger más de una. Por

66
00:05:13,640 --> 00:05:18,280
ejemplo, para recoger información acerca de preferencias o cualquier tipo de pregunta que

67
00:05:18,280 --> 00:05:22,840
requiera una respuesta múltiple y variada. Para ello, crearemos tantos campos de tipo casilla de

68
00:05:22,840 --> 00:05:27,360
selección como opciones de respuesta queremos ofrecer y marcaremos todos y cada uno de ellos

69
00:05:27,360 --> 00:05:31,920
como opcionales. Cuando ya hemos acabado, pulsamos en guardar. Nos informa de que la configuración

70
00:05:31,920 --> 00:05:35,800
ha sido actualizada. Si pulsamos en la cruz de la esquina superior derecha, vemos que el

71
00:05:35,800 --> 00:05:40,960
formulario ya nos aparece en la web. Es importante saber que el hecho de que se haya publicado el

72
00:05:40,960 --> 00:05:45,280
formulario en nuestra web no implica que haya quedado archivado para siempre. Es decir, si

73
00:05:45,280 --> 00:05:49,400
quitamos el recurso en nuestra página web, el formulario desaparecerá y no tendremos forma de

74
00:05:49,400 --> 00:05:53,960
recuperar el mismo, salvo que hayamos archivado su configuración. Por eso, vamos a ver cómo archivar

75
00:05:53,960 --> 00:05:58,480
la configuración. Importante saber que, cuando archivamos la configuración de un formulario, en

76
00:05:58,480 --> 00:06:03,120
realidad estamos guardando una copia de su plantilla. Esta copia puede ser modificada y

77
00:06:03,120 --> 00:06:07,240
puede volver a publicarse en cualquier otro espacio web. Bien, para archivar pinchamos en la

78
00:06:07,240 --> 00:06:11,040
rueda de los ajustes de nuevo y en el desplegable seleccionamos exportación e importación.

79
00:06:11,040 --> 00:06:16,200
Automáticamente estamos en la pestaña exportar y crear un proceso de exportación. Se nos genera

80
00:06:16,200 --> 00:06:20,520
un nombre automáticamente que podemos cambiar si queremos, pero muy importante debemos conservar

81
00:06:20,520 --> 00:06:26,240
la extensión puntolar. Seleccionamos configuración. Si en el formulario hemos configurado unos permisos,

82
00:06:26,240 --> 00:06:32,280
los podemos exportar también y pulsamos en exportar. Nos muestra que se ha exportado correctamente y en

83
00:06:32,280 --> 00:06:37,720
la columna descargar a la derecha pulsamos y se nos descarga el archivo puntolar. También vemos que

84
00:06:37,720 --> 00:06:43,280
se nos queda guardado este archivo en la pestaña en curso y anteriores, por si queremos restaurarlo

85
00:06:43,280 --> 00:06:48,240
o volverlo a utilizar en cualquier momento. Vamos a ver también cómo exportar la base de datos de

86
00:06:48,240 --> 00:06:52,200
este formulario, si es que habíamos seleccionado esta opción. Para ello, pinchamos de nuevo en la

87
00:06:52,200 --> 00:06:57,080
rueda de entrada, seleccionamos configuración, desplegamos campos del formulario y aquí nos

88
00:06:57,080 --> 00:07:02,120
muestra la opción de exportar datos. Vemos que se nos ha generado un archivo CSV con los datos

89
00:07:02,120 --> 00:07:08,320
del formulario. Vamos a abrir ese archivo CSV, pulsamos en aceptar y aquí vemos cómo por columna

90
00:07:08,320 --> 00:07:14,360
se nos muestra el nombre de cada alumno, la fecha escogida, las respuestas opcionales y la confirmación

91
00:07:14,360 --> 00:07:19,040
de la casilla de selección. También podemos eliminarlos, esto no implica que se elimine el

92
00:07:19,040 --> 00:07:23,760
archivo que nos acabamos de descargar. Por último, también podemos eliminar el propio formulario

93
00:07:23,760 --> 00:07:27,960
viniendo a la rueda de entrada y seleccionando eliminar. Nos muestra un aviso, aceptar.

94
00:07:32,120 --> 00:07:36,240
Más información www.alimmenta.com