SlideShare una empresa de Scribd logo
1 de 44
“Web 2.0 para la ofimática online”
               Taller 2:
 Crear formularios online con Wufoo
martes 7 de junio 2011 - Lize De Clercq
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
¿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
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
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’
Posibilidades de la cuenta gratuita
solo 1 usuario
solo 3 formularios
  solo 3 informes
 solo 10 ‘campos’
    (=preguntas)
solo 100 persones
lo pueden rellenar
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
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
‘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 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’
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 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
puedes arrastrar los
campos 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 una respuesta múltiple
con varias respuestas posibles y
      unas instrucciones
si quieres añadir un texto largo sin
 necesidad de que rellenen algo, puedes
elegir como tipo de campo: ‘Section break’
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
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 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’
ejemplo de un texto de un mail de confirmación
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’
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’
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
‘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’
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
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 del
una selección de los               cual quieres sacar
 datos entrados o no                   un informe




                       acción:
                     ‘Select data’
elige la paginación de
            las diferentes zonas




  selecciona la zona
dó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 un
tema creado se aplica el
      ‘Default Theme’




                       acción:
      aplicar el tema si ya lo tenemos creado

Más contenido relacionado

La actualidad más candente

La actualidad más candente (17)

Maquetación Web con Dreamweaver y Photoshop (1/2)
Maquetación Web con Dreamweaver y Photoshop (1/2)Maquetación Web con Dreamweaver y Photoshop (1/2)
Maquetación Web con Dreamweaver y Photoshop (1/2)
 
Tecnología para la colaboración. Google Forms
Tecnología para la colaboración. Google FormsTecnología para la colaboración. Google Forms
Tecnología para la colaboración. Google Forms
 
Crear un formulario con google drive
Crear un formulario con google drive Crear un formulario con google drive
Crear un formulario con google drive
 
P R E S E N T A C I O N P O W E R D R E A M W E A V E R
P R E S E N T A C I O N  P O W E R  D R E A M W E A V E RP R E S E N T A C I O N  P O W E R  D R E A M W E A V E R
P R E S E N T A C I O N P O W E R D R E A M W E A V E R
 
Taller Android UTPL: Estilos y Diálogos
Taller Android UTPL: Estilos y DiálogosTaller Android UTPL: Estilos y Diálogos
Taller Android UTPL: Estilos y Diálogos
 
Dreamweaver 8
Dreamweaver 8Dreamweaver 8
Dreamweaver 8
 
Google forms wix
Google forms wixGoogle forms wix
Google forms wix
 
Univer compu tyt
Univer compu tytUniver compu tyt
Univer compu tyt
 
trabajo de wordpress
trabajo de wordpresstrabajo de wordpress
trabajo de wordpress
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Presentacion Dreamweaver
Presentacion DreamweaverPresentacion Dreamweaver
Presentacion Dreamweaver
 
Dreamweaver 8
Dreamweaver 8Dreamweaver 8
Dreamweaver 8
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Univer compu tyt
Univer compu tytUniver compu tyt
Univer compu tyt
 
Bloque#3
Bloque#3Bloque#3
Bloque#3
 
tutorial MICROSOFT EXCEL
tutorial MICROSOFT EXCELtutorial MICROSOFT EXCEL
tutorial MICROSOFT EXCEL
 

Destacado

¿Actualizas tu perfil en Tuenti?
¿Actualizas tu perfil en Tuenti?¿Actualizas tu perfil en Tuenti?
¿Actualizas tu perfil en Tuenti?sergioyjudith
 
Manual calameo
Manual calameoManual calameo
Manual calameoclemen07
 
Acción 2.4. Seguridad en Foursquare
Acción 2.4. Seguridad en FoursquareAcción 2.4. Seguridad en Foursquare
Acción 2.4. Seguridad en FoursquareAlicantevor
 
Diapositvas Drop Mind
Diapositvas Drop MindDiapositvas Drop Mind
Diapositvas Drop MindLyz Cavero
 
Tutorial sky drive
Tutorial sky driveTutorial sky drive
Tutorial sky drivedantek8
 
SpiderScribe
SpiderScribeSpiderScribe
SpiderScribeHFrancia
 
