En Survey123 Connect, puede obtener una vista previa de un formulario antes de publicarlo en la pestaña Formulario.
Puede actualizar la vista previa del formulario en Survey123 Connect de las siguientes formas:
- Guarde los cambios en la hoja de cálculo.
- Haga clic en el botón Actualizar en Survey123 Connect.
Después de convertir una hoja de cálculo en un formulario de encuesta, los cambios realizados aparecen en la vista previa del formulario. También puede obtener una vista previa de los cambios que se han realizado en la configuración de estilo o de mapa. Todas las reglas de validación de datos, los cálculos, la apariencia y los valores rellenos de forma automática se respetan en la vista previa del formulario. Esta vista previa es exactamente cómo aparecerá la encuesta cuando se descargue en la aplicación de campo Survey123. Abra el panel Bisel de la esquina superior derecha de la vista previa del formulario para seleccionar una relación de aspecto o un tipo de dispositivo para emular distintos entornos para realizar pruebas de UI. También puede agregar sus propios biseles a la lista. Abra el panel Información a la derecha de la vista previa del formulario para ver los detalles sobre el bisel actual, como la relación de aspecto y la escala. Este panel también muestra cuánto tiempo tarda el formulario en cargarse.
Validación de datos
Después de introducir datos en la vista previa del formulario, puede usar el botón Validar para aplicar las reglas de validación de datos y previsualizar los mensajes personalizados. Esto incluye los cálculos, las restricciones y los campos obligatorios. Si la respuesta de la encuesta es válida, en la ventana de resultados se muestran todos los datos incluidos en la encuesta, además de los datos que se han capturado pero que no se suelen mostrar en la encuesta (por ejemplo, campos ocultos y de cálculo). Al utilizar el botón Mostrar detalles de esta ventana se muestra más información, incluidos los detalles y las ubicaciones de los adjuntos. Para restablecer la encuesta a su estado de carga, haga clic en el botón Volver a cargar formulario situado a la derecha de la vista previa del formulario.
Biseles
Un bisel es un marco situado alrededor de la vista previa de formulario que simula el aspecto que tendrá una encuesta en diferentes dispositivos, utilizando diferentes tamaños y resoluciones de pantalla. Existen varios ejemplos preconfigurados en Survey123 Connect, pero también puede crear el suyo propio. Agregue sus diseños de bisel a la carpeta C:\Users\UserName\ArcGIS\My Survey Designs\Bezels. Es posible que necesite crear esta carpeta si aún no existe. Una vez copiado en esta carpeta, su bisel estará disponible la próxima vez que entre en la vista previa del formulario.
Un bisel suele estar formado por dos partes: un archivo de imagen y un archivo de configuración. La imagen se dibuja en la parte superior del formulario, por lo que el área de visualización de la pantalla en la imagen debe ser transparente. Se recomiendan los archivos PNG, ya que admiten transparencia.
El archivo de configuración está en formato JSON con una extensión .bezel y tiene las siguientes propiedades:
- name: nombre de bisel que se visualizará en la vista previa del formulario. Si no se especifica, el valor predeterminado será el nombre de archivo.
- image: nombre y extensión del archivo de imagen de bisel. Si no se especifica, el valor predeterminado será <config file name>.png.
- screen: posición y tamaño en píxeles de la región de la imagen de bisel en la que se visualizará el formulario.
- resolution: resolución nativa en píxeles de la pantalla del dispositivo.
- scale: factor de escala (densidad de píxel) de la pantalla del dispositivo.
{
"name":"Tablet Landscape",
"image":"Tablet Landscape.png",
"screen":{
"x":114,
"y":54,
"width":1229,
"height":922
},
"resolution":{
"x":2048,
"y":1536
},
"scale":2
}
De forma alternativa, puede especificar una relación de aspecto para la vista previa del formulario mediante un archivo de configuración sin ninguna imagen y configurando la propiedad scale como -1.
{
"name":"My Screen 16:9",
"screen":{
"width":16,
"height":9
},
"scale":-1
}