Application d’un style à une enquête

Survey123 Connectsite Web fournit des outils permettant de configurer la présentation d’une enquête et ainsi d’attirer l’attention des utilisateurs sur cette enquête. Pour que l’enquête soit visuellement différenciée, vous pouvez modifier les données d’enquête présentées dans la bibliothèque, le titre qui s’affiche à l’ouverture de l’enquête, les couleurs et la mise en forme de l’enquête. Vous pouvez également insérer des éléments multimédias et de mise en forme HTML dans l’enquête.

Modifier la miniature, le titre, la description et les balises

La miniature et le nom de l’enquête sont importants pour différencier visuellement les enquêtes sur le dans la bibliothèque de l’application de terrain Survey123. Cela est particulièrement important si vous créez plusieurs enquêtes pour votre propre usage ou si des équipes sur le terrain téléchargent plusieurs enquêtes.

Utiliser une miniature pour différencier les enquêtes.

Pour changer la miniature et d’autres propriétés d’un élément d’enquête, procédez de la manière suivante :

  1. Ouvrez une enquête dans Survey123 Connect.
  2. Cliquez sur l’onglet Détails.
  3. Cliquez sur l’image miniature pour naviguer vers un fichier d’image. Pour obtenir de meilleurs résultats, utilisez des images de 600 x 400 pixels.
  4. Vous pouvez également saisir du texte pour le titre de l’élément, le résumé et la description de l’enquête.

    Les modifications apportées ici sont reflétées dans la bibliothèque d’enquêtes, et également dans l’élément de formulaire de l’enquête de votre organisation ArcGIS une fois l’enquête publiée.

Attention :

Survey123 Connect nécessite que l’extension de tous les fichiers image utilisés comme miniatures soit en minuscules. Les extensions de fichier en majuscules ne sont pas reconnues par Survey123 Connect et ces miniatures ne sont pas publiées avec l’enquête.

La miniature risque de ne pas s’afficher correctement si le nom de fichier contient des espaces, des symboles ou des caractères spéciaux.

Pour ajouter une mise en forme, des liens ou d’autres éléments de texte enrichi à la description de l’enquête, il est recommandé d’utiliser l’éditeur de description de l’élément de formulaire dans votre organisation ArcGIS. Lorsque vous mettez à jour les propriétés de n’importe quel élément de formulaire dans votre organisation ArcGIS, vous devez à nouveau télécharger l’enquête dans Survey123 Connect pour afficher les modifications dans l’onglet Details (Détails).

Définir le titre de l’enquête

Le titre de l’enquête apparaît lorsque vous ouvrez l’enquête à partir de la bibliothèque. Il peut offrir une description plus détaillée de l’enquête. Le titre de l’enquête est différent du nom de l’enquête, qui s’affiche dans la bibliothèque.

Créer un titre pour l’enquête.

Vous pouvez définir le titre de l’enquête en saisissant la valeur dans la colonne form_title de la feuille de calcul settings.

Définir un titre dans la feuille de calcul de paramètres.

Par ailleurs, vous pouvez définir le titre de votre enquête en intégrant une question de note dans votre enquête nommée generated_note_form_title. Cette méthode permet de fournir les traductions du titre et d’inclure des valeurs provenant de la réponse à l’enquête dans le titre à l’aide de la syntaxe ${question_name}. Pour plus d’informations, voir Personnaliser les éléments de formulaire.

Ajouter des éléments multimédia à une enquête

L’utilisation d’éléments multimédia dans des enquêtes peut avoir plusieurs utilités. Il ne s’agit pas simplement de rendre les enquêtes agréables à l’œil ; les images ou le son peuvent aussi aider les utilisateurs à faire des choix lorsqu’ils saisissent des informations. Les images dans les enquêtes peuvent faciliter les identifications ou les estimations visuelles.

Les fichiers image et audio à intégrer à une enquête doivent être enregistrés dans le dossier de média de celle-ci.

Vous pouvez ajouter des images à n’importe quelle question en indiquant le nom exact du fichier image (avec l’extension de fichier) dans la colonne media::image de la feuille de calcul d’enquête. Les types de fichiers pris en charge incluent les fichiers BMP, GIF, JPC, JPE, JPEG, JPF, JPG et PNG. En ce qui concerne les images GIF, l’animation est prise en charge dans l’application Web Survey123 uniquement. L’application de terrain Survey123 prend également en charge les images TIF et TIFF.