Titanpad, tutorial que intenta facilitar su utilización
Titanpad, tutorial que intenta facilitar su utilizaciónTitanpad, tutorial que intenta facilitar su utilización
Titanpad, tutorial que intenta facilitar su utilizaciónCarlos Gallo Garavano
 
Creación y manejo de blogs con tumblr
Creación y manejo de blogs con tumblrCreación y manejo de blogs con tumblr
Creación y manejo de blogs con tumblrsocialsciences
 
Herramienta Imgur
Herramienta ImgurHerramienta Imgur
Herramienta Imgurcamiloamv
 
Gestionando los miembros en el Nuevo Twinspace
Gestionando los miembros en el Nuevo TwinspaceGestionando los miembros en el Nuevo Twinspace
Gestionando los miembros en el Nuevo Twinspacejerrymont
 
Gestionando el perfil del docente en el Nuevo Twinspace
Gestionando el perfil del docente en el Nuevo TwinspaceGestionando el perfil del docente en el Nuevo Twinspace
Gestionando el perfil del docente en el Nuevo Twinspacejerrymont
 
Vías de comunicación en el Nuevo Twinspace
Vías de comunicación en el Nuevo TwinspaceVías de comunicación en el Nuevo Twinspace
Vías de comunicación en el Nuevo Twinspacejerrymont
 
Tutorial picmagick (1)
Tutorial picmagick (1)Tutorial picmagick (1)
Tutorial picmagick (1)alexruma
 
Gestionando la configuración del Nuevo Twinspace
Gestionando la configuración del Nuevo TwinspaceGestionando la configuración del Nuevo Twinspace
Gestionando la configuración del Nuevo Twinspacejerrymont
 

Destacado (20)

¿Actualizas tu perfil en Tuenti?
¿Actualizas tu perfil en Tuenti?¿Actualizas tu perfil en Tuenti?
¿Actualizas tu perfil en Tuenti?
 
Manual calameo
Manual calameoManual calameo
Manual calameo
 
Bricoblog
BricoblogBricoblog
Bricoblog
 
eBuddy
eBuddyeBuddy
eBuddy
 
Acción 2.4. Seguridad en Foursquare
Acción 2.4. Seguridad en FoursquareAcción 2.4. Seguridad en Foursquare
Acción 2.4. Seguridad en Foursquare
 
MySpace diapositivas
MySpace diapositivasMySpace diapositivas
MySpace diapositivas
 
Diapositvas Drop Mind
Diapositvas Drop MindDiapositvas Drop Mind
Diapositvas Drop Mind
 
Manual de Utilización de Scribd
Manual de Utilización de ScribdManual de Utilización de Scribd
Manual de Utilización de Scribd
 
Tutorial sky drive
Tutorial sky driveTutorial sky drive
Tutorial sky drive
 
SpiderScribe
SpiderScribeSpiderScribe
SpiderScribe
 
Titanpad, tutorial que intenta facilitar su utilización
Titanpad, tutorial que intenta facilitar su utilizaciónTitanpad, tutorial que intenta facilitar su utilización
Titanpad, tutorial que intenta facilitar su utilización
 
Creación y manejo de blogs con tumblr
Creación y manejo de blogs con tumblrCreación y manejo de blogs con tumblr
Creación y manejo de blogs con tumblr
 
Herramienta Imgur
Herramienta ImgurHerramienta Imgur
Herramienta Imgur
 
Author Stream
Author StreamAuthor Stream
Author Stream
 
Gestionando los miembros en el Nuevo Twinspace
Gestionando los miembros en el Nuevo TwinspaceGestionando los miembros en el Nuevo Twinspace
Gestionando los miembros en el Nuevo Twinspace
 
Gestionando el perfil del docente en el Nuevo Twinspace
Gestionando el perfil del docente en el Nuevo TwinspaceGestionando el perfil del docente en el Nuevo Twinspace
Gestionando el perfil del docente en el Nuevo Twinspace
 
Vías de comunicación en el Nuevo Twinspace
Vías de comunicación en el Nuevo TwinspaceVías de comunicación en el Nuevo Twinspace
Vías de comunicación en el Nuevo Twinspace
 
Flickr
FlickrFlickr
Flickr
 
Tutorial picmagick (1)
Tutorial picmagick (1)Tutorial picmagick (1)
Tutorial picmagick (1)
 
Gestionando la configuración del Nuevo Twinspace
Gestionando la configuración del Nuevo TwinspaceGestionando la configuración del Nuevo Twinspace
Gestionando la configuración del Nuevo Twinspace
 

Similar a Crear formularios online con Wufoo

Similar a Crear formularios online con Wufoo (20)

Iv bimestre
Iv bimestreIv bimestre
Iv bimestre
 
Trabajo de desarrollo
Trabajo de desarrolloTrabajo de desarrollo
Trabajo de desarrollo
 
Diseño de sistemas
Diseño de sistemasDiseño de sistemas
Diseño de sistemas
 
Herencia
HerenciaHerencia
Herencia
 
Diseño de sistemas
Diseño de sistemasDiseño de sistemas
Diseño de sistemas
 
Actividad Vb0506
Actividad Vb0506Actividad Vb0506
Actividad Vb0506
 
Proyecto informatica juanita tierra
Proyecto informatica juanita tierraProyecto informatica juanita tierra
Proyecto informatica juanita tierra
 
Práctica n 6
Práctica n 6Práctica n 6
Práctica n 6
 
Práctica n 6
Práctica n 6Práctica n 6
Práctica n 6
 
A toda máquina con herencia visual
A toda máquina con herencia visualA toda máquina con herencia visual
A toda máquina con herencia visual
 
office
officeoffice
office
 
Tutorial de Hot potatoes 6.3
Tutorial de Hot potatoes 6.3Tutorial de Hot potatoes 6.3
Tutorial de Hot potatoes 6.3
 
Especialista Web J3
Especialista Web   J3Especialista Web   J3
Especialista Web J3
 
Creaciondeinfocubos
CreaciondeinfocubosCreaciondeinfocubos
Creaciondeinfocubos
 
Trabajo de desarrollo
Trabajo de desarrolloTrabajo de desarrollo
Trabajo de desarrollo
 
Práctica n 6
Práctica n 6Práctica n 6
Práctica n 6
 
Visual basic
Visual basicVisual basic
Visual basic
 
Práctica n 6
Práctica n 6Práctica n 6
Práctica n 6
 
Andy y luis visual basic
Andy y luis visual basicAndy y luis visual basic
Andy y luis visual basic
 
Formulario web2
Formulario  web2Formulario  web2
Formulario web2
 

Más de Eclectica DV

Taller: "Televisión online" - primera parte
Taller: "Televisión online" - primera parteTaller: "Televisión online" - primera parte
Taller: "Televisión online" - primera parteEclectica DV
 
Taller: "Televisión online" - primera parte
Taller: "Televisión online" - primera parteTaller: "Televisión online" - primera parte
Taller: "Televisión online" - primera parteEclectica DV
 
Taller: «Compartir y organizar páginas favoritas con Delicious»
Taller: «Compartir y organizar páginas favoritas con Delicious» Taller: «Compartir y organizar páginas favoritas con Delicious»
Taller: «Compartir y organizar páginas favoritas con Delicious» Eclectica DV
 
«Uso de Wordpress.com para la dinamización juvenil: competencias avanzadas»
«Uso de Wordpress.com para la dinamización juvenil: competencias avanzadas»«Uso de Wordpress.com para la dinamización juvenil: competencias avanzadas»
«Uso de Wordpress.com para la dinamización juvenil: competencias avanzadas»Eclectica DV
 
Taller: "Enviar mails masivos con MailChimp - crear una newsletter con imágen...
Taller: "Enviar mails masivos con MailChimp - crear una newsletter con imágen...Taller: "Enviar mails masivos con MailChimp - crear una newsletter con imágen...
Taller: "Enviar mails masivos con MailChimp - crear una newsletter con imágen...Eclectica DV
 
Formación: "Enviar mails masivos con MailChimp: creación de una newsletter co...
Formación: "Enviar mails masivos con MailChimp: creación de una newsletter co...Formación: "Enviar mails masivos con MailChimp: creación de una newsletter co...
Formación: "Enviar mails masivos con MailChimp: creación de una newsletter co...Eclectica DV
 
