“Web 2.0 para la ofimática online”               Taller 2: Crear formularios online con Wufoomartes 7 de junio 2011 - Lize...
Contenido• ¿Para qué sirve el Wufoo?• Posibilidades de la versión gratuita• Creación de un formulario online• Creación de ...
¿Para qué sirve el Wufoo?                      para crear formularios online de                      colección de datos, e...
ejemplo: formulario online             creado con Wufoo para         coleccionar datos de ‘logística’           de un even...
otro ejemplo:  formulario online para la colección de datos para la   inscripción de un cursoel tipo de ‘campo’ también pu...
Posibilidades de la cuenta gratuita
solo 1 usuariosolo 3 formularios  solo 3 informes solo 10 ‘campos’    (=preguntas)solo 100 personeslo pueden rellenar
al crear la cuenta esimportante pensar qué  rellenar en ‘Account    URL’ ya que esto después se convierteen parte del enla...
El Wufoo contiene 3 apartados:• ‘Forms’ para la creación de un   formulario online• ‘Themes’ para la creación de una   pla...
‘Forms’: creación de un formulario
en ‘Add a Field’ primero elegimos el ‘tipo’ de campo
un campo de ‘una sola línea’ se ha añadido al formulario, con el título por defecto ‘Untitled’
después, en ‘Field settings’ ‘tuneamos’ el campo                             cambiar el ‘tamaño’ de campocambiar de ‘tipo’...
para forzar el relleno con ‘formato email’,   elegimos el tipo de campo ‘email’
para crear una pregunta      ‘con respuesta múltiple’ (con sólo una respuesta posible)elegimos el campo ‘multiple choice’
también puedes rellenar nada en el      ‘field label’ y así crear   una respuesta múltiple ‘pura’si quieres que tengan que...
puedes arrastrar loscampos para cambiarlos     de posición
para crear una pregunta    ‘con respuesta múltiple’(con varias respuestas posibles)elegimos el campo ‘checkboxes’
si quieres que aparezca alguna  instrucción, hay que llenar el  campo ‘Instructions for user’             acción: añadir u...
si quieres añadir un texto largo sin necesidad de que rellenen algo, puedeselegir como tipo de campo: ‘Section break’
puedes utilizar el campo de ‘Field label’ para                                       escribir con letra más grande (permit...
por último, en ‘Form settings’ cambiamos el título,la descripción y las características del formulario
rellenar título y texto introductivo (permite     html!)para la parte superior del formulario (el título después se convie...
ejemplo de un texto de un mail de confirmación
activar ‘Captcha’ para evitar que sea rellenado                                             por robots de spam            ...
para consultar                                                                   para recibir unala lista de quienes    pa...
rellenar la dirección de   si existe un campo ‘mail’ en tu formulario mail dónde queremos          puedes indicar que la r...
‘Themes’: creación de una plantilla gráfica                 si aún no tenemos un               tema creado se aplica el   ...
copiar la URL de la ‘ruta                                    de imágen’ (ver botón                                     der...
acción:crear un tema cambiando el logo
‘Reports’: creación de un informe
vista previa del informe              mientras se vaya               construyendo    acción:‘Report Settings’
elige si quieres hacer           elige el formulario deluna selección de los               cual quieres sacar datos entrad...
elige la paginación de            las diferentes zonas  selecciona la zonadónde quieres arrastrar   el tipo de ‘widget’
diferentes ‘widgets’          arrastradas a diferentes                   zonas   acción:‘Add widgets’
para rellenar una zona hay que clicar en el  ‘widget’ de la zona
acción:‘Widget Settings’
acción:‘Ver informe online’
acción:‘Exportar el informe hacia un excel’
si aún no tenemos untema creado se aplica el      ‘Default Theme’                       acción:      aplicar el tema si ya...
Taller: «Crear formularios online con Wufoo»
Taller: «Crear formularios online con Wufoo»
Taller: «Crear formularios online con Wufoo»
Taller: «Crear formularios online con Wufoo»
Upcoming SlideShare
Loading in...5
×

Taller: «Crear formularios online con Wufoo»

1,846

Published on

Published in: Education
1 Comment
3 Likes
Statistics
Notes
  • Descubrí hace poco una plataforma que te ayuda y es muy sencilla para esto de los formularios: http://www.mandoocms.com/es_ES/features/1249/
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
1,846
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
0
Comments
1
Likes
3
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Transcript of "Taller: «Crear formularios online con Wufoo»"

    1. 1. “Web 2.0 para la ofimática online” Taller 2: Crear formularios online con Wufoomartes 7 de junio 2011 - Lize De Clercq
    2. 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. 3. ¿Para qué sirve el Wufoo? para crear formularios online de colección de datos, en lugar de coleccionarlos por emailpor 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. 4. ejemplo: formulario online creado con Wufoo para coleccionar datos de ‘logística’ de un evento internacionaldiferentes ‘campos’ con distinto tamañoy formato, algunos obligatorios otros no
    5. 5. otro ejemplo: formulario online para la colección de datos para la inscripción de un cursoel tipo de ‘campo’ también puede ser una pregunta ‘con respuesta múltiple’
    6. 6. Posibilidades de la cuenta gratuita
    7. 7. solo 1 usuariosolo 3 formularios solo 3 informes solo 10 ‘campos’ (=preguntas)solo 100 personeslo pueden rellenar
    8. 8. al crear la cuenta esimportante pensar qué rellenar en ‘Account URL’ ya que esto después se convierteen parte del enlace del formulario acción: creación de una cuenta con Wufoo
    9. 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
    10. 10. ‘Forms’: creación de un formulario
    11. 11. en ‘Add a Field’ primero elegimos el ‘tipo’ de campo
    12. 12. un campo de ‘una sola línea’ se ha añadido al formulario, con el título por defecto ‘Untitled’
    13. 13. después, en ‘Field settings’ ‘tuneamos’ el campo cambiar el ‘tamaño’ de campocambiar 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. 14. para forzar el relleno con ‘formato email’, elegimos el tipo de campo ‘email’
    15. 15. para crear una pregunta ‘con respuesta múltiple’ (con sólo una respuesta posible)elegimos el campo ‘multiple choice’
    16. 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
    17. 17. puedes arrastrar loscampos para cambiarlos de posición
    18. 18. para crear una pregunta ‘con respuesta múltiple’(con varias respuestas posibles)elegimos el campo ‘checkboxes’
    19. 19. si quieres que aparezca alguna instrucción, hay que llenar el campo ‘Instructions for user’ acción: añadir una respuesta múltiplecon varias respuestas posibles y unas instrucciones
    20. 20. si quieres añadir un texto largo sin necesidad de que rellenen algo, puedeselegir como tipo de campo: ‘Section break’
    21. 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. 22. por último, en ‘Form settings’ cambiamos el título,la descripción y las características del formulario
    23. 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 formulariomarcar 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 quese envían respuestas a este mail de confirmaciónaquí puedes rellenar el texto que quieres enviar en el mail de confirmación acción: cambiar los ‘Form Settings’
    24. 24. ejemplo de un texto de un mail de confirmación
    25. 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. 26. para consultar para recibir unala 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’
    27. 27. 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
    28. 28. ‘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’
    29. 29. copiar la URL de la ‘ruta de imágen’ (ver botón derecha del ratón)para rellenartu logo aquí vista previa de la plantilla gráfica mientras se vaya diseñando
    30. 30. acción:crear un tema cambiando el logo
    31. 31. ‘Reports’: creación de un informe
    32. 32. vista previa del informe mientras se vaya construyendo acción:‘Report Settings’
    33. 33. elige si quieres hacer elige el formulario deluna selección de los cual quieres sacar datos entrados o no un informe acción: ‘Select data’
    34. 34. elige la paginación de las diferentes zonas selecciona la zonadónde quieres arrastrar el tipo de ‘widget’
    35. 35. diferentes ‘widgets’ arrastradas a diferentes zonas acción:‘Add widgets’
    36. 36. para rellenar una zona hay que clicar en el ‘widget’ de la zona
    37. 37. acción:‘Widget Settings’
    38. 38. acción:‘Ver informe online’
    39. 39. acción:‘Exportar el informe hacia un excel’
    40. 40. si aún no tenemos untema creado se aplica el ‘Default Theme’ acción: aplicar el tema si ya lo tenemos creado

    ×