Vous pouvez ajouter du son à n’importe quelle question en incluant le nom exact du fichier audio (extension de fichier comprise) dans la colonne media::audio de la feuille de calcul d’enquête. Les types de fichiers pris en charge incluent les fichiers MP3 et WAV. Des formats audio supplémentaires sont pris en charge par certaines plateformes. Par exemple, la lecture des fichiers M4A est possible sur iOS. Lorsque le son est inclus dans une enquête, un bouton de haut-parleur est actif sur le formulaire. Appuyez dessus pour lire le fichier audio.

Remarque :

Survey123 tient compte de la casse. Vérifiez que toutes les références aux noms et extensions de fichiers utilisent la même casse que les fichiers mêmes. Par exemple, Tree.JPG est différent de tree.jpg et, si le fichier est référencé de cette façon, l’image ne s’affiche pas dans l’enquête.

Les images en guise de choix dans les questions à choix multiples ne sont pas prises en charge par l’application Web Survey123 lors de l’utilisation de l’apparence minimal ou autocomplete.

Utilisez une question de type note pour afficher une image ou lire un clip audio qui n’est pas associé à une question.

Ajouter un élément multimédia à une note

Ajouter une image à une enquête.

Pour ajouter une image à une enquête, procédez comme suit :

  1. Afficher l’aperçu d’une enquête dans Survey123 Connect.
  2. Dans la barre d’outils au bas, ouvrez l’onglet Media (Média).
  3. Cliquez sur Open media folder (Ouvrir le dossier Media) et ajoutez un fichier image.

    Ce fichier apparaît dans l’onglet Media (Média).

  4. Dans la feuille de calcul de l’enquête, ajoutez une question de type note et saisissez le nom de fichier de l’image dans la colonne media::image.

    Les noms de médias respectent la casse.

L’image est présentée dans une note de l’enquête. Sélectionnez l’image pour l’ouvrir en mode plein écran. Sélectionnez le bouton Back (Retour) dans l’angle supérieur gauche pour revenir à l’enquête.

Ajouter des éléments multimédia aux listes de choix

Vous pouvez également ajouter des images et du son aux choix des questions à choix unique ou à choix multiples pour fournir plus d’informations aux utilisateurs sur chaque choix.

Utiliser des images dans une liste de sélection.

Pour ajouter des éléments multimédia aux choix des questions, procédez comme suit :

  1. Afficher l’aperçu d’une enquête dans Survey123 Connect.
  2. Dans la barre d’outils au bas, ouvrez l’onglet Media (Média).
  3. Cliquez sur Open media folder (Ouvrir le dossier Media) et ajoutez vos fichiers image et audio.

    Ces fichiers apparaissent dans l’onglet Media (Média).

  4. Dans la feuille de calcul de choix, ajoutez un choix à la liste de choix et saisissez le nom de fichier de l’image concernée dans la colonne media::image.

    Les noms de médias respectent la casse.

  5. Saisissez le nom du fichier audio concerné dans la colonne media::audio.
  6. Répétez les étapes 4 et 5 pour les autres choix de la liste.

Les images et clips audio sont présentés à côté de chaque choix des questions à choix unique ou à choix multiples qui utilisent cette liste.

Paramètres de style

Les paramètres de style vous permettent de contrôler les couleurs des différents éléments de l’enquête. La fenêtre Style est située à droite de l’onglet Form (Formulaire).

Expérimenter les styles d’enquêtes.

Vous pouvez personnaliser la couleur du texte et la couleur d’arrière-plan de l’en-tête, du corps, des champs de saisie et du pied de page de l’enquête. Cliquez sur le bouton de palette pour choisir une couleur ou saisissez un code couleur hexadécimal ou un nom de couleur HTML dans le champ fourni. Le bouton de contraste au-dessus des couleurs de texte en entrée offre une indication de la lisibilité. Cliquez sur le bouton pour voir le rapport de contraste entre la couleur du texte et la couleur d’arrière-plan. Un rapport inférieur à 4,5 n’est pas recommandé, comme l’indique un bouton de contraste rouge.

Vous pouvez également utiliser une image en arrière-plan de l’enquête. Le fichier d’image que vous sélectionnez comme image d’arrière-plan est copié dans le sous-dossier média du dossier de projet d’enquête.

Couleurs des groupes, des pages et des répétitions

Vous pouvez définir les couleurs des groupes, pages et répétitions indépendamment du style général de l’enquête en ajoutant les paramètres backgroundColor et borderColor à la colonne body::esri:style. Les couleurs peuvent être spécifiées par leur nom de couleur HTML standard ou leur code de couleur hexadécimale. Vous pouvez les indiquer sous forme de constante ou de référence à une question. Les paramètres multiples sont séparés par un espace. Exemple :

backgroundColor=LightCyan borderColor=#483D8B

Remarque :

