Le blog francophone consacré
aux technologies Esri

Des thèmes personnalisés pour Survey123 Web Designer


  
Si vous utilisez régulièrement Survey123 for ArcGIS pour collecter des données via des formulaires (enquêtes), vous savez qu'il y a deux workflows permettant de concevoir et déployer vos formulaires. Le premier worlkflow consiste à utiliser l'application Survey123 Connect (et un fichier Excel de configuration) pour la conception du formulaire puis l'application Survey123 (Mobile ou Desktop) pour afficher et répondre aux questions de ce formulaire. Le second workflow consiste à utiliser le portail web de Survey123 et l'application Web Designer pour concevoir son formulaire en ligne puis le déployer via une simple URL dans un navigateur. Bien que cette seconde option n'offre pas toutes les capacités avancées de la première, elle est souvent mieux adaptée à des enquêtes vers un large public. Il y a quelques jour, une mise à jour notable du Web Designer a été déployée et permet désormais un contrôle plus avancé de l'apparence de vos formulaire grâce à la notion de thème. 

Quelques exemples de formulaires Survey123 avec
des thèmes personnalisés
  
Voyons à travers cet article quelles sont les nouvelles capacités de design qui s'offre maintenant à vous pour rendre vos formulaires plus clairs, plus attractifs et mieux adaptés au branding de votre organisation.
   

Eléments de mise en page de base
  
Désormais, vous pouvez gérer individuellement le style des différents éléments de mise en page que sont: l'en-tête, la description et le pied de page.

En-tête:

Cet élément contient le titre de votre formulaire. Si il est activé, vous pourrez définir le texte, la couleur du texte, l'alignement du texte et la couleur d'arrière-plan. 

 
Vous pourrez aussi opter pour une image (maximum 680 pixels de large) qui remplacera alors la zone d'en-tête.
   
  
Description:
  
Cet élément contient un texte décrivant l'objectif de votre formulaire. Si il est activé, vous disposerez désormais d'un éditeur de texte riche vous permettant de combiner texte et contenus multimédias. C'est un moyen par exemple de mettre une vidéo de présentation, des logos de partenaires ou encore des liens vers d'autres pages.

  
Le pied de page:
  
Cet élément est placé en bas de votre formulaire et permet généralement de proposer un lien vers le site de l'organisation. Si il est activé vous pourrez modifier le texte et le lien. Vous saisirez l'url du lien ou un contact email (vous utiliserez alors la syntaxe mailto:xxxx@xxxx.xx).

  
  
Modifier le thème de votre formulaire
  
Une autre évolution majeure concerne l'évolution de la notion de thème. Dans les versions précédentes, une série de thèmes simples permettait de changer la couleur d'arrière-plan, de l'en-tête et de la zone de contenu. Désormais, la liste de thème prédéfinie a été complétée et la notion de thème elle-même a été enrichie pour permettre de modifier un plus grand nombre d'éléments de rendu du formulaire.


Par exemple, en cliquant sur le bouton "Mettre à jour le thème", il est dorénavant possible de spécifier les couleurs et l'opacité de l'arrière-plan et des textes de la zone de contenu du formulaire. Il sera également possible de spécifier une image utilisée en arrière-plan de cette zone de contenu.


De la même manière, vous pouvez maintenant définir une couleur ou une image de fond à la page web de votre formulaire.

    
        
Il nous vous reste plus qu'à tester toutes ces nouvelles options qui vous permettrons une large palette de variantes pour améliorer le look-and-feel de vos futurs formulaires. Vous pouvez bien entendu reprendre des formulaires déjà existants en les mettant à jour avec ces nouvelles options.

Partager cet article:

Rejoindre la discussion

    Les commentaires à propos de cet article:

1 comments :

Anonyme a dit…

Bonjour,

merci pour cet article, c'est vrai que l'aspect esthétique manquait aux questionnaires !

Afin d'allier les 2, est ce qu'il est possible de créer son questionnaire sur Collect puis lorsqu'il n'y aura plus que des changements mineurs à faire, le passer sur le portail web pour gérer son aspect esthétique?
Je n'ai jamais utilisé le portail web donc je ne connais pas ses capacités...