Formación: "Enviar mails masivos con MailChimp: organización y importación de...
Formación: "Enviar mails masivos con MailChimp: organización y importación de...Formación: "Enviar mails masivos con MailChimp: organización y importación de...
Formación: "Enviar mails masivos con MailChimp: organización y importación de...Eclectica DV
 
Formación: "Posicionamiento en Google y en los Medios Sociales"
Formación: "Posicionamiento en Google y en los Medios Sociales"Formación: "Posicionamiento en Google y en los Medios Sociales"
Formación: "Posicionamiento en Google y en los Medios Sociales"Eclectica DV
 
Formación: "Bloguear: trucos, recetas, directorios, redes y recursos"
Formación: "Bloguear: trucos, recetas, directorios, redes y recursos"Formación: "Bloguear: trucos, recetas, directorios, redes y recursos"
Formación: "Bloguear: trucos, recetas, directorios, redes y recursos"Eclectica DV
 
Seminario: "¿Qué es Creative Commons?"
Seminario: "¿Qué es Creative Commons?"Seminario: "¿Qué es Creative Commons?"
Seminario: "¿Qué es Creative Commons?"Eclectica DV
 
Taller: "Web 2.0 para dinamizar tu presencia online: primera parte"
Taller: "Web 2.0 para dinamizar tu presencia online: primera parte"Taller: "Web 2.0 para dinamizar tu presencia online: primera parte"
Taller: "Web 2.0 para dinamizar tu presencia online: primera parte"Eclectica DV
 
Seminario: "Web 2.0: revolució social o sobreinformació?"
Seminario: "Web 2.0: revolució social o sobreinformació?"Seminario: "Web 2.0: revolució social o sobreinformació?"
Seminario: "Web 2.0: revolució social o sobreinformació?"Eclectica DV
 
Seminario: "Conjugar la web 2.0: analisi de les aplicacions 2.0"
Seminario: "Conjugar la web 2.0: analisi de les aplicacions 2.0"Seminario: "Conjugar la web 2.0: analisi de les aplicacions 2.0"
Seminario: "Conjugar la web 2.0: analisi de les aplicacions 2.0"Eclectica DV
 
Seminario: "La web 2.0: conceptes bàsics i principals canvis"
Seminario: "La web 2.0: conceptes bàsics i principals canvis"Seminario: "La web 2.0: conceptes bàsics i principals canvis"
Seminario: "La web 2.0: conceptes bàsics i principals canvis"Eclectica DV
 
Seminario: "Jóvenes y Redes Sociales"
Seminario: "Jóvenes y Redes Sociales"Seminario: "Jóvenes y Redes Sociales"
Seminario: "Jóvenes y Redes Sociales"Eclectica DV
 
Taller: "Web 2.0 para dinamizar tu presencia online: segunda parte"
Taller: "Web 2.0 para dinamizar tu presencia online: segunda parte"Taller: "Web 2.0 para dinamizar tu presencia online: segunda parte"
Taller: "Web 2.0 para dinamizar tu presencia online: segunda parte"Eclectica DV
 
Taller: "Web 2.0 para crear tu presencia online: segunda parte"
Taller: "Web 2.0 para crear tu presencia online: segunda parte"Taller: "Web 2.0 para crear tu presencia online: segunda parte"
Taller: "Web 2.0 para crear tu presencia online: segunda parte"Eclectica DV
 
Taller: "Web 2.0 para crear tu presencia online: primera parte"
Taller: "Web 2.0 para crear tu presencia online: primera parte"Taller: "Web 2.0 para crear tu presencia online: primera parte"
Taller: "Web 2.0 para crear tu presencia online: primera parte"Eclectica DV
 
Taller: "Web 2.0 para domesticar la sobreinformación: Netvibes"
Taller: "Web 2.0 para domesticar la sobreinformación: Netvibes"Taller: "Web 2.0 para domesticar la sobreinformación: Netvibes"
Taller: "Web 2.0 para domesticar la sobreinformación: Netvibes"Eclectica DV
 