Les paramètres backgroundColor et borderColor ne sont pas pris en charge dans l’application Web Survey123.

Les groupes de style de grille ne prennent pas en charge la propriété borderColor.

Mise en forme HTML

Vous pouvez utiliser la mise en forme HTML dans les étiquettes et les astuces des questions, ainsi que dans les étiquettes des listes de choix. L’application d’une mise en forme à ce texte peut aider à attirer l’attention sur les informations importantes. La mise en forme HTML prise en charge est la suivante :

BaliseAttribut

a

href, style

abbr

title

audio¹

autoplay, controls, loop, muted, preload

b, strong, i, em, u, ul, ol, li, tbody, br, hr

dd, dl, dt

style

div¹

style, align

figcaption

style

figure

style

font

size, color, style

h1, h2, h3, h4, h5, h6

style

img

src, width, height, border, alt, style

p

style

source¹

media, src, type

span

style

sub

style

sup

style

table

width, height, cellpadding, cellspacing, border, style

td, th

height, width, valign, align, colspan, rowspan, nowrap, style

tr

height, valign, align, style

video¹

autoplay, controls, height, loop, muted, poster, preload, width

¹Prise en charge uniquement dans l’application Web Survey123.

Remarque :

Les liens dans les étiquettes de choix ne fonctionnent pas dans l’application Web Survey123 dans les situations suivantes :

  • Lorsque l’apparence dans Survey123 Connect est définie sur minimal ou autocomplete
  • Lorsqu’une question de type rank est utilisée dans Survey123 Connect.
  • Lors de l’utilisation du type de questions Dropdown (Menu déroulant) ou Ranking (Classement) dans le concepteur Web Survey123.

Par défaut, un hyperlien créé au format HTML ouvert dans l’application Web Survey123 ouvre la destination dans le même onglet que l’enquête. Si vous préférez ouvrir ce lien sous un nouvel onglet, ajoutez target="_blank" à la balise a href ; par exemple :

<a href="https://www.esri.com" target="_blank">Link to Esri website</a>

La mise en forme HTML n’est pas affichée dans les zones suivantes du formulaire Web :

  • Messages requis et de contrainte
  • Étiquettes des choix d’une question de type sélection externe ou choix externe
  • Étiquettes des choix si l’ordre des choix est aléatoire

Écran de remerciement

Un écran de remerciement apparaît lorsque les données sont soumises par l’utilisateur dans l’application Web Survey123. Vous pouvez mettre à jour cet écran dans l’onglet Options du concepteur Web ; il prend en charge la mise à jour de texte enrichi, y compris des liens et des images.

Remarque :
Pour les enquêtes créées dans Survey123 Connect, vous pouvez mettre à jour l’écran de remerciement dans l’onglet Design (Création) > Options de cette enquête sur le site Web Survey123. Pour enregistrer les modifications, cliquez sur Publish (Publier) et confirmez.

Vous pouvez ajouter un lien à l’écran de remerciement qui rouvre la réponse à l’enquête qui vient d’être envoyée, en mode de mise à jour ou de consultation. Ces liens intégrés utilisent un paramètre globalId dynamique pour ouvrir la réponse et permettre à l’utilisateur de la mettre à jour et de la renvoyer, ou de la consulter en lecture seule. Cliquez sur le bouton Link (Lien) dans l’éditeur de l’écran de remerciement pour ajouter un lien. Cliquez sur le bouton Use a survey link (Utiliser un lien d’enquête) pour ajouter une URL mise en forme et mettre à jour ou consulter la réponse à l’enquête.

Ajouter des liens en mode de mise à jour et en mode de consultation à l’écran de remerciement

Vous pouvez autoriser les utilisateurs à envoyer une nouvelle réponse, en indiquant un lien sur l’écran de remerciement qui leur permettra de recharger l’enquête ou en rechargeant l’enquête automatiquement après un certain délai. Vous pouvez également les rediriger automatiquement vers une URL proposée. Le délai par défaut est de 3 secondes. Dans le cas où le délai est défini sur 0, l’écran de remerciement ne s’affiche pas une fois l’enquête terminée et la redirection a lieu immédiatement à la fin de l’enquête. La redirection des URL est ignorée lorsqu’une enquête est incorporée à l’aide d’un élément iframe.

Le paramètre d’URL autoReload a priorité sur le délai défini dans le concepteur Web Survey123.

Pour les enquêtes conçues dans Survey123 Connect, vous pouvez également personnaliser le contenu de l’écran de remerciement en utilisant une question de type note spéciale dans le concepteur XLSForm. Pour plus d’informations, voir Personnaliser les éléments de formulaire.