Este documento proporciona instrucciones para crear formularios y encuestas en línea gratuitas utilizando la herramienta Wufoo. Explica cómo agregar campos de entrada de datos como casillas de verificación múltiples, secciones de texto y correos electrónicos. También cubre la personalización de plantillas, la generación de informes de resultados y la notificación por correo electrónico a los participantes.
1. “Web 2.0 para la ofimática online”
Taller 2:
Crear formularios online con Wufoo
martes 7 de junio 2011 - Lize De Clercq
2. Contenido
• ¿Para qué sirve el Wufoo?
• Posibilidades de la versión gratuita
• Creación de un formulario online
• Creación de una plantilla gráfica
• Creación de un informe
3. ¿Para qué sirve el Wufoo?
para crear formularios online de
colección de datos, en lugar de
coleccionarlos por email
por email los/las participantes de un evento internacional
tienen que enviar los datos uno por uno y
alguien tiene que coleccionar esos datos y
convertirlo manualmente en un informe
4. ejemplo: formulario online
creado con Wufoo para
coleccionar datos de ‘logística’
de un evento internacional
diferentes ‘campos’ con distinto tamaño
y formato, algunos obligatorios otros no
5. otro ejemplo:
formulario online para la
colección de datos para la
inscripción de un curso
el tipo de ‘campo’ también
puede ser una pregunta
‘con respuesta múltiple’
7. solo 1 usuario
solo 3 formularios
solo 3 informes
solo 10 ‘campos’
(=preguntas)
solo 100 persones
lo pueden rellenar
8. al crear la cuenta es
importante pensar qué
rellenar en ‘Account
URL’ ya que esto
después se convierte
en parte del enlace del
formulario
acción: creación de una
cuenta con Wufoo
9. El Wufoo contiene 3 apartados:
• ‘Forms’ para la creación de un
formulario online
• ‘Themes’ para la creación de una
plantilla gráfica
• ‘Reports’ para la creación de un
informe
11. en ‘Add a Field’ primero elegimos el ‘tipo’ de campo
12. un campo de ‘una sola línea’ se ha añadido al
formulario, con el título por defecto ‘Untitled’
13. después, en ‘Field settings’ ‘tuneamos’ el campo
cambiar el ‘tamaño’ de campo
cambiar de ‘tipo’ de campo
campo obligatorio o no
para cada ‘tipo’ de campo
aparecen diferentes posibilidades
en ‘field settings’
acción:
crear un formulario y añadir un
campo de ‘una sola línea’
14. para forzar el relleno con ‘formato email’,
elegimos el tipo de campo ‘email’
15. para crear una pregunta
‘con respuesta múltiple’
(con sólo una respuesta posible)
elegimos el campo ‘multiple choice’
16. también puedes rellenar nada en el
‘field label’ y así crear
una respuesta múltiple ‘pura’
si quieres que tengan que rellenar un campo como
una de las opciones, hay que marcar la opción
‘Allow other’ (sólo es posible con la última opción)
acción:
añadir una respuesta múltiple
‘pura’ con sólo una respuesta
posible y la posibilidad de
rellenar un campo
18. para crear una pregunta
‘con respuesta múltiple’
(con varias respuestas posibles)
elegimos el campo ‘checkboxes’
19. si quieres que aparezca alguna
instrucción, hay que llenar el
campo ‘Instructions for user’
acción:
añadir una respuesta múltiple
con varias respuestas posibles y
unas instrucciones
20. si quieres añadir un texto largo sin
necesidad de que rellenen algo, puedes
elegir como tipo de campo: ‘Section break’
21. puedes utilizar el campo de ‘Field label’ para
escribir con letra más grande (permite html)
acción: puedes utilizar el campo de ‘Instructions for user’
añadir un ‘Section break’ rellenando para escribir con letra más pequeña (permite html)
los dos campos de texto posible
22. por último, en ‘Form settings’ cambiamos el título,
la descripción y las características del formulario
23. rellenar título y texto introductivo (permite
html!)para la parte superior del formulario
(el título después se convierte en el nombre del
enlace del formulario)
colocar la etiqueta de la
pregunta arriba o a lado
texto que se ve en pantalla después de haber
rellenado el formulario
marcar si quieres enviar un mail de confirmación al
usuario (solo es posible cuando en tu formulario
has introducido un tipo de campo ‘email’!)
rellena la dirección email dónde quieren que
se envían respuestas a este mail de confirmación
aquí puedes rellenar el texto que quieres enviar en
el mail de confirmación
acción:
cambiar los ‘Form Settings’
25. activar ‘Captcha’ para evitar que sea rellenado
por robots de spam
puedes poner un número límite de rellenos
(por ejemplo para inscripciones de aforo limitado)
marcar para evitar que la gente lo rellene 2 veces
(sólo desde el mismo ordenador)
para poner una fecha de cuando se cierre
automáticamente la posibilidad de rellenar el formulario
acción:
editar los ‘Form Settings’
26.
27. para consultar
para recibir una
la lista de quienes para editar para ver
notificación por mail si
han rellenado el el formulario el formulario
alguién ha rellenado
formulario online
el formulario
si queremos duplicar
un formulario parecido
y solo editar las cosas
acción: que son diferentes
explorar las posibilidades del
‘Form manager’
28. rellenar la dirección de si existe un campo ‘mail’ en tu formulario
mail dónde queremos puedes indicar que la respuesta a la
que se envíen las notificación sea configurada para ser
notificaciones enviada a la dirección de mail rellenada
29. ‘Themes’: creación de una plantilla gráfica
si aún no tenemos un
tema creado se aplica el
‘Default Theme’
si aún no tenemos un
tema creado se aplica el
‘Default Theme’
se ha aplicado el tema
anteriormente creado y
llamado ‘ciberclub’
30. copiar la URL de la ‘ruta
de imágen’ (ver botón
derecha del ratón)
para rellenar
tu logo aquí
vista previa de la plantilla gráfica
mientras se vaya diseñando