Taller: "Web 2.0 para domesticar la sobreinformación: Google Reader"
Taller: "Web 2.0 para domesticar la sobreinformación: Google Reader"Taller: "Web 2.0 para domesticar la sobreinformación: Google Reader"
Taller: "Web 2.0 para domesticar la sobreinformación: Google Reader"Eclectica DV
 

Más de Eclectica DV (20)

Taller: "Televisión online" - primera parte
Taller: "Televisión online" - primera parteTaller: "Televisión online" - primera parte
Taller: "Televisión online" - primera parte
 
Taller: "Televisión online" - primera parte
Taller: "Televisión online" - primera parteTaller: "Televisión online" - primera parte
Taller: "Televisión online" - primera parte
 
Taller: «Compartir y organizar páginas favoritas con Delicious»
Taller: «Compartir y organizar páginas favoritas con Delicious» Taller: «Compartir y organizar páginas favoritas con Delicious»
Taller: «Compartir y organizar páginas favoritas con Delicious»
 
«Uso de Wordpress.com para la dinamización juvenil: competencias avanzadas»
«Uso de Wordpress.com para la dinamización juvenil: competencias avanzadas»«Uso de Wordpress.com para la dinamización juvenil: competencias avanzadas»
«Uso de Wordpress.com para la dinamización juvenil: competencias avanzadas»
 
Taller: "Enviar mails masivos con MailChimp - crear una newsletter con imágen...
Taller: "Enviar mails masivos con MailChimp - crear una newsletter con imágen...Taller: "Enviar mails masivos con MailChimp - crear una newsletter con imágen...
Taller: "Enviar mails masivos con MailChimp - crear una newsletter con imágen...
 
Formación: "Enviar mails masivos con MailChimp: creación de una newsletter co...
Formación: "Enviar mails masivos con MailChimp: creación de una newsletter co...Formación: "Enviar mails masivos con MailChimp: creación de una newsletter co...
Formación: "Enviar mails masivos con MailChimp: creación de una newsletter co...
 
Formación: "Enviar mails masivos con MailChimp: organización y importación de...
Formación: "Enviar mails masivos con MailChimp: organización y importación de...Formación: "Enviar mails masivos con MailChimp: organización y importación de...
Formación: "Enviar mails masivos con MailChimp: organización y importación de...
 
Formación: "Posicionamiento en Google y en los Medios Sociales"
Formación: "Posicionamiento en Google y en los Medios Sociales"Formación: "Posicionamiento en Google y en los Medios Sociales"
Formación: "Posicionamiento en Google y en los Medios Sociales"
 
Formación: "Bloguear: trucos, recetas, directorios, redes y recursos"
Formación: "Bloguear: trucos, recetas, directorios, redes y recursos"Formación: "Bloguear: trucos, recetas, directorios, redes y recursos"
Formación: "Bloguear: trucos, recetas, directorios, redes y recursos"
 
Seminario: "¿Qué es Creative Commons?"
Seminario: "¿Qué es Creative Commons?"Seminario: "¿Qué es Creative Commons?"
Seminario: "¿Qué es Creative Commons?"
 
Taller: "Web 2.0 para dinamizar tu presencia online: primera parte"
Taller: "Web 2.0 para dinamizar tu presencia online: primera parte"Taller: "Web 2.0 para dinamizar tu presencia online: primera parte"
Taller: "Web 2.0 para dinamizar tu presencia online: primera parte"
 
Seminario: "Web 2.0: revolució social o sobreinformació?"
Seminario: "Web 2.0: revolució social o sobreinformació?"Seminario: "Web 2.0: revolució social o sobreinformació?"
Seminario: "Web 2.0: revolució social o sobreinformació?"
 
Seminario: "Conjugar la web 2.0: analisi de les aplicacions 2.0"
Seminario: "Conjugar la web 2.0: analisi de les aplicacions 2.0"Seminario: "Conjugar la web 2.0: analisi de les aplicacions 2.0"
Seminario: "Conjugar la web 2.0: analisi de les aplicacions 2.0"
 
