• Save
Taller: «Crear formularios online con Wufoo»
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Taller: «Crear formularios online con Wufoo»

on

  • 2,115 views

 

Statistics

Views

Total Views
2,115
Views on SlideShare
1,925
Embed Views
190

Actions

Likes
2
Downloads
0
Comments
1

2 Embeds 190

http://www.scoop.it 167
http://elearningcr.net 23

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • 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/
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \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

Taller: «Crear formularios online con Wufoo» Presentation Transcript

  • 1. “Web 2.0 para la ofimática online” Taller 2: Crear formularios online con Wufoomartes 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 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. 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. 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. Posibilidades de la cuenta gratuita
  • 7. solo 1 usuariosolo 3 formularios solo 3 informes solo 10 ‘campos’ (=preguntas)solo 100 personeslo pueden rellenar
  • 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. 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. ‘Forms’: creación de un formulario
  • 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 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. 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
  • 17. puedes arrastrar loscampos para cambiarlos de posición
  • 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últiplecon varias respuestas posibles y unas instrucciones
  • 20. si quieres añadir un texto largo sin necesidad de que rellenen algo, puedeselegir 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 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. ejemplo de un texto de un mail de confirmación
  • 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. 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. 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. ‘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. 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. acción:crear un tema cambiando el logo
  • 31. ‘Reports’: creación de un informe
  • 32. vista previa del informe mientras se vaya construyendo acción:‘Report Settings’
  • 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. elige la paginación de las diferentes zonas selecciona la zonadónde quieres arrastrar el tipo de ‘widget’
  • 35. diferentes ‘widgets’ arrastradas a diferentes zonas acción:‘Add widgets’
  • 36. para rellenar una zona hay que clicar en el ‘widget’ de la zona
  • 37. acción:‘Widget Settings’
  • 38. acción:‘Ver informe online’
  • 39. acción:‘Exportar el informe hacia un excel’
  • 40. si aún no tenemos untema creado se aplica el ‘Default Theme’ acción: aplicar el tema si ya lo tenemos creado