Seminario: "La web 2.0: conceptes bàsics i principals canvis"
Seminario: "La web 2.0: conceptes bàsics i principals canvis"Seminario: "La web 2.0: conceptes bàsics i principals canvis"
Seminario: "La web 2.0: conceptes bàsics i principals canvis"
 
Seminario: "Jóvenes y Redes Sociales"
Seminario: "Jóvenes y Redes Sociales"Seminario: "Jóvenes y Redes Sociales"
Seminario: "Jóvenes y Redes Sociales"
 
Taller: "Web 2.0 para dinamizar tu presencia online: segunda parte"
Taller: "Web 2.0 para dinamizar tu presencia online: segunda parte"Taller: "Web 2.0 para dinamizar tu presencia online: segunda parte"
Taller: "Web 2.0 para dinamizar tu presencia online: segunda parte"
 
Taller: "Web 2.0 para crear tu presencia online: segunda parte"
Taller: "Web 2.0 para crear tu presencia online: segunda parte"Taller: "Web 2.0 para crear tu presencia online: segunda parte"
Taller: "Web 2.0 para crear tu presencia online: segunda parte"
 
Taller: "Web 2.0 para crear tu presencia online: primera parte"
Taller: "Web 2.0 para crear tu presencia online: primera parte"Taller: "Web 2.0 para crear tu presencia online: primera parte"
Taller: "Web 2.0 para crear tu presencia online: primera parte"
 
Taller: "Web 2.0 para domesticar la sobreinformación: Netvibes"
Taller: "Web 2.0 para domesticar la sobreinformación: Netvibes"Taller: "Web 2.0 para domesticar la sobreinformación: Netvibes"
Taller: "Web 2.0 para domesticar la sobreinformación: Netvibes"
 
Taller: "Web 2.0 para domesticar la sobreinformación: Google Reader"
Taller: "Web 2.0 para domesticar la sobreinformación: Google Reader"Taller: "Web 2.0 para domesticar la sobreinformación: Google Reader"
Taller: "Web 2.0 para domesticar la sobreinformación: Google Reader"
 

Último

la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
UNIDAD DPCC. 2DO. DE SECUNDARIA DEL 2024
UNIDAD DPCC. 2DO. DE  SECUNDARIA DEL 2024UNIDAD DPCC. 2DO. DE  SECUNDARIA DEL 2024
UNIDAD DPCC. 2DO. DE SECUNDARIA DEL 2024AndreRiva2
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptELENA GALLARDO PAÚLS
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 

Último (20)

la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
UNIDAD DPCC. 2DO. DE SECUNDARIA DEL 2024
UNIDAD DPCC. 2DO. DE  SECUNDARIA DEL 2024UNIDAD DPCC. 2DO. DE  SECUNDARIA DEL 2024
UNIDAD DPCC. 2DO. DE SECUNDARIA DEL 2024
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
Repaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia GeneralRepaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia General
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 

Crear formularios online con Wufoo

  • 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’
  • 6. Posibilidades de la cuenta gratuita
  • 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
  • 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 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
  • 17. puedes arrastrar los campos 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ú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’
  • 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.
  • 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
  • 31. acción: crear un tema cambiando el logo
  • 33. vista previa del informe mientras se vaya construyendo acción: ‘Report Settings’
  • 34. elige si quieres hacer elige el formulario del una selección de los cual quieres sacar datos entrados o no un informe acción: ‘Select data’
  • 35. elige la paginación de las diferentes zonas selecciona la zona dónde quieres arrastrar el tipo de ‘widget’
  • 36. diferentes ‘widgets’ arrastradas a diferentes zonas acción: ‘Add widgets’
  • 37. para rellenar una zona hay que clicar en el ‘widget’ de la zona
  • 38.
  • 39.
  • 42.
  • 43. acción: ‘Exportar el informe hacia un excel’
  • 44. si aún no tenemos un tema creado se aplica el ‘Default Theme’ acción: aplicar el tema si ya lo tenemos creado

Notas del editor

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n
  31. \n
  32. \n
  33. \n
  34. \n
  35. \n
  36. \n
  37. \n
  38. \n
  39. \n
  40. \n
  41. \n
  42. \n
  43. \n
  